React.js : librarie javascript, est devenu une référence incontournable pour le développement d’interfaces utilisateurs riches et dynamiques. Le projet open-source, développé en 2013 par Facebook est utilisé par une communauté de millions de développeurs.
Cette formation en ligne sera l'occasion d'aborder les concepts suivants :
- présenter les fondamentaux et les concepts clés de React.js pour découvrir la puissance du framework,
- explorer les bénéfices avec plusieurs projets. Les démos sont orientés projets web avec React.js,
- développer des composants autonomes et réutilisables,
- comprendre et maintenir composants complexes à état (stateful),
- Monter en compétences avec les travaux pratiques.
Au programme de cette formation en ligne React Front End
Voici ce que nous allons aborder :
- Introduction à JSX, ES6 et ES7,
- les cycles de vie des composants ,
- les composants, simples et complexes,
- Maintenir état local des composants,
- Définition et transfert d'attributs avec props,
- gestion et délégation d’événements.
Cette formation est accessible pour tous les niveaux.
Quelques bases de HTML, CSS et JS suffiront pour suivre le cours divisé en plusieurs sections et organisé en plusieurs cas pratiques.
A la fin, un QCM vous permettra de tester vos nouvelles connaissances.
Je reste disponible pour répondre à vos éventuelles questions.
Bonne formation !
Table des matières de cette formation React (durée : 5h49m)
-
Démarrer, Présentation, "Bonjour Monde"
- Présentation gratuit 00:01:24
- Introduction gratuit 00:03:36
- Composant simple (stateless) 00:09:01
- Composant à état (stateful) 00:08:40
- Les objectifs gratuit 00:06:02
- Pré-requis gratuit 00:03:15
- Première application react 1/2 00:10:11
- Première application react 2/2 00:18:09
- Installer environnement 1/2 00:04:25
- Installer environnement 2/2 00:07:27
- Homebrew yarn 00:03:58
- Install react globally 00:04:23
- Create-react-app CLI 00:07:12
- Exemple : 00:02:14
-
Component-based Shopping List App
- Introduction gratuit 00:07:05
- Créer un composant 00:09:26
- Créer un composant à état (stateful) 00:04:11
- Maintenir état local (this.state) 00:12:30
- Ajouter du style 00:02:27
- React developer tool - Chrome extension 00:01:37
-
New York Times News Search
- Introduction gratuit 00:03:00
- New York Times Developers API 00:05:34
- Projet Démarrage : Bootstrap 00:08:25
- Gérer les événements - OnChange 00:04:49
- Gérer les événements - OnSubmit 00:04:32
- Requête HTTP 00:10:37
- ParseJSON 00:11:53
- NewsList.js component 00:06:56
- Searchbar.js component 00:04:13
- Fin 00:05:43
-
Application utilitaire : Todo
- Introduction gratuit 00:04:46
- Projet de démarrage 00:06:36
- This.state 00:04:56
- Gérer les événements 00:11:07
- Style - CSS 00:02:31
- Fonction delete 00:08:34
- Placeholder dynamique 00:05:19
- Persistence des données avec localStorage 00:02:25
- Npm localStorage 00:06:08
- SetItem() et getItem() 00:03:53
- Fin 00:09:21
-
Weather Forecast - API
- Introdouction gratuit 00:04:14
- Openweathermap API 00:06:41
- API call 00:09:05
- API call & response 00:03:15
- API call & parseJSON 00:05:46
- Searchbar.js component 00:07:56
- Composant, attributs et props 00:12:14
- Unit Formatting 00:02:20
- Date Formatting 00:02:20
- Fin: Footer.js component 00:02:50
-
Site Multi-pages Portfolio
- Introduction gratuit 00:02:57
- Component-based portfolio project 00:03:09
- Section : about 00:07:56
- Section : expérience 00:08:01
- Section : éducation 00:04:30
- Créer les routes de navigation avec react-router-dom 00:08:03
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Sandy Ludosky
-
Avec quelle version de logiciel ce tuto est-il compatible ?React
-
Quel est le niveau requis pour suivre ce tuto ?débutant