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.
01 Introduction
|
|
|
||
|
001 Make your site more interactive with Angular and ASP.NET Web API
|
002 What you should know
|
02 Setting Up the App Infrastructure
|
|
|
|
|
|
001 Application overview
|
002 Creating a Web API application
|
003 Web API architectural overview
|
004 Creating a new Angular application
|
|
|
|||
|
005 Angular architectural overview
|
03 Getting Started with Web API
|
|
|
|
|
|
001 Creating the entry model
|
002 Configuring DbContext
|
003 Configuring a database
|
004 Creating a database
|
|
|
|||
|
005 Getting data from the database
|
04 Getting Started with Angular
|
|
|
|
|
|
001 Adding a component
|
002 Adding a service
|
003 Configuring routing in Angular
|
004 Requesting data from Web API
|
|
|
|
|
|
|
005 Designing a view with Material Design
|
006 Creating a Material Design table
|
007 Showing data to the users
|
05 Saving Data to Database
|
|
|
|
|
|
001 Creating a Web API HttpPost endpoint
|
002 Configuring an Angular reactive form
|
003 Creating an Angular reactive form
|
004 Validating an Angular reactive form
|
|
|
|
||
|
005 Designing a header and footer
|
006 Creating an HttpPost request in Angular
|
06 Updating Existing Data
|
|
|
|
|
|
001 Creating a Web API HttpPut endpoint
|
002 Setting up a dialog
|
003 Configuring the dialog with data
|
004 Populating the dialog with data
|
|
|
|||
|
005 Creating an HttpPut request in Angular
|
07 Deleting Data
|
|
|
|
|
|
001 Creating a Web API HttpDelete endpoint
|
002 Adding a confirmation step
|
003 Getting a single entry
|
004 Designing a confirmation view
|
|
|
|||
|
005 Creating an HttpDelete request in Angular
|
08 Authentication Using Tokens
|
|
|
|
|
|
001 Setting up AuthController
|
002 Setting up AuthService
|
003 Creating a register component
|
004 Registering users
|
|
|
|
|
|
|
005 Creating an HttpDelete request in Angular
|
006 Requesting a token from Angular
|
007 Authentication check via tokens
|
008 Logging out users
|
|
|
|
|
|
|
009 Creating an Angular login component
|
010 Getting data from the login form
|
011 Logging in users
|
012 Handling errors in angular
|
09 Project Design Wrap-Up
|
|
|
|
|
|
001 Adding a filter
|
002 Adding pagination
|
003 Adding icon buttons
|