Udemy

Platform

Français

Language

Web Development

Category

React(redux,router...) et React native par la pratique !

devenez développeur web/mobile en apprenant react 2021 et react native en profondeur en réalisant 4 projets

4.85 (17 reviews)

Students

22 hours

Content

Feb 2021

Last Update
Regular Price

EXCLUSIVE OFFER
Exclusive  Offer
Unlimited access to 30 000 Premium SkillShare courses
30-DAY FREE TRIAL

What you will learn

maîtriser le jsx et créer des composants React

passer les données à travers les composants

créer des animations avec React

maîtriser bootstrap et reactstrap pour des applications react responsive

créer des applications React performantes

maîtrisez redux et gérer l’état de l'application

maîtriser react router et naviguer entre les vues

utiliser l'api fetch

communiquer avec un serveur

maîtriser les HTTP verbs (GET,POST,PUT,...)

créer une application mobile cross plateforme avec React-native

Ajouter 4 applications à votre portefolio


Description

Description

que représente cette formation ?

cette formation est un guide complet vers react js et react native. En 24h de vidéos vous allez apprendre par un peu de théorie, quelques exercices et surtout en réalisant 4 projets.


##############################Nos différents projets#########################################

##############################1- projet Bootstrap(Netflix)######################################

le premier projet est optionnel car si vous avez déjà les bases de Bootstrap vous pouvez directement attaquer la partie react.          Mais si vous n'avez pas encore les bases de Bootstrap ou si vous ne savez même pas c'est quoi Bootstrap vous allez adorer le projet car on va essayer de créer notre propre Netflix. En fait Bootstrap va nous permettre de rendre nos applications web responsive (cad qu'elles vont s'adapter en fonction de la taille de l'écran)

##############################2 - projet TODO LIST###########################################

le deuxième projet c'est le fameux TODO LIST , nous allons réaliser une liste des taches avec les CRUD ( créer une tache, lire une tache, modifier une tache , supprimer une tache ) pour vous permettre de bien maitriser les bases de react (les composants, le cycle de vie des composants etc...)

##############################3 - projet E-COMMERCE########################################

le projet E-COMMERCE c'est vraiment le cœur de la formation car il va vous permettre de bien maitriser react , redux et router. Vous allez comme sons nom l'indique créer un site E-commerce complet (panier, catégories …) avec React.

##############################4 - Projet TODO LIST mobile####################################

le 4e et dernier projet de la formation est consacré au mobile. Ici vous allez apprendre à utiliser vos compétences react pour créer une application mobile cross Platform(qui fonctionne sur iOS et Android).


A la fin vous serez donc capable de développer une application web / mobile en react js / react native et décrochez un emploi si c'est votre projet.


quels prérequis ?

vous devez avoir des compétences en html css et aussi un peu de javascprit sera un plus.

si vous n'avez jamais coder pas de panique,vous pouvez d'abord prendre ma première formation


pourquoi se former avec moi?

  1. Ma formation est la plus complète du monde francophone(24h de vidéos et 4 projets)

  2. J'ai un don pour l'enseignement et vous allez vite le remarquer j'explique lentement 

  3. La formation sera mis à jour régulièrement

  4. vos questions seront répondues avec un délais de 24h maximum


Screenshots

React(redux,router...) et React native  par la pratique !
React(redux,router...) et React native  par la pratique !
React(redux,router...) et React native  par la pratique !
React(redux,router...) et React native  par la pratique !

Content

Introduction

presentation

c'est quoi react?

pourquoi apprendre react?

présentation du projet todo

présentation du projet e-commerce

présentation du todo mobile app

Introduction à Bootstrap(optionnel)

decouverte de bootstrap

Grid system partie 1

Grid system partie 2

button

mini projet bootstrap

mise en place du projet bootstrap

navbar partie 1

navbar partie 2

navbar partie 3

navbar partie 4

partie presentation

partie formation

partie compétence

formulaire partie 1

formulaire partie 2

footer

les bases de react

environnement de développement

créer une application react

comprendre la structure du dossier de notre application

function component et class component

utiliser bootstrap dans notre application react

c'est quoi le jsx?

passer des paramètres aux composants(props)

gérer l'état d'un composant (state)

créer une liste de composant

le cycle de vie d'un composant

exercice react (application de méditation)

application méditation partie 1

application méditation partie 2

application méditation partie 3

projet Todo List(basique)

creation de l'application Todo List

flux architecture

toggle todo partie 1

toggle todo partie 2

formulaire d'ajout de Todo partie 1

formulaire d'ajout de Todo partie 2

projet Todo List et Redux

introduction à redux

création de notre store

connecter redux à notre application (mapStateToProps)

création des actions redux

modification de notre reducer

envoyer les actions au store

projet Todo List ,Redux avancé et style

creation du filter component

combine reducer

utiliser nos filtres

navbar partie 1

navbar partie 2

formulaire contrôlé partie 1

formulaire contrôlé partie 2

création du todo component

design du todo component partie 1

design du todo component partie 2

les références en react

projet Todo List et communication serveur

supprimer le Todo

modifier le Todo partie 1

modifier le Todo partie 2

redux-thunk

json-server

fetch api

envoyer un Todo dans le serveur

toggle un Todo dans le serveur

modifier un Todo dans le serveur

supprimer le Todo du serveur

empty component

footer component

Projet E-commerce et react-router-dom

création de l'application tyshop

ajouter bootstrap et reactstrap

création du navbar partie 1

création du navbar partie 2

création du navbar partie 3

introduction à react-router-dom partie 1

introduction à react-router-dom partie 2

mise en place de redux

création du productComponent (html)

création du productListComponent

création du productComponent (css)

création du productDetail component partie 1

création du productDetail component partie 2

beforeHeader component

cart Component partie 1

cart Component partie 2

cart Component partie 3

cart Component partie 4

ajouter un produit au panier

supprimer un produit du panier

ajouter et diminuer la quantité d'un produit

total cart component partie 1

total cart component partie 2

navbar partie 4 (modal)

navbar small screen

panier Count

formulaire de contact

validation du formulaire partie 1

validation du formulaire partie 2

ajouter des catégories

implémenter la recherche de produit

réalisation du footer

go top button

introduction au développement mobile

c'est quoi react native?

création d'une application mobile avec expo

l'objet View et Text

création des composants

connection à redux

liste en react native

ajouter des icon

modal et button en react native

toggle todo

modifier le todo


Reviews

E
Emery15 June 2021

Formation très complète sur react ! Meilleurs explications de la plateforme vis-à-vis de Redux ! De plus il y a des révisions CSS3 et HTML5 à l'intérieur et l'enseignant est disponible. Je vous conseille de l'acheter, vous ne regretterez pas!

A
Anissa1 May 2021

exactement ce qu'il me faut , après des notions débutants en React , voila des applications sous forme de projets pratiques. plein de bénéfices , Merci

T
Tsopte11 December 2020

le cours est très intéressant facile a suivre et adapté pour tout le monde je remercie M. fosso steve car grâce a lui et a la formation je me suis trouver un emploie grand merci

c
chris5 December 2020

explication des concept trop légère, pédagogie a revoir, aucune préparation des vidéos avant publication on a le droit a des ha !!!! ça marche pas mais sans explication du pourquoi. Obliger de passer du temps dans la doc pour vraiment comprendre. Il y a du contenu gratuit de meilleur qualité.

L
Lurich16 November 2020

maintenant je suis prêt pour me lancer en free-lance développeur react.merci beaucoup pour la formation de qualité

S
Sara12 November 2020

Je suis très satisfaites, tout y est .Ce cours est vraiment différent des autres formations en Français .J'ai surtout aimé le projet e-commerce et le projet développement mobile tout était bien détaillé. Maintenant je peux dire "je sais développer en react et react native" lol


3444192

Udemy ID

8/24/2020

Course created date

11/10/2020

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram