Cómo aprender desarrollo web jugando juegos de codificación

Hoy tenemos la suerte de tener recursos casi infinitos a nuestro alcance para aprender sobre desarrollo web. Entre estos recursos se encuentran los juegos de codificación.

He creado juegos como Flexbox Froggy y Grid Garden, junto con otros como CSS Diner y CodeCombat, que ayudan a empaquetar una experiencia educativa en un formato divertido y atractivo.

Sin embargo, como ocurre con cualquier recurso de aprendizaje, estas preguntas surgen con frecuencia:

  • ¿En qué juegos de codificación debería molestarme en invertir mi tiempo?
  • ¿Cómo puedo utilizar los juegos de codificación para aprender de forma más eficaz?

En este artículo, ofrezco algunos consejos para ayudarlo a responder estas preguntas según mis experiencias como desarrollador y educador de juegos.

Tener un plan de juego

Cuando comienzas con una misión para aprender desarrollo web, ya sea que se trate de juegos o no, debes comenzar con un plan.

Aunque su plan no necesita estar escrito en piedra, tener una estrategia para lo que desea lograr y cómo lo hará ya lo pondrá algunos pasos por delante.

Cuando estás inscrito en un curso o campamento de entrenamiento, muchos de esta planificación ya la realizan facilitadores experimentados. freeCodeCamp también ofrece un plan de estudios maravillosamente organizado.

Pero si está aprendiendo por sí mismo, todos los recursos disponibles en la web (que a la vez se sienten como un vacío solitario y un espectáculo caótico) pueden ser abrumadores. Así que analicémoslo.

Al elaborar un plan, hay aproximadamente tres modos de aprendizaje a los que debe dirigirse.

Primero es la instrucción. Aquí es donde se le presenta un nuevo concepto o habilidad, ya sea en forma de videos, libros, tutoriales o documentación. En el aula, podría ser un profesor en la pizarra.

En segundo lugar, está la práctica, donde puedes ejercitar tus músculos cognitivos y fortalecer tu comprensión de esos nuevos conceptos. Esto puede tomar la forma de problemas de práctica, simulacros o desafíos de codificación.

En tercer lugar, está la integración, en la que incorpora sus conocimientos y habilidades recién adquiridos en sus prácticas existentes. No hay nada mejor para esto que el aprendizaje basado en proyectos, donde aplica lo que ha aprendido en un escenario más auténtico y completo.

Un ejemplo de esto es una aplicación web que comienza como un proyecto de fin de semana. Incluso uno relativamente simple se basará en todas las diferentes facetas del desarrollo web (y hay muchas), lo que le ayudará a contextualizar lo que ha aprendido.

Estos tres modos no tienen divisiones rígidas y muchos recursos con los que te encuentres abarcarán más de uno de ellos. Aún así, es una forma útil de pensar y planificar su aprendizaje.

Ahora, cuando se trata de codificar juegos, ellos también pueden encajar en cualquiera de estos modos. Muchos de los juegos de código existentes tienen su mayor fortaleza en el segundo modo: práctica, con una pequeña dosis de instrucción.

Por ejemplo, en Flexbox Froggy, se le presentan una variedad de desafíos en la forma de posicionar las ranas usando CSS flexbox, con cada nivel aumentando la dificultad.

Al final, habrá aplicado las propiedades de Flexbox muchas veces, en muchas combinaciones, hasta el punto de que comienzan a convertirse en algo natural.

codepip.com_games_flexbox-froggy_

A través de esta lente, puede ver que los juegos de codificación sirven mejor como complemento a otros recursos que puede usar, incluidas las lecciones de freeCodeCamp.

Sea un crítico

La siguiente pregunta que puede tener es a qué juegos de codificación debería jugar. En lugar de proporcionarle una lista estática, le animo a que los evalúe usted mismo como lo haría con cualquier referencia que encuentre.

Primero, considere el juego desde un ángulo de entretenimiento. Después de todo, es un juego y debería ser divertido para ti. A continuación, considere el ángulo pedagógico. Es decir, ¿qué estoy aprendiendo del juego y lo estoy aprendiendo de manera efectiva?

Los diseñadores de juegos educativos tienen que caminar sobre la cuerda floja para equilibrar la diversión con el aprendizaje. Para algo que se apoya más en el aprendizaje, existen muchos recursos dentro y fuera de los juegos.

Pero cuidado con la otra dirección, un juego con meramente una fachada de sustancia educativa. Un juego de codificación puede fallar cuando el contenido educativo es demasiado superficial o hay muchas otras mecánicas de juego que te distraen de involucrarte con lo que necesitas aprender.

Evaluar un recurso de aprendizaje por su cuenta puede ser difícil, especialmente si es principiante. Por lo tanto, su evaluación también debe sopesar las perspectivas de los demás.

Consulte con un mentor o bloguero de confianza. O busque recursos que tengan recomendaciones positivas en su comunidad: en los foros de freeCodeCamp, subreddits de desarrollo web o en su grupo favorito de Discord o Slack.

Presione Iniciar ahora

Incluso si se hace las mismas preguntas que todos los demás sobre cómo encajar mejor los juegos de codificación en su plan de aprendizaje, todos tendrán una respuesta diferente. No existe una solución única para todos.

Su estilo de aprendizaje y lo que despierte su pasión dependerán de sus experiencias, preferencias y objetivos. Entonces, lo que te animo a hacer es comenzar hoy, divertirte y descubrir qué funciona para ti.

Aunque la idea de codificar juegos que te ayuden a aprender sobre desarrollo web ha existido durante años, el género aún está en su infancia. La idea tiene tanto potencial sin explotar que se puede aprender en un entorno divertido, interactivo e inmersivo, y los juegos son un gran vehículo para ello.

Afortunadamente para nosotros, cada vez hay más juegos de codificación disponibles. Le invito a que pase por Codepip y juegue un juego de codificación para usted hoy.