Interactieve routekaart voor het leren van webontwikkeling

In het dorp blijft zich een programmeerschool ontwikkelen codery.camp. We hebben onlangs een compleet nieuw ontwerp van de webontwikkelingscursus voltooid, die nu online beschikbaar is.

Om theoretische materialen te rangschikken, hebben we een ongebruikelijke oplossing gebruikt: ze zijn allemaal gecombineerd in een interactieve grafiek, die handig is om te gebruiken als routekaart voor studenten in webontwikkeling. De materialen zijn met elkaar verbonden en bevatten naast de theorie zelf oefeningen over het schrijven van code.

Interactieve routekaart voor het leren van webontwikkeling

Leerconcept

Wij zijn van mening dat iemand tijdens het leren voortdurend tussen twee modi schakelt: dit is de modus voor het opbouwen van een algemeen beeld en de modus voor het verdiepen in de details van een specifieke entiteit.

In de cursuslessen concentreren we ons op de eerste modus: de les bevat alleen algemene informatie die helpt bij het opbouwen van een “beeld van de wereld”. Je kunt de les lezen zonder in details te treden - en pas nadat je het algemene beeld als een eerste benadering hebt begrepen, je in specifieke materialen gaan verdiepen.

Theoretische materialen worden in de cursus getoond in de vorm van zijbalken. Als u op deze zijbalk klikt, gaat de leerling naar de tweede modus: hij concentreert zich volledig op het beheersen van specifiek materiaal, zonder zich te verdiepen in de rol ervan in het onderwerp van deze les.

Interactieve routekaart voor het leren van webontwikkeling

Naast de uitleg zelf bevatten de materialen bijzonder trainingen – codeeroefeningen om dit materiaal in de praktijk te versterken.

Alle materialen zijn met pijlen met elkaar verbonden - zoals een technologieboom in strategiespellen. Dit helpt goed bij het beheersen van complexe materialen die afhankelijk zijn van andere basiskennis. Als een student-speler moeite heeft met het begrijpen, kan hij op elk moment terugvallen op fundamenteler materiaal en dit onmiddellijk herhalen - in plaats van te zoeken naar ontbrekende kennis gedurende de hele cursusstructuur.

Deze isolatie van theoretisch materiaal uit de lessen biedt een extra mogelijkheid. Studenten met een basisbasiskennis kunnen hun eigen leerroute samenstellen en zich langs deze kaart met materialen bewegen, waarbij ze de materialen die ze hebben voltooid met een speciale knop markeren.

Het resultaat is een interactieve routekaart voor het leren van webontwikkeling, die doet denken aan het passeren van locaties in games - https://codery.camp/roadmap

Interactieve routekaart voor het leren van webontwikkeling

Praktische taken

Ondanks deze extra mogelijkheid zijn wij van mening dat het juister is om de stof door te nemen in de volgorde waarin de lessen voorzien. Naast het vormen van een algemeen beeld hebben de lessen nog een ander belangrijk kenmerk: praktische taken.

Om webontwikkeling onder de knie te krijgen, is het niet voldoende om simpelweg een reeks individuele materialen en technologieën te bestuderen - je moet leren hoe je ze in grotere projecten tot één geheel kunt combineren. Praktische opdrachten zijn precies zulke projecten, die van les tot les in complexiteit toenemen en een steeds grotere hoeveelheid behandeld materiaal bestrijken.

Praktische taken worden uitgevoerd in externe sandboxen en handmatig gecontroleerd door de docent. Bovendien controleert hij niet alleen de juistheid van het werk, maar besteedt hij ook aandacht aan typische stijlproblemen: codeopmaak, naamgeving van variabelen, enz. – die het beste in een zeer vroeg stadium van de ontwikkeling van een ontwikkelaar kunnen worden aangepast.

Hulp van docenten

Naast het controleren van praktijktaken speelt de docent nog een belangrijke rol.
Hoe goed de stof ook wordt uitgelegd, bij het beheersen ervan rijzen er soms vragen waarop het niet altijd mogelijk is om een ​​onafhankelijk antwoord te vinden.

Daarom hebben we naast elk materiaal een knop geplaatst waarmee je een chat met de docent kunt oproepen. Elke chat is gekoppeld aan het materiaal, dus als je terugkeert naar wat je hebt besproken, kun je gemakkelijk antwoorden vinden op vragen die al zijn gerezen.

Interactieve routekaart voor het leren van webontwikkeling

kamp

Consulten ontvangen via chat is niet altijd handig. Het is veel handiger om het persoonlijk te vragen - hierdoor kunt u vele malen sneller een antwoord krijgen en tegelijkertijd andere gerelateerde vragen oplossen die tijdens het gesprek zijn gerezen. Uit onze praktijk blijkt dat met de fulltime ondersteuning van een docent de voortgang in de cursus veel sneller verloopt.

Voor dit doel hebben we een zomerprogrammakamp in ons dorp. Studenten wonen in tenten, maar het kamp heeft een blok met een comfortabel studeerterras en badkamers, er is supersnel WiFi, er worden warme maaltijden verzorgd (en er gaat binnenkort een café open).

Interactieve routekaart voor het leren van webontwikkeling

Gedetailleerde voorwaarden voor het kamp zijn beschreven op https://codery.camp/camping. De handigste manier om het nieuws van de programmeerschool te volgen is via het telegramkanaal @codery_camp, en voor dorpsnieuws - op Instagram @it_poselok.

Wij herinneren u eraan dat het dorp dit jaar vele educatieve en andere beschreven evenementen zal organiseren in het laatste artikel - doe met ons mee!

Bron: www.habr.com

Voeg een reactie