{"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\/nl\/blog\/news\/interaktivnyj-roadmap-dlya-izuchayushhih-veb-razrabotku","title":{"rendered":"Interactieve Roadmap voor webdevelopment-leerlingen","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p>In het dorp blijft de programmeerschool zich ontwikkelen <noindex><a rel=\"nofollow\" href=\"https:\/\/codery.camp\">codery.camp<\/a><\/noindex>. We hebben onlangs de volledige herziening van de cursussen webontwikkeling afgerond, die nu ook online beschikbaar zijn. <\/p>\n<p>Voor het samenstellen van de theoretische materialen hebben we een ongebruikelijke oplossing toegepast \u2013 ze zijn allemaal samengebracht in een interactieve grafiek die handig kan worden gebruikt als Roadmap voor het leren van webontwikkeling. De materialen zijn met elkaar verbonden en bevatten naast de theorie ook oefeningen voor het schrijven van code.<\/p>\n<p><img decoding=\"async\" alt=\"Interactieve Roadmap voor webdevelopment-leerlingen\" src=\"\/wp-content\/uploads\/2019\/06\/15658c22a1433a47161ea7985bcb2927.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><\/p>\n<h2>De leerconceptie<\/h2>\n<p>\nWe zijn van mening dat een persoon tijdens het leren constant schakelt tussen twee modi \u2013 de mode van het opbouwen van een algemeen beeld en de modus van het diep ingaan op details van een specifieke entiteit. <\/p>\n<p>In de lessen van de cursus concentreren we ons op de eerste modus \u2013 de les bevat alleen algemene informatie die helpt om een \u201cwereldbeeld\u201d op te bouwen. De les kan worden gelezen zonder in details te treden \u2013 en pas nadat men in grote lijnen het algemene beeld heeft begrepen, kan men zich verdiepen in specifieke materialen.<\/p>\n<p>De theoretische materialen worden in de cursus weergegeven in de vorm van inlassingen. Een klik op deze inlassing brengt de student in de tweede modus \u2013 hij concentreert zich volledig op het beheersen van specifiek materiaal, zonder zich bezig te houden met de rol ervan in het onderwerp van deze les.<\/p>\n<p><img decoding=\"async\" alt=\"Interactieve Roadmap voor webdevelopment-leerlingen\" src=\"\/wp-content\/uploads\/2019\/06\/c3bae424ee71e7ade3e83e2cbc8f5fda.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nNaast de uitleg bevatten de materialen speciale <i>oefeningen<\/i> \u2013 schrijfopdrachten voor het praktisch verankeren van dit materiaal. <\/p>\n<p>Alle materialen zijn met elkaar verbonden door pijlen \u2013 vergelijkbaar met een technologieboom in strategische spellen. Dit helpt goed bij het beheersen van complexe materialen die voortbouwen op andere basiskennis. Als de student moeite heeft met begrip, kan hij op elk moment teruggaan naar meer fundamenteel materiaal en dit onmiddellijk herhalen \u2013 in plaats van ontbrekende kennis door de hele cursusstructuur te moeten zoeken.<\/p>\n<p>Dit isoleren van theoretische materialen uit de lessen biedt een extra mogelijkheid. Studenten met basiskennis kunnen zelf hun leerroute uitstippelen en over deze kaart van materialen bewegen, waarbij ze hun voortgang markeren met een speciale knop. <\/p>\n<p>Het resultaat is een interactieve Roadmap voor het leren van webontwikkeling, die lijkt op het doorlopen van locaties in spellen \u2013 <noindex><a rel=\"nofollow\" href=\"https:\/\/codery.camp\/roadmap\">https:\/\/codery.camp\/roadmap<\/a><\/noindex> <\/p>\n<p><img decoding=\"async\" alt=\"Interactieve Roadmap voor webdevelopment-leerlingen\" src=\"\/wp-content\/uploads\/2019\/06\/9cf7bfbf5c8518425526ea8293900d09.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<\/p>\n<h2>Praktische opdrachten<\/h2>\n<p>\nOndanks deze extra mogelijkheid, beschouwen we het als beter om de materialen in de volgorde te doorlopen zoals voorzien in de lessen. Naast het vormen van een algemeen beeld hebben de lessen nog een belangrijke eigenschap: praktische opdrachten.<\/p>\n<p>Om webontwikkeling te beheersen, is het niet voldoende om gewoon een reeks afzonderlijke materialen en technologie\u00ebn te bestuderen \u2013 je moet leren ze in \u00e9\u00e9n geheel samen te voegen in grotere projecten. Praktische opdrachten zijn precies zulke projecten, die in moeilijkheidsgraad toenemen van les tot les en een steeds groter aantal doorlopen materialen omvatten.<\/p>\n<p>Praktische opdrachten worden uitgevoerd in externe sandboxen en handmatig gecontroleerd door de docent. De docent controleert niet alleen de correctheid van het werk, maar let ook op typische stijlkwesties \u2013 de opmaak van de code, de naamgeving van variabelen, enz. \u2013 die beter al in een vroeg stadium van de ontwikkeling van de ontwikkelaar gecorrigeerd kunnen worden.<\/p>\n<h2>Hulp van de docent<\/h2>\n<p>\nNaast het controleren van praktische opdrachten, speelt de docent ook een andere belangrijke rol. <br \/>\nHoe goed het materiaal ook uitgelegd wordt, soms ontstaan er vragen tijdens het leren waarvoor niet altijd zelfstandig een antwoord gevonden kan worden.<\/p>\n<p>Daarom hebben we naast elk materiaal een knop geplaatst om een chat met de docent te openen. Elke chat is gekoppeld aan het materiaal \u2013 zodat je bij terugkeer naar doorlopen inhoud gemakkelijk antwoorden kunt vinden op eerder opgekomen vragen.<\/p>\n<p><img decoding=\"async\" alt=\"Interactieve Roadmap voor webdevelopment-leerlingen\" src=\"\/wp-content\/uploads\/2019\/06\/656421cf88aba5aff02a50577bd803ab.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<\/p>\n<h2>Kamp<\/h2>\n<p>\nHet is niet altijd handig om via de chat advies te krijgen. Het is veel handiger om persoonlijk te vragen \u2013 dit zorgt ervoor dat je veel sneller een antwoord krijgt en tegelijkertijd andere gerelateerde vragen kunt oplossen die tijdens het gesprek ontstaan. Onze ervaring toont aan dat de voortgang in de cursus aanzienlijk sneller verloopt met directe ondersteuning van de docent.<\/p>\n<p>Daarom is er in ons dorp een zomerkamp voor programmeren. Studenten leven in tenten, maar in het kamp is een blok gebouwd met een comfortabele veranda voor lessen en toiletten, er is snel WiFi en er wordt warme voeding geleverd (en binnenkort opent er een caf\u00e9).<\/p>\n<p><img decoding=\"async\" alt=\"Interactieve Roadmap voor webdevelopment-leerlingen\" src=\"\/wp-content\/uploads\/2019\/06\/fced3bf1cac4bd44452143bffac3e917.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nGedetailleerde voorwaarden voor het kamp zijn beschreven op <noindex><a rel=\"nofollow\" href=\"https:\/\/codery.camp\/camping\">https:\/\/codery.camp\/camping<\/a><\/noindex>. Voor het volgen van het nieuws van de programmeerschool is het het handigst om de Telegram-kanaal te volgen <noindex><a rel=\"nofollow\" href=\"https:\/\/teleg.run\/codery_camp\">@codery_camp<\/a><\/noindex>, en voor nieuws uit het dorp \u2013 op Instagram <noindex><a rel=\"nofollow\" href=\"https:\/\/instagram.com\/it_poselok\/\">@it_poselok<\/a><\/noindex>. <\/p>\n<p>We herinneren u eraan dat er dit jaar veel educatieve en andere evenementen in het dorp plaatsvinden, zoals beschreven. <noindex><a rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/company\/it_poselok\/blog\/453242\/\">in het vorige artikel<\/a><\/noindex> \u2013 doe mee!<br \/>\n<br \/>Bron: <a content=\"nofollow\" rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/company\/it_poselok\/blog\/456346\/\">habr.com<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>\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 [&hellip;]<\/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<!-- All in One SEO 5.0.3 - aioseo.com -->\n\t<meta name=\"description\" content=\"\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.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Yuri Gagarin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/prohoster.info\/nl\/blog\/news\/interaktivnyj-roadmap-dlya-izuchayushhih-veb-razrabotku\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.3\" \/>\n\t\t<meta property=\"og:locale\" content=\"nl_NL\" \/>\n\t\t<meta property=\"og:site_name\" content=\"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\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\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\" \/>\n\t\t<meta property=\"og:description\" content=\"\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.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/nl\/blog\/news\/interaktivnyj-roadmap-dlya-izuchayushhih-veb-razrabotku\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-10-31T19:04:01+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2019-10-31T19:04:01+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\ud83e\udd47Interactieve roadmap voor webontwikkeling | ProHoster","description":"In het dorp blijft de codering school codery.camp zich ontwikkelen.","canonical_url":"https:\/\/prohoster.info\/nl\/blog\/news\/interaktivnyj-roadmap-dlya-izuchayushhih-veb-razrabotku","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"nl_NL","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\/nl\/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\/nl\/wp-json\/wp\/v2\/posts\/35389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/comments?post=35389"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/posts\/35389\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/media\/26550"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/media?parent=35389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/categories?post=35389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/tags?post=35389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}