Blog

50 Videos are enough to master angular

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

 

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.