Angular Academy
Angular Academy

The #1 Angular Training in Canada!

Learn Angular Now!

Angular Academy is the #1 hands-on instructor-led classroom training and certification in Canada (Montreal, Toronto, Vancouver, Ottawa, Calgary, ...)!


What's in it?

Learn the core concepts of coding a real business app with Angular and TypeScript from an industry expert in an immersive hands-on workshop.

Workshop

Bring your laptop! An important part of the training is dedicated to building apps together and testing things in real time (interactive learning class).

Canada

Canadian!

If you are in Canada we want to visit you. We are bringing the course to Montreal, Vancouver, Toronto, Ottawa, Calgary, Quebec, ...

Prerequisites

You should have significant experience in building web applications with HTML5 and JavaScript. No previous experience with AngularJS is required.

Courses outlines


For public classes we have 3 courses:

  • Angular Fundamentals
  • Advanced Angular
  • RxJS Workshop
We can also create custom courses:
We offer to tailor the content to fit your team's preferences and expectations at no fees.

2 days to begin with Angular


Angular Fundamentals WorkshopThis 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. Angular Academy is the ideal starting point to understand and use Angular 9 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 9, with plenty of interactivity with the instructor in the room.

Day 1

  • 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

Day 2

  • 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
Note: we can also work with you to tailor the content for corporate on-site training to fit your team's preferences and expectations. Optional topics could be: Bootstrap, Material Design, Firebase, Unit testing, Ionic, NgRx, Progressive Web App, Internationalization and localization, Angular Universal, SEO, ...

2 days to Master Angular


Advanced Angular WorkshopThis is an intensive instructor-led workshop that covers advanced topics dedicated to people who are already familiar with Angular and TypeScript! This workshop is very hands-on and you'll have the chance to work on an Angular data-centric business application with plenty of interactivity with the instructor in the room.

Day 1

  • Advanced Routing
    • Lazy Loading
    • Preloading Modules
    • Diagnostic with traces
    • Auxiliary routes
    • Routes Transitions
    • Protect routes access with Guards
    • Route Resolver
    • Set metadata for SEO
    • Router events
  • Complex Error Handling
    • Global Error Handler
    • Managing different types of errors: Code, Navigation, Http
    • Error Service, offline mode and log to server
    • Http Errors Interceptor with auto retry for failed requests
    • Notification Service: using an RxJS Subject to stream messages and display toast notifications
  • Optimizing performance
    • Exploring different techniques to improve your apps and make them run fast and smooth:
    • Bundling, Minification, dead code elimination, enableProdMode()
    • Performance for Data Binding with OnPush
    • Profiling runtime performance
    • Using bundle analyzer
    • Virtual Scrolling
    • Improve ngFor with trackBy
    • Caching with Service Worker
    • Progressive Web App (PWA)

Day 2

  • Advanced RxJS
    • RxJS and Reactive Programming
    • Data Composition with Observables
    • Most important RxJS operators
    • Using Subjects
    • Handling errors in RxJS code
    • Creating a custom operator
    • Best practices and Common pitfalls
  • Modern State Management with Redux and ngrx
    • Why Redux ?
    • Introduction to the ngrx platform
    • Setting up ngrx store
    • Stateful vs stateless components
    • Immutability and performance
    • Ngrx error handling
    • Managing the router state in the store
    • Async actions with ngrx effects
    • Removing boilerplate with ngrx entity
    • Live debugging and time travelling with ngrx DevTools
    • NgRx Data
  • Angular Universal
    • Improving performances and SEO
    • Server-Side Rendering
    • Static Site Generation
    • Overview of Scully (Jamstack)
  • Final QnA

1 short day to master RxJS


Angular RxJS Workshop"To Master Angular, you have to Master RxJS". But... RxJS comes with a steep learning curve, and we've seen so many teams struggling to use it properly within Angular. This live workshop gives you a very practical approach to finally understand reactive programming and empower you to use of RxJS and Observables in your Angular projects through lots of hands-on practice time. We'll show you how to implement Data Composition with Observables and having a full stream-based app!

Morning

  • RxJS and Reactive Programming
  • Data Composition with Observables
  • Exploring some RxJS operators and implementing them in a real world Angular business app
    • map
    • tap
    • filter
    • shareReplay
    • startWith
    • debounceTime
    • distinctUntilChanged
    • combineLatest
    • fromEvent
    • exhaustMap
    • ... and more!

