Angular 5

• Familiarity with basic HTML, CSS, and JavaScript

Audience

• Beginners in web development
• Experienced frontend developers
• Anyone interested in learning how to develop apps using Angular

Angular 5 is a modern JavaScript MVW (Model-View-Whatever) framework for building mobile, desktop and web applications. Angular was created by Google and is used in Google Adwords, Google Fiber, Adsense and other services.

In this instructor-led, live training, participants will learn the fundamentals of Angular 5 as they step through the creation and deployment of a sample Angular application.

Format of the course

• Part lecture, part discussion, exercises and heavy hands-on practice

Introduction

• What's new in Angular 5?

Overview of Typescript and ES6 JavaScript

• TypeScript Syntax
• Using the TypeScript transpiler
• Setting up Angular 5 and Typescript

Creating Your First Angular Application

• Planning the Application
• Setting Up an Angular Project and App Using the CLI
• Creating a Basic Project Setup Using Bootstrap 4 and Sass

Working with Angular 5's Parts

• Creating Components
• Databinding and String Interpolation
• Property Binding
• Event Binding
• Two-Way-Databinding
• Data Modelling
• Directives
• Bootstrapping
• Inputs & Outputs

Using Angular 5 Components

• Data Flow
• Working with AppModule
• Working with Custom Components
• Using Templates and Styles
• Using View Encapsulation
• Projecting Content
• Understanding Component Lifecycle and Lifecycle Hooks
• Using ViewChildren and ContentChildren

Databinding in Angular 5

• Overview of Property & Event Binding
• Binding and Assigning Aliases to Custom Properties
• Binding and Assigning Aliases to Custom Events

Working with Directives

• Built-in Directives
• Custom Directives

Debugging the Application

• Understanding Error Messages in Angular
• Using Sourcemaps to Debug Code in the Browser
• Using Augury

Angular 5 Services

• Learning the Importance of Services
• Creating a Logging Service
• Creating a Data Service

Using Dependency Injection and Providers

• Injectors, Provider, and Tokens
• Configuring Dependency Injection
• Configuring Your Provider
• Injecting Services into Components, Directives, and Services

Switching Pages with Routing

• Setting Up Routes
• Configuring and Loading Routes
• Understanding the Different Navigation Methods
• Using Parameters in Routes
• Creating Nested Routes
• Using Redirect and Wildcard Routes
• Understanding Route Guards
• Understanding Routing Strategies

Using RxJS to Create and Work with Observables in Angular

• Overview of Observables
• Overview of RxJS
• Building & Using Observables in Angular

Handling Forms

• Using the Template Driven Forms
• Using the Reactive Forms

Using Pipes

• Built-in Pipes
• Async Pipe
• Custom Pipes

Making Calls to External HTTP APIs

Using Angular Modules

Optimizing the Angular 5 Application

Testing the Angular 5 Application

• Using Jasmine for unit testing

Angular 5 Security

• Authentication
• What should and shouldn't be written in Angular

Deploying an Angular 5 Application to Production

• Deploying to IIS, Apache, Nginx, etc.

Troubleshooting

Closing Remarks