- Data Binding (Key to Angular; Other similar data binding frameworks are Knockout, Ember etc)
- Model-View-Controllers, Partial views
Following are programming languages/frameworks/topics one could learn to get started with Angular in efficient and effective manner:
- DOM concepts
- Arrays & Variables such as String
While exploring Angular, I came across several pages where Angular was compared with JQuery. And, it became difficult to appreciate the advantages that Angular brings on the table with respect to JQuery as I was not very much familiar with JQuery. Also, there is something similar supported in Angular for DOM manipulation which is called as JQLite. Thus, I decided to learn it at the minimum such that I could understand the pros and cons and write simple JQuery scripts and comprehend associated complexities. Again, Codecademy.com came to a great help. If you are looking to quickly learn JQuery, get on with the JQuery lessons on Codecademy.com. Highly recommended. I spent a day or two and I got confident with JQuery. Some of the topics I focused are following:
- Modifying (adding/updating/deleting) DOM elements
- Adding/removing/updating styles around DOM elements
Model-View-Controller (MVC) Concepts
As I was going through the Angular docs, I found the mention of MVC and how Angular is MVC based framework. It would be good for one to understand what is MVC framework, in general, before getting started. The good place to start will be the wikipedia page for MVC. The thing that puzzled me was the usage of MVC on client side. Quite difficult to comprehend given that I used MVC on server side for handling client requests and serving the responses. Simply speaking, MVC based architecture/design defines web interactions in form of three key components which are called as Model(M), Views (V) and Controllers. Model represents data, Views represents UI and Controllers represents a set of functions that changes the model based on users interactions. This is where I went on to search and found that there are concepts around Web components and Model-driven Views which are W3C recommended standards.
Web Components & Model-driven Views
To understand AngularJS well, one need to understand some of the futuristic web standards concepts such as web components and model-driven views. They form the core pieces of the framework. One could watch/visit following videos/webpages to get a clearer picture on these concepts.
- Promises(asynchronous data processing)
- RequireJS (Asynchronous Module Definition(AMD) implementation)
- Handlebars (templating engine)
He has also authored the book, Building Web Apps with Spring 5 and Angular.
Latest posts by Ajitesh Kumar (see all)
- Unit Tests & Data Coverage for Machine Learning Models - May 11, 2019
- ML Models Confusion Matrix Explained with Examples - March 30, 2019
- Machine Learning Cheat sheet (Stanford) - March 23, 2019