{"id":35389,"date":"2019-10-31T22:04:01","date_gmt":"2019-10-31T19:04:01","guid":{"rendered":"https:\/\/prohoster.info\/blog\/interaktivnyj-roadmap-dlya-izuchayushhih-veb-razrabotku\/"},"modified":"2019-10-31T22:04:01","modified_gmt":"2019-10-31T19:04:01","slug":"interaktivnyj-roadmap-dlya-izuchayushhih-veb-razrabotku","status":"publish","type":"post","link":"https:\/\/prohoster.info\/de\/blog\/news\/interaktivnyj-roadmap-dlya-izuchayushhih-veb-razrabotku","title":{"rendered":"Interaktiver Roadmap f\u00fcr Webentwickler","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

In der Gemeinde entwickelt sich die Programmierenschule weiter codery.camp<\/a><\/noindex>. K\u00fcrzlich haben wir eine umfassende \u00dcberarbeitung des Webentwicklungs-Kurses abgeschlossen, der jetzt auch in Online-Form verf\u00fcgbar ist. <\/p>\n

F\u00fcr die Zusammenstellung der theoretischen Materialien haben wir eine ungew\u00f6hnliche L\u00f6sung gew\u00e4hlt \u2013 alle sind in einem interaktiven Graphen zusammengefasst, der sich bequem als Roadmap f\u00fcr Webentwickler nutzen l\u00e4sst. Die Materialien sind miteinander verkn\u00fcpft und enthalten neben der Theorie auch \u00dcbungen zum Programmieren.<\/p>\n

\"Interaktiver
\n<\/a><\/noindex><\/p>\n

Das Konzept des Lernens<\/h2>\n

\nWir sind der Meinung, dass sich eine Person w\u00e4hrend des Lernens st\u00e4ndig zwischen zwei Modi hin und her bewegt \u2013 dem Modus des \u00dcberblicks und dem Modus des Eintauchens in die Details einer bestimmten Entit\u00e4t. <\/p>\n

In den Lektionen des Kurses konzentrieren wir uns auf den ersten Modus \u2013 die Lektion enth\u00e4lt nur allgemeine Informationen, die helfen, ein \u201eWeltbild\u201c aufzubauen. Die Lektion kann gelesen werden, ohne ins Detail zu gehen \u2013 und sobald man das allgemeine Bild in groben Z\u00fcgen verstanden hat, beginnt man, sich mit spezifischen Materialien zu vertiefen.<\/p>\n

Die theoretischen Materialien werden im Kurs in Form von Einblendungen angezeigt. Ein Klick auf diese Einblendung wechselt den Studenten in den zweiten Modus \u2013 er konzentriert sich vollst\u00e4ndig auf das Erlernen des spezifischen Materials, ohne die Rolle in dem Thema dieser Lektion zu betrachten.<\/p>\n

\"Interaktiver
\n
\nNeben der eigentlichen Erkl\u00e4rung enthalten die Materialien spezielle \u00dcbungen<\/i> \u2013 Programmier\u00fcbungen zur praktischen Festigung dieses Materials. <\/p>\n

Alle Materialien werden durch Pfeile miteinander verbunden \u2013 \u00e4hnlich 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\u00fcckkehren und es sofort wiederholen \u2013 anstatt die fehlenden Kenntnisse in der gesamten Kursstruktur zu suchen.<\/p>\n

Diese Herausstellung theoretischer Materialien aus den Lektionen bietet zus\u00e4tzliche M\u00f6glichkeiten. Studenten mit grundlegenden Anfangswissen k\u00f6nnen ihren eigenen Lernweg gestalten und sich entlang dieser Materialkarte bewegen, wobei sie absolvierte Abschnitte mit einem speziellen Knopf markieren. <\/p>\n

So entsteht ein interaktiver Roadmap zum Lernen der Webentwicklung, der an das Durchspielen von Locations in Spielen erinnert \u2013 https:\/\/codery.camp\/roadmap<\/a><\/noindex> <\/p>\n

\"Interaktiver
\n<\/p>\n

Praktische Aufgaben<\/h2>\n

\nTrotz dieser zus\u00e4tzlichen M\u00f6glichkeit halten wir es f\u00fcr 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.<\/p>\n

Um Webentwicklung zu meistern, reicht es nicht aus, nur eine Sammlung separater Materialien und Technologien zu lernen - man muss lernen, sie in gr\u00f6\u00dferen Projekten zu einem Ganzen zu verbinden. Praktische Aufgaben stellen genau solche Projekte dar, die von Lektion zu Lektion an Komplexit\u00e4t zunehmen und immer mehr abgehandelte Materialien abdecken.<\/p>\n

Die praktischen Aufgaben werden in externen Sandk\u00e4sten durchgef\u00fchrt und manuell vom Lehrer \u00fcberpr\u00fcft. Dabei pr\u00fcft er nicht nur die Funktionsf\u00e4higkeit, sondern achtet auch auf typische Stilfragen - die Formatierung des Codes, die Benennung von Variablen usw. - die besser in der fr\u00fchesten Entwicklungsphase des Entwicklers korrigiert werden sollten.<\/p>\n

Hilfe des Lehrers<\/h2>\n

\nNeben der \u00dcberpr\u00fcfung praktischer Aufgaben spielt der Lehrer noch eine weitere wichtige Rolle.
\nSo gut das Material auch erkl\u00e4rt wird, es tauchen manchmal Fragen auf, auf die man nicht immer selbst eine Antwort finden kann.<\/p>\n

Deshalb haben wir neben jedem Material eine Schaltfl\u00e4che platziert, um den Chat mit dem Lehrer zu starten. Jeder Chat ist an das Material gebunden \u2013 deshalb kann man beim Zur\u00fcckkehren zu bereits bearbeitetem Material leicht Antworten auf bereits aufgetretene Fragen finden.<\/p>\n

\"Interaktiver
\n<\/p>\n

Lager<\/h2>\n

\nBeratungen \u00fcber den Chat sind nicht immer praktisch. Es ist viel bequemer, pers\u00f6nlich zu fragen \u2013 das erm\u00f6glicht, Antworten viel schneller zu erhalten und gleichzeitig andere verwandte Fragen zu kl\u00e4ren, die im Gespr\u00e4ch aufgekommen sind. Unsere Erfahrung zeigt, dass bei pers\u00f6nlicher Unterst\u00fctzung durch den Lehrer der Fortschritt im Kurs erheblich schneller erfolgt.<\/p>\n

Daf\u00fcr gibt es in unserem Dorf ein Sommertauschlager f\u00fcr Programmieren. Die Studenten leben in Zelten, aber im Lager wurde ein Block mit einer bequemen Terrasse f\u00fcr Unterricht und sanit\u00e4ren Anlagen gebaut, es gibt Highspeed-WLAN, warme Mahlzeiten werden bereitgestellt (bald er\u00f6ffnet ein Caf\u00e9).<\/p>\n

\"Interaktiver
\n
\nDetaillierte Bedingungen f\u00fcr das Camp sind auf https:\/\/codery.camp\/camping<\/a><\/noindex>. \u00dcber Neuigkeiten der Programmierungsschule ist es am bequemsten, dem Telegram-Kanal @codery_camp<\/a><\/noindex>, und f\u00fcr Neuigkeiten des Dorfes \u2013 dem Instagram @it_poselok<\/a><\/noindex>. <\/p>\n

Wir erinnern daran, dass in diesem Jahr im Dorf viele Bildungs- und andere Veranstaltungen stattfinden werden, die beschrieben sind im vorherigen Artikel<\/a><\/noindex> \u2013 schlie\u00dfen Sie sich uns an!
\n
Quelle: habr.com<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"

\u0412 \u043f\u043e\u0441\u0435\u043b\u043a\u0435 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0435\u0442 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0448\u043a\u043e\u043b\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f codery.camp. \u041d\u0435\u0434\u0430\u0432\u043d\u043e \u043c\u044b \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0438 \u043f\u043e\u043b\u043d\u0443\u044e \u043f\u0435\u0440\u0435\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043a\u0443\u0440\u0441\u0430 \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0442\u0435\u043f\u0435\u0440\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0438 \u0432 \u043e\u043d\u043b\u0430\u0439\u043d-\u0444\u043e\u0440\u043c\u0435. \u0414\u043b\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u043e\u0432\u043a\u0438 \u0442\u0435\u043e\u0440\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432 \u043c\u044b \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043b\u0438 \u043d\u0435\u043e\u0431\u044b\u0447\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u2013 \u0432\u0441\u0435 \u043e\u043d\u0438 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u044b \u0432 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u0433\u0440\u0430\u0444, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u0434\u043e\u0431\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 Roadmap \u0434\u043b\u044f \u0438\u0437\u0443\u0447\u0430\u044e\u0449\u0438\u0445 \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443. \u041c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u0441\u0432\u044f\u0437\u0430\u043d\u044b \u043c\u0435\u0436\u0434\u0443 \u0441\u043e\u0431\u043e\u0439, \u0438 \u043a\u0440\u043e\u043c\u0435 \u0441\u0430\u043c\u043e\u0439 \u0442\u0435\u043e\u0440\u0438\u0438 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442 \u0443\u043f\u0440\u0430\u0436\u043d\u0435\u043d\u0438\u044f \u043f\u043e […]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":26550,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[702],"tags":[],"class_list":["post-35389","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n","aioseo_head_json":{"title":"\ud83e\udd47Interaktiver Fahrplan f\u00fcr Webentwicklung | ProHoster","description":"Im Dorf entwickelt sich weiterhin die Programmierungsschule codery.camp.","canonical_url":"https:\/\/prohoster.info\/de\/blog\/news\/interaktivnyj-roadmap-dlya-izuchayushhih-veb-razrabotku","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"de_DE","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0439 Roadmap \u0434\u043b\u044f \u0438\u0437\u0443\u0447\u0430\u044e\u0449\u0438\u0445 \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443 | ProHoster","og:description":"\u0412 \u043f\u043e\u0441\u0435\u043b\u043a\u0435 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0435\u0442 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0448\u043a\u043e\u043b\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f codery.camp.","og:url":"https:\/\/prohoster.info\/de\/blog\/news\/interaktivnyj-roadmap-dlya-izuchayushhih-veb-razrabotku","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2019-10-31T19:04:01+00:00","article:modified_time":"2019-10-31T19:04:01+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"35389","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-01-21 23:01:19","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-03-01 02:04:24","updated":"2026-01-21 23:01:19","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/posts\/35389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/comments?post=35389"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/posts\/35389\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/media\/26550"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/media?parent=35389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/categories?post=35389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/tags?post=35389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}