Académie Angular
Académie Angular

La Formation Angular #1 au Québec!

Se former à Angular en français maintenant!

Académie Angular est une formation pratique en français au Québec, soyez prêt pour Angular 9 et TypeScript!


Objectifs

Apprenez comment coder une app complète avec Angular et TypeScript par 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, nous voulons vous rendre visite. Nous donnons la formation Angular à Montréal, 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.

Plans de cours


Pour les formations publiques, nous avons 3 cours:

  • Formation Fondamentaux
  • Formation Avancée
  • Formation RxJS
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.

2 jours pour bien débuter


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é!


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
    • Cache des composants avec RouteReuseStrategy
    • 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
    • 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
    • Gestion des erreurs RxJS
    • Créer un opérateur custom
    • Les bonnes pratiques et les les pièges courants
  • 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 courte journée pour maîtriser RxJS


"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 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!

Après midi

  • 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 Observables comparison and best usage
  • Best practices
  • Common pitfalls
  • Final QnA

Formations à venir


Nous prévoyons de visiter chaque grande ville du Québec cette année, contactez-nous si vous souhaitez avoir l'Académie Angular dans votre ville prochainement!
Nous offrons aussi des classes virtuelles, avec un instructeur live que vous pouvez rejoindre de n'importe où!

Score de satisfaction: 4.98/5

Basé sur 215 notes pour les 6 derniers mois.

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

Contactez nous pour organiser une formation corporative en classe virtuelle.

Au Québec?

Obtenez votre formation gratuite grace au nouveau Programme Actions Concertées pour le Maintien en Emploi (PACME) du gouvernement du Québec!

Formations à 0$!

Our prices are in Canadian dollars (CAD)

Classe privée, dans vos bureaux et à vos dates: Contactez-nous

Organisez cet atelier dans votre entreprise et obtenez un rabais!

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

Classe Virtuelle


Rejoignez une formation virtuelle, live avec un instructeur, connectez vous à distance depuis n'importe où!

Contactez-nous


Contactez-nous pour obtenir de plus amples informations.


Alumni


Participez à notre prochain workshop pour apprendre Angular de manière amusante et engageante!

Voir plus!! Ajouter votre commentaire!

Foire Aux Questions (FAQ)


  • Qu'est-ce que l'Académie Angular ?
  • L'Académie Angular propose une gamme de cours liés à Angular (TypeScript, RxJS, NgRx, Architecture, Tests Unitaires, Material Design, PWA, ...), sous la forme d'une formation intensive en classe pour les développeurs web professionnels, disponible en cours publics ou en formation en entreprise. Nous avons également un studio professionnel qui nous permet d'offrir ces cours en mode virtuel avec un instructeur live, que les participants peuvent rejoindre à distance de n'importe où.
  • Quel est le tarif ?
  • Cliquez surInscription et suivre le lien vers une formation pour voir le prix.
  • Quelle est la monnaie ?
  • Nos prix sont en dollars canadiens (CAD).
  • Comment avoir un rabais ?
  • Facile! Juste à nous suivre sur Facebook, Twitter, Instagram ou LinkedIn car nous partageons régulièrement des codes promo!
  • Offrez-vous aussi des cours en ligne?
  • Typiquement offert en format classe dans une salle, nous avons également la possibilité de donner les formations en ligne, en format classe virtuelle live avec un instructeur.
  • Quelle version d'Angular utilisez-vous?
  • Nous utilisons *toujours* la dernière version d'Angular. Nous mettons constamment à jour le matériel de formation pour suivre les nouvelles versions.
  • Pouvons-nous personnaliser le contenu?
  • Les classes publiques suivent strictement le plan de cours ci-dessus. Mais nous pouvons absolument personnaliser le contenu de la formation en entreprise pour l'adapter aux préférences et aux attentes de votre équipe. Les sujets optionnels peuvent être: Bootstrap, Material Design, Firebase, Tests Unitaires, Ionic, NgRx, Progressive Web App, Internationalisation et localisation, Angular Universal, SEO, ...
  • Est-ce pour les étudiants?
  • La cible principale pour cette formation est les professionnels du Web, qui en général ont le cours payé par leur employeur. Mais nous sommes ravis quand les étudiants essaient d'obtenir cette formation, ainsi nous fournissons un code promo pour un rabais de 50% pour des étudiants, contactez-nous si vous êtes intéressé!
  • Que faire si je n'ai pas d'ordinateur portable?
  • Nous ne fournissons généralement pas d'ordinateurs portables. Mais contactez-nous dès que possible et nous verrons ce que nous pouvons faire.
  • Peut-on utiliser un MAC ou un PC?
  • Aucun problème pour avoir un PC ou MAC, vous obtiendrez la même expérience pendant la formation!
  • Quelle est la configuration requise?
  • Une notice d'installation détaillée est envoyée aux participants environ une semaine avant la formation. En résumé, il s'agit d'installer Node.js et la dernière version de la Angular CLI.
  • Quel éditeur de code ou IDE allons-nous utiliser?
  • Les participants peuvent utiliser l'outil de leur choix (Sublime, Atom, Eclipse, WebStorm, Visual Studio, ...). L'instructeur utilise Visual Studio Code, qui est gratuit, disponible sur PC, MAC et Linux, et offre des extensions gratuites qui améliorent considérablement l'expérience de développement des applications Angular. Nous vous recommandons de faire un essai! http://code.visualstudio.com
  • A quoi ressemble l’expérience dans votre workshop ?
  • Le mieux est de le lire par quelqu'un qui a effectivement suivi la formation! Voici les commentaires d’un participant (en anglais): Learning Angular at Angular Academy
  • Vais-je obtenir une certification/diplôme à la fin du cours ?
  • Vous recevrez une certification Académie Angular sous la forme d'un certificat de complétion de formation, ainsi qu'un badge de certification LinkedIn.
  • Peut-on organiser une formation dans notre bureau ?
  • Bien sûr! Nous pouvons venir former votre équipe aux dates de votre choix (selon disponibilités) dans vos bureaux n'importe où au Canada. Vous pouvez aussi organiser une de nos formations publiques dans vos bureaux, si vous fournissez un espace en configuration salle de classe ou boardroom avec WiFi, projecteur/TV, et assez grand pour accepter des participants externes, vous obtiendrez un rabais important! Contactez-nous pour planifier une session maintenant.

Des questions sans réponse? contactez-nous

Partenaires


Azure Academy Kubernetes Academy React Academy Vue Academy

Clients

Nous avons formé des milliers de développeurs des plus grandes entreprises technologiques du pays!


  • 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
Et beaucoup beaucoup plus...!