[Last updated 4/2024] ANGULAR and ASP.NET Core REST API – Real World Application (Udemy – Engsub)

About Course

Views

What you’ll learn:
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
v.v…

Link gốc:
https://www.udemy.com/course/real-world-app-angular-aspnet-core-web-api-and-sql/

Time Course:
23 hours (228 Lectures + Documents)

Instructor
: Sameer Saini
Total Weight:
14.32 GB
** Note
:

Chú ý:

Course Content

14 – Public pages for our blog – API and UI

001 What’s in this section.mp4

00:37
002 UI – Create Home Component.mp4

12:11
003 UI – Create BlogDetails Component.mp4

05:17
004 API – GET BlogDetails by URL.mp4

05:27
005 UI – Display BlogDetails By URL.mp4

13:55

27 – Deploy Publish Our UI and API To The Internet

26 – OLD CONTENT Making Our Solution Production Ready & Best Practices

25 – OLD CONTENT Server and Client Side Validations

24 – OLD CONTENT Upload Image From Angular UI to Web API

23 – OLD CONTENT AddingCreating A New Student (CREATE in CRUD)

001 Introduction.mp4

00:41
002 Create Add Student API Method.mp4

12:47
003 Test New Add Student Method In Swagger.mp4

03:46
004 Create Add Button In Students Page In UI.mp4

03:31
005 Making Student Component Generic In UI.mp4

06:53
006 Creating Service Method In UI.mp4

04:30
007 Call Add Student API method From UI.mp4

03:17
008 Show Notification and Redirect.mp4

03:50
009 Cleaning Up Generic Component.mp4

01:46
010 Saving your changes to GIT.mp4

01:09

22 – OLD CONTENT Deleting a Student (DELETE in CRUD)

21 – OLD CONTENT Updating an Existing Student – (UPDATE in CRUD)

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

001 Introduction.mp4

00:25
002 Creating a New Controller Method.mp4

08:00
003 Testing the new method using Swagger UI.mp4

02:24
004 Create New Component in the Angular UI Application.mp4

01:57
005 Creating Route for View Student Component.mp4

01:17
006 Fetching Data Of Single Student From API into UI.mp4

08:45
007 Defining Link Between Students Table and View Student in UI.mp4

05:37
008 Creating and Implementing Design For View Student.mp4

15:58
009 Binding Student Data From API to UI.mp4

05:45
010 Saving your changes to GIT.mp4

01:45

19 – OLD CONTENT Creating the UI application using Angular

011 Creating Students List Component.mp4

01:53
021 Summary.mp4

00:31
020 Saving your changes to Git.mp4

01:35
019 Implementing Filtering on the Table.mp4

09:18
018 Implementing Sorting on the Table.mp4

04:50
017 Implementing Pagination on the Table.mp4

04:53
016 Displaying Fetched Students.mp4

18:12
015 Creating UI Models.mp4

05:49
014 Adding CORS support in the API.mp4

05:32
013 Creating The Student Service.mp4

07:55
012 Creating a Route.mp4

04:39
001 Introduction to the Angular Application.mp4

00:32
010 Creating Top Navigation Component.mp4

09:01
009 Clean UI Solution.mp4

01:47
008 Install FlexBoxGrid Library.mp4

03:15
007 Reference Angular Material Components in app.module.mp4

02:43
006 Install Angular Material UI Library.mp4

02:22
005 Adding visual studio code extensions.mp4

00:47
004 Creating Angular application using angular CLI.mp4

05:29
003 Cloning UI Repository From GIT.mp4

00:53
002 Prerequisites to create an Angular App.mp4

00:26

18 – OLD CONTENT Building APIs using ASP.NET CORE

010 Seeding the database.mp4

02:14
018 Saving your changes to Git.mp4

03:31
017 Making Our Code Asynchronous.mp4

07:17
016 Install and Use Automapper.mp4

08:40
015 Adding Navigation Properties Address and Gender.mp4

04:22
014 Domain Models and Data Models.mp4

07:20
013 Run the API and test using Swagger UI.mp4

03:21
012 Creating the Students API Controller.mp4

05:09
011 Creating student repository – Repository pattern.mp4

04:59
001 Introduction.mp4

00:06
009 Create database using EF Core migrations.mp4

04:22
008 Configuring DbContext and using Dependency Injection from Startup.cs.mp4

02:19
007 Adding Connection to the database.mp4

01:40
006 Creating the DbContext.mp4

02:59
005 Adding Entity Framework Core (EF Core).mp4

