Course Code

angular7

Duration

28 hours (usually 4 days including breaks)

Requirements

Familiarity with basic HTML, CSS, and JavaScript

Audience

Developers

Overview

Angular is a JavaScript framework for building web applications. Angular 7 is the latest version in the Angular 2 series (Angular 2 being a complete rewrite of the original AngularJS, or Angular 1). Angular 7 is a major release spanning the entire platform and has many new features and optimizations, including CLI updates and better performance.

In this instructor-led, live training (onsite or remote), participants will learn how to create, test and deploy an Angular application using the latest features in Angular 7.

By the end of this training, participants will be able to:

Develop Angular 7 applications using Angular CLI.
Create web components that can be used in any HTML page.
Consume REST web services and WebSocket data from within an Angular 7 application.
Implement animations using Angular 7's latest animation features.
Test, debug and deploy an Angular 7 application.
Organize Angular 7 projects using best practices.

Format of the Course

Interactive lecture and discussion
Lots of exercises and practice
Hands-on implementation in a live-lab environment

Course Customization Options

To request a customized training for this course, please contact us to arrange.
To learn more about Angular, please visit: https://angular.io/

Course Outline

Introduction

What's new in Angular 7?

Overview of Typescript and ES6 JavaScript

TypeScript Syntax
Using the TypeScript transpiler
Setting up Angular 7 and Typescript

Overview of Angular 7's Parts

Angular CLI
Components
Directives
Inputs and Outputs
Data Binding and Interpolation
Event Binding
Data Modelling
Bootstrapping

Creating Your First Angular Application

Planning the Application
Setting Up an Angular Project
Using Bootstrap 4 and Sass

Creating a Component

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

Data Binding in Angular 7

Understanding Property and Event Binding
Binding and Assigning Aliases to Custom Properties
Binding and Assigning Aliases to Custom Events

Working with Directives

Built-in Directives
Custom Directives

Angular 7 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

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

Using RxJS to Create and Work with Observables in Angular

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

Generating Forms for User Input

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

Testing the Angular 7 Application

Using Jasmine for unit testing

Debugging the Application

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

Optimizing the Angular 7 Application

Angular 7 Security

Authentication
What should and shouldn't be written in Angular

Deploying an Angular 7 Application to Production

Deploying to IIS, Apache, Nginx, etc.

Troubleshooting

Closing Remarks

Testimonials

★★★★★

Angular

Carlo Pacis - World Intellectual Property Organization (WIPO)

Exrcises

World Intellectual Property Organization (WIPO)

Trainer very available Good exercises to learn.

World Intellectual Property Organization (WIPO)

Exercise Team spirit Working with colleagues

World Intellectual Property Organization (WIPO)

Trainer was happy to answer questions

World Intellectual Property Organization (WIPO)

Able to learning of the new technology and the materials after the training

David Wang - World Intellectual Property Organization (WIPO)

Attention to details

Gabriel Rata - TECHNOLOGY REPLY SRL

Explanations

Daniel Oana - TECHNOLOGY REPLY SRL

The explanations for every feature and why/when we should use it.

Viorica Postolachi - TECHNOLOGY REPLY SRL

The trainer attitude.

TECHNOLOGY REPLY SRL

I liked the most the fact that every subject had its exercises which made it easier to understand. The trainer had patience and a lot of knowledge about the subject and also he helped everyone who needed help.

Boca Eleonora Alexandra - TECHNOLOGY REPLY SRL

The flexibility of trainer.He always asked if the way is he teaching is good or should be changed.I think this is very good method of teaching for everyone(inclusive the teacher, who knows what to teach.I also liked the mix between theoretical & practical exercise.

Bogdan Anechitoaei - TECHNOLOGY REPLY SRL

Clear examples and willingness to explain in depth.

Iulkian Gafencu - TECHNOLOGY REPLY SRL

The training materials (mostly I like that I can access al the materials afterward for deep understanding), the humor and the way of sharing knowledge, unlike online tutorials that focus on "add that component, just put that button and ignore the typescript" and etc. he also showed as a little bit of what typescript is.

TECHNOLOGY REPLY SRL

Professional trainer, knowledgeable and willing to help on every step.

TECHNOLOGY REPLY SRL

It offered a pretty good starting point to understanding Angular

Technology Reply

The interaction and help with the exercises.

Technology Reply

it was ok

Technology Reply

Started from 0 and we had multiple ways to do a certain facility

Madalin Iordache - Technology Reply

Communication

Technology Reply

I liked that it was a hands-on experience, where we could do exercises and apply the concepts & knowledge that were presented. Also the fact that I was able to gather some insight into a modern framework like Angular (almost all UI frameworks were foreign to me before)

Laurentiu Rudeanu - Technology Reply

Hands on examples on many of the topics.

Technology Reply