Afternoon

  • Using RxJS Subjects
    • Subject
    • Behavior Subject
    • Replay Subject
    • Creating an Observable Data Service with RxJs Subjects
  • Handling errors in RxJS code
    • Using the catchError operator
    • Using a custom Pipe in components templates
    • Adding an HttpInterceptor for failed Http Requests
  • Creating a custom operator
  • Higher-order Mapping Operators comparison and best usage
  • Best practices
  • Common pitfalls
  • Final QnA

Register


We plan to visit every major Canadian city over the year, contact us if you want Angular Academy in your city soon!
We also offer virtual classes with a live instructor, that attendees can join remotely from anywhere!

Satisfaction score: 4.98/5

Based on 214 ratings from the last 6 months.

COVID-19 NOTE: We are now offering virtual classes.

Contact us on how to host a private virtual class for your enterprise.

Our prices are in Canadian dollars (CAD)

USA In the USA? You can attend our virtual classes and take advantage of the 30% exchange rate!

Courses and schedule
Angular Fundamentals 2 days 8:30am to 4:30pm
Advanced Angular 2 days 8:30am to 4:30pm
RxJS Workshop 1 day 9:30am to 3:30pm
Private Class at your location and your dates: Contact Us

Be notified of new courses and dates!


We will only contact you regarding our Angular Workshops!
You can easily unsubscribe at any time :-)

Virtual Class


Get in a virtual class with a live instructor, join remotely from anywhere!

Contact Us


Please contact us if you need more information.


Alumni


Be part of our next workshop and learn Angular in a fun and engaging way!

Read more!! Add your short comment!

Frequently Asked Questions (FAQ)


  • What is Angular Academy ?
  • Angular Academy offers a wide range of Angular related courses (TypeScript, RxJS, NgRx, Architecture, Unit Testing, Material Design, PWA, ...), in the form of intensive classroom training for professional web developers, available as public classes or as corporate on-site training. We also have a professional studio that allows us to host virtual classes with a live instructor, that attendees can join remotely from anywhere.
  • What is the price ?
  • Click on Register and follow the links to the workshops to check the price.
  • What is the currency ?
  • Our prices are in Canadian dollars (CAD).
  • How can I get a discount ?
  • Easy! Just follow us on Facebook, Twitter, Instagram or LinkedIn as we often share promo codes!
  • Are you offering online courses as well ?
  • Typically offered as an in-person classroom training, we also have the option to host online training, in the form of virtual class, live with an instructor. We have a professional studio that allows us to offer the same training experience and the same interaction with the trainer as in a typical classroom training.
  • Will you visit my city?
  • Just ask! If you are in Canada we can visit you for sure. Or we can have you in a virtual class.
  • Which version of Angular are you using ?
  • We are *always* teaching on the latest version of Angular. We constantly update the training material to follow the new Angular versions.
  • Can we customize the content ?
  • Public classes are strictly following the outline as seen above. But we can definitely tailor the content for corporate on-site training to fit your team's preferences and expectations. Optional topics could be: Bootstrap, Material Design, Firebase, Unit testing, Ionic, NgRx, Progressive Web App, Internationalization and localization, Angular Universal, SEO, ...
  • Is it for students ?
  • The primary target for this training is web professionals, who have the course paid by their employer. But we are thrilled when students try to get that training, so we provide 50% off promo codes for students, contact us if you are interested!
  • What if I don't have a laptop ?
  • We typically do not provide laptops. But contact us as soon as possible and we will see what we can do.
  • Is it ok to use a MAC, or a PC ?
  • Both PC and MAC are perfectly fine, you'll get the same experience during the workshop.
  • What is the setup required ?
  • A detailed setup document is sent to attendees a few days prior to the training. Basically you'll have to install Node.js, Git and the latest version of the Angular CLI.
  • What do I need to attend a virtual class?
  • We use a popular conferencing tool. You'll need a computer (PC or MAC), a headset with microphone and a second screen is required.
    • Option 1: Connect an external monitor to your computer/laptop so you can practice using the main screen and watch the course on the second screen.
    • Option 2 : Use a second computer or a tablet (iPad, Android) to watch the course.
  • What do you mean by "live coding"?
  • (Learn + Try) * Repeat
    The trainer will explain a topic and quickly switch to a live coding exercise that each participant will also do at the same time. This means shorter but more often periods of labs that boost the learning experience!
  • Which code editor or IDE will we use ?
  • Attendees can use the tool of their choice (Sublime, Atom, Eclipse, WebStorm, Visual Studio, …). The instructor is using Visual Studio Code, which is free, available on PC, MAC and Linux, and offers free extensions which greatly improve the experience while developing an Angular app. We recommend to give it a try! http://code.visualstudio.com
  • What is the experience like being in your workshop ?
  • Learn about it by someone who actually took the training! Read this review by an ex attendee: Learning Angular at Angular Academy
  • Will I get any certification on completion of the course ?
  • You will receive an Angular Academy certification in the form of a course completion certificate, as well as a LinkedIn certification badge.
  • Can we host this workshop at our office ?
  • Of course! We can organize a Corporate On-Site Training on the dates of your choice (subject to availability) at your office anywhere in Canada. You can also choose to host one of our public classes in your office, if you can provide a room with WiFi, projector/TV, classroom or boardroom setup, big enough to accept external attendees as well, you'll get a great discount! We can also organize virtual classes that remote attendees can join. Contact us to schedule a session now.

