Alapok útmutató HTML, CSS és JavaScript

Üdvözöljük a kurzuson!

Az HTML megértéséhez segít, ha jobban megérted, hogy mi is az HTML valójában. Ez az óra éppen ezt a kérdést tárgyalja.

Az átütő kérdés, amikor éppen belépsz: Hogyan készülnek, jelennek meg vagy módosulnak az HTML dokumentumok? Ebben a videóban megtalálod a választ.

Az HTML dokumentumok alapja a "tag"-ek, ezt a koncepciót fogjuk megismerni ebben az órában.

Az HTML dokumentumok egy fejrészből állnak, amely információkat tartalmaz a dokumentumról, valamint a látható tartalomról. Ebben a leckében először a fejrészről (head) lesz szó.

A valós tartalmakat a body részben helyezzük el. Ezt az alapvető felosztást feltétlenül meg kell értened. Ez a lecke tehát minden esetben kötelező!

A kiterjedt dokumentumok különösen előnyben részesülnek a nem közvetlenül a weboldalon megjelenő megjegyzésekből. Segíthet az átláthatóságban és a dokumentálásban. Tanulj meg ilyeneket létrehozni.

Az interneten mindig találkozni fogsz elérési utakkal - két változatban: relatív vagy abszolút elérési útként. Nézd meg ezt a leckét, hogy megértsd ezt a fogalmat.

Az oldalon belüli hivatkozások rendkívül gyakoriak. A végrehajtást ebben a bejegyzésben találod.

Hivatkozások más weboldalakra ugyanolyan fontosak és szintén hozzátartoznak az internet mindennapjaihoz. Ezenkívül a céllal (Target) megadatik, hogyan nyílnak meg a linkek. Tanulj meg, hogyan valósítsd meg ezt.

A dokumentumon belüli hivatkozásokat is ,,horgonynak" nevezik. Tanuld meg őket beállítani, és arra az aktuális oldal területeire hivatkozni.

Egy hierarchikus struktúrához többek között a címek tartoznak. Itt megismerheted az elérhető elemeket.

Szóközök és sortörések az HTML-dokumentumokban korlátozottak. Fontos, hogy ismerd ezt a koncepciót.

Egy szövegben az bekezdések fontos szerepet játszanak. Itt tanulhatod meg őket beilleszteni.

Pontosan a weben a szövegeknek áttekinthetőnek kell lenniük. A listák segítenek a nézőnek átfutás közben. Ezért a rendezett és rendezetlen listákról szóló lecke abszolút kötelező.

Táblázatok rendkívül fontosak az adatok táblázatos formában történő felkészítéséhez. Itt megismered az alapokat.

Egy weboldal képek nélkül elképzelhetetlen. Itt megtanulod, hogyan állítasz be képeket.

Tanulj meg speciális karaktereket HTML entitásokként elhelyezni a dokumentumaidban.

Az iframe segítségével más weboldalakat közvetlenül beágyazhatsz a saját weboldaladba.

A JavaScript fájlok be vannak szúrva az HTML dokumentumokba. Itt megtanulod, hogyan kell ezt csinálni.

Az első HTML gyakorlat a szöveg formázásáról és a címek elhelyezéséről szól.

Itt készítesz egy receptet HTML dokumentumként, és alapvető HTML elemeket használsz hozzá.

Az asztalok körüli ismeretet most a gyakorlatban alkalmazzuk.

Ismerd meg a Cascading Style Sheets koncepcióját.

Tanuld meg közvetlenül hozzárendelni a CSS utasításokat az elemekhez.

A belső stíluslapok egy másik módja annak, hogy közvetlenül utasításokat helyezzünk el a dokumentumban.

Egy nagyon gyakori eset: a stíluslapok külső fájlokba kerülnek kiszervezésre és beillesztésre.

Az „class” és az „id” attribútumok nagyon fontosak a stílushoz. Ismerd meg őket itt.

A konténerek fontos szerepet játszanak a CSS munkafolyamatában. Itt ismerkedhetsz meg a div-címkékkel kapcsolatos koncepcióval.

