{"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\/cs\/blog\/news\/interaktivnyj-roadmap-dlya-izuchayushhih-veb-razrabotku","title":{"rendered":"Interaktivn\u00ed roadmap pro ty, kte\u0159\u00ed se u\u010d\u00ed webov\u00fd v\u00fdvoj","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

Ve vesnici se st\u00e1le rozv\u00edj\u00ed \u0161kola programov\u00e1n\u00ed. codery.camp<\/a><\/noindex>Ned\u00e1vno jsme dokon\u010dili kompletn\u00ed revizi na\u0161eho kurzu webov\u00e9ho v\u00fdvoje, kter\u00fd je nyn\u00ed dostupn\u00fd i v online form\u00e1tu. <\/p>\n

Pro strukturov\u00e1n\u00ed teoretick\u00fdch materi\u00e1l\u016f jsme zvolili netradi\u010dn\u00ed \u0159e\u0161en\u00ed \u2013 v\u0161echny jsou propojeny v interaktivn\u00edm grafu, kter\u00fd lze pohodln\u011b pou\u017e\u00edvat jako Roadmap pro studium webov\u00e9ho v\u00fdvoje. Materi\u00e1ly jsou vz\u00e1jemn\u011b prov\u00e1z\u00e1ny a krom\u011b samotn\u00e9 teorie obsahuj\u00ed cvi\u010den\u00ed na psan\u00ed k\u00f3du.<\/p>\n

\"Interaktivn\u00ed
\n<\/a><\/noindex><\/p>\n

Koncept u\u010den\u00ed<\/h2>\n

\nDomn\u00edv\u00e1me se, \u017ee b\u011bhem u\u010den\u00ed se \u010dlov\u011bk neust\u00e1le p\u0159ep\u00edn\u00e1 mezi dv\u011bma re\u017eimy \u2013 je to re\u017eim stav\u011bn\u00ed celkov\u00e9ho obrazu a re\u017eim prohlubov\u00e1n\u00ed do detail\u016f ur\u010dit\u00e9 konkr\u00e9tn\u00ed entity. <\/p>\n

V lekc\u00edch kurzu se zam\u011b\u0159ujeme na prvn\u00ed re\u017eim \u2013 lekce obsahuje pouze obecn\u00e9 informace, kter\u00e9 pom\u00e1haj\u00ed vytvo\u0159it 'obraz sv\u011bta'. Lekci lze p\u0159e\u010d\u00edst, ani\u017e bychom se zab\u00fdvali detaily \u2013 a teprve pot\u00e9, co pochop\u00edme celkov\u00fd obraz, za\u010dneme se prohlubovat do konkr\u00e9tn\u00edch materi\u00e1l\u016f.<\/p>\n

Teoretick\u00e9 materi\u00e1ly jsou v kurzu prezentov\u00e1ny formou v\u00fd\u0159ez\u016f. Kliknut\u00ed na tento v\u00fd\u0159ez p\u0159en\u00e1\u0161\u00ed studenta do druh\u00e9ho re\u017eimu \u2013 pln\u011b se soust\u0159ed\u00ed na osvojen\u00ed konkr\u00e9tn\u00edho materi\u00e1lu, ani\u017e by se zab\u00fdval jeho rol\u00ed v tematice dan\u00e9 lekce.<\/p>\n

\"Interaktivn\u00ed
\n
\nKrom\u011b samotn\u00e9ho vysv\u011btlen\u00ed materi\u00e1ly obsahuj\u00ed speci\u00e1ln\u00ed tr\u00e9ninky<\/i> \u2013 cvi\u010den\u00ed na psan\u00ed k\u00f3du pro upevn\u011bn\u00ed tohoto materi\u00e1lu v praxi. <\/p>\n

V\u0161echny materi\u00e1ly jsou propojeny \u0161ipkami \u2013 podobn\u011b jako technologick\u00fd strom ve strategick\u00fdch hr\u00e1ch. To velmi pom\u00e1h\u00e1 p\u0159i osvojov\u00e1n\u00ed slo\u017eit\u00fdch material\u016f, kter\u00e9 se op\u00edraj\u00ed o dal\u0161\u00ed z\u00e1kladn\u00ed znalosti. Pokud student m\u00e1 pot\u00ed\u017ee s pochopen\u00edm, m\u016f\u017ee kdykoliv zp\u011btn\u011b p\u0159ej\u00edt k z\u00e1kladn\u00edmu materi\u00e1lu a okam\u017eit\u011b si ho zopakovat \u2013 m\u00edsto aby hledal chyb\u011bj\u00edc\u00ed znalosti po cel\u00e9 struktu\u0159e kurzu.<\/p>\n

Takov\u00e9 vy\u010dlen\u011bn\u00ed teoretick\u00fdch materi\u00e1l\u016f z lekc\u00ed d\u00e1v\u00e1 dal\u0161\u00ed mo\u017enost. Studenti se z\u00e1kladn\u00edmi po\u010d\u00e1te\u010dn\u00edmi znalostmi si mohou sami nastavit trasu sv\u00e9ho u\u010den\u00ed a pohybovat se po t\u00e9to map\u011b materi\u00e1l\u016f, p\u0159i\u010dem\u017e si ozna\u010duj\u00ed, co ji\u017e zvl\u00e1dli pomoc\u00ed speci\u00e1ln\u00edho tla\u010d\u00edtka. <\/p>\n

Vytv\u00e1\u0159\u00ed se interaktivn\u00ed Roadmap pro u\u010den\u00ed webov\u00e9ho v\u00fdvoje, kter\u00e1 p\u0159ipom\u00edn\u00e1 proch\u00e1zen\u00ed lokac\u00ed ve hr\u00e1ch \u2013 https:\/\/codery.camp\/roadmap<\/a><\/noindex> <\/p>\n

\"Interaktivn\u00ed
\n<\/p>\n

Praktick\u00e9 \u00fakoly<\/h2>\n

\nI p\u0159es tuto dodate\u010dnou mo\u017enost pova\u017eujeme za spr\u00e1vn\u011bj\u0161\u00ed proj\u00edt materi\u00e1ly v po\u0159ad\u00ed uveden\u00e9m v lekc\u00edch. Krom\u011b vytvo\u0159en\u00ed celkov\u00e9ho obrazu maj\u00ed lekce je\u0161t\u011b jednu d\u016fle\u017eitou vlastnost \u2013 praktick\u00e9 \u00fakoly.<\/p>\n

Pro zvl\u00e1dnut\u00ed webov\u00e9ho v\u00fdvoje nesta\u010d\u00ed jen prost\u011b studovat soubor jednotliv\u00fdch materi\u00e1l\u016f a technologi\u00ed \u2013 je t\u0159eba se je nau\u010dit spojovat do jednoho celku ve v\u011bt\u0161\u00edch projektech. Praktick\u00e9 \u00fakoly p\u0159edstavuj\u00ed pr\u00e1v\u011b takov\u00e9 projekty, kter\u00e9 rostou na slo\u017eitosti od lekce k lekci a pokr\u00fdvaj\u00ed st\u00e1le v\u00edce probran\u00fdch materi\u00e1l\u016f.<\/p>\n

Praktick\u00e9 \u00fakoly se vykon\u00e1vaj\u00ed ve vn\u011bj\u0161\u00edch p\u00edskovi\u0161t\u00edch a manu\u00e1ln\u011b je kontroluje u\u010ditel. P\u0159i\u010dem\u017e kontroluje nejen spr\u00e1vnost fungov\u00e1n\u00ed, ale tak\u00e9 se zam\u011b\u0159uje na typick\u00e9 stylistick\u00e9 ot\u00e1zky \u2013 form\u00e1tov\u00e1n\u00ed k\u00f3du, pojmenov\u00e1v\u00e1n\u00ed prom\u011bnn\u00fdch atd. \u2013 kter\u00e9 je lep\u0161\u00ed opravit co nejd\u0159\u00edve na za\u010d\u00e1tku v\u00fdvoje program\u00e1tora.<\/p>\n

Pomoc u\u010ditele<\/h2>\n

\nKrom\u011b kontroly praktick\u00fdch \u00fakol\u016f hraje u\u010ditel je\u0161t\u011b jednu d\u016fle\u017eitou roli.
\nJak dob\u0159e by se materi\u00e1l nevysv\u011btloval, p\u0159i jeho osvojen\u00ed n\u011bkdy vznikaj\u00ed ot\u00e1zky, na kter\u00e9 se ne v\u017edy poda\u0159\u00ed naj\u00edt samostatnou odpov\u011b\u010f.<\/p>\n

Proto jsme vedle ka\u017ed\u00e9ho materi\u00e1lu um\u00edstili tla\u010d\u00edtko pro vyvol\u00e1n\u00ed chatu s u\u010ditelem. Ka\u017ed\u00fd chat je v\u00e1z\u00e1n na materi\u00e1l \u2013 proto je p\u0159i n\u00e1vratu k probran\u00e9mu snadn\u00e9 naj\u00edt odpov\u011bdi na ji\u017e vznikl\u00e9 ot\u00e1zky.<\/p>\n

\"Interaktivn\u00ed
\n<\/p>\n

T\u00e1bor<\/h2>\n

\nNeb\u00fdv\u00e1 v\u017edy pohodln\u00e9 konzultovat p\u0159es chat. Mnohem pohodln\u011bj\u0161\u00ed je se pt\u00e1t osobn\u011b \u2013 to umo\u017en\u00ed z\u00edskat odpov\u011b\u010f mnohem rychleji a sou\u010dasn\u011b vy\u0159e\u0161it i dal\u0161\u00ed souvisej\u00edc\u00ed ot\u00e1zky, kter\u00e9 vznikly v pr\u016fb\u011bhu rozhovoru. Na\u0161e praxe ukazuje, \u017ee s osobn\u00ed podporou u\u010ditele je postup v kurzu mnohem rychlej\u0161\u00ed.<\/p>\n

K tomu m\u00e1me v obci funk\u010dn\u00ed letn\u00ed programovac\u00ed t\u00e1bor. Studenti bydl\u00ed ve stanech, ale v t\u00e1bo\u0159e je postaven blok s pohodlnou terasou pro v\u00fduku a toalety, je zde rychl\u00fd WiFi internet, zaji\u0161\u0165uje se tepl\u00e9 stravov\u00e1n\u00ed (a brzy bude otev\u0159ena kav\u00e1rna).<\/p>\n

\"Interaktivn\u00ed
\n
\nPodrobn\u00e9 podm\u00ednky pro t\u00e1bor jsou pops\u00e1ny na https:\/\/codery.camp\/camping<\/a><\/noindex>. O novink\u00e1ch programovac\u00ed \u0161koly je nejpohodln\u011bj\u0161\u00ed sledovat v telegramov\u00e9m kan\u00e1lu @codery_camp<\/a><\/noindex>, a o novink\u00e1ch obce \u2013 na instagramu @it_poselok<\/a><\/noindex>. <\/p>\n

P\u0159ipom\u00edn\u00e1me, \u017ee v obci se letos uskute\u010dn\u00ed mnoho vzd\u011bl\u00e1vac\u00edch a dal\u0161\u00edch akc\u00ed, kter\u00e9 jsou pops\u00e1ny v p\u0159edchoz\u00edm \u010dl\u00e1nku<\/a><\/noindex> \u2013 p\u0159ipojte se!
\n
Zdroj: 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\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\udd47Interaktivn\u00ed roadmap pro studenty webov\u00e9ho v\u00fdvoje | ProHoster","description":"V obci pokra\u010duje rozvoj programovac\u00ed \u0161koly codery.camp.","canonical_url":"https:\/\/prohoster.info\/cs\/blog\/news\/interaktivnyj-roadmap-dlya-izuchayushhih-veb-razrabotku","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"cs_CZ","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\/cs\/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\/cs\/wp-json\/wp\/v2\/posts\/35389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/comments?post=35389"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts\/35389\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/media\/26550"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/media?parent=35389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/categories?post=35389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/tags?post=35389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}