Mô tả

*****

This course has been re-recorded from scratch to the latest versions of Angular and ASP.NET Core

*****


A Comprehensive Course on Angular and ASP.NET Core Web API where you will learn and master your Angular and ASP.NET Core skills and be excellent at making full stack web applications using the Angular and ASP.NET Core Web APIs.


In this course, we will use Angular 16 to create our Single Page Web Application and we will use C# and .NET 7 to develop a REST API using ASPNET Core.


Why do you need this course?

Full-Stack web development is in great demand and what better technologies to choose from? We have the best technologies Angular and ASP.NET Core from Google and Microsoft. These are great technologies that pair really well and are adopted by big tech giants across the world.

This course helps you understand full-stack web development using Angular and ASP.NET Core Web APIs as you have never thought of.

Concentrating on the practical aspect of web development, You will learn and master ASP.NET Core Web API and Angular Web development skills and with the help of this course and the knowledge you will acquire in this course, you will be able to implement that in your projects and your organization as well.


Know me more

I am Sameer, a professional software developer with over 15 years of industry experience. I love to educate myself and others and that's why I started with my youtube channel where I have a loving audience. I create content for software developers like you so that I can share my knowledge.


Money Back Guarantee

I Guarantee you that after finishing this course, you will be confident enough to create web applications using Angular and ASP.NET Core Web API on your own.

You will feel confident at work or creating your own projects.

If you want to create functional, generic, clean, and usable websites using Angular and clean scalable web apis using dotnet core, then this is the course for you.

If still, you are unable to get benefit from this course (we will be sad to see you go!), there is a "30-day money back guaranteed by Udemy".


In this course, you will learn and implement:

  • Learn And Create Your First Angular single page application (SPA)

  • Learn and Create your first ASP.NET Core Web API using RESTful principles in C#

  • Create a fully functional, highly scalable blog application


In Angular you will learn and develop:

  • Angular CLI

  • Angular Components

  • Angular Routing

  • Angular Services

  • HTTP calls

  • CORS

  • Use Bootstrap CSS in Angular applications

  • Create reusable components

  • CRUD operations (Create Read Update Delete)

  • Angular Forms

  • Live Markdown Preview

  • Markdown to HTML

  • Angular Form Elements

  • Authentication and Authorization

  • JWT Tokens and Storage

  • Cookie Services

  • Local Storage

  • Interceptors

  • Auth/Route Guards

  • Image Upload in Angular applications

  • Models and Interfaces


In our ASP.NET Core Web API, you will learn and develop:

  • Create ASPNET Core APIs from scratch using C#

  • Create endpoints and action methods

  • CRUD operations in ASP.NET Core (Create Read Update Delete)

  • Install and Use Entity Framework Core to connect to SQL Server database

  • Understand and implement Entity framework core relationships

  • Domain-Driven Design Patterns (DDD)

  • Repository Pattern in ASP.NET Core

  • Domain Modelling

  • Entity Framework Code First Approach

  • SQL Server

  • Seeding the Database

  • HTTP Web Methods

  • Authentication and Authorization

  • JWT Tokens

  • Role Based Authorization

  • Image Upload in ASP.NET Core Web API

  • Write Clean, Re-Usable Code



Bạn sẽ học được gì

Learn and Create Full-Stack Web Applications with Angular and ASPNET Core Web API

Build scalable C# Web APIs using ASPNET Core

Learn how to create and use components in Angular

Learn Angular routing and Angular Services

Learn how to create an ASPNET Core web api from scratch and build CRUD operations in it using HTTP Web Methods like GET, POST, PUT, DELETE

Authentication and Authorization using JSON web Tokens (JWT Tokens)

Learn and use Entity Framework Core along with the ASPNET Core Web API to persist and retrieve data from SQL Server database

Learn to upload an Image File from Angular UI application to the ASPNET Core Web API

Implement Dependency Injection in ASPNET Core Web API and also in the Angular application

Use Swagger and Postman to test your API data

Learn the Best Practices along with every tutorial to make your app clean, generic and re-usable

You will get the confidence to build a complete app from scratch on your own

Create an DOTNET Core API and consume it from the Angular application

