Angular Academy
Angular Fundamentals Training

World-class instructor-led live online Angular course!

Classes and Registration


Attend our workshops remotely!

Contact us for your private Corporate Training.

Our prices are in Canadian dollars (CAD)

USA In the USA? Attend our virtual classes and take advantage of the 30% exchange rate! (and no tax)

Professional ANGULAR TRAINING!

Learn Angular and RxJS Now with the #1 hands-on instructor-led classroom training and certification course!


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

It's hands-on! An important part of the training is dedicated to building apps together and testing things in real time (interactive learning class).

Prerequisites

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

2 days to jump start with Angular


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

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
    • Configuring the debugger and breakpoints
    • The Angular DevTools extension
  • Implementing pagination, sorting and filtering on a list

Day 2

  • Modules
    • Organizing a modular app
    • Modules imports/exports
  • Standalone Components
  • 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 Http request
  • Using HttpClient to Update or Delete data on the server
    • PUT and DELETE Http 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 training (on-site or online) to fit your team's preferences and expectations. Optional topics could be: Bootstrap, Material Design, Firebase, Unit testing, e2e testing, Ionic, NgRx, Progressive Web App (PWA), Internationalization and localization, accessibility, Angular Universal, Jamstack, SEO, ...

Other Angular training courses!

The Angular Academy

Difference!


Our courses are different from anything you've seen before.... rather than just teaching you something, and giving you a bunch of exercises along the way, in our hands-on courses we focus on BUILDING a real data-centric business application, together!

So this isn’t just another one of those “watch me build something and try not to fall asleep” courses... our motto is Everyone Live Coding All Day Long!© Building a complete application together with the instructor. This way, by the end of the training we'll have built an entire app, and the instructor makes sure that nobody get stuck. You’ll also get lot's of advice and best practices on building and optimizing Angular applications with TypeScript and RxJS!

We think this is by far the most efficient way of learning a programming technology, and our attendees LOVE IT!

Read our customers testimonials

Contact Us


For more information or organizing your Corporate Training.


Alumni


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