Building Applications with Angular 19 and ASP.NET Core 9

Focused View

Felipe Gavilán

15:14:25

0 View

1 - Introduction

1 - Introduction.mp4

00:23

2 - What is Angular.mp4

03:22

3 - Angular vs AngularJS.mp4

03:12

4 - Bye bye NgModules.mp4

01:17

5 - Standalone Applications.mp4

00:54

6 - Anatomy of a Standalone Application.mp4

04:00

7 - Introduction to ASPNET Core.mp4

02:25

8 - What is TypeScript.mp4

04:14

9 - Installing Node and NVM.mp4

02:20

9 - NVM for Windows.txt

10 - Installing Angular.mp4

01:16

10 - code.txt

11 - Installing Visual Studio.mp4

01:42

12 - Installing Visual Studio Code and NET.mp4

02:10

13 - Installing SQL Server.mp4

02:19

14 - Creating the Angular App.mp4

03:22

15 - Creating the Web API in Visual Studio.mp4

04:13

16 - Creating the Web API in Visual Studio Code.mp4

05:44

17 - Summary.mp4

00:38

18 - Github Repository.html

2 - Components

19 - Introduction.mp4

00:18

20 - Exploring the Angular Project.mp4

05:27

21 - Anatomy of a Component.mp4

04:55

22 - Interpolation.mp4

03:50

23 - Pipes.mp4

03:43

24 - Iterating with For and NgFor.mp4

07:41

25 - Property Binding and NgOptimizedImage.mp4

06:37

25 - code.txt

26 - Dynamic Properties and NgOptimizedDirective.mp4

02:03

27 - If and NgIf.mp4

09:29

27 - code.txt

28 - Using Our Own Images.mp4

01:26

29 - Creating a New Component.mp4

07:37

30 - Parameters of Components.mp4

04:52

31 - Default image url.txt

31 - Events.mp4

07:48

32 - Template Reference Variables.mp4

02:49

33 - Projecting Content.mp4

08:15

34 - Introduction to Angular Material.mp4

01:39

35 - Installing Angular Material.mp4

04:22

36 - Building a Menu Component.mp4

03:08

37 - Dynamic CSS Classes with NgClass.mp4

09:20

38 - Transform Functions.mp4

02:13

39 - Raising Events From a Component.mp4

03:07

40 - Global Styling.mp4

03:41

41 - Summary.mp4

00:41

3 - Routing

42 - Introduction.mp4

00:14

43 - Cleaning Up Our Project.mp4

04:00

44 - Configuring Routing in Our App.mp4

08:40

45 - Navigating with JavaScript.mp4

09:27

46 - URL Parameters.mp4

06:14

47 - Handling Unknown Routes.mp4

03:02

48 - Summary.mp4

00:29

4 - Forms

49 - Introduction.mp4

00:23

50 - TemplateDriven and Reactive Forms.mp4

02:35

51 - Creating Our First Form.mp4

06:59

52 - BuiltIn Validation Rules.mp4

07:31

53 - Custom Validations.mp4

04:25

54 - Updating Records.mp4

11:11

55 - Actors Form.mp4

12:42

56 - Validating Dates.mp4

03:06

57 - Selecting Images.mp4

15:13

58 - Theaters Form.mp4

05:39

59 - Creating a Map Component Using Leaflet.mp4

15:47

60 - Movie Search Component Template.mp4

07:24

61 - Search Movies Component Logic.mp4

08:43

61 - code.txt

62 - Movie Search Component Query Strings.mp4

08:54

63 - Movies Form.mp4

10:51

64 - Creating a Multiple Selector Component Genres.mp4

12:49

65 - Multiple Selector Component Theaters.mp4

03:49

66 - Creating an Autocomplete Component.mp4

17:14

66 - code.txt

67 - Reordering Elements in a List.mp4

04:26

68 - Visualizing the Selected Actors.mp4

05:05

69 - Summary.mp4

00:52

5 - Fundamentals of ASPNET Core

70 - Introduction.mp4

00:21