Role based Authorization

Angular Auth Guards, Interceptors etc

RxJs Observables, Subjects and Subscriptions

Yêu cầu

  • Hello world experience in ASPNET Core and Angular
  • Understand the basic concepts of HTML, CSS and Typescript
  • A passion to build amazing full stack applications

Nội dung khoá học

27 sections

Introduction and Development Setup

13 lectures
Introduction To The Course
02:25
Prerequisites
00:27
Setting Up Development Environment
00:11
Install .NET SDK and .NET Runtime
01:53
Download and Install Visual Studio 2022
01:43
Download and Install SQL Server (Local Instance) and SQL Server Management Stu
03:27
Install Visual Studio Code
00:24
Visual Studio Code Extensions
00:46
Download and Install NodeJs
00:31
Install Angular CLI
03:24
Getting Help
00:51
COMPLETE SOURCE CODE - GITHUB LINK
00:05
*****OLD CONTENT ***** Source Code and GITHUB Repository - Complete Source Code
02:09

Building API using ASP.NET Core and Visual Studio

16 lectures
Create New Web API
04:46
Understand Files and Folder Structure - ASPNET Web API
05:14
Understand REST and HTTP Verbs
04:41
Routing In ASP.NET Core Web API
02:22
Understand Our Project and Domain Models
03:48
Create Domain Models
04:52
Install Nuget Packages For Entity Framework Core
01:51
Create DbContext Class
05:12
Adding ConnectionString To The Database In Appsettings.Json
04:20
Understanding Dependency Injection & Injecting DbContext Into Our Application
06:29
Run EF Core Migrations
04:06
Create New Controller (CategoriesController)
03:04
DTOs and Domain Models
05:07
Create POST Categories Action Method
12:24
Repository Pattern and Benefits
03:37
Change POST Category Action Method To Use Repository
08:57

Create UI Application Using Angular CLI

9 lectures
Create Angular Project
03:28
Understand Files and Folders
06:04
Clean Angular Project And Import Bootstrap CDN
04:12
Create Navbar Component
09:04
Create Categories List Component and Angular Routing
10:38
Create Add Category Component and Routing
16:12
Create Angular Services
12:39
Enable CORS
03:19
Unsubscribe from Observables
04:13

Get All Categories - API and UI

6 lectures
What's in this section
00:47
Create API GET method to GET all categories, and TEST
07:52
Create UI Service method to GET all categories
04:13
Create Environment Files
04:12
Use Get All Categories Service In Component
06:03
Using Async Pipe To Subscribe to Observables
07:42

EDIT/UPDATE Category By Id - API and UI

6 lectures
What's in this section
01:18
API - Create GET API method to get category by Id and Test
09:37
UI - Create UI component Edit-Category Component and pass route parameters
11:20
UI - Create Service Method and Display Single Category
15:13
API - Update Category Action Method (HTTPPUT)
11:13
UI - Create Update Category Service Method and Connect to Edit Category Componen
09:26

DELETE Category By Id - API and UI

3 lectures
What's in this section
00:30
API - Delete Category By Id (HTTP DELETE)
06:38
UI - Delete Category Service Method
06:31

Add New BlogPost (Feature) - API and UI

7 lectures
What's in this section
00:48
UI - Create BlogPost List Component and Routing
05:57
UI - Create BlogPost Add Component and Routing
12:07
UI - Submit Add BlogPost Form
11:53
API - Add Blog Post Functionality (HTTP POST)
13:08
UI - Create BlogPost Service
04:56
UI - Form Submission To Create BlogPost
04:10

Get All BlogPosts - API and UI

4 lectures
What's in this section
00:23
Seeding Some Blogs
01:46
API - Get All BlogPosts (HTTP GET)
06:10
UI - Get All BlogPosts
08:27

Live Markdown Preview & Image Preview

3 lectures
What's in this section
01:00
UI - Live Markdown Preview
13:19
UI - Image Preview
04:58

Relationships in Entity Framework Core (Categories and BlogPosts)

