Course Details

AngularJS is an open-source web application framework protect by Google and by a community of corporations and individual developers to address many of the challenges encountered in developing single-page applications. It desires to facilitate both the testing and the development of such applications. AngularJs also powers some active Google ranking, applications from the Double Click Digital Marketing Platform to the YouTube app on the PlayStation 3. AngularJS combine an elegant framework for organizing your client-side JavaScript in a way to maximize reusability and testability. AngularJS allows you to create scopes in the DOM that behave similarly to scopes in JavaScript and other programming languages.

AngularJS Single Page Application

First off, a Single Page Application is one in which we have a shell page and we can load multiple views into that. So a traditional app, as you know you typically blink and load everything again. It’s not very efficient on the bandwidth, especially in the mobile world. In a SPA we can load the initial content upfront and then the different views or the little kind of mini web pages can be loaded on the fly and embedded into the shell. AngularJS, as we’re going to see, is a very good SPA framework, but it’s not just for that. You don’t have to load these dynamic views with it. In fact if you wanted you could just use it for some of the cool separation of code that I’ll show you and data binding, but I will focus on SPAs here.

The challenge with building SPAs from scratch is there’s a lot of different issues to deal with: DOM manipulation and history and how do you dynamically load modules and how do you deal with promises when you make async calls and things like that. Routing becomes a huge issue because you have to have some way to track “Where are we? And where are we going?” All of this type of stuff you’re going to see is built into Angular. Now we can certainly do all this with different scripts out there. We could use sammy JS and jQuery and history JS and require JS. For AJAX we can use Q and there’s a lot of different options. But Angular, you’re going to see, provides a lot of cool features.

Data Binding

We have two-way data binding. We have the Model-View-Controller concept. Routing of the Views I mentioned into the shell pages is done through built-in routing support. Testing was designed right from the beginning so you can build very robust tests if you’d like, which is obviously recommended. For DOM manipulation jQLite is built-in which is kind of like the Mini-Me of jQuery. If you want to use more advanced stuff you can even use jQuery and they play really nice together: Angular and jQuery. When it comes to data binding we have full support for templates. History’s built in. We can share code through factories and services and other things. Then there’s even more. We have the concept of data-binding with View Models. Directives I’m going to be talking about in the next section, which is a way to teach HTML new tricks. Validation. Dynamically injecting different features at run time through dependency injection and much much more.

AngularJS Training Curriculum