Roadmap interactif pour ceux qui apprennent le développement web

Le village continue de développer une école de programmation codery.camp. Nous avons récemment achevé une refonte complète du cours de développement web, qui est désormais également disponible en ligne.

Pour structurer les matériaux théoriques, nous avons utilisé une solution originale – tous sont regroupés dans un graphique interactif, qui sert d'outil pratique pour apprendre le développement web. Les matériaux sont interconnectés et, en plus de la théorie elle-même, contiennent des exercices de codage.

Roadmap interactif pour ceux qui apprennent le développement web

Concept d'apprentissage

Nous 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étails d'un élément spécifique.

Dans les leçons du cours, nous nous concentrons sur le premier mode – la leçon contient uniquement des informations générales, qui aident à construire "la carte du monde". La leçon peut être lue sans entrer dans les détails – et seulement après avoir compris, même de manière approximative, l'image générale, on peut commencer à approfondir les matériaux spécifiques.

Les matériaux théoriques sont présentés dans le cours sous forme de vignettes. Un clic sur cette vignette transfère l'étudiant au second mode – il se concentre entièrement sur la maîtrise d'un matériel spécifique, sans se soucier de son rôle dans le sujet de cette leçon.

Roadmap interactif pour ceux qui apprennent le développement web

En plus de l'explication elle-même, les matériaux contiennent des exercices – des exercices de codage pour consolider ce matériel dans la pratique.

Tous les matériaux sont liés entre eux par des flèches – comme un arbre de technologies dans des jeux stratégiques. Cela aide beaucoup à comprendre des matériaux complexes qui s'appuient sur d'autres connaissances de base. Si l'étudiant rencontre des difficultés de compréhension, il peut à tout moment revenir à un matériel plus fondamental et le revoir immédiatement – au lieu de chercher les connaissances manquantes dans toute la structure du cours.

Cette extraction des matériaux théoriques des leçons offre une opportunité supplémentaire. Les étudiants avec des connaissances de base peuvent tracer eux-mêmes leur parcours d'apprentissage et naviguer sur cette carte de matériaux, marquant leur progression avec un bouton spécial.

Cela crée une carte interactive pour l'apprentissage du développement web, ressemblant à la progression à travers des niveaux de jeux – https://codery.camp/roadmap

Roadmap interactif pour ceux qui apprennent le développement web

Exercices pratiques

Malgré cette possibilité supplémentaire, nous pensons qu'il est plus judicieux de suivre les matériaux dans l'ordre prévu par les leçons. En plus de former une vue d'ensemble, les leçons ont une autre caractéristique importante : les tâches pratiques.

Pour maîtriser le développement web, il ne suffit pas d'apprendre une collection de matériaux et de technologies – il faut apprendre à les relier en un tout cohérent dans des projets plus vastes. Les tâches pratiques représentent justement ces projets, qui deviennent de plus en plus complexes d'une leçon à l'autre et englobent un nombre croissant de matériaux étudiés.

Les tâches pratiques sont réalisées dans des environnements externes et vérifiées manuellement par l'enseignant. Ce dernier ne vérifie pas seulement le bon fonctionnement, mais fait également attention aux questions de style typiques – la mise en forme du code, la dénomination des variables, etc. – qu'il est préférable de corriger dès le début du développement du programmeur.

Aide de l'enseignant

En plus de vérifier les tâches pratiques, l'enseignant joue un rôle important.
Quoique le matériel soit bien expliqué, des questions peuvent parfois surgir lors de sa compréhension, et il n'est pas toujours possible de trouver une réponse par soi-même.

C'est pourquoi nous avons placé un bouton à côté de chaque matériel pour accéder à un chat avec l'enseignant. Chaque chat est lié au matériel – il est donc facile de retrouver les réponses à des questions déjà posées lors du retour au contenu étudié.

Roadmap interactif pour ceux qui apprennent le développement web

Camp

Obtenir des conseils par chat n'est pas toujours pratique. Il est beaucoup plus commode de demander en personne – cela permet d'obtenir une réponse beaucoup plus rapidement, tout en résolvant d'autres questions connexes qui peuvent se poser durant la conversation. Notre expérience montre qu'avec un soutien en personne de l'enseignant, l'avancement dans le cours se fait de manière significative.

Pour cela, notre village dispose d'un camp d'été de programmation. Les étudiants vivent dans des tentes, mais le camp dispose d'un bâtiment avec une terrasse confortable pour les cours et des sanitaires, ainsi qu'un WiFi rapide, et un service de repas chauds est prévu (un café ouvrira bientôt).

Roadmap interactif pour ceux qui apprennent le développement web

Les conditions détaillées pour le camp sont décrites sur https://codery.camp/camping. Pour suivre les nouvelles de l'école de programmation, il est plus pratique de le faire via le canal Telegram @codery_camp, et pour les nouvelles du village – sur Instagram @it_poselok.

Rappelons que cette année, de nombreux événements éducatifs et autres se dérouleront dans le village, comme décrit. dans l'article précédent – rejoignez-nous !

Source : habr.com

Acheter un hébergement fiable pour les sites avec protection DDoS, serveurs VPS VDS 🔥 Acheter un hébergement fiable pour les sites avec protection DDoS, serveurs VPS VDS | ProHoster