01:14
004 Understanding and building the Models.mp4

06:18
003 Creating a ASP.NET Core API using Visual Studio.mp4

03:00
002 Adding our application to Git.mp4

07:11

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

15 – Authentication and Authorization -Using JWT Token – API and UI

012 API – Change Action Methods.mp4

03:32
022 UI – Auth Guard and Implementation.mp4

17:30
021 UI – Interceptors and Passing Auth Header Using Interceptor.mp4

13:05
020 UI – Pass JWT Token With API Calls.mp4

06:32
019 UI – Hide Admin Menu.mp4

03:44
018 UI – Implement Logout.mp4

13:56
017 UI – Auth Service and Navbar Changes.mp4

10:16
016 UI – Store JWT Token.mp4

07:29
015 UI – Create Auth Service.mp4

06:07
014 UI – Login Component and Navbar Changes.mp4

10:22
013 UI – Introduction to changes.mp4

04:26
001 What’s in this section.mp4

03:09
011 API – Role Based Authorization.mp4

05:30
010 API – Create JWT Token.mp4

15:48
009 API – Login Action Method.mp4

12:04
008 API – Create Identity Tables – Run EF Core Migrations.mp4

06:37
007 API – Create Auth Controller and Register Action Method.mp4

12:19
006 API – Testing Authorize Attribute.mp4

06:27
005 API – Inject DbContext and Authentication Changes.mp4

14:24
004 API- Create DbContext, Seed Roles, Seed Default User.mp4

14:25
003 API – Setting Up Authentication – Install Nuget Packages.mp4

02:36
002 Authentication Flow.mp4

01:26

01 – Introduction and Development Setup

001 Introduction To The Course.mp4

02:24
002 Prerequisites.mp4

00:27
003 Setting Up Development Environment.mp4

00:11
004 Install .NET SDK and .NET Runtime.mp4

01:53
005 Download and Install Visual Studio 2022.mp4

01:43
006 Download and Install SQL Server (Local Instance) and SQL Server Management Stu.mp4

03:27
007 Install Visual Studio Code.mp4

00:24
008 Visual Studio Code Extensions.mp4

00:46
009 Download and Install NodeJs.mp4

00:31
010 Install Angular CLI.mp4

03:24
011 Getting Help.mp4

00:51
013 OLD CONTENT Source Code and GITHUB Repository – Complete Source Code.mp4

02:09

13 – Image Upload in ASP.NET Core and Angular

001 Introduction – Image Upload.mp4

01:09
002 UI – Create Image Component.mp4

09:03
003 UI – Image Selector As Modal Popup.mp4

11:31
004 API – Image Functionality Domain Model Changes.mp4

04:32
005 API – Upload Image Controller and Action Method.mp4

09:10
006 API – Image Repository.mp4

22:14
007 API – Serve Static Images From API.mp4

04:08
008 UI – Create Image Service and Upload Image Form.mp4

13:47
009 API – Get All Images.mp4

06:55
010 UI – Fetch All Images and Display.mp4

13:05
011 UI – Select Image From Image-Selector.mp4

11:32
012 UI – Image Selector In Add-BlogPost Component.mp4

08:28

12 – DELETE BlogPosts By Id – API and UI

11 – EDITUPDATE BlogPosts – API and UI

10 – Relationships in Entity Framework Core (Categories and BlogPosts)

09 – Live Markdown Preview & Image Preview

08 – Get All BlogPosts – API and UI

07 – Add New BlogPost (Feature) – API and UI

06 – DELETE Category By Id – API and UI

05 – EDITUPDATE Category By Id – API and UI

04 – Get All Categories – API and UI

03 – Create UI Application Using Angular CLI

001 Create Angular Project.mp4

03:28
002 Understand Files and Folders.mp4

06:04
003 Clean Angular Project And Import Bootstrap CDN.mp4

04:12
004 Create Navbar Component.mp4

09:04
005 Create Categories List Component and Angular Routing.mp4

10:38
006 Create Add Category Component and Routing.mp4

16:12
007 Create Angular Services.mp4

12:39
008 Enable CORS.mp4

03:19
009 Unsubscribe from Observables.mp4

04:13

02 – Building API using ASP.NET Core and Visual Studio

001 Create New Web API.mp4

04:46
002 Understand Files and Folder Structure – ASPNET Web API.mp4

05:14
003 Understand REST and HTTP Verbs.mp4

04:41
004 Routing In ASP.NET Core Web API.mp4

02:22
005 Understand Our Project and Domain Models.mp4

03:48
006 Create Domain Models.mp4

