How I made learning angular interesting

Someone can not reach to his/her destination just by moving in any direction. It is important to go in correct direction as well. Similarly if you have plan to learn Angular and do not know where to start and and what to learn, I bet you will never learn Angular or any programming language.

For beginner it is important that they start with correct learning plan that should start with very basics and gradually make you master in journey.

I have 16+ years experience and learned different technologies in my carrier, I went through with all of these problems very well. I know learning basics are very boring things and any one can loose interest within few days when something tangible does not appear.

If you can not visualize, you can not create

So to resolve this problem I have created this series that will teach you all the basics while building a real world property dealing application. It not only teach you the basics but also make you the master of angular with real time project in hand.

Project will start from scratch, you will go through with very basics and start to build a property dealing application.

You will not only learn to build the application, but also learn the different ways to host it on Azure, IIS and Firebase.

We will also host the Frontend and Backend on different servers and see how both the application will be able to communicate seamlessly.

More than 70K students have coded along with me and successfully built and deployed this application. It will help you to get confidence to clear next interview and you can add this project in your portfolio.

See what people say about this course

What people says about this series

So what to wait, let’s deep dive into the course and become the master of ANGULAR.

---

Build Application Frontend

1. What we will build
2. Project setup and angular version history
3. What is new in major release Angular 9
4. Folder structure and flow of application
5. Create your first component
6. Understand component workflow and create property card component
7. Understand Git and add your project to github
8. Create property list
9. Add CSS animation to property card
10. Using HTTP service
11. Modify HTTP response using pipe
12. Understand routing – Part-1
13. Understand routing – Part-2
14. Understand routing – Part-3
15. Template driven forms in angular
16. Reactive forms in angular
17. 5 reasons I love to use reactive forms
18. Save data to local storage
19. Add alertify notification as service
20. Add login logout functionality
21. Design add new property form
22. Few enhancements in form
23. Save new property and display on list page
24. Save multiple properties in local storage
25. Create property detail view
26. Understand route resolver and add image gallery
27. Add filtering and sorting using angular pipes
28. Deploy angular app on Firebase for free

Build Web API

1. Introduction and milestones
2. Create WebAPI project
3. Consume WebAPI in angular
4. Create DB and fetch data using entity framework Core
5. Implement add and delete operations
6. Using repository pattern
7. Using Unit of Work Pattern
8. Using DTO (Data transfer object)
9. Using Automapper for faster mapping
10. HTTP Put vs Patch for update
11. Input validation and exception handling
12. Handling errors globally in WebAPI using middleware
13. Add more features to custom middleware
14. Understand JWT (JSON web token)
15. Add Authentication
16. Create JWT and use it for Authorization
17. Managing user secrets
18. Protect password with hashing and salting

Hookup Frontend to Web API

1. Migrate from angular 10 to 11
2. Migrating TSLint to ESLint
3. Hookup Login and Registration Component
4. Handling errors globally using interceptor
5. Using retry and retryWhen for the failed requests
6. Hookup Property list page to WebAPI – Part-1
7. Hookup Property list page to WebAPI – Part-2
8. Hookup Property list page to WebAPI – Final

Deploy Application and WebAPI

1. Deploy API on Azure
2. Deploy Angular App on Azure
3. Deploy Angular + API in IIS
4. Deploy angular app on Firebase for free

Please share your feedback and don’t forget to subscribe to the channel if you like it.

Buy me a coffee if you would like to support