Specialized - Web Essentials: Mastering Angular 2
Code: TT4165-A2
Lengt h: 3 days
URL: View Online
Web Essentials: Mastering Angular 2 covers Angular 2 and provides practical and hands-on experience with a
great option for building rich web applications. If you are building for the web, learning Angular 2 will change the
way you write web interfaces, working across multiple browsers and platforms.
Skills Gained
• What Angular 2 is and why should you use it
• How Angular 2 reduces the amount of code that you have to write to add rich functionality to both existing and
new web pages
• How to use ES6 within the Angular 2 architecture
• How to facilitate deployment and loading using the Node Package Manager
• What TypeScript is, why it is useful, and how to use it with Angular 2
• How Routers can support web application navigation
• How Dependency Injection (DI) can be used and how Angular 2 implements DI
• How to work with the various aspects of the Angular 2 architecture to implement clean, responsive web
interfaces
• What the best practices are for using Angular 2 so that it works unobtrusively and performs well
• How to use Angular 2 with HTTP to support JSON, REST, and other services
• Understand how to support WebSockets using Angular 2
• How to facilitate testing and running Angular 2 applications using various tools and techniques
Who Can Benefit
• Experienced Web Developers
Course Details
Angular2 Architecture Overview
• Modules and Components
• Template Syntax
• Binding, Directives, and Services
• Using Module Loader SystemJS
• Using Angular2 with Twitter's Bootstrap Library
• Angular2 Quickstart
ES6
• Template Literals
• Multi-Line and Template Strings
• Scoping
• Arrow Function Expressions
• Operators and Loops
• Object-Oriented ES6
• Angular2 and ES6
Node Package Manager (NPM)
• NPM Overview
• Using NPM for Angular2 Functionality
TypeScript
• Why Use Typescript
• Typescript Module System
• Angular2 with TypeScript
• TypeScript Decorators
• Transpilers
Routers
• Routers for Client-Side Navigation
• Componentrouter Service
• RouterOutlet and Links
• Multiple Views
• Parameterized Routes
• Passing Data to Routes
• Nested Child and Auxiliary Routes
• AsyncRoute and Lazy Loading
Dependency Injection
• Dependency Injection (DI) Pattern and Significance
• Angular2's Dependency Injection
• Framework
• Providers
Bindings and Events
• Template, Data, and Event Bindings
• Two-Way Bindings
• Observables
• Pipes
Directives
• Built-in Directives
• Working with Directives
Component communication
• Input and Output Parameters
• Mediator Design Pattern
• Changing Templates
• Component Lifecycle
• ngOnChanges
Angular2 Forms
• Angular2 Forms API
• Form Directives
• Form Types
• Form Validation
Angular2 Best Practices
• Upgrading from Angular 1.x
• Angular2 Style Guide
• Single Responsibility Principle
• Naming Conventions
• Coding Conventions
• Application Structure
• Components, Directives, Services
• Lifecycle Hooks
• Routing
Angular2 with HT T P
• HTTP API
• Creating a Web Server for Angular 2, JSON, REST, and Other Services
• Working with Promises
• WebSocket Protocols
Unit Testing Angular2
• Testing dependencies
• Unit testing with the Jasmine Library
• Angular Testing Library
• Webpack
• Automating Build and Deployment processes
Grunt Task Runner
• Overview of Grunt Task Runner
• Using Grunt with NPM
ExitC ertified® C orporation and iMVP ® are registered tradem arks of ExitC ertified ULC and Generated Jan 11 15:19:42 UTC 2018
ExitC ertified C orporation and Tech Data C orporation, respectively
C opyright ©2018 Tech Data C orporation and ExitC ertified ULC & ExitC ertified C orporation.
All Rights Reserved.