7 lectures
What's in this section
00:47
API - Change Domain Models and Add EF Core Relationships
04:35
API - Change AddBlogPost Action Method - Accept Categories
12:42
API - Change GetAll BlogPosts Action Method - Return Categories
04:09
UI - Display Categories In BlogPost List Component
06:25
UI - Display Categories MultiSelect Dropdown and Capture Categories
07:55
UI - Submit Categories - Add BlogPost
04:09

EDIT/UPDATE BlogPosts - API and UI

7 lectures
What's in this section
00:34
API - GET BlogPost By Id Action Method
07:10
UI - Edit BlogPost Component
08:24
UI - Fetch and Display BlogPost Data in Edit Component
08:06
UI - Show Categories and Selected Categories
05:26
API -Update BlogPost (HTTP PUT)
15:44
UI - Submit Form To Update BlogPost and Categories
10:49

DELETE BlogPosts By Id - API and UI

3 lectures
What's in this section
00:25
API - Delete BlogPost Action Method
07:32
UI - Delete BlogPost
05:36

Image Upload in ASP.NET Core and Angular

12 lectures
Introduction - Image Upload
01:09
UI - Create Image Component
09:03
UI - Image Selector As Modal Popup
11:31
API - Image Functionality Domain Model Changes
04:32
API - Upload Image Controller and Action Method
09:10
API - Image Repository
22:14
API - Serve Static Images From API
04:08
UI - Create Image Service and Upload Image Form
13:47
API - Get All Images
06:55
UI - Fetch All Images and Display
13:05
UI - Select Image From Image-Selector
11:32
UI - Image Selector In Add-BlogPost Component
08:28

Public pages for our blog - API and UI

5 lectures
What's in this section
00:37
UI - Create Home Component
12:11
UI - Create BlogDetails Component
05:17
API - GET BlogDetails by URL
05:27
UI - Display BlogDetails By URL
13:55

Authentication and Authorization -Using JWT Token - API and UI

22 lectures
What's in this section
03:09
Authentication Flow
01:26
API - Setting Up Authentication - Install Nuget Packages
02:36
API- Create DbContext, Seed Roles, Seed Default User
14:25
API - Inject DbContext and Authentication Changes
14:24
API - Testing Authorize Attribute
06:27
API - Create Auth Controller and Register Action Method
12:19
API - Create Identity Tables - Run EF Core Migrations
06:37
API - Login Action Method
12:05
API - Create JWT Token
15:48
API - Role Based Authorization
05:30
API - Change Action Methods
03:32
UI - Introduction to changes
04:26
UI - Login Component and Navbar Changes
10:22
UI - Create Auth Service
06:07
UI - Store JWT Token
07:29
UI - Auth Service and Navbar Changes
10:16
UI - Implement Logout
13:56
UI - Hide Admin Menu
03:44
UI - Pass JWT Token With API Calls
06:32
UI - Interceptors and Passing Auth Header Using Interceptor
13:05
UI - Auth Guard and Implementation
17:30

Filtering, Sorting and Pagination in ASP.NET Core Web API and Angular Applicatio

7 lectures
What is covered in this section
00:22
API - Add Filtering to Web API
15:06
UI - Add Filtering to Categories Page
11:54
API - Add Sorting to Web API
13:27
UI - Add Sorting to Categories Page
14:51
API - Add Pagination to Web API
10:32
UI - Add Pagination to Categories Page
21:59

BONUS Section

1 lectures
BONUS Lecture
00:13

*****OLD CONTENT ***** Building APIs using ASP.NET CORE

18 lectures
Introduction
00:06
Adding our application to Git
07:11
Creating a ASP.NET Core API using Visual Studio
03:00
Understanding and building the Models
06:18
Adding Entity Framework Core (EF Core)
01:14
Creating the DbContext
02:59
Adding Connection to the database
01:40
Configuring DbContext and using Dependency Injection from Startup.cs
02:19
Create database using EF Core migrations
04:22
Seeding the database
02:14
Creating student repository - Repository pattern
04:59
Creating the Students API Controller
05:09
Run the API and test using Swagger UI
03:21
Domain Models and Data Models
07:20
Adding Navigation Properties Address and Gender
04:22
Install and Use Automapper
08:40
Making Our Code Asynchronous
07:17
Saving your changes to Git
03:31

