Mastering Angular 2 (TT4168-A2)



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. Angular 2 provides the maximum performance possible on today's web platform. The component system reduces time spend debugging so that you can focus on writing amazing applications. The new Component Router introduced in Angular 2 leverages code-splitting so that users are only loading the code needed for each view. Learn how to meet huge data requirements by building data models on RxJS, and simplified server-side rendering. Angular 2 makes use of ultra-modern tools including ES6, the latest version of JavaScript; TypeScript, a superset of JavaScript; and Node Package Manager, the most popular package manager.������


Experienced web developers

Learning Objectives

  • Using Angular 2 to achieve the maximum performance possible on today's web platform
  • Quickly build features using Angular 2's declarative templates and extend the template language with your own components
  • How Angular 2's component system saves time on debugging so that you can focus on building your application
  • Use Angular 2's new Component Router for code-splitting so that users only load code required for the requested view
  • How Angular 2 puts you in charge of scalability
  • Using one framework for mobile and web with Angular 2
  • Create a Single Page Application (SPA) with Angular 2, using Routers to turn it into a full web application
  • Make the application dynamic with user events
  • Create more efficient search functionality with Pipes
  • Validate form data quickly with Angular 2
  • Use the latest version of JavaScript, ES6, within the Angular 2 architecture and writing efficient Angular 2 code with JavaScript's superset, TypeScript
  • How Angular 2 reduces the amount of overall code an application needs
  • Best practices for Angular 2 so that it works unobtrusively and performs well
  • Meet huge data requirements by building data models on RxJS
  • Simplify server-side rendering
  • Use Angular 2 with HTTP to support JSON, REST, and other services
  • How to support WebSockets using Angular 2
  • Facilitate unit testing
  • Use Webpack as an efficient module loader

1. Basics of Angular 2

  • Angular 2 Architecture Overview
  • Exploring Angular 2 Tools
  • Angular 2 Quickstart�

2. Routers

  • Routers for Client-Side Navigation
  • Routing Components
  • Passing Data to Routes�

3. Dynamic Views

  • Bindings and Events
  • Directives
  • Pipes

4. Forms

  • HTML5 Forms Overview
  • Angular 2 Forms API
  • Form Validation
  • FormBuilder

5. Angular 2 Best Practices

  • Upgrading from Angular 1.x
  • Angular 2 Style Guide

6. Angular 2 with HTTP

  • Angular 2 with HTTP
  • WebSockets

7. Unit Testing

  • Jasmine
  • Angular 2 Testing Library

8. Additional Angular 2 Tools

  • Webpack
  • Grunt Task Runner

9. Animating Components

  • Web Animation API
  • Deep Dive into Animation

10. Working with Applications

  • Module and Dependency Management
  • Building and Deploying Applications

11. Testing Applications Unit Testing and TDD with Angular 2

  • Jasmine Testing Framework
  • Running Tests in Karma
  • Using the Angular 2 Unit Test Framework
  • Testing Components and Forms
  • Testing Pipes and Components
  • Testing routes
  • Testing services
  • Mocking HTTP responses with MockBackend
  • Testing directives