AngularJS 2.0 Web Development

Overview

This course is based on V2 of the popular front end web development framework AngularJS. With AngularJS you learn one way to build applications and reuse your code and abilities to build apps for any deployment target. For web, mobile web, native mobile and native desktop.The powerful features and capabilities of Angular 2 allow you to create complex, customizable, modern, responsive and user friendly web applications. This course will use TypeScript.

Duration

Full time 5 days.

Programming Experience

A strong knowledge of HTML, CSS and JavaScript is required. No knowledge of TypeScript is required as we will cover it during the course.

Private Training

This course is only offered privately. The course can be scheduled to run onsite or on our premises. A minimum of 4 delegates is required to schedule the course. The course can be run at our offices in Cape Town or Johannesburg. The price to run the course onsite is R12 599 and R15 500 on our premises. There is no fixed date to run the course, we schedule the date that suits your team.

Course Curriculum

What has changed since 1.0

MVC no more New router Component based design pattern

TypeScript

Introduction to Type Script Building Blocks Modules Interfaces Class Functions Enum

Types Static, Dynamic & Optional Types Inferred Types Builtin Types Custom Types Type Declaration Type Inference

Abstractions Defining Interfaces Creating Interface Methods

Class Private and Public Scope Defining Members Static Functions Default and Optional Parameters Overloading functions Constructors Implementing Interfaces Inheritance and Polymorphism

Introduction to AngularJS 2.0

Introduction to Angular JS How Angular JS is opinionated Difference between Angular JS 1.0 and 2.0

AngularJS Building Blocks

Module Component Template Metadata Data Binding Service Directive Dependency Injection Anatomy of an Angular.js Applications Assembling applications using Modules Identifying UI layers for Components Metadata for Components

Templates

Interpolation Expressions and Statements Bindings Value Binding Property Binding Event Binding Two way Binding

Directives

Components Attribute Directives Structural Directives Using the Template Tag Using the "*" in directives Creating Attribute directives Creating Structural directives The Directive Definition Object Isolated Scope Compilation and Linking Creating Components Extending Directives

Pipes

Role of pipes in Angular 2 applications Using built in pipes Chaining Pipes Creating Custom Pipes

Dependency Injection

Configuring the Injector Importing & Exporting Components Importing & Exporting Services Registering Providers Class Providers and Value Providers Factory Providers

Forms

Building forms using components and Templates Two way binding Change Tracking using ngControl Validation Error Handling

Routing and Navigation

Including the Router Configuring the routes Router Outlets and Links Using @RouteConfig Decorator Nested Routes Accessing Route Params

Communicating with Servers

Using the http provider Async Programming Using Promises Resolving and Rejecting Promises Configuring the requests Sending Http Headers Caching Responses Request and Response Transformation Using RESTful Resources Using RxJSObjservables

Testing

Jasmine Overview Writing Tests in Typescript Testing a Class Testing a Pipe Testing a Component Configure Karma to execute Tests

Migrating from Angular 1.x

Strategies Available Preparation Upgrade Adapter Migrating to TypeScript