AngularJS
AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. AngularJS’s data binding and dependency injection eliminate much of the code you would otherwise have to write. And it all happens within the browser, making it an ideal partner with any server technology.
Who uses Angular? :raising_hand:
Google, Udemy, Amazon, Snapchat, Lyft and many more Tech Giants.
Topics to Cover :books:
Follow either the Official Docs or The Net Ninja or both and cover the following topics:
| S.No. | Topic |
|---|---|
| 1. | Setup |
| 2. | TypeScript |
| 3. | Components |
| 4. | Templates & CSS |
| 5. | Nested Components |
| 6. | Ng-Content Directive |
| 7. | Binding of Data, Property, Event & 2-Way-Binding |
| 8. | Custom Property Binding and Custom Event Binding |
| 9. | Routing |
| 10. | Route Params |
| 11. | Directives |
| 12. | ngFor |
| 13. | Pipes |
| 14. | Custom Filter Pipe |
| 15. | Services |
| 16. | Http Service |
| 17. | Deployment on Netlify |
Once you get familiar these, you can very well call yourself an Angular Developer. It’s recommended you practice this on a few projects to ensure you understand everything.
Useful Chrome Extensions :muscle:
|S.No.|Extension| |—-|—–| |1.|Moesif Origin & CORS Changer
Beginner Friendly Projects to Try :star_struck:
|S.No.|Projects| |—-|—–| |1.|Currency Converter |2.|Tic Tac Toe |3.|NotePad Application
These are some of the projects to get to you started on your Angular journey.
Done? :disappointed_relieved:
Not yet! Now that you’ve explored Angular, you can either learn React or Vue and master frontend web development.
We hope you now know the roadmap to being a professional Angular Developer :v: