Back to catalogue

Angular - Fundamentals

Get started with Google's Angular Framework with this training. Develop the knowledge required to use this tool in application development.
Private session

This training is available in a private or personalized format. It can be provided in one of our training centres or at your offices. Call one of our consultants of submit a request online.

Call now at 1 877 624.2344

  • Duration: 2 days
  • Regular price: On request

Course outline

Duration : 2 days

This immersive instructor-led workshop covers all the core concepts and guides you to build a full Angular data-centric business application, including the role of TypeScript, project setup, code structure, style guide, using the Angular CLI, data binding, async requests to a REST API through services, observables, and routing. It is the ideal starting point to understand and use Angular 11 effectively now. You'll experience several demos and "code along" activities and be provided with the code throughout the workshop, as you learn how to build apps using Angular 11, with plenty of interactivity with the instructor.
PrerequisitesStudents should have significant experience in building websites or web applications with HTML5 and JavaScript. No previous experience with Angular is needed.
Teaching methodThis is a technical course which offers a continuous mix of theory (powerpoint) and labs (work on computer/laptop). Each section has slides, demos and exercises (see the course outline below). We are strong proponents of learning by doing, so every participant should have a computer/laptop.

Contents

TypeScript fundamentals

  • The TypeScript compiler
  • Type safety with type annotation
  • Classes and Interfaces
  • Generics

Setup and Tooling

Getting started with the Angular CLI

  • Popular commands and schematics

Introduction to Angular

Structure of an app

Components Model

  • Decorators, Templating Syntax, Data Binding, Directives, Input/Output, Events, Pipes, Encapsulation

Services and Dependency Injection

Reactive Programming with RxJS (Observables)

  • Understanding RxJS and its use with Angular
  • Subscribe() function
  • The async pipe
  • Pipe() function
  • Using popular RxJS operators
  • RxJS best practices
  • Handling errors in RxJS code

Async Requests to a REST API (HTTP)

  • The HttpClient service
  • A first async GET request
  • Consume an Observable response

Implementing a local cache with ShareReplay()

Debugging an application

Implementing pagination, sorting and filtering on a list

Modules

  • Organizing a modular app
  • Modules imports/exports

Deployment

  • Optimizations for production
  • ng build and ng deploy commands

Migrating a project to a new version of Angular

Navigation and Routing

  • Using the Angular Router
  • routerLink directive
  • The router-outlet placeholder
  • Router service
  • Nested routes
  • Route parameters
  • Handling routing errors

Lazy-loading

Forms and Validation

  • Reactive Forms
  • Validation API
  • POST request

Using HttpClient to Update or Delete data on the server

  • PUT and DELETE requests

Authentication

  • Login component
  • Authentication Service
  • Security with JSON Web Tokens (JWT)
  • Http Interceptors
  • Protecting access to components with Route Guards

Best Practices (Linting, Style Guide, …)

Final QnA

Surround yourself with the best

Frédéric Paradis
Frédéric Paradis
Certified Trainer and Cloud Architect
As a certified Microsoft trainer, Frédéric describes himself as a Cloud magician who easily navigates the mythical space between technology and reality.
Marc Maisonneuve
Marc Maisonneuve
Training program director
Marc Maisonneuve has acted as a Training Program Director, professional effectiveness trainer and user tools practice leader at AFI for several years. Mr. Maisonneuve is known for his analytical skills, his legendary calm and his undeniable desire to encourage people to develop their skills. He has the ability to present technological solutions in a natural way and to adapt them to the concrete needs of the workplace.
Vicky Moreau
Vicky Moreau
Trainer
Vicky Moreau is a passionate freelancer and professional in the area of office automation. She holds a college diploma in office automation, most of her solid experience with the Office Suite was acquired while being an autodidact. In fact, she has successfully completed an MOS (Microsoft Office Specialist) Excel certification.
Francis Ferland-Stevenson
Francis Ferland-Stevenson
Trainer
Francis began as a trainer more than 5 years ago by testing office automation tools designed specifically to met the needs of his colleagues. His calm and his empathy makes him able to adapt his language according to the level of experience of the group. This makes his learnings clear and accessible to anyone. As a trainer, he is therefore attentive to the needs of his students to make sure they meet their objectives and face the challenges.