Skip to content

Contact sales

By filling out this form and clicking submit, you acknowledge our privacy policy.

Angular - Intensive

Course Summary

The Angular Intensive training course covers the modern Angular platform. It explains all major components, syntax, and tooling of the Angular web application framework.

This course starts with an introduction of Angular, NPM, and TypeScript and then it dives into component-driven development with Angular components, and how to use directives and services. Data binding (both 1 and 2 way) is discussed in the context of the new directive API. Next, the core parts of app development are covered in the context of Angular. This includes HTTP, routing, form validation, and unit testing. The course concludes by covering data architecture options for Angular, including how to make it work with Flux.

The Angular course will leave developer teams with a thoroughly explored set of tools, patterns, and core Angular syntax.

Purpose
Learn to leverage all of the newest parts of the Angular API and Framework.
Audience
Front-end and Angular developers who need to learn the newest part of this powerful framework.
Role
Web Developer
Skill Level
Intermediate
Style
Workshops
Duration
5 Days
Related Technologies
TypeScript | Web Development | Angular

 

Productivity Objectives
  • Utilize the Angular core constructs to build Single Page Applications.
  • Differentiate between major Angular versions and different functionality.
  • Install necessary modules correctly usingNPM.
  • Write applications in ES6 and TypeScript to be transferred 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 Angular using the Angular CLI.
  • Execute CRUD commands on REST APIs over Http.
  • Consume REST services.

What You'll Learn:

In the Angular - Intensive training course, you'll learn:
  • Angular Intro
    • Why Angular?
    • Angular versions
    • 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
    • ngIf & ngFor
    • ngSwitch
  • Components
    • Decorators
    • Templating Syntax
    • Data Binding
    • Directives
    • Input/Output
    • Events
    • Component Communication
    • Pipes
    • Scoped CSS
    • Class.x and style.x bindings
  • Forms
    • Model driven vs. Template Driven forms
    • FormGroup
    • FormControl
    • Validation
    • Custom Validators
  • HTTP Data
    • Importing HttpClientModule
    • 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
  • Routing
    • Route Guards
    • Child Routes
    • Lazy Loading
    • Wildcard Routes
    • Route Parameters
    • Query Parameters
  • Testing and Deploying to Production
    • Jasmine testing (Unit Testing)
    • Testing with dependencies
    • Testing templates
    • Testing routed components
    • E2E Testing
    • Mocking HTTPResponses
  • Deploying to Production
    • Using the CLI
“I appreciated the instructor's technique of writing live code examples rather than using fixed slide decks to present the material.”

VMware

Dive in and learn more

When transforming your workforce, it's important to have expert advice and tailored solutions. We can help. Tell us your unique needs and we'll explore ways to address them.

Let's chat

By filling out this form and clicking submit, you acknowledge our privacy policy.