ANGULAR and ASP.NET Core REST API - Real World Application

Focused View

Sameer Saini

8:01:09

10 View

1 - Introduction

1 - Introduction to the course.mp4

01:48

2 - Prerequisites.mp4

00:27

3 - Tech stack used.mp4

01:25

4 - SettingupDevelopmentEnvironmentResource.pdf

4 - Setting up development environment.mp4

00:08

5 - Download and Install Visual Studio 2019.mp4

01:27

5 - SettingupDevelopmentEnvironmentResource.pdf

6 - Install NET SDK and NET Runtime.mp4

01:18

6 - SettingupDevelopmentEnvironmentResource.pdf

7 - Install Visual Studio Code.mp4

00:59

7 - SettingupDevelopmentEnvironmentResource.pdf

8 - Install SQL Server Management Studio.mp4

01:34

8 - SettingupDevelopmentEnvironmentResource.pdf

9 - Install NodeJs.mp4

00:55

9 - SettingupDevelopmentEnvironmentResource.pdf

10 - Install Angular CLI.mp4

00:55

10 - SettingupDevelopmentEnvironmentResource.pdf

11 - Getting help.mp4

00:48

12 - CodeAssetsandSourceControlResource.pdf

12 - Source Code and GITHUB Repository Complete Source Code.mp4

02:09

2 - Building APIs using ASPNET CORE

13 - Introduction.mp4

00:06

14 - Adding our application to Git.mp4

07:11

15 - Creating a ASPNET Core API using Visual Studio.mp4

03:00

16 - Understanding and building the Models.mp4

06:18

17 - Adding Entity Framework Core EF Core.mp4

01:15

17 - InstallEntityFrameworkResource.pdf

18 - Creating the DbContext.mp4

02:59

19 - Adding Connection to the database.mp4

01:40

20 - Configuring DbContext and using Dependency Injection from Startupcs.mp4

02:20

21 - Create database using EF Core migrations.mp4

04:22

22 - Seeding the database.mp4

02:14

22 - insertscript.zip

23 - Creating student repository.mp4

04:59

24 - Creating the Students API Controller.mp4

05:09

25 - Run the API and test using Swagger UI.mp4

03:21

26 - Domain Models and Data Models.mp4

07:20

27 - Adding Navigation Properties Address and Gender.mp4

04:22

28 - InstallAutoMapperResource.pdf

28 - Install and Use Automapper.mp4

08:40

29 - Making Our Code Asynchronous.mp4

07:17

30 - Saving your changes to Git.mp4

03:31

3 - Creating the UI application using Angular

31 - Introduction to the Angular Application.mp4

00:32

32 - Prerequisites to create an Angular App.mp4

00:26

33 - Cloning UI Repository From GIT.mp4

00:54

34 - Creating Angular application using angular CLI.mp4

05:30

35 - Adding visual studio code extensions.mp4

00:47

36 - InstallAngularMaterialLibraryResource.pdf

36 - Install Angular Material UI Library.mp4

02:22

37 - AngularMaterialImportModules.txt

37 - AngularMaterialImportReferences.txt

37 - Reference Angular Material Components in appmodule.mp4

02:43

38 - InstallFlexboxGridResource.pdf

38 - Install FlexBoxGrid Library.mp4

03:16

39 - Clean UI Solution.mp4

01:47

40 - Creating Top Navigation Component.mp4

09:01

40 - GoogleandAngularMaterialIconsReference.pdf

41 - Creating Students List Component.mp4

01:54

42 - Creating a Route.mp4

04:39

43 - Creating The Student Service.mp4

07:55

44 - Adding CORS support in the API.mp4

05:32

45 - Creating UI Models.mp4

05:49

46 - Displaying Fetched Students.mp4

18:13

47 - Implementing Pagination on the Table.mp4

04:54

48 - Implementing Sorting on the Table.mp4

04:50

49 - Implementing Filtering on the Table.mp4

09:18

50 - Saving your changes to Git.mp4

01:35

51 - Summary.mp4

00:31

4 - Retrieving and Displaying Single Student Details READ in CRUD

52 - Introduction.mp4

00:25

53 - Creating a New Controller Method.mp4

08:00

54 - Testing the new method using Swagger UI.mp4

