Développement Front-End en React.js 16.8
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Développement Front-End en React.js 16.8

Sandy Ludosky
19,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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 !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Démarrer, Présentation, "Bonjour Monde"
Chapitre 2
Component-based Shopping List App
Chapitre 3
New York Times News Search
Chapitre 4
Application utilitaire : Todo
Chapitre 5
Weather Forecast - API
Chapitre 6
Site Multi-pages Portfolio

Plan détaillé du cours

Chapitre 1 : Démarrer, Présentation, "Bonjour Monde"
1h29m
 
Leçon 1Présentation
Leçon 2Introduction
Leçon 3Composant simple (stateless)
Leçon 4Composant à état (stateful)
Leçon 5Les objectifs
Leçon 6Pré-requis
Leçon 7Première application react 1/2
Leçon 8Première application react 2/2
Leçon 9Installer environnement 1/2
Leçon 10Installer environnement 2/2
Leçon 11Homebrew yarn
Leçon 12Install react globally
Leçon 13Create-react-app CLI
Leçon 14Exemple :
Chapitre 2 : Component-based Shopping List App
37m16s
 
Leçon 1Introduction
Leçon 2Créer un composant
Leçon 3Créer un composant à état (stateful)
Leçon 4Maintenir état local (this.state)
Leçon 5Ajouter du style
Leçon 6React developer tool - Chrome extension
Chapitre 3 : New York Times News Search
1h05m
 
Leçon 1Introduction
Leçon 2New York Times Developers API
Leçon 3Projet Démarrage : Bootstrap
Leçon 4Gérer les événements - OnChange
Leçon 5Gérer les événements - OnSubmit
Leçon 6Requête HTTP
Leçon 7ParseJSON
Leçon 8NewsList.js component
Leçon 9Searchbar.js component
Leçon 10Fin
Chapitre 4 : Application utilitaire : Todo
1h05m
 
Leçon 1Introduction
Leçon 2Projet de démarrage
Leçon 3This.state
Leçon 4Gérer les événements
Leçon 5Style - CSS
Leçon 6Fonction delete
Leçon 7Placeholder dynamique
Leçon 8Persistence des données avec localStorage
Leçon 9Npm localStorage
Leçon 10SetItem() et getItem()
Leçon 11Fin
Chapitre 5 : Weather Forecast - API
56m41s
 
Leçon 1Introdouction
Leçon 2Openweathermap API
Leçon 3API call
Leçon 4API call & response
Leçon 5API call & parseJSON
Leçon 6Searchbar.js component
Leçon 7Composant, attributs et props
Leçon 8Unit Formatting
Leçon 9Date Formatting
Leçon 10Fin: Footer.js component
Chapitre 6 : Site Multi-pages Portfolio
34m36s
 
Leçon 1Introduction
Leçon 2Component-based portfolio project
Leçon 3Section : about
Leçon 4Section : expérience
Leçon 5Section : éducation
Leçon 6Créer les routes de navigation avec react-router-dom

Aperçus

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

React

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1334 tutos gratuits

Notre politique de protection des données