HTML, CSS ja JavaScripti põhialuste õpetus

Olete teretulnud kursusele!

HTML mõistmiseks on abi täpsemast arusaamisest sellest, mis HTML tegelikult on. See õppetund käsitleb just seda küsimust.

Otsustav küsimus, kui sa alles alustad: Kuidas luuakse, kuvatakse või muudetakse HTML-dokumente? Selles videos leiad vastuse.

HTML-dokumentide alus on nn sildid. Selle kontseptsiooni õpid ära selle õppetunni käigus.

HTML-dokumendid koosnevad päisest, kus on teave dokumendi kohta, ja nähtavast sisust. Selles õppetükis on esialgu fookuses päis (head).

Tegelikud sisud salvestatakse keha piirkonda. See põhiline jaotus pead kindlasti aru saama. See õppetund on seega igal juhul kohustuslik!

Just suurtel dokumentidel on kasu kommentaaridest, mis ei kuvata veebisaidil endal. Need võivad muuta koodi loetavamaks ja dokumenteeritumaks. Õpi, kuidas neid luua.

Veebis kohtad alati teed juhatavaid andmeid - ja seda kahe variandina: suhtelise või absoluutse teekonnanimetuse kujul. Vaata seda õppetundi, et mõista kontseptsiooni.

Veebilehel esinevad viited on äärmiselt levinud. Rakenduse leiad selles postituses.

Viited teistele veebisaitidele on samuti olulised ning kuuluvad samuti igapäevasesse internetikasutusse. Lisaks on olemas target atribuut, mis näitab, kuidas lingid avanevad. Õpi, kuidas seda ellu viia.

Viited ühe dokumendi piires on tuntud ka kui ankrud. Õpi neid seadistama ja viitama praegusele lehele.

Hierarhilisse struktuuri kuuluvad muuhulgas pealkirjad. Siin õpid tundma saadaval olevaid elemente.

Tühikud ja reavahetused HTML-dokumentides on piiratud. On oluline, et sa selle kontseptsiooniga kursis oleksid.

Tekstis mängivad lõiked olulist rolli. Siin õpid neid seadistama.

Just veebis peavad tekstid olema selged. Loendid aitavad vaatajal kiirelt üle vaadata. Seetõttu on korraldatud ja sorteerimata loendite õppetund absoluutne kohustus.

Tabelid on äärmiselt olulised andmete tabelina esitamiseks. Siin saad tutvuda põhitõdedega.

Veebis ilma piltideta on võimatu ette kujutada. Siin õpid, kuidas pilte lisada.

Õpi HTML-üksusi kasutades spetsiaalmärke oma dokumentidesse lisama.

IFraamide abil lisate teisi veebisaite otse oma veebisaidile.

JavaScriptid lisatakse HTML-dokumentidesse. Siin saad teada, kuidas see käib.

Esimeses HTML praktilises harjutuses on jutt teksti vormindamisest ja pealkirjade seadmisest.

Siin loote retsepti HTML-dokumendina ja kasutate selleks põhilisi HTML-elemente.

Tabelitega seotud teadmisi rakendatakse siin nüüd praktikas.

Õpi tundma Cascading Style Sheets'i kontseptsiooni.

Õpi omistama CSS-deklaratsioone otse elementidele.

Sisemised stiililehed on veel üks viis juhiseid otse dokumendis säilitada.

Väga levinud juhtum: stiililehed viiakse välja eraldi failidesse ja lisatakse.

Stiilimise jaoks on "class" ja "id" atribuudid äärmiselt olulised. Õpi need siin tundma.

Just konteinerid mängivad olulist rolli CSS-iga töötamisel. Siin õpid selle kontseptsiooni tundma div-sildi näitel.

Float-atribuudiga saab elemente erinevalt paigutada. Keskne element disainis. Kohustuslik õppetund!

Ka asukoha atribuut on äärmiselt oluline ja peaks olema igas CSS-õppekavas.

Õpi tundma erinevaid vahemike („padding“ ja „margin“) määramisi.

Laius ja kõrgus on selle tunni teemaks.

HTML-elemente saab kuvada raamiga. Selleks on olemas "border"-atribuut, mille sa selles videos ära õpid.

Igaüks on juba kasutanud erinevaid fondi suurusi. Pärast seda õppetundi saate neid CSS-iga määratleda.

Kirjatüüpe pole alati igal arvutil saadaval. Seetõttu määratletakse veebis pigem kirjafondid. Õpi selles videos, kuidas seda teha.

Teksti kujundamise alus: paks, kald- ja allakriipsutatud tekst. Selles õppetükis tutvustan sulle CSS-i juhiseid.

Teksti joondamine on tekstiredaktoris tuttav ja ka veebis pole see ebatavaline. Uuri välja, kuidas see CSS-iga toimib.

Lehe vaikimisi kujundust saab CSS-iga oluliselt parendada. Õpi tundma linkide erinevaid olekuid ja nende vastavaid CSS-käske.

Lühike ülevaade küsimusele: "Mis täpselt on JavaScript?

Selles kiirkursuses lisad JavaScripti HTML-dokumendi sisse. Esialgu õpid seda otse dokumendis manustama.

Välised JavaScriptid on samuti olulised ja pidevalt veebis esindatud.

Õpi tundma „Document Object Model“-i.

Andmeid välja ei pea trükkima TVML/TVJS-s sel moel, kuid see on siiski oluline järgnevate näidete jaoks.

Javascripti oluline omadus on sündmuste juhtimine. Siin sa õpid seda kontseptsiooni näiteks klikisündmuste kaudu tundma.

Õpi, kuidas saad ligi elementidele ja muuta nende väärtust.

Muutujad – igas programmeerimiskeeles keskne kontseptsioon. Siin sa õpid, kuidas neid luuakse JavaScriptis.

Kuigi JavaScript ei kasuta deklaratsioonides konkreetseid andmetüüpe, peaksid sa siiski selle kontseptsiooni mõistma.

Arvuti (saksa keeles "Rechner") pole lihtsa aritmeetika tegemisel võimeline midagi arvutama. JavaScript saab sellega loomulikult hakkama.

Isegi kui sa neid otse ei kasuta, kohtad koostatud/kombineeritud omistusi praktikas sageli. Hea on, kui sa oskad süntaksit lugeda!

Ilma tingimusteta on programmeerimine raske ette kujutada.

Ka kordamise kontseptsioon on äärmiselt oluline. Siin õpid tundma ühte varianti JavaScriptis.

Ka while-tsüklitel on oma otstarve. Hea, kui ka sina neid tunned.

Sa kasutad funktsioone ka TVJS-is. Oluline kontseptsioon, mida tuleb mõista.

Selleks, et koodis mõistlikult liikuda, pead tundma JavaScripti kehtivusalasid (Scopes).

Siin keskendume veel kord sündmustele ja veidi rohkem detailidesse.

Sul võib ilmselt igas rakenduses kohata stringe. Seetõttu on neil kindlasti koht ka kokkupõrkekuril.

Teemad nagu juhuslikud arvud ja muud keerukad arvutused on samuti olulised.

Ka massiividega kohtud kindlasti ka JavaScripti ja TVJS-i keskkonnas. Hea, kui sa neid tunned.

Ka TVJS-is kasutatakse objekte. Seega peaksid teadma vähemalt JavaScripti rakendust.

Omadused kuuluvad objektorienteerituse juurde ja neid tuleks üldiselt mõista.

Meetodid on samuti olulised ja neile satud TVJS-i näidetes sageli vastu.