Acesta este un curs premium complet. Aflați React.js de la început, cu elemente fundamentale până la subiecte mai intermediare și avansate. Veți învăța creând o aplicație reală!
💻 Fișiere de pornire: https://github.com/weibenfalk/react-rmdb-v3-starter-files
Curs de la Thomas Weibenfalk. Vezi canalul lui: https://www.youtube.com/channel/UCnnnWy4UTYN258FfVGeXBbg
Învăța:
– Reacționează
– JSX
– Componente stilizate
– React Router
– Stat și recuzită
– Context
– CSS
– Manevrare API
– Cârlige
– Dactilografiat
– Persiste starea în SessionStorage
– Implementați în Netlify
– Și mult mai mult …
⭐️ Conținutul cursului ⭐️
⌨️ (0:00:10) Introducere
⌨️ (0:00:57) Aplicația
⌨️ (0:03:27) The Movie DB – Cheia API
⌨️ (0:05:09) Ce este React?
⌨️ (0:10:49) Fișiere de pornire
⌨️ (0:14:16) Rapid despre scule
⌨️ (0:15:50) Bootstrap cu CRA
⌨️ (0:19:11) Instalați dependențe
⌨️ (0:24:17) Copiați fișierele din fișierele de pornire
⌨️ (0:28:34) Configurați cheia API și prezentarea fișierelor API
⌨️ (0:33:24) Reacționează fără JSX
⌨️ (0:40:10) Scurt despre JSX
⌨️ (0:42:52) Curs intensiv în Props și State
⌨️ (0:55:12) Scurt despre componentele stilate
⌨️ (0:58:23) Stiluri globale
⌨️ (1:08:01) Componenta antet
⌨️ (1:21:09) Componenta antet – Stiluri
⌨️ (1:25:40) Componentă de acasă – Schela
⌨️ (1:33:45) Scurt despre cârligele încorporate în React
⌨️ (1:38:55) Preluați date din API-ul pentru pagina de pornire
⌨️ (1:52:44) Cârlig personalizat pentru Pagina de pornire
⌨️ (1:59:49) Componenta HeroImage
⌨️ (2:11:22) Componenta HeroImage – Stiluri
⌨️ (2:20:23) Componentă grilă
⌨️ (2:26:06) Componentă grilă – Stiluri
⌨️ (2:29:44) Componenta degetului mare
⌨️ (2:34:59) Componenta Thumb – Stiluri
⌨️ (2:37:28) Componenta Spinner
⌨️ (2:42:03) Componentă SearchBar
⌨️ (2:57:54) Componentă SearchBar – Stiluri
⌨️ (3:02:16) Componentă SearchBar – Logic
⌨️ (3:06:51) Componenta buton
⌨️ (3:10:42) Componenta buton – Stiluri
⌨️ (3:13:06) Componenta buton – Logic
⌨️ (3:19:50) Scurt despre React Router
⌨️ (3:21:59) Rutare cu React Router
⌨️ (3:34:15) Componenta film – Scaffold
⌨️ (3:36:26) Preluați datele filmului din API
⌨️ (3:49:38) Componenta BreadCrumb
⌨️ (3:54:49) Componenta BreadCrumb – Stiluri
⌨️ (3:57:46) Componenta MovieInfo
⌨️ (4:08:41) Componenta MovieInfo – Stiluri
⌨️ (4:17:35) Componenta MovieInfoBar
⌨️ (4:23:26) Componenta MovieInfoBar – Stiluri
⌨️ (4:26:38) Componentă actor
⌨️ (4:32:09) Componentă actor – Stiluri
⌨️ (4:34:16) Scurt despre PropTypes
⌨️ (4:37:38) Validați props cu PropTypes
⌨️ (4:48:17) Scurt despre SessionStorage
⌨️ (4:50:32) SessionStorage – Acasă
⌨️ (4:59:34) SessionStorage – Film
⌨️ (5:03:17) Construiește și pregătește-te pentru Netlify
⌨️ (5:05:58) Trageți și plasați Netlify și CLI Netlify
⌨️ (5:10:29) Netlify Continuous Deployment
⌨️ (5:13:48) Bonus – Clase – Componenta SearchBar
⌨️ (5:22:04) Bonus – Clase – Componentă acasă
⌨️ (5:33:14) Bonus – Clase – Componenta film
⌨️ (5:40:39) Bonus – Dactilograf – Introducere
⌨️ (5:42:20) Bonus – Typescript – Proiect Bootstrap și fișiere de copiere
⌨️ (5:47:19) Bonus – Typescript – Refactorează fișierele de bază
⌨️ (6:04:16) Bonus – Typescript – Refactor Home și Componente
⌨️ (6:14:55) Bonus – Typescript – Refactor film și componente
⌨️ (6:25:52) Bonus – Conectare – Scurt despre autentificarea și sistemul de evaluare TMDB
⌨️ (6:29:25) Bonus – Conectare – Context global
⌨️ (6:34:34) Bonus – Conectare – Componentă de conectare
⌨️ (6:50:49) Bonus – Conectare – Componentă de conectare – Stiluri
⌨️ (6:53:47) Bonus – Autentificare – Autentificare din antet
⌨️ (7:00:27) Bonus – Autentificare – Componenta Rata
⌨️ (7:04:35) Bonus – Conectare – Evaluare de la MovieInfo
🎉 Mulțumim susținătorilor noștri Campion și Sponsor:
👾 Wong Voon Jinq
👾 hexploatare
👾 Katia Moran
👾 BlckPhantom
👾 Nick Raker
👾 Otis Morgan
👾 DeezMaster
👾 Casă în copac
Cursuri interesante:
- React & TypeScript – Curs pentru începători
- Tutorial complet React Native Web – Creați o aplicație de antrenament pentru iOS, Android și web
- Tutorial Angular 11 – Codați un proiect de la zero
- Cum să utilizați TypeScript în React
- React Coding Interviu Prep – 30 de întrebări și răspunsuri
- React JavaScript Framework pentru începători – Curs bazat pe proiecte
- Aflați React prin construirea unui site de comerț electronic – Tutorial
- Tutorial React / Typescript – Construiți o aplicație de test
- Tutorial TypeScript GameDev – Creați un joc Arkanoid
- Tutorial HTML / CSS – Creați o componentă Rezumat Comenzi