alphaPlan · Strukturat e të dhënave, algoritmet dhe web-i · Fletë përmbledhëse 06

Një njohje e parë me web-in

Ndërto me dorë një faqe të vërtetë: HTML për strukturën, CSS për pamjen, JavaScript për sjelljen dhe DOM-in për t'i bashkuar.

Idetë për t’u mbajtur mend

01HTML nuk është gjuhë programimi; ai përshkruan strukturën e një faqeje me etiketa që hapen, mbyllen dhe futen njëra brenda tjetrës pa u kryqëzuar.
02Gjithçka që sheh vizitori rri brenda body; head mban informacion rreth faqes, si titulli te skeda e shfletuesit.
03Listat përdorin ul ose ol me njësi li, imazhet përdorin img me src dhe alt, dhe lidhjet përdorin a me href.
04Një rregull CSS është një përzgjedhës plus deklarata veti: vlerë; dhe rri në skedarin e vet të lidhur nga head.
05JavaScript i jep faqes sjellje me variabla let dhe const, funksione që kthejnë një rezultat me return dhe console.log për të kontrolluar vlerat.
06DOM-i është modeli i gjallë i faqes; getElementById dhe textContent e lejojnë një klikim të ndryshojë atë çka sheh vizitori pa ringarkim.

<p>This is a paragraph.</p>: Një etiketë hapëse, përmbajtja dhe një etiketë mbyllëse me vijë të pjerrët; br dhe hr janë etiketa të zbrazëta pa mbyllëse.
<h1> deri <h6>: Gjashtë madhësi titujsh; zgjidhe nivelin sipas kuptimit, jo sipas madhësisë.
p { color: green; }: Përzgjedhësi p, vetia color, vlera green; pikëpresja në fund të çdo deklarate ka rëndësi.
let, const: let krijon një variabël vlera e së cilës mund të ndryshojë më vonë; const krijon një që nuk duhet të ndryshojë.
document.getElementById: E merr elementin me atë id, që të kesh një dorezë për të punuar me të.
textContent: Vetia që lexon ose zëvendëson fjalët brenda një elementi; kur e cakton, ekrani ndryshon menjëherë.

Mbylli etiketat në rendin e kundërt nga si i hape: hap A, hap B, mbyll B, mbyll A.
Shkruaj një alt të vërtetë për çdo imazh dhe tekst lidhjeje që thotë ku të çon lidhja.
Lidhe fletën e stilit nga head me një etiketë link, që një skedar i vetëm të veshë çdo faqe.
Ngarkoje script.js në fund të body, që shfletuesi ta ndërtojë faqen para se të ekzekutohet kodi yt.
Përdor console.log sa herë që do të kontrollosh se çfarë është vërtet një vlerë.

CSS nuk njofton gabime; një pikëpresje që mungon ose një veti e shkruar gabim si colour kapërcehet në heshtje.
Një funksion pa return nuk kthen asgjë.
Nëse një klikim nuk bën asgjë, kontrollo që id-ja te getElementById dhe emri i funksionit te onclick të përputhen me HTML-në shkronjë për shkronjë.

Gjete diçka të paqartë, të vjetruar ose që mund të përmirësohet? Sugjero një përmirësim