Académie Angular Montreal
Académie Angular

La Formation Angular #1 à Québec!

SE FORMER À Angular EN FRANÇAIS MAINTENANT!

Formation live avec instructeur, en classe à Québec ou virtuelle, soyez prêt pour Angular 13, RxJS et TypeScript!


Objectifs

Apprenez comment coder une app complète avec Angular, RxJS et TypeScript à Québec, avec un expert de l'industrie.

Ateliers

Apportez votre ordinateur portable! Une partie importante de la formation est consacrée à la création d'applications et expérimentations en temps réel (de style bootcamp).

Canada

Canadien francophone!

Si vous êtes au Québec ou proche, nous voulons vous rendre visite. Nous donnons la formation Angular à Québec, mais aussi à Montréal, Ottawa, Gatineau, Sherbrooke, Laval, ...

Préalables

Vous devriez avoir une expérience significative dans le développement d'applications Web avec HTML5 et JavaScript. Aucune expérience préalable avec AngularJS est nécessaire.

Formations publiques à distance


★★★★★

Score de satisfaction: 5/5

Basé sur 392 notes pour les 6 derniers mois.

Assistez à nos formations à distance !

Les formations en présentiel reprendront lorsque la situation COVID-19 le permettra.
Contactez nous pour organiser une formation corporative en classe virtuelle.

Les classes en Français sont indiquées avec "FR" en fin de ligne dans la liste des dates.
Si vous ne voyez aucune classes ci-dessus, le widget doit être bloqué par votre navigateur : contactez-nous!
Cours et horaire typique
Formation Fondamentaux 2 jours 8:30am à 4:30pm
Formation Avancée 2 jours 8:30am à 4:30pm
Tester Angular 0.5 jour 8:30am à 12:30pm
Formation RxJS 1 jour 9:00am à 4:00pm
Angular Architecture 4 jours 8:30am à 12:30pm
Advanced Angular Testing 3 jours 8:30am à 12:30pm
Si vous avez un groupe d'environ 6 personnes ou plus, nous vous recommandons une formation privée en entreprise.
Vous pourrez choisir la date qui vous convient et même demander à ajuster le contenu gratuitement.
Contactez-nous

Académie Angular est un centre de formation autorisé Emploi-Québec, notre numéro d'agrément est : 0056463.

Programmes de subvention


Me tenir informé des nouveaux cours et dates!


Nous ne vous contacterons que pour nos ateliers Angular!
Vous pouvez facilement vous désabonner n'importe quand :-)

Formations


Organisez des cours sur mesure pour vos groupes en entreprise!
Nous vous proposons d'adapter le contenu en fonction des préférences et des attentes de votre équipe, sans aucun frais additionnel.

2 jours pour bien débuter


Formation Fondamentaux Angular
  • 🔥 14 heures de formation pratique intensive
  • 👨‍💼 Cours en ligne LIVE animé par un instructeur!
  • 🎓 Maîtrisez les concepts Angular pour créer une application d'affaire riche
  • 💼 Disponible en entreprise pour groupes privés
  • >> Voir les dates

Cette formation technique couvre tous les concepts de base et vous guide pour bâtir une application Angular complète, y compris le rôle de TypeScript, le setup et configuration d'un projet, la structure du code, l'utilisation de la CLI Angular, la liaison de données, la connexion HTTP avec le backend (API REST) grâce à des services, les observables de RxJS et le routage. L’Académie Angular est le point de départ idéal pour comprendre et utiliser Angular avec TypeScript efficacement dès maintenant. Vous aurez la chance de découvrir de multitudes démos et activités de type "coder ensemble" dont le code sera fourni tout au long de l'atelier.

Jour 1

  • Fondamentaux TypeScript
    • Le compilateur TypeScript
    • Annotations de types
    • Classes et Interfaces
    • Génériques
  • Setup et Tooling
  • Bien démarrer avec la CLI Angular
    • Commandes populaires et schematics
  • Introduction à Angular
  • Structure d'une application
  • Modèle de Composant
    • Décorateurs, Syntaxe des templates, Data Binding, Directives, Événements, Propriétés Input et Output, Pipes, Encapsulation
  • Services et Injection de dépendence
  • Programmation réactive avec RxJS (Observables)
    • Comprendre RxJS et son usage avec Angular
    • Fonction Subscribe()
    • Le pipe async
    • Fonction Pipe()
    • Les opérateurs RxJS populaires
    • Meilleures pratiques RxJS
    • Gérer les erreurs dans le code RxJS
  • Communication asynchrone avec le backend (API REST)
    • Le service HttpClient
    • Une première requête asynchrone GET
    • Consommer une réponse en Observable
  • Implémenter un cache local avec ShareReplay()
  • Déboguage d’une application
  • Implémenter pagination, tri et filtrage dans une liste

