Build Web App with Framework: Angular
Angular is an advanced client-side framework based on the MVC pattern that allows developers to extend the HTML vocabulary and make the written code much more expressive and readable. With AngularJS, developers can create custom HTML elements with complex behaviors, two-way data binding and much more. In this session, we will see how to use Angular to create single page applications with ease.
Duration: 4 Days
Attendees must have prior experience working with JavaScript, HTML and CSS.
Introduction to Angular
• Angular Architecture
• Current Development Tools
• Selecting Language
• Angular CLI
TypeScript
• Introduction to TypeScript
• Types
• Classes, Properties and Functions
• Interface
• Namespaces and Modules
• Compiling TypeScript
The Angular Application
• Application Overview
• Angular in Action
• Application Structure
Components and Modules
• Components Overview
• Component Lifecycle
• ES2016 Modules
• Exploring systemjs.config.js
• Angular Modules
Template Expressions and Pipes
• Templates Syntax Overview
• Interpolation and Expressions
• Working with Pipes
Component Properties and Data Binding
• Property and Event Binding
• Input and Output Properties
• Angular Directives
• Two-way Binding
• Change Detection
Services, Providers and Http
• Services Overview
• Injectors and Providers
• @Injectable Decorator
• Promises and Observables
• Calling RESTful Services with Http
Routing
• Routing Overview
• Routing Steps
• The Router Service
• Route Parameters
• Creating Child Routes
Route Guards and Lazy Loading
• Introduction to Route Guards
• Creating and Using Route Guards
• Lazy Loading
Forms
• Forms Overview
• Template-Driven Forms
• Reactive Forms
• Managing Form Control Styles