Az `float` attribútum segítségével különböző módon lehet elhelyezni az elemeket. Egy központi elem a tervezésben. Kötelező lecke!

A `position` attribútum is rendkívül fontos és mindenképpen bele kell venni egy CSS-tananyagba.

Ismerd meg a különböző távolságbeállításokat ("padding" és "margin").

A szélesség és magasság (height és width) téma ebben a leckében.

Az HTML elemek kerettel megjeleníthetőek. Ehhez használhatod a border attribútumot, amit ebben a videóban megismerhetsz.

Mindenki már használt különböző betűméreteket. Ebből a leckéből megtanulhatod őket CSS használatával beállítani.

Betűtípusok nem mindig elérhetőek minden számítógépen. Ezért inkább betűcsaládokat határoznak meg a weben. Tanulj meg erről a videóból!

A szöveg formázás alapja: félkövér, dőlt és aláhúzott szöveg. Ebben a leckében bemutatom neked a CSS utasításokat.

A szöveg igazítása ismert a szövegszerkesztésből és a weben sem szokatlan. Tudakozz meg arról, hogyan működik ez CSS-sel.

Az alapértelmezett linktervezés jelentősen javítható CSS segítségével. Ismerd meg a linkek különböző állapotait és a megfelelő CSS utasításokat.

Egy rövid áttekintés a kérdésről: „Tulajdonképpen mi is pontosan a JavaScript?”

Ebben a gyorstalpalóban beágyazod a JavaScript-et egy HTML-dokumentumba. Először megtanulod ezt közvetlenül a dokumentumba helyezni.

Külső JavaScript fájlok szintén fontosak és állandóan jelen vannak a weben.

Ismerd meg a „Document Object Model“-t.

Nem kell adatot kiírnod TVML/TVJS-en keresztül, de mégis fontos a további példákhoz.

JavaScript egyik lényeges jellemzője az eseményvezéreltség. Itt ismerkedhetsz meg a fogalommal a kattintás esemény példáján keresztül.

Tudj meg, hogyan férhetsz hozzá az elemekhez és változtathatod meg az értéküket.

Változók - minden programozási nyelv központi fogalma. Itt fogod megtanulni, hogyan hozhatók létre JavaScriptben.

Bár a JavaScript nem használ kifejezett adattípusokat a deklaráció során, azért érdemes megeértened a koncepciót.

Egy számítógép (németül „Rechner“) nem képes számolni könnyű matematika nélkül. JavaScript természetesen ezt is megteheti.

Akár közvetlenül nem is használod őket, gyakrabban találkozol összetett/ kombinált utasításokkal a gyakorlatban. Jó, ha tudod olvasni a szintaxist!

Korlátozások nélkül a programozás csak nehezen elképzelhető.

Fontos az ismétlés fogalma is. Itt megtanulod egy változatát JavaScriptben.

A while-ciklusoknak is megvan a helyük. Jó, ha te is ismered őket.

Funktionokat fogsz használni a TVJS-ben is. Egy fontos koncepció, amit meg kell érteni.

Ahhoz, hogy helyesen mozogj a kódban, ismerned kell a JavaScript hatásköröket (Scopes).

Itt van még egyszer, és kicsit részletesebben az eseményekről van szó.

A hozzátok az appok minden bizonnyal találkoztok a karakterláncokkal. Ezért ők feltétlenül részt vesznek az összeomlási kurzusban.

A véletlen számok és egyéb bonyolult számítások témái szintén fontosak.

Az array-ek biztosan találkoznak veled a JavaScript és TVJS környezetében. Jó, ha ismered őket.

A TVJS-ben is használnak objektumokat. Tehát legalább ismerned kell a JavaScript megvalósítást.

Jellemzők tartoznak az objektumorientáltsághoz, és alapvetően meg kell érteni őket.

Fontosak az iskolai módszerek is és gyakran találkozhatsz velük a TVJS példáiban.