Hogyan lehet megtanulni webfejlesztést a kódolási játékok játékával

Ma szerencsénk van, hogy szinte végtelen erőforrásokkal rendelkezünk a webfejlesztés elsajátításához. Ezen erőforrások között vannak kódoló játékok.

Olyan játékokat hoztam létre, mint a Flexbox Froggy és a Grid Garden, valamint másokkal, például a CSS Diner és a CodeCombat, amelyek segítenek egy oktatási élmény szórakoztató, megnyerő formátumba csomagolásában.

Mégis, mint bármely más tanulási erőforrás esetében, gyakran felmerülnek ezek a kérdések:

  • Mely kódoló játékokba fáradjak, hogy befektessem az időmet?
  • Hogyan használhatom a kódoló játékokat a leghatékonyabb tanuláshoz?

Ebben a cikkben néhány tippet kínálok, amelyek segítenek válaszolni ezekre a kérdésekre a játékfejlesztőként és oktatóként szerzett tapasztalataim alapján.

Legyen Gameplan

Amikor elkezdi a webfejlesztés elsajátítását, függetlenül attól, hogy ez játékkal is jár-e vagy sem, el kell kezdeni egy tervet.

Noha a tervét nem szükséges kőbe vésni, egy stratégia megléte arra vonatkozik, hogy mit és hogyan fog megvalósítani, máris néhány lépéssel előbbre vezet.

Ha beiratkozik egy tanfolyamra vagy egy bootcamp-ba, akkor ezt a tervezést sokat megteszik már tapasztalt segítők. A freeCodeCamp csodálatosan szervezett tananyagot is kínál.

De ha önállóan tanul, akkor az interneten elérhető összes erőforrás (amely egyszerre érzi magányos űrt és kaotikus látványt) elsöprő lehet. Tehát bontsuk le.

A terv kialakításakor nagyjából háromféle tanulási módot kell megcéloznia.

Az első az utasítás. Itt ismerkedhet meg egy új fogalommal vagy készséggel, akár videók, könyvek, oktatóanyagok vagy dokumentumok formájában. Az osztályteremben ez lehet egy tanár a táblán.

A második a gyakorlat, ahol gyakorolhatja kognitív izmait, és megerősítheti az új fogalmak megértését. Ez megjelenhet gyakorlati problémák, gyakorlatok vagy kódolási kihívások formájában.

Harmadik az integráció, ahol újonnan megszerzett ismereteit és készségeit beépíti meglévő gyakorlatába. Nincs ennél jobb, mint a projekt-alapú tanulás, ahol hitelesebb, átfogóbb forgatókönyv szerint alkalmazhatja a tanultakat.

Példa erre egy webalkalmazás, amelyet hétvégi projektként indít. Még egy viszonylag egyszerű is a webfejlesztés minden különféle aspektusából merít (és olyan sok van belőlük), ami segít a tanultak kontextusba helyezésében.

Ez a három mód nem rendelkezik merev felosztással, és számos erőforrás, amellyel találkozik, többet is lefed. Mégis, ez hasznos módszer a tanulás átgondolására és megtervezésére.

Ami a játékok kódolását illeti, ezek is megfelelnek ezeknek a módoknak. A meglévő kódjátékok közül sok a legnagyobb erővel bír a második módban - gyakorlatban, kis adag utasítással.

Például a Flexbox Froggy programban különféle kihívások elé állíthatja, hogy miként helyezheti el a békákat a CSS flexbox segítségével, miközben minden szint racsintja a nehézséget.

A végére sokszor, sokféle kombinációban alkalmazza a Flexbox tulajdonságait, arra a pontra, hogy azok a második természetessé válnak.

codepip.com_games_flexbox-froggy_

Ezen az objektíven keresztül láthatja, hogy a kódoló játékok a legjobban kiegészítik az egyéb felhasználható erőforrásokat, beleértve a freeCodeCamp óráit is.

Legyen kritikus

A következő kérdésed lehet, hogy melyik kódoló játékokat kell játszanod. Ahelyett, hogy statikus listát adna neked, arra bátorítom, hogy saját maga értékelje őket ugyanúgy, mint bármely más referenciát, amellyel találkozol.

Először is vegye figyelembe a játékot szórakoztató szempontból. Végül is ez egy játék, és szórakoztatónak kell lennie az Ön számára. Ezután vegye figyelembe a pedagógiai szöget. Vagyis mit tanulok a játékból, és hatékonyan tanulom-e?

Az oktatási játéktervezőknek kötélen kell járniuk a szórakozás és a tanulás egyensúlyában. Valami, ami jobban támaszkodik a tanulásra, sok erőforrás található a játékon belül és kívül.

De vigyázzon a másik irányra, egy játékra, amely csupán oktatási anyag homlokzatával rendelkezik. A kódoló játék kudarcot vallhat, ha az oktatási tartalom túl sekély, vagy túl sok olyan játékmechanika van, amely elvonja a figyelmét a tanulás elkötelezettségéről.

A tanulási erőforrások önálló értékelése nehéz lehet, különösen kezdőként. Tehát az értékelésednek mérlegelnie kell mások perspektíváit is.

Konzultáljon egy megbízható mentorral vagy bloggerrel. Vagy keressen olyan forrásokat, amelyek pozitív ajánlásokat tartalmaznak a közösségében: a freeCodeCamp fórumokon, a web dev subreddits-ben vagy a kedvenc Discord vagy Slack csoportjában.

Nyomja meg az Indítás most gombot

Még ha ugyanazokat a kérdéseket is felteszi magának, mint mindenki másnak, hogyan illesztheti legjobban a kódolási játékokat a tanulási tervébe, mindenkinek más a válasza. Nincs mindenki számára megfelelő megoldás.

A tanulási stílusod és az, hogy milyen szenvedélyek kelthetik szenvedélyedet, tapasztalataidtól, preferenciáidtól és céljaidtól függ. Tehát arra bíztatlak, hogy kezdje el ma, szórakozzon vele, és fedezze fel, hogy mi működik az Ön számára.

Bár a webes fejlesztések megtanulását elősegítő játékok kódolásának ötlete évek óta létezik, a műfaj még mindig gyerekcipőben jár. Annyi kiaknázatlan lehetőség rejlik az ötletben, amelyet szórakoztató, interaktív, magával ragadó környezetben tanulhat meg, és a játékok nagyszerű eszköz erre.

Szerencsénkre egyre több kódoló játék válik elérhetővé. Üdvözöllek benneteket, hogy álljon meg a Codepipnél, és játsszon ma egy kódoló játékot.