Skip to content

Latest commit

 

History

History
113 lines (71 loc) · 3.24 KB

Formation-javascript-avance.md

File metadata and controls

113 lines (71 loc) · 3.24 KB
Raw

Formation Javascript Avancé

Les compétences que valide cette formation

  • Re-découvrir l'écosystème Js et les librairies les plus utiles
  • Rappel de quelques unes des notions fondamentales de Javascript
  • Architecture d'une application Javascript
  • Re-découvrir jQuery
  • Prototypage et documentation
  • Assurance qualité : Tester et vérifier son code
  • Sensibilisation à la performance des applications Js
  • Packaging, déploiement et méthodologie collaborative

Durée

  • 3 jours

Public

  • Développeurs web, intégrateurs HTML/CSS, utilisant déjà ponctuellement Javascript

Prérequis

  • Notions de développement de page web avec HTML
  • Notions basiques de développement avec Javascript

Methode pratique

Courte présentation de chaque point, réponses aux questions, et travaux dirigés en groupe, sous la forme de workshops, un par chapitre de la formation.

Formateur

Ronan Guilloux

Passionate open-source developer, enthusiastic learner, CTO at lespolypodes.com

Programme détaillé de la formation

Premier jour

Re-découvrir l'écosystème Js

  • Aperçu des usages de Js aujourd'hui
  • Actualité du langage Js et d'EcmaScript
  • Le moteur Js est-il différent dans chaque navigateur web ?
  • Comprendre la différence entre frontend JS et server-side Js
  • Choisir un éditeur, configurer la coloration syntaxique

Rappel de quelques unes des notions fondamentales de Javascript

  • La portée d'une variable (scope)
  • Les objets et le prototypage
  • Les fonctions: définition, appel, paramètres
  • comment rendre publics ou privés les attributs et méthodes d'un objet Js
  • La notion de callback

Architecture d'une application Javascript

  • Comment organiser et factoriser son code de manière modulaire
  • Google JS Style guide, JSHint, JSLint
  • Js jokes: undefined VS null, conversions

Mise en pratique

  • Workshop: Gérer une liste de contacts en Js

Deuxième jour

jQuery

  • jQuery... et ses alternatives (Zepto.js)
  • Choisir entre jQuery et le "vanilla Js"
  • Créer un module (plugin) basé sur jQuery
  • Bonnes et mauvaises pratiques avec jQuery

Mise en pratique

  • Workshop: Créer un plugin métier basé sur jQuery

Prototypage et documentation

  • Découvrir les éditeurs collaboratifs en ligne, pour le prototypage (codepen.io, jsfiddle, etc.)
  • Commenter/documenter utilement le code et utiliser JsDoc

Choisir et mettre en oeuvre une "assurance qualité" pour son code

  • Utiliser un framework de test unitaires et la pratique du Test-Driven Developement,
  • Utiliser un framework de tests fonctionels, et comprendre les tests de comportement (BDD

Mise en pratique

  • Workshop: Créer une suite de tests pour le code Js

Troisième jour

Sensibilisation à la performance des applications Js

  • Utiliser un CDN + un fallback local

  • Epargner la mémoire du navigateur

  • Automatiser la minification du code Js

  • Require.Js : n'invoquer que ce dont vous avez besoin

  • Workshop: Monitorer Javascript et la mémoire navigateur avec Chrome Developer Tool

Packaging, déploiement et méthodologie collaborative

  • Présentation rapide de NodeJS et npm

  • Présentation de Bower

  • Présentation de Grunt ou Gulp (au choix)

  • Présentation de Yeoman

  • Workshop: Créer un workflow de build avec Js