{"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\/fr\/blog\/news\/interaktivnyj-roadmap-dlya-izuchayushhih-veb-razrabotku","title":{"rendered":"Roadmap interactif pour ceux qui apprennent le d\u00e9veloppement web","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

Le village continue de d\u00e9velopper une \u00e9cole de programmation codery.camp<\/a><\/noindex>. Nous avons r\u00e9cemment achev\u00e9 une refonte compl\u00e8te du cours de d\u00e9veloppement web, qui est d\u00e9sormais \u00e9galement disponible en ligne. <\/p>\n

Pour structurer les mat\u00e9riaux th\u00e9oriques, nous avons utilis\u00e9 une solution originale \u2013 tous sont regroup\u00e9s dans un graphique interactif, qui sert d'outil pratique pour apprendre le d\u00e9veloppement web. Les mat\u00e9riaux sont interconnect\u00e9s et, en plus de la th\u00e9orie elle-m\u00eame, contiennent des exercices de codage.<\/p>\n

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

Concept d'apprentissage<\/h2>\n

\nNous croyons que pendant l'apprentissage, l'individu alterne constamment entre deux modes : le mode de construction de la vue d'ensemble et le mode d'approfondissement dans les d\u00e9tails d'un \u00e9l\u00e9ment sp\u00e9cifique. <\/p>\n

Dans les le\u00e7ons du cours, nous nous concentrons sur le premier mode \u2013 la le\u00e7on contient uniquement des informations g\u00e9n\u00e9rales, qui aident \u00e0 construire \"la carte du monde\". La le\u00e7on peut \u00eatre lue sans entrer dans les d\u00e9tails \u2013 et seulement apr\u00e8s avoir compris, m\u00eame de mani\u00e8re approximative, l'image g\u00e9n\u00e9rale, on peut commencer \u00e0 approfondir les mat\u00e9riaux sp\u00e9cifiques.<\/p>\n

Les mat\u00e9riaux th\u00e9oriques sont pr\u00e9sent\u00e9s dans le cours sous forme de vignettes. Un clic sur cette vignette transf\u00e8re l'\u00e9tudiant au second mode \u2013 il se concentre enti\u00e8rement sur la ma\u00eetrise d'un mat\u00e9riel sp\u00e9cifique, sans se soucier de son r\u00f4le dans le sujet de cette le\u00e7on.<\/p>\n

\"Roadmap
\n
\nEn plus de l'explication elle-m\u00eame, les mat\u00e9riaux contiennent des exercices<\/i> \u2013 des exercices de codage pour consolider ce mat\u00e9riel dans la pratique. <\/p>\n

Tous les mat\u00e9riaux sont li\u00e9s entre eux par des fl\u00e8ches \u2013 comme un arbre de technologies dans des jeux strat\u00e9giques. Cela aide beaucoup \u00e0 comprendre des mat\u00e9riaux complexes qui s'appuient sur d'autres connaissances de base. Si l'\u00e9tudiant rencontre des difficult\u00e9s de compr\u00e9hension, il peut \u00e0 tout moment revenir \u00e0 un mat\u00e9riel plus fondamental et le revoir imm\u00e9diatement \u2013 au lieu de chercher les connaissances manquantes dans toute la structure du cours.<\/p>\n

Cette extraction des mat\u00e9riaux th\u00e9oriques des le\u00e7ons offre une opportunit\u00e9 suppl\u00e9mentaire. Les \u00e9tudiants avec des connaissances de base peuvent tracer eux-m\u00eames leur parcours d'apprentissage et naviguer sur cette carte de mat\u00e9riaux, marquant leur progression avec un bouton sp\u00e9cial. <\/p>\n

Cela cr\u00e9e une carte interactive pour l'apprentissage du d\u00e9veloppement web, ressemblant \u00e0 la progression \u00e0 travers des niveaux de jeux \u2013 https:\/\/codery.camp\/roadmap<\/a><\/noindex> <\/p>\n

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

Exercices pratiques<\/h2>\n

\nMalgr\u00e9 cette possibilit\u00e9 suppl\u00e9mentaire, nous pensons qu'il est plus judicieux de suivre les mat\u00e9riaux dans l'ordre pr\u00e9vu par les le\u00e7ons. En plus de former une vue d'ensemble, les le\u00e7ons ont une autre caract\u00e9ristique importante : les t\u00e2ches pratiques.<\/p>\n

Pour ma\u00eetriser le d\u00e9veloppement web, il ne suffit pas d'apprendre une collection de mat\u00e9riaux et de technologies \u2013 il faut apprendre \u00e0 les relier en un tout coh\u00e9rent dans des projets plus vastes. Les t\u00e2ches pratiques repr\u00e9sentent justement ces projets, qui deviennent de plus en plus complexes d'une le\u00e7on \u00e0 l'autre et englobent un nombre croissant de mat\u00e9riaux \u00e9tudi\u00e9s.<\/p>\n

Les t\u00e2ches pratiques sont r\u00e9alis\u00e9es dans des environnements externes et v\u00e9rifi\u00e9es manuellement par l'enseignant. Ce dernier ne v\u00e9rifie pas seulement le bon fonctionnement, mais fait \u00e9galement attention aux questions de style typiques \u2013 la mise en forme du code, la d\u00e9nomination des variables, etc. \u2013 qu'il est pr\u00e9f\u00e9rable de corriger d\u00e8s le d\u00e9but du d\u00e9veloppement du programmeur.<\/p>\n

Aide de l'enseignant<\/h2>\n

\nEn plus de v\u00e9rifier les t\u00e2ches pratiques, l'enseignant joue un r\u00f4le important.
\nQuoique le mat\u00e9riel soit bien expliqu\u00e9, des questions peuvent parfois surgir lors de sa compr\u00e9hension, et il n'est pas toujours possible de trouver une r\u00e9ponse par soi-m\u00eame.<\/p>\n

C'est pourquoi nous avons plac\u00e9 un bouton \u00e0 c\u00f4t\u00e9 de chaque mat\u00e9riel pour acc\u00e9der \u00e0 un chat avec l'enseignant. Chaque chat est li\u00e9 au mat\u00e9riel \u2013 il est donc facile de retrouver les r\u00e9ponses \u00e0 des questions d\u00e9j\u00e0 pos\u00e9es lors du retour au contenu \u00e9tudi\u00e9.<\/p>\n

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

Camp<\/h2>\n

\nObtenir des conseils par chat n'est pas toujours pratique. Il est beaucoup plus commode de demander en personne \u2013 cela permet d'obtenir une r\u00e9ponse beaucoup plus rapidement, tout en r\u00e9solvant d'autres questions connexes qui peuvent se poser durant la conversation. Notre exp\u00e9rience montre qu'avec un soutien en personne de l'enseignant, l'avancement dans le cours se fait de mani\u00e8re significative.<\/p>\n

Pour cela, notre village dispose d'un camp d'\u00e9t\u00e9 de programmation. Les \u00e9tudiants vivent dans des tentes, mais le camp dispose d'un b\u00e2timent avec une terrasse confortable pour les cours et des sanitaires, ainsi qu'un WiFi rapide, et un service de repas chauds est pr\u00e9vu (un caf\u00e9 ouvrira bient\u00f4t).<\/p>\n

\"Roadmap
\n
\nLes conditions d\u00e9taill\u00e9es pour le camp sont d\u00e9crites sur https:\/\/codery.camp\/camping<\/a><\/noindex>. Pour suivre les nouvelles de l'\u00e9cole de programmation, il est plus pratique de le faire via le canal Telegram @codery_camp<\/a><\/noindex>, et pour les nouvelles du village \u2013 sur Instagram @it_poselok<\/a><\/noindex>. <\/p>\n

Rappelons que cette ann\u00e9e, de nombreux \u00e9v\u00e9nements \u00e9ducatifs et autres se d\u00e9rouleront dans le village, comme d\u00e9crit. dans l'article pr\u00e9c\u00e9dent<\/a><\/noindex> \u2013 rejoignez-nous !
\n
Source : 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\udd47Roadmap interactif pour ceux qui apprennent le d\u00e9veloppement web | ProHoster","description":"L'\u00e9cole de programmation codery.camp continue de se d\u00e9velopper dans le village.","canonical_url":"https:\/\/prohoster.info\/fr\/blog\/news\/interaktivnyj-roadmap-dlya-izuchayushhih-veb-razrabotku","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"fr_FR","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\/fr\/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\/fr\/wp-json\/wp\/v2\/posts\/35389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/comments?post=35389"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/posts\/35389\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/media\/26550"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/media?parent=35389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/categories?post=35389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/tags?post=35389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}