Build an app with ASPNET Core and Angular from scratch
- Offered byUDEMY
Build an app with ASPNET Core and Angular from scratch at UDEMY Overview
Duration | 35 hours |
Total fee | ₹3,499 |
Mode of learning | Online |
Credential | Certificate |
Build an app with ASPNET Core and Angular from scratch at UDEMY Highlights
- Earn a certificate of completion from Udemy
- Learn from 9 downloadable resources & 3 article
- Get full lifetime access of the course material
- Comes with 30 days money back guarantee
Build an app with ASPNET Core and Angular from scratch at UDEMY Course details
- For Beginners to ASPNET Core and Angular who want to learn practical usage of these frameworks to build a compelling and functional application
- For Students who like to learn by doing rather than learning by theory
- Learn how to build a web application from start to publishing using ASPNET Core (v2.1), Entity Framework Core and Angular (v6)
- Students who complete this course will have a practical understanding of Angular and ASPNET Core
- Understand how to structure an Angular application using best practices
- Learn how to integrate 3rd party components into the Angular application
- Use Visual Studio code effectively to improve workflow
- Use AutoMapper
- Implement drag and drop photo upload integrating into a cloud platform
- Implement a private messaging system
- Implement filtering, sorting and paging of data
- Display notifications in Angular
- This course has been refreshed and completely updated for .Net 7.0 and Angular 14
- In this course we start from nothing and incrementally build up our API and Angular front end until we have a fully functional Web Application that we then publish to IIS and a Linux server
- In this course we build a complete application from start to finish and every line of code is demonstrated and explained
- In this course all the lessons are demonstrated using Visual Studio Code, a free (and fantastic) cross platform code editor
Build an app with ASPNET Core and Angular from scratch at UDEMY Curriculum
Introduction
Introduction
Setting up the development environment
Getting help
Course assets and source code
Building a walking skeleton part one - API
Introduction
Creating the .Net API Project using the dotnet CLI
Setting up VS code to work with C#
Getting to know the API project files
Creating our first Entity
Introduction to Entity Framework
Adding Entity Framework to our project
Adding a DbContext class
Creating the Connection string
Creating the database using Entity Framework Code first migrations
Adding a new API Controller
Making our code Asynchronous
Saving our code into Source control
Section 2 Summary
Building a walking skeleton part two - Angular
Introduction
Creating the Angular application
Running the angular project and reviewing the bootstrap of the app
Adding VS Code extensions to work with Angular
Making HTTP requests in Angular
Adding CORS support in the API
Displaying the fetched users in the browser
Adding bootstrap and font-awesome
Using HTTPS in angular - MAC
Using HTTPS in angular - WINDOWS
Saving into source control
Section 3 summary
Authentication Basics'
Introduction
Safe storage of passwords
Updating the user entity
Creating a base API controller
Creating an Account Controller with a register endpoint
Using the debugger
Using DTOs
Adding validation
Adding a login endpoint
JSON web tokens
Adding a token service
Adding the create token logic
Creating a User DTO and returning the token
Adding the authentication middleware
Adding extension methods
Section 4 summary
Client login and Register
Introduction
Creating a nav bar
Introduction to Angular template forms
Introduction to Angular services
Injecting services into components
Using conditionals to show and remove content
Using the angular bootstrap components - dropdown
Introduction to observables
Persisting the login
Using the async pipe
Adding a home page
Adding a register form
Parent to child communication
Child to parent communication
Hooking up the register method to the service
Section 5 summary
Routing in Angular
Introduction
Creating some more components
Adding the nav links
Routing in code
Adding a toast service for notifications
Adding an Angular route guard
Adding a dummy route
Adding a new theme
Tidying up the app module by using a shared module
Section 6 summary