Interaktivní roadmap pro ty, kteří se učí webový vývoj

Ve vesnici se stále rozvíjí škola programování. codery.campNedávno jsme dokončili kompletní revizi našeho kurzu webového vývoje, který je nyní dostupný i v online formátu.

Pro strukturování teoretických materiálů jsme zvolili netradiční řešení – všechny jsou propojeny v interaktivním grafu, který lze pohodlně používat jako Roadmap pro studium webového vývoje. Materiály jsou vzájemně provázány a kromě samotné teorie obsahují cvičení na psaní kódu.

Interaktivní roadmap pro ty, kteří se učí webový vývoj

Koncept učení

Domníváme se, že během učení se člověk neustále přepíná mezi dvěma režimy – je to režim stavění celkového obrazu a režim prohlubování do detailů určité konkrétní entity.

V lekcích kurzu se zaměřujeme na první režim – lekce obsahuje pouze obecné informace, které pomáhají vytvořit 'obraz světa'. Lekci lze přečíst, aniž bychom se zabývali detaily – a teprve poté, co pochopíme celkový obraz, začneme se prohlubovat do konkrétních materiálů.

Teoretické materiály jsou v kurzu prezentovány formou výřezů. Kliknutí na tento výřez přenáší studenta do druhého režimu – plně se soustředí na osvojení konkrétního materiálu, aniž by se zabýval jeho rolí v tematice dané lekce.

Interaktivní roadmap pro ty, kteří se učí webový vývoj

Kromě samotného vysvětlení materiály obsahují speciální tréninky – cvičení na psaní kódu pro upevnění tohoto materiálu v praxi.

Všechny materiály jsou propojeny šipkami – podobně jako technologický strom ve strategických hrách. To velmi pomáhá při osvojování složitých materialů, které se opírají o další základní znalosti. Pokud student má potíže s pochopením, může kdykoliv zpětně přejít k základnímu materiálu a okamžitě si ho zopakovat – místo aby hledal chybějící znalosti po celé struktuře kurzu.

Takové vyčlenění teoretických materiálů z lekcí dává další možnost. Studenti se základními počátečními znalostmi si mohou sami nastavit trasu svého učení a pohybovat se po této mapě materiálů, přičemž si označují, co již zvládli pomocí speciálního tlačítka.

Vytváří se interaktivní Roadmap pro učení webového vývoje, která připomíná procházení lokací ve hrách – https://codery.camp/roadmap

Interaktivní roadmap pro ty, kteří se učí webový vývoj

Praktické úkoly

I přes tuto dodatečnou možnost považujeme za správnější projít materiály v pořadí uvedeném v lekcích. Kromě vytvoření celkového obrazu mají lekce ještě jednu důležitou vlastnost – praktické úkoly.

Pro zvládnutí webového vývoje nestačí jen prostě studovat soubor jednotlivých materiálů a technologií – je třeba se je naučit spojovat do jednoho celku ve větších projektech. Praktické úkoly představují právě takové projekty, které rostou na složitosti od lekce k lekci a pokrývají stále více probraných materiálů.

Praktické úkoly se vykonávají ve vnějších pískovištích a manuálně je kontroluje učitel. Přičemž kontroluje nejen správnost fungování, ale také se zaměřuje na typické stylistické otázky – formátování kódu, pojmenovávání proměnných atd. – které je lepší opravit co nejdříve na začátku vývoje programátora.

Pomoc učitele

Kromě kontroly praktických úkolů hraje učitel ještě jednu důležitou roli.
Jak dobře by se materiál nevysvětloval, při jeho osvojení někdy vznikají otázky, na které se ne vždy podaří najít samostatnou odpověď.

Proto jsme vedle každého materiálu umístili tlačítko pro vyvolání chatu s učitelem. Každý chat je vázán na materiál – proto je při návratu k probranému snadné najít odpovědi na již vzniklé otázky.

Interaktivní roadmap pro ty, kteří se učí webový vývoj

Tábor

Nebývá vždy pohodlné konzultovat přes chat. Mnohem pohodlnější je se ptát osobně – to umožní získat odpověď mnohem rychleji a současně vyřešit i další související otázky, které vznikly v průběhu rozhovoru. Naše praxe ukazuje, že s osobní podporou učitele je postup v kurzu mnohem rychlejší.

K tomu máme v obci funkční letní programovací tábor. Studenti bydlí ve stanech, ale v táboře je postaven blok s pohodlnou terasou pro výuku a toalety, je zde rychlý WiFi internet, zajišťuje se teplé stravování (a brzy bude otevřena kavárna).

Interaktivní roadmap pro ty, kteří se učí webový vývoj

Podrobné podmínky pro tábor jsou popsány na https://codery.camp/camping. O novinkách programovací školy je nejpohodlnější sledovat v telegramovém kanálu @codery_camp, a o novinkách obce – na instagramu @it_poselok.

Připomínáme, že v obci se letos uskuteční mnoho vzdělávacích a dalších akcí, které jsou popsány v předchozím článku – připojte se!

Zdroj: habr.com

Koupit spolehlivý hosting pro webové stránky s ochranou proti DDoS, VPS VDS servery 🔥 Koupit spolehlivý hosting pro webové stránky s ochranou proti DDoS, VPS VDS servery | ProHoster