Как да научим уеб разработката, като играем игри за кодиране

Днес имаме късмета да разполагаме с почти безкрайни ресурси под ръка за учене на уеб разработка. Сред тези ресурси са кодиращите игри.

Създал съм игри като Flexbox Froggy и Grid Garden, заедно с други като CSS Diner и CodeCombat, които помагат да се пакетира образователно преживяване в забавен, увлекателен формат.

И все пак, както при всеки учебен ресурс, често възникват тези въпроси:

  • В кои игри за кодиране да си направя труда да инвестирам времето си?
  • Как мога да използвам игри за кодиране, за да уча най-ефективно?

В тази статия предлагам няколко съвета, които ще ви помогнат да отговорите на тези въпроси въз основа на моя опит като разработчик и преподавател на игри.

Имайте план за игри

Когато започвате мисия да научите уеб разработка, независимо дали включва игри или не, трябва да започнете с план.

Въпреки че не е необходимо вашият план да бъде вграден в камък, наличието на стратегия за това, което искате да постигнете и как ще го направите, вече ще ви отведе с няколко стъпки напред.

Когато сте записани в курс или bootcamp, голяма част от това планиране вече е направено за вас от опитни фасилитатори. freeCodeCamp предлага и чудесно организирана учебна програма.

Но ако се самоучите, всички налични ресурси в мрежата (което едновременно се чувства като уединена празнота и хаотичен спектакъл) могат да бъдат поразителни. Така че нека го разделим.

Когато формирате план, има приблизително три начина на обучение, към които трябва да се насочите.

Първо е инструкцията. Тук се запознавате с нова концепция или умение, независимо дали е под формата на видеоклипове, книги, уроци или документация. В класната стая това може да е учител на бялата дъска.

Второто е практиката, при която можете да упражните когнитивните си мускули и да укрепите разбирането си за тези нови концепции. Това може да бъде под формата на практически проблеми, тренировки или предизвикателства за кодиране.

Трето е интеграцията, при която включвате новопридобитите си знания и умения в съществуващите си практики. Няма нищо по-добро за това от ученето, базирано на проекти, където прилагате наученото в по-автентичен, добре закръглен сценарий.

Пример за това е уеб приложение, което стартирате като уикенд проект. Дори един сравнително прост ще извлече от всички различни аспекти на уеб разработката (а има толкова много), като ви помага да контекстуализирате наученото.

Тези три режима нямат твърди разделения и много ресурси, които попаднете, ще обхващат повече от един от тях. И все пак това е полезен начин да мислите и планирате вашето обучение.

Сега, когато става въпрос за кодиране на игри, те също могат да се поберат във всеки от тези режими. Много от съществуващите кодови игри имат най-голямата си сила във втория режим - практика, с малка доза инструкции.

Например, във Flexbox Froggy, вие сте изправени пред различни предизвикателства в начина, по който позиционирате жабите с помощта на CSS flexbox, като всяко ниво увеличава трудността.

В края ще сте приложили свойствата на Flexbox много пъти, в много комбинации, до степен, че те започват да стават втора природа.

codepip.com_games_flexbox-froggy_

Чрез този обектив можете да видите, че игрите за кодиране най-добре служат като допълнение към други ресурси, които можете да използвате, включително уроците на freeCodeCamp.

Бъдете критици

Следващият въпрос, който може да имате, е кои игри за кодиране трябва да играете. Вместо да ви предоставя статичен списък, препоръчвам ви да ги оцените сами, както бихте направили всяка справка, на която попаднете.

Първо, разгледайте играта от ъгъл на забавление. В края на краищата това е игра и трябва да е забавно за вас. След това помислете за педагогическия ъгъл. Тоест какво се уча от играта и ефективно ли я уча?

Дизайнерите на образователни игри трябва да вървят по въже, балансирайки забавлението с ученето. За нещо, което се опира повече на обучението, има много ресурси в и извън игрите.

Но внимавайте в другата посока, игра само с фасада на образователно вещество. Кодиращата игра може да се провали, когато образователното съдържание е твърде плитко или има твърде много други игрови механизми, които ви отвличат от ангажирането с това, което трябва да научите.

Самата оценка на учебния ресурс може да бъде трудна, особено като начинаещ. Така че вашата оценка също трябва да претегля перспективите на другите.

Консултирайте се с доверен ментор или блогър. Или потърсете ресурси, които имат положителни препоръки във вашата общност: във форумите на freeCodeCamp, в subreddits на уеб разработчиците или в любимата ви група Discord или Slack.

Натиснете Start Now

Дори ако си задавате същите въпроси като всички останали за това как най-добре да впишете кодиращите игри в своя учебен план, всеки ще има различен отговор. Няма универсално решение.

Вашият стил на учене и това, което предизвиква вашата страст, ще зависи от вашия опит, предпочитания и цели. Така че това, което ви насърчавам да направите, е да започнете днес, да се забавлявате с него и да откриете какво работи за вас.

Въпреки че идеята за кодиране на игри, които ви помагат да научите уеб разработчиците, съществува от години, жанрът все още е в начален стадий. Идеята има толкова много неизползван потенциал, че можете да научите в забавна, интерактивна, завладяваща среда, а игрите са чудесно средство за това.

За наше щастие през цялото време стават достъпни повече игри за кодиране. Приветствам ви да се отбиете в Codepip и да играете кодираща игра за себе си днес.