02:24

55 - Create New Component in the Angular UI Application.mp4

01:57

56 - Creating Route for View Student Component.mp4

01:18

57 - Fetching Data Of Single Student From API into UI.mp4

08:45

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

05:37

59 - Creating and Implementing Design For View Student.mp4

15:58

60 - Binding Student Data From API to UI.mp4

05:45

61 - Saving your changes to GIT.mp4

01:45

5 - Updating an Existing Student UPDATE in CRUD

62 - Introduction.mp4

00:45

63 - Creating GET method for Gender Controller.mp4

06:39

64 - Display Gender List In Dropdown.mp4

09:42

65 - Create New API Method.mp4

24:33

66 - Create Update Functionality in UI.mp4

15:41

67 - Show Notifications On Update.mp4

03:18

68 - Saving your changes to GIT.mp4

01:34

6 - Deleting a Student DELETE in CRUD

69 - Introduction.mp4

00:31

70 - Create New API Method.mp4

06:25

71 - Test DELETE method in Swagger.mp4

02:13

72 - Create Delete Button on Student Detail Page in UI.mp4

02:05

73 - Create DELETE Method in Student Service in UI.mp4

02:01

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

02:47

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

04:08

76 - Saving your changes to GIT.mp4

01:27

7 - AddingCreating A New Student CREATE in CRUD

77 - Introduction.mp4

00:41

78 - Create Add Student API Method.mp4

12:48

79 - Test New Add Student Method In Swagger.mp4

03:46

80 - Create Add Button In Students Page In UI.mp4

03:31

81 - Making Student Component Generic In UI.mp4

06:53

82 - Creating Service Method In UI.mp4

04:31

83 - Call Add Student API method From UI.mp4

03:17

84 - Show Notification and Redirect.mp4

03:50

85 - Cleaning Up Generic Component.mp4

01:46

86 - Saving your changes to GIT.mp4

01:09

8 - Upload Image From Angular UI to Web API

87 - Introduction.mp4

00:26

88 - Create API Method To Upload Image.mp4

16:20

89 - Test Upload Image Method in Swagger.mp4

02:35

90 - Create Profile Image UI Structure.mp4

09:57

91 - Add File Upload Button in UI.mp4

03:27

92 - Create Service Method In UI To Call API.mp4

03:15

93 - Upload Image From UI.mp4

12:10

94 - Saving Changes To GIT.mp4

01:25

9 - Server and Client Side Validations

95 - Introduction.mp4

00:31

96 - Server Side Validation.mp4

09:49

97 - Test Server Side Validation.mp4

03:06

98 - Server Side Validation For Update Student Functionality.mp4

01:35

99 - Server Side Validation For Image Upload Functionality.mp4

05:01

100 - Client Side Validations.mp4

12:59

101 - Fixing Upload Image Validation.mp4

01:53

102 - Saving your changes to GIT.mp4

01:00

10 - Making Our Solution Production Ready & Best Practices

103 - Introduction.mp4

00:28

104 - Changing API Configuration in UI.mp4

03:00

11 - Deploy Publish Our UI and API To The Internet

105 - Introduction.mp4

00:18

106 - Publish NET CORE Web API To Azure.mp4

15:49

107 - Seeding Data To Production Database.mp4

03:27

108 - Publish Angular UI to Google Firebase.mp4

09:18

109 - Enable CORS For Production Web API.mp4

03:00

Description

Create Full Stack Web Applications with Angular, ASP.NET Core Web API, Entity Framework Core, C# REST API, JWT Token

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
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

Who is this for?

Beginner to Intermediate Developer with knowledge in ASPNET Core and ANGULAR

What You Need to Know?

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

More details

Description
***
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

Who this course is for:
Beginner to Intermediate Developer with knowledge in ASPNET Core and ANGULAR

User Reviews

Rating

average 0

Total votes0

Focused display

Sameer Saini is a professional Full Stack Software Developer with over 11 years of Industry Experience. Initially started as a back-end developer using ASP.NET Framework, he shifted towards building highly scalable full-stack applications that follow best practices and clean code standards.Sameer is an advocate of best practices and with his vast industry experience, he likes to mentor and teach many other software professionals.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.