*****OLD CONTENT ***** Creating the UI application using Angular

21 lectures
Introduction to the Angular Application
00:32
Prerequisites to create an Angular App
00:26
Cloning UI Repository From GIT
00:53
Creating Angular application using angular CLI
05:29
Adding visual studio code extensions
00:47
Install Angular Material UI Library
02:22
Reference Angular Material Components in app.module
02:43
Install FlexBoxGrid Library
03:15
Clean UI Solution
01:47
Creating Top Navigation Component
09:01
Creating Students List Component
01:53
Creating a Route
04:39
Creating The Student Service
07:55
Adding CORS support in the API
05:32
Creating UI Models
05:49
Displaying Fetched Students
18:13
Implementing Pagination on the Table
04:54
Implementing Sorting on the Table
04:50
Implementing Filtering on the Table
09:18
Saving your changes to Git
01:35
Summary
00:31

*****OLD CONTENT Retrieving and Displaying Single Student Details (READ in CRUD)

10 lectures
Introduction
00:25
Creating a New Controller Method
08:00
Testing the new method using Swagger UI
02:24
Create New Component in the Angular UI Application
01:57
Creating Route for View Student Component
01:18
Fetching Data Of Single Student From API into UI
08:45
Defining Link Between Students Table and View Student in UI
05:37
Creating and Implementing Design For View Student
15:58
Binding Student Data From API to UI
05:45
Saving your changes to GIT
01:45

*****OLD CONTENT ***** Updating an Existing Student - (UPDATE in CRUD)

7 lectures
Introduction
00:45
Creating GET method for Gender Controller
06:39
Display Gender List In Dropdown
09:42
Create New API Method - UPDATE Student
24:33
Create Update Functionality in UI
15:41
Show Notifications On Update
03:18
Saving your changes to GIT
01:34

*****OLD CONTENT ***** Deleting a Student (DELETE in CRUD)

8 lectures
Introduction
00:31
Create New API Method - DELETE
06:25
Test DELETE method in Swagger
02:13
Create Delete Button on Student Detail Page in UI
02:05
Create DELETE Method in Student Service in UI
02:01
Show Notifications On Delete and Redirect To Students in UI
04:08
Implement OnDelete Method In UI based on Delete Button Click
02:47
Saving your changes to GIT
01:27

*****OLD CONTENT ***** Adding/Creating A New Student (CREATE in CRUD)

10 lectures
Introduction
00:41
Create Add Student API Method
12:48
Test New Add Student Method In Swagger
03:46
Create Add Button In Students Page In UI
03:31
Making Student Component Generic In UI
06:53
Creating Service Method In UI
04:30
Call Add Student API method From UI
03:17
Show Notification and Redirect
03:50
Cleaning Up Generic Component
01:46
Saving your changes to GIT
01:09

*****OLD CONTENT ***** Upload Image From Angular UI to Web API

8 lectures
Introduction
00:26
Create API Method To Upload Image
16:20
Test Upload Image Method in Swagger
02:35
Create Profile Image UI Structure
09:57
Add File Upload Button in UI
03:27
Create Service Method In UI To Call API
03:15
Upload Image From UI
12:10
Saving Changes To GIT
01:25

*****OLD CONTENT ***** Server and Client Side Validations

8 lectures
Introduction
00:31
Server Side Validation - Install Fluent Validation Nuget Package
09:48
Test Server Side Validation - Add Student Request Validation
03:06
Server Side Validation For Update Student Functionality
01:35
Server Side Validation For Image Upload Functionality
05:00
Client Side Validations
12:59
Fixing Upload Image Validation
01:53
Saving your changes to GIT
01:00

*****OLD CONTENT ***** Making Our Solution Production Ready & Best Practices

2 lectures
Introduction
00:28
Changing API Configuration in UI - Using Environment File
03:00

Deploy / Publish Our UI and API To The Internet

5 lectures
Introduction
00:18
Publish .NET CORE Web API To Azure
15:49
Seeding Data To Production Database
03:27
Publish Angular UI to Google Firebase
09:18
Enable CORS For Production Web API
03:00

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.