Udemy - Coder 10 projets avec React 2023 FR WEB 720P X264 MP4

seeders: 3
leechers: 1
Added 2 years ago by Nawel087 in Other

Download Fast Safe Anonymous
movies, software, shows...

Files

Udemy - Coder 10 projets avec React 2023 FR WEB 720P X264 MP4 (Size: 4.71 GB)
  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

Description


Coder 10 projets avec React

Couv-457129-2.jpg?042148


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

Related Torrents

torrent name size uploader age seed leech
1
4
0
0
0