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

★★★★★

What did you like the most about the training?: enthusiasm.

Romain Boulben - SOCIETE GENERALE

Course:AngularJS Basics

I liked trainer knowledge, convenient setup (virtual machines), trainer adaptability. Good Training.

Kevin Eeckman - SOCIETE GENERALE

Course:AngularJS Basics

It is good to have hands-on exercises after lectures.

bonnie lee

Course:AngularJS Good Practices

I liked the code examples and the elaboration.

Antony Ho

Course:AngularJS Good Practices

I genuinely liked the subject.

Eduardo Hernández

Course:AngularJS Basics

The trainer was very knowledgeable and was great answering questions :).

Gareth Jenkins

Course:AngularJS Basics

I was benefit from the interactivity and free style questions where we can explore any subject.

Mehdi Ahmed

Course:AngularJS Advanced

The labs were interesting and probably the most useful learning tool to me. Anything I missed or forgot about was relearned or reinforced in the labs.

Joseph Fuerst

Course:Building Web Apps using the MEAN stack

I was benefit from the step by step and in detail guidance of the trainer.

Tam Jia Jun

Course:Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript

I really was benefit from the knowledge on angular 4.

Evon Ho

Course:Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript

I generally liked that our trainer knew the subject perfectly.

WIPO

Course:Angular 2 Fundamentals

Very hands-on which was good.

John Trembath

Course:Angular 4: Building Web Apps Using the MEAN Stack

Very good trainer and training. Took the time to make sure everyone was caught up before moving on, so that no one was left behind.

Rob Dean

Course:Angular 4: Building Web Apps Using the MEAN Stack

Learning about the full stack. I had very little knowledge about any of it and feel confident enough after the course to help support development and use the software for myself when I have the time.

Jeff Pattison

Course:Angular 4: Building Web Apps Using the MEAN Stack

Seeing problems/issues quickly resolved during the session. Broad concepts covered.

Jonathan Driver - Datacom

Course:Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript

The code examples were interesting and showed the capabilities of Angular quite well without being overly complex. The trainer covered a lot of content over the three days and explained things very well.

Orla Fallon - Revenue

Course:Angular 2 Fundamentals

The core functionality of angular was explained very well. With iterative approach to example.

LUXOFT POLAND SP z. o. o.

Course:Angular 5

Materials provided by the trainer are very comprehensive.

LUXOFT POLAND SP z. o. o.

Course:Angular 5

none

National University of Singapore

Course:Angular 5

Flexibility of the trainer's content and that he could cater to all of our queries.

Bendexter Lim - DBS

Course:Angular 4: Building Web Apps Using the MEAN Stack

The course got the to the point.

SAA Consultants LTD

Course:Angular 6

I felt it was a good environment to have someone there to ask who is more knowledgeable about the area. The lectures were very informative and and there was slight "tangents" but they provided nice history behind the direction that angular took to where it was today.

SAA Consultants LTD

Course:Angular 6

I liked that Richard was always trying to gauge how we were doing. I liked the approach that you learn the most from actually coding examples yourself and working out errors on your own. I just felt with some simpler examples we could have learnt faster.

SAA Consultants LTD

Course:Angular 6

The tutorials, they allowed us to take the knowledge that we had learnt from the lecture and implement it into a real example. It also gave us an opportunity to ask questions if we were unsure on how something works.

Chris Gilchrist - SAA Consultants LTD

Course:Angular 6

I liked the communication and way of passing knowledge.

Marcin Wojdowski - PSI Polska Sp. z o.o.

Course:Angular 5

Trainer was very open for questions and helpful.

PSI Polska Sp. z o.o.

Course:Angular 5

The style of teaching and the attitude of the trainer - he was calm and patient, but also very well prepared.

PSI Polska Sp. z o.o.

Course:Angular 5

Fulvio was a good presenter. We sticked to the plan, we had some time for our questions and cases.

PSI Polska Sp. z o.o.

Course:Angular 5

I mostly enjoyed the hands-on training code.

Tomislav Brajkovic - HSE - Healthlink

Course:Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript

Learned everything I needed to get a firm grounding in Angular 6.

HSE - Healthlink

Course:Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript

I genuinely liked the firebase.

Agilent Technologies, Inc.

Course:Angular 6

I genuinely enjoyed the trainer is a great specialist.

Łukasz Cysewski - PSI Polska

Course:Angular 6

Pretty much perfect pacing. It was fast enough to force you to stay engaged while not being so fast that you would miss something. Great rapport with the audience.

PSI Polska

Course:Angular 6

I enjoyed the good preparation of material, everything on samples and in documentation.

PSI Polska

Course:Angular 6

Practising with actually doing it myself.

Christiaan Sloof - Leaseweb

Course:Angular 6

Learning the whole ecosystem of angular, typescript, ad especially routing

Ryan Delport - Leaseweb

Course:Angular 6

Virtual machines ensure that everyone works in the same environment