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

Pierre-Edouard Brondel
Pierre-Edouard Brondel
Trainer and Desktop Application Consultant
Renowned as an educational expert in the IT and office technology field who has accumulated more than 25 years of experience, Pierre-Édouard is first and foremost passionate about human capital.
Marc Maisonneuve
Marc Maisonneuve
Trainer and Professional Efficiency Consultant
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.
Claude Marson
Claude Marson
Formateur et consultant TI
Be aware of trends, innovations and best practices, every month.
Confidentiality
Training center accredited by Emploi-Québec, Accreditation : 0051460
GST : 141582528 – QST : 1019557738
© 2021 AFI
AFI Expertise

The AFI experience brought to you by Edgenda

At AFI, our focus is to offer you relevant training and impactful learning experiences in line with your transformation approach. Do you need support for your approach? Check out Edgenda’s services: Edgenda.com