JavaScript Industrialisation Front-End

Mettre en place un environnement de développement et de tests avec JavaScript

  • Filière :

    Développement logiciel

  • Sous-filière :

    Technos Web (PHP, JS...)

  • Référence

    XW-JSI

  • Durée

    2 jours (14 h)

  • Prix par personne HT

    Sur demande

Objectifs pédagogiques

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

Public cible

  • Développeurs
  • Web designers

Pré-requis

Formation JavaScript

Programme de la formation

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

 

 

Qualité

Cette formation est accessible aux personnes en situation de handicap, nous contacter en cas de besoin d’informations complémentaires.

Programme mis à jour le