Bibliothèques et frameworks javascript

Objectifs

• Maitriser une stack de développeur front
• Choisir les bons outils de tests et de build front

Programme

Les outils de développement

• Mettre en place un bon IDE pour le web
• jsHint : éviter les erreurs de syntaxe
• Configurer les navigateurs et leurs extensions pour les développeurs
• Configurer le poste de travail : nodejs et les npm
• Les outils de test en ligne
  • codepen
  • jsfiddle
  • jsbin

Les outils de build

• Pourquoi des scripts de build
• Quels outils : grunt et gulp
• Concaténation et minification des ressources
• Préprocesseurs CSS : sass, less, sytlus
• Optimisation des images
• Serveur local et liveReload
• WebPack et AMD

Les tests avec Javascript

• Les assertions, présentation et utilisation dans la console
  • UnitJS
  • Chai
• Les tests avec jQuery : QUnit
• Les frameworks de test
  • Jasmine
  • Mocha
• Utilisation de Karma pour lancer des tests
• Serveur de tests web
  • Selenium : automatiser le comportement des navigateurs
• Les tests end to end
  • NightWatch
  • AngularJS et Protractor
• Tester sans navigateur : PhantomJS

Mise en oeuvre :

• Un serveur complet de tests sur une application Javascript

Les tests sur les devices

• Sur des devices réels
• Via les outils de développement des navigateurs
• Sur des émulateurs
• Dans le cloud