Jour 2

  • Modules
    • Organiser une app modulaire
    • Imports/exports de modules
  • Déploiement
    • Optimiser pour la production
    • Commandes ng build et ng deploy
  • Migrer à une version plus récente de Angular
  • Navigation et Routage
    • Utiliser le routeur
    • Directive routerLink
    • Le router-outlet
    • Service Router
    • Routes imbriquées
    • Paramètres de route
    • Gérer les erreurs du routeur
  • Lazy Loading
  • Formulaires et Validation
    • Formulaires réactifs
    • API de validation
    • Requêtes POST
  • Utiliser Http pour mettre à jour et supprimer des données du serveur
    • Requêtes PUT et DELETE
  • Authentification et sécurité
    • Ecran de Login
    • Service d’authentification
    • Sécurité avec JSON Web Tokens (JWT)
    • Http Interceptors
    • Protéger l’accès à une route avec les Guards
  • Les meilleures pratiques (Linting, Style Guide, …)
  • QnA final
Remarque: nous pouvons également travailler avec vous pour personnaliser le contenu de la formation dans votre entreprise (sur site ou en ligne) en fonction des préférences et des attentes de votre équipe. Les sujets optionnels peuvent être: Bootstrap, Material Design, Firebase, Tests unitaires, Ionic, NgRx, Application Web Progressive (PWA), Internationalisation et localisation, Angular Universal, SEO, ...

2 jours de contenu avancé!


Formation Angular Avancé
  • 🔥 14 heures de formation pratique intensive
  • 👨‍💼 Cours en ligne LIVE animé par un instructeur!
  • 🎓 Maîtrisez les concepts Angular avancés pour créer une application complexe centrée sur les données
  • 💼 Disponible en entreprise pour groupes privés
  • >> Voir les dates

Cet atelier intense animé par un instructeur couvre des sujets avancés destinés aux personnes déjà familiarisées avec Angular et TypeScript! Cette formation très orientée sur la pratique vous donne la chance de travailler sur une application Angular d'entreprise avec beaucoup d'interactivité avec l'instructeur dans la salle.

Jour 1

  • Routage Avancé
    • Chargement à la demande de module (Lazy Loading)
    • Préchargement de module et stratégies personnalisées
    • Diagnostic du routeur avec les traces
    • Routes auxiliaires (multi router-outlet)
    • Transitions entre routes (Animations)
    • Sécuriser une route avec les gardes
    • Route resolver (pré-chargement de données avant navigation)
    • Service de metadata pour le SEO
    • Événements du routeur
  • Gestion sophistiquée des erreurs
    • Global Error Handler
    • Gérer les erreurs: applicative, navigation, http
    • Service d’erreurs, mode offline et log vers le serveur
    • Http Errors Interceptor: centralisation des erreurs de requêtes Http et retry automatique en cas d'échec
    • Composant et service de notification: expose un observable de messages et toast de notification
  • Optimiser les performances
    • Exploration de différentes techniques pour améliorer vos applications et les faire fonctionner plus rapidement:
    • Bundling, Minification, dead code elimination, enableProdMode()
    • Performance du Data Binding avec OnPush
    • Profiling des performances au runtime
    • Web Workers
    • Virtual Scrolling
    • Améliorer ngFor avec trackBy
    • Cache avec Service Worker
    • Progressive Web App (PWA)

Jour 2

  • RxJS avancé
    • RxJS et Programmation Réactive
    • Composition de données avec les Observables
    • Les opérateurs les plus importants
    • Maîtriser les différents Subjects (BehaviorSubject, ReplaySubject)
    • Introduction aux opérateurs de "Higher-order Mapping" (switchMap, flatMap, ...)
  • Modern State Management avec Redux et NgRx
    • Pourquoi Redux ?
    • Introduction à la plateforme NgRx
    • Comprendre et mettre en place NgRx Store
    • Immutabilité et performance
    • Gestion des erreurs
    • Ajouter le routeur dans le store
    • Actions asynchrones avec NgRx Effects
    • Collections avec NgRx Entity
    • Débogage live et "time travelling" avec NgRx DevTools
    • NgRx Data
  • Angular Universal
    • Amélioration des performances et du SEO
    • Server Side Rendering
    • Génération de site statique
    • Introduction à Scully
  • QnA final

Tester Angular comme un pro!


