Page 204 - CATALOGUE AGINIUS 2020
P. 204
Développement et Méthodes Développement et Méthodes
Node.JS React.JS Vue.js Angular
2 jours 3 jours 3 jours 3 jours
Objectifs Ref. 4-OS-NODE Objectifs Ref. 4-JS-REA Objectifs Ref. 4-JS-VUE Objectifs Ref. 4-AN-ANG
• Connaître l’architecture et le fonctionnement de NodeJS • Comprendre les caractéristiques de React JS pour développer des • Comprendre les caractéristiques de Vue JS pour développer des • A l’issue de notre formation Angular, vous aurez la maîtrise de votre
• Savoir installer et configurer NodeJS et son écosystème de plugins applications Web performante applications Web performante framework Angular afin de pouvoir créer et développer des applications
• Comprendre les concepts d’une architecture asynchrone Public Public Web de manière efficace.
• Savoir créer des applications NodeJS • Le formateur abordera l’intégralité des éléments lités à l’utilisation
• Mettre en oeuvre les meilleures pratiques de développement et d’utilisation • Architecte, développeur et chef de projets Web • Architecte, développeur et chef de projets Web d’Angular quant au développement: les bases de JavaScript et TypeScript,
de NodeJS les notions de gestion évènementielle, de templating, le routin, les
interactions JSON, etc…
Public Prérequis Prérequis • Cette formation se déroulera sur la version 5, tout en abordant les
• Bonne pratique du développement Web et maitrise de Javascript • Bonne pratique du développement Web et maitrise de Javascript
différences avec les versions 4 et 2.
• Développeur Java et JavaScript, Architecte • En résumé, après ces trois jours, vous serez en mesure :De créer aisément
Prérequis Moyens pédagogiques Moyens pédagogiques des applications web complexes
• Formation initiale ou expérience en développement informatique requise • Formateur expert dans le domaine • Formateur expert dans le domaine • De maîtriser les concepts et la syntaxe d’Angular
• D’organiser et modulariser vos développements JavaScript
• Mise à disposition d’un ordinateur, support de cours remis à chaque
• Mise à disposition d’un ordinateur, support de cours remis à chaque
• Connaissance et pratique régulière deJavascript et XML participant, vidéo projecteur, tableau blanc et paperboard participant, vidéo projecteur, tableau blanc et paperboard
Moyens pédagogiques • Feuille de présence signée en demi-journée, évaluation des acquis tout au • Feuille de présence signée en demi-journée, évaluation des acquis tout au Public
long de la formation, questionnaire de satisfaction, attestation de stage
long de la formation, questionnaire de satisfaction, attestation de stage
• Formateur expert dans le domaine • Développeurs JavaScript avec une expérience dans le domaine
• Mise à disposition d’un ordinateur, support de cours remis à chaque Prérequis
participant, vidéo projecteur, tableau blanc et paperboard
• Feuille de présence signée en demi-journée, évaluation des acquis tout au • Avoir suivi une formation JavaScript, ou posséder niveau équivalent
long de la formation, questionnaire de satisfaction, attestation de stage
Moyens pédagogiques
• Formateur expert dans le domaine
Programme Programme Programme • Mise à disposition d’un ordinateur, support de cours remis à chaque
participant, vidéo projecteur, tableau blanc et paperboard
1. Introduction 1. Introduction • Feuille de présence signée en demi-journée, évaluation des acquis tout au
1. Rappel des bonnes pratiques javascript • Principes de ReactJS • Environnement JS long de la formation, questionnaire de satisfaction, attestation de stage
• Visibilité des variables • Rappels sur JavaScript, HTML5, CSS, le DOM • ECMAScript, Webpack et Babel
• Structuration de code • Rappels du pattern Modèle Vue Contrôleur (MVC) • Positionnement de VueJS Versus React et Angular. Programme
• Les Closures • Positionnement de ReactJS • Outils de développement et Plug-ins 1. Vue d’ensemble d’Angular
• Objets et prototypes • Virtual DOM avec ReactJS • Compilateurs et Débuggeur disponibles
• Underscore.js • Outils de développement et Plug-ins 2. Mode Projet • Le framework
2. Introduction à nodejs • Compilateurs disponibles • Gestion d’un projet avec vue-cli. • Angular et Google
• L’intérêt pour les sites et applications
• Origine du projet 2. Composants ReactJS • L’instance Vue. • Responsive design
• Le moteur d’interprétation Chrome V8 • Création de composant • Composant Vue.js. 2. Rappel sur ES6/ES2015 et TypeScript
• La notion de gestion d’événements • Amélioration des fonctionnalités du composant développé • Evénements du DOM.
• Les différents usages • Propriétés d’un composant 3. Mode composants • Compileurs ES6 : babel, traceur et typescript
• Overiew de l’écosystème de plugins • Etats d’un composant • Hiérarchie des composants, les props et méthodes • Nouveautes ES6 : portée de a un bloc, template litterals, arrow functions…
• Installation • Evènements d’un composant • Etat et données • Typage fort et interfaces
• Un tout premier exemple • Présentation de JSX et ES2015 • Passer du contenu à un composant : les slots. 3. Modules ES6 et dépendances
3. Architecture de nodejs • Présentation approfondie du Virtual DOM • Evénements custom. • Import / export
• Cycle de vie
• Asynchronisme 3. Communication entre-composants • Le cycle de vie des composants. • Loader : SystemJS
• Programmation par callbacks 4. Mode templates 4. Classes ES6 (contrôleurs)
• l’event loop • Auto-binding et délégation • Filters et computedProps. • Classes et héritage
4. Modules et gestion de dépendances • Spécificité des formulaires • Directives • Visibilité, statique, abstraction…....
• Le DOM
• l’approche modulaire 4. Application monopage avec ReactJS et Flux ou Redux • Composants VueJS. • Composants
• NPM et manipulation des modules • Animations & transitions : améliorer l’expérience utilisateur. • Décorateurs / annotations
• Le fichier package.json en détail • Architecture 5. La navigation • Sélecteur
• Modularisation de son code • Les Flux des données • Principes de Vue router. • Vues
• Modules noyaux: console, process, os, fs, path et util • Création des MVC • La déclaration des vues 5. Templating et data-binding
• Publier un module sur NPM • Le distpacher / les stores - Flux • Les Navigation Guards. • Interpolation
5. Node et le Web : HTTP, Connect & Express • Le Reducer - Redux • Transitions entre écrans. • Property binding
• Hot Loader - ReactJS
• Périmètre du module HTTP 5. Application isomorphique 6. Gestion de données Vuex • 2-way data-binding
• Connect et ses middlewares • Principe de développement. • Concepts de base et Data store • Classes et styles
• Serveur Web avec Express • JavaScript côté serveur vs coté client • Installation et mise en œuvre. • Pipes (filtres)
• Générer un serveur Express generator • Initiation à NodeJS. • Étendre Vuex avec les plugins. 6. Événements et formulaires
• Router les requêtes • Configuration de NodeJs pour ReactJS. • Mutation de l’état de l’application • Event binding
• Gestion d’une requête et création d’une réponse • Routage • Partage de données • User input
• Utiliser un moteur de template 7. Fonctions avancées • Contrôles et validation
• Ouverture à Passport et Hapi 6. Introduction à React Native • Les formulaires 7. Directives
6. L’asynchrone en détails • Développements natifs pour iOS et Android • « two-way data binding » et « one way data flow » • Component directives
• Callback Hell & Pyramid of Doom • Mixins et plugins. • Structural directives
• Le module async • Compilation & optimisation des performances. • Attribute directives
• Les promesses • Server Side Rendering. 8. Dependency Injection et services
• Exemples d’enchaînement et de parallélisation • Ajax avec Axios • Services
• Gestion des erreurs • Application mobiles avec REST • Injectors et providers
7. Communication temps réel • Injection de dépendances
• Intégration des websockets HTML5 • 9.Routing et navigation
• Socket.io • Angular router
• Gestion des transports • Configuration des routes
• Intégration côté client et côté serveur 10. Asynchronicité
8. La gestion des streams • Promises
• Description de Streams2 • Observables
• Buffers • RxJS
• Type de flux 11. AJAX et API
• http
• jsonp
202 FORMATIONS 2020 FORMATIONS 2020 203