Angular, maîtriser le Framework Front-End de Google

Niveau
Durée totale
Localisation
A cet endroit, En ligne
Date et lieu de début

Angular, maîtriser le Framework Front-End de Google

ORSYS
Logo ORSYS

Astuce: besoin de plus d'informations sur la formation? Téléchargez la brochure!

Dates et lieux de début

computer En ligne: Classe à distance
4 oct. 2022 jusqu'au 7 oct. 2022
placeBruxelles
7 nov. 2022 jusqu'au 10 nov. 2022
computer En ligne: Classe à distane
22 nov. 2022 jusqu'au 25 nov. 2022
computer En ligne: classe à distance
6 déc. 2022 jusqu'au 9 déc. 2022

Description

Depuis plus de 46 ans, ORSYS accompagne les entreprises et les organisations en les aidant à améliorer leurs performances et à réussir leurs transformations digitale, managériale, commerciale et organisationnelle. Au moyen d’une offre multimodale et actualisée en permanence qui repose sur 2 300 formations à travers 40 domaines d’expertise, dispensée en inter ou intra entreprise, en présentiel ou en classe à distance.

En complément, une bibliothèque de 600 modules e-learning est disponible.

À l’issue de la formation, le participant sera en mesure de :

  • Organiser, modulariser et tester ses développements JavaScript
  • Maîtriser les fondamentaux du Framework Angular
  • Créer rapidement des applications Web complexes
  • Savoir intégrer les tests unitaires au développement
  • Connaître les bonnes pratiques de développement et de mise en production


Public concerné

Architectes, développeurs et chefs de projets Web.


Prérequis

Bonnes connaissances des technologies du Web et des outils modernes de développement Front-End.

Connaissances de JavaScript.Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisant  ce test.


Programme de la formati…

Lisez la description complète ici

Foire aux questions (FAQ)

Il n'y a pour le moment aucune question fréquente sur ce produit. Si vous avez besoin d'aide ou une question, contactez notre équipe support.

Vous n'avez pas trouvé ce que vous cherchiez ? Voir aussi : Angular, Développement Web, Google, Développeur / Developer et Créer son site web.

Depuis plus de 46 ans, ORSYS accompagne les entreprises et les organisations en les aidant à améliorer leurs performances et à réussir leurs transformations digitale, managériale, commerciale et organisationnelle. Au moyen d’une offre multimodale et actualisée en permanence qui repose sur 2 300 formations à travers 40 domaines d’expertise, dispensée en inter ou intra entreprise, en présentiel ou en classe à distance.

En complément, une bibliothèque de 600 modules e-learning est disponible.

À l’issue de la formation, le participant sera en mesure de :

  • Organiser, modulariser et tester ses développements JavaScript
  • Maîtriser les fondamentaux du Framework Angular
  • Créer rapidement des applications Web complexes
  • Savoir intégrer les tests unitaires au développement
  • Connaître les bonnes pratiques de développement et de mise en production


Public concerné

Architectes, développeurs et chefs de projets Web.


Prérequis

Bonnes connaissances des technologies du Web et des outils modernes de développement Front-End.

Connaissances de JavaScript.Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisant  ce test.


Programme de la formation

Développement JavaScript : rappels

  • Bonnes pratiques ECMAScript 5.
  • ES7/ES6/ES2015, présentation générale.
  • Nouveautés syntaxiques : portée, "template string", "arrow functions", les promesses...
  • Le développement JavaScript Objet avec la syntaxe de class.
  • Le pattern observer/observable (ES7).
  • La librairie RX.js : opérateur clés pour la manipulation d'observable.
  • Outils indispensables. Babel, Traceur et Typescript.
  • Typescript en détail, configuration.
  • ES6/2015 approche modulaire.
  • ES7 gestion de l'asynchronicité : await async.
  • "Modules Loaders" : Webpack, "import/export".

Travaux pratiques

Migrer un script ES5/ES6. Mise en œuvre de l'environnement avec TypeScript.

