Ez a 10. rész és az utolsó része a JavaScript blogbejegyzés sorozatnak, amely a kezdőtől a haladó szintig vezet. További késlekedés nélkül kezdjük el a végső oktatót.
JavaScript tanfolyam – tartalomjegyzék:
- A JavaScript témák, amelyeket már áttekintettünk
- JavaScript alapok és a kódolási környezet beállítása
- JavaScript legjobb gyakorlatok
- Változók és konstansok
- Alapvető adattípusok a JavaScriptben
- Ciklusok a programozásban
- Tömbök és függvények
- JavaScript objektumok
- Nagyon gyakori fogalmak a JavaScriptben
- Hová tovább innen?
Wow! Végre eljutottál ide! A legtöbb ember nem követi a szenvedélyeit, és csak néhány oktatóanyag után abbahagyja a tanfolyamokat, és ez csak akkor van így, ha egyáltalán elkezdenek foglalkozni vele!
A JavaScript témák, amelyeket már áttekintettünk

Ez a JavaScript tanfolyam során a JavaScript legelső alapjaitól indultunk, és eljutottunk a meglehetősen fejlett fogalmakig.
A JavaScript elkezdésének első lépése az volt, hogy megértsük, miért tanulunk JavaScriptet egyáltalán. Számos fő oka van annak, hogy miért érdemes elkezdeni a JavaScriptet, de a JavaScript legkiemelkedőbb alkalmazásai általában valamilyen módon a webfejlesztésben találhatók. A JavaScript kezdetben csak egy front-end nyelv volt, majd elterjedt a backend szervereken is, és ott is dominálni kezdett.
Nem számít, miért tanulsz JavaScriptet, valószínűleg jó ötlet újra gyorsan átnézni ezt a JavaScript tanfolyamot.
Így láthatod a fejlődésedet, és azokat a részeket, amelyeket nagyon jól értesz, amelyek esetleg elsőre megijesztettek, valamint észlelheted azokat a részeket, amelyeket esetleg figyelmen kívül hagytál vagy kihagytál.
JavaScript alapok és a kódolási környezet beállítása
Miután láttuk miért olyan népszerű a JavaScript és mit tudunk vele valójában csinálni, néhány Hello world! példával kezdtünk. Beállítottuk a kódolási környezetünket a Google Chrome-ban, és elkezdtük használni a JavaScript Konzolt, hogy kódot írjunk. Kezdetben a kód, amit írtunk, nagyon egyszerű volt, és minden egyes sorunknak egyszerű célja volt, anélkül, hogy más sorokkal összefonódott volna. Ahogy a kódunk bonyolultsága növekedett, frissítettük a kódolási környezetünket a Google Chrome Konzolra. A Konzollal kényelmesen tudtunk több soros kódot írni, amely fokozatosan egyre bonyolultabbá vált a teljes JavaScript tanfolyam során.
JavaScript legjobb gyakorlatok
A sorozat során sok kódolási legjobb gyakorlatot is beépítettünk. Ezek a legjobb gyakorlatok megkönnyítik az életedet, amikor csak most kezded, és még értékesebbé válnak, amikor elkezdesz dolgozni vagy együttműködni másokkal. És pontosan ezért léteznek olyan szabványok és mondások, mint például: „Minden kódnak úgy kell kinéznie, mintha egy ember írta volna, függetlenül attól, hány ember működött együtt.” Ez pontosan az oka annak, hogy az egyik első fogalom, amit láttunk, a kódunk kommentelése volt. Ezzel nemcsak jobb programozóvá válsz a jövőben, hanem jobb kódolási élményt is biztosít, amikor csak most kezded.
Változók és konstansok
Következő lépésként láttuk, hogy adatokat tárolhatunk úgynevezett változókban és konstansokban. Amikor eldöntjük, hogy melyiket válasszuk egy új adat számára, figyelembe kell vennünk, hogy ha nem számítunk arra, hogy az adat változni fog, akkor a „const” kulcsszót szeretnénk használni. Ha úgy gondoljuk, hogy módosítanunk kell azt az értéket, akkor a „let” kulcsszót kell használnunk. Ezek a jelenlegi legjobb gyakorlatok, de azt is láttuk, hogy az ES6 előtt az egyetlen módja a változók használatának a „var” kulcsszóval való deklarálás volt. Miután láttuk a var kulcsszóval járó rugalmasságok által okozott potenciális problémákat, 2015-ben, az ES6 szabvány bevezetésével, a JavaScript modern írásának új módja a “const” és a “let” kulcsszavak használata lett.
Alapvető adattípusok a JavaScriptben
Ezután a JavaScript alapvető adattípusairól beszéltünk. A fő pont itt az, hogy a különböző adattípusok különböző dolgok elvégzésére jók. Ezért fontos megérteni, hogy milyen típusú adatokkal dolgozunk. Később láttuk, hogy ha if else állításokat használunk, elkezdhetjük irányítani a kódunkat. Ezekkel kezdve megtanultuk részben figyelmen kívül hagyni a kódunkat, hogy alkalmazkodjunk bizonyos specifikus feltételekhez. Megtanultunk különböző vezérlési struktúrákról, amelyeket használhatunk, hogy pontosabb irányítást nyerjünk a kódunk és az adatok felett. Így a kódunk alkalmazkodhatott a különböző bemenetekhez pontosabb válaszokkal.
Ciklusok a programozásban
Következő lépésként felfedeztük a ciklusokat a programozásban. Láttuk, hogy a ciklusok használatával elkerülhetjük a kód ismétlését. Ez alapvetően lehetővé tette számunkra, hogy részben DRY legyünk. Ez a „Ne Ismételd Magad” rövidítése.
Általánosságban elmondható, hogy nem akarunk több kódot írni, mint amennyire szükség van a feladat elvégzéséhez. Mert minden alkalommal, amikor több kódot írunk, újabb lehetőségeket teremtünk a kódban lévő hibákra. Több kód írása több időt és energiát igényel, potenciális hibákat vezet be, általában nem hatékony, mivel most ugyanazt a kódot talán 10-szer kell menteni. És összességében jelentősen csökkentheti a kódolási élményt. Ezért a while ciklusokkal és a for ciklusokkal kezdve elkezdtük eltávolítani a potenciálisan ismétlődő kódot.
Tömbök és függvények
Más alapvető fogalmakat, témákat és legjobb gyakorlatokat is láttunk a JavaScriptben. Láttuk, hogy a tömbök nagyon jók a kapcsolódó adatok csoportosításában, mint például az év hónapjai, néhány kapcsolódó szám, amit tárolnunk kell, és így tovább. Következő lépésként láttuk, hogy a függvények nagyon erősek, és a függvények segítségével valóban modularizálhatjuk a kódunkat, és sok előnyhöz juthatunk. Azok közül az előnyök közül, amelyek a funkcióink különböző függvényekbe való csoportosításából származnak, az, hogy sokkal modulárisabb, viszonylag könnyen tesztelhető kódot hozunk létre. Ezenkívül jelentősen csökkentjük az önismétlés esélyeit.
Láttuk, hogy két fő típusa van a függvényeknek. Az egyik a tiszta függvények, a másik típus a nem tiszta függvények. Általánosságban elmondható, hogy amikor csak lehet, a tiszta függvények használatára kell törekednünk a nem tiszta függvényekkel szemben. Így a tiszta függvények, amelyeket írunk, ugyanúgy fognak viselkedni, és ugyanazokat az eredményeket adják, függetlenül attól, hogy hol futtatjuk a kódot, vagy mikor futtatjuk a kódot.
JavaScript objektumok
Következő lépésként láttuk az objektumokat. Megtanultuk, hogy az objektumok jók a nagyon összefüggő adatok tárolására, amelyeknek sok dimenziója lehet. A legegyszerűbb módon kezdtük az objektumok létrehozását, és eljutottunk az objektumok tervrajzainak létrehozásáig, majd több objektum létrehozásáig abból a tervrajzból. Ezeknek a tervrajzoknak a használata lehetővé teszi számunkra, hogy biztosítsuk, hogy az objektumok mezői ugyanazokat az irányelveket kövessék, és ugyanazok a mezők legyenek. Így a nap végén biztosak lehetünk abban, hogy sokkal egységesebb adatbázissal dolgozunk. Ez lehetővé tette számunkra, hogy jelentősen DRY kódot írjunk.
Nagyon gyakori fogalmak a JavaScriptben
Következő lépésként láttuk a JavaScriptben nagyon gyakori fogalmakat és témákat. A többségük a funkciók további optimalizálásán alapult, valamilyen módon. A map és filter módszerek használatával képesek voltunk kihagyni néhány for ciklust és if állítást. Az arrow függvények használatával jelentősen csökkentettük a függvényeink méretét. Sok funkciót láttunk ebben a JavaScript tanfolyamban, beleértve az ES6 vagy ES2015 által bevezetett arrow függvényeket, amelyek a legnagyobb legutóbbi változások a JavaScript szabványokban.
Hová tovább innen?
Amit el szeretnél érni, attól függően különböző utakat választhatsz. Ha csak emlékeztetni akartad magad a JavaScript alapjaira, mert hamarosan dolgoznod kell vele, remélem, hogy ez a JavaScript tanfolyam átfogó útmutatót nyújtott számodra. Talán már jó voltál egy másik nyelven, például Pythonban, de azt is szeretted volna látni, hogy mi a helyzet a JavaScripttel. Ha ez a helyzet, remélem, hogy viszonylag könnyűvé tettem számodra a JavaScript szintaxis és fogalmak megismerését. Vagy talán csak most kezded a webfejlesztést, és tudtad, hogy a JavaScript nagyon népszerű.
Bármelyik esetben remélem, hogy ez a JavaScript tanfolyam értéket adott számodra. Ha tudsz egy barátról, akinek hasznos lenne ez a sorozat, fontold meg, hogy megosztod vele a sorozat első oktatóját, hogy ő is elkezdhesse a JavaScript kalandját.
Robert Whitney
JavaScript szakértő és oktató, aki IT osztályokat mentorál. Fő célja, hogy növelje a csapat termelékenységét azáltal, hogy megtanítja másoknak, hogyan működjenek együtt hatékonyan a kódolás során.