JavaScript în browser
Un curs despre felul în care pagina începe să răspundă la acțiuni. Luăm codul HTML și CSS pe care deja îl scrii și adăugăm comportament: evenimente, lucrul cu DOM-ul, date de la server — fără nicio bibliotecă. La final, catalogul din cursul de HTML și CSS se filtrează, coșul trăiește în localStorage, iar tu înțelegi fiecare rând, pentru că l-ai scris singur.
Ce vei putea face
9 module, un singur proiect
01 Primul script3 lecții · 2 h 16 minDeschis
Conectăm JavaScript la o pagină gata făcută și citim consola din prima lecție — pentru că erorile încep mai devreme decât rezultatul.
02 Variabile, condiții și funcții4 lecții · 3 h
Sintaxa de bază direct pe sarcini din pagină: calculăm suma coșului și ascundem blocuri, în loc să rezolvăm exerciții abstracte.
03 DOM: găsim elementele și le schimbăm4 lecții · 2 h 56 min
Pagina văzută de script: arborele de noduri, căutarea elementelor și modificarea atentă a ceea ce vede omul.
04 Evenimente: clic, introducere, trimiterea formularului4 lecții · 2 h 52 min
Cum anunță browserul acțiunile omului și de ce un singur handler pentru listă este mai bun decât douăzeci identice.
05 Array-uri și obiecte: datele interfeței3 lecții · 2 h 20 min
Catalogul ca array de obiecte: parcurgem, filtrăm și sortăm datele, iar structura HTML o construim din ele.
06 Widget-uri fără biblioteci3 lecții · 2 h 16 min
Taburi, fereastră modală și acordeon făcute cu mâna ta — ca să înțelegi ce fac de fapt componentele gata făcute.
07 Asincronie: promisiuni și async/await4 lecții · 2 h 52 min
De ce codul nu așteaptă și cum încetează asta să fie o enigmă: temporizatoare, promisiuni și o sintaxă care se citește de sus în jos.
08 Date de la server: fetch și JSON3 lecții · 2 h 12 min
Luăm catalogul de la server și arătăm cinstit omului încărcarea, răspunsul gol și căderea rețelei.
09 localStorage, module și proiectul final4 lecții · 3 h 16 min
Punem totul cap la cap: coșul supraviețuiește reîncărcării, codul este împărțit în fișiere, proiectul poate fi arătat.
Ce primești
Video cu marcaje de timp și variantă scrisă: codul din lecție se copiază, nu se rescrie manual de pe ecran.
Același proiect pe care l-ai construit în «HTML și CSS fără magie» — comportamentul se adaugă la munca ta, nu la o demonstrație străină.
O adresă cu produse, întârziere a răspunsului și mod de eroare, ca să exersezi încărcarea și tratarea unei căderi pe date reale.
Cod finalizat pentru fiecare modul, plus fișe despre metodele array-urilor, evenimente și lucrul cu DOM — pentru verificare după practică.
Primul modul este deschis în întregime
Urmărește lecțiile primului modul și prima temă. Dacă formatul nu ți se potrivește, nu ai pierdut nimic.