Author
Released
12/20/2018- 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
Skill Level Intermediate
Duration
Views
- [Ervis] Hi, I'm Ervis Trupja and I'm a web developer. The architecture of a single page application involves certain challenges that are not present in traditional web applications. However, emerging technologies like ASP.NET Web API, JavaScript Frameworks like Angular make it really easy to design and build single-page applications. During this course we will take advantage of these technologies to implement an expenses application. We will build the service layer with the ASP.NET Web API to expose the required endpoints to create, read, update and delete entries from our database.
Then, we will build a rich UI using Angular 7 with material design. As we dive into Angular services, we will learn how to send request to a web application, and most importantly, receive a response, and handle the errors. We will also take advantage of the material design to implement features like filtering and pagination. By the end of this course, we will learn how to create a simple authentication system using tokens. So, I hope you will join me on this journey.
Related Courses
-
C# Design Patterns: Part 1
with Reynald Adolphe1h 22m Intermediate -
ASP.NET MVC: HTTP Request Life Cycle
with Janan Siam2h 15m Advanced
-
Introduction
-
What you should know1m 27s
-
1. Setting Up the App Infrastructure
-
Application overview2m 25s
-
-
2. Getting Started with Web API
-
Creating the entry model2m 34s
-
Configuring DbContext3m 53s
-
Configuring a database3m 49s
-
Creating a database4m 47s
-
-
3. Getting Started with Angular
-
Adding a component3m 8s
-
Adding a service2m 55s
-
Requesting data from Web API7m 29s
-
-
4. Saving Data to Database
-
5. Updating Existing Data
-
Setting up a dialog5m 49s
-
6. Deleting Data
-
Adding a confirmation step3m 38s
-
Getting a single entry4m 25s
-
7. Authentication Using Tokens
-
Setting up AuthController5m 10s
-
Setting up AuthService3m 8s
-
Registering users6m 18s
-
Generating a token6m 53s
-
Logging out users1m 54s
-
Logging in users4m 20s
-
-
8. Project Design Wrap-Up
-
Adding a filter3m 28s
-
Adding pagination3m 30s
-
Adding icon buttons2m 10s
-
-
Conclusion
-
Next steps33s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Make your site more interactive with Angular and ASP.NET Web API