Skip to content

Instantly share code, notes, and snippets.

@Noisk8
Last active May 25, 2025 03:38
Show Gist options
  • Save Noisk8/e2fdf410492ebb32f61f6e2b199cbe24 to your computer and use it in GitHub Desktop.
Save Noisk8/e2fdf410492ebb32f61f6e2b199cbe24 to your computer and use it in GitHub Desktop.
Videogames to learn programming 👾 Juegos para aprender programación

🎮 Juegos y Desafíos de Programación Interactivos / \ 🎮 Interactive Programming Games and Challenges

A curated collection of gamified platforms to learn and practice programming in a fun and engaging way.

🎯 CSS and Web Design

  • Description: Interactive game to learn CSS selectors
  • Level: Beginner to Intermediate
  • Features:
    • 32 progressive levels
    • Practice complex CSS selectors
    • Intuitive visual interface
    • Perfect for mastering CSS specificity
  • Description: Help a frog and friends by writing CSS Flexbox code
  • Level: Beginner to Intermediate
  • Features:
    • 24 levels with increasing difficulty
    • Learn properties like justify-content, align-items, flex-direction
    • Immediate visual feedback
    • Available in multiple languages

🔍 Databases

  • Description: Solve a murder mystery using SQL queries
  • Level: Beginner to Intermediate
  • Features:
    • Immersive and entertaining storyline
    • Practice JOINs, WHERE clauses, GROUP BY
    • Real database with multiple tables
    • Unique narrative approach to learning SQL

🌟 General Programming

  • Description: RPG where you code to progress through the game
  • Level: Beginner to Advanced
  • Features:
    • Multiple languages: Python, JavaScript, Java, C++
    • Complete campaign with storyline
    • From basic concepts to complex algorithms
    • Great for both young students and adults
  • Description: Real-time strategy MMO for programmers
  • Level: Intermediate to Advanced
  • Features:
    • Pure JavaScript programming
    • Persistent 24/7 world
    • AI that controls colonies automatically
    • Compete against other real players
  • Description: Coding games in Python and TypeScript
  • Level: Beginner to Advanced
  • Features:
    • Two themed islands: Python and TypeScript
    • Active community with shared solutions
    • Challenges from basic to highly complex
    • Peer code review system
  • Description: Programming challenge platform with games
  • Level: Beginner to Expert
  • Features:
    • 25+ supported programming languages
    • Regular competitions and tournaments
    • Algorithm and data structure problems
    • Real-time multiplayer mode
    • Professional profile for recruiters

💡 Tips to Maximize Learning

  • Start gradually: Begin with basic games if you're a beginner
  • Practice regularly: Dedicate at least 15-30 minutes daily
  • Combine resources: Use multiple platforms for a complete experience
  • Join communities: Participate in forums and groups for each platform
  • Experiment: Don't be afraid to try different approaches

🏆 Recommended Progression

  1. Beginners: CSS Diner → Flexbox Froggy → CodeCombat
  2. Intermediate: SQL Mystery → CheckiO → CodinGame
  3. Advanced: Screeps → CodinGame (competitions) → Personal project development

📊 Quick Comparison

Platform Primary Focus Languages Difficulty Community
CSS Diner CSS Selectors CSS ⭐⭐ Small
Flexbox Froggy CSS Layout CSS ⭐⭐ Small
SQL Mystery Database Queries SQL ⭐⭐ Medium
CodeCombat General Programming Python, JS, Java, C++ ⭐⭐⭐ Large
Screeps Advanced Programming JavaScript ⭐⭐⭐⭐ Medium
CheckiO Problem Solving Python, TypeScript ⭐⭐⭐ Medium
CodinGame Competitive Programming 25+ Languages ⭐⭐⭐⭐ Large

Know any other interesting programming games? Feel free to contribute to this list!

Español

Una colección de plataformas gamificadas para aprender y practicar programación de manera divertida y desafiante.

🎯 CSS y Diseño Web

  • Descripción: Juego interactivo para aprender selectores CSS
  • Nivel: Principiante a Intermedio
  • Características:
    • 32 niveles progresivos
    • Práctica de selectores CSS complejos
    • Interfaz visual intuitiva
    • Perfecto para dominar la especificidad en CSS
  • Descripción: Ayuda a una rana y sus amigos escribiendo código CSS Flexbox
  • Nivel: Principiante a Intermedio
  • Características:
    • 24 niveles de dificultad creciente
    • Aprende propiedades como justify-content, align-items, flex-direction
    • Visualización inmediata de resultados
    • Disponible en múltiples idiomas

🔍 Bases de Datos

  • Descripción: Resuelve un misterio de asesinato usando consultas SQL
  • Nivel: Principiante a Intermedio
  • Características:
    • Historia inmersiva y entretenida
    • Práctica de JOINs, WHERE, GROUP BY
    • Base de datos real con múltiples tablas
    • Enfoque narrativo único para aprender SQL

🌟 Programación General

  • Descripción: RPG donde programas para avanzar en el juego
  • Nivel: Principiante a Avanzado
  • Características:
    • Múltiples lenguajes: Python, JavaScript, Java, C++
    • Campaña completa con historia
    • Desde conceptos básicos hasta algoritmos complejos
    • Ideal para estudiantes jóvenes y adultos
  • Descripción: MMO de estrategia en tiempo real para programadores
  • Nivel: Intermedio a Avanzado
  • Características:
    • Programación en JavaScript puro
    • Mundo persistente las 24/7
    • IA que controla colonias automáticamente
    • Competencia con otros jugadores reales
  • Descripción: Juegos de codificación en Python y TypeScript
  • Nivel: Principiante a Avanzado
  • Características:
    • Dos islas temáticas: Python y TypeScript
    • Comunidad activa con soluciones compartidas
    • Desafíos desde básicos hasta muy complejos
    • Sistema de revisión de código por pares
  • Descripción: Plataforma de desafíos de programación con juegos
  • Nivel: Principiante a Experto
  • Características:
    • Más de 25 lenguajes de programación soportados
    • Competencias regulares y torneos
    • Problemas de algoritmos y estructuras de datos
    • Modo multijugador en tiempo real
    • Perfil profesional para reclutadores

💡 Consejos para Maximizar el Aprendizaje

  • Empieza gradualmente: Comienza con los juegos más básicos si eres principiante
  • Practica regularmente: Dedica al menos 15-30 minutos diarios
  • Combina recursos: Usa múltiples plataformas para una experiencia completa
  • Únete a comunidades: Participa en foros y grupos de cada plataforma
  • Experimenta: No tengas miedo de probar diferentes enfoques

🏆 Progresión Recomendada

  1. Principiantes: CSS Diner → Flexbox Froggy → CodeCombat
  2. Intermedios: SQL Mystery → CheckiO → CodinGame
  3. Avanzados: Screeps → CodinGame (competencias) → Desarrollo de proyectos propios

¿Conoces algún otro juego de programación interesante? ¡Contribuye a esta lista!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment