Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Online Business Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development React

React 17: Développer Votre Première Application React (2021)

Développez facilement votre application React à partir d'un dossier vide avec React, React Router et les Hooks.
Rating: 4.6 out of 54.6 (279 ratings)
4,297 students
Created by Simon DIENY (React | Angular | Vue | Node)
Last updated 11/2020
French
30-Day Money-Back Guarantee

What you'll learn

  • Créer une application React complète à partir d'un dossier vide
  • Développer un système de navigation entre composants
  • Ajouter des formulaires pour interagir avec l'utilisateur
  • Effectuer des requêtes HTTP depuis son application
  • Mettre en place un système d'authentification
  • Déployer une application React en production
Curated for the Udemy for Business collection

Course content

18 sections • 139 lectures • 6h 59m total length

  • Preview00:37
  • Preview01:27
  • Les ressources du cours
    02:39

  • Preview01:47
  • Preview02:25
  • Preview02:07
  • Preview01:09
  • Preview04:31
  • Preview02:39
  • Preview01:35
  • Preview00:46
  • Preview00:25

  • Preview01:48
  • Preview01:29
  • Preview02:24
  • Preview02:33
  • Preview00:24
  • Preview00:59
  • Preview04:45
  • Preview02:55
  • Preview01:53
  • Preview03:40
  • Preview00:31
  • Preview00:20
  • Questionnaire n°1 : Démarrer avec React
    7 questions

  • Preview01:03
  • Preview04:02
  • Preview02:07
  • Preview01:23
  • Preview04:12
  • Preview01:09
  • Preview04:56
  • Preview04:26
  • Preview03:09
  • Preview05:37
  • Preview01:20
  • Preview02:24
  • Preview02:08
  • Preview00:30
  • Preview00:25

  • Afficher les données
    01:48
  • Gérer les interactions de l'utilisateur
    04:05
  • Conditionner un affichage
    02:41
  • Afficher une liste
    03:35
  • Exercice : Afficher la liste des pokémons
    01:53
  • Correction : Afficher la liste des pokémons
    04:30
  • Conclusion
    00:29
  • En résumé
    00:33

  • L'importance des props
    04:09
  • Créer un composant avec des props
    06:03
  • Les Props et TypeScript
    02:33
  • Passer une prop depuis le composant parent
    06:21
  • Ajouter des props par défaut
    04:25
  • Ajouter de l’interactivité sur nos pokémons
    04:27
  • Conclusion
    00:49
  • En résumé
    00:22

  • Présentation des propriétés calculées
    01:34
  • Ajouter une propriété calculée pour les dates
    02:51
  • Ajouter une propriété calculée pour les types
    04:14
  • Factoriser les comportements communs
    04:29
  • Présentation des Hooks personnalisés
    03:17
  • Créer un Hook personnalisé
    02:01
  • Utiliser un Hook personnalisé
    01:42
  • Conclusion
    00:37
  • En résumé
    00:21

  • Le fonctionnement de la navigation
    01:40
  • Ajouter un nouveau composant
    05:51
  • Présentation du système de navigation
    00:41
  • Créer les routes de notre application
    07:11
  • Utiliser le Hook useHistory
    04:55
  • Gérer les erreurs 404
    04:06
  • Conclusion
    00:50
  • En résumé
    00:35
  • Questionnaire n°2 : Acquérir les bases sur React
    8 questions

  • Introduction
    01:19
  • Présentation du formulaire d’édition
    02:31
  • Créer notre formulaire
    03:15
  • Intégration du formulaire
    07:54
  • Initialiser un état pour le formulaire
    11:28
  • Modifier l’état du formulaire en fonction des interactions utilisateurs
    11:49
  • Gérer la soumission du formulaire
    05:00
  • Ajouter des règles de validation
    11:58
  • Prévenir l’utilisateur en cas d’erreurs
    04:59
  • Conclusion
    00:54
  • En résumé
    00:40

  • Simuler une API Rest
    07:02
  • Démarrer notre API Rest
    05:25
  • Consommer une API Rest
    10:21
  • Factoriser nos requêtes dans un service
    09:33
  • Gérer les erreurs
    01:54
  • Modifier un pokémon
    05:23
  • Sauvegarder les modifications de l’utilisateur
    04:49
  • Supprimer un pokémon
    06:20
  • Exercice : Ajouter un pokémon
    03:07
  • Correction tâche n°1 : Ajouter une méthode POST
    03:16
  • Correction tâche n°2 : Créer une nouvelle page d'ajout d'un pokémon
    04:33
  • Correction tâche n°3 : Ajouter un lien vers le formulaire d'ajout
    02:32
  • Correction tâche n°4 : Distinguer l’ajout ou l’édition d’un pokémon
    02:21
  • Correction tâche n°5 : Adapter le formulaire d’édition
    15:10
  • Conclusion
    00:50
  • En résumé
    00:25

Requirements

  • Connaître un minimum le HTML et le CSS
  • Avoir déjà entendu parler de JavaScript
  • Connaître un peu la programmation orienté objet (savoir ce qu'est une classe, une méthode, une propriété...)
  • Installer NodeJS sur son poste de travail

Description

Alors comme ça, vous souhaitez vous former au développement d'applications Web avec la dernière version de React ? 

Vous aussi vous rêvez de construire des sites web dynamiques, qui réagissent immédiatement aux moindres interactions de vos utilisateurs, avec une performance optimale ? Eh, ça tombe bien, vous êtes au bon endroit !

Nous vivons une époque excitante pour le développement Web avec JavaScript. Il y a une multitude de nouveaux Frameworks disponibles, et encore une autre multitude qui éclos jour après jour. Nous allons voir pourquoi vous devez faire le pari de vous lancer avec React, et ce que vous allez pouvoir faire avec ce petit bijou, sorti tout droit de la tête des ingénieurs de Facebook.

Cette dernière version de React apporte de nombreuses nouveautés, dont les Hooks, qui permettent de développer des applications plus rapidement et avec une syntaxe plus concise. C'est donc une bonne nouvelle pour ceux qui ne connaîtraient pas React, ou qui en auraient juste entendu parler : pas besoin de connaître le développement JavaScript moderne , vous pouvez vous lancer dans l'apprentissage de React dès maintenant ! 

Si vous êtes bloqué, sachez qu'il y a une correction de code complète à la fin de la formation, et que je répondrai rapidement (et de manière sympathique) à tous vos messages. Je n'oublie personne, vous avez ma parole ! ;D

React est l'un des frameworks frontend les plus modernes, les plus performants et les plus puissants que vous pouvez apprendre à ce jour. Il vous permet de créer des applications web performantes qui offrent par ailleurs une excellente expérience utilisateur ! Tous les principes fondamentaux dont vous avez besoin pour commencer à développer des applications React sont présentés dans ce cours.

Je ferai votre veille React à votre place. Dès qu'il y a une nouveauté sur React intéressante, je vous préviendrai via les annonces Udemy. Plus besoin de passer des heures sur Internet pour chercher les dernières nouveautés par vous-même ! :D

Achetez ce cours maintenant et apprenez React quand vous voulez ensuite. L'accès au cours est garanti à vie, et le contenu sera toujours à jour !

Who this course is for:

  • Développeurs web junior souhaitant se former sur la nouvelle version de React
  • Etudiants et stagiaires dans le domaine des technologies web

Instructor

Simon DIENY (React | Angular | Vue | Node)
Formateur JavaScript Fullstack certifié, et passionné !
Simon DIENY (React | Angular |  Vue | Node)
  • 4.3 Instructor Rating
  • 1,815 Reviews
  • 9,364 Students
  • 3 Courses

Ingénieur logiciel chez Atos, passionné par le développement web et mobile.

J'ai eu un vrai coup de foudre pour les frameworks frontend (Angular, React et VueJS), dès qu'ils ont commencé à se faire connaître.

Il est possible de réaliser des projets très différents avec ces technologies : applications web, applications mobiles natives, et même des applications de bureaux avec Electron.js !

On n'a jamais fini d'apprendre et de progresser dans le domaine du développement web. Et c'est pour cela que je propose de partager mes compétences et mes dernières découvertes sur Udemy.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.