Formation Software Craftsmanship Front-End

Description

Les pratiques d'eXtreme Programming (XP), les tests, le TDD et l'Agilité donnent des valeurs, des approches et des pratiques intéressantes certes, mais comment les mettre en pratique sur un projet front-end ?

L'écosystème front-end est très mouvant, les frameworks nombreux, les outils encore plus nombreux, chaque projet possède donc ses propres patterns, son architecture et sa manière de tester.

Cette formation Craftsmanship Front-End est l'occasion de voir ensemble quels sont les points communs entre chaque projet Web et ce qui différencie le front-end des autres types de projets.

Vous vous frotterez bien sûr aux tests, mais pas que ! Nous aborderons d'autres sujets tels que l'importance des softs-skills ou encore la communication entre les différents membres de l'équipe.

Au travers d'exemples concrets, pour être au plus près des conditions réelles, nous verrons quelles sont les bonnes pratiques à mettre en place, afin de vous donner toute la confiance nécessaire pour livrer vos projets Web sereinement.

Cette formation Craftsmanship Front-End s'adresse à des développeurs et développeuses JavaScript et Front-End souhaitant acquérir des clés et bonnes pratiques de développement à utiliser de manière durable dans leurs projets Web.

A noter que les principes abordés lors de cette formation sont indépendants du Framework front-end choisi.

Les objectifs

• Mettre en œuvre plusieurs pratiques issues de l'eXtreme Programming, et de l'Agilité (TDD, pair-programming, intégration continue, automatisation des tests...),
• Comprendre l'importance des tests dans un contexte front-end orienté composant (React, Vue.js, Angular, Vanilla...),
• Repenser des applications existantes grâce à l'ajout de tests en vue de l'amélioration continue,
• Se baser sur les tests pour faire émerger l'architecture Web de ses applications,
• Sensibiliser aux "softs-skills" et à l'importance de la communication au sein d'une équipe et avec l'extérieur

Pré-requis

• Expérience d'au moins un an dans un langage de programmation
• Avoir suivi une formation JavaScript ou bien connaître les scopes (this, closure) en JavaScript et bien comprendre les fonctions et les classes en JavaScript
• Node.js en version récente installée sur son ordinateur
• Ordinateur portable à apporter

Le programme de la formation Software Craftsmanship Front-End

Jour 1 : Craftsmanship & Rappels

• Rappels sur JavaScript
  • ES5
  • ES6+
• Les outils
  • Node.js et NPM
  • Les Framework de tests
  • Jest
• Nos premières méthodologies de tests
  • Test After
  • Test First
  • Spec Driven Development
• L'Agilité
  • Aperçu rapide
  • Apprendre à écrire une User Story
• Les bonnes pratiques des projets front-end

Mises en pratiques :
- Développer une application simple à partir de 0 en testant plusieurs méthodologies (Test-After, Test-First, Spec Driven Dev, ...)

Jour 2 : Les spécificités du front-end

• Outils de test
  • Inversion de contrôle
  • Spy
  • Stub
  • Mock
• D'autres méthodologies de tests
  • TDD
  • ATDD
  • BDD
• Rappels sur les Frameworks orientés composant
  • Au choix (React, Angular, vue.js, ...)
• Les types de tests
• Comment tester un front-end
  • Outils (testing-library)
  • Tester des composants
• Patterns Front-end
• Code smells Front-end

Mises en pratiques :
- Une application complexe est déjà développée, l'ensemble des stagiaires établissent alors une stratégie pour refactorer ce code sereinement

Télécharger le programme

Formations associées

• 

  Refactoring Code Legacy

  2 jours
• 

  Software Craftsmanship TDD

  2 jours
• 

  NestJS

  3 jours

Formateur

Florent BERTHELOT

Florent est passionné du Web et des technologies qui gravitent autour. Il aime le W3C, le TC39 (quand il ne smoosh pas devant lui), le WhatWG, les frameworks JS (React, Vue.js, Node.js, Angular, ...) et la vanille.

Transmettre sa passion pour l'artisanat web occupe une part importante de son travail de développeur (meetups, formations, conférences, encadrement de stagiaires).

Vive le web, Vive le JS et Vive l'artisanat!

FAQ

8 raisons de participer à une formation Human Coders

• Satisfaction client élevée : Un taux de statisfaction de 4,6/5 depuis 2012 (sur 2224 sessions réalisées). 99% des participants se disent satisfaits de nos formations
• Approche pédagogique unique : Des formations en petit groupe, des formateurs passionnés et expérimentés, de véritables workshops... (Plus d'infos sur notre manifeste)
• Catalogue de formations complet : 104 formations au catalogue, de quoi vous accompagner sur tout vos projets
• Écosystème dynamique : Nous accompagnons les dev depuis 13 ans avec des initiatives comme Human Coders News, les Human Talks, le podcast ou encore notre serveur Discord
• Financement facilité : Organisme certifié Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
• Références clients prestigieuses : De nombreux clients qui nous font confiance depuis des années
• Accompagnement sur mesure : Nous vous proposons un accompagnement personnalisé par nos consultants pour vous aider dans vos projets au-delà de la formation
• Valorisation professionnelle : Remise d'un diplôme, d'une attestation et d'une certification, suivant les formations effectuées, que vous pourrez afficher sur vos CV et réseaux sociaux