
Introducción al curso y explicación sobre el juego.
Configuración inicial del proyecto y preparación del entorno de desarrollo.
Creación del primer componente para el juego de dados (dice component) - Parte 1.
Desarrollo de la primera parte del componente grilla (grid component).
Creación del estado para el arrastrar y soltar (drag and drop) utilizando dnd-kit.
Implementación de la ubicación de los dados en la grilla (grid).
Validación de la unión de dados en la grilla (grid).
Guardar el estado de la grilla al arrastrar y soltar (drag and drop).
Implementación de mensajes de puntuación en el juego.
Creación del componente de encabezado (header component) para la puntuación.
Creación del componente de progreso (progress component) para la puntuación.
Implementación del modal para avanzar al siguiente nivel.
Implementación de la funcionalidad de deshacer (undo) en el juego.
Implementación de la funcionalidad de descartar (trash) en el juego.
Implementación de la funcionalidad de la bomba en el juego.
Implementación de la funcionalidad de la estrella en el juego.
Configuración de opciones de sonido en el juego.
Diseño e implementación de las páginas del juego.
Creación de la página "Acerca de" del juego.
Implementación del archivo manifest.json para una Progressive Web App (PWA).
Configuración y uso de Service Workers en la Progressive Web App (PWA).
Aprende a crear el juego Dice Merge desde cero utilizando las poderosas herramientas de ReactJS y TypeScript.
En este curso, explorarás los fundamentos de ReactJS y TypeScript, obteniendo los conocimientos necesarios para construir aplicaciones web interactivas y dinámicas. A medida que avanzas, te sumergirás en el emocionante desafío de crear el juego Dice Merge, un juego de combinación que pone a prueba tu estrategia y habilidades de resolución de problemas.
Utilizando la librería dnd-kit, aprenderás a implementar la funcionalidad de arrastrar y soltar, permitiendo a los jugadores colocar y combinar dados en una cuadrícula de 5x5. Además, descubrirás cómo utilizar la recursividad para validar los merges de dados en la cuadrícula, asegurando una experiencia de juego fluida y desafiante.
Pero eso no es todo. También aprenderás a convertir tu juego en una Progressive Web App (PWA), lo que significa que los usuarios podrán disfrutar de la experiencia de juego tanto en dispositivos móviles como de escritorio, incluso sin conexión a internet. Aprenderás a utilizar las características de una PWA, como el almacenamiento en caché y la instalación en el escritorio, para brindar una experiencia de juego accesible y envolvente.
Construirás habilidades fundamentales en programación, resolución de problemas y diseño de interfaces atractivas, a medida que trabajas en el desarrollo de este emocionante juego. Al finalizar el curso, estarás preparado para crear tus propios juegos y aplicaciones web con ReactJS y TypeScript.