Hace bastante años cuando aprendí CSS solo habian manuales y tutoriales aburridos, pero hoy en día gracias al avance de las tecnologías podemos aprender de todo con mayor facilidad, cuando queramos y de forma más entretenida, tenemos de todo al alcance de nuestras manos, siempre digo el que no puede aprender es simplemente porque no quiere.

Hace poco tiempo alguién compartió en Linkedin un sitio llamado Coding Fantasy un sitio web que nos permite aprender CSS jugando, sin aburridos videotutoriales ni guías, su premisa es aprender a codear de forma efectiva y revolucionaria, aplicando ejemplos de la vida real y manteniendote motivado para no perder el foco.

Una vez en el sitio nos da la posibilidad de escoger 3 juegos (uno de ellos aun está en desarrollo) el primero es Flex Box Adventure una mistriosa aventura para ayudar al Rey Arthur derrotar a 3 enemigos utilizando CSS Flex Box. En el que debemos escoger uno de los 3 grados de dificultad. A modo de ejemplo seleccionaremos nivel «Medio» si ya hemos conocemos flexbox.

En los primeros niveles, nos permite ayudar a nuestro personaje a restaurar su HP llegando a un manzana o zanahoria, para ello nos explican que debemos utilizar justify-content para mover a Arthut sobre el alimento.

Así a medida que avanzamos se nos añade mayor dificultad hasta completar los 24 niveles, en cada dificultad podremos luchar con aliados para combatir a los enemigos, los cuales debemos posicionar en el lugar correcto para cumplir el objetivo dado.

El segundo juego es Grid Attack, donde debemos crear filas y columnas y ajustarlas acorde la misión, por ejemplo en la primera misión debemos dejar al enemigo en el área envenenanda (roja) y a nuestro aliado en el area de salud (verde). Pero no te preocupes si no sabes, tienes toda la información necesaria para aprender a utilizarlo.

El ultimo juego es Elon RegEx pero aún esta en desarrollo, sinceramente este es el que más me llama la atención ya que actualmente utilizo regex en mi trabajo para validar datos. El juego tratará de encontrar algo escondido en los tweets de Elon utilizando expresiones regulares.

Asi que si quieres aprender o reforzar tus conocimientos en CSS te recomiendo pruebes alguno de los jueguitos.