Angular Training
Duration : 3 Days
Date : 14, 15, 16 Mar 2024
Overview
Angular teaches to build responsive, enterprise-strength applications that run smoothly on desktop and mobile devices with this Angular training course. Angular training offers a robust framework that facilitates the development of richly interactive applications running on multiple platforms. Participants will gain experience building components, creating directives, modularizing applications, and building template-driven forms.
Prerequisites
- Web developer who wants to build best-of-breed web applications with the simplicity and elegance of JavaScript & SPA architecture.
- Participants should have good knowledge of HTML, CSS, JavaScript (ES5).
Course Contents
Day 1
- Introduction to web apps Why Angular?
- Limitations with JS/jQuery Introduction to Typescript
- Why TypeScript?
- Basic Type Interfaces Classes Modules Generics
- Type Compatibility
- Architecture of Angular Angular-cli & webpack
- Hands-on exercises
Day 2
- Introduction to Angular & SPA Directives
- Pipes
- Model, View & Controller Modules
- Routes Service Components
- Concept of Data-binding Use of template
- Use of Dependency Injection Hands-on exercises
Day 3
- Server Communication (Http service) Use of RxJS / Observable
- Http
- Rest API usage Routing and Navigation
- Navigation flow Configuring routes RouterLink Directive RouterOutlet Component Lazy Loading
- Guards Components
- Component Overview
- Component Metadata (@component) Lifecycle Hooks
- Directives
- Directive Overview Hands-on exercises
Day 4
- Forms
- ng-model directive Track change-state
- Validation and Error messages Use of Reactive forms
- Use of Observables & Rxjs concepts Use of State Management (ngRx)
- Store Action Reducer
- Integration of ngRx with Angular Hands-on exercises
Day 5
- Performance aspects AOT
- Tree shaking
- Testing the Angular app Unit Testing
- Introduction to Jasmine & Karma Testing a service
- Testing a component Testing a pipe
- E2E testing using Protractor Use of Jasmine
- Organizing: use of Page object Model Hands-on exercises