Videók automatikus lejátszása
Automatikus ugrás a következő leckére
Előző lecke
Következő lecke
Programozás alapjai tanfolyam (JavaScript)
1. hét
Az első lépések JavaScript programozóként
Kódszerkesztők
1.1. Kódszerkesztők: Miért használunk kódszerkesztőket?
1.2. Kódszerkesztők: Online kódszerkesztők I.
1.3. Kódszerkesztők: Online kódszerkesztők II.
1.4. Kódszerkesztők: Kódszerkesztők a gépeden
1.5. Kódszerkesztők: Javaslataink
JavaScript alapok I. (adattípusok)
1.1. Bevezetés: Mi az a JavaScript?
1.2. Bevezetés: A .js fájl és a konzol
1.3. Bevezetés: A JS Bin JavaScript-panele
2.1. A JavaScript adattípusai
3.1. Játék számokkal: Számtani (arithmetic) operátorok
3.2. Játék számokkal: Gyakorlás - A JavaScript mint zsebszámológép
3.3. Játék számokkal: NaN (nem szám)
3.4. Játék számokkal: JavaScript-kifejezések (expressions)
3.5. Játék számokkal: Összetett műveletek JavaScripttel
3.6. Játék számokkal: Összehasonlító (comparison) operátorok
4.1. Játék szavakkal: String
4.2. Játék szavakkal: Escaping
4.3. Játék szavakkal: Új sor
4.4. Játék szavakkal: Stringek összefűzése
4.5. Játék szavakkal: Stringek összehasonlítása egymással
4.6. Játék szavakkal: Eltérő adattípusok nem szigorú összehasonlítása
4.7. Játék szavakkal: Eltérő adattípusok szigorú összehasonlítása
5.1. Összefoglalás: Mit tanultál eddig?
6.1. Teszt: Ellenőrizd a tudásod!
2. hét
Az újrafelhasználás ereje
Olvass, keress, kérdezz
1.1. Olvass, keress, kérdezz: Tanuld meg kihúzni magad a gödörből
1.2. Olvass, keress, kérdezz: Olvass (Read)
1.3. Olvass, keress, kérdezz: Keress (Search)
1.4. Olvass, keress, kérdezz: Kérdezz (Ask)
1.5. Olvass, keress, kérdezz: Összefoglalás
JavaScript alapok II. (változók)
1.1. Bevezetés: Mi az a változó?
1.2. Bevezetés: Miért használunk változókat?
1.3. Bevezetés: Változó a nem ismert érték helyén
1.4. Bevezetés: Újrafelhasználható kód változókkal
2.1. Változók létrehozása (deklarálása): Egy változó anatómiája
2.2. Változók létrehozása (deklarálása): JavaScript-kulcsszavak (keywords)
2.3. Változók létrehozása (deklarálása): JavaScript-utasítások (statements)
2.4. Változók létrehozása (deklarálása): Kommentek a JavaScriptben
2.5. Változók létrehozása (deklarálása): A változók elnevezésére vonatkozó szabályok és szokások
3.1. Értékek (adattípusok) a változókban: Az üres változó
3.2. Értékek (adattípusok) a változókban: Változók valódi értékekkel
3.3. Értékek (adattípusok) a változókban: Kifejezések változókban és változók kifejezésekben
3.4. Értékek (adattípusok) a változókban: Változók használata változókban
3.5. Értékek (adattípusok) a változókban: A változók értékének módosítása
4.1. Változók deklarálása a JavaScript legújabb verziójában: Új kulcsszavak - let és const
4.2. Változók deklarálása a JavaScript legújabb verziójában: Változó deklarálása a let kulcsszóval
4.3. Változók deklarálása a JavaScript legújabb verziójában: Változó deklarálása a const kulcsszóval
5.1. Összefoglalás: Mit tanultál eddig?
6.1. Teszt: Ellenőrizd a tudásod!
3. hét
Függvények: A JavaScript receptjei
JavaScript alapok III. (függvények)
1.1. Bevezetés: Mik azok a függvények?
2.1. Függvények létrehozása és használata: Függvények deklarálása
2.2. Függvények létrehozása és használata: Egy függvénydeklaráció
2.3. Függvények létrehozása és használata: Függvények meghívása
2.4. Függvények létrehozása és használata: Egy csepp kitekintés
2.5. Függvények létrehozása és használata: Mi olvassa el a JavaScriptet a böngészőben?
2.6. Függvények létrehozása és használata: Milyen sorrendben hajtódik végre a JavaScript-kód
3.1. Rugalmas függvények paraméterekkel: Variációk egy témára
3.2. Rugalmas függvények paraméterekkel: Paraméterek használata a függvényekben
3.3. Rugalmas függvények paraméterekkel: Argumentum - a paraméter értéke
3.4. Rugalmas függvények paraméterekkel: Három megjegyzés a paraméterekről és az argumentumokról
3.5. Rugalmas függvények paraméterekkel: Gyakorlás - szendvicsreceptfüggvény
4.1. A függvények eredménye: Return value (visszaadott érték) és side effect (mellékhatás)
4.2. A függvények eredménye: Gyakorlás - calculateRectangleArea függvény
4.3. A függvények eredménye: Fókuszban a visszaadott érték (return value)
4.4. A függvények eredménye: A return kulcsszó
4.5. A függvények eredménye: return = stop!
4.6. A függvények eredménye: Gyakorlás - életkor-kalkulátor
5.1. Szerepkörök szétválasztása függvényekkel: Miért használunk függvényeket?
5.2. Szerepkörök szétválasztása függvényekkel: Szétválasztott területszámítás
5.3. Szerepkörök szétválasztása függvényekkel: Tetszőleges szélesség, tetszőleges hosszúság
5.4. Szerepkörök szétválasztása függvényekkel: Egymásnak passzolt argumentumok és a control flow
5.5. Szerepkörök szétválasztása függvényekkel: Gyakorlás - körök kerülete és területe
6.1. Scope-ok (területek): Globális és lokális scope-ok
6.2. Scope-ok (területek): Scope-ok a gyakorlatban
7.1. Összefoglalás: Mit tanultál eddig?
8.1. Teszt: Ellenőrizd a tudásod!
4. hét
Feltételes ciklusok mindenütt
JavaScript alapok IV. (ciklusok)
1.1. Bevezető a ciklusokhoz: Ciklusok és Hófehérke dilemmája
1.2. Bevezető a ciklusokhoz: Átköltözés a JSBinbe és egy kis fájlszerkezet
1.3. Bevezető a ciklusokhoz: Pontosvessző és console.log
2.1. A while ciklus: Mik azok a ciklusok?
2.2. A while ciklus: A while ciklus (loop) felépítése
2.3. A while ciklus: Cikluskontrolláló feltételek
2.4. A while ciklus: A while ciklus alkalmazása a Hófehérke problémánkra
2.5. A while ciklus: A while ciklus, ami el tud számolni hétig
2.6. A while ciklus: A ciklus feltétele
3.1. A for ciklus (loop)
3.2. A for ciklus: A törpök, akik még alszanak és a ciklusok kombinálása
3.3. A for ciklus: Jövőbiztos ciklusok
4.1. Összefoglalás
JavaScript alapok V. (feltételek)
1.1. Bevezető a feltételekhez: Feltételek a JavaScriptben
2.1. Egyszerű feltételek: Egy online magazin és az if / else utasítások
2.2. Egyszerű feltételek: if és a barátja, else
2.3. Egyszerű feltételek: prompt()
2.4. Egyszerű feltételek: alert()
2.5. Egyszerű feltételek: else if utasítások és egy kiegészítő kérés
2.6. Egyszerű feltételek: Egy kész megrendelés
3.1. Feltételek és ciklusok: Bevezetés
3.2. Feltételek és ciklusok: for, if / else és a páros-páratlan számok
3.3. Feltételek és ciklusok: A szélerőmű-megrendelés
3.4. Feltételek és ciklusok: Egy lehetséges megoldás
4.1. Összefoglalás: Ezt tanultad meg
5.1. Teszt: Ellenőrizd a tudásod!
5. hét
JavaScript művészet és gondolkodós feladatok
Az alapok gyakorlása
1.1. Bevezető a gyakorlófeladatokhoz: Gyakorlás rajzolással
1.2. Bevezető a gyakorlófeladatokhoz: A canvas elem
1.3. Bevezető a gyakorlófeladatokhoz: fillRect()
1.4. Bevezető a gyakorlófeladatokhoz: fillStyle
1.5. Bevezető a gyakorlófeladatokhoz: moveTo() és lineTo()
1.6. Bevezető a gyakorlófeladatokhoz: A canvasWidth és a canvasHeight
2.1. Bemelegítő feladatok: Egy magányos négyzet
2.2. Bemelegítő feladatok: Két átfedő négyzet
2.3. Bemelegítő feladatok: Zászló
2.4. Bemelegítő feladatok: Átlók
2.5. Bemelegítő feladatok: Egy háromszög
2.6. Bemelegítő feladatok: Felezővonalak
3.1. Ciklusok gyakorlása: DRY négyzetek
3.2. Ciklusok gyakorlása: Sorok
3.3. Ciklusok gyakorlása: Színskála
3.4. Ciklusok gyakorlása: Háromszögalagút
3.5. Ciklusok gyakorlása: Szivárványszínű téglalapok
4.1. Feltételek gyakorlása: Fizbuzz négyzetek
4.2. Feltételek gyakorlása: Páratlan piramis
4.3. Feltételek gyakorlása: Mennyi háromszög
5.1. Függvények gyakorlása: triangle()
5.2. Függvények gyakorlása: star()
5.3. Függvények gyakorlása: lineToCenter()
6.1. Haladó gyakorlatok: A JavaScript telepesei
6.2. Haladó gyakorlatok: drawCheckeredPattern()
6.3. Haladó gyakorlatok: Tetractys
7.1. Alkoss: Rajzolj bármit
6. hét
Problémamegoldás, ahogy a profik csinálják
Programozóként gondolkodni
1.1. A Marson rekedve: Bevezetés
1.2. A Marson rekedve: A három űrhajós dilemmája
1.3. A Marson rekedve: Problémamegoldás programozó módra
1.4. A Marson rekedve: A szükséges üzemanyag-mennyiség megállapítása
1.5. A Marson rekedve: Annak kiszámítása, hogy mennyi üzemanyagot adhatunk le
2.1. A munkakörnyezet felállítása: A fájlok létrehozása
2.2. A munkakörnyezet felállítása: A JavaScript és HTML fájl összekapcsolása
2.3. A munkakörnyezet felállítása: A kapcsolat ellenőrzése
3.1. Problémamegoldás lépésről lépésre: Gondolkodj, mielőtt kódolsz
3.2. Problémamegoldás lépésről lépésre: Az első megjegyzések
3.3. Problémamegoldás lépésről lépésre: A jegyzetek véglegesítése
3.4. Problémamegoldás lépésről lépésre: Az első lépés leprogramozása
3.5. Problémamegoldás lépésről lépésre: Az első lépés visszaellenőrzése
3.6. Problémamegoldás lépésről lépésre: A második lépés megoldása
4.1. Felhasználói felület: Felhasználói felületre márpedig szükség van
4.2. Felhasználói felület: További megjegyzések hozzáadása
4.3. Felhasználói felület: Értékek bekérése
4.4. Felhasználói felület: Felesleges paraméterek eltávolítása
4.5. Felhasználói felület: Az eredmények megjelenítése
4.6. Felhasználói felület: Végső simítások
5.1. Hazaút: A számológép használata élesben
5.2. Hazaút: Összefoglalás
7. hét
Listák a JavaScriptben
Oszd meg a tanulás örömét barátaiddal 🤝
Ajánlói kedvezmény
JavaScript alapok VI. (tömbök)
1.1. Mi az a tömb: Bevezetés
1.2. Mi az a tömb: Tömb írása
1.3. Mi az a tömb: Tömb elmentése
1.4. Mi az a tömb: Adatok tárolása tömbökben
2.1. Elemek hozzáadása és törlése egy tömb elejéről vagy végéről: Új elem hozzáadása egy tömb végéhez
2.2. Elemek hozzáadása és törlése egy tömb elejéről vagy végéről: Több új elem hozzáadása egy tömb végéhez
2.3. Elemek hozzáadása és törlése egy tömb elejéről vagy végéről: Új elemek hozzáadása egy tömb elejéhez
2.4. Elemek hozzáadása és törlése egy tömb elejéről vagy végéről: Az utolsó elem törlése
2.5. Elemek hozzáadása és törlése egy tömb elejéről vagy végéről: Az első elem törlése
2.6. Elemek hozzáadása és törlése egy tömb elejéről vagy végéről: Marcsi bakancslistája
2.7. Elemek hozzáadása és törlése egy tömb elejéről vagy végéről: Példamegoldás a bakancslistára
2.8. Elemek hozzáadása és törlése egy tömb elejéről vagy végéről: Összefoglalás
3.1. Egy tömb egy elemének megváltoztatása: Hozzáférés a tömb egy eleméhez
3.2. Egy tömb egy elemének megváltoztatása: Egy tömb egy elemének megváltoztatása
3.3. Egy tömb egy elemének megváltoztatása: Jancsi vendéglistája
3.4. Egy tömb egy elemének megváltoztatása: Példamegoldás a vendéglistára
4.1. Elemek hozzáadása és törlése bárhonnan egy tömbből: Elem törlése bárhonnan
4.2. Elemek hozzáadása és törlése bárhonnan egy tömbből: Több elem törlése bárhonnan egy tömbből
4.3. Elemek hozzáadása és törlése bárhonnan egy tömbből: Új elemek hozzáadása bárhol egy tömbben
4.4. Elemek hozzáadása és törlése bárhonnan egy tömbből: Kati könyvlistája
4.5. Elemek hozzáadása és törlése bárhonnan egy tömbből: Példamegoldás a könyvlistára
4.6. Elemek hozzáadása és törlése bárhonnan egy tömbből: Összefoglalás
5.1. Egy tömb összes elemének megváltoztatása: Egy tömb hossza
5.2. Egy tömb összes elemének megváltoztatása: Minden elem megváltoztatása egyesével
5.3. Egy tömb összes elemének megváltoztatása: Az összes elem megváltoztatása for ciklussal
5.4. Egy tömb összes elemének megváltoztatása: Hogyan változtatta meg a for ciklus a tömböt?
5.5. Egy tömb összes elemének megváltoztatása: A tömb hosszának használata a for ciklusban
6.1. Összefoglalás
7.1. Teszt: Ellenőrizd a tudásod!
8. hét
Könyvtárat építünk
Szeretnél oklevelet kapni?
JavaScript alapok VII. (objektumok)
1.1. Mi az az objektum: Bevezetés
1.2. Mi az az objektum: Objektum létrehozása
1.3. Mi az az objektum: Objektum mentése
1.4. Mi az az objektum: Tulajdonságok neve és tulajdonságok értékei
2.1. Objektumtulajdonságok elérése: Pontjelölés
2.2. Objektumtulajdonságok elérése: Zárójeljelölés
2.3. Objektumtulajdonságok elérése: Beágyazott objektumok
2.4. Objektumtulajdonságok elérése: Összefoglalás
3.1. Objektumok tulajdonságainak megváltoztatása, hozzáadása és ellenőrzése: Objektum tulajdonságának megváltoztatása
3.2. Objektumok tulajdonságainak megváltoztatása, hozzáadása és ellenőrzése: Új objektumtulajdonság hozzáadása
3.3. Objektumok tulajdonságainak megváltoztatása, hozzáadása és ellenőrzése: Objektum tulajdonságának ellenőrzése
3.4. Objektumok tulajdonságainak megváltoztatása, hozzáadása és ellenőrzése: Összefoglalás
4.1. Objektummetódusok: Objektummetódus létrehozása
4.2. Objektummetódusok: Objektummetódus elérése
4.3. Objektummetódusok: Oldalszám elmentése egy tulajdonságba
4.4. Objektummetódusok: Az elolvasott oldalak számának kiszámolása
4.5. Objektummetódusok: A kiírt üzenet megértése
4.6. Objektummetódusok: A megfelelő üzenet megjelenítése
4.7. Objektummetódusok: Összefoglalás
5.1. A this kulcsszó és paraméterek használata metódusokban: Több könyv elmentése a katalógusba
5.2. A this kulcsszó és paraméterek használata metódusokban: A this kulcsszó használata
5.3. A this kulcsszó és paraméterek használata metódusokban: A page marker metódus frissítése
5.4. A this kulcsszó és paraméterek használata metódusokban: A könyvkatalógusod építése
5.5. A this kulcsszó és paraméterek használata metódusokban: Paraméterek használata objektummetódusokban
5.6. A this kulcsszó és paraméterek használata metódusokban: Összefoglalás
6.1. Végigiterálás egy objektumon a for...in használatával: Végigiterálás a katalógusodon a for...in használatával
6.2. Végigiterálás egy objektumon a for...in használatával: Változó használata tulajdonság eléréséhez
6.3. Végigiterálás egy objektumon a for...in használatával: Olvasatlan könyveid kiíratása
6.4. Végigiterálás egy objektumon a for...in használatával: Az objektumok referenciatípusok
7.1. Újonnan szerzett tudásod gyakorlása: Tulajdonságot megváltoztató metódus létrehozása
7.2. Újonnan szerzett tudásod gyakorlása: A metódus példamegoldása
7.3. Újonnan szerzett tudásod gyakorlása: Idézetet hozzáadó metódus létrehozása
7.4. Újonnan szerzett tudásod gyakorlása: A metódus példamegoldása
7.5. Újonnan szerzett tudásod gyakorlása: A kölcsönvett könyveket listázó metódus létrehozása
7.6. Újonnan szerzett tudásod gyakorlása: A metódus példamegoldása
8.1. Összefoglalás
9.1. Teszt: Ellenőrizd a tudásod!
Itt a vége
Eljött az ünneplés ideje! 🎉🍾
1.2. Bevezető a gyakorlófeladatokhoz: A canvas elem
Ez a lecke még nem elérhető
Ha már beiratkoztál,
be kell jelentkezned
.
Beiratkozom a tanfolyamra