Osnovni tečaj HTML, CSS in JavaScript

Dobrodošli na tečaju!

Za razumevanje HTML-ja je koristno natančneje razumeti, kaj HTML dejansko je. Ta lekcija obravnava prav to vprašanje.

Ključno vprašanje, ko se ravno začenjaš: Kako se ustvarjajo, prikazujejo ali spreminjajo HTML dokumenti? Odgovor najdeš v tem videu.

Osnova HTML dokumentov so t. i. oznake. To koncept spoznaš v tem predavanju.

HTML dokumenti sestavljajo glavo z informacijami o dokumentu in vidno vsebino. V tem poglavju gre najprej za glavo (head).

Prava vsebina je shranjena v telesu strani. To osnovno razdelitev morate nujno razumeti. Ta lekcija je zato obvezna v vsakem primeru!

Prav obsežni dokumenti imajo korist od komentarjev, ki se ne prikažejo na sami spletni strani. To lahko naredi vaš kodo bolj pregleden in dokumentiran. Nauči se, kako jih ustvariti.

Na spletu se pogosto srečujete s potmi - in sicer v dveh variantah: relativna ali absolutna pot. Oglejte si to lekcijo, da razumete koncept.

Povezave znotraj spletne strani so zelo pogoste. Izvedbo najdete v tem prispevku.

Sklice na druge spletne strani so prav tako pomembni in spadajo v vsakdan na internetu. Poleg tega obstaja tudi parameter Target, ki določa, kako se povezave odprejo. Nauči se, kako to izvedeš.

Povezave znotraj dokumenta imenujemo tudi kot sidra. Nauči se jih postaviti in se sklicevati na dele na trenutni strani.

K hierarhični strukturi spadajo med drugim tudi naslovi. Tu se naučiš poznati razpoložljive elemente.

Presledki in prelomi vrstic v HTML dokumentih so omejeni. Pomembno je, da poznaš to koncept.

V besedilu igrajo odstavki pomembno vlogo. Tukaj se jih naučiš postaviti.

Prav na spletu morajo biti besedila pregledna. Seznami pomagajo gledalcu pri preletavanju. Zato je lekcija o urejenih in neurejenih seznamih popolnoma obvezna.

Tabele so izjemno pomembne, da podatke pridobimo tablično. Tukaj se naučite osnov.

Spletna stran brez slik ni mogoča. Tukaj se naučiš, kako vključiti slike.

Nauči se vstavljati posebne znake kot HTML entitete v svojih dokumentih.

Z uporabo iframes vstaviš druge spletne strani neposredno na svojo spletno stran.

JavaScript datoteke so vključene v HTML dokumente. Tukaj se naučiš, kako se to naredi.

V prvem vaji HTML gre za oblikovanje besedila in postavljanje naslovov.

Tukaj ustvariš recept kot HTML dokument in pri tem uporabiš osnovne HTML elemente.

Znanje o tabelah se tu sedaj uporablja v praksi.

Naučite se koncept Cascading Style Sheets.

Naučite se, da CSS-stavke dodelite neposredno elementom.

Notranji slogi so še en način, da neposredno v dokumentu vnesete navodila.

Zelo pogost primer: stilne datoteke so izločene v zunanje datoteke in vključene.

Za oblikovanje so atributi "class" in "id" izjemno pomembni. Spoznajte jih tukaj.

Ravno kontejnerji igrajo pomembno vlogo pri delu s CSS. Tukaj se naučiš koncept na primeru div-Taga.

Z atributom "float" lahko elemente postavimo na različne položaje. Pomemben element pri oblikovanju. Obvezna lekcija!

Tudi atribut položaj je izjemno pomemben in bi moral biti vključen v vsak načrt učenja CSS.

Naučite se različnih podatkov za razmike (»padding« in »margin«).

Širina in višina (višina in širina) sta tema te lekcije.

HTML elemente lahko predstavimo s poljem. Za to obstaja atribut meje, ki ga boš spoznal/-a v tem videu.

Različne velikosti pisav je že vsak uporabil. Po tej lekciji jih lahko določite z CSS.

Pisave niso vedno na voljo na vsakem računalniku. Zato se na spletu raje določijo družine pisav. Oglejte si video in se naučite, kako to storiti.

Osnova oblikovanja besedila: odebeljen, poševen in podčrtan tekst. V tem predavanju ti predstavljam CSS ukaze.

Poravnavanje besedila je znano tudi iz obdelave besedil in ni nenavadno tudi na spletu. Odkrijte, kako deluje s pomočjo CSS.

Oblikovanje standardnih povezav se da bistveno izboljšati z CSS. Spoznaj različne stanje povezav in ustrezne CSS ukaze.

Kratek pregled vprašanja: "Kaj je JavaScript pravzaprav natančno?

V tem intenzivnem tečaju vključuješ JavaScript v HTML dokument. Najprej se naučiš, kako to neposredno vpisati v dokument.

Zunanji JavaScripti so prav tako pomembni in stalno prisotni na spletu.

Spoznaj "Document Object Model".

Podatki ne smejo biti izpisani v TVML/TVJS na ta način, vendar je kljub temu pomembno za nadaljnje primere.

Pomembna značilnost JavaScripta je nadzorovanje preko dogodkov. Tukaj spoznaš koncept na primeru klika dogodkov.

Naučite se, kako dostopate do elementov in spreminjate vrednost.

Spremenljivke – osrednji koncept vsake programske jezika. Tukaj se naučiš, kako se ustvarijo v jeziku JavaScript.

Čeprav JavaScript pri deklaraciji ne uporablja eksplicitnih podatkovnih tipov, bi moral vseeno razumeti ta koncept.

Računalnik (v nemščini „Rechner“) ni sposoben izračunati ničesar brez osnovne aritmetike. Seveda lahko to stori tudi JavaScript.

Tudi če jih ne uporabljaš neposredno, se pogosto srečuješ s sestavljenimi povezavami v praksi. Dobro je, če znaš brati sintakso!

Brez pogojev je programiranje težko predstavljivo.

Koncept ponavljanja je prav tako izjemno pomemben. Tukaj se boš naučil eno varianto v JavaScriptu.

Tudi while-zanke imajo svoj namen. Dobro je, če jih poznaš tudi ti.

Funkcije boste uporabljali tudi v TVJS. Pomemben koncept, ki ga je treba razumeti.

Da bi se ustrezno premikal po kodi, moraš poznati obsege veljavnosti JavaScripta (Scopes).

Tukaj gre še enkrat in nekoliko bolj podrobno za dogodke.

Nizi se verjetno pojavljajo v vsaki aplikaciji. Zato jih je nujno vključiti v kratki tečaj.

Tematike naključnih števil in drugih zahtevnih izračunov sta prav tako pomembni.

Tudi tabele se ti bodo zagotovo pojavile v okolju JavaScript in TVJS. Dobro je, če jih poznaš.

Tudi v TVJS se uporabljajo objekti. Zato bi moral poznati vsaj implementacijo JavaScripta.

Lastnosti spadajo v objektno orientacijo in bi morale biti načeloma razumljene.

Tudi metode so pomembne in se ti bodo pogosto pojavljale v primerih TVJS.