50 Videos are enough to master angular

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.

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.

This project you can show to your next interviewer and definitely will help you to get more weightage over other candidates in cut throat competition. 

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.

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 with 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

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.


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.