De la consola a la web: construir una arcade educativa amb Python

Una arcade educativa feta amb Python i Streamlit per passar dels exercicis a un projecte real. Mini jocs, decisions de codi i aprenentatge pas a pas.

Introducció

Aprendre a programar no és només entendre sintaxi. El moment clau arriba quan una idea petita —un exercici, un joc, una prova— comença a créixer i es converteix en un projecte real.

A DeGalaLab Arcade hem convertit una sèrie de jocs senzills en Python en una petita aplicació web interactiva. No amb l’objectiu de crear un producte final perfecte, sinó com a laboratori d’aprenentatge: un espai on practicar lògica, estructures de dades, control de flux i, sobretot, prendre decisions de codi.

Aquesta sèrie de posts explica com hem construït l’Arcade, pas a pas.

Què és DeGalaLab Arcade?

DeGalaLab Arcade és una col·lecció de mini jocs fets amb Python i portats a web amb Streamlit:

  • Endevina el nombre
  • Pedra, paper o tisores
  • El joc del penjat
  • Quiz (mode normal i mode examen)

Són jocs curts, però cadascun està pensat per practicar un conjunt concret de conceptes de programació.

👉 Pots jugar-hi aquí:
https://degalalab-degalalab-arcade-web-app-gndvqy.streamlit.app/

Per què jocs?

Els jocs tenen una cosa molt potent:
ens obliguen a pensar en estat, regles i conseqüències.

Quan programem un joc, encara que sigui molt simple, ens hem de fer preguntes com:

  • Quan s’acaba la partida?
  • Què passa si l’usuari s’equivoca?
  • Què hem de recordar d’una jugada a la següent?
  • Com mostrem el progrés?

Del terminal al navegador

Tots els jocs de l’Arcade van començar com a programes de consola, utilitzant input() i print().

Per portar-los a web, ens va caldre:

  • separar la lògica del joc de la interfície
  • pensar cada acció com un pas independent
  • gestionar l’estat de la partida entre clics

Streamlit ha estat l’eina ideal per fer aquest pont: ens permet mantenir Python com a llenguatge principal i afegir una capa web sense entrar de ple en HTML, CSS o JavaScript.

Com llegir aquesta sèrie

Aquesta no és una sèrie de tutorials per copiar codi línia a línia.

És una sèrie per:

  • entendre decisions
  • veure errors habituals
  • reconèixer patrons que es repeteixen
  • passar de l’exercici a projecte

Cada post se centra en un joc o un salt conceptual.

Estructura de la sèrie

Aquests són els posts que formen (o formaran) la sèrie:

  1. El primer joc en Python: endevina el nombre
    Bucles, condicionals i validació d’entrada.
  2. Pedra, paper o tisores: quan un diccionari és millor que molts ifs
    Regles, aleatorietat i codi net.
  3. El joc del penjat: gestionar estat i errors
    Progrés, intents, lletres usades i UX.
  4. Construir un quiz en Python
    Preguntes, puntuació i feedback.
  5. Mode examen: separar jugar de corregir
    Guardar respostes i avaluar al final.
  6. Portar jocs de Python a la web amb Streamlit
    De input() a botons i sessions.
  7. Publicar el projecte
    GitHub, Streamlit Cloud i mostrar el projecte a DeGalaLab.

Per a qui és aquesta sèrie?

  • Estudiants que ja saben una mica de Python però no saben què fer-ne
  • Persones que s’encallen després dels exercicis bàsics
  • Perfils creatius-tech que volen veure projectes amb procés

Si estàs en aquest punt, aquesta sèrie és per a tu.

Privacitat

L’Arcade no recull dades personals, ni correus, ni informació d’usuari. Tot funciona dins la sessió del navegador i amb finalitats educatives.