Angular Application Development

Master Angular application development to efficiently create dynamic Single Page Applications using the latest Angular framework and TypeScript, tailored for JavaScript developers seeking cutting-edge skills.

Course Thumbnail

Essential Skills Gained

Checkmark

Design robust Single Page Applications leveraging Angular features.

Checkmark

Implement advanced TypeScript techniques for optimized coding.

Checkmark

Understand and utilize Angular components and data binding.

Checkmark

Develop efficiency in accessing RESTful services using Observables.

Format

  • Instructor-led
  • 4 days with lectures and hands-on labs.

Audience

  • JavaScript Developers
  • Front-end Developers
  • Web Application Engineers
  • Software Development Professionals

Description

What is Angular 2? “Learn by doing!” – that’s the goal of the Angular 2 Application Development course. The course starts with an introduction to Single Page Applications (SPA) and the benefits that SPAs can provide to both developers and end users. It then jumps into an overview of key Angular 2 features and TypeScript. Students will learn what benefits TypeScript offers and get hands-on experience using it throughout the class. From there students learn about different aspects of the Angular framework such as components, templates, data binding syntax, directives, data services, calling RESTful services, observables, decorators and more. Best practices and techniques for structuring code are discussed as well as techniques for using the documentation and Angular Github source code repository to find answers to questions.

Calendar icon

Upcoming Course Dates

No upcoming dates. Please check back later.

Course Outline

Download PDF

Introduction to Angular 2

  1. The Big Picture

  2. Key Framework Features

  3. Framework Architecture

  4. Angular 2 Hello World

  5. Angular CLI

TypeScript JumpStart

  1. Introduction to TypeScript

  2. Types, Keywords and Hierarchy

  3. Classes, Properties and Functions

  4. Interface Constraints

  5. Namespaces and Modules

  6. Compiling TypeScript

The Angular JumpStart Application

  1. Application Overview

  2. Application Technologies

  3. Application Structure

Modules and Components

  1. What’s a Module?

  2. Component Parts

  3. Input and Output Properties

  4. Component Lifecycle

  5. Bootstrapping Components

Template Expressions and Pipes

  1. Templates Syntax Overview

  2. Interpolation and Expressions

  3. Working with Pipes

Component Properties and Data Binding

  1. Property and Event Binding

  2. Angular Directives

  3. Two-way Binding

  4. Change Detection

Services, Providers and Http

  1. Services Overview

  2. Injectors and Providers

  3. @Injectable Decorator

  4. Promises and Observables

  5. Calling RESTful Services with Http

Routing

  1. Routing Overview

  2. Routing Steps

  3. The Router Service

  4. Route Parameters

  5. Creating Child Routes

Forms

  1. Forms Overview

  2. Template-Driven Forms

  3. Model-Driven Forms

  4. Managing Form Control Styles

Custom Directives and Components

  1. Directives Overview (Attribute vs. Structural)

  2. Building a Custom Sorting Directive

  3. Building a Custom FilterTextbox Component

Your Team has Unique Training Needs.

Your team deserves training as unique as they are.

Let us tailor the course to your needs at no extra cost.