Interaktiver Roadmap für Webentwickler

In der Gemeinde entwickelt sich die Programmierenschule weiter codery.camp. Kürzlich haben wir eine umfassende Überarbeitung des Webentwicklungs-Kurses abgeschlossen, der jetzt auch in Online-Form verfügbar ist.

Für die Zusammenstellung der theoretischen Materialien haben wir eine ungewöhnliche Lösung gewählt – alle sind in einem interaktiven Graphen zusammengefasst, der sich bequem als Roadmap für Webentwickler nutzen lässt. Die Materialien sind miteinander verknüpft und enthalten neben der Theorie auch Übungen zum Programmieren.

Das Konzept des Lernens

Wir sind der Meinung, dass sich eine Person während des Lernens ständig zwischen zwei Modi hin und her bewegt – dem Modus des Überblicks und dem Modus des Eintauchens in die Details einer bestimmten Entität.

In den Lektionen des Kurses konzentrieren wir uns auf den ersten Modus – die Lektion enthält nur allgemeine Informationen, die helfen, ein „Weltbild“ aufzubauen. Die Lektion kann gelesen werden, ohne ins Detail zu gehen – und sobald man das allgemeine Bild in groben Zügen verstanden hat, beginnt man, sich mit spezifischen Materialien zu vertiefen.

Die theoretischen Materialien werden im Kurs in Form von Einblendungen angezeigt. Ein Klick auf diese Einblendung wechselt den Studenten in den zweiten Modus – er konzentriert sich vollständig auf das Erlernen des spezifischen Materials, ohne die Rolle in dem Thema dieser Lektion zu betrachten.

Neben der eigentlichen Erklärung enthalten die Materialien spezielle Übungen – Programmierübungen zur praktischen Festigung dieses Materials.

Alle Materialien werden durch Pfeile miteinander verbunden – ähnlich einem Technologiebaum in Strategiespielen. Dies hilft gut beim Erlernen komplexer Materialien, die auf anderem Basisswissen basieren. Wenn ein Student Schwierigkeiten hat, etwas zu verstehen, kann er jederzeit zu einem grundlegendere Material zurückkehren und es sofort wiederholen – anstatt die fehlenden Kenntnisse in der gesamten Kursstruktur zu suchen.

Diese Herausstellung theoretischer Materialien aus den Lektionen bietet zusätzliche Möglichkeiten. Studenten mit grundlegenden Anfangswissen können ihren eigenen Lernweg gestalten und sich entlang dieser Materialkarte bewegen, wobei sie absolvierte Abschnitte mit einem speziellen Knopf markieren.

So entsteht ein interaktiver Roadmap zum Lernen der Webentwicklung, der an das Durchspielen von Locations in Spielen erinnert – https://codery.camp/roadmap

Praktische Aufgaben

Trotz dieser zusätzlichen Möglichkeit halten wir es für sinnvoller, die Materialien in der im Unterricht vorgesehenen Reihenfolge durchzugehen. Neben der Schaffung eines Gesamteindrucks haben die Lektionen noch eine weitere wichtige Eigenschaft - praktische Aufgaben.

Um Webentwicklung zu meistern, reicht es nicht aus, nur eine Sammlung separater Materialien und Technologien zu lernen - man muss lernen, sie in größeren Projekten zu einem Ganzen zu verbinden. Praktische Aufgaben stellen genau solche Projekte dar, die von Lektion zu Lektion an Komplexität zunehmen und immer mehr abgehandelte Materialien abdecken.

Die praktischen Aufgaben werden in externen Sandkästen durchgeführt und manuell vom Lehrer überprüft. Dabei prüft er nicht nur die Funktionsfähigkeit, sondern achtet auch auf typische Stilfragen - die Formatierung des Codes, die Benennung von Variablen usw. - die besser in der frühesten Entwicklungsphase des Entwicklers korrigiert werden sollten.

Hilfe des Lehrers

Neben der Überprüfung praktischer Aufgaben spielt der Lehrer noch eine weitere wichtige Rolle.
So gut das Material auch erklärt wird, es tauchen manchmal Fragen auf, auf die man nicht immer selbst eine Antwort finden kann.

Deshalb haben wir neben jedem Material eine Schaltfläche platziert, um den Chat mit dem Lehrer zu starten. Jeder Chat ist an das Material gebunden – deshalb kann man beim Zurückkehren zu bereits bearbeitetem Material leicht Antworten auf bereits aufgetretene Fragen finden.

Lager

Beratungen über den Chat sind nicht immer praktisch. Es ist viel bequemer, persönlich zu fragen – das ermöglicht, Antworten viel schneller zu erhalten und gleichzeitig andere verwandte Fragen zu klären, die im Gespräch aufgekommen sind. Unsere Erfahrung zeigt, dass bei persönlicher Unterstützung durch den Lehrer der Fortschritt im Kurs erheblich schneller erfolgt.

Dafür gibt es in unserem Dorf ein Sommertauschlager für Programmieren. Die Studenten leben in Zelten, aber im Lager wurde ein Block mit einer bequemen Terrasse für Unterricht und sanitären Anlagen gebaut, es gibt Highspeed-WLAN, warme Mahlzeiten werden bereitgestellt (bald eröffnet ein Café).

Detaillierte Bedingungen für das Camp sind auf https://codery.camp/camping. Über Neuigkeiten der Programmierungsschule ist es am bequemsten, dem Telegram-Kanal @codery_camp, und für Neuigkeiten des Dorfes – dem Instagram @it_poselok.

Wir erinnern daran, dass in diesem Jahr im Dorf viele Bildungs- und andere Veranstaltungen stattfinden werden, die beschrieben sind im vorherigen Artikel – schließen Sie sich uns an!

Quelle: habr.com