Académie Angular
Formation Fondamentaux Angular

Cours Angular de classe mondiale dirigé par un instructeur!!

Dates et Inscriptions


Assistez à nos formations à distance !

Contactez nous pour organiser une formation corporative en classe virtuelle.

Formation Angular Professionnelle!

Académie Angular offre des formations pratiques en français, soyez prêt pour Angular 17, TypeScript et Signals!!


Objectifs

Apprenez comment coder une app complète avec Angular, TypeScript et Signals, 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).

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.

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
  • Communication asynchrone avec le backend (API REST)
    • Le service HttpClient
    • Une première requête asynchrone GET
    • Consommer une réponse en Observable
    • Fonction Subscribe()
    • Le pipe async
    • Fonction Pipe()
    • Gérer les erreurs dans le code RxJS
  • Implémenter un cache local avec ShareReplay()
  • Déboguage d’une application
    • Configurer le débuggeur et les breakpoints
    • L'extension Angular DevTools
  • Implémenter pagination, tri et filtrage dans une liste

Jour 2

  • Déploiement
    • Optimiser pour la production
    • Commandes ng build et ng deploy
  • 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
    • Créer des formulaires
    • API de validation
    • Requêtes Http POST
  • Utiliser Http pour mettre à jour et supprimer des données du serveur
    • Requêtes Http PUT et DELETE
  • Authentification et sécurité
    • Ecran de Login
    • Service d’authentification
    • Sécurité avec JSON Web Tokens (JWT)
    • Http Intercept0rs
    • 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, Server-side rendering, ...

Nos autres formations Angular!

La Difference

Académie Angular!


Nos cours sont différents de tout ce que vous avez vu auparavant.... plutôt que de simplement vous apprendre quelque chose, tout en vous donnant un tas d’exercices, dans nos cours pratiques, nous maximisons le CODAGE d’une véritable application d’affaires, ensemble!

Donc ce n’est pas juste un autre de ces cours “regardez-moi construire quelque chose et essayer de ne pas s’endormir”... notre devise est Tout Le Monde Code Live Toute La Journée!© afin de construire une application complète avec l’instructeur. De cette façon, à la fin de la formation, nous aurons construit une application fonctionnelle, et l’instructeur s’assure que personne ne reste bloqué. Vous obtiendrez également beaucoup de conseils et de meilleures pratiques sur la réalisation et l’optimisation des applications Angular avec TypeScript et RxJS!

Nous pensons que c’est de très loin la façon la plus efficace d’apprendre une technologie de programmation, et nos participants ADORENT!

Lire les témoignages de nos clients

Contactez-nous


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


Alumni


Participez à notre prochain workshop pour apprendre Angular de manière amusante et intéractive!