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.