$1,250 – $1,495

Angular 4: Three Days to Master the Art of Web Applications

Event Information

Share this event

Date and Time



116 W 23rd St

5th floor

New York, NY 10011

View Map

Refund Policy

Refund Policy

Refunds up to 7 days before event

Friends Who Are Going
Event description


Monday through Wednesday

February 12-14

9 AM to 5 PM

21 hours | Hands-On Training for $1,495

10% off Early Bird (Register by 01/12) and pay $1,345 - You save $150

Join us online: $1,250


More Angular Workshops Dates: July 31st-Aug. 2 ; Oct. 2-4 ; Dec. 11-13

Looking for React Workshops? zen.digital/workshops/react

Core Angular 4

Angular is a Google-supported, open-source JavaScript "MV*" or "single-page app" framework. It’s second version is a redesign of the original framework released a few years ago. Trading on it’s extreme popularity, developers are eager to use the new version of one of the top frameworks for JavaScript app development.

Angular is an opinionated framework – it brings strong ideas about how apps should be built. In return for working with Angular conventions, the framework provides an exceptional amount of “magic” to make app development and testing easier.

This course provides a thorough introduction to the patterns and features of Angular.

Duration: 3 Days


  • Thorough understanding of JavaScript

  • Knowledge of TypeScript, AngularJS, and Single Page Applications is highly helpful


In this course, you will learn:

  • How to use Angular to reduce the amount of code you have to write to build great HTML5 user interfaces

  • How to use Angular data binding to increase the reliability and maintainability of your user interfaces

  • How to retrieve data from a back-end server, manipulate it, and display it, while letting Angular do most of the heavy lifting

  • How to modularize your Angular code with custom components & services

  • How to test your Angular code

  • How to create and organize an Angular project


Core Angular is geared to seasoned JavaScript developers with at least 6-12 months hand-on experience developing single page applications using any other JavaScript framework.


Day 1

How Angular Works

  • Setup WebStorm or Cloud9

  • Introduction to EcmaScript 6

  • Building our first Angular single-page web (SPA) application with the Angular CLI

  • Components, Templates, Metadata (TypeScript Decorators)

  • 4 forms of data binding (interpolation, property binding, event binding, two-way)

  • Directives (component, structural and attribute)

Differences between AngularJS & Angular (for students familiar with AngularJS)

  • Concepts & Changes

  • Concepts for converting your AngularJS app

  • Hybrid Interoperability

Angular ng-modules vs ES6 Modules

  • Components, Services, Values & Functions as modules

  • Dependency Injection

    • Injectors & Providers

  • Introduction to Best Practices & Style Guides

Angular Components & Template Syntax

  • Binding controls in an HTML template with interpolation

  • Template Expressions & Operators

  • Built-in components: ngFor, ngIf, ngSwitch ngClass, ngStyle, ngForm, NgNonBindable

  • local template variables

  • * and template

  • input and output properties

Day 2

Forms in Angular

  • Controls and Control Groups

  • Using FormBuilder

  • Validation - Preventing form submission

  • Watching for Changes (ngModel)

Angular Pipes

  • Keeps display logic in the template and out of the business logic

  • DatePipe, UpperCasePipe, LowerCasePipe, CurrencyPipe, PercentPipe

  • Stateful Pipes: AsyncPipe

  • Pipe parameters

Architecting Services & View Components

  • Models

  • Services

  • Components

Component Lifecycle

  • OnInit, OnDestroy, DoCheck, OnChanges, AfterContentInit, AfterContentChecked AfterViewInit, AfterViewChecked

  • Optional lifecycle interfaces

Day 3

HTTP Client

  • XMLHttpRequest vs JSONP

  • Fetch data (http.get)

  • angular/http API

  • Observables (RxJS) vs Promises

Component Router & Navigation

  • Loading the router library & setting the base href

  • Router configuration & setting a default route

  • Link Parameters Array

  • Navigating via RouterLink or Program Control

  • Router & Query Parameters

  • Router Lifecycle Hooks

  • Nested Routes

  • HTML5 vs hash URL style

  • Deep Linking with Matrix URL notation

  • Guards & Lazy Loading


  • End-to-end & Unit Testing

  • Tools & frameworks

  • Setting up Testing

  • Testing Services, Components, Forms & HTTP requests


Daniel Zen teaches his course material on a regular basis to Fortune 500 companies such as Intel, Time Warner and Cisco. He speaks at numerous conferences - ng-conf, ng-vegas, AngularSummit, FITC and NYC Camp at the United Nations. He founded the AngularJS NYC meetup which meet monthly at Google offices in Chelsea which now counts over 5,000 members. And, he recently produced, BuzzJS, a sold out, One day | One track JavaScript conference at Microsoft offices in Times Square.

Share with friends

Date and Time


116 W 23rd St

5th floor

New York, NY 10011

View Map

Refund Policy

Refunds up to 7 days before event

Save This Event

Event Saved