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
- Créer un site web simple.
- Personnaliser l'apparence et les fonctionnalités de son site.
- Optimiser son site pour les moteurs de recherche (SEO).
- Assurer la sécurité, optimiser la performance et la vitesse du site.
- Suivre et analyser les performances de son site web.
| Tarif |
A partir de 1 570,00 € |
| Durée |
3 jours (21 heures) |
| Modes |
|
Objectifs de la formation
- Créer une page HTML avec des éléments simples (texte, images, listes, liens)
- Mettre en forme le contenu de la page en CSS
- Définir des règles de positionnement du contenu
- Créer et mettre en forme des formulaires de saisie
- Créer et mettre en forme un tableau de données
- Intégrer du contenu multimédia
- Intégrer les bonnes pratiques de conception pour créer des pages Web accessibles
| Tarif |
A partir de 990,00 € |
| Durée |
27 heures |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation WebIntelligence XI, vous aurez acquis les connaissances et compétences nécessaires pour :
- Exploiter l'interface d'Infoview et de Web Intelligence
- Créer des requêtes et des rapports avec WebIntelligence XI
- Manipuler les données et mettre en forme les graphiques
- Mettre en oeuvre l'analyse multidimensionnelle des données
- Gérer les documents multi-requêtes
- Structurer, calculer et mettre en forme les rapports
| Tarif |
Contacter l'organisme |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation ZOPE vous aurez aquis les connaissances et compétences nécessaires pour :
- Connaître le serveur d'applications
- Connaître le component Architecture
- Connaître le Framework MVC (Grok)
- Connaître l'intégration WSGI (Web Server Gateway Interface
| Tarif |
Contacter l'organisme |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Créer ses pages en utilisant HTML5, CSS3 avec un éditeur WYSIWYG
- Structurer les dossiers et fichiers des sites Web créés
- Utiliser des règles de base du design pour créer un site Web
- Créer, traiter et optimiser des images destinées au Web
- Créer des pages dynamiques avec PHP / MySQL [MariaDB]
- Mettre en ligne son projet
| Tarif |
A partir de 1 390,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
Concrètement, à l'issue de cette formation WordPress Sécurité, vous aurez acquis les connaisances et les compétences nécessaires pour :
- Appréhender les failles d'un site web réalisé avec WordPress
- Éviter le piratage de son site web WordPress.
| Tarif |
A partir de 890,00 € |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
- Comprendre les concepts de la RPA
- Connaître l'intérêt de la RPA dans les organisations
- Connaître les principaux acteurs du marché RPA
- Avoir les bonnes pratiques pour un projet RPA
- Mettre en application et développer les robots
| Tarif |
A partir de 1 500,00 € |
| Durée |
2 jours |
| Modes |
|
Objectifs de la formation
Spring Security est le sous-projet Spring dédié à la sécurité. Indépendant de JavaEE, il offre un environnement complet pour sécuriser tout type d’application Java : application web, back-end REST ou autre.
Cette formation Spring Security vous apportera les connaissances et compétences nécessaires pour :
- Maîtriser tous les aspects du framework Spring
- Configurer la sécurité applicative
- Implémenter la sécurité applicative.
| Tarif |
A partir de 1 480,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Prendre le contrôle de plusieurs clusters OpenShift à l'aide de la suite d'outils inclus dans le bundle de produits
- Combiner les capacités et les workflows d'Advanced Cluster Manager avec Advanced Cluster Security et Quay Enterprise pour automatiser et valider le déploiement de la sécurité des infrastructures et des applications.
| Tarif |
Contacter l'organisme |
| Durée |
5j / 26h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Consulter des pages Web
- Rechercher et conserver des informations
- Utiliser les blogs et réseaux sociaux
- Sécuriser la navigation.
| Tarif |
A partir de 370,00 € |
| Durée |
1j / 7h |
| Modes |
|
