Interaktivní plán pro výuku vývoje webu

V obci se nadále rozvíjí škola programování codery.camp. Nedávno jsme dokončili kompletní redesign kurzu vývoje webu, který je nyní dostupný online.

Pro uspořádání teoretických materiálů jsme použili neobvyklé řešení - všechny jsou sloučeny do interaktivního grafu, který je vhodný jako cestovní mapa pro studenty webového vývoje. Materiály jsou vzájemně propojené a kromě samotné teorie obsahují cvičení na psaní kódu.

Interaktivní plán pro výuku vývoje webu

Koncepce učení

Věříme, že člověk během učení neustále přepíná mezi dvěma režimy – jde o režim vytváření obecného obrazu a režim ponořování se do detailů konkrétní entity.

V lekcích kurzu se zaměřujeme na první režim - lekce obsahuje pouze obecné informace, které pomáhají vytvářet „obraz světa“. Lekci si můžete přečíst, aniž byste zacházeli do podrobností - a teprve poté, co pochopíte obecný obrázek jako první přiblížení, začněte se ponořit do konkrétních materiálů.

Teoretické materiály jsou v kurzu zobrazeny formou postranních lišt. Kliknutím na tento postranní panel se student přenese do druhého režimu - zcela se soustředí na zvládnutí konkrétní látky, aniž by se ponořil do její role v tématu této lekce.

Interaktivní plán pro výuku vývoje webu

Kromě samotného vysvětlení obsahují materiály speciální cvičení – kódovací cvičení k posílení tohoto materiálu v praxi.

Všechny materiály jsou mezi sebou propojeny šipkami - jako technologický strom ve strategických hrách. To dobře pomáhá při zvládnutí složitých materiálů, které se opírají o další základní znalosti. Pokud má student potíže s porozuměním, může se kdykoli vrátit k zásadnějšímu materiálu a okamžitě si ho zopakovat – namísto hledání chybějících znalostí v celé struktuře kurzu.

Tato izolace teoretických materiálů z hodin poskytuje další příležitost. Studenti se základními počátečními znalostmi si mohou vytvořit svou vlastní učební trasu a pohybovat se po této mapě materiálů, přičemž ty, které dokončili, označují speciálním tlačítkem.

Výsledkem je interaktivní plán pro výuku vývoje webu, který připomíná míjení míst ve hrách – https://codery.camp/roadmap

Interaktivní plán pro výuku vývoje webu

Praktické úkoly

Navzdory této dodatečné příležitosti se domníváme, že je správnější procházet materiály v pořadí uvedeném v lekcích. Kromě utváření obecného obrazu mají lekce ještě jednu důležitou vlastnost – praktické úkoly.

Pro zvládnutí web developmentu nestačí pouhé nastudování sady jednotlivých materiálů a technologií – je třeba se naučit, jak je ve větších projektech spojovat v jeden celek. Praktické úkoly jsou přesně takové projekty, jejichž složitost lekce od lekce narůstá a pokrývá stále větší množství probrané látky.

Praktické úkoly jsou plněny v externích pískovištích a ručně kontrolovány učitelem. Kromě toho kontroluje nejen správnost práce, ale věnuje pozornost i typickým stylistickým problémům - formátování kódu, pojmenování proměnných atd. – které je nejlépe upravit ve velmi rané fázi vývoje vývojáře.

Pomoc učiteli

Kromě kontroly praktických úkolů hraje učitel ještě jednu důležitou roli.
Bez ohledu na to, jak dobře je látka vysvětlena, při jejím zvládnutí občas vyvstanou otázky, na které není vždy možné najít nezávislou odpověď.

Proto jsme u každého materiálu umístili tlačítko pro vyvolání chatu s učitelem. Každý chat je propojen s materiálem, takže při návratu k tomu, co jste probrali, je snadné najít odpovědi na otázky, které již vyvstaly.

Interaktivní plán pro výuku vývoje webu

Tábor

Přijímání konzultací přes chat není vždy pohodlné. Je mnohem pohodlnější zeptat se osobně - to vám umožní získat odpověď mnohokrát rychleji a současně vyřešit další související otázky, které vyvstaly během rozhovoru. Naše praxe ukazuje, že s celodenní podporou učitele dochází k pokroku v kurzu mnohem rychleji.

Za tímto účelem pořádáme v naší obci letní programovací tábor. Studenti bydlí ve stanech, ale kemp má blok s pohodlnou terasou pro studium a sociálním zařízením, je zde vysokorychlostní WiFi, teplá jídla jsou zajištěna (brzy bude otevřena kavárna).

Interaktivní plán pro výuku vývoje webu

Podrobné podmínky pro tábor jsou popsány na https://codery.camp/camping. Nejpohodlnější způsob, jak sledovat novinky ze školy programování, je telegramový kanál @codery_camp, a pro vesnické zprávy - na Instagramu @it_poselok.

Připomeňme, že v letošním roce se v obci uskuteční mnoho vzdělávacích a dalších popsaných akcí v posledním článku - Připoj se k nám!

Zdroj: www.habr.com

Přidat komentář