Académie Angular Montreal
Académie Angular

La Formation Angular #1 à Montréal!

SE FORMER À ANGULAR 10 EN FRANÇAIS MAINTENANT!

Formation live avec instructeur, en classe ou virtuelle, en français à Montréal, soyez prêt pour Angular 11, RxJS et TypeScript!


Objectifs

Apprenez comment coder une app complète avec Angular, RxJS et TypeScript à Montréal, 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 à Montréal, mais aussi à Québec, Ottawa, Gatineau, Sherbrooke, Laval, Longueuil, ...

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 à venir


Score de satisfaction: 4.98/5

Basé sur 253 notes pour les 6 derniers mois.

COVID-19: Nous offrons désormais des classes virtuelles.

Contactez nous pour organiser une formation corporative en classe virtuelle.

Cours et horaires
Formation Fondamentaux 2 jours 8:30am à 4:30pm
Formation Avancée 2 jours 8:30am à 4:30pm
Formation RxJS 1 jour 9:30am à 3:30pm
Classe privée, dans vos bureaux (ou en virtuel) et à vos dates: Contactez-nous

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 :-)

Plans de cours


Pour les formations publiques, nous avons 3 cours:

  • Formation Fondamentaux (2 jours)
  • Formation Avancée (2 jours)
  • Formation RxJS (1 jour)
Nous pouvons également créer des cours sur mesure:
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 sur site dans votre entreprise 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

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
  • Données des vues composé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!

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

Programme de rabais exclusif!


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

Contactez-nous


Contactez-nous pour obtenir de plus amples informations.


Voir plus!! Ajouter votre commentaire!