Développer vos applications web avec Angular 13
Besoin d’adapter cette formation à vos besoins ?
N’hésitez pas à nous contacter afin d’obtenir un devis sur mesure !
Formation créée le 09/01/2023. Dernière mise à jour le 03/04/2023.
Version du programme : 1
Programme de la formation
Angular est un framework Typescript permettant de développer des applications client dynamiques, et ce facilement et rapidement, grâce aux squelettes et à sa CLI. Avec cette formation, vous découvrirez d’abord Typescript et ES6. Vous apprendrez ensuite à développer votre propre application Angular, à vous familiariser avec sa CLI et à utiliser les différents modules et librairies disponibles. Durée : 3 jours (formation possible en présentiel ou distanciel)
Objectifs de la formation
- Appréhender Angular et son écosystème
- Maîtriser la CLI Angular
- Comprendre l’architecture Angular (composants, routing, services)
- Développer une première application en Angular
- Gérer des données dans son application Angular
- Aller plus loin dans la personnalisation de son application Angular
Profil des bénéficiaires
- Développeurs Web
- Chefs de projets techniques
- Connaissances basiques en développement Web
Contenu de la formation
-
Découvrir l’écosystème
- Découvrir Angular
- Comparer Angular avec les autres frameworks existants
- Appréhender l’écosystème Javascript et NPM
- Découvrir Typescript
- Comprendre la syntaxe ES6 (promesses, async/await, arrow functions, …)
-
Installer l’environnement de développement
- Visual Studio Code (et les extensions)
- NodeJS
- Angular (et la CLI)
-
Découvrir la CLI (Command Line Interface) Angular
- Générer son premier projet
- Générer des modules
- Lancer son projet en local (avec le “livereload”)
-
Faire sa première page
- Générer une page avec la CLI
- Découvrir le SASS et les variables
-
Afficher les données
- Utiliser les affichages conditionnels (ngIf)
- Mettre en place des boucles d’affichage (ngFor)
- Employer des classes conditionnelles (ngClass)
- Appeler des fonctions depuis la page (ngClick)
-
Comprendre la notion de composants
- Distinguer une page d’un composant
- Comprendre l’intérêt d’un composant générique
- Passer des paramètres à un composant (entrée/sortie)
-
Découvrir le routing
- Comprendre le fonctionnement du routing
- Créer une nouvelle page et y naviguer
- Passer des paramètres à sa page
-
Découvrir les services
- Créer son premier service avec la CLI
- Découvrir REST, HTTP et les APIs
- Se connecter à une API
-
Faire son premier formulaire
- Créer un formulaire
- Récupérer les données du formulaire
- Utiliser les validateurs de formulaires
- Retourner des informations à l’utilisateur (validation, erreurs)
-
Comprendre l'usage des pipes et des directives
- Utiliser un pipe pour formater des données (date)
- Mettre en place une directive pour appliquer un style au survol
-
Mettre en valeur son application
- Utiliser Angular Material pour styliser l’application
- Remplacer les composants HTML basiques par des composants Angular Material
- Intégrer une pagination Angular Material sur les tableaux
- Mettre en place un “loader”
-
Aller plus loin (optionnel)
- Internationaliser son application
- Mettre en place un Guard
- Accéder à un composant de la vue depuis le contrôleur grâce au ViewChild
- Déployer son application sur le web
Guirec SENECHAL est développeur depuis 6 ans. Il travaille principalement sur des applications dans le domaine de la santé et des objets connectés. Il utilise majoritairement Angular dans ses projets Web et mobile (avec Ionic) pour pouvoir proposer des applications dynamiques et réactives, avec une base de code commune.
- Feuilles de présence.
- Questions orales ou écrites (QCM).
- Mises en situation.
- Formulaires d'évaluation de la formation.
- Certificat de réalisation de l’action de formation.
- Accueil des apprenants dans une salle dédiée à la formation.
- Documents supports de formation projetés.
- Exposés théoriques
- Live-coding
- Etude de cas concrets
- Quiz
- Mise à disposition en ligne de documents supports à la suite de la formation.