Course Overview
- - - - - - - -
This courses has been Re-recorded from scratch using Angular Version 20 (Latest) using Standalone components and Signals.
- - - - - - - -
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 20 to create our Single Page Web Application and we will use C# and ASP.NET 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 Signals (effect, computed, writable, etc)
Angular Routing
Angular Services
HTTP calls (HttpClient and HttpResource (New))
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
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
FAQ
FAQ area empty
Course curriculum
-
Introduction To The Course - ASP.NET Angular
159 Xem trước -
Prerequisites
27 Xem trước -
Setting Up Development Environment
11 Xem trước -
Install .NET SDK and .NET Runtime
113 -
Download and Install Visual Studio 2022
103 Xem trước -
Download and Install SQL Server (Local Instance) and SQL Server Management Studi
207 Xem trước -
Install Visual Studio Code
24 -
Visual Studio Code Extensions
46 -
Download and Install NodeJs
59 Xem trước -
Install Angular CLI
203 Xem trước -
Getting Help
51 -
Github Link To The Code
-
Create New Web API
286 -
Understand Files and Folder Structure - ASPNET Web API
314 -
Understant REST and HTTP Verbs
281 -
Routing In ASP.NET Core Web API
142 -
Understand Our Project and Domain Models
228 -
Create Domain Models
292 -
Install Nuget Packages For Entity Framework Core
111 -
Create DbContext Class
312 -
Adding ConnectionString To The Database In Appsettings.Json
260 -
Understanding Dependency Injection & Injecting DbContext Into Our Application
389 -
Run EF Core Migrations
246 -
Create New Controller (CategoriesController)
184 -
DTOs and Domain Models
307 -
Create POST Categories Action Method
744 -
Repository Pattern and Benefits
217 -
Change POST Category Action Method To Use Repository
537
-
Create Angular Project
219 -
Understand Files and Folders
731 -
Clean Angular Project And Import Bootstrap CDN
487 -
Create Navbar Component
774 -
Create Categories List Component and Angular Routing
872 -
Create Add Category Component and Reactive Forms In Angular
969 -
Validations In Angular Reactive Forms
889 -
Create Angular Services
1324 -
Enable CORS
274
-
Introduction
78 -
API - Create GET api method to get category by Id and Test
577 -
Create UI component Edit-Category Component and pass route parameters
593 -
Create Service Method and Display Single Category
1009 -
API - Create PUT (Update) Category Method
673 -
UI - Create Update Category Service Method and Connect to Edit Category Componen
863
-
Introduction
47 -
API - Change Domain Models and Add Ef Core Relationships
275 -
API - Change AddBlogPost Action Method - Accept Categories
762 -
API - Change GetAll BlogPosts Action Method - Return Categories
249 -
UI - Display Categories In BlogPost List Component
296 -
UI - Display Categories MultiSelect Dropdown and Capture Categories
400 -
UI - Submit Categories - Add BlogPost
360
-
Introduction - Image Upload
69 -
UI - Create Image Component
631 -
UI - Image Selector As Modal Popup
1057 -
API - Image Functionality Domain Model Changes
272 -
API - Upload Image Controller and Action Method
550 -
API - Image Repository
1334 -
API - Serve Static Images From API
248 -
UI - Create Image Service and Upload Image Form
1242 -
API - Get All Images
415 -
UI - Fetch All Images and Display
1081 -
UI - Select Image From Image-Selector
585 -
UI - Image Selector In Add-BlogPost Component
393
-
Introduction
189 -
Authentication Flow
86 -
API - Setting Up Authentication - Install Nuget Packages
156 -
API- Create DbContext, Seed Roles, Seed Default User
865 -
API - Inject DbContext and Authentication Changes
864 -
API - Testing Authorize Attribute
387 -
API - Create Auth Controller and Register Action Method
739 -
API - Create Identity Tables - Run EF Core Migrations
397 -
API - Login Action Method
725 -
API - Create JWT Token
948 -
API - Role Based Authorization
330 -
API - Change Action Methods
212 -
UI - Introduction to changes
266 -
UI - Login Component and Navbar Changes
1001 -
UI - Create Auth Service
576 -
UI_API - Store JWT Token
504 -
UI_API - https changes for local development
260 -
UI-Show User In Navbar
499 -
UI_API-Create New Endpoint to get User Details and Call From UI
1077 -
UI_API - Implement Logout
764 -
UI - Hide Admin Menu
588 -
UI - Pass JWT Token With API Calls
401 -
UI - Auth Guard and Implementation
857
-
Introduction To The Course
145 -
Prerequisites
27 -
Setting Up Development Environment
11 -
Install .NET SDK and .NET Runtime
113 -
Download and Install Visual Studio 2022
103 -
Download and Install SQL Server (Local Instance) and SQL Server Management Stu
207 -
Install Visual Studio Code
24 -
Visual Studio Code Extensions
46 -
Download and Install NodeJs
31 -
Install Angular CLI
204 -
Getting Help
51 -
COMPLETE SOURCE CODE - GITHUB LINK
-
Create New Web API
286 -
Understand Files and Folder Structure - ASPNET Web API
314 -
Understand REST and HTTP Verbs
281 -
Routing In ASP.NET Core Web API
142 -
Understand Our Project and Domain Models
228 -
Create Domain Models
292 -
Install Nuget Packages For Entity Framework Core
111 -
Create DbContext Class
312 -
Adding ConnectionString To The Database In Appsettings.Json
260 -
Understanding Dependency Injection & Injecting DbContext Into Our Application
389 -
Run EF Core Migrations
246 -
Create New Controller (CategoriesController)
184 -
DTOs and Domain Models
307 -
Create POST Categories Action Method
744 -
Repository Pattern and Benefits
217 -
Change POST Category Action Method To Use Repository
537
-
Important Version Check
-
Create Angular Project
208 -
Understand Files and Folders
364 -
Clean Angular Project And Import Bootstrap CDN
252 -
Create Navbar Component
544 -
Create Categories List Component and Angular Routing
638 -
Create Add Category Component and Routing
972 -
Create Angular Services
759 -
Enable CORS
199 -
Unsubscribe from Observables
253
-
What's in this section
78 -
API - Create GET API method to get category by Id and Test
577 -
UI - Create UI component Edit-Category Component and pass route parameters
680 -
UI - Create Service Method and Display Single Category
913 -
API - Update Category Action Method (HTTPPUT)
673 -
UI - Create Update Category Service Method and Connect to Edit Category Componen
566
-
What's in this section
47 -
API - Change Domain Models and Add EF Core Relationships
275 -
API - Change AddBlogPost Action Method - Accept Categories
762 -
API - Change GetAll BlogPosts Action Method - Return Categories
249 -
UI - Display Categories In BlogPost List Component
385 -
UI - Display Categories MultiSelect Dropdown and Capture Categories
475 -
UI - Submit Categories - Add BlogPost
249
-
What's in this section
34 -
API - GET BlogPost By Id Action Method
430 -
UI - Edit BlogPost Component
504 -
UI - Fetch and Display BlogPost Data in Edit Component
486 -
UI - Show Categories and Selected Categories
326 -
API -Update BlogPost (HTTP PUT)
944 -
UI - Submit Form To Update BlogPost and Categories
649
-
Introduction - Image Upload
69 -
UI - Create Image Component
543 -
UI - Image Selector As Modal Popup
691 -
API - Image Functionality Domain Model Changes
272 -
API - Upload Image Controller and Action Method
550 -
API - Image Repository
1334 -
API - Serve Static Images From API
248 -
UI - Create Image Service and Upload Image Form
827 -
API - Get All Images
415 -
UI - Fetch All Images and Display
785 -
UI - Select Image From Image-Selector
692 -
UI - Image Selector In Add-BlogPost Component
508
-
What's in this section
189 -
Authentication Flow
86 -
API - Setting Up Authentication - Install Nuget Packages
156 -
API- Create DbContext, Seed Roles, Seed Default User
865 -
API - Inject DbContext and Authentication Changes
864 -
API - Testing Authorize Attribute
387 -
API - Create Auth Controller and Register Action Method
739 -
API - Create Identity Tables - Run EF Core Migrations
397 -
API - Login Action Method
725 -
API - Create JWT Token
948 -
API - Role Based Authorization
330 -
API - Change Action Methods
212 -
UI - Introduction to changes
266 -
UI - Login Component and Navbar Changes
622 -
UI - Create Auth Service
367 -
UI - Store JWT Token
449 -
UI - Auth Service and Navbar Changes
616 -
UI - Implement Logout
836 -
UI - Hide Admin Menu
224 -
UI - Pass JWT Token With API Calls
392 -
UI - Interceptors and Passing Auth Header Using Interceptor
785 -
UI - Auth Guard and Implementation
1050
Requirment
-
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
Outcomes
-
Learn and Create Full-Stack Web Applications with Angular 20 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
0 Student
1 Course
0 review