We’ll go through the fundamentals of Angular in order to give you a solid foundation for building AngularJS applications. We’ll use these fundamentals to get you started on building functional AngularJS applications.
- AngularJS Bootcamp: Here we’ll give an introduction to Angular and how it works, as well as an introduction to some AngularJS fundamentals such as dependency injection, modules, controllers, and scope. We’ll also go over basic syntax for binding data to elements in HTML templates.
- Modules, Resources, and Router: We’ll start this section by taking a deeper dive into modules and how we can configure the bootstrap process of an Angular application. We’ll also talk about setting up navigation through our application using the router that is built-in to AngularJS. Finally, we’ll end this section and Day 1 by discussing resources and how we can use them to perform CRUD operations on our data via a RESTful API server.
We’ll build on the knowledge that we’ve learned from Day 1 and use them to enhance our AngularJS applications. We’ll also go over concepts and techniques to help us master program flow and modularization of services.
- UI Router: We’ll start Day 2 by learning about controller inheritance and how it affects data within our application. We’ll then introduce the Angular UI Router, a third-party routing framework that allows for more advanced routing behavior and view control.
- Promises and Interceptors: In this section, we’ll learn about how we can use promises within AngularJS to handle asynchronous actions within our application. We’ll also dive into how we can use interceptors to modify HTTP requests and responses to suit the needs of our application.
- Factories and Providers: We’ll end Day 2 by talking about how to create specialized objects in AngularJS to implement services in our application. We’ll go over the various types of these specialized objects that can be created and the situations where they should be used.
We’ll spend Day 3 going over how to create reusable AngularJS components such as directives and filters and how to apply them to our AngularJS applications. We’ll also show you how to create functional end-to-end tests for your application.
- Custom Directives: In this section, we’ll teach you how to create and use your own custom directives which you can use to build reusable components. We’ll go over the various ways you can instruct a directive to manipulate HTML DOM, and how to use scopes to share or restrict data that can be passed between a directive and its parent. We’ll also discuss how to add controllers to a directive, as well as how to add external dependencies.
- Filters: We’ll instruct you on how to use filters to modify objects and arrays to reduce or modify the data you wish to display. We’ll also show you how to write your own filters.
- Protractor and E2E Testing: We’ll end our training by going over functional end-to-end testing using Protractor, the end-to-end test framework for AngularJS. We’ll go over how to set up tests to automate the actions of an end user to see if our application is performing as expected. We’ll also show you some ways that we can make these tests more reusable and consistent through the use of page objects.