Best way to contact me *

    About this Course

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

    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

    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


    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


    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)


    Online Event


    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.

    GSA Schedule: 47QTCA19D008F