Formation Software Craftsmanship Front-End

Description

Cette formation Craftsmanship Front-End vous permettra de concevoir un front-end robuste, maintenable et aligné avec les standards de qualité professionnelle.

Au cours de ces 2 jours de formation, vous :

• découvrirez les principes du Software Craftsmanship et de l’eXtreme Programming pour adopter une approche durable et pragmatique du développement front-end,
• explorerez les fondamentaux du Test-Driven Development (TDD), du pair programming et de l’intégration continue dans un contexte orienté composant (React, Vue.js, Angular...), et
• développerez vos soft skills pour mieux collaborer et améliorer la communication en équipe.

Public :

Cette formation est destinée aux développeur·euse·s JavaScript et Front-End.

Ils témoignent

Les objectifs

• Maîtriser l'écriture de tests et se baser sur les tests pour faire émerger l'architecture Web de ses applications
• Connaître et appliquer les différentes manières de développer (Test-After, Test-First, TDD, BDD, ...)
• 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
• Travailler en équipe de manière qualitative et coordonnée entre les développeurs (Pair Programming, Pomodoro, Mob Programming)
• Établir un stratégie d'équipe pour développer le plus efficacement (Agilité, Pyramide de tests, Atelier)

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 : Rappels & Craftsmanship pratique et théorie sur des cas simples

• Rappels sur JavaScript
• Les outils
  • Node.js
  • Les Framework de tests (Jest, Vitest, ...)
• Nos premières méthodologies de tests
  • Test After
  • Test First
  • Spec Driven Development
• Technique de test
  • Inversion de contrôle
  • Spy
  • Stub
  • Mock
• Les différents type de tests des statiques aux bout en bout
• D'autres méthodologies de tests
  • TDD
  • ATDD
  • BDD

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

Jour 2 : Prise de recule, travail en équipe et spécificité du front-end

• Rappels sur les Frameworks orientés composant
  • Au choix pour chaque participant
    • React, Angular, vue.js, Web Component
• Comment tester un front-end
  • Outils (testing-library)
  • Tester des composants
• Les bonnes pratiques des projets front-end
• Le travail en équipe
  • Atelier : "pyramide de test"
  • Code Review
  • Pair programming
• Patterns 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

Bonus :

• Les architectures front-end (Clean Archi, MVVM / MVC, Redux-like, ...)
• Compilation des pires pratiques front-end

Télécharger le programme

Formations associées

• 

  Refactoring Code Legacy

  2 jours
• 

  Software Craftsmanship TDD

  2 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 1651 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 : 172 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