Angular 4 Intensive

The Angular 4 Intensive training course teaches all major components, syntax, and tooling of the Angular4 web application framework. The Angular 4 Intensive training course starts with an introduction of Angular 4, npm, and TypeScript. It then dives into component-driven development with Angular 4 components, and how to use directives and services. Data binding (both 1 and 4 way) is discussed in the context of the new directive API.

Finally, the core parts of app development are covered in the context of Angular 4. This includes HTTP, routing, form validation, and unit testing. The Angular 4 Intensive training course also covers data architecture options for Angular 4, including how to make it work with Flux. The Angular 4 course will leave developer teams with a thoroughly explored set of tools, patterns, and core Angular 4 syntax.

Course Summary

Learn all major parts of the Angular 4 framework.
Intermediate JavaScript developers and/or Angular 1.x and 2.x developers looking to update to Angular4.
Skill Level: 
Learning Style: 

Hands-on training is customized, instructor-led training with an in-depth presentation of a technology and its concepts, featuring such topics as Java, OOAD, and Open Source.

Hands On help
4 Days
Productivity Objectives: 
  • Utilize Angular4’s core constructs to build Single Page Applications.
  • Differentiate between major Angular versions and different functionality.
  • Install necessary modules correctly using npm.
  • Write applications in ES6 and TypeScript to be transcompiled to browser-supported JavaScript.
  • Unit test and E2E all parts of the new application.
  • Build Template and Module-driven forms.
  • Utilize Pipes and built-in data formatting tools.
  • Setup routing and URLs.
  • Animate applications with basic built-in applications.
  • Run commands to setup Angular4 using the Angular CLI.
  • Execute CRUD commands on REST apis over Http.
  • Consume REST services.

What You'll Learn

In the Angular 4 Intensive training course you’ll learn:

  • Angular intro

    • Why Angular?

    • 1 vs. 2 vs. 4 (and naming conventions)

    • Development Setup

    • using npm vs. yarn

    • Testing tools overview

    • Installing/updating packages

  • Angular CLI

    • Installation

    • Commands

    • Creating apps

    • Generating components, modules, services

    • Running Tests

  • TypeScript and ES6

    • TypeScript Syntax

    • TypeScript Type System

    • ES6 Arrow functions

    • ES6 Template Strings

    • ES6 Let/Const

  • Structural Directives

    • ngFor

    • ngSwitch

  • Components

    • Decorators

    • Templating Syntax

    • Data Binding

    • Directives

    • Input/Output

    • Events

    • Pipes

  • Forms

    • Model driven vs. Template Driven forms

    • FormGroup

    • FormControl

    • Validation

    • Custom Validators

  • HTTP Data

    • Importing HttpModule

    • Async REST API Requests

    • Using Http to Update or Delete data on the server

    • Using .map, .catch. And toPromise

  • Pipes

    • Intro to pipes

    • Built-in pipes

    • Piping examples

  • Styling and Routing

    • Route Guards

    • Child Routes

    • Lazy Loading

    • Wildcard Routes

    • Route Parameters

    • Query Parameters 

    • Scoped CSS

    • Class.x and style.x bindings

  • Testing and Deploying to Production

    • Jasmine testing (Unit Testing)

    • Testing with dependencies

    • Testing templates

    • Testing routed components

    • E2E Testing

    • Mocking HTTP Responses

  • Deploying to Production

    • Using the CLI

Meet Your Instructor

Craig Photo

Craig recently released the book, The JavaScript Framework Guide: AngularJS, Backbone, and Ember. Craig has been a guest on the Hanselminutes and JavaScript Jabber podcasts. He’s an avid blogger, and several of his articles have been published in Peter Cooper’s poplular “JavaScript Weekly” newsletter. He also has his own podcast, “The Front-End Developer’s Cast”.

Craig has been a developer for over 15 years at startups, enterprises, and as a consultant. During...

Meet Craig »
Photo of Instructor

Elias Carlston has 20 years’ experience as a software engineer, from lean startups to large enterprises. Having great mentors early on showed Elias the value of sharing knowledge, and he enthusiastically embraces the opportunity to give back to the community through teaching.

Beginning his career as a data analyst for a large non-profit clinic, he soon became a full stack developer. First, at healthcare cloud services provider athenahealth, and later with car sharing pioneer Zipcar, he learned techniques...

Meet Elias »
Jason photo

Jason, author of Angular for Rails Developers, has been building websites since his parents first got dial-up internet at home in 1996.

Jason has worked with a variety of technologies since then including Delphi, ASP Classic, PHP and Ruby on Rails. Most recently his focus has been on the combination of Angular and Rails to create single-page applications. He has worked with small startups as well as large organizations like AT&T, Dow Jones and the...

Meet Jason »

Get Custom Training Quote

We'll work with you to design a custom Angular 4 Intensive training program that meets your specific needs. A 100% guaranteed plan that works for you, your team, and your budget.

Learn More

Chat with one of our Program Managers from our Boulder, Colorado office to discuss various training options.

DevelopIntelligence has been in the technical/software development learning and training industry for nearly 20 years. We’ve provided learning solutions to more than 48,000 engineers, across 220 organizations worldwide.

About Develop Intelligence
Di Clients
Need help finding the right learning solution?   Call us: 877-629-5631