Développement Front-End - React.js 16.8
4.2 (21 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
101 students enrolled

Développement Front-End - React.js 16.8

Composants React & props, React Hooks, délégation d'événements, localStorage, transactions HTTP & API
4.2 (21 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
101 students enrolled
Created by Sandra L
Last updated 4/2020
French
Current price: $83.99 Original price: $119.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 6.5 hours on-demand video
  • 9 articles
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Les fondamentaux et principaux concepts de React
  • Monter en compétences dans les langages javascript et ES6
  • Réaliser des expériences utilisateurs riches avec React, Bootstrap et Font Awesome
  • Faire des transaction HTTP pour interroger les APIs
Course content
Expand all 71 lectures 06:31:10
+ Présentation, Quick Start , "Bonjour Monde"
15 lectures 01:29:41
Composant Complexe (stateful)
08:40
Installer Environnement de travail (Docs)
00:20
Première application react 1/2
18:08
Première application react 2/2
10:10
Les outils (Docs)
00:01
Objectifs
06:02
Pré-requis
03:14
Installer l'environnement de travail - 1/2
07:27
Installer l'environnement de travail - 2/2
04:25
Gestionnaires de Modules : homebrew et yarn.
03:57
install react globally
04:22
create-react-app CLI
07:11
Exemple: "Bonjour Monde"
02:14
+ Les composants React
6 lectures 37:12
Introduction
07:04
Composant Réact
09:26
Créer un composant à etat (stateful)
04:11
maintenir état local (this.state)
12:29
Ajouter du style
02:26
Afficher un message "Bonjour React" en cliquant sur un bouton
Projet React : composant, état local et événement
1 question
Fin
01:36

une dizaine de question pour vérifier et tester vos premières connaissance en React.

Are you React Ready ?
9 questions
+ New York Times News Search
11 lectures 01:05:44
introduction
03:00
Installation (Docs)
00:06
New York Times Developers API
05:33
Projet de démarrage
08:24
Gérer les événements - OnChange
04:48
Gérer les événements - OnSubmit
04:32
requête HTTP (fetch)
10:37
parseJSON
11:53
NewsList.js component
06:55
SearchBar.js component
04:13
Fin
05:43
+ Application Utilitaire : Todo
12 lectures 01:05:36
Introduction
04:45
Installation (Docs)
00:06
Projet
06:36
état local
04:56
events
11:07
Style - CSS
02:30
Fonction delete
08:34
Placeholder dynamique
05:18
Persister les données avec localStorage
02:24
npm localStorage
06:08
setItem() et getItem()
03:52
Composant complexe
09:20
+ Weather Forecast
11 lectures 56:44
Introduction
04:14
Openweathermap.org API
06:41
Installation (Docs)
00:06
Documentation & APICall
09:05
API call & response
03:14
parse-JSON
05:46
Searchbar.js component
07:56
Passer les arguments - this.props
12:13
Unit formatting
02:20
Date formatting
02:19
Fin: Footer.js component
02:50
+ Site Multi-pages Portfolio
7 lectures 34:39
Introduction
02:57
Installation (docs)
00:06
Component-based portfolio project
03:08
Section : about
07:55
experience-sections
08:01
Section : education
04:30
Créer les routes de navigation - react-router-dom
08:02
+ React Hooks
7 lectures 40:00
Introduction à React Hooks
03:34
Fichiers
00:03
Hook d'état (useState)
05:28
Hook d'état avec Setter & Getter
06:44
Démo Live
17:10
Demo Live - Files
00:12
Hook d'effet (useEffect)
06:49
Requirements
  • Connaissances d'HTML, CSS & Javascript
  • Utiliser le navigateur Chrome (utilisation fréquente de l'inspector Tool et React dev Tools)
  • Un code éditeur ou IDE (recommandé : Visual code studio)
  • Travailler avec le terminal ou shell
  • Dernières versions de node et npm
Description

React.js : 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 l'é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 (quiz & TP)

Je reste disponible pour répondre à vos éventuelles questions.
Bonne formation !

Who this course is for:
  • Beginner