71 - Preparing a Testing Repository.mp4

04:28

72 - Controllers and Actions.mp4

05:39

73 - Post Put and Delete HTTP Methods.mp4

02:12

74 - Receiving a Parameter in an Action.mp4

03:47

75 - Routing Rules.mp4

06:25

76 - Data Types That an Action Can Return.mp4

05:55

77 - Asynchronous Programming.mp4

08:14

78 - Making Our App Faster with Cache.mp4

05:35

79 - Middlewares.mp4

04:08

80 - Introduction to Model Binding.mp4

07:57

81 - Validating Models.mp4

05:38

82 - Other BuiltIn Validations Rules.mp4

03:08

83 - Custom Validation Rules By Attribute.mp4

03:23

84 - Custom Validation Rules In Actions.mp4

02:37

85 - Dependency Injection.mp4

08:21

86 - The Dependency Inversion Principle.mp4

09:54

87 - Lifetime of the Services.mp4

07:45

88 - Using a Singleton for Our Repository.mp4

04:36

89 - Cleaning Up Cache.mp4

05:03

90 - Configuration Providers.mp4

08:04

91 - Summary.mp4

01:09

6 - Services and BackEnd

92 - Introduction.mp4

00:18

93 - Cleaning Up the BackEnd.mp4

02:52

94 - Introduction to Services.mp4

04:07

95 - From Angular to ASPNET Core HttpService.mp4

04:19

96 - Configuring CORS.mp4

05:10

97 - Using Environment to Avoid Hardcoded URLs.mp4

04:21

98 - Installing Entity Framework Core.mp4

06:24

99 - Creating the Database.mp4

06:01

100 - Creating Genres BackEnd.mp4

03:52

101 - Creating Genres Angular.mp4

02:38

102 - Displaying Errors From the Web API.mp4

07:06

103 - Data Transfer Objects DTOs.mp4

08:06

104 - Index Genres BackEnd.mp4

04:08

105 - Index Genres Angular.mp4

05:27

106 - Pagination BackEnd.mp4

14:14

107 - Ordering with OrderBy.mp4

01:45

108 - Pagination Angular.mp4

07:38

109 - Updating Genres BackEnd.mp4

05:42

110 - Updating Genres Angular.mp4

05:46

111 - Deleting Genres BackEnd.mp4

03:59

112 - Deleting Genres Angular.mp4

04:41

113 - Creating Actors BackEnd.mp4

06:37

114 - Creating Actors Angular.mp4

05:25

115 - Preparing the App to Store Images.mp4

03:51

116 - Using Azure Storage for Storing Images.mp4

07:32

117 - Storing Images Locally.mp4

06:59

118 - Index Actors BackEnd.mp4

05:01

119 - Index Actors Angular.mp4

06:40

120 - Updating Actors BackEnd.mp4

03:33

121 - Updating Actors Angular.mp4

04:36

122 - Deleting Actors BackEnd.mp4

01:52

123 - Deleting Actors Angular.mp4

01:43

124 - Index Entity Components.mp4

15:19

125 - Generic Services.mp4

04:42

126 - Creating Entities Component.mp4

10:28

127 - Editing Entities Component.mp4

10:17

128 - Custom Base Controller Getting Paginated Entities.mp4

09:50

129 - Custom Base Controller Getting an Entity By its Id.mp4

04:14

130 - Custom Base Controller Creating Updating and Deleting.mp4

08:04

131 - Theaters Entity.mp4

04:41

132 - Theaters CRUD BackEnd.mp4

06:06

133 - Theaters CRUD Angular.mp4

06:17

134 - Movies Entity.mp4

07:02

135 - Creating Movies BackEnd.mp4

07:10

136 - Custom Model Binding.mp4

08:59

137 - Creating Movies Angular.mp4

06:29

138 - Finishing the Actors Selection Component.mp4

06:37

139 - Getting Movies BackEnd.mp4

11:29

140 - Landing Page Angular.mp4

03:27

141 - Updating Movies BackEnd.mp4

