ReactJS pour débutants (+ React Router)
Créer une application Web avec ReactJS de A à Z en passant du maquettage jusqu’au déploiement !
Créer une maquette graphique avec Adobe XD
Intégrer une maquette avec HTML/CSS
Créer une application web avec ReactJS
Comprendre les Components ReactJS et écrire en JSX
Récupérer des données depuis une API
Créer une navigation avec React Router
Créer un loader
Déployer votre web app
Créer une application Web avec ReactJS de A à Z. Vous allez découvrir toutes les étapes de réalisation en passant du maquettage jusqu’au déploiement !
A la fin de ce projet, vous serez capable de créer une application web avec ReactJS (blog) en récupérant vos articles sur une API externe. Nous verrons ensemble toutes les étapes du processus de création du projet.
Au programme :
- Maquettage avec Adobe XD (logiciel gratuit)
- Les bases de ReactJS
- Intégration HTML/CSS
- Twig pour afficher les variables dans nos vues (HTML)
- Routing (& react-router)
- Communiquer avec une API
- Déployer notre application web
- + 3h de vidéos explicatives
- Code source final (téléchargeable)
- Bonus : Système de loader
Design & Prototyping
1
Thème graphique
2
Design Liste des articles
3
Design Article (& commentaires)
4
Protyper notre design
5
Exportation des couleurs & images
Intégration
1
Intégration générale & header
2
Intégration page d'accueil
3
Intégration page post
Création de notre App ReactJS
1
Installer Node (+npm) & creat-react-app
2
Création de notre App ReactJS
3
Créer notre 1er composant
4
Création de nos pages
Routing
1
Installation & mise en place
Développement de notre App ReactJS
1
Page Home - Affichage statique
2
Optimisation et réorganisation
3
Page Post - Affichage statique
4
Header, styles & images
API
1
Lister les articles
2
Affichage d'un article (page Post)
3
Lister les commentaires
Loader
1
Mettre en place un Loader
Déploiement
1
Générer notre Build (production)
2
Déploiement
Bonus
1
Mes autres formations
Garantie de remboursement de 30 jours
Inclut
3 heures de vidéo à la demande
Durée totale du cours
Accès sur le mobile et la télévision
Certificat d'achèvement
