Formation Angular 8
1900€
1710€ HT / personne
3 jours (21 heures)
Nous sommes Angular 8, 7, 6, 5, 4, 2 Ready !
Présentation
Angular 8, sortie dans sa version finale fin Mai 2019, est le tout nouveau framework de Google qui s’impose déjà comme étant LA référence des technologies Web modernes. Comme toutes nos formations, celle-ci vous présentera la dernière version stable en date et ses nouveautés (Angular 8.0.0 sortie le 28 mai 2019 à la date de l’article).
Formez-vous dès maintenant au Framework Web le plus puissant du marché !
Angular 7 offre des performances accrues avec une conception modulaire adaptée à la mobilité ainsi qu’une amélioration de la productivité de vos équipes de développement. En embrassant les nouveaux standards du Web et les nouveautés apportées par ES6 et TypeScript, Angular bénéficie immédiatement d’un écosystème riche et d’une communauté toujours plus grande.
Dans cette formation, vous découvrirez comment créer avec Angular vos propres composants réutilisables. Pour exploiter toute la puissance du framework, vous apprendrez à en maîtriser les différentes facettes, parmi lesquelles l’injection de dépendances, les templates, le routage, le data-binding, ainsi que les tests (unitaires et fonctionnels). Enfin, vous serez initiés aux bonnes pratiques architecturales et à l’état de l’art des environnements de développement. Soyez-les premiers à appréhender les nouveaux concepts de développement afin d’écrire des applications robustes et performantes !
Objectifs
- Découvrir les fonctionnalités & les nouveautés du framework Angular 8
- Savoir développer une nouvelle application Web avec Angular
- Savoir concevoir une application Angular 8 avec JavaScript et TypeScript 3.1
- Connaître les mécanismes avancés du framework
Public visé
Développeur web, Lead developer
Pré-requis
Connaissance de JavaScript ou TypeScript
Pour aller plus loin
Afin de compléter cette formation, nous vous proposons une formation sur la mobilité avec le nouveau Framework pour mobile Ionic 3.
En complément, nous vous proposons la formation Angular Avancé, afin d’approfondir vos connaissances et de passer expert sur Angular.
Nous vous proposons aussi une formation sur Firebase, pour configurer un projet Angular sur la plateforme mobile en cloud.
Mais également un module avancé sur la Programmation réactive avec RxJS et Redux !
Programme de la formation Angular 8
Jour 1 – Introduction
- ES6, le nouveau JavaScript
- ES6 et les modules
- TypeScript 3, le typage du JavaScript
Les bases du framework
- Comprendre la philosophie du framework
- Templating
- Angular CLI, un outil pour tout générer
- TP : Première application et outillage
Les nouveautés d’Angular 8, 7, 6 et 5
- ng add / ng update : configuration & migration automatique
- Build avec le compilateur Bazel
- Angular Elements
- Angular Material + CDK Components
- Animations Performance : au revoir polyfill
- Déclarer les services avec Dependency Injection : Tree Shakable Providers
- Progressive Web App (PWA)
- Versions : RxJS 6 & Support de TypeScript 3.1
- Ivy
Composant
- Web Components
- Décorateurs Angular
- Property binding, envoyer des données au composant
- Event binding, évènements personnalisés
- Cycle de vie
- TP : Premier composant
Directives
- Directive : fonctionnement et création
- Les directives fournies par Angular
- Attribute directives
- Structural directives
- Directives complexes
- TP : Première directive
Modules
- Déclarations d’un module: imports et exports
- Les providers d’un module
- Différents types de modules : bonnes et mauvaises pratiques
- TP : Création d’un module et factorisation d’une librairie externe
Pipes
- Les transformateurs fournis
- Formater une chaîne
- Formater des collections
- Utiliser un pipe comme un service
- TP : Créer ses propres pipes
Jour 2 – Services, communication intercomposants
Services
- Les services fournis
- Injection de service
- TP : Injecter les services fournis par Angular
Injection de dépendances (IOC)
- Principes
- Configurer son application
- L’injection de dépendances : type-based et hiérarchique
- Différents types de providers
- TP : Créer ses propres services
Router
- RouterModule: Configuration des routes et URLs
- Définitions des routes, liens et redirection, paramètres
- Hiérarchies de routes
- Vues imbriquées
- Cycle de vie (Routing lifecycle)
- TP : Transformer une application Web en Single Page Application
Jour 3 – Reactive programming, communication serveur
Observables
- Introduction à RxJS
- Le concept d’Observable
- Principales opérations sur les observables
- Lien avec les promesses
Échanger avec un serveur
- Requêtes HTTP
- Communication avec une API
- Afficher des données externes
- Afficher des données asynchrones avec AsyncPipe
- TP : Création d’une API REST de test
Formulaire
- Créer un formulaire
- Template-driven forms
- ngModel
- Reactive forms
- Validation et erreurs
- Observateurs
- TP : Créer ses propres validateurs, envoyer une requête POST
Performance
- Astuces, bonnes pratiques & outils
- Découverte des différentes stratégies de compilation
- TP : Tester la performance
Concepts avancés
- Animations
- Injection de dépendances avancée (IoC)
- Requêtes HTTP vers une API REST
Module Complémentaire : Angular Avancé (2 jours)
Langues et Lieux disponibles
Langues
- Français
- Anglais / English
Lieux
- France entière
- Paris
- Lille
- Reims
- Lyon
- Toulouse
- Bordeaux
- Montpellier
- Nice
- Sophia Antipolis
- Marseille
- Aix-en-Provence
- Nantes
- Rennes
- Strasbourg
- Grenoble
- Dijon
- Tours
- Saint-Étienne
- Toulon
- Angers
- Belgique
- Bruxelles
- Liège
- Suisse
- Genève
- Zurich
- Lausanne
- Luxembourg
Nos Formateurs Référents
Romain
Je m’efforce toujours d’apprendre de nouvelles technologies et d’essayer de les mettre en œuvre dans notre monde moderne. J’ai tendance à penser que nous n’avons pas fini de le construire. Tout peut être amélioré avec le bon état d’esprit, et quelques lignes de JavaScript.
Elise
Développeur JS, je suis spécialisée dans le développement et l’intégration d’applications Angular. Convaincue que chacun peut contribuer à améliorer le web à l’aide d’un bon framework, j’aime partager mes connaissances par des formations ou par des articles, que je publie dans le site Codeburst, via Medium.
Cédric
Consultant et leader technique sur les technologies du web, je dispose d’une bonne connaissance Java et surtout d’une expertise Javascript. je mets à disposition mes compétences pour former et accompagner les projets à l’usage des nouvelles technologies du web : PWA, WebComponent, …
Témoignages
Bonne formation, merci Romain !
Afficher tous les témoignages
Bonne formation, merci Romain !
Une très bonne formation pour entrer dans Angular pour les débutants. Le formateur est disponible. Il sait partager son expérience et ces connaissances.
L’objectif global est atteint même si on reste parfois bloqué sur un dis fonctionnement inexpliqué.
Très- satisfait
Il faut du temps pour assimiler, mais le contenu est nickel. J’aurais aimer une communication avec une base de données (ex: firebase ).
Noter la formation
1900€
1710€ HT / personne
3 jours (21 heures)
Une question ? Un projet ?
Pour des informations complémentaires, n’hésitez pas à nous contacter.