{"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\/pt\/blog\/news\/interaktivnyj-roadmap-dlya-izuchayushhih-veb-razrabotku","title":{"rendered":"Roadmap interativo para quem est\u00e1 aprendendo desenvolvimento web","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

A escola de programa\u00e7\u00e3o continua se desenvolvendo na vila codery.camp<\/a><\/noindex>. Recentemente, finalizamos uma reformula\u00e7\u00e3o completa do curso de desenvolvimento web, que agora tamb\u00e9m est\u00e1 dispon\u00edvel na forma online. <\/p>\n

Para compor os materiais te\u00f3ricos, usamos uma solu\u00e7\u00e3o inovadora \u2013 todos eles est\u00e3o agrupados em um gr\u00e1fico interativo, que \u00e9 conveniente de usar como mapa para aqueles que estudam desenvolvimento web. Os materiais est\u00e3o interligados, e al\u00e9m da teoria em si, incluem exerc\u00edcios de codifica\u00e7\u00e3o.<\/p>\n

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

A concep\u00e7\u00e3o de ensino<\/h2>\n

\nAcreditamos que durante o aprendizado a pessoa est\u00e1 constantemente alternando entre dois modos \u2013 o modo de construir uma vis\u00e3o geral e o modo de se aprofundar nos detalhes de uma entidade espec\u00edfica. <\/p>\n

Nas aulas do curso, focamos no primeiro modo \u2013 a aula cont\u00e9m apenas informa\u00e7\u00f5es gerais que ajudam a construir a \"imagem do mundo\". A aula pode ser lida sem entrar em detalhes \u2013 e somente ao entender a vis\u00e3o geral em um primeiro momento, o aluno pode come\u00e7ar a se aprofundar em materiais espec\u00edficos.<\/p>\n

Os materiais te\u00f3ricos s\u00e3o apresentados no curso na forma de recortes. Um clique nesse recorte leva o aluno ao segundo modo \u2013 ele se concentra completamente em dominar o material espec\u00edfico, sem se preocupar com seu papel no contexto da aula.<\/p>\n

\"Roadmap
\n
\nAl\u00e9m da explica\u00e7\u00e3o em si, os materiais cont\u00eam treinamentos especiais exerc\u00edcios de codifica\u00e7\u00e3o para consolidar esse material na pr\u00e1tica.<\/i> Todos os materiais s\u00e3o interligados por setas \u2013 semelhante a uma \u00e1rvore de tecnologias em jogos estrat\u00e9gicos. Isso ajuda muito na compreens\u00e3o de materiais complexos que se baseiam em outros conhecimentos b\u00e1sicos. Se o aluno tiver dificuldades em entender, pode a qualquer momento voltar a um material mais fundamental e repeti-lo imediatamente \u2013 ao inv\u00e9s de procurar conhecimentos ausentes em toda a estrutura do curso. <\/p>\n

Esse desmembramento dos materiais te\u00f3ricos das aulas oferece uma oportunidade adicional. Estudantes com conhecimentos iniciais b\u00e1sicos podem montar seu pr\u00f3prio percurso de aprendizado e navegar por esse mapa de materiais, marcando o que j\u00e1 foi conclu\u00eddo com um bot\u00e3o especial.<\/p>\n

Assim, resulta em um Roadmap interativo para o aprendizado de desenvolvimento web, semelhante \u00e0 passagem por loca\u00e7\u00f5es em jogos \u2013 <\/p>\n

Tarefas pr\u00e1ticas https:\/\/codery.camp\/roadmap<\/a><\/noindex> <\/p>\n

\"Roadmap
\n<\/p>\n

Atividades pr\u00e1ticas<\/h2>\n

\nApesar dessa capacidade adicional, acreditamos ser mais apropriado seguir a sequ\u00eancia dos materiais conforme previsto nas aulas. Al\u00e9m de formar uma vis\u00e3o geral, as aulas t\u00eam outra caracter\u00edstica importante \u2013 tarefas pr\u00e1ticas.<\/p>\n

Para dominar o desenvolvimento web, n\u00e3o basta apenas estudar um conjunto de materiais e tecnologias isoladamente \u2013 \u00e9 necess\u00e1rio aprender a conect\u00e1-los em projetos maiores. As tarefas pr\u00e1ticas representam esses projetos, aumentando em complexidade de aula para aula e abrangendo um n\u00famero crescente de materiais abordados.<\/p>\n

As tarefas pr\u00e1ticas s\u00e3o realizadas em ambientes externos e revisadas manualmente pelo professor. Ele n\u00e3o verifica apenas a corre\u00e7\u00e3o do trabalho, mas tamb\u00e9m presta aten\u00e7\u00e3o a quest\u00f5es estil\u00edsticas t\u00edpicas \u2013 formata\u00e7\u00e3o do c\u00f3digo, nomea\u00e7\u00e3o de vari\u00e1veis, etc. \u2013 que \u00e9 melhor corrigir no in\u00edcio do desenvolvimento do programador.<\/p>\n

Ajuda do professor<\/h2>\n

\nAl\u00e9m de revisar as tarefas pr\u00e1ticas, o professor desempenha um papel importante.
\nPor mais bem explicado que esteja o material, \u00e0s vezes surgem quest\u00f5es que nem sempre conseguimos responder por conta pr\u00f3pria.<\/p>\n

Por isso, colocamos ao lado de cada material um bot\u00e3o para chamar o chat com o professor. Cada chat est\u00e1 vinculado ao material \u2013 assim, ao retornar ao conte\u00fado j\u00e1 estudado, \u00e9 f\u00e1cil encontrar respostas para as perguntas que j\u00e1 surgiram.<\/p>\n

\"Roadmap
\n<\/p>\n

Acampamento<\/h2>\n

\nObter consultas pelo chat nem sempre \u00e9 conveniente. \u00c9 muito mais f\u00e1cil perguntar pessoalmente \u2013 isso permite obter respostas muito mais rapidamente, resolvendo tamb\u00e9m outras quest\u00f5es relacionadas que possam surgir durante a conversa. Nossa experi\u00eancia mostra que, com o apoio presencial do professor, o progresso no curso ocorre de forma significativamente mais r\u00e1pida.<\/p>\n

Para isso, temos um acampamento de programa\u00e7\u00e3o funcionando na vila. Os alunos vivem em barracas, mas no acampamento h\u00e1 um bloco com um terra\u00e7o confort\u00e1vel para as aulas e banheiros, acesso a Wi-Fi de alta velocidade e refei\u00e7\u00f5es quentes s\u00e3o fornecidas (em breve abrir\u00e1 um caf\u00e9).<\/p>\n

\"Roadmap
\n
\nCondi\u00e7\u00f5es detalhadas sobre o acampamento est\u00e3o descritas em https:\/\/codery.camp\/camping<\/a><\/noindex>. Para acompanhar as novidades da escola de programa\u00e7\u00e3o, \u00e9 mais f\u00e1cil seguir o canal do Telegram @codery_camp<\/a><\/noindex>, e para as novidades da vila \u2013 no Instagram @it_poselok<\/a><\/noindex>. <\/p>\n

Lembramos que neste ano, a vila sediar\u00e1 muitos eventos educacionais e outros, conforme descrito. no artigo anterior<\/a><\/noindex> \u2013 junte-se a n\u00f3s!
\n
Fonte: 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\udd47Mapa interativo para quem estuda desenvolvimento web | ProHoster","description":"A escola de programa\u00e7\u00e3o codery.camp continua a se desenvolver na vila.","canonical_url":"https:\/\/prohoster.info\/pt\/blog\/news\/interaktivnyj-roadmap-dlya-izuchayushhih-veb-razrabotku","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"pt_PT","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\/pt\/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\/pt\/wp-json\/wp\/v2\/posts\/35389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/pt\/wp-json\/wp\/v2\/comments?post=35389"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/pt\/wp-json\/wp\/v2\/posts\/35389\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/pt\/wp-json\/wp\/v2\/media\/26550"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/pt\/wp-json\/wp\/v2\/media?parent=35389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/pt\/wp-json\/wp\/v2\/categories?post=35389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/pt\/wp-json\/wp\/v2\/tags?post=35389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}