Web Development // // ANGBNDL

ANGBNDL: TYPE315 and ANG315 Course Bundle (5-Days)

home > training > ANGBNDL: TYPE315 and ANG315 Course Bundle (5-Days)

ANGBNDL: TYPE315 and ANG315 Course Bundle (5-Days)

$3,195.00

65 Student Comments

  • 5 Days
  • Combo Class TYPE315 and ANG315
  • Always updated to the latest version of Angular
  • Best practices for structuring code
  • Guidance using troubleshooting resources
  • Taught by expert Dan Wahlin - learn by doing
Live
Online
Live In
Classroom
 
GOLDThis live class is delivered by Interface at our Phoenix location. Online attendees will have access to our RemoteLive™ platform. Replay™ class recordings are included.
Dec 17 - Dec 21
8AM - 4PM (PHX)
GTRThis class date is Guaranteed to Run and will not change.
REPLAYThis class date includes Interface Replay™ class recordings, available for online viewing 1 hour after each class day ends.
Live Online
Live In Classroom
GOLDThis live class is delivered by Interface at our Phoenix location. Online attendees will have access to our RemoteLive™ platform. Replay™ class recordings are included.
Mar 4 - Mar 8
8AM - 4PM (PHX)
REPLAYThis class date includes Interface Replay™ class recordings, available for online viewing 1 hour after each class day ends.
Live Online
Live In Classroom
GOLDThis live class is delivered by Interface at our Phoenix location. Online attendees will have access to our RemoteLive™ platform. Replay™ class recordings are included.
Jun 17 - Jun 21
8AM - 4PM (PHX)
REPLAYThis class date includes Interface Replay™ class recordings, available for online viewing 1 hour after each class day ends.
Live Online
Live In Classroom
x
Course:

Course Description

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.

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

 

Audience

This course is designed for JavaScript developers looking to build Single Page Applications using the latest version of the Angular framework and the TypeScript language.

Prerequisites

Attendees must have prior experience working with JavaScript, HTML and CSS to take this class. A minimum of 6-months of hands-on JavaScript experience is recommended to get the most out of the course. TypeScript experience is recommended but not required since an introductory chapter is provided in the course.

20480: Programming in HTML5 and JavaScript and CSS3

JS300: Mastering JavaScript (with ECMAScript2 and TypeScript)

What You Will Learn

  • 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

Student Comments (65)

December 7, 2017 | Student
Comments about the Courseware
"I am a database developer so I will not use this knowledge directly but it it will help me communicate better with the front end developers."
December 7, 2017 | Student
Comments about the Instructor
"Dan did an outstanding job of teaching the material in a fun and engaging manner."
December 7, 2017 | Student
Comments about the Instructor
"I have attended training by Dan before and he always does a great job."
December 7, 2017 | Student
Comments about the Instructor
"Instructor did a great job of providing real world examples and answering all questions the audience had. I personally liked going through the labs together with the instructor and the summarizing of the important concepts on each topic after the topic was done before we moved to the next one."
December 7, 2017 | Student
Comments about the Courseware
"Instructor presentation was excellent and didn't just read off slides."
SHOW MORE COMMENTS