Migrer d'AngularJS 1.x à Angular

  • Comparaison et "topographie" des concepts.
  • Préparer la migration. Structure d'une application Angular.
  • Les modules Angular, "core" et principaux modules.
  • Principe de l'injection de dépendance.
  • Classification des directives : composant, attribut, structure.
  • Les décorateurs : définition des hiérarchies.

Démonstration

Migrer une application AngularJS 1.x vers Angular.

L'utilitaire ng ou @angular/cli

  • Utilisation de l'utilitaire en ligne de commande.
  • Scaffolder une structure de projet : anatomie et dépendance.
  • Configuration des utilitaires de tâches.
  • Configuration et commandes clés.
  • Lancer un server de développement/production (build).
  • Compilation Ahead of Time. La notion de "Tree Shaking".
  • Gestion des modules : bonnes pratiques.
  • BootStrap d'application.

Travaux pratiques

Structurer, "scaffolder" un projet d'application.

Définition de composants

  • Comprendre les Web Components. (standard, concepts, shadow DOM, scoped CSS...).
  • Cycle de vie dans l'application.
  • Angular Compiler : Change Detection.
  • Syntaxe des templates : interpolation/expression, "Binding" et filtres.
  • Directives de transformation : ngIf, ngFor, ngSwitch...
  • Définition syntaxique, le symbole (*).
  • Variables locales et variables de Template.
  • Classe de composants. Directives de configuration : selector, provider.
  • Evénements utilisateur et événements logiques personnalisés : EventEmitter.

Travaux pratiques

Création de composants.

Classifications des composants applicatifs

  • Module, RouterModule, SharedModule.
  • Component, Directive, Pipe, Service, Guard.
  • Principe de l'injection de dépendances.
  • Création de services injectables. Classification des services.
  • Configuration de l'injecteur.
  • Les décorateurs et leurs propriétés en détails.
  • @Host, @ContentChild, @ViewChild.
  • JavaScript Pure function, PurePipe.

Travaux pratiques

Création de composants et de directives personnalisées.

Gestion des formulaires, "Routing" et requête HTTP

  • FormControl et FormGroup.
  • TDF versus DDF : Template Driven Form et Data Driven Form
  • Validation et gestion d'erreur personnalisée.
  • Liaison de données via HTTP.
  • Gestion et configuration des échanges HTTP au niveau applicatif.
  • Création de routes.
  • Intercepter les paramètres de routage et wildcard.
  • Ciblage, "router-outlet" événements de routage.
  • Gestion de routes dans l'arbre des composants.
  • Configuration des "Guard" pour le l'initialisation des routes.

Travaux pratiques

Mise en œuvre des cycles de validation de formulaire. Consommation d'une API REST.

Tests unitaires. Bonnes pratiques et outils

  • Configurer l'environnement de test.
  • Présentation de Karma et de Jasmine.
  • Ecrire les tests avec Jasmine.
  • Ecrire des tests d'intégration avec protractor.
  • Couverture du code. Indices du code-coverage.
  • BDD Behaviour Driven Developpemnt, TDD Test Driven Developpement.
  • Cas de test : pipe, composant, application.
  • Angular "Coding guide Style".

Travaux pratiques

Développement d'une application à partir de tests unitaires. Mise en œuvre du Test Driven Developpement.

Modalités pratiques

Travaux pratiques

Composition modulaire d'une application avec Angular.Méthodes pédagogiques;Chaque nouveau concept théorique sera appliqué immédiatement de façon pratique.

Rester à jour sur les nouveaux avi

Pas encore d'avis.

Partagez vos avis

Avez-vous participé à formation? Partagez votre expérience et aider d'autres personnes à faire le bon choix. Pour vous remercier, nous donnerons 1,00 € à la fondation Stichting Edukans.

Il n'y a pour le moment aucune question fréquente sur ce produit. Si vous avez besoin d'aide ou une question, contactez notre équipe support.

Recevoir une brochure d'information (gratuit)

(optionnel)
(optionnel)
(optionnel)
(optionnel)
(optionnel)
(optionnel)
(optionnel)

Vous avez des questions?

(optionnel)
Nous conservons vos données personnelles dans le but de vous accompagner par email ou téléphone.
Vous pouvez trouver plus d'informations sur : Politique de confidentialité.