Curs React – Tutorial pentru începători pentru biblioteca React JavaScript[2022] – Cursuri AZ – Toate cursurile care contează din România

Învață React construind opt proiecte în lumea reală și rezolvând peste 140 de provocări de codare. De asemenea, puteți urma acest curs în mod interactiv pe Scrimba: https://scrimba.com/learn/learnreact

React este una dintre cele mai populare biblioteci JavaScript front-end pentru construirea de interfețe cu utilizatorul. După finalizarea acestui curs, veți putea crea aplicații web în React modern, folosind modele precum componente funcționale și cârlige.

✏️ Acest profesor este Bob Ziroll, șef de educație la Scrimba.

Codul este disponibil pe pagina de curs Scrimba pentru fiecare lecție.

Scrimba pe YouTube: https://www.youtube.com/c/Scrimba
Bob pe Twitter: https://twitter.com/bobziroll

0:00 Introducere
5:27 Ce vom învăța
7:03 Fapte amuzante despre linkul react:https://www.figma.com/file/xA1rJVQOorqMW6xjGdBLcI/ReactFacts?node-id=0%3A1/> 9:08 Mai întâi reacționează
https://reactjs.org/docs/cdn-links.html
17:13 Primul exercițiu de reacție
19:04 Configurare locală (mod rapid)
21:03 De ce să reacționezi?
30:38 JSX
40:19 La revedere, CDN-uri!
44:27 Experimentul gândirii
49:57 Proiectul 1 Partea 1 – MarkUp
57:44 Test pop!
59:55 Componente
1:33:07 Configurați un mediu React local cu Crearea aplicației React
1:33:53 Babel, Bundler, Build
1:34:47 Creați aplicația React: https://create-react-app.dev/
1:35:56 Cum se instalează Node.js
1:36:06 Utilizați nvm sau nvm-windows
1:36:33 Cum se instalează Node.js
1:41:30 Stiluri și imagini cu CRA
https://create-react-app.dev/docs/adding-images-fonts-and-files/
https://create-react-app.dev/docs/using-the-public-folder/
1:46:03 Schița mentală rapidă a proiectului
1:50:00 Quick Figma Walkthrough
https://www.youtube.com/watch?v=ybc2gkvjMDs&feature=youtu.be/> 1:51:43 Configurarea proiectului
https://www.figma.com/file/xA1rJVQOorqMW6xjGdBLcI/ReactFacts?node-id=0%3A1/> 1:59:00 Bara de navigare și stil
2:06:18 Secțiunea principală
2:14:04 Colorează Gloanțele
2:16:30 Adăugați sigla de fundal
2:20:50 Secțiunea 1 Proiect solo
2:22:23 Carte de vizită digitală https://scrimba.com/links/figma-digital-business-card-sp
2:24:05 Împărtășește-ți munca https://scrimba.com/links/solo-project-tweet https://scrimba.com/links/discord-i-built-this
2:24:45 Secțiunea 1 Recap
https://scrimba.com/links/discord-today-i-did

Creați o clonă de experiențe AirBnb
2:27:26 Introducere secțiunii și fișier Figma
https://scrimba.com/links/figma-airbnb-experiences
2:31:40 Configurarea proiectului: NavBar & Hero
2:43:11 Componenta cardului de proiect
2:50:32 Problemă – Nu se poate reutiliza
2:52:29 Recuzită
3:18:42 Prop Quiz (Înțelegi?)
3:23:10 Recuzită de destructurare
3:27:05 Recuzită antrenament
3:36:12 Trecerea în recuzită fără șir
3:40:11 Proiect: Treci elemente de recuzită către componentă
3:47:08 Revizuire – Array.map()
3:55:37 React matrice de randare
4:00:10 Componente de cartografiere
4:04:46 Test pe hartă
4:08:26 Se încarcă imagini de pe .map()
4:10:02 Proiecte
4:32:34 Răspândește obiecte ca recuzită
4:36:30 Proiect solo secțiunea 2
4:37:14 Jurnal de călătorie: https://scrimba.com/links/figma-travel-journal-sap
4:39:24 Împărtășește-ți munca
4:39:52 Secțiunea 2 recapitulare

Construiește un generator de meme
4:41:37 Secțiune și fișier figma
https://scrimba.com/links/figma-meme-generator
4:45:48 Generator de meme: antet și formular
4:57:13 Analiza proiectului
4:58:20 Ascultători de evenimente
5:04:31 Proiect: Obțineți meme aleatorii
5:10:15 Enigma noastră actuală
5:18:26 Recuzită vs
5:32:13 useState
5:37:57 Schimbarea stării
5:41:03 useState – Counter Practice
5:45:51 useState – Schimbarea stării cu o funcție de apel invers
5:51:12 Test de stat suspendat!
5:53:44 Proiect: Atribuiți imagini generatorului de meme
5:56:43 Provocare: Practica ternară și starea inversă înainte și înapoi
6:06:37 Stat complex
6:27:46 Proiect: Refactor State
6:31:59 Trecerea stării drept recuzită
6:37:54 Setarea stării de la componentele copil
6:44:25 Transmiterea de date
6:50:53 Provocarea cutii
7:28:46 Redare condiționată
7:48:49 Formele de reacție intro
7:52:17 Urmăriți modificările de intrare în React
7:56:49 Practică introducerea formularelor
7:59:13 Formează obiectul de stare
8:07:18 Intrări controlate
8:11:35 Forme în React
8:47:04 Proiect: adăugați text la imagine
8:51:05 Efectuarea de apeluri API
8:55:08 Introducere în utilizare Efect
https://reactjs.org/docs/hooks-effect.html
9:00:54 useEffect()
9:24:46 Proiect: obține meme de la API
9:33:00 Practici de stare și efect
9:40:05 folosește funcția de curățare efect
9:46:00 Folosind o funcție de sincronizare în useEffect
9:49:14 Secțiunea 3 recapitulare

Creați o aplicație Note și un joc Tenzies
9:51:34 Secțiunea 4 Introducere
https://scrimba.com/links/figma-reactfacts-light-dark
https://scrimba.com/links/figma-tenzies-game
9:54:09 Încălzire: Adăugați moduri întuneric/luminos pe site-ul ReactFacts
10:00:50 Introducere a aplicației Note
10:10:47 Dezvoltarea aplicației Note
10:44:17 Prezentarea proiectului Tenzies
https://scrimba.com/links/figma-tenzies-game
10:45:38 Configurarea Tenzies și dezvoltarea jocului
11:24:35 Țineți zarurile partea 3
11:28:39 Sfârșit jocul
https://github.com/alampros/react-confetti#readme
11:40:31 Tenzies: Jocuri noi și idei de credit suplimentar
11:44:15 Proiectul Solo Secțiunea 4
11:45:53 chestionar https://scrimba.com/links/figma-quizzical
11:47:26 OTDB API https://opentdb.com/api_config.php
Consultați cursul rapid de componente ale clasei: https://scrimba.com/playlist/pBpayAz
11:49:32 Felicitări pentru finalizarea Modulului 1!

Curs React – Tutorial pentru începători pentru biblioteca React JavaScript[2022]

Cursuri interesante:

Leave a Reply