Original article: https://www.freecodecamp.org/news/12-free-coding-games-to-learn-programming-for-beginners/

Muchos principiantes pueden sentirse intimidados cuando están aprendiendo a programar. Pero aprender jugando puede ser divertido y educativo.

De acuerdo a True Education Partnerships,

La gamificación en el aprendizaje implica el uso de elementos basados en el juego, como la puntuación, la competición entre compañeros, el trabajo en equipo y las tablas de puntuación, para impulsar el compromiso, ayudar a los estudiantes a asimilar nueva información y poner a prueba sus conocimientos.

En este blog se puede encontrar más información sobre gamificación en español.

He elaborado una lista de 12 juegos de codificación para principiantes.

Aquí está la lista completa. Una vez que encuentres un sitio web que te interese, haz clic en ese enlace y te llevará a una descripción más detallada de ese sitio web.

  1. CodinGame
  2. CSS Diner
  3. Flexbox Froggy
  4. Flexbox Defense
  5. Grid Garden
  6. CodeCombat
  7. Scratch
  8. Tynker
  9. SQL Murder Mystery
  10. Untrusted
  11. Elevator Saga
  12. CheckiO

CodinGame

Screen-Shot-2021-08-02-at-3.19.31-AM

CodinGame es un sitio que te ayuda a trabajar en habilidades de resolución de problemas y aprender conceptos básicos de programación a través de un juego por turnos.

Esta plataforma es compatible con más de 25 lenguajes de programación diferentes y brinda a los jugadores la oportunidad de practicar, aprender y competir en concursos de codificación.

Screen-Shot-2021-08-02-at-10.44.38-PM

Una vez que crees una cuenta, puedes empezar con la sección de orientación de nivel principiante. Se te presentarán los conceptos de programación estándar y resolverás mini-retos.

Screen-Shot-2021-08-02-at-10.44.10-PM

CSS Diner

cena-css---platos

En CSS Diner, puedes practicar los conceptos básicos de CSS a través de una serie de 32 desafíos. Esta es una buena manera de familiarizarse con el idioma y divertirse aprendiéndolo.

Los primeros desafíos son cortos y se enfocan en trabajar con clases e ids. Pero a medida que avanza por los niveles, conocerás los pseudo-selectores, el selector first-of-type, el selector last-of-type y el selector universal.

La comunidad ha hecho traducciones en varios idiomas como esta versión en español: Cena CSS.

Screen-Shot-2021-08-02-at-10.55.36-PM

Flexbox Froggy

Screen-Shot-2021-08-02-at-4.05.43-AM

En Flexbox Froggy, aprenderá Flexbox CSS colocando las ranas en los nenúfares correctos. Cuando termines el nivel 24, deberías tener la suficiente confianza como para usar Flexbox en tu próximo proyecto.

Cada desafío proporciona una descripción de las propiedades de Flexbox. Los primeros desafíos comienzan con facilidad, pero a medida que avanzas en el juego, las cosas se complican.

Screen-Shot-2021-08-02-at-11.17.03-PM

Flexbox Defense

Screen-Shot-2021-08-02-at-4.26.01-AM

Flexbox Defense es un juego de defensa de torres que te ayuda a fortalecer tus habilidades de CSS. Coloca las torres para mantener alejados a tus enemigos usando Flexbox CSS.

Los desafíos te proporcionarán definiciones de las propiedades de Flexbox. Una vez que escribas tu código, presiona el botón Start Wave (Iniciar oleada) y verás si has logrado detener a tus enemigos.

Screen-Shot-2021-08-02-at-11.22.57-PM

Grid Garden

Screen-Shot-2021-08-02-at-4.17.37-AM

Aprende CSS Grid pasando por los 28 niveles de Grid Garden. Se recomienda cierto conocimiento previo de CSS Grid, pero no es necesario para empezar con el juego.

Cada desafío proporciona una descripción de las propiedades de CSS Grid. Los primeros desafíos comienzan siendo fáciles, pero a medida que se avanza en el juego las cosas se complican.

Screen-Shot-2021-08-02-at-11.27.18-PM

CodeCombat

Screen-Shot-2021-08-02-at-1.56.36-AM

