¿Quieres un simulador laboral?

Clase 24 de 24 • Taller Práctico de JavaScript: ¡Crea tu Primer Videojuego!

Resumen

Nombre del curso: Taller Práctico de JavaScript: ¡Crea tu Primer Videojuego! Profesor: Juan David Castro Gallego. Director del curso: Carlos Gómez. Producción OPS: Lizeth Cáceres. Creador audiovisual:Susana Pinilla. Video editor/Editor de vídeo:Hugues Joubert. Diseñador Gráfico:Carol Baquero. Coordinación: Andrés Arizmendy, Daniel Gutierrez, Carol Baquero, Carlos Céspedes. Sura Cedeño, Sara Hernández. Revisión: Xavier Medina, Eloy Chávez.

Tommy Toala Cox

student•

Seria muy loco un simulador laboral! reeeeloco, apoyo la moción

Diego Toro Cárdenas

student•

Los laboratorios, LULA y ahora los simuladores. Lo mejor de Platzi.

Cada vez esta valiendo más nuestra inversión!!

Beder Danilo Casa Condori

student•

cierto

Barbara Barrueta

student•

seria muy bueno el simulador laboral.

Josue Cerron Tuesta

student•

Eso bro!

Orlando Rodriguez

student•

Un curso espectacular ⭐⭐⭐⭐⭐ Gracias Juan David, has crecido mucho como profesor.

Frandel Corporan Rodríguez

student•

Un Alien está perdido en el espacio y necesita de tu ayuda para poder llegar su planeta muy pronto porque una lluvia de meteoritos presenta una amenaza latente y quiere salvar su hogar.

Vive esta aventura junto a este ser en tiempo récord. Ah y ¡Cuidado con los asteroides!

Try Now: https://frandeldev.github.io/minijuego/ Repository: https://github.com/FrandelDev/minijuego/tree/main

PIERO GP

student•

gracias bro

Barbara Barrueta

student•

gracias por el curso, me gusto y sirvió mucho para practicar javascript, con variables, funciones, condicionales, entro otros conceptos.

Josue Cerron Tuesta

student•

igual a mí!

Josue Cerron Tuesta

student•

Yo creo que sería genial la idea de simuladores. Con datos reales pasados y que nos desafíen a solucionarlo. Apoyo la idea Platzi!

Lisandror Antonio Oyer Rosal

student•

Gracias Juan David. Muy entretenido, ya inventaré algo. Saludos

Josue Cerron Tuesta

student•

Asi es bro!

Edgar Oliveros

student•

acabo de entender el concepto del astronauta, brutaaaal!

Laura Muñoz

student•

Estoy para un simulador laboral !!

Himar Del rio plata

student•

Yo también apoyo totalmente la idea de los simuladores laborales. Me encanta! Por estas razones son por las que Platzi es lo mejor 💚

Josue Cerron Tuesta

student•

Me tomaré mi tiempo para resolver los retos.

Eduard Barrios

student•

apoyo la idea del simulador, y agradezco mucho este curso, realmente una joya para practicar todo lo relacionado con arrays y condiciones

Rubén Ernesto Aragón Gil

student•

Gracias de nuevo profe. Juan. Estoy dispuesto a tomar ese curso que comenta. Cuente conmigo y mi consistencia en aprender aquí en Platzi.

Aaron Carhuaricra

student•

Yo apoyo y hasta le pongo nombre al curso: "Curso de Practicas Profesionales de JS" porque en si es lo que hace no? casos reales que podemos ver con Devs Profesionales. Por ultimo JuanDC eres un genio con ideas geniales, gracias por todos estos cursos 💚

Henry Alexander Velásquez Rosas

student•

Importante 📌

Hey comunidad!!! Espero estén todos bien. Tengo una duda sugerencia para el equipo de Platzi.

¿Cómo puedo saber mi nivel en alguna rama en específico dentro de Platzi? Creo que es muy importante agregar una rama o ruta para tener pruebas técnicas donde simulemos el desarrollo de proyectos que permitan medir el nivel de cada desarrollador. Esto para saber qué conocimientos nos faltan y poder mejorar según nuestra especialización. Al ser novato esto me gustaría mucho y sería un plus extraordinario para la plataforma. ¿Que opinan? 🤔

Juan Castro

teacher•

Henry, has visto los laboratorios? https://platzi.com/web-labs/

Henry Alexander Velásquez Rosas

student•

Me encanta!!! ¿Qué otras cosas me estoy perdiendo de Platzi???

Frandel Corporan Rodríguez

student•

Estoy muy de acuerdo con la idea de los simuladores

Gianluca Enzo Procopio

student•

Muy buen curso Juan!

David Fernando Estacio Quiroz

student•

Si quiero

Maria Soledad Lanfranconi

student•

Es muy buena la propuesta para el curso de simulador laboral

¿Quieres un simulador laboral?

Introducción

Programemos un juego con JavaScript

Canvas

¿Qué es canvas en JavaScript?

Tamaño del canvas y sus elementos

Canvas responsive

Mapa del juego

¿Qué es un array bidimensional?

Arreglos multidimensionales en JavaScript

Refactor del mapa de juego

Movimientos del jugador

Eventos y botones

Objeto playerPosition

Limpieza de movimientos

No te salgas del mapa

Colisiones

Detectando colisiones fijas

Detectando colisiones con arrays

Victoria: subiendo de nivel

Derrota: perdiendo vidas

Bonus: adictividad

Sistema de vidas y corazones

Sistema de tiempo y puntajes

¿Qué es localStorage?

Guardando records del jugador

Deploy

Depurando errores del juego

Desplegando el juego a GitHub Pages

Próximos pasos

Reto: reinicio del juego

Reto: timeouts de victoria o derrota

¿Quieres un simulador laboral?