Tester Angular
  • 🔥 3.5 heures de formation technique intensive
  • 👨‍💼 Cours en ligne LIVE animé par un instructeur!
  • 🎓 Apprenez à écrire des tests unitaires et effectuer des tests d'intégration (E2E).
  • 💼 Disponible en entreprise pour groupes privés
  • >> Voir les dates

Apprenez à concevoir les tests unitaires pour vos projets Angular! Tester les services, composants, formulaires, le code asynchrone, etc.
Également les tests d'intégration (E2E) avec Cypress.

Sujets abordés

  • Introduction aux tests Angular
  • Setup, outils et technologies
  • Tests Unitaires
    • Organisation et Conventions
    • Jasmine
      • Les "Matchers" disponibles
      • "Setup" et "Teardown"
      • Tests "Disabled" et "Focused"
    • Karma
    • Les paramètres en ligne de commande
    • Tester les Pipes
    • Tester les Composants
    • Tester la Détection de Changement
    • Tester les Services
    • Tester le Code Asynchrone
    • Tester Http
    • Tester les Formulaires
    • Tester les Routes
    • Angular Test Bed
    • Run your tests in a headless browser for automated tests environments (Continuous Integration)
    • Couverture de tests et vérifications du pourcentage atteint
    • Mocks & Spies
      • Mock avec fake class
      • Mock avec spy
      • La librairie Auto Spies
  • Tests End To End (E2E)
    • Protractor
    • Cypress
  • QnA

1 jour pour maîtriser RxJS!


Formation Angular RxJS Workshop
  • 🔥 6 heures de formation pratique intensive
  • 👨‍💼 Cours en ligne LIVE animé par un instructeur!
  • 🎓 Maîtrisez RxJS pour créer une application Angular complexe centrée sur les données
  • 💼 Disponible en entreprise pour groupes privés
  • >> Voir les dates

"Pour maîtriser Angular, vous devez maîtriser RxJS". Mais... RxJS a une courbe d'apprentissage plutôt difficile, et nous avons vu tellement d'équipes avoir du mal à l'utiliser correctement dans Angular. Cette formation propose une approche très pratique pour enfin comprendre la programmation réactive et vous permettre d'utiliser RxJS et les Observables dans vos projets Angular à travers de nombreux ateliers pratiques. Nous vous montrerons comment implémenter la composition de données basé sur les Observables afin d'avoir une app complètement réactive!

Matin

  • RxJS et Programmation Réactive
  • Composition de données avec des Observables
  • Explorer les opérateurs RxJS populaires et les implémenter dans une réelle application d'affaire Angular
    • map
    • tap
    • filter
    • shareReplay
    • startWith
    • debounceTime
    • distinctUntilChanged
    • combineLatest
    • fromEvent
    • exhaustMap
    • ... et plus!
  • Déboguer RxJS

Après midi

  • Utiliser les Subjects RxJS
    • Subject
    • Behavior Subject
    • Replay Subject
    • Créer un service de données Observable basé sur un RxJs Subject
  • Gestion des erreurs dans le code RxJS
    • Opérateur catchError
    • Utiliser un Pipe personnalisé dans le template des composants
    • Ajout d'un HttpInterceptor pour les requêtes Http en échec
  • Créer un opérateur personnalisé
  • Comparaison et meilleur usage des opérateurs "Higher order mapping"
    • SwitchMap, ConcatMap, MergeMap
  • Les meilleures pratiques
  • Pièges courants à éviter
  • QnA Final

Architectures for Enterprise Applications (english only)


Angular Architecture Workshop
  • 🔥 16 hours of intensive hands-on training
  • 👨‍💼 Instructor-led LIVE online course!
  • 🎓 Design large-scale enterprise Angular applications
  • 💼 Available as private team/corporate training as well
  • >> View schedules

Note: Cette formation se donne en Anglais uniquement

In this interactive workshop, you will learn from Manfred Steyer - Angular GDE and Trusted Collaborator in the Angular team - how large-scale enterprise Angular applications can be designed and developed. After the individual exercises, you will have a case study you can use as a template for your own projects. Also, this workshop allows you to evaluate the variety of options you can choose for your own projects.

