{"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\/es\/blog\/news\/interaktivnyj-roadmap-dlya-izuchayushhih-veb-razrabotku","title":{"rendered":"Mapa interactivo para quienes aprenden desarrollo web","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p>La escuela de programaci\u00f3n sigue desarroll\u00e1ndose en el pueblo <noindex><a rel=\"nofollow\" href=\"https:\/\/codery.camp\">codery.camp<\/a><\/noindex>. Recientemente completamos una reestructuraci\u00f3n completa del curso de desarrollo web, que ahora tambi\u00e9n est\u00e1 disponible en formato online. <\/p>\n<p>Para organizar los materiales te\u00f3ricos, utilizamos una soluci\u00f3n inusual: todos est\u00e1n integrados en un gr\u00e1fico interactivo que resulta \u00fatil como Mapa para quienes estudian desarrollo web. Los materiales est\u00e1n conectados entre s\u00ed y, adem\u00e1s de la teor\u00eda en s\u00ed, contienen ejercicios de escritura de c\u00f3digo.<\/p>\n<p><img decoding=\"async\" alt=\"Mapa interactivo para quienes aprenden desarrollo web\" 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>Concepto de aprendizaje<\/h2>\n<p>\nCreemos que durante el aprendizaje una persona alterna constantemente entre dos modos: el modo de construir una imagen general y el modo de profundizar en los detalles de una entidad concreta. <\/p>\n<p>En las lecciones del curso nos centramos en el primer modo: la lecci\u00f3n contiene solo informaci\u00f3n general que ayuda a construir la \u201cimagen del mundo\u201d. La lecci\u00f3n se puede leer sin entrar en detalles; solo al entender de manera preliminar la imagen general, se puede empezar a profundizar en los materiales espec\u00edficos.<\/p>\n<p>Los materiales te\u00f3ricos se presentan en el curso en forma de recortes. Hacer clic en este recorte lleva al estudiante al segundo modo: se concentra por completo en dominar un material espec\u00edfico, sin preocuparse por su papel en el tema de la lecci\u00f3n.<\/p>\n<p><img decoding=\"async\" alt=\"Mapa interactivo para quienes aprenden desarrollo web\" src=\"\/wp-content\/uploads\/2019\/06\/c3bae424ee71e7ade3e83e2cbc8f5fda.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nAdem\u00e1s de la explicaci\u00f3n en s\u00ed, los materiales contienen especiales <i>entrenamientos<\/i> \u2013 ejercicios de escritura de c\u00f3digo para afianzar este material en la pr\u00e1ctica. <\/p>\n<p>Todos los materiales est\u00e1n conectados entre s\u00ed mediante flechas, similar a un \u00e1rbol de tecnolog\u00edas en juegos estrat\u00e9gicos. Esto ayuda mucho en la comprensi\u00f3n de materiales complejos que se basan en otros conocimientos fundamentales. Si un estudiante tiene dificultades para entender, puede retroceder a material m\u00e1s b\u00e1sico en cualquier momento y revisarlo de inmediato, en lugar de buscar conocimientos faltantes a lo largo de toda la estructura del curso.<\/p>\n<p>Esta separaci\u00f3n de materiales te\u00f3ricos de las lecciones proporciona una oportunidad adicional. Los estudiantes con conocimientos b\u00e1sicos pueden trazar su propia ruta de aprendizaje y avanzar por este mapa de materiales, marcando lo que han completado con un bot\u00f3n especial. <\/p>\n<p>As\u00ed se obtiene un Mapa interactivo para el estudio del desarrollo web, similar a la superaci\u00f3n de ubicaciones en los juegos \u2013 <noindex><a rel=\"nofollow\" href=\"https:\/\/codery.camp\/roadmap\">https:\/\/codery.camp\/roadmap<\/a><\/noindex> <\/p>\n<p><img decoding=\"async\" alt=\"Mapa interactivo para quienes aprenden desarrollo web\" src=\"\/wp-content\/uploads\/2019\/06\/9cf7bfbf5c8518425526ea8293900d09.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<\/p>\n<h2>Tareas pr\u00e1cticas<\/h2>\n<p>\nA pesar de esta oportunidad adicional, consideramos que es m\u00e1s correcto seguir el material en el orden previsto por las lecciones. Adem\u00e1s de formar una visi\u00f3n general, las lecciones tienen otra caracter\u00edstica importante: tareas pr\u00e1cticas.<\/p>\n<p>Para dominar el desarrollo web, no es suficiente con solo estudiar un conjunto de materiales y tecnolog\u00edas por separado; es necesario aprender a integrarlos en proyectos m\u00e1s grandes. Las tareas pr\u00e1cticas son precisamente esos proyectos, que aumentan en complejidad de lecci\u00f3n a lecci\u00f3n y abarcan un n\u00famero creciente de materiales aprendidos.<\/p>\n<p>Las tareas pr\u00e1cticas se realizan en entornos externos y son revisadas manualmente por el instructor. No solo verifica la correcci\u00f3n del trabajo, sino que tambi\u00e9n presta atenci\u00f3n a cuestiones estil\u00edsticas t\u00edpicas, como el formato del c\u00f3digo, la nomenclatura de variables, etc., que es mejor corregir en la etapa m\u00e1s temprana del desarrollo del programador.<\/p>\n<h2>Ayuda del instructor<\/h2>\n<p>\nAdem\u00e1s de revisar las tareas pr\u00e1cticas, el instructor desempe\u00f1a otra funci\u00f3n importante. <br \/>\nPor muy bien que se explique el material, a veces surgen preguntas al estudiarlo, para las cuales no siempre es posible encontrar una respuesta por uno mismo.<\/p>\n<p>Por eso hemos colocado junto a cada material un bot\u00f3n para acceder al chat con el instructor. Cada chat est\u00e1 vinculado al material, por lo que al regresar a lo aprendido, es f\u00e1cil encontrar respuestas a preguntas que ya han surgido.<\/p>\n<p><img decoding=\"async\" alt=\"Mapa interactivo para quienes aprenden desarrollo web\" src=\"\/wp-content\/uploads\/2019\/06\/656421cf88aba5aff02a50577bd803ab.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<\/p>\n<h2>Campamento<\/h2>\n<p>\nRecibir consultas a trav\u00e9s del chat no siempre es conveniente. Es mucho m\u00e1s f\u00e1cil preguntar en persona, lo que permite obtener respuestas mucho m\u00e1s r\u00e1pido y tambi\u00e9n resolver otras cuestiones relacionadas que hayan surgido durante la conversaci\u00f3n. Nuestra pr\u00e1ctica muestra que con apoyo presencial del instructor, el avance en el curso ocurre significativamente m\u00e1s r\u00e1pido.<\/p>\n<p>Para esto, en nuestro asentamiento funciona un campamento de programaci\u00f3n de verano. Los estudiantes viven en tiendas de campa\u00f1a, pero en el campamento hay un bloque con una c\u00f3moda terraza para clases y ba\u00f1os, hay WiFi de alta velocidad, y se proporciona comida caliente (y pronto se abrir\u00e1 una cafeter\u00eda).<\/p>\n<p><img decoding=\"async\" alt=\"Mapa interactivo para quienes aprenden desarrollo web\" src=\"\/wp-content\/uploads\/2019\/06\/fced3bf1cac4bd44452143bffac3e917.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nLas condiciones detalladas del campamento est\u00e1n descritas en <noindex><a rel=\"nofollow\" href=\"https:\/\/codery.camp\/camping\">https:\/\/codery.camp\/camping<\/a><\/noindex>. Es m\u00e1s conveniente seguir las novedades de la escuela de programaci\u00f3n en el canal de Telegram <noindex><a rel=\"nofollow\" href=\"https:\/\/teleg.run\/codery_camp\">@codery_camp<\/a><\/noindex>, y seguir las novedades del asentamiento en Instagram <noindex><a rel=\"nofollow\" href=\"https:\/\/instagram.com\/it_poselok\/\">@it_poselok<\/a><\/noindex>. <\/p>\n<p>Recordemos que en la localidad se llevar\u00e1n a cabo muchos eventos educativos y otros, descritos <noindex><a rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/company\/it_poselok\/blog\/453242\/\">en el art\u00edculo anterior<\/a><\/noindex> \u00a1\u00fanete!<br \/>\n<br \/>Fuente: <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.2 - 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\/es\/blog\/news\/interaktivnyj-roadmap-dlya-izuchayushhih-veb-razrabotku\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.2\" \/>\n\t\t<meta property=\"og:locale\" content=\"es_ES\" \/>\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\/es\/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\udd47Mapa interactivo para quienes est\u00e1n aprendiendo desarrollo web | ProHoster","description":"La escuela de programaci\u00f3n codery.camp sigue desarroll\u00e1ndose en la localidad.","canonical_url":"https:\/\/prohoster.info\/es\/blog\/news\/interaktivnyj-roadmap-dlya-izuchayushhih-veb-razrabotku","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"es_ES","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\/es\/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\/es\/wp-json\/wp\/v2\/posts\/35389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/es\/wp-json\/wp\/v2\/comments?post=35389"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/es\/wp-json\/wp\/v2\/posts\/35389\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/es\/wp-json\/wp\/v2\/media\/26550"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/es\/wp-json\/wp\/v2\/media?parent=35389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/es\/wp-json\/wp\/v2\/categories?post=35389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/es\/wp-json\/wp\/v2\/tags?post=35389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}