JavaScript programozás alapok
Képzés kód:
JavaScript programozás alapok - Időpontok és jelentkezés
Zártcsoportos képzésre jelentkezem
Jelentkezés időpont nélkül
Ismerd meg a JavaScript nyelv alapjait, és sajátítsd el a modern webfejlesztéshez szükséges készségeket! A képzés során megtanulod a JavaScript nyelvi sajátosságait, az adattípusokat, vezérlési szerkezeteket, függvényeket és objektumkezelést. Megismerkedsz a DOM manipulációval, eseménykezeléssel, aszinkron műveletekkel (AJAX), valamint az objektumorientált programozás (OOP) alapjaival is. A tanfolyamot jQuery alapokkal zárjuk, hogy hatékonyabban dolgozhass dinamikus weboldalakkal. A tanfolyam hasznos a témával csak most ismerkedőknek, valamint azoknak is, akik meglévő ismereteiket szeretnék frissíteni, tudásukat rendszerezni, hogy azokat a haladó szintű tanfolyamjainkon bővítsék tovább.
Ajánljuk mindenkinek, aki szeretné elsajátítani a JavaScript alapjait és megérteni a modern webfejlesztés működését. Különösen hasznos azok számára, akik weboldalak fejlesztésével vagy frontend technológiákkal szeretnének foglalkozni. Ideális kezdő és junior fejlesztőknek, akik mélyebb gyakorlati tudásra vágynak, valamint azoknak, akik már ismerik a HTML és CSS alapjait, és szeretnék bővíteni programozási ismereteiket.
Az alábbi ábrán összefoglaltuk a JavaScript programozás tanulási útvonalát. Képezd magad tovább és válj JavaScript webfejlesztővé! Programozási ismeretekkel nem rendelkező érdeklődőinknek először a Programozási alapok (MFPROG1) tanfolyamunkat ajánljuk. Természetesen lehetőség van köztes ponton is bekapcsolódni a tanulási útvonalba, amennyiben rendelkezel az elvárt ismeretekkel. Nézd meg a képzések adatlapjait és válaszd a neked legmegfelelőbb képzést!
- Programozás alapismeretek bármely programozási nyelven
- HTML és CSS alapismeretek
Ha még nem rendelkezel programozási ismeretekkel, akkor első lépésként a Programozási alapok (MFPROG1) tanfolyamunkat ajánljuk.
A programozási alapismereteid felméréséhez kérjük, hogy töltsd ki 20 kérdésből álló tesztsorunkat.
Kattints IDE a kérdéssorért!
A JavaScript a világ egyik legnépszerűbb és legszélesebb körben használt programozási nyelve, amelyet Brendan Eich fejlesztett ki 1995-ben. Eredetileg a böngészők számára készült, hogy dinamikus és interaktív funkciókat biztosítson a weboldalakhoz, azonban az évek során hatalmas fejlődésen ment keresztül. Ma már nemcsak a frontend fejlesztés alapköve, hanem a backend (Node.js), mobilalkalmazás-fejlesztés, játékfejlesztés és szerveroldali alkalmazások területén is elterjedt.
A JavaScript egyik legnagyobb előnye az egyszerűsége és rugalmassága, amely lehetővé teszi a kezdők számára a gyors tanulást, miközben a haladó fejlesztők számára is rengeteg lehetőséget biztosít. Az olyan technológiák, mint az AJAX, jQuery, React, Angular és Vue.js tovább növelték a nyelv funkcionalitását és elterjedtségét.
Ez a képzés segít megérteni a JavaScript működését, a nyelv alapvető elemeit és annak gyakorlati alkalmazását a webfejlesztésben. Az itt megszerzett tudás elengedhetetlen azok számára, akik modern, interaktív és reszponzív weboldalakat szeretnének készíteni.
Főbb témakörök:
-
HTML és CSS – Rövid áttekintés a HTML5 és CSS3 legfontosabb elemeiről, amelyek a JavaScript-alapú webfejlesztéshez szükségesek.
-
A JavaScript általános nyelvi jellemzői – Megismered a JavaScript engine működését, a nyelvi specifikációkat és a fejlesztői eszközöket.
-
Nyelvi alapok – Elsajátítod a JavaScript beágyazását HTML oldalakba, a változók, adattípusok és operátorok használatát.
-
Vezérlési szerkezetek – Megtanulod az elágazásokat, ciklusokat és logikai műveleteket a programok áramlásának irányításához.
-
Függvények a JavaScriptben – Megérted a függvények működését, az argumentumkezelést és a callback függvények alkalmazását.
-
JavaScript objektumok – Megtanulod az objektumok létrehozását, módosítását, a "this" kulcsszó és az objektumok közötti kapcsolatok használatát.
-
JavaScript objektum típusai – Megismerkedsz a beépített objektumokkal, például a Number, String, Array és Date típusokkal.
-
OOP JavaScript – Elsajátítod az objektumorientált programozás alapjait a prototype-alapú örökléssel.
-
JavaScript class – Megtanulod az osztályok létrehozását, öröklését és a beépített osztályok kiterjesztését.
-
Kivételkezelés – Megismered a hibakezelési mechanizmusokat, például a try-catch struktúrát és a beépített kivételeket.
-
DOM (Document Object Model) struktúra – Megtanulod a DOM fa bejárását, az elemek kiválasztását és manipulálását JavaScript segítségével.
-
DOM események – Elsajátítod az egér- és billentyűzetesemények kezelését a felhasználói interakciók dinamikus kezeléséhez.
-
AJAX technika – Megtanulod, hogyan lehet JavaScript segítségével dinamikusan kommunikálni a szerverrel az XMLHttpRequest objektummal.
-
jQuery alapok – Megismered a jQuery könyvtár alapjait, a kiválasztókat és a speciális függvényeket a hatékony DOM-kezeléshez.
A képzés elvégzése után, többek között képes leszel:
✔ A JavaScript alapvető szintaxisának és nyelvi elemeinek magabiztos használatára.
✔ Változók, adattípusok, operátorok és függvények alkalmazására a programokban.
✔ A DOM struktúra kezelésére, HTML és CSS elemek dinamikus módosítására.
✔ Felhasználói események (egér, billentyűzet) kezelésére interaktív funkciók létrehozásához.
✔ AJAX segítségével szerverkommunikációt végezni, dinamikusan frissíthető tartalmakat készíteni.
✔ Alapvető objektumorientált programozási elvek használatára JavaScriptben.
✔ jQuery segítségével hatékonyabban kezelni a DOM elemeket és eseményeket.
Részletes tematika:
1. HTML ÉS CSS
1.1. HTML áttekintés
1.2. HTML5 újdonságai
1.3. CSS áttekintés
1.4. CSS3 újdonságai
A rövid HTML és CSS rész a tanfolyamon elsősorban csak tudás frissítés jellegű, inkább az újdonságokra koncentrál. Előfeltételek között a HTML és CSS alapfokú tudást feltételezzük. Amennyiben a résztvevők számára minden szükséges témakör ismert, ez a blokk kihagyásra kerül.
2. A JAVASCRIPT ÁLTALÁNOS NYELVI JELLEMZŐI
2.1. JavaScript engine működési modell
2.2. Specifikációk, fejlesztőeszközök, kompatibilitás
2.3. Böngésző támogatás a fejlesztéshez (Chrome, Firefox, Edge)
3. NYELVI ALAPOK
3.1. JavaScript beágyazás (rejtés) HTML oldalakba
3.2. Kód struktúrák a nyelvben
3.3. Use strict direktíva
3.4. Változók, deklarációk (let, const, var)
3.5. Adattípusok (Number, BigInt, String, Boolean, Null, Undefined)
3.6. Alert, prompt, confirm felugrók
3.7. Típus konverziók
3,8, Matematikai operátorok
3.9. Hozzárendelő és módosító operátorok
3.10. Összehasonlító operátorok (String összehasonlító operátorok)
3.11. Egyezés és szigorú egyezés vizsgálat
4. VEZÉRLÉSI SZERKEZETEK
4.1. Elágazások és a hármas operátor
4.2. Logikai műveletek
4.3. „Defined” kiválasztó operátor „??”
4.4. Többirányú elágazás
4.5. Ciklusok (while, do…while, for)
4.6. Break, continue, labels
5. FÜGGVÉNYEK A JAVASCRIPTBEN
5.1. Függvények definiálása
5.2. Lokális és outer változók
5.3. Függvény argumentumok, argumentumok alapértelmezett értékkel
5.4. Callback függvények
6. JAVASCRIPT OBJEKTUMOK
6.1. Objektumok létrehozása (literállal, függvénnyel)
6.2. Objektumok módosítása, mezők törlése és hozzáadása
6.3. This kulcsszó az objektumban
6.4. Objektum értékek, kulcsok bejárása for…in
6.5. Nested objektumok
6.6. Objektumok másolása, referenciák
6.7. Objektumok egyenlőségének vizsgálata
6.8. Object assign
6.9. Arrow function és a this
7. JAVASCRIPT OBJEKTUM TÍPUSAI
7.1. Primitiv típusok objektum wrapper-ei
7.2. Number típus, kerekítések isNaN, isFinite, parseInt, ParseFloat
7.3. String típus, backtick, speciális karakterek, string függvények
7.4. Array típus, array függvények
7.5. Többdimenziós tömbök
7.6. Date objektum és függvényei
8. OOP JAVASCRIPT
8.8. Prototype és a prototype-os öröklés (__proto__)
8.9. Prototype tulajdonság, built-in prototypes, getPrototypeOf()
9. JAVASCRIPT CLASS
9.1. Osztályfelépítés
9.2. Öröklés class-okkal
9.3. Built-in class kiterjesztés
10. KIVÉTELKEZELÉS
10.1.Try-catch struktúra
10.2. Built-in kivételek
11. DOM (DOCUMENT OBJECT MODEL) STRUKTÚRA
11.1. Dom tree, node-ok
11.2. Különleges node-ok
11.3. Automatikus hibajavítások
11.4. Dom nézet és konzol a böngészőkben
11.5. Dom tree bejárás, document node
11.6. ChildNodes, firstChild, lastChild, parentNode, nextSibling, previousSibling
11.7. Keresések a dom-ban, getElementById(), getElementsBy… típusú keresések
11.8. HTML elements classes
11.9. innerHTML, outerHTML, textContent
11.10. Hidden, type, id, value property-k
12. DOM ESEMÉNYEK
12.1. Egér események
12.2. Billentyűzet események
13. AJAX TECHNIKA
13.1.XMLHttpRequest objektum
13.2. Request státuszok (onReadyStateChange(), readyState, status)
13.3. Response egyszerű feldolgozás(HTML)
14. JQUERY ALAPOK
14.1. JQuery szintaxis, telepítés
14.2. Kiválasztók
14.3. Speciális függvények
JavaScript programozás alapok - Mentoraid lesznek
Összességében meg vagyok elégedve a tanfolyammal, ajánlanám annak, akit érdekel a téma.
N. Dávid
AVL Autókut Mérnöki Kft.