Contactez-nous

Industrialisation Front-End

Formation Industrialisation Front-End

L'industrialisation concerne l'ensemble des outils et des bibliothèques améliorant la productivité et la qualité des projets de développement. Lors de cette formation nous allons étudier le cas du développement front-end, des éditeurs de code jusqu'à l'automatisation des tests.

Objectifs

  • Développeurs
  • Chefs de projet

Pré-requis

  • HTML / CSS
  • JavaScript

Programme

Jour 1

  • Les IDEs Front-End
    • Visual Studio Code
    • WebStorm
    • EditorConfig
  • Gestionnaires de dépendance
    • Les modernes : npm / Yarn
    • Les anciens : Bower / jspm
    • Processus de mise à jour
    • Processus de migration
    • Publier un paquet
    • Paquets privés
  • Frameworks HTML/CSS
    • Bootstrap 3 et 4
    • Semantic UI
    • Foundation
    • Material Design : Material Design Lite, Materialize
  • Frameworks JavaScript
    • AngularJS
    • Angular
    • React

Jour 2

  • Préprocesseurs CSS
    • Less
    • SASS et SCSS
    • Stylus / Myth
    • PostCSS : cssnext
  • Méthodologies CSS
    • BEM
    • SMACSS
    • OOCSS
    • ITCSS
  • Modules / Loaders / Bundlers JavaScript
    • Modules : IIFE, CommonJS, AMD, ECMAScript (ESM)
    • Loaders : Require.js / systemjs
    • Bundlers : webpack / browserify / Rollup

Jour 3

  • Documentation et conventions de codes
    • Générer une documentation d’API : JSDoc
    • Les guides : Google / Airbnb / Standard
    • Les linters JavaScript : JSLint, JSHint, ESLint
    • Les linters HTML / CSS : htmllint, CSSLint, stylelint
    • Les formateurs automatiques : Prettier, XO
  • Task Runners
    • Configurer l'automatisation : Grunt
    • Des builds plus rapides : gulp
  • Les compilateurs JavaScript
    • Compatibilité des moteurs JS : Babel
    • Typage Statique : TypeScript et Flow
    • Performance : WebAssembly / ASM.js
  • Automatiser les tests
    • Les différents types de tests : Unitaire, Intégration, Fonctionnel, End-to-End
    • Tests unitaires / d’intégration : QUnit, Jasmine, Mocha / chai
    • Tests runners : Karma
    • Parallélisation : Ava / Jest
    • Tests End-to-End (E2E) : Selenium, Webdriver, Cucumber