Introducere
Este impresionant ceea ce puteți face pe web astăzi. Puteți să construiți experiențe web care rulează pe toate dispozitivele, să includeți tot felul de conținut media și să efectuați calcule complicate. Puteți chiar să creați aplicații care arată și se simt ca aplicațiile native.
Dacă vă interesează să începeți astăzi dezvoltarea web, s-ar putea să vă confruntați cu o serie de opțiuni amețitoare. În acest modul, veți afla componentele de bază ale unui site web și unele instrumente pe care le puteți utiliza pentru a începe dezvoltarea web. Veți utiliza HTML, CSS și JavaScript împreună pentru a construi un site web, apoi veți utiliza instrumentele pentru dezvoltatori din browser pentru a înțelege ce se întâmplă.
Cu aceste cunoștințe fundamentale, veți avea un context mai bun pentru a lua decizii în viitor atunci când construiți site-uri web; de exemplu, dacă trebuie să alegeți cadrele JavaScript sau să creați propriile funcții JavaScript pentru a vă construi site-ul web.
Să începem uitându-ne unde vrem să mergem.
Scenariu
Imaginați-vă că sunteți dezvoltator web și vi s-a solicitat să faceți site-ul web al firmei dvs. să facă apel la o gamă mai largă de clienți. Pentru a le permite clienților să își particularizeze experiența pe site-ul web, decideți să adăugați suport pentru teme luminoase și întunecate. Creați un site web mic, proof-of-concept, pentru a demonstra suportul pentru temele care utilizează CSS și scrieți o funcție JavaScript pentru a comuta între aceste teme.
Când este finalizată, site-ul dvs. web arată astfel atunci când este selectată tema întunecată:
Ce se află într-o pagină web?
Conținutul, stilul și logica interactivă sunt separate în fișiere HTML, CSS și JavaScript. Un principiu de proiectare în programarea modernă este separarea preocupărilor. Printre numeroasele motive pentru separarea preocupărilor, două sunt simplitatea și reutilizarea. De exemplu, prin stilizarea elementelor HTML utilizând CSS, puteți simplifica codul HTML. În loc să codați aspectul în cadrul fiecărui element, aplicați stiluri CSS tuturor elementelor dintr-o pagină, indiferent de complexitatea paginii. În plus, puteți lega mai multe pagini HTML la un singur fișier CSS, ceea ce vă poate ajuta să simplificați un aspect și un stil unitar în întregul site web.