About this course
These are 2 most used widely accepted frameworks by enterprises right now for the ‘back-end’ (Microsoft’s ASP.NET Core) and the ‘front-end’ (Google’s Angular) and are well worth spending the time to learn.
This course starts from scratch, you neither need to know Angular 1 nor Angular 2
We start from nothing and incrementally build up our API and Angular front end until we have a fully functional Web Application that we will publish to IIS and a Linux server.
Here are some of the things you will learn about in this course:
- Setting up the developer environment
- Creating the ASP.NET Core WebAPI and the Angular app using the DotNet CLI and the Angular CLI
- Adding a Client side login and register function to our Angular application
- Adding routing to the Angular application and securing routes.
- Using Automapper in ASP.NET Core
- Building a great looking UI using Bootstrap
- Adding Photo Upload functionality as well as a cool looking gallery in Angular
- Angular Template forms and Reactive forms and validation
- Paging, Sorting and Filtering
- Adding a Private Messaging system to the app
- Publishing the application to both IIS and Linux
- Many more things as well
Tools you need for this course
In this course all the lessons are demonstrated using Visual Studio Code, a free (and fantastic) cross platform code editor. You can of course use any other code editor like Visual Studio as well and any Operating system you like… as long as it’s Windows, Linux or Mac
Is this course for you?
This course is very practical, about 90%+ of the lessons will involve you coding along with me on this project. If you are the type of person who gets the most out of learning by doing, then this course is definitely for you.
This course will teach you all the fundamentals about modules, directives, components, data binding, routing, HTTP access and much more! We will take a lot of deep dives and each section is backed up with a real project. All examples showcase the features Angular offers and how to apply them correctly.
Specifically you will learn:
- Learn how to build a web application from start to publishing using ASPNET Core (v3.1), Entity Framework Core and Angular (v9)
- 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 via AlertifyJS
- Implement Authentication using JWT Authentication tokens
- Handling errors in the API and the SPA
- Persist data using Entity Framework Core
- We will build a major project in this course
- And more…
Are there any course requirements or prerequisites?
- No Angular 1 or Angular 2, dot net core knowledge is required!
- Basic HTML and CSS knowledge helps, but isn’t a must-have
- Prior TypeScript knowledge also helps but isn’t necessary to benefit from this course
- Basic JavaScript knowledge is required
Who this course is for:
- Beginners to ASP-NET Core and Angular who want to learn practical usage of these frameworks to build a compelling and functional application
- Students who like to learn by doing rather than learning by theory
- Newcomer as well as experienced front-end developers interested in learning a modern JavaScript framework
- This course is for everyone interested in learning a state-of-the-art front-end JavaScript framework
- Taking this course will enable you to be among the first to gain a very solid understanding of Angular
Curriculum
- 7 Sections
- 64 Lessons
- 180 Days
- Getting Started3
- Setting up Development Environment4
- Understand Basics12
- 4.1Creating list page
- 4.2Add CSS animation to property card
- 4.3Using Service and HTTP Calls
- 4.4Modify HTTP data using Pipe
- 4.5Routing Part-1
- 4.6Routing Part-2
- 4.7Routing Part-3
- 4.8Template Driven Forms
- 4.9Reactive Forms
- 4.105 Reasons I love to use Reactive Forms
- 4.11Save data in local storage
- 4.12Add “Alertify” notification as Service
- Building Application Front End8
- Creating Web API21
- 6.1Introduction and Setup Development Environment
- 6.2Create Web API Project
- 6.3Consuming API in Angular
- 6.4Create database and read table data using entity framework
- 6.5Implement Add and Delete operation
- 6.6Implement Repository Pattern
- 6.7Implement Unit of Work Pattern to resolve transaction issue
- 6.8Why to use DTO (Data Transfer Objects)
- 6.9Using Automapper
- 6.10HTTP Put vs Patch for Update
- 6.11Input Validation and Exception Handling
- 6.12Handling errors globally using in-built and custom middleware
- 6.13More on custom middleware
- 6.14Securing API using JWT
- 6.15Authenticate User
- 6.16Add JWT Bearer Support
- 6.17Mange user secrets
- 6.18Protect passwords with hashing and salting
- 6.19Deploy API on Azure
- 6.20Deploy Angular App on Azure
- 6.21Deploy Angular + WebAPI on IIS
- Completing Application12
- 7.1Migrate to Angular 11
- 7.2Integrate login page to backend
- 7.3Global error handling using interceptor
- 7.4Adding retry logic for failed HTTP requests
- 7.5Add property related entities
- 7.6Seeding master data
- 7.7Hookup List page to Web API
- 7.8Hookup Detail page to Web API
- 7.9Exercise
- 7.10Add Property to Database – Part-1
- 7.11Add Property to Database – Part-2
- 7.12Add Property to Database – Part-3
- Publishing4
We are 2 person and willing to learn angular with asp.net web core API
Hi sir
pls connect with me my no is 8700321222
Thanks for the opportunity to learn by you. Thanks
Welcome buddy