Formation Angular : Développer une application web
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
Concrètement, à l'issue de cette formation Angular, vous aurez acquis les connaissances et compétences nécessaires pour :
- Connaître les principes fondamentaux et le fonctionnement d’Angular et de son outil Angular CLI
- Connaître le langage TypeScript (sur-ensemble de JavaScript ES5 et ES6)
- Savoir développer et réutiliser les différents composants d’une application Angular : composants graphiques, services, directives
- Savoir tester ses composants en isolation
- Être capable de déployer une application Angular en production
- Connaître les nouveautés des dernières versions d’Angular
| Tarif |
A partir de 1 950,00 € |
| Durée | 3 jours (21h) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 1 950,00 € |
| Durée | 3 jours (21h) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Description
Angular est un framework Javascript/Typescript permettant de construire des interfaces Web modernes adaptées à la mobilité. Il utilise tous les standards du Web et favorise la réutilisation via son approche composant. Apprécié des entreprises pour ses bonnes performances, sa maintenabilité et sa productivité, c’est aussi le framework JavaScript de référence de Google.
Cette formation Angular couvrant tous les aspects principaux du développement avec Angular permettra à des développeurs front-end d’être opérationnel sur le framework. Après des revues des langages Javascript et TypeScript, les participants développeront pas-à-pas une petite interface web discutant avec un back-end RestFULL.
Programme
Introduction
Objectifs du framework et Points forts d’Angular, comparaison avec ReactJS, VueJSBien comprendre les implications de la politique de versionning
Les dernières versions et ce qu’elles apportent
JavaScript ES5, ES6 et Typescript
Voir ou revoir les bases de la syntaxe JavaScript : Variables, tableaux, fonctionsLes améliorations d’ES6 avec les notions de classes et de modules, : Instanciation d’objet, les Arrow functions, l’interpolation de String
TypeScript avec les Types et les annotations :
Transpilation, configuration de la transpilation
Inférence de type, interfaces, Classes, Visibilité
DécorateursAtelier 1Objectif : Être à l’aise avec la syntaxe TypeScript
Description : Manipulation de tableaux, boucles et fonction de call-back en JavaScript
Déclaration de classe et d’interface, instanciation d’objet
Premiers pas avec Angular
Les prérequis d’installation, rappels npm et nodejsL’outil de développement Angular-CLI : ng et ses principales commandes
Modules et composants AngularAtelier 2Objectif : Prendre en main les commandes d’AngularCli et le cycle de développement
Description : Installation nodejs, npm, TypeScript
Installation Angular CLI
Création de projet, démarrage du serveur
Constatation du LiveReload, Debugger Chrome
L’approche composant
Principes généraux d'Angular, l’arbre de composants, Shadow Dom et templatesComment déclarer un composant, les différentes syntaxes possibles, création via ng : les fichiers générés
les éléments de syntaxe des templates : Interpolation, Pipes, Utilisation de composant
Interactions entrée/sortie avec les composants : Binding et événements
Le cycle de vie des composants et les interfaces de call-back proposés par Angular
Comment gérer le style des composants, le sélecteur CSS :host
Comparaison directive / composant. Créer ses propres directivesAtelier 3Objectif : Savoir déterminer l’arbre de composants
Prendre en main la syntaxe de templating
Description : Création d’un composant menu et d’un composant liste
Développent Typescript des modèles
Gestion du onClick
Application de style via le sélecteur:hostJ2
Injection de dépendances
Le principe d’injection, son mécanisme dans AngularAnnotations concernés par l’injection
Les injecteurs hiérarchiques, Choisir son injecteur dans les composants
Écrire sa classe service, cycle de vie et cas d’usageAtelier 4Objectif : Créer son premier service
Description : Création de deux composants service
Mock d’un appel HTTP
Service stateful encapsulant les données partagées
Programmation réactive et service HTTP
Programmation réactive : OK, on vous rappelleraLe standard ReactiveX, son implémentation avec RxJS
Le type Observable et la méthode subscribe()
Les principaux opérateurs disponibles, leurs importations
Les cas d’usage de le programmation réactive dans les application front-end
Exemple incontournable : Le service HTTP fourni par Angular
Les bonnes pratiques pour interagir avec le back-end : Mapping Objet, Intercepteurs, Gestion du CORSAtelier 5Objectif : Savoir dialoguer avec un back-end
Description : Création des fonctionnalités CRUD dans le composant service
Le routage Angular
Comment gérer la navigation avec Angular ? Déclarer ses routesGérer les redirections, récupération les paramètres de navigation
Routage hiérarchique : comment s’organiser, les bonnes pratiques
Guards et resolver : Comment protéger l’accès à une route
S’abonner aux évènements de routageAtelier 6Objectif : Gérer la navigation d’une application
Description : Création d’un composant détail
Gestion de la navigation liste→detail
Protection de routesJ3
Les formulaires Angular
Template-driven ou Model-driven ?La directive ngModel
Les types FormGroup et FormControl. Comment gérer la réutilisation ?
Le support pour la validation de données, écrire ses propres validateurs, validation dynamique
Gestion des libellés d’erreursAtelier 7Objectif : Savoir concevoir et valider des formulaires
Description : Modification du composant détail
Définition du formulaire et de ses validateurs
Gestion des erreurs et de la soumission
Support pour l’internationalisation
Support pour la localisation d’Angular, Comment la locale est déterminée ?Développer une application multi-lingue : Processus et outillage
Syntaxe du templatingAtelier 8Objectif : Savoir internationaliser une application
Description : Utiliser les fichiers de libellés (Français/Anglais) fournis
Intégrer les tests dans son développement
Le moteur de tests Karma et le framework Jasmine proposésÉcrire un test de composants, de service, isolation du code à tester
Les tests End to End avec Cypress
Exécuter les testsAtelier 9Objectif : Écrire des tests unitaires avec Angular
Description : Écriture des tests unitaires pour tous les composants précédents
Se préparer pour la production
Profiling d’application, identifier les goulots d’étranglementPolyfill et chargement différenciée en fonction des navigateurs
Gérer les différents environnement (dev et prod)
Assembler pour la production,
Comment déployer, Configuration du serveur et gestion du reloadAtelier 10Objectif : Savoir déployer une application Angular en production
Description : Assemblage pour la production
Configuration nodeJs
Déploiement
Prérequis
Public
Les architectes et chefs de projet trouveront également un intérêt à suivre ce cours, tant pour dimensionner les spécificités techniques propres à Angular que pour identifier les modes d’interactions entre applications front-end et back-end.
Ces formations pourraient vous intéresser
Objectifs de la formation
- Adapter ses comportements aux interlocuteurs et aux situations
- Développer des relations professionnelles harmonieuses et efficaces
- Restaurer la coopération dans les situations délicates
| Tarif |
A partir de 1 740,00 € |
| Durée |
3j / 21h |
| Modes |
|
ChatGPT pour le webmarketing – Développez votre potentiel créatif et optimisez vos résultats
Proposé par ENI ServiceObjectifs de la formation
- Utiliser des IA génératives dans les processus de production et de communication.
- Rédiger des prompts efficaces pour guider l'IA générative dans la conversation.
- Élaborer des stratégies de webmarketing en utilisant l'IA.
- Produire des contenus éditoriaux grâce à l'IA.
- Optimiser les contenus pour le référencement naturel (SEO) à l'aide de l'IA.
- Rédiger des communiqués de presse et définir des stratégies de relations publiques à l'aide de l'IA.
- Générer des publications sociales à l'aide de l'IA.
- Créer des annonces marketing à l'aide de l'IA.
| Tarif |
A partir de 1 750,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Intégrer la démarche marketing d'une PME
- Utiliser des outils marketing pratiques et opérationnels pour booster son entreprise
- Développer ses ventes en optimisant l'action commerciale
| Tarif |
A partir de 1 390,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Définir son propre style de management et développer son leadership
- S'approprier des méthodes et techniques éprouvées pour motiver ses collaborateurs
- Être en mesure d'animer, de faire vivre son équipe au quotidien
- Savoir évaluer les performances d'une équipe
- Mener des entretiens individuels efficaces
| Tarif |
A partir de 2 100,00 € |
| Durée |
3 jours |
| Modes |
|
Formation Chargés d'affaires pro et entreprises : améliorer ses négociations
Proposé par LEFEBVRE DALLOZ COMPETENCESObjectifs de la formation
- Préparer l'entretien pour mener une négociation et éviter le marchandage
- Identifier les comportements efficaces des négociateurs professionnels et éviter les écueils
- Mener un entretien de négociation dans un climat de réunion coopérative
- Conclure des accords équilibrés et durables pour développer une relation globale
- Gérer les situations sensibles
| Tarif |
Contacter l'organisme |
| Durée |
Nous contacter |
| Modes |
|
Formation Développer des applications de Data Visualisation (cours dédié aux actions collectives Atlas)
Proposé par PLB CONSULTANTObjectifs de la formation
À l'issue de cette formation Applications Data Visualisation, vous aurez acquis les connaissances et compétences nécessaires pour :
- Définir les principes fondamentaux de la visualisation de données
- Identifier les enjeux juridiques de la gestion de données
- Déterminer les technologies et APIS pour la visualisation de données
- Utiliser les principaux frameworks pour créer des applications de datavisualisation
| Tarif |
A partir de 2 490,00 € |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
- Utiliser les API de programmation avancée de la plate-forme Java
- Écrire des programmes accédants aux bases de données
- Mettre en œuvre la programmation parallèle par l’utilisation des Threads
- Ecrire des programmes manipulant les entrées/sorties et l’accès aux ressources réseau
- Implémenter efficacement un système de journalisation dans une application Java
- Concevoir des interfaces graphiques avancées
- Externaliser les chaînes de caractères des codes sources et mettre en œuvre l’internationalisation des applications
- Superviser une application Java avec JMX
| Tarif |
Contacter l'organisme |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
A l'issue de ce cours, vous aurez appris à :
- Maîtriser les éléments de l’interface de création et d'exécution des états
- Personnaliser des états papier
- Personnaliser des états web
- Insérer des calculs dans les états.
| Tarif |
Contacter l'organisme |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
- Cette formation fait l'objet d'une évaluation formative.
| Tarif |
Contacter l'organisme |
| Durée |
5 jours (35 heures) |
| Modes |
|
Objectifs de la formation
- Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
| Tarif |
Contacter l'organisme |
| Durée |
3 jours (21 heures) |
| Modes |
|