CodeCombat funciona bien tanto para niños como para adultos. Puedes crear una cuenta gratuita y aprender fundamentos de la programación como bucles, funciones, condicionales y variables.

Puedes elegir el lenguaje de programación con el que quieras empezar y trabajar a través de los juegos.

Screen-Shot-2021-08-02-at-2.03.07-AM

También tienes la opción de pasar a la cuenta premium si te interesa tener acceso a más niveles.

Screen-Shot-2021-08-02-at-2.05.35-AM

Scratch

Screen-Shot-2021-08-02-at-2.16.25-AM

Scratch creado por el Instituto de Tecnología de Massachusetts (MIT, por sus siglas en inglés) es un lenguaje de programación basado en bloques en el que puedes aprender sobre eventos, condicionales, variables y más, creando tus propios juegos y animaciones.

Elije entre docenas de sprites (gráficos), sonidos y fondos para codificar tus propias creaciones y comenzar a comprender los conceptos básicos de programación.

Screen-Shot-2021-08-02-at-2.28.37-AM

Scratch también es el lenguaje utilizado durante la primera semana del curso de Harvard CS50: Introduction to Computer Science (CS50: Introducción a ciencias de la computación).

Tynker

Screen-Shot-2021-08-02-at-2.43.52-AM

Tynker es un sitio donde puedes construir proyectos y jugar juegos usando HTML, CSS, JavaScript, Python y Java. Tienen una extensa lista de proyectos, algoritmos y desafíos de estructura de datos.

Screen-Shot-2021-08-02-at-2.56.25-AM

Puedes crear proyectos en el editor en linea y compartir tus creaciones con la comunidad. Este sitio está dirigido a niños y niñas de entre 5 y 18 años.

Screen-Shot-2021-08-02-at-10.23.31-PM

SQL Murder Mystery

Screen-Shot-2021-08-02-at-8.52.08-PM

SQL Murder Mystery es ideal tanto para principiantes como para desarrolladores experimentados de SQL. Fortalece tu SQl y tus habilidades de resolución de problemas tratando de rastrear al asesino en esta historia policíaca de misterio.

El juego usa SQLite y  antes de comenzar el juego, tendrás que familiarizarte con la estructura de la base de datos .

Screen-Shot-2021-08-02-at-10.17.01-PM

Si estás dado tus primeros pasos con SQL, hay un recorrido detallado para principiantes. De lo contrario, si tienes más experiencia con SQL, puedes sumergirse directamente en el juego.

Untrusted

Screen-Shot-2021-08-02-at-9.16.13-PM

Untrusted es un juego de aventuras en el que puedes poner a prueba tu JavaScript y tus habilidades para resolver problemas. Guía al Dr. Eval a través de una serie de niveles resolviendo desafíos de JavaScript.

Si no tienes mucha experiencia en JavaScript, este juego puede ser un poco avanzado para ti. Pero si has pasado algún tiempo programando en JavaScript, los desafíos son factibles.

Elevator Saga

Screen-Shot-2021-08-02-at-9.20.11-PM

Elevator Saga es un juego de JavaScript en el que atravesarás una serie de desafíos tratando de transportar personas en ascensores de la manera más eficiente posible dentro del tiempo dado.

Una vez que modifiques el código, puedes probar la eficiencia de tu solución haciendo clic en el botón de Start (Inicio), en la esquina superior derecha. Cuando el programa se está ejecutando, puedes consultar las estadísticas para ver si pasas el desafío o no.

Screen-Shot-2021-08-02-at-10.08.06-PM

CheckiO

Screen-Shot-2021-08-02-at-9.30.59-PM

CheckiO es un juego de estrategia en el que puedes aprender TypeScript o Python a través de una serie de desafíos. Una vez que creas una cuenta gratuita, comenzarás con los desafíos para principiantes y te abrirás camino hasta los avanzados.

Screen-Shot-2021-08-02-at-9.48.46-PM

El juego te dará acceso a sugerencias y soluciones de otros jugadores si necesitas ayuda. Resolverás cada uno de los desafíos en el editor en línea y pasarás a la siguiente misión cuando la tarea esté resuelta.

Screen-Shot-2021-08-02-at-9.58.49-PM