Aflați despre manipularea DOM JavaScript în acest tutorial pentru începători. Acesta este momentul în care utilizați JavaScript pentru a adăuga, elimina și modifica elemente ale unui site web.
În prima parte a cursului, veți afla despre caracteristicile de bază ale unui site web DOM și despre comenzile JavaScript pe care le puteți utiliza pentru a manipula DOM. În a doua parte a cursului, veți folosi ceea ce ați învățat pentru a crea exemple practice, de la începător la avansat.
✏️ CodeLab a creat acest curs. Verificați canalul lor: https://www.youtube.com/c/CodeLab98
⭐️ Conținutul cursului ⭐️
⌨️ (0:00:00) Introducere
⌨️ (0:01:32) Ce este DOM-ul?
⌨️ (0:02:05) Analogia arborelui DOM
⌨️ (0:04:01) Selectarea elementelor din DOM
⌨️ (0:11:44) Stilizarea unui element
⌨️ (0:16:33) Crearea de elemente
⌨️ (0:17:32) Adăugarea de elemente
⌨️ (0:18:33) Modificați textul
⌨️ (0:21:15) Modificarea atributelor și claselor elementelor
⌨️ (0:24:59) Eliminați un element
⌨️ (0:25:47) DOM Tree Recap
⌨️ (0:27:58) Traversând DOM
⌨️ (0:37:48) Ascultători de evenimente
⌨️ (0:44:59) Exemplu de ascultător de evenimente
⌨️ (0:50:16) Propagarea evenimentului
⌨️ (1:00:07) Delegarea evenimentului
⌨️ (1:11:13) Introducere în proiecte
⌨️ (1:11:52) Proiect 1: Începător
⌨️ (1:14:26) Marjarea proiectului 1
⌨️ (1:16:31) Stiluri generale pentru toate proiectele
⌨️ (1:17:08) Proiectul 1 Stil CSS
⌨️ (1:24:40) Proiect 1 JavaScript
⌨️ (1:29:39) Proiectul 2: Începător +
⌨️ (1:30:41) Proiect 2 Mark Up
⌨️ (1:32:33) Stilul CSS al Proiectului 2
⌨️ (1:41:30) Proiectul 2 JavaScript
⌨️ (1:46:08) Project 2 CSS Styling p2
⌨️ (1:47:53) Proiect 3: Intermediar
⌨️ (1:48:39) Marcare proiect 3
⌨️ (1:49:59) Project 3 CSS Styling
⌨️ (1:55:19) Proiectul 3 JavaScript
⌨️ (1:58:02) Project 3 CSS Styling p2
⌨️ (2:00:45) Proiectul 4: Pro
⌨️ (2:01:26) Proiect 4 Mark Up
⌨️ (2:02:44) Project 4 CSS Styling
⌨️ (2:06:36) Proiectul 4 JavaScript
⌨️ (2:20:37) Proiectul 5: Maestru
⌨️ (2:22:01) Proiect 5 Mark Up
⌨️ (2:23:15) Project 5 CSS Styling
⌨️ (2:26:39) Proiectul 5 JavaScript
⌨️ (2:33:52) Project 5 CSS Styling p2
⌨️ (2:38:41) Proiectul 5 JavaScript p2
🎉 Mulțumim susținătorilor noștri Campion și Sponsor:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 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:
- Efecte de pixeli cu JavaScript și HTML Canvas – Tutorial
- Învață CSS Media Queries prin construirea a 3 proiecte – Curs complet
- Curs Arduino pentru toată lumea
- Realitate augmentată pentru toată lumea – Curs complet
- Aflați p5.js pentru codare creativă – 5 proiecte pentru începători
- Redux Tutorial – Începător până la avansat
- Curs de învățare automată pentru începători
- Curs ChatGPT – Utilizați API-ul OpenAI pentru a codifica 5 proiecte
- Învață Unity – Tutorial de dezvoltare a jocului pentru începători
- Curs de bootcamp pentru dezvoltare web front-end (JavaScript, HTML, CSS)