Interaktywny plan rozwoju dla uczących się programowania webowego

W miejscowości rozwija się szkoła programowania codery.camp. Niedawno zakończyliśmy pełną przebudowę kursu dotyczącego tworzenia stron internetowych, który teraz jest dostępny również w formie online.

Do skonstruowania materiałów teoretycznych zastosowaliśmy nietypowe rozwiązanie – wszystkie są połączone w interaktywną mapę, którą można wygodnie wykorzystać jako przewodnik do nauki web developmentu. Materiały są ze sobą powiązane, a oprócz samej teorii zawierają ćwiczenia programistyczne.

Interaktywny plan rozwoju dla uczących się programowania webowego

Koncepcja uczenia się

Uważamy, że podczas nauki człowiek nieustannie przełącza się między dwoma trybami – to jest tryb budowania ogólnego obrazu i tryb zagłębiania się w szczegóły konkretnej kwestii.

W lekcjach kursu koncentrujemy się na pierwszym trybie – lekcja zawiera tylko ogólne informacje, które pomagają zbudować „światowy obraz”. Lekcję można przeczytać, nie wdrażając się w szczegóły – i dopiero po zrozumieniu wstępnego ogólnego obrazu można zacząć zgłębiać konkretne materiały.

Materiały teoretyczne w kursie są pokazywane w formie wstawek. Kliknięcie na tę wstawkę przenosi studenta do drugiego trybu – skupia się on całkowicie na przyswajaniu konkretnego materiału, nie zastanawiając się nad jego rolą w tematyce danej lekcji.

Interaktywny plan rozwoju dla uczących się programowania webowego

Oprócz samego wyjaśnienia, materiały zawierają specjalne treningi – ćwiczenia programistyczne do utrwalenia danego materiału w praktyce.

Wszystkie materiały są ze sobą połączone strzałkami – podobnie jak drzewo technologiczne w grach strategicznych. Pomaga to w przyswajaniu skomplikowanych materiałów, które opierają się na innych podstawowych wiedziach. Jeśli student zmaga się z zrozumieniem, może w każdej chwili wrócić do bardziej fundamentalnego materiału i natychmiast go powtórzyć – zamiast szukać brakujących informacji w całej strukturze kursu.

Takie wyodrębnienie materiałów teoretycznych z lekcji daje dodatkową możliwość. Studenci z podstawową wiedzą mogą sami ustalić trajektorię swojego uczenia się i poruszać się po tej mapie materiałów, zaznaczając postępy specjalnym przyciskiem.

Powstaje interaktywny przewodnik do nauki web developmentu, przypominający przechodzenie lokacji w grach – https://codery.camp/roadmap

Interaktywny plan rozwoju dla uczących się programowania webowego

Zadania praktyczne

Mimo tej dodatkowej możliwości, uważamy, że bardziej prawidłowe jest przechodzenie przez materiały w sekwencji przewidzianej przez lekcje. Oprócz tworzenia ogólnego obrazu, lekcje mają jeszcze jedną ważną cechę – zadania praktyczne.

Aby opanować rozwój stron internetowych, nie wystarczy po prostu nauczyć się zestawu oddzielnych materiałów i technologii – należy uczyć się łączyć je w jedną całość w ramach większych projektów. Zadania praktyczne to właśnie takie projekty, które rosną w złożoności od lekcji do lekcji i obejmują coraz większą liczbę przerobionych materiałów.

Zadania praktyczne są realizowane w zewnętrznych piaskownicach i ręcznie sprawdzane przez nauczyciela. Przy czym sprawdza on nie tylko poprawność działania, ale także zwraca uwagę na typowe kwestie stylowe – formatowanie kodu, nazewnictwo zmiennych itp. – które lepiej poprawić na jak najwcześniejszym etapie rozwoju programisty.

Pomoc nauczyciela

Oprócz sprawdzania zadań praktycznych, nauczyciel odgrywa jeszcze jedną ważną rolę.
Niezależnie od tego, jak dobrze materiał jest wyjaśniony, przy jego przyswajaniu czasami pojawiają się pytania, na które nie zawsze można znaleźć samodzielną odpowiedź.

Dlatego umieściliśmy obok każdego materiału przycisk do uruchamiania czatu z nauczycielem. Każdy czat jest powiązany z materiałem – dlatego wracając do omawianego, łatwo znaleźć odpowiedzi na już zadane pytania.

Interaktywny plan rozwoju dla uczących się programowania webowego

Oboz

Uzyskiwanie konsultacji przez czat nie zawsze jest wygodne. Dużo wygodniej jest zapytać osobiście – to pozwoli uzyskać odpowiedź znacznie szybciej, jednocześnie rozwiązując inne pokrewne pytania, które pojawiły się w trakcie rozmowy. Nasza praktyka pokazuje, że przy bezpośrednim wsparciu nauczyciela postęp w kursie następuje znacznie szybciej.

W tym celu w naszym miasteczku działa letni oboz programistyczny. Studenci mieszkają w namiotach, ale w obozie zbudowano blok z wygodnym tarasem do zajęć oraz toaletami, dostępny jest szybki WiFi, dostarczane jest ciepłe posiłki (a niebawem otworzy się kawiarnia).

Interaktywny plan rozwoju dla uczących się programowania webowego

Szczegółowe warunki obozu są opisane na https://codery.camp/camping. Najlepiej śledzić nowości szkoły programowania w kanale telegramowym @codery_camp, a nowości miasteczka – na instagramie @it_poselok.

Przypominamy, że w tym roku w miejscowości odbędzie się wiele wydarzeń edukacyjnych i innych, opisanych w poprzednim artykule – dołączcie!

Źródło: habr.com

Kup solidny hosting stron z ochroną przed DDoS, serwery VPS VDS 🔥 Kup solidny hosting stron z ochroną przed DDoS, serwery VPS VDS | ProHoster