Jour 1 & 2

  • Structure for Large Applications: Monorepos, Nx and Strategic Design
    • Plan architectures with Domain Driven Design (DDD)
    • CLI workspaces and monorepos with Nx (Nrwl Extensions)
    • Develop and distribute reusable npm packages
    • Categorization for libraries, modules and components
    • Enforce architecture constraints with access restrictions
    • Build performance: Incremental builds and tests with the Build Cache
    • Integration into the CI process
    • Customizable libraries with advanced DI patterns and content projection
    • The open/close principle in Angular
  • Scalable architectures: micro Frontends with Module Federation and Angular Elements
    • From strategic design to micro frontends
    • Pros and cons of Micro Frontends
    • Monorepos vs. multiple repos
    • Leverage Webpack Module Federation to load separately compiled and deployed micro frontends
    • Dynamic Module Federation
    • Sharing dependencies
    • Dealing with different versions and version mismatches
    • Communication between Micro Frontends
    • Cross-framework development with Angular Elements and Web Components
  • State management patterns with NGRX and Redux
    • The state layer and DDD
    • NGRX: When to use it or not and alternatives?
    • Using the Redux approach with NGRX
    • Different types of states
    • Building Blocks: Actions, Reducers
    • Selectors and view models
    • Effects and side effects
    • Generate building blocks with schematics
    • Manage entities with @ngrx/entities
    • Practical handling of immutables
    • Facades as the linchpin
    • Introduce NGRX gradually
    • NGRX and lazy loading of modules
    • Local states with the brand new NGRX/Component store

Jour 3 & 4

  • Performance tuning
    • Lazy lodging with and without a router
    • Data binding performance with OnPush
    • AOT and Tree Shaking
    • Analyze bundles
    • Build performance with the build cache and incremental compilation
  • Reactive architectures with RxJS
    • Reactive thinking and reactive design
    • Chaining/piping of operators
    • Combination operators
    • Higher order observables
    • Implicit and Explicit Closing
    • Cold and hot observables, and multicasting
    • Using subjects
    • Error handling
    • Debugging
  • Customization and White Label Solutions
    • Adjustments at runtime with lazy loading and module federation
    • Compile-time adjustments with libraries and path mappings
    • Configure libraries with forRoot and DI
  • Bonus: modern security architectures and single sign-on
    • Connect existing identity solutions such as Active Directory
    • Social login (login with Facebook, etc.)
    • OAuth 2 as well as 2.1 and OpenId Connect
    • JSON Web Tokens (JWT)
    • Token refresh
    • Single sign out
    • Current recommendations of the OAuth 2 Working Group and consequences
    • Tokens in the browser vs. security gateways (backend for frontends)
  • Bonus: Trends and the future of Angular
    • A future without NgModules
    • Web Components
    • Lazy loading of components
    • Zoneless change detection

Deep dive into Angular Testing! (english only)


Advanced Angular Testing Workshop
  • 🔥 12 hours of technical hands-on training
  • 👨‍💼 Instructor-led LIVE online course!
  • 🎓 Learn ALL you need to know about testing in Angular!
  • 💼 Available as private team/corporate training as well
  • >> View schedules

Quality Assurance for Angular Solutions with Jest, Cypress and Storybook.

PART 1: Unit Tests

  • Unit tests with Jest
    • Jasmine vs. Jest
    • Test Coverage
    • Extending Jest
    • Asynchronicity
    • fakeAsync vs. waitForAsync
    • Mocking: jest.mock, jest.fn, jest.spyOn
    • Stubbing
  • Testing of reactivity
    • RxJS Marbles for pipe operators
    • Use of RxJS Marbles in normal unit tests
    • Unit tests for NGRX

PART 2: Component & Integration Tests

  • Component Tests
    • TestBed and Dependency Injection
    • DOM interaction
    • Change detection
    • Component Snapshots
  • Advanced component tests
    • Nested components
    • Testing @Input and @Output
    • Testing directives and pipes
    • Factory methods for reducing boilerplate code
    • Spectator
    • Testing Library
    • Harnesses
    • Reuse harnesses
  • Integration tests
    • HttpTestingController
    • RouterTestingModule
    • NgRx and the MockStore
  • Best Practices
    • Two approaches: London & Detroit
    • Test strategies: when should I use what?
    • Testable architecture

PART 3: End-to-End Tests with Cypress & Visual Regression

  • Visual regression with storybook
    • Multiple Jest configurations
    • Puppeteer
    • Storybook
    • StoryShots
  • Cypress
    • Overview of existing E2E frameworks
    • Difference between Web-Driver and Chrome DevTools protocol
    • Cypress and its “awaiting” feature
    • The cy object
    • Implicit and explicit assertions
  • Cypress Advanced
    • Page Object Models
    • cy expand object
    • Avoid Flaky Tests
    • Mocking of HTTP requests
    • Reuse Angular Harnesses
  • Cypress and Beyond
    • Optimal test design
    • Conditional tests
    • Direct communication with the backend
    • Unit tests in connection with Storybook
    • Unit tests with Component Test Runner
    • Test Coverage

Programme de rabais exclusif!


Nous avons plusieurs options de rabais dont vous pourriez bénéficier.

Contactez-nous


Pour plus d'informations ou pour organiser votre formation en entreprise.