Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
ReactJS Game Dev: Crea el Adictivo Juego Dice Merge
Rating: 5.0 out of 5(4 ratings)
39 students

ReactJS Game Dev: Crea el Adictivo Juego Dice Merge

Con TypeScript y dnd-kit, validando merges con recursividad y creando una PWA.
Last updated 6/2023
Spanish
Spanish [Auto],

What you'll learn

  • Aprender a desarrollar un juego completo utilizando ReactJS y TypeScript.
  • Dominar el uso de la librería dnd-kit para implementar funcionalidad de arrastrar y soltar en aplicaciones web.
  • Explorar y comprender el concepto de recursividad en el contexto del desarrollo de juegos.
  • Practicar la creación y uso de componentes reutilizables para mejorar la mantenibilidad y escalabilidad del código.
  • Desarrollar una PWA para una experiencia de juego accesible y offline en dispositivos móviles y de escritorio.
  • Implementar la estructura de datos "Stack" para habilitar el "undo" en el juego y deshacer movimientos.

Course content

10 sections59 lectures18h 37m total length
  • Intro Dice merge11:10

    Introducción al curso y explicación sobre el juego.

  • Mensaje de Bievenida0:33
  • Configuración del Proyecto21:05

    Configuración inicial del proyecto y preparación del entorno de desarrollo.

Requirements

  • Conocimiento básico de programación y comprensión de los conceptos fundamentales de JavaScript.
  • Familiaridad con HTML y CSS para la creación de interfaces de usuario.
  • Experiencia previa con ReactJS y comprensión de los conceptos básicos de componentes y JSX.
  • Conocimiento básico de TypeScript para el desarrollo de aplicaciones con tipado estático.
  • Comprensión de los conceptos de React Hooks y su uso para administrar el estado y el ciclo de vida de los componentes en ReactJS.

Description

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.

Who this course is for:

  • Desarrolladores de software que deseen expandir sus conocimientos en desarrollo de juegos y aplicaciones interactivas utilizando ReactJS y TypeScript.
  • Estudiantes de programación interesados en aprender cómo crear juegos adictivos y desafiantes utilizando tecnologías modernas como ReactJS y TypeScript.
  • Desarrolladores web que busquen mejorar sus habilidades en el desarrollo de interfaces de usuario atractivas y funcionales con ReactJS y CSS.
  • Programadores con experiencia en ReactJS que deseen explorar el uso de librerías de arrastrar y soltar, como dnd-kit, para implementar funcionalidades interactivas en sus proyectos.
  • Profesionales de la programación interesados en adquirir habilidades en el desarrollo de Progressive Web Apps (PWAs) utilizando ReactJS, TypeScript y CSS.