Any unanswered questions ? contact us

Partners


Azure Academy Kubernetes Academy React Academy Vue Academy

Customers

We've trained thousands of developers at some of the country's largest tech companies!


  • Acceo
  • A.K.A. New Media Inc.
  • Acensi
  • Acquisio
  • Act of Mind
  • Adesa
  • Adster Creative
  • AFI
  • Air Transat
  • Altus Group
  • APCS Solutions
  • Apcurium
  • Auto Trader
  • Automotive Data Solutions
  • Avancie
  • Badminton Québec
  • BAnQ (Bibliothèque et Archives nationales du Québec)
  • Banque Nationale du Canada
  • Barrettewood
  • BC Hydro
  • BCLDB (British Columbia Liquor Distribution Branch)
  • BCMEA (British Columbia Maritime Employers Association)
  • BDC (Banque de développement du Canada)
  • BGC Engineering
  • BGR Informatique
  • Bitflipz Solutions Inc.
  • Blackorchidz
  • BMO (Bank of Montreal)
  • Boeing
  • Boston Pizza
  • BRF Solutions
  • CAA
  • CAE
  • Caisse de dépôt et placement du Québec
  • CAMS Software
  • Canada Post
  • Canadian Cadet Organizations
  • Canadian Forces Morale and Welfare Services
  • Canadian Museum of History
  • Canadian Tire
  • Capco
  • Carver Technologies
  • Cayenta
  • CBC
  • CCL Group
  • CCQ (Commission de la construction du Québec)
  • CCR
  • Cégep de Rivière-du-loup
  • Cégep Ste Foy
  • Cegitel
  • Celero
  • Centre de Recherche Informatique de Montréal (CRIM)
  • CGI
  • CHRC (Canadian Heart Research Centre)
  • CIENA
  • CIRA (Canadian Internet Registration Authority)
  • Cirque du Soleil
  • Cisco
  • Classe Affaires
  • Clearly
  • Clio
  • CMHC (Société canadienne d'hypothèques et de logement)
  • Cogeco Media
  • Commission scolaire de Laval
  • ConFoo
  • Connor, Clark & Lunn Financial Group
  • Constellio
  • Corporatek
  • Corporation d'Industrie Touristique du Québec
  • CPA (Canadian Pharmacists Association)
  • CPP Investment Board
  • Crew
  • CSE (Communications Security Establishment)
  • CUPE (Canadian Union of Public Employees)
  • Cyframe
  • Cysca
  • Darryl Skeard Computing Inc
  • Dealerlive
  • Dealflo
  • Desjardins
  • Desjardins Assurances
  • DevAlto
  • Devolutions
  • Devon
  • DevTeach
  • DevTom
  • Distech Controls
  • Dodge Canada
  • Eckler
  • E-Codriver
  • Eidos
  • Elsevier
  • Emergensys
  • Emploi et Développement social Canada
  • Emyode
  • Encycle
  • ESRI
  • ETS
  • Ewaves Softwares
  • Ex Situ Marketing
  • Exagon
  • Exfo
  • Expedia
  • Explorance
  • Facilisgroup
  • Facilité
  • Fatigue Science
  • FCT
  • Fedex
  • Fibre Noire
  • Flextrack
  • Forces Canada
  • Fujitsu
  • Fundserv
  • GE Aviation
  • Genetec
  • Genworth
  • Geo Plus
  • Glencore
  • Global Eagle
  • Gorilla Group
  • Government of Canada
  • Government of Ontario
  • Green Valley
  • Grics
  • Group Health
  • GROUPE ONEPOINT
  • Grype
  • GT Hiring Solutions
  • Guaranteed SEO
  • Harvard Business School
  • HEC
  • Hewlett Packard Enterprise
  • Hewlett-Packard
  • Hexonet
  • Home Depot
  • House of Commons
  • Hybris
  • Hydro Québec
  • Icod
  • IDNUAGE
  • IFS
  • Industrielle Alliance
  • INRS (Institut national de la recherche scientifique)
  • Intact
  • Interad
  • Investissements PSP
  • Irdeto
  • Jean Coutu
  • Johnston Group
  • Jonas Construction Software
  • Jovaco Solutions
  • Juice Mobile
  • Kolombo
  • La Capitale
  • La Vie En Rose
  • Laboratoire de Cyberjustice
  • Lassonde
  • lg2
  • Logiciel Bluebee Inc.
  • Logient
  • Loto Québec
  • LSBC
  • Mango software
  • Manulife
  • Massachusetts Medical Society
  • Maximus
  • MCCG
  • MD Financial Management
  • MDEX Solutions Inc.
  • MDN
  • Mediamiser
  • Memotech Inc.
  • Metabiota
  • Microsoft
  • Ministère de la défense Canada
  • Ministère de la Santé et des Services Sociaux
  • Ministère de la Sécurité publique
  • Ministère de l'Économie, Innovation, Exportation
  • Ministère des Transports du Québec
  • Ministère du Développement Durable, Environnement, Faune et Parcs
  • Mircom
  • MOER
  • Moneris
  • MoneyKey
  • Morneau Shepell
  • MPAC (Municipal Property Assessment Corporation)
  • Myca
  • Nadrox
  • Nanopay
  • NavCanada
  • Nexio
  • Nexonia
  • Nicola Wealth Management
  • Noverka Conseils
  • NTT DATA
  • Nuclear Safety Commission
  • Nurun
  • nventive
  • nZone Media
  • Oceanex
  • Odotrack
  • Office d'investissement du RPC
  • Office of the Superintendent of Financial Institutions Canada
  • Olympus NDT Canada
  • one45
  • ONF (Office national du film du Canada)
  • Online business Systems
  • Orbis
  • Pacific Blue Cross
  • Pearson
  • Petal MD
  • Pgx Info
  • Pivotal
  • Planon
  • Plurilogic
  • Points.com
  • Port of Vancouver
  • PR2
  • Prairie Applications
  • Procom
  • Prokon
  • ProTech
  • PSP Investissements
  • Radio Canada
  • RAMQ
  • RBC
  • RBC Capital Markets
  • Recyc Québec
  • Régime des Bénéfices Autochtone
  • Ressources Naturelles Canada
  • Revenu Québec
  • Reyes Holdings
  • Risk Control Technologies
  • RiskPass
  • RM2J
  • Roche
  • Rogers
  • Safe
  • SAP
  • Schneider Electric
  • Scotia Bank
  • SherWeb
  • Signature
  • Smith
  • Social Cubix
  • Softvoyage
  • SomSoft
  • SOQUIJ (Société Québécoise d'Information Juridique)
  • Spiria
  • Spordle
  • Stingray Digital
  • Sûreté du Québec
  • Symbility
  • Technologies Lanka
  • Teck
  • Telus
  • Teranet
  • The Farm
  • The Pixel Shop
  • Tink
  • TMW
  • ToolSoft
  • Tootelo Innovation inc.
  • Tornatech inc.
  • Trading Central
  • Transportation Safety Board of Canada
  • Treasury Board of Canada Secretariat
  • TribalScale
  • Trivalis
  • Unify
  • Unisersité du Québec
  • Unity3d
  • Université de Montréal
  • Université de Sherbrooke
  • Université Laval
  • Upper Canada District School Board
  • Uzinakod
  • Versalys
  • Vert Nature
  • Victrix
  • Videotron
  • Ville de Gatineau
  • Ville de Longueuil
  • Ville de Montréal
  • Visual Antidote
  • Vivonet
  • Vulscan
  • Washington State Auditor's Office.
  • Web.com
  • Webnames
  • Westfraser
  • World Vision Canada
  • Xpedient Technologies
  • Ytria
And many many more...!