English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 3h 34m | 1.79 GB
Single-page applications (SPAs) can provide a more positive and fluid user experience, but designing and building a SPA is not without its challenges. In this course, learn how to leverage ASP.NET Web API and the Angular framework to make the work of designing and building SPAs a bit easier. Instructor Ervis Trupja first shows how to set up the app infrastructure, demonstrating how to create a Web API and Angular app, and then set up the essentials for each one. He steps through how to create the service layer with ASP.NET Web API and use Angular and Material Design to build the UI. Discover how to send requests to a Web API app, handle errors in Angular, create an authentication system using tokens, and more.
Topics include:
- Setting up the app infrastructure
- Creating a database
- Configuring routing in Angular
- Designing a view with Material Design
- Updating existing data
- Creating a Web API HttpPut endpoint
- Deleting data
- Authentication using tokens
- Adding a filter, pagination, and icon buttons
Table of Contents
Introduction
1 Make your site more interactive with Angular and ASP.NET Web API
2 What you should know
Setting Up the App Infrastructure
3 Application overview
4 Creating a Web API application
5 Web API architectural overview
6 Creating a new Angular application
7 Angular architectural overview
Getting Started with Web API
8 Creating the entry model
9 Configuring DbContext
10 Configuring a database
11 Creating a database
12 Getting data from the database
Getting Started with Angular
13 Adding a component
14 Adding a service
15 Configuring routing in Angular
16 Requesting data from Web API
17 Designing a view with Material Design
18 Creating a Material Design table
19 Showing data to the users
Saving Data to Database
20 Creating a Web API HttpPost endpoint
21 Configuring an Angular reactive form
22 Creating an Angular reactive form
23 Validating an Angular reactive form
24 Designing a header and footer
25 Creating an HttpPost request in Angular
Updating Existing Data
26 Creating a Web API HttpPut endpoint
27 Setting up a dialog
28 Configuring the dialog with data
29 Populating the dialog with data
30 Creating an HttpPut request in Angular
Deleting Data
31 Creating a Web API HttpDelete endpoint
32 Adding a confirmation step
33 Getting a single entry
34 Designing a confirmation view
35 Creating an HttpDelete request in Angular
Authentication Using Tokens
36 Setting up AuthController
37 Setting up AuthService
38 Creating a register component
39 Registering users
40 Generating a token
41 Requesting a token from Angular
42 Authentication check via tokens
43 Logging out users
44 Creating an Angular login component
45 Getting data from the login form
46 Logging in users
47 Handling errors in angular
Project Design Wrap-Up
48 Adding a filter
49 Adding pagination
50 Adding icon buttons
Conclusion
51 Next steps
Resolve the captcha to access the links!