| 1. Introduction | |||
| 1. Introduction.mp4 | 8.63 MB | ||
| 2. Création du dossier et éditeur de code.mp4 | 62.17 MB | ||
| 10. 9. E-commerce | |||
| 1. Mise en place et affichage des données.mp4 | 141.17 MB | ||
| 2. Gérer le pannier.mp4 | 96.17 MB | ||
| 3. Créer la modale.mp4 | 41.75 MB | ||
| 4. Afficher le contenu du panier.mp4 | 86.84 MB | ||
| 5. Gérer l'élement select.mp4 | 77.77 MB | ||
| 9.e-commerce | |||
| .gitignore | 253 B | ||
| index.html | 361 B | ||
| package-lock.json | 238.72 KB | ||
| package.json | 871 B | ||
| postcss.config.js | 80 B | ||
| public | |||
| data | |||
| inventory.json | 821 B | ||
| images | |||
| codingfuel.png | 14.98 KB | ||
| cssmug.png | 12.4 KB | ||
| jsmug.png | 11.28 KB | ||
| jssummer.png | 16.7 KB | ||
| lovejs.png | 13.1 KB | ||
| reactmug.png | 15.72 KB | ||
| vite.svg | 1.46 KB | ||
| src | |||
| App.jsx | 375 B | ||
| assets | |||
| add.svg | 212 B | ||
| minus.svg | 145 B | ||
| react.svg | 4.03 KB | ||
| shopping-cart.svg | 2.07 KB | ||
| components | |||
| Cart.jsx | 2.66 KB | ||
| FloatingCartButton.jsx | 911 B | ||
| ProductsList.jsx | 1.52 KB | ||
| features | |||
| cart.js | 1.21 KB | ||
| products.js | 876 B | ||
| index.css | 58 B | ||
| main.jsx | 305 B | ||
| store.js | 219 B | ||
| tailwind.config.js | 137 B | ||
| vite.config.js | 167 B | ||
| 11. 10. Application prise de notes | |||
| 1. Introduction et mise en place Redux.mp4 | 63.57 MB | ||
| 10.notes-app | |||
| .gitignore | 253 B | ||
| index.html | 361 B | ||
| package-lock.json | 244.82 KB | ||
| package.json | 949 B | ||
| postcss.config.js | 80 B | ||
| public | |||
| data | |||
| notes.json | 1.57 KB | ||
| vite.svg | 1.46 KB | ||
| src | |||
| App.jsx | 1.05 KB | ||
| assets | |||
| edit-dark.svg | 1.36 KB | ||
| edit.svg | 1.36 KB | ||
| folder.svg | 2.13 KB | ||
| remove.svg | 911 B | ||
| spinner.svg | 572 B | ||
| components | |||
| DisplayedNote.jsx | 1.21 KB | ||
| Edit.jsx | 3.84 KB | ||
| NotesList.jsx | 895 B | ||
| SideNotes.jsx | 1.01 KB | ||
| Sidebar.jsx | 851 B | ||
| features | |||
| notes.js | 1015 B | ||
| index.css | 58 B | ||
| main.jsx | 318 B | ||
| store.js | 164 B | ||
| tailwind.config.js | 138 B | ||
| vite.config.js | 359 B | ||
| 2. Affichage des notes.mp4 | 31.03 MB | ||
| 3. Création de la sidebar.mp4 | 30.18 MB | ||
| 4. Création des sidenotes.mp4 | 45.86 MB | ||
| 5. Mise en place du routeur.mp4 | 61.87 MB | ||
| 6. Afficher une note.mp4 | 71.08 MB | ||
| 7. Création du composant edit.mp4 | 75.72 MB | ||
| 8. Ajouter une note + validation.mp4 | 65.64 MB | ||
| 9. Éditer et supprimer une note.mp4 | 118.9 MB | ||
| 2. 1.Coder un Slider avec React | |||
| 1. N'hésitez pas à tenter de coder les projets de votre côté.html | 621 B | ||
| 1.slider | |||
| .gitignore | 253 B | ||
| index.html | 640 B | ||
| package-lock.json | 175.62 KB | ||
| package.json | 657 B | ||
| public | |||
| images | |||
| img-1.jpg?042148 | 37.82 KB | ||
| img-2.jpg?042148 | 47.75 KB | ||
| img-3.jpg?042148 | 41.9 KB | ||
| img-4.jpg?042148 | 54.34 KB | ||
| img-5.jpg?042148 | 84.77 KB | ||
| vite.svg | 1.46 KB | ||
| src | |||
| App.jsx | 108 B | ||
| assets | |||
| left-arrow.svg | 275 B | ||
| right-arrow.svg | 293 B | ||
| components | |||
| Slider | |||
| Slider.css | 1.32 KB | ||
| Slider.jsx | 1.88 KB | ||
| data | |||
| sliderData.js | 313 B | ||
| index.css | 158 B | ||
| main.jsx | 192 B | ||
| vite.config.js | 167 B | ||
| 2. Mise en place et JSX.mp4 | 52.68 MB | ||
| 2.slider | |||
| .gitignore | 253 B | ||
| index.html | 640 B | ||
| package-lock.json | 175.62 KB | ||
| package.json | 657 B | ||
| public | |||
| images | |||
| img-1.jpg?042148 | 37.82 KB | ||
| img-2.jpg?042148 | 47.75 KB | ||
| img-3.jpg?042148 | 41.9 KB | ||
| img-4.jpg?042148 | 54.34 KB | ||
| img-5.jpg?042148 | 84.77 KB | ||
| vite.svg | 1.46 KB | ||
| src | |||
| App.jsx | 74 B | ||
| assets | |||
| left-arrow.svg | 275 B | ||
| right-arrow.svg | 293 B | ||
| data | |||
| sliderData.js | 313 B | ||
| index.css | 158 B | ||
| main.jsx | 192 B | ||
| vite.config.js | 167 B | ||
| 3. Codage du CSS.mp4 | 78.86 MB | ||
| 4. Coder la partie logique.mp4 | 137.91 MB | ||
| 3. 2.App météo avec React | |||
| 1. Mise en place.mp4 | 27.2 MB | ||
| 2. Ajout du CSS.mp4 | 48.91 MB | ||
| 2.react-weather | |||
| .gitignore | 258 B | ||
| index.html | 299 B | ||
| package-lock.json | 83.89 KB | ||
| package.json | 418 B | ||
| public | |||
| icons | |||
| 01d.svg | 16.37 KB | ||
| 01n.svg | 15.23 KB | ||
| 02d.svg | 6.38 KB | ||
| 02n.svg | 6.53 KB | ||
| 03d.svg | 15.34 KB | ||
| 03n.svg | 6.38 KB | ||
| 04d.svg | 15.34 KB | ||
| 04n.svg | 6.53 KB | ||
| 09d.svg | 2.31 KB | ||
| 09n.svg | 3.51 KB | ||
| 10d.svg | 3.51 KB | ||
| 10n.svg | 3.51 KB | ||
| 11d.svg | 8.32 KB | ||
| 11n.svg | 8.32 KB | ||
| 13d.svg | 9.02 KB | ||
| 13n.svg | 9.02 KB | ||
| 50d.svg | 15.34 KB | ||
| 50n.svg | 15.34 KB | ||
| src | |||
| App.css | 176 B | ||
| App.jsx | 96 B | ||
| assets | |||
| browser.svg | 982 B | ||
| loader.svg | 1.03 KB | ||
| main.jsx | 168 B | ||
| vite.config.js | 163 B | ||
| 3. Créer la partie logique.mp4 | 143.99 MB | ||
| 4. Gérer les erreurs possible.mp4 | 129.99 MB | ||
| 4. 3. Projet Geodata | |||
| 1. Introduction et appel de l'API.mp4 | 109.59 MB | ||
| 2. Afficher les cartes.mp4 | 60.79 MB | ||
| 3. Créer la modale et afficher les données.mp4 | 138.19 MB | ||
| 3.GeoData | |||
| .gitignore | 253 B | ||
| index.html | 361 B | ||
| package-lock.json | 225.84 KB | ||
| package.json | 745 B | ||
| postcss.config.js | 80 B | ||
| public | |||
| vite.svg | 1.46 KB | ||
| src | |||
| App.jsx | 76 B | ||
| assets | |||
| react.svg | 4.03 KB | ||
| components | |||
| ListCard.jsx | 896 B | ||
| ModalContent.jsx | 1.17 KB | ||
| index.css | 58 B | ||
| main.jsx | 185 B | ||
| tailwind.config.js | 169 B | ||
| vite.config.js | 167 B | ||
| 5. 4.Coder un éditeur de code sur navigateur | |||
| 1. Mise en place de base.mp4 | 31.69 MB | ||
| 2. Coder la sidebar et le visualisateur de code.mp4 | 37.69 MB | ||
| 3. Mise en place de Redux.mp4 | 112.98 MB | ||
| 4. Affichage des boutons et création des onglets.mp4 | 78.99 MB | ||
| 4.IDE | |||
| .gitignore | 253 B | ||
| index.html | 361 B | ||
| package-lock.json | 234.77 KB | ||
| package.json | 827 B | ||
| postcss.config.js | 80 B | ||
| public | |||
| vite.svg | 1.46 KB | ||
| src | |||
| App.jsx | 865 B | ||
| assets | |||
| css.svg | 988 B | ||
| hide.svg | 1.29 KB | ||
| html.svg | 1.02 KB | ||
| index.js | 113 B | ||
| js.svg | 908 B | ||
| view.svg | 1.38 KB | ||
| components | |||
| ButtonTab.jsx | 583 B | ||
| CodeTab.jsx | 446 B | ||
| Preview.jsx | 672 B | ||
| PreviewButton.jsx | 698 B | ||
| Tabs.jsx | 1.04 KB | ||
| features | |||
| preview.js | 435 B | ||
| tabs.js | 1.07 KB | ||
| index.css | 60 B | ||
| main.jsx | 298 B | ||
| store.js | 218 B | ||
| tailwind.config.js | 137 B | ||
| vite.config.js | 167 B | ||
| 5. Ajout de la fonctionnalité de changement de code.mp4 | 40.91 MB | ||
| 6. Création du composant de prévisualisation.mp4 | 37.27 MB | ||
| 7. Gérer l'affichage de la prévisualisation.mp4 | 97.23 MB | ||
| 6. 5. Coder un Pomodoro avec React | |||
| 1. Mise en place.mp4 | 41.24 MB | ||
| 2. Coder les composants.mp4 | 49.76 MB | ||
| 3. Mise en place du store Redux.mp4 | 17.93 MB | ||
| 4. Mise en place du state initial et ajout des valeurs.mp4 | 32.51 MB | ||
| 5. Fonction utilitaire de formattage de données.mp4 | 32.18 MB | ||
| 5.chrono | |||
| .gitignore | 253 B | ||
| index.html | 361 B | ||
| package-lock.json | 234.77 KB | ||
| package.json | 830 B | ||
| postcss.config.js | 80 B | ||
| public | |||
| vite.svg | 1.46 KB | ||
| src | |||
| App.jsx | 2 KB | ||
| assets | |||
| pause.svg | 911 B | ||
| play-button.svg | 1.06 KB | ||
| react.svg | 4.03 KB | ||
| reset.svg | 634 B | ||
| components | |||
| ToggleButton.jsx | 883 B | ||
| UpdateTimeButton.jsx | 604 B | ||
| features | |||
| chrono.js | 2.69 KB | ||
| index.css | 58 B | ||
| main.jsx | 306 B | ||
| store.js | 169 B | ||
| tailwind.config.js | 137 B | ||
| vite.config.js | 167 B | ||
| 6. Mettre à jour les valeurs de session et de pause.mp4 | 70.8 MB | ||
| 7. Utiliser une fonction Thunk interceptée et exécutée par un middleware..mp4 | 144.47 MB | ||
| 8. Gérer le tick et le reset complet.mp4 | 99.61 MB | ||
| 7. 6. Application de dégradés linéaires | |||
| 1. Introduction du projet.mp4 | 73.8 MB | ||
| 2. Mise en place Redux.mp4 | 47.84 MB | ||
| 3. Gérer les inputs de couleur.mp4 | 72.4 MB | ||
| 4. Ajouter des couleurs.mp4 | 67.83 MB | ||
| 5. Afficher le dégradé.mp4 | 64.31 MB | ||
| 6. Gérer l'angle global du dégradé.mp4 | 41.25 MB | ||
| 6.gradient-maker | |||
| .gitignore | 289 B | ||
| index.html | 374 B | ||
| package-lock.json | 150.28 KB | ||
| package.json | 619 B | ||
| postcss.config.js | 80 B | ||
| public | |||
| vite.svg | 1.46 KB | ||
| src | |||
| App.jsx | 1.53 KB | ||
| assets | |||
| react.svg | 4.03 KB | ||
| components | |||
| AddRemoveColor.jsx | 523 B | ||
| Gradient.jsx | 385 B | ||
| inputs | |||
| ColorInput.jsx | 465 B | ||
| RangeAngle.jsx | 497 B | ||
| RangeColorPosition.jsx | 650 B | ||
| SelectColor.jsx | 726 B | ||
| modal | |||
| CodeModal.jsx | 1.77 KB | ||
| OpenModalBtn.jsx | 543 B | ||
| features | |||
| gradient.js | 1.5 KB | ||
| index.css | 95 B | ||
| main.jsx | 314 B | ||
| store.js | 172 B | ||
| utils | |||
| getGradientCSSValue.js | 291 B | ||
| tailwind.config.js | 183 B | ||
| vite.config.js | 163 B | ||
| 7. Sélectionner une couleur et changer sa position.mp4 | 109.66 MB | ||
| 8. Créer la modale.mp4 | 68.62 MB | ||
| 9. Gérer le copy to clipboard.mp4 | 75.07 MB | ||
| 8. 7. Coder un Player Audio | |||
| 1. Introduction et mise en place redux.mp4 | 174 MB | ||
| 2. Mise en place de l'audio et du player.mp4 | 37.67 MB | ||
| 3. Créer un panneau de fonctionnalités audio.mp4 | 73.18 MB | ||
| 4. Finir le panneau.mp4 | 65.41 MB | ||
| 5. Ajouter la fonctionnalité de playpause.mp4 | 37.81 MB | ||
| 6. Gérer l'avancement de la musique.mp4 | 68.02 MB | ||
| 7. Ajouter la fonctionnalité de clic sur la barre de progression.mp4 | 92.53 MB | ||
| 7.songs | |||
| .gitignore | 253 B | ||
| index.html | 361 B | ||
| package-lock.json | 235.57 KB | ||
| package.json | 830 B | ||
| postcss.config.js | 80 B | ||
| public | |||
| data | |||
| playlist.json | 801 B | ||
| songs | |||
| MariaCallas-l'amour-est-un-oiseau-rebelle.mp3 | 5.62 MB | ||
| bach-g-minor.mp3 | 19.16 MB | ||
| chopin-impromptu.mp3 | 12.64 MB | ||
| chopin-nocturne-9.mp3 | 10.27 MB | ||
| vivaldi-winter.mp3 | 8.64 MB | ||
| vite.svg | 1.46 KB | ||
| src | |||
| App.jsx | 478 B | ||
| assets | |||
| left-chevron.svg | 235 B | ||
| music-icon.svg | 1.97 KB | ||
| next-icon.svg | 318 B | ||
| pause-icon.svg | 206 B | ||
| play-icon.svg | 475 B | ||
| prev-icon.svg | 311 B | ||
| react.svg | 4.03 KB | ||
| right-chevron.svg | 258 B | ||
| components | |||
| AudioPlayer.jsx | 1.07 KB | ||
| Playlist.jsx | 745 B | ||
| features | |||
| playlist.js | 1.38 KB | ||
| progress.js | 575 B | ||
| index.css | 58 B | ||
| layouts | |||
| Player | |||
| NextButton.jsx | 721 B | ||
| PlayerPanel.jsx | 1.33 KB | ||
| PreviousButton.jsx | 745 B | ||
| Progress.jsx | 1.11 KB | ||
| TogglePlayButton.jsx | 684 B | ||
| main.jsx | 306 B | ||
| store.js | 233 B | ||
| utils | |||
| formatValue.js | 238 B | ||
| tailwind.config.js | 137 B | ||
| vite.config.js | 167 B | ||
| 8. Coder la fonctionnalité de changement de musique.mp4 | 98.56 MB | ||
| 9. 8. Créer un système de scroll infini | |||
| 1. Intro et mise en place.mp4 | 58.57 MB | ||
| 2. Création du Hook personnalisé.mp4 | 74.27 MB | ||
| 3. Affichage des photos et du loader.mp4 | 77.54 MB | ||
| 4. Gérer l'intersection observer.mp4 | 135.33 MB | ||
| 5. Gérer la recherche.mp4 | 90.9 MB | ||
| 6. Gérer les erreurs possibles.mp4 | 122.71 MB | ||
| 8.infinite-scroll | |||
| .env | 30 B | ||
| .gitignore | 253 B | ||
| index.html | 361 B | ||
| package-lock.json | 110.02 KB | ||
| package.json | 535 B | ||
| postcss.config.js | 80 B | ||
| public | |||
| vite.svg | 1.46 KB | ||
| src | |||
| App.jsx | 231 B | ||
| assets | |||
| react.svg | 4.03 KB | ||
| spinner.svg | 499 B | ||
| components | |||
| List.jsx | 3.05 KB | ||
| hooks | |||
| usePhotos.js | 1.18 KB | ||
| index.css | 60 B | ||
| main.jsx | 187 B | ||
| tailwind.config.js | 183 B | ||
| vite.config.js | 167 B |
Coder 10 projets avec React 
DESCRIPTION
Et c'est parti pour 10 projets avec React !
Dans ce cours, on va coder :
- Un slider de A à Z
- Un système de traduction avec React
- Un formulaire qui contient plusieurs étapes de validation
- Des animations avec React et la librairie React-Spring
- Une app "Pomodoro" avec un système de Chrono
- Un clone de Unsplash, la banque d'images en ligne, avec un scroll infini et un système de recherche.
- Un dashboard avec React et Chart-JS
- Une application avec un système d'authentification en utilisant Firebase
- Une app style E-Commerce avec un système de panier en utilisant Redux.
- Et pour terminer une App de prise de notes type Evernote !
Ça donne envie hein ?
Pour visualiser ce que ça donne tu peux regarder la vidéo d'introduction juste au-dessus.
On va utiliser des tas de technologies très utiles, comme Redux, l'API de contexte, React-Router, ChartJS, React-Spring etc ...
Redux est un "state manager", c'est un outil qui nous permet de gérer les données à travers toute une application,
sans avoir forcement besoin de passer des données via des props.
React-router de son côté, va nous permettre de créer un système de navigation avec une application web crée par React.
Avant de suivre ce cours, veuillez faire attention à avoir de bonnes connaissances de base de JavaScript.
Vous devez savoir maitriser :
- Les tableaux
- Les objets
- Le DOM
- Les fonctions
- Le JS moderne (fonction fléchée, destructuring, spread ...)
- etc ...
Si c'est ok pour vous, rendez-vous de l'autre côté pour commencer à coder !
Pour plus d'infos ICI
L'AUTEUR
Editeur : Udemy
Parution : 2023
Formateur : Enzo Ustariz - Web School
Durée : 09H50
INFORMATION SUR L'UPLOAD
Qualité : WEB 720p
Format : MP4
Fichiers d'exercices : Inclus
Codec Audio : AAC LC à 128 Kb/s
Codec Vidéo : AVC [email protected] AVC à 1 112 kb/s
Langue : Français
Résolution:1 280 x 720
TELECHARGEMENT
NB Fichiers: 314
Poids Total : 4.70 Go
| torrent name | size | uploader | age | seed | leech |
|---|---|---|---|---|---|
|
Udemy - Vibe Coder Masterclass - 10X Your Productivity With Ai Coding Posted by
freecoursewb in Other
|
971.2 MB | freecoursewb | 5 months | 13 | 1 |
|
Udemy.GitHub.Copilot:L'IA.pour.coder.plus.vite.Cours.complet.2025.Fr.Web.1080p.x264 Posted by
Nawel087 in Other
|
3.56 GB | Nawel087 | 1 year | 3 | 4 |
|
[Udemy] Créer des applications sans coder avec Flutterflow Fr 2024 FRENCH 1080p WEB x264 Posted by
Samiruskananus in Other
|
6.86 GB | Samiruskananus | 1 year | 26 | 0 |
| 1.98 GB | Nawel087 | 2 years | 34 | 0 | |
| 10.94 GB | Nawel087 | 2 years | 11 | 0 |
All Comments