Hoja de ruta interactiva para el aprendizaje del desarrollo web

Una escuela de programación continúa desarrollándose en el pueblo. codery.camp. Recientemente completamos un rediseño completo del curso de desarrollo web, que ahora está disponible en línea.

Para organizar los materiales teóricos, utilizamos una solución inusual: todos están combinados en un gráfico interactivo, que es conveniente utilizar como hoja de ruta para estudiantes de desarrollo web. Los materiales están interconectados y, además de la teoría misma, contienen ejercicios sobre escritura de código.

Hoja de ruta interactiva para el aprendizaje del desarrollo web

Concepto de aprendizaje

Creemos que durante el aprendizaje una persona cambia constantemente entre dos modos: este es el modo de construir una imagen general y el modo de profundizar en los detalles de una entidad específica.

En las lecciones del curso nos centramos en el primer modo: la lección contiene sólo información general que ayuda a construir una "imagen del mundo". Puede leer la lección sin entrar en detalles y solo después de comprender la imagen general como una primera aproximación, comenzar a profundizar en materiales específicos.

Los materiales teóricos se muestran en el curso en forma de barras laterales. Al hacer clic en esta barra lateral, el estudiante pasa al segundo modo: se concentra completamente en dominar un material específico, sin profundizar en su papel en el tema de esta lección.

Hoja de ruta interactiva para el aprendizaje del desarrollo web

Además de la explicación en sí, los materiales contienen información especial. entrenamiento – ejercicios de codificación para reforzar este material en la práctica.

Todos los materiales están conectados entre sí mediante flechas, como un árbol tecnológico en los juegos de estrategia. Esto ayuda mucho a la hora de dominar materiales complejos que dependen de otros conocimientos básicos. Si un estudiante tiene dificultades para comprenderlo, puede recurrir en cualquier momento a material más fundamental y repetirlo inmediatamente, en lugar de buscar conocimientos faltantes a lo largo de toda la estructura del curso.

Este aislamiento de los materiales teóricos de las lecciones proporciona una oportunidad adicional. Los alumnos con conocimientos iniciales básicos podrán construir su propia ruta de aprendizaje y moverse por este mapa de materiales, marcando los que hayan completado con un botón especial.

El resultado es una hoja de ruta interactiva para aprender desarrollo web, que recuerda a las ubicaciones de paso en los juegos. https://codery.camp/roadmap

Hoja de ruta interactiva para el aprendizaje del desarrollo web

Tareas practicas

A pesar de esta oportunidad adicional, creemos que es más correcto repasar los materiales en el orden que proporcionan las lecciones. Además de formar una imagen general, las lecciones tienen otra característica importante: las tareas prácticas.

Para dominar el desarrollo web, no basta con estudiar un conjunto de materiales y tecnologías individuales: es necesario aprender a combinarlos en un todo en proyectos más grandes. Las tareas prácticas son precisamente esos proyectos, cuya complejidad aumenta de lección en lección y cubren una cantidad cada vez mayor de material cubierto.

Las tareas prácticas se completan en entornos sandbox externos y el profesor las revisa manualmente. Además, no sólo comprueba la exactitud del trabajo, sino que también presta atención a cuestiones típicas de estilo: formato del código, denominación de variables, etc. – que se ajustan mejor en una etapa muy temprana del desarrollo de un desarrollador.

Ayuda del maestro

Además de comprobar las tareas prácticas, el profesor desempeña otro papel importante.
Por muy bien que se explique el material, a la hora de dominarlo a veces surgen preguntas a las que no siempre es posible encontrar una respuesta independiente.

Por eso, hemos colocado un botón al lado de cada material para llamar a un chat con el profesor. Cada chat está vinculado al material, por lo que al volver a lo que has cubierto, es fácil encontrar respuestas a las preguntas que ya te han surgido.

Hoja de ruta interactiva para el aprendizaje del desarrollo web

campamento

Recibir consultas vía chat no siempre es conveniente. Es mucho más conveniente preguntar en persona; esto le permitirá obtener una respuesta muchas veces más rápido, resolviendo simultáneamente otras preguntas relacionadas que surgieron durante la conversación. Nuestra práctica muestra que con el apoyo de tiempo completo de un maestro, el progreso en el curso ocurre mucho más rápido.

Para ello contamos con un campamento de programación de verano en nuestro pueblo. Los estudiantes viven en tiendas de campaña, pero el campamento tiene un bloque con una cómoda terraza para estudiar y baños, hay WiFi de alta velocidad, se sirven comidas calientes (y pronto se abrirá una cafetería).

Hoja de ruta interactiva para el aprendizaje del desarrollo web

Las condiciones detalladas para el campamento se describen en https://codery.camp/camping. La forma más cómoda de seguir la actualidad de la escuela de programación es en el canal de Telegram. @codery_camp, y para noticias del pueblo - en Instagram @it_poselok.

Le recordamos que este año el pueblo acogerá muchos eventos educativos y de otro tipo descritos en el ultimo articulo - ¡Únete a nosotros!

Fuente: habr.com

Añadir un comentario