OBJECTIFS PEDAGOGIQUES
Ce cours vous présentera l’importance du JavaScript dans les architectures orientées Web et mobiles. Vous découvrirez différents frameworks de conception et solutions d’industrialisation du Front. Il vous aidera également à mieux comprendre l’impact du JavaScript sur l’organisation et la productivité des équipes.
PUBLIC
Développeurs, chefs de projets et architectes. |
PRE-REQUIS
Aucune connaissance particulière. |
CONTENU
Evolution du JavaScript/les outils du Front-End
- Les langages Ecmascript. Programmation et concepts Objet.
- Evolution vers ECMAScript 6 : constructeurs, polymorphisme, fonctions, array, déclaration et portée de variables.
- CoffeeScript et la programmation Objet renforcée, TypeScript, MetaScript.
- Présentation de Grunt et des traitements pour minifier CSS, JavaScript.
- Gestion des packages avec Bower. NPM et l’environnement collaboratif de composants.
- Synchronisation navigateur/développements (Browsersync…).
- Environnement de test avec NodeJS. Les outils de débogage et de profiling.
- Présentation de Chrome devtools (profiling mémoire, remote debug…).
Frameworks JavaScript, API HTML5/JavaScript au service du Responsive
- Frameworks de composants graphiques et techniques (jQuery, prototype…).
- Frameworks MVC clients Backbone, AngularJs, EmberJS.
- Frameworks mobile (jQuery Mobile, Sencha…).
- Framework NodeJS (du JavaScript côté serveur).
- API HTML5 : graphisme et accès aux ressources des terminaux (gyroscope, rotation, caméra…).
- Importance de JavaScript dans le Responsive. Gestion des images retina.
- Contrôle des ressources disponibles et chargement dynamique. Impact du Responsive sur la performance, solutions.
- Quel rôle attribuer au JavaScript et au design (HTML CSS) ? Répartition des rôles.
Traitements multithread/Protocoles de communication
- Les WebWorkers, impact sur l’organisation logicielle et la construction de frameworks.
- Programmation asynchrone, solutions, organisation.
- Ajax 2, opportunité sur les échanges Client/Serveur.
- Echange multiframe (PostMessage).
- Websocket et opportunités (push…).
- SOAP : point sur les appels client.
- Solutions collaboratives et protocoles OT : sharejs, togetherjs…
Mode déconnecté/Sécurité
- Mise en place d’une solution embarquée.
- Gestion des chargements du cache (manifest et ses API).
- Stockage de données : LocalStorage, SessionStorage, EmbededDB…
- Sécurisation des codes JavaScript.
- Protection XSS, CRSF.
- Encodage et pratique de modification du DOM.
- Stockage de données. |
