TYPE315 and ANGL315 5-day Bundle

This Angular Development course combines our TypeScript 1-Day course with our Angular SPA 4-Day course. The course begins with an introduction to key language features found in ES2015 and TypeScript and learn what both languages have to offer. Learn how to convert ES2015 and TypeScript to ES5 so that it can run in any browser, classes, maps/sets, destructuring, types, interfaces, generics, modules, debugging techniques, as well as many more language features. Day two of the class begins with our Angular Single Page Application (SPA) Development training course.

Retail Price: $3,195.00

Next Date: Request Date

Course Days: 5


Request a Date

Request Custom Course


About this Course

This Angular Development course combines our TypeScript 1-Day course with our Angular SPA 4-Day course.

The course begins with an introduction to key language features found in ES2015 and TypeScript and learn what both languages have to offer.  Learn how to convert ES2015 and TypeScript to ES5 so that it can run in any browser, classes, maps/sets, destructuring, types, interfaces, generics, modules, debugging techniques, as well as many more language features.

Day two of the class begins with our Angular Single Page Application (SPA) Development training course.

This 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  features and ES2015/TypeScript. Students will learn what benefits ES2015 and TypeScript offer and get hands-on experience using them throughout the class. From there students learn about different aspects of the Angular framework such as components, modules, templates, data binding syntax, directives, data services, calling RESTful services, observables, decorators, routing 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.

Note: This course is always updated to the latest version of Angular, and covers Angular 2 and higher. It does not cover the AngularJS 1.x version of the framework.

At Course Completion

Upon course completion, students will be able to:

  • TypeScript Overview
  • Debugging TypeScript
  • Getting Started with TypeScript
  • Getting Started with ES2015
  • Single Page Application Features
  • TypeScript Fundamentals
  • Working with ES2015 modules (import/export)
  • Key features of Angular
  • Using NgModule to organize applications
  • Data binding syntax
  • The Role of components
  • Input and Output properties
  • Understand the component life-cycle
  • Using directives in templates
  • Creating injectable services
  • Understand the difference between Observables and Promises
  • Using Http and Observables to interact with RESTful services
  • Working with pipes
  • Build and use custom pipes
  • Understand how routing works and how to use child routes
  • Build and use custom directives
  • Working with template-Driven and reactive forms

Audience Profile

 

Prequisites


Course Outline

 

TypeScript Day 1

 

TypeScript Overview
Debugging TypeScript
Getting Started with TypeScript
Getting Started with ES2015
Basic Types
Functions
Optional, Rest, and Default Parameters
Classes
Interfaces
Generics
Namespaces and Modules
Angular Single Page Application (SPA) Development Days 2-5

 

Introduction to Angular

 

The Big Picture
Key Framework Features
Framework Architecture
Angular Hello World
Angular CLI
TypeScript JumpStart

 

Introduction to TypeScript
Types, Keywords and Hierarchy
Classes, Properties and Functions
Interface Constraints
Namespaces and Modules
Compiling TypeScript
The Angular JumpStart Application

 

Application Overview
Application 2 JumpStart in Action
Application Structure
Components and Modules

 

Components Overview
Component Lifecycle
ES2016 Modules
Exploring systemjs.config.js
Angular Modules
Template Expressions and Pipes

 

Templates Syntax Overview
Interpolation and Expressions
Working with Pipes
Component Properties and Data Binding

 

Property and Event Binding
Input and Output Properties
Angular Directives
Two-way Binding
Change Detection
Services, Providers and Http

 

Services Overview
Injectors and Providers
@Injectable Decorator
Promises and Observables
Calling RESTful Services with Http
Routing

 

Routing Overview
Routing Steps
The Router Service
Route Parameters
Creating Child Routes
Route Guards and Lazy Loading

 

Introduction to Route Guards
Creating and Using Route Guards
Lazy Loading
Forms

 

Forms Overview
Template-Driven Forms
Reactive Forms
Managing Form Control Styles
Custom Directives and Components (Bonus)

 

Directives Overview (Attribute vs. Structural)
Building a Custom Sorting Directive
Building a Custom FilterTextbox Component
Building a Custom Mapping Component
webpack Fundamentals (Bonus)

 

webpack Overview
webpack Building Blocks
Ahead of Time Compilation in Angular

 



Sorry! It looks like we haven’t updated our dates for the class you selected yet. There’s a quick way to find out. Contact us at 502.265.3057 or email info@training4it.com


Request a Date