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.
Audience Profile
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.
At Course Completion
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
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
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)
Venue: LIVE Online
Address:
Description:
Live Online Training
Get the same training you expect in the classroom without leaving your office or home. These are NOT recorded classes. They are LIVE sessions with an expert instructor. We use the latest in video conferencing technologies and audio so you can confidently participate in any class just like being right there in person. We guarantee the effectiveness of our online training delivery approach that we will give you your money back if you are not totally satisfied. Ask us for a demo.
Online class requirements:
- Moderate to fast Internet
- A phone or computer headset is required in order to hear the instructor/moderator). You can use Computer Audio (VoIP) or you can dial in from a regular phone. For convenience, we recommend a hands-free headset or phone.
- Training software must be installed on your computer (trial versions are acceptable)
- RECOMMENDED: Dual Monitors or computers. For optimal online learning experience, we recommend participants have dual monitors or two computers. Your online classroom credentials allow you to join multiple times from multiple computers. Participants should use one monitor or computer to view the instructor’s shared screen and another monitor or computer to work with the software.
What happens when you enroll in an online class
When you register for an online class, you will receive a welcome email followed by login access to the Citrix GoToTraining virtual classroom. A workbook (printed copy or eBook) will be sent to you prior to the start of class.
Online Training Advantages
Convenience: You don’t have to travel and can attend from your home, office or anywhere with an internet connection. Our online classes are conducted using GoToTraining, a more robust version of the popular GoToMeeting screen sharing and conferencing platform. To accommodate multiple time zones, courses are typically scheduled from 10am – 5pm Eastern with a one-hour lunch break at 12:30 – 1:30 pm Eastern and a 10-minute break in the morning and afternoon. When conducting custom online course for your group, class times can be modified to accommodate your timezone.
Interactive Learning: Our online training is fully interactive. You can speak and chat with the instructor and classmates at any time. Various interactive techniques are used in every class. Our small class sizes (typically 4 – 8 students), allow our instructors to focus on individual performance and issues and to work closely with you to meet your unique needs. Classes are designed to be a hands-on learning experience, providing opportunities for you to try your new skills while the instructor is available for review, questions, and feedback. You have the option to give the instructor permission to view your computer to provide one-on-one assistance when needed.
