Danas smo sretni što imamo gotovo beskrajne resurse nadohvat ruke za učenje web razvoja. Među tim resursima su igre kodiranja.
Stvorio sam igre poput Flexbox Froggy i Grid Garden, zajedno s drugima poput CSS Diner i CodeCombat, koje pomažu spakirati obrazovno iskustvo u zabavan, zanimljiv format.
Ipak, kao i kod svakog izvora za učenje, često se postavljaju ova pitanja:
- U koje bih se igre za kodiranje trudio uložiti vrijeme?
- Kako mogu koristiti igre kodiranja za najučinkovitije učenje?
U ovom članku nudim nekoliko savjeta koji će vam pomoći odgovoriti na ova pitanja na temelju mojih iskustava kao programera i edukatora igara.
Imajte plan igre
Kad započinjete misiju za učenje web razvoja, bez obzira uključuje li igre ili ne, trebali biste započeti s planom.
Iako vaš plan ne treba temeljiti na kamenu, strategija za ono što želite postići i kako ćete to učiniti već će vas dovesti nekoliko koraka unaprijed.
Kad se upišete na tečaj ili bootcamp, iskusni voditelji već puno toga čine za vas. freeCodeCamp nudi i prekrasno organiziran kurikulum.
Ali ako se samoučite, svi resursi dostupni na webu (koji se odjednom osjeća kao osamljena praznina i kaotičan spektakl) mogu biti neodoljivi. Pa hajde da to razbijemo.
Pri formiranju plana postoje otprilike tri načina učenja na koja biste trebali ciljati.
Prvo je uputa. Tu se upoznajete s novim konceptom ili vještinom, bilo u obliku videozapisa, knjiga, vodiča ili dokumentacije. U učionici bi ovo mogao biti učitelj na bijeloj ploči.
Druga je praksa, gdje morate vježbati svoje kognitivne mišiće i ojačati svoje shvaćanje tih novih koncepata. To može imati oblik vježbanja problema, vježbi ili izazova kodiranja.
Treće je integriranje, gdje svoja novostečena znanja i vještine uključujete u svoje postojeće prakse. Za ovo nema ništa bolje od učenja temeljenog na projektu, gdje ono što ste naučili primjenjujete u autentičnijem, dobro zaokruženom scenariju.
Primjer za to je web aplikacija koju pokrećete kao vikend projekt. Čak će i relativno jednostavan izvući iz svih različitih aspekata web razvoja (a toliko ih je puno), pomažući vam da kontekstualizirate ono što ste naučili.
Ova tri načina nemaju krute podjele, a mnogi resursi na koje naiđete obuhvatit će više od jednog od njih. Ipak, to je koristan način razmišljanja i planiranja vašeg učenja.
Što se tiče kodiranja igara, i oni se mogu uklopiti u bilo koji od ovih načina. Mnoge postojeće kodne igre imaju svoju najveću snagu u drugom načinu rada - vježbanju, uz malu dozu uputa.
Na primjer, u Flexbox Froggyu pred vama su razni izazovi u načinu postavljanja žaba pomoću CSS flexboxa, sa svakom razinom koja pojačava poteškoće.
Na kraju ćete primijeniti svojstva Flexbox mnogo puta, u mnogim kombinacijama, do te mjere da počinju postajati druga priroda.

Kroz ovu leću možete vidjeti da igre kodiranja najbolje služe kao dopuna drugim resursima koje možete koristiti, uključujući lekcije freeCodeCampa.
Budi kritičar
Sljedeće pitanje koje biste mogli imati je koje biste igre za kodiranje trebali igrati. Umjesto da vam pružim statični popis, potičem vas da ih sami procijenite na isti način kao i bilo koja referenca na koju naiđete.
Prvo razmotrite igru iz kuta zabave. Ipak je to igra i trebala bi biti zabavna za vas. Dalje, razmotrite pedagoški kut. Odnosno, što učim iz igre i učim li je učinkovito?
Dizajneri obrazovnih igara moraju proći uskim konopom balansirajući zabavu s učenjem. Za nešto što se više oslanja na učenje, postoji mnogo resursa unutar i izvan igre.
Ali pripazite u drugom smjeru, igra s tek fasadom obrazovne supstance. Igra kodiranja može propasti kad je obrazovni sadržaj previše plitak ili ako postoji previše drugih mehaničkih igara koje vas odvlače od bavljenja onim što morate naučiti.
Sama procjena resursa za učenje može biti teška, pogotovo kao početnik. Dakle, vaša bi procjena trebala odvagati i perspektive drugih.
Posavjetujte se s pouzdanim mentorom ili blogerom. Ili potražite resurse koji imaju pozitivne preporuke u vašoj zajednici: na forumima freeCodeCamp, subreddits web dev ili vašoj omiljenoj grupi Discord ili Slack.
Pritisnite Start Now
Čak i ako si postavite ista pitanja kao i svi ostali o tome kako najbolje uklopiti kodiranje igara u svoj plan učenja, svi će imati drugačiji odgovor. Ne postoji jedinstveno rješenje.
Vaš stil učenja i ono što izaziva vašu strast ovisit će o vašim iskustvima, preferencijama i ciljevima. Stoga vas potičem da započnete danas, zabavite se i otkrijete što vam odgovara.
Iako ideja o kodiranju igara koje vam pomažu naučiti razvoj web stranica postoji već godinama, žanr je još uvijek u povojima. Ideja ima toliko neiskorištenog potencijala da možete naučiti u zabavnom, interaktivnom, uronjivom okruženju, a igre su sjajno sredstvo za to.
Na našu sreću, stalno postaje dostupno više igara za kodiranje. Pozdravljam vas da navratite u Codepip i odigrate igru kodiranja za sebe danas.