09:33

142 - Updating Movies Angular.mp4

06:53

143 - Deleting Movies.mp4

04:34

144 - Movie Details Page Part 1.mp4

10:53

145 - Movie Details Page Part 2.mp4

05:32

146 - Finishing the Searching Movies Component BackEnd.mp4

08:40

147 - Finishing the Searching Movies Component Angular.mp4

06:57

148 - Waiting a Moment Before Sending the HTTP Request.mp4

03:11

149 - Summary.mp4

00:22

7 - Security

150 - Introduction.mp4

00:25

151 - Authentication and Authorization.mp4

03:13

152 - Hiding the UI.mp4

06:58

153 - Introduction to Route Guards.mp4

01:08

154 - Using CanActive to Protect Routes.mp4

03:04

155 - Configuring Identity.mp4

07:50

156 - Implementing Login and Registration in ASPNET Core.mp4

11:06

157 - Security Service.mp4

06:18

158 - Building the Login and Registration Components.mp4

10:13

159 - Ratings Component BackEnd.mp4

11:08

160 - Ratings Component Angular.mp4

03:22

161 - HTTP Interceptors.mp4

04:32

162 - Using Claims in ASPNET Core.mp4

04:56

163 - Index Users BackEnd.mp4

03:10

164 - Index Users Angular.mp4

08:11

165 - Summary.mp4

00:29

8 - Deployments

166 - Introduction.mp4

00:20

167 - Azure App Service.mp4

04:55

168 - Fixing the Startup Error.mp4

04:41

169 - Installing Application Insights to Debug Errors in Production.mp4

02:18

170 - Deploying the Angular App to Firebase.mp4

04:57

171 - Summary.mp4

00:23

9 - Thanks

172 - Thanks.mp4

00:04

Description

Use Angular, ASP.NET Core, Entity Framework Core, Material Design, JWT, Leaflet, to build a full application!

What You'll Learn?

Build Web APIs with .NET Core
Develop Single-Page Apps with Angular
Using Entity Framework Core to work with databases
Create register and login functionality
Deploy .NET Core and Angular apps

Who is this for?

Developers who want to be full-stack

.NET Developers who want to learn Angular (and vice versa)

What You Need to Know?

Basic knowledge of HTML, CSS and C#

More details

Description
With ASP.NET Core we can develop Web APIs using C#.
With Angular we can create modern web applications without too many headaches.
In this course we will use both tools to create a project. We will make an application with a database, user system, back-end and UI, where you will put into practice the concepts learned in the course.
We will go step by step, both in the development of the front-end with Angular, and with the back-end in ASP.NET Core. You can take this course without having too much knowledge of both technologies. In fact, I will teach you the basics of these technologies throughout the course.
At the end we will publish our Angular application and our ASP.NET Core application.
Some of the topics we will cover:
Developing Web APIs with ASP.NET Core
Creating a Database in SQL Server using Entity Framework Core
User system with Json Web Tokens (JWT)
Developing a single page application (SPA) with Angular
Creating reactive forms in Angular
Making HTTP requests from Angular to ASP.NET Core
Using Angular Material components
Using maps with Leaflet
Saving spatial data in a database with NetTopologySuite
Allowing users to upload images to be saved in Azure Storage or locally
Automatic tests in .NET and Angular
Upon completing this course, you will have sufficient knowledge to face challenges involving ASP.NET Core and Angular applications.
Who this course is for:
Developers who want to be full-stack
.NET Developers who want to learn Angular (and vice versa)

User Reviews

Rating

average 0

Total votes0

Focused display

Angular

Felipe Gavilán

Instructor's Courses

I am a software engineer with 7 years of experience. I am also a Microsoft MVP. My specialties include Web Development, ASP.NET Core & MVC, Entity Framework Core, SQL Server, Javascript, Angular, WPF, JAVA, Android Mobile Development and Xamarin. I am a passionate coder that loves problem solving and automating tasks. I believe in clean code and the importance of good software architecture. With a passion on learning and teaching also.

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.