19,00

Tuto Développement Front-End en React.js 16.8 avec React

19,00

  • Une formation vidéo de 5h49m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Développement Front-End en React.js 16.8

ajouter ce cours aux favoris retirer ce cours des favoris

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



Formateur : Sandy Ludosky

Sandy Ludosky a publié 28 tutoriels et obtenu une note moyenne de 4,4/5 sur 3 512 tutoriels vendus. Sandy Ludosky est un formateur certifié tuto.com. Voir les autres formations de Sandy Ludosky

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    React
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1401 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données