04:52
007 Install Nuget Packages For Entity Framework Core.mp4

01:51
008 Create DbContext Class.mp4

05:12
009 Adding ConnectionString To The Database In Appsettings.Json.mp4

04:20
010 Understanding Dependency Injection & Injecting DbContext Into Our Application.mp4

06:29
011 Run EF Core Migrations.mp4

04:06
012 Create New Controller (CategoriesController).mp4

03:04
013 DTOs and Domain Models.mp4

05:07
014 Create POST Categories Action Method.mp4

12:24
015 Repository Pattern and Benefits.mp4

03:37
016 Change POST Category Action Method To Use Repository.mp4

08:56

Student Ratings & Reviews

No Review Yet

About Course

Course Content

14 – Public pages for our blog – API and UI

001 What’s in this section.mp4

002 UI – Create Home Component.mp4

003 UI – Create BlogDetails Component.mp4

004 API – GET BlogDetails by URL.mp4

005 UI – Display BlogDetails By URL.mp4

27 – Deploy Publish Our UI and API To The Internet

001 Introduction.mp4

002 Publish .NET CORE Web API To Azure.mp4

003 Seeding Data To Production Database.mp4

004 Publish Angular UI to Google Firebase.mp4

005 Enable CORS For Production Web API.mp4

26 – OLD CONTENT Making Our Solution Production Ready & Best Practices

001 Introduction.mp4

002 Changing API Configuration in UI – Using Environment File.mp4

25 – OLD CONTENT Server and Client Side Validations

001 Introduction.mp4

002 Server Side Validation – Install Fluent Validation Nuget Package.mp4

003 Test Server Side Validation – Add Student Request Validation.mp4

004 Server Side Validation For Update Student Functionality.mp4

005 Server Side Validation For Image Upload Functionality.mp4

006 Client Side Validations.mp4

007 Fixing Upload Image Validation.mp4

008 Saving your changes to GIT.mp4

24 – OLD CONTENT Upload Image From Angular UI to Web API

001 Introduction.mp4

002 Create API Method To Upload Image.mp4

003 Test Upload Image Method in Swagger.mp4

004 Create Profile Image UI Structure.mp4

005 Add File Upload Button in UI.mp4

006 Create Service Method In UI To Call API.mp4

007 Upload Image From UI.mp4

008 Saving Changes To GIT.mp4

23 – OLD CONTENT AddingCreating A New Student (CREATE in CRUD)

001 Introduction.mp4

002 Create Add Student API Method.mp4

003 Test New Add Student Method In Swagger.mp4

004 Create Add Button In Students Page In UI.mp4

005 Making Student Component Generic In UI.mp4

006 Creating Service Method In UI.mp4

007 Call Add Student API method From UI.mp4

008 Show Notification and Redirect.mp4

009 Cleaning Up Generic Component.mp4

010 Saving your changes to GIT.mp4

22 – OLD CONTENT Deleting a Student (DELETE in CRUD)

001 Introduction.mp4

002 Create New API Method – DELETE.mp4

003 Test DELETE method in Swagger.mp4

004 Create Delete Button on Student Detail Page in UI.mp4

005 Create DELETE Method in Student Service in UI.mp4

006 Show Notifications On Delete and Redirect To Students in UI.mp4

007 Implement OnDelete Method In UI based on Delete Button Click.mp4

008 Saving your changes to GIT.mp4

21 – OLD CONTENT Updating an Existing Student – (UPDATE in CRUD)

001 Introduction.mp4

002 Creating GET method for Gender Controller.mp4

003 Display Gender List In Dropdown.mp4

004 Create New API Method – UPDATE Student.mp4

005 Create Update Functionality in UI.mp4

006 Show Notifications On Update.mp4

007 Saving your changes to GIT.mp4

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

001 Introduction.mp4

002 Creating a New Controller Method.mp4

003 Testing the new method using Swagger UI.mp4

004 Create New Component in the Angular UI Application.mp4

005 Creating Route for View Student Component.mp4

006 Fetching Data Of Single Student From API into UI.mp4

007 Defining Link Between Students Table and View Student in UI.mp4

008 Creating and Implementing Design For View Student.mp4

009 Binding Student Data From API to UI.mp4

010 Saving your changes to GIT.mp4

19 – OLD CONTENT Creating the UI application using Angular

011 Creating Students List Component.mp4

021 Summary.mp4

020 Saving your changes to Git.mp4

019 Implementing Filtering on the Table.mp4

018 Implementing Sorting on the Table.mp4