- Experience with HTML,CSS,and JavaScript
Audience
The Angular Development course is aimed at front-end developers and engineers using Angular,HTML5 and TypeScript along with modern assistive technologies such as Node.js and Git,to develop quality software. Programmers,designers,testers,quality analysts and anyone who needs a good understanding of the use of Angular within web development would also benefit.
The Angular Development course focuses on using modern Angular to develop Single-Page Applications (SPAs). This course teaches the use of Angular directives and expressions in HTML5 documents,and the writing of Angular components and services to build complete SPAs
Format of the Course
- Interactive lecture and discussion.
- Lots of exercises and practice.
- Hands-on implementation in a live-lab environment.
Course Customization Options
- To request a customized training for this course, please contact us to arrange.
DAY 1
COURSE INTRODUCTION
- Administration and Course Materials
- Course Structure and Agenda
- Delegate and Trainer Introductions
SESSION 1: ANGULAR PRECURSORS
- Single-Page Applications (SPAs)
- ES6
- Transpilers
- Polyfills
- TypeScript
SESSION 2: INTRODUCING ANGULAR
- What is Angular?
- The Development Environment
- A Simple Application
- Angular Architecture
SESSION 3: ANGULAR TEMPLATES
- Interpolation
- Event Binding
- Pipes
- Built-in Directives
SESSION 4: DEPENDENCY INJECTION
- What is Dependency Injection?
- Services
- NgModule
- @Injectable
- Provider Registration
DAY 2
SESSION 5: ANGULAR FORMS
- Form Modules
- Template-driven Forms
- Reactive Forms
SESSION 6: HTTP INTERACTIONS
- HTTP Modules
- Making Requests
- HTTP Options
- Rejections and Wrapping
- Interceptors
- Using Promises
SESSION 7: ROUTING
- Routing Components
- Routing Configuration
- Route Parameters
- Optional Parameters
- Child Routing
- Route Access Control (Guards)
DAY 3
SESSION 8: OBSERVABLES & REACTIVE PROGRAMMING
- What is Reactive Programming?
- RxJS
- Creating and Consuming Observables
- Differences between Observables and Promises
- Inter-component Communications
SESSION 9: ANGULAR & REDUX
- What is Flux?
- What is Redux?
- Actions
- Creators
- Reducers
- The Store
- Data Flow
- ngrx
- Redux Dev Tools
SESSION 10: TESTING ANGULAR APPLICATIONS
- Using Jasmine
- Using Karma
- Angular Testing Framework
- Angular Test Bed
- Testing Components,HTTP Services,Routes
- E2E Testing
Troubleshooting
Summary and Next Steps