Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Crea un Memorama con JavaScript Moderno y otros proyectos
Rating: 4.5 out of 5(64 ratings)
9,679 students

Crea un Memorama con JavaScript Moderno y otros proyectos

Perfecciona tus habilidades de JavaScript empleando los métodos más modernos del lenguaje
Created byJosué Daniel Flores
Last updated 6/2023
Spanish

What you'll learn

  • Aprenderás a crear un juego de tipo memorama con JavaScript además de otros proyectos.
  • Utilizarás funciones y métodos de versiones modernas de JS, entre ellos la API de Fetch para hacer peticiones a servidores o archivos
  • Emplearás clases y programación orientada a objetos con JS
  • Utilizarás métodos para interactuar con el DOM
  • Utilizaremos herramientas externas como Supabase para almacenar datos y posteriormente los llamaremos para interactuar con ellos

Course content

4 sections • 71 lectures • 8h 24m total length

  • Introducción y presentación del proyecto2:13

    No te olvides de descargar la carpeta comprimida que viene en este recurso ya que será el template con el que vamos a trabajar.

  • Muestra del template con el que vamos a trabajar0:58
  • Creando la clase, constructor y sus propiedades3:48
  • Petición vía fetch API y ordenamiento al azar de las cartas10:51
  • Mostrando las cartas en pantalla4:05
  • Comenzando el juego y método para detectar click en la tarjeta9:51
  • Definiendo método para voltear tarjetas2:37
  • Definiendo método para comparar el par de tarjetas4:08
  • Creando el método para fijar el par acertado de tarjetas2:41
  • Definiendo el método para regresar las tarjetas a su estado inicial4:23
  • Corrigiendo detalle de los pares de tarjetas en su estado original3:52
  • Definiendo método para verificar cuando se gane el juego5:09
  • Mostrando los errores en pantalla9:52
  • Estableciendo la selección de dificultad mediante prompt9:34
  • Mostrando el nivel de dificultad en pantalla7:05
  • Llamando al evento para bloqueo de click derecho2:48
  • Resolviendo el detalle del click en la tarjetas correctas13:08
  • Llevando el memorama a un hosting (Netlify)3:21

Requirements

  • Conocimiento básico de HTML y CSS
  • Conocimiento básico de JavaScript o de cualquier lenguaje de programación
  • Interés por aprender

Description

Javascript viene a ser la piedra angular para quienes se dedican al desarrollo web.

Si bien es cierto que HTML y CSS son tecnologías importantes para estructurar y maquetar los sitios web, una de las partes más interesantes y retadoras en el desarrollo web viene cuando tienes que hacer desde una sencilla animación de un botón hasta alimentar de información una página con imágenes, datos, videos o texto y para todo aquello se requiere JavaScript.

La curva de aprendizaje de Javascript tiene sus puntos complejos, sin embargo cuando pones manos a la obra y tienes una guía que te muestre el funcionamiento de ciertas cosas, entonces todo se vuelve más sencillo.

Por eso te presento este curso, en el cual crearás diversos proyectos en JavaScript, entre ellos un memorama, un seleccionador de pizzas, una tabla de estadísticas, entre otros proyectos.

Reforzarás tus conocimientos en este lenguaje y mejorarás tu comprensión de la programación orientada a objetos (OOP) en este lenguaje.

Utilizaremos funciones para interactuar con el Document Object Model (DOM) de JavaScript.

Emplearemos el uso de métodos asíncronos así como la integración de Fetch API para petición de datos a servidores o archivos.

Al finalizar el curso tendrás conocimiento intermedio en este lenguaje de programación y tendrás nuevas ideas para implementar en tus propios proyectos.

Who this course is for:

  • Desarrolladores Web
  • Desarrolladores Frontend
  • Interesados en el desarrollo web y en la programación

Report abuse