Application Development & Programming Training Icon

Modern Web Development | Mastering Angular 6


5 Days Classroom Session   |  
5 Days Live Online
Classroom Registration
Individual:
$2595.00
Live Online Registration
Live Online:
$2595.00
Private Onsite Package

This course can be tailored to your needs for private, onsite delivery at your location.

Request a Private Onsite Price Quote

Professional Credits

IIBA (CDU)

ASPE is an IIBA Endorsed Education Provider of business analysis training. Select Project Delivery courses offer IIBA continuing development units (CDU) in accordance with IIBA standards.

PMI (PDU)

Select courses offer Leadership (PDU-L), Strategic (PDU-S) and Technical PMI professional development units that vary according to certification. Technical PDUs are available in the following types: ACP, PBA, PfMP, PMP/PgMP, RMP, and SP.

Certification
Overview

This course provides indoctrination in the practical use of the umbrella of technologies that are on the leading edge of modern web development.

In this training course, learn how to:

 

What Angular is and why should you use it
How Angular reduces the amount of code that you must write to add rich functionality to both existing and new web pages
What TypeScript is, why it is useful, and how to use it with Angular
How to facilitate development and deployment using Angular CLI
How to work with the various aspects of the Angular architecture to implement clean, responsive web interfaces
How Routers can support navigation within a Single Page Application
What the best practices are for using Angular so that it works unobtrusively and performs well
Working with the Ahead of Time compiler including its impact of developers and the development process
How to facilitate testing and running Angular applications using various tools and techniques
How to use Angular with HTTP to support JSON, REST, and other services
Upcoming Dates and Locations
All Live Online times are listed in Eastern Time Guaranteed To Run

There aren’t any public sessions currently scheduled for this course, but if you fill out the form below, we can tell you about how we can bring this course to you!

Course Outline

Session: Angular Overview

 

Lesson: HTML5, CSS3, RWD, and jQuery

·         Leading to Angular

·         Evolution of HTML and CSS

·         Responsive Web Design

·         jQuery Under the Covers

·         Bootstrapping to Browsers

 

Lesson: Angular Framework

·         Frameworks vs Libraries

·         AngularJS to Angular2

·         Angular Release Schedules

·         Angular 4/5/6

·         Ahead of Time (AOT) Compilation

 

Lesson: Overview of Angular Architecture

·         TypeScript

·         Model-View-*

·         Data Binding

·         Components and Events

·         Dependency Injection and Services

·         Component Lifecycle

Exercise: Hello Angular

 

Session: Getting Started with Angular  

 

Lesson: Getting Started with TypeScript

·         Angular, ES6, and TypeScript

·         ES6 Fundamentals

·         Typescript Fundamentals

·         TypeScript Types and Interfaces

Exercise: Hello TypeScript

·        

 

Lesson: Bootstrapping with Angular CLI

·         Challenges in Setting up Projects

·         Angular CLI Overview

·         New Projects with CLI

·         Testing and Generating with CLI

 

Lesson: Angular Project Structure

·         Top-Level Files and Directories

·         Folders: src and src/app

Exercise: Creating Projects with Angular CLI

 

Lesson: Components and Events

·         Data Binding in Components

·         Events and Parent/Child Events

·         Emitters

·         Custom Events

Exercise: Building Components

 

Lesson: Third Party Libraries

·         Angular and the Need for Libraries

·         Options for adding Libraries

·         Working with npm install

·         Working with angular-cli.json

·         ng2 Wrappers

Exercise: Using Libraries

 

Session: Views

 

Lesson: Dynamic Views

·         View Encapsulation

·         Templates and Content

·         Overview of Directives

·         Custom Attribute Directives

·         Binding to Host Events

Exercise: Working with Directives

 

Lesson: Pipes

·         Overview of Pipes

·         Built-in Pipes

·         Parameterizing Pipes

·         Pure vs Impure Pipes

·         Custom Pipes

Exercise: Working with Pipes

 

Session: Angular Forms

 

Lesson: Forms and the Forms API

·         Forms and NgModel

·         NG Form Groups

·         Model-Driven Reactive Forms

·         Validation and Validators

·         Custom Validators

Exercise: Basic Forms with Angular

Exercise: Powerful Forms with Angular

 

 

Session: Single Page Applications and Routes

 

Lesson: Single Page Applications

·         Overview of SPA Concept

·         Routing in SPAs

·         Nested Routes

·         Route Guards

·         Lazy-Loading Angular Modules

Exercise: Routing in a Single Page Application

 

Lesson: Services and Dependency Injection (DI)

·         Components and Injectables

·         Services and DI

·         DI Framework and Injector Mechanics

·         Tree-Shakeable Providers

·         Local Storage

Exercise: Local Storage Service

 

Lesson: Modules

·         Module Overview

·         Feature and Shared Modules

·         Feature Module Routing

 

Session: Using RESTful Services

 

Lesson: Overview of REST

·         REpresentational State Transfer

·         REST and HTTP

·         REST/HTTP: Representation-Oriented

·         REST Design Principles

 

Lesson: Angular and REST

·         REST in Angular

·         Promises

·         Observables

·         Emitters vs Observables

·         HttpClient and Observables

·         Async Pipes and Observables

·         RxJS Operators and Usage

Exercise: Using RESTful Services in Angular

 

Session: Unit Testing with Angular

 

Lesson: TDD, BDD, and ADD

·         Test-Driven Development

·         Testing Types

·         Behavior-Driven Development

·         Acceptance-Driven Development

 

Lesson: Testing and Angular

·         Testing dependencies

·         Options for Testing in Angular

·         Components and Injectables

·         Services

·         LocalStorage

Exercise: Unit Tests with Angular, Karma, and Jasmine

 

Session: Angular Best Practices

 

Lesson: Upgrading from AngularJS

·         Upgrading from Angular 1.x

·         ngForward Walkthrough

·         ngUpgrade Walkthrough

 

Lesson: Angular Best Practices and Style Guide

·         Single Responsibility Principle

·         Naming Conventions

·         Coding Conventions

·         Application Structure

·         Components, Directives, Services

·         Lifecycle Hooks

·         Routing

 

Session: Working with Applications

 

Lesson: The MEAN Stack

·         MEAN Components and Overview

·         Working with MongoDB

·         Working with Node.js

·         Working with Express

·         Creating a Node.js Web Server

Exercise: Implementing a MEAN Application

Exercise: Working with the Database

 

Lesson: Module and Dependency Management

·         Node.js Projects and Modules

·         Making a Module Executable

·         Core Modules

·         Dependency Management Using NPM

·         Setting Up Dependencies

·         Installing, Updating, and Uninstalling Packages

Exercise: NPM Cache Clean

Exercise: NPM Init

Exercise: Package.json

 

 

Who should attend

This is an introductory level Angular development course, designed for experienced web developers that need to further extend their skills in web development. In order to be successful in this class, incoming attendees are required to have current, hands-on experience in developing basic web applications, and be versed in HTML5, CSS3 and JavaScript. 

 

Pre-Requisites

In order to be successful in this class, incoming attendees are required to have current, hands-on experience in developing basic web applications, and be versed in HTML5, CSS3 and JavaScript. 

0
1