Contenu de la formation
Partie 1React et JavaScript : créer des interfaces web pour développeurs débutants
Apprenez à construire une interface React fonctionnelle, de ses premiers composants à l’intégration d’une API.
5 jours (35 h), en présentiel, à distance ou en hybrideDébutantDébutants en développement web, étudiants en informatique et profils en reconversion disposant de bases en HTML, CSS et JavaScript.
Programme détaillé
Durée
5 jours (35 h), répartis en 5 séances d’une journée
Prérequis
Connaissances de base en HTML, CSS et JavaScript. Savoir utiliser un ordinateur et manipuler des fichiers ; une première expérience de programmation est recommandée.
Objectifs pédagogiques
- Comprendre la structure et le fonctionnement d’une application React.
- Créer des composants réutilisables et transmettre des données entre composants.
- Gérer les événements, les formulaires et les états d’une interface.
- Afficher des données issues d’une API dans une interface web.
- Organiser et suivre les évolutions d’un mini-projet avec Git.
- 1Préparer son environnement et comprendre React
- Rôle d’une bibliothèque d’interface et organisation d’une application.
- Mise en place du projet et découverte de sa structure.
- Première page et aperçu du cycle de développement.
- 2Construire des composants
- Créer des composants fonctionnels et les réutiliser.
- Transmettre des informations avec les props.
- Structurer une interface en blocs lisibles et maintenables.
- 3Afficher et organiser les données
- Afficher des listes et des contenus conditionnels.
- Utiliser les expressions JavaScript dans les vues.
- Appliquer une organisation cohérente aux composants et aux données.
- 4Gérer les interactions et les formulaires
- Réagir aux événements utilisateur.
- Gérer l’état d’un composant et mettre à jour l’affichage.
- Créer un formulaire simple et contrôler la saisie.
- 5Connecter l’interface à une API
- Comprendre les échanges entre une interface et une API.
- Récupérer et afficher des données.
- Prévoir les états de chargement, d’erreur et de résultat vide.
- 6Réaliser et présenter un mini-projet
- Assembler les composants dans une petite application métier.
- Suivre les évolutions du projet avec Git.
- Tester les principaux parcours et présenter les choix réalisés.
Évaluation : Évaluation continue à partir des exercices et de la participation aux mises en pratique. En fin de formation, réalisation d’un mini-projet évalué selon le fonctionnement, la structuration des composants, l’affichage des données et la capacité à expliquer les choix effectués.
Les formateurs de cette formation
Hind A.React et JavaScript : créer des interfaces web pour développeurs débutantsDéveloppement d’interfaces avec React · Composants et props · Gestion des états et événementsVoir le profil du formateur →Expert Git et GitHub pour équipes de développement à FèsPlus de 2 ans d’expérienceGit · GitHub · Gestion de versionsVoir le profil du formateur →Consultant formateur Git et GitHub pour développeurs5 à 10 ans d’expérienceGit · GitHub · Gestion de versionsVoir le profil du formateur →
Dans le catalogue FormaGroup
FormaGroup organise cette formation dans votre ville ou à distance : dates, groupe ou session individuelle, attestation de formation.
S’inscrire