• es
  • de
  • ja
  • fr

Ejercicios de programación

Estamos increíblemente emocionados de presentar los ejercicios de programación para todos los cursos de Javascript, CSS y HTML en el mercado. No importa si creas tus propios ejercicios o usas nuestro banco de ejercicios prácticos, son una gran forma de alentar a tus estudiantes a practicar mientras aprenden. Para averiguar cómo agregar estos ejercicios en tu curso, has clic acá.

¿Qué valor tiene implementar ejercicios de programación?

Los ejercicios de programación son una gran manera de enganchar a tus estudiantes. Satisfacen los requerimientos de Udemy para actividades prácticas, y los estudiantes que los usan invierten más tiempo en tu curso y reportan mayor satisfacción.

¿Cuál es el objetivo de cada ejercicio de programación?

En cada ejercicio de programación, queremos alentar a los estudiantes a probar un nuevo concepto o reto. No tienen que hacerlo bien para poder aprender. Como bien sabes, algunas veces escribir código que no funciona es la manera más rápida de aprender que hace que funcione.

¿Cuáles son los requerimientos para los ejercicios de programación?

Los ejercicios de programación deben incluir un título, descripcion, instrucciones a los estudiantes y cada uno de los siguientes 3 archivos:

  1. Un archivo que contenga el código con que los estudiantes comienzan.
  2. Un archivo en el cual el estudiantes verá si solicitan la solución.
  3. Un archivo que tenga el código para probar la solución del estudiante.

Each of these requirements is described and outlined below.
Ejercicios de Javascript
Ejercicios de HTML
Ejercicios de CSS

Título

¿Cuál es el objetivo del título?

El título tiene 2 objetivos:

  1. Para diferenciar entre ejercicios de programación
  2. Para preparar al estudiante para la tarea que realizarán

¿Cuáles son los requerimientos?

Un buen título es corto (menos de 60 caracteres) y resume el objetivo del ejercicio.

¿Título de ejemplo?

Enlazando una hoja de estilos CSS a tu documento HTML

Descripción

¿Cuál es el objetivo de la descripción?

Debe dar al estudiante contexto sobre cómo el tema se ajusta al plan de estudio y dar una forma de determinar si se está preparado para el ejercicio.

¿Cuáles son los requerimientos?

  1. Debe tener de 1 a 3 oraciones
  2. Debe darle al estudiante una indicación de que necesitan saber para completar el ejercicio y cómo pueden saber si han obtenido lo que necesitan del mismo.

¿Descripción de ejemplo?

En este ejercicio aplicarás lo que aprendiste sobre enlazar hojas de estilos para crear las etiquetas y escribir el código para enlazar un grupo de hojas de estilo a un documento HTML. Sabrás cuando hayas completado el ejercicio cuando puedas enlazar todas las hojas de estilos requeridas sin mirar la etiqueta a usar o la sintaxis para implementar cada enlace.

Instrucciones a los estudiantes

¿Cuál es el objetivo de las Instrucciones a los estudiantes?

Las instrucciones a los estudiantes son la última cosa que los estudiantes leen antes de empezar el ejercicio. El objetivo es dar a los estudiantes una indicación clara, concisa, y procesable.

¿Cuales son los requerimientos?

    • Mantenlo simple (sin jerga técnica)
    • Se descriptivo (los estudiantes no necesariamente serán capaces de hacer preguntas para aclarar dudas)
    • De ser posible, intenta probando tus instrucciones en algunos estudiantes para ver si son claras y procesables.

¿Instrucciones de ejemplo?

Te he provisto de un documento HTML y algunas hojas de estilo CSS. Encuentra las hojas de estilos y asegurate que cada una está enlazada al documento HTML. Verifica que todas las hojas de estilo referenciadas en el documento HTML están también definidas en las hojas de estilo apropiadas. Si una hoja de estilo en particular no es necesaria, no la incluyas.

Archivos

¿Qué archivos son requeridos?

Tres archivos son requeridos para cada ejercicio de programación:

  1. Un archivo que define con que empieza el estudiante.
  2. Un archivo con una posible solución que el estudiante sea capaz de ver si se estanca.
  3. Un archivo con un código de evaluación que pruebe la entrada del estudiantes, validando soluciones y definiendo mensajes de error.

¿Cuales son los requerimientos para cada archivo?

    • Archivo inicial para el estudiante – Este archivo debe contener todo lo que el estudiante necesita para completar el ejercicio, incluyendo:
      • Todo el código relevante
      • Cualquier comentario de ayuda
      • Cualquier estructura de archivos/directorios que no quieras que construyan por su cuenta
    • Archivo de solución – Este archivo debe contener una solución funcional para el ejercicio de programación. Solo una solución es requerida pero la solución debe:
      • Funcionar cuando se ejecute
      • Ser una solución que el estudiantes pudo haber creado por su cuenta (evita soluciones sobre pensadas o complejas que involucren técnicas que puedan ser desconocidas)
  • Archivo de prueba – Este archivo debe ejecutar el código que pruebe el código del estudiante. Debe contener:
  • Código de evaluación que verifique cuáles condiciones ha satisfecho el código del estudiante
  • Mensajes de error para señalar al estudiante con comentarios apropiados cuando su código no pasa una prueba.

¿Cómo saber si tus archivos funcionan?

Luego que hayas cargado tus archivos, previsualiza tu ejercicio como estudiante y prueba ingresando código correcto e incorrecto para probar si tus archivos funcionan como lo esperabas.

Mensaje de éxito

¿Cuál es el objetivo de los mensaje de éxito?

Los mensajes de éxito están pensados para premiar al estudiante por completar el ejercicio.

¿Cuáles son los requerimientos?

Indicar de forma clara qué hicieron bien (evita oraciones genéricas como “has completado el ejercicio”)

Usar un tono de aliento (ejemplo: “¡Buen trabajo!”)

¿Ejemplo de mensaje de éxito?

“¡Lo hiciste! Enlazaste todas las hojas de estilo correctas. Buen trabajo.”

Pistas

¿Cuál es el objetivo de las pistas?

El objetivo de cada pista es señalar al estudiante una acción cuando se estanca. Querrás ofrecer solo la información necesaria para no revelar un posible próximo paso para los estudiantes que tengan problemas para comenzar.

¿Cuales son los requerimientos?

Tus pistas deben ser simples y directas. Usa preguntas u oraciones simples.

Conjunto de pistas de ejemplo

Pista 1

Título: Conociendo cuáles elementos del documento debes buscar

Explicación: ¿Identificaste los elementos usando en el documento HTML?

Pista 2

Título: Comprobando tus archivos CSS

Explicación: Asegúrate que sabes cuáles archivos CSS son necesarios y cuáles no.

Pista 3

Título: Recordando cuáles etiquetas usar para establecer un enlace con una hoja de estilos.

Explicación: Usa la etiqueta <link> para conectar una hoja de estilos a un documento HTML

Pista 4

Título: Verificando que tu enlace funciona

Explicación: ¿Navegaste la estructura de directorios correctamente?

Próximos pasos

Ahora ya sabes todo lo que necesitas para empezar a crear ejercicios de programacion para tu curso. Siéntete libre de usar una de las siguientes opciones:

Si quieres comenzar, puedes ir a tu curso y seguir estas instrucciones.

O

Si quieres ver un ejemplo completo y funcional de un ejercicio de programación, puedes hacer clic acá.

O

Si quieres aprender más sobre escribir código de evaluación para probar el trabajo del estudiante, puedes ver algunos ejemplos de código de evaluación acá.