Îmbunătățiți-vă abilitățile cu biblioteca React JavaScript prin construirea a 15 proiecte folosind React.
🔗 Cod: https://github.com/john-smilga/react-projects
🔗 Curs React Fundamentals:
✏️ Curs de la John Smilga al canalului Coding Addict. Vezi canalul lui: https://www.youtube.com/codingaddict
⭐️ Conținutul cursului ⭐️
⌨️ (0:00:00) Introducere
⌨️ (0:03:34) Configurare proiect de pornire
⌨️ (0:07:18) 1-Intro ziua de naștere
⌨️ (0:07:54) Configurare pentru 1 zi de naștere
⌨️ (0:13:31) 1-Naștere completă
⌨️ (0:19:41) Introducere în 2 tururi
⌨️ (0:20:41) Preluare date pentru 2 tururi
⌨️ (0:32:04) Date de afișare în 2 tururi
⌨️ (0:37:40) Buton de comutare cu 2 tururi
⌨️ (0:43:17) 2-Tururi Eliminați turul
⌨️ (0:50:13) 3-Recenzii Introducere
⌨️ (0:50:36) 3-Recenzii informații și pictograme de reacție
⌨️ (0:56:46) Configurare 3-Recenzii
⌨️ (1:05:39) 3-Recenzii Persoana anterioară și următoare
⌨️ (1:12:14) 3-Recenzii Persoană aleatorie
⌨️ (1:17:22) 4-Introducere la acordeon
⌨️ (1:17:36) 4-acordeon complet
⌨️ (1:27:27) Introducere în 5 meniuri
⌨️ (1:28:16) Elemente de afișare în 5 meniu
⌨️ (1:36:08) Abordare manuală în 5 meniuri
⌨️ (1:40:59) 5-Buton pentru toate meniul
⌨️ (1:43:34) Abordare dinamică cu 5 meniuri
⌨️ (1:52:06) Introducere cu 6 file
⌨️ (1:52:52) Configurare 6 file
⌨️ (2:00:09) Afișează primul loc de muncă în 6 file
⌨️ (2:06:42) Butoane cu 6 file
⌨️ (2:13:40) Introducere cu 7 glisoare
⌨️ (2:14:07) Configurare cu 7 glisoare
⌨️ (2:24:59) Configurare manuală cu 7 glisoare
⌨️ (2:32:44) Clase de configurare cu 7 glisoare
⌨️ (2:40:12) 7-Slider Anterior și Următorul
⌨️ (2:43:32) 7-Slider primul și ultimul, autoslide
⌨️ (2:50:53) 8-Lorem-Ipsum Intro
⌨️ (2:52:24) 8-Lorem-însuși Structura
⌨️ (3:00:32) 8-Lorem-Completul lui
⌨️ (3:08:49) Introducere generator de 9 culori
⌨️ (3:10:33) Structura generatoare de 9 culori
⌨️ (3:19:11) 9-Color-Generator Obține valori, eroare
⌨️ (3:26:05) Culoare unică generator de 9 culori
⌨️ (3:42:34) Copiere cu generator de 9 culori în clipboard
⌨️ (3:51:39) 10-Bcănie-Intro
⌨️ (3:53:10) 10-Bacană-Structură de muguri
⌨️ (4:03:46) 10-Grocery-Bud Adăugați articole
⌨️ (4:13:21) 10-Alerta pentru băcănie-Muguri
⌨️ (4:23:06) 10-Grocery-Bud Listă clară
⌨️ (4:25:18) 10-Grocery-Bud Eliminați articolul
⌨️ (4:29:58) 10-Bcănie-Bud Editați articol
⌨️ (4:37:12) 10-Depozitare locală pentru băcănie
⌨️ (4:41:27) 11-Navbar Intro
⌨️ (4:42:07) 11-Navbar Structure
⌨️ (4:50:59) 11-Navbar Link-uri Date
⌨️ (5:00:14) Comutare simplă 11-Navbar
⌨️ (5:03:10) Comutare 11-Navbar Class
⌨️ (5:07:20) 11-Navbar UseRef Abordare
⌨️ (5:16:22) Introducere cu 12 bare laterale
⌨️ (5:17:13) Structură cu 12 bare laterale
⌨️ (5:26:15) Context global cu 12 bare laterale
⌨️ (5:36:39) 12-Bară laterală completă
⌨️ (5:44:46) Introducere cu 13 benzi
⌨️ (5:47:06) Boilerplate de context cu 13 benzi
⌨️ (5:56:31) Bară de navigare cu 13 benzi
⌨️ (6:03:31) Erou cu 13 benzi
⌨️ (6:06:18) Bară laterală cu 13 benzi
⌨️ (6:13:48) Submeniu cu 13 benzi
⌨️ (6:18:16) Locație cu 13 benzi
⌨️ (6:28:02) Linkuri submeniu cu 13 benzi
⌨️ (6:37:34) Submeniu Ascundere cu 13 benzi
⌨️ (6:41:55) Introducere cu 14 cărucioare
⌨️ (6:42:44) Prezentare generală a configurației cu 14 cărucioare
⌨️ (6:50:25) Configurare reductor de utilizare cu 14 cărucioare
⌨️ (6:57:16) Cărucior cu 14 cărucioare
⌨️ (7:02:06) 14-Ștergeți articolul din coș
⌨️ (7:06:35) Creștere cu 14 cărucioare
⌨️ (7:11:40) 14-Scădere cărucior
⌨️ (7:15:41) 14-cărucioare Obțineți totaluri
⌨️ (7:27:23) 14 date despre preluarea cărucioarelor
⌨️ (7:32:31) Funcționalitate de comutare cu 14 coșuri
⌨️ (7:39:57) 15-Cocktailuri Intro
⌨️ (7:41:13) 15-Cocktailuri Informații suplimentare
⌨️ (7:41:51) Prezentare generală a setării 15 cocktail-uri
⌨️ (7:44:49) Configurare router cu 15 cocktail-uri
⌨️ (7:50:15) 15-Cocktail-uri Navbar
⌨️ (7:53:20) 15-Eroare de cocktail-uri Despre
⌨️ (7:56:28) Configurare context cu 15 cocktail-uri
⌨️ (8:06:54) Prezentare generală a API-ului 15-Cocktail-uri
⌨️ (8:10:29) 15-Cocktail-uri Aducă băuturi
⌨️ (8:20:51) Lista de afișare cu 15 cocktail-uri
⌨️ (8:26:17) Formular de căutare cu 15 cocktail-uri
⌨️ (8:32:49) 15-Cocktail-uri Single Cocktail Pagina
⌨️ (8:53:23) Găzduire – Trage și plasează
⌨️ (8:58:45) Găzduire – Implementare continuă
⭐️ Mulțumiri speciale suporterilor noștri Champion! ⭐️
🏆 Loc Do
🏆 Joseph C
🏆 DeezMaster
—
Învățați să codificați gratuit și obțineți un job de dezvoltator: https://www.freecodecamp.org
Citiți sute de articole despre programare: https://freecodecamp.org/news
Cursuri interesante:
- Creați 15 proiecte JavaScript – Curs JavaScript Vanilla
- Node.js / Curs Express – Construiți 4 proiecte
- Tutorial de proiect HTML și CSS – Construiți un site web cu rețete
- Tutorial React Project – Creați un site web de portofoliu cu animații avansate
- 🚀Transfer List -React Interview Challenge #26 -Machine Coding Round #javascript #react #shorts
- React Router 6 – Tutorial pentru începători
- React Coding Interviu Prep – 30 de întrebări și răspunsuri
- Tutorial React: Creați un site de comerț electronic de la zero folosind React și Netlify
- Învață React 18 cu Redux Toolkit – Tutorial complet pentru începători
- React & TypeScript – Curs pentru începători