home > training > ANG315: Angular and TypeScript Single Page Application (SPA) Development

ANG315: Angular and TypeScript Single Page Application (SPA) Development

$2,995

103 Student Comments

  • 4 Days
  • 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
Interested in scheduling a date for this course?
Request A Date
Register today - no risk!  No cancellation fees.  Full money back guarantee!
x
Course:
  • This field is for validation purposes and should be left unchanged.

Course Description

“Learn by doing!” – that’s the goal of the Angular Application Development 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

1. Introduction to Angular

  • The Big Picture
  • Key Framework Features
  • Framework Architecture
  • Angular Hello World
  • Angular CLI

2. TypeScript JumpStart

  • Introduction to TypeScript
  • Types, Keywords and Hierarchy
  • Classes, Properties and Functions
  • Interface Constraints
  • Namespaces and Modules
  • Compiling TypeScript

3. The Angular JumpStart Application

  • Application Overview
  • Application 2 JumpStart in Action
  • Application Structure

4. Components and Modules

  • Components Overview
  • Component Lifecycle
  • ES2016 Modules
  • Exploring systemjs.config.js
  • Angular Modules

5. Template Expressions and Pipes

  • Templates Syntax Overview
  • Interpolation and Expressions
  • Working with Pipes

6. Component Properties and Data Binding

  • Property and Event Binding
  • Input and Output Properties
  • Angular Directives
  • Two-way Binding
  • Change Detection

7. Services, Providers and Http

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

8. Routing

  • Routing Overview
  • Routing Steps
  • The Router Service
  • Route Parameters
  • Creating Child Routes

9. Route Guards and Lazy Loading

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

10. Forms

  • Forms Overview
  • Template-Driven Forms
  • Reactive Forms
  • Managing Form Control Styles

11. 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

12. 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 required for this course. Please see the following courses to gain TypeScript experience:

20480: Programming in HTML5 and JavaScript and CSS3

TYPE315: TypeScript Development Workshop

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

 

What You Will Learn

  • 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 (103)

September 27, 2019 | Student
Comments about the Instructor
"Dan was an excellent instructor and made the experience enjoyable."
September 27, 2019 | Student
Comments about the Instructor
"Dan was very knowledgeable and super helpful with every question."
June 21, 2019 | Student
Comments about the Instructor
"This is my 3rd course with Dan and it's always a blessing to have him as the instructor."
June 21, 2019 | Student
Comments about the Instructor
"Dan is fantastic one of the best training course I have ever taken."
June 21, 2019 | Student
Comments about the Courseware
"Dan added a lot of extra tips on how to use Angular, which I feel will come extremely handy in the future."
SHOW MORE COMMENTS