Front-end

Le front-end est devenu au fil des années un métier nécessitant des compétences et des connaissances de plus en plus pointues, autour de multiples technologies, elles-mêmes en perpétuelle évolution.
Qu'il s'agisse des frameworks (React, VueJS, Angular), de bibliothèques de visualisation (Leaflet, MapLibre, d3, ...), ou même encore des différentes applications web qu'il est aujourd'hui possible de fabriquer à partir de technos web (SPA, PWA, SSR, SSG, Ionic) les possibilités sont immenses.

Et ce n'est pas fini ! Le web ne cesse de progresser et se renouveler au fil du temps.

Makina Corpus a acquis progressivement ces compétences, au fil des projets que nos clients nous ont confié, et dispose aujourd'hui d'une équipe de professionnels utilisant au quotidien ces différentes briques front-end. Nous nous formons également régulièrement sur les évolutions de ces différentes briques, et contribuons également à notre échelle à certaines d'entre elles.
En choisissant Makina Corpus pour votre formation, vous vous assurez de bénéficier de l'expertise de votre formateur qui utilise au quotidien la techno sur laquelle vous souhaitez être formé !

Kiwi standing on oval

Formation ReactJS

Initiez-vous à la programmation avec ReactJS, la bibliothèque Javascript open source créée par Facebook qui a révolutionné le développement Front-End. Découvrez également Redux, une bibliothèque de gestion d'états.

Objectifs pédagogiques

  • Être capable de créer une application React
  • Maîtriser les concepts de l'immuabilité
  • Savoir faire de la programmation fonctionnelle
  • Savoir faire de la programmation déclarative
  • Être capable de créer une application React / Redux

Formation ReactJS en détail

Programme

Le fil rouge de cette formation ReactJS sera la création d'une application utilisant des données ouvertes et de la cartographie.

Découvrir React et construire une application

1. Introduction à React

  • Différence entre framework et bibliothèque
  • Principes fondamentaux de React
  • Découvrir et comprendre JSX
  • Les classes JavaScript
  • Travaux pratiques : créer une première application élémentaire

2. Construire une application avec React

  • Démarrer un vrai projet React
  • Structurer son projet
  • Récupérer des données depuis un serveur
  • Travaux pratiques : construire une application React consommant les données d'un serveur

3. Intégration d'une bibliothèque tierce

  • Comprendre les cycles de vie d'un composant React
  • Rappels sur JavaScript (Array.map, Array.reduce, bind, this)
  • Travaux pratiques : afficher les données grâce à une bibliothèque tierce

Gestion d'état et mise à l'échelle

1. Découvrir l'architecture Flux / Redux

  • Comprendre le 1-way data flow
  • Découvrir la gestion d'état
  • Découverte du hot-reloading et voyage dans le temps (undo/redo)
  • Travaux pratiques : ajouter redux à une application React

2. L'immuabilité

  • Découverte de immutable.js
  • Comprendre l'intérêt de l'immutabilité pour les performances
  • Travaux pratiques : mise à jour de l'application avec un état immuable

3. Tester son application

  • Tester les composants React
  • Tester les modifications de l'état
  • Découverte de Enzyme et Jest
  • Travaux pratiques : ouvrir son application avec des tests

4. Aller plus loin

  • Les outils de développement pour React (react devtools, redux devtools)
  • React-Router ou la gestion des routes

Public visé et pré-requis

Public

Développeurs

Pré-requis

  • Maîtrise de JavaScript
  • Maîtrise de HTML

Ces pré-requis seront contrôlés et validés sous forme d’entretien téléphonique réalisé au plus tard 2 semaines avant la formation. En cas de non adéquation, des solutions alternatives seront proposées.

Personne en situation de handicap

Pour toutes questions relatives à l’accueil d’un participant présentant un handicap, merci de nous contacter préalablement avant toute inscription.

Ingénierie pédagogique

Moyens pédagogiques et techniques

  • Les supports de cours (slides) seront disponibles en ligne et distribués en début de formation (à l'aide d'un lien vers notre outil interne ou d'une version numérisée), puis fournis au format électronique à la fin de la formation.
  • Une salle de formation équipée d'une connexion Internet, d'un vidéoprojecteur, paperboard...
  • Un ordinateur par stagiaire avec un système d'exploitation installé et les outils nécessaires.

Modalités de suivi de l'exécution du programme

  • Durant la formation : alternance d'apports théoriques et d’exercices pratiques sous forme de travaux pratiques corrigés avec l’expert-formateur.
  • En fin de formation : évaluation à chaud sur l'atteinte des objectifs pédagogiques sous forme de tour de table et de test de connaissances, d'exercices, de QCM.

Moyens d'encadrement

Formation assurée par un expert front-end.

Experts React

Benjamin Marguin

Développement front-end


Toulouse