Like si tienen el Diploma del PRIMER CURSO DE PROGRAMACIÓN básica 😎😎😎
Fundamentos de Programación
Bienvenida a Platzi: ¿qué necesitas para tomar el curso?
Programación en Navegadores: Primeros Pasos
Crea tu primer sitio web
Sitios web con HTML
Estructura de árbol en HTML
Instalando tu primer editor de código
Cómo declarar variables y usar prompt
Algoritmo de piedra, papel o tijera
Algoritmo avanzado de piedra, papel o tijera
Aleatoriedad
Refactor del código usando funciones
Ciclos
Gana 3 veces
Archivos de HTML y JavaScript
¿Qué es el DOM?
Quiz: Fundamentos de Programación
Desarrollando un juego con HTML y JavaScript
Maquetación con HTML
Sección de elegir mascota
¿Dónde ubicar la etiqueta script? Conectando HTML con JavaScript
Escuchando eventos con JavaScript
addEventListener
Manipulación del DOM
Enemigos aleatorios
Ataques en JavaScript
Ataques aleatorios del enemigo
Imprimiendo ataques del enemigo
¿Ganaste, perdiste o empataste?
Tablas de verdad
Creando el contador de vidas
¿Quién ganó el juego?
Reiniciando el juego
Ocultando elementos HTML con JS para mejorar la UX del juego
Quiz: Desarrollando un juego con HTML y JavaScript
Estilos con CSS
Anatomía de CSS
Tipos de display
Flexbox
Modelo de caja
Imágenes para los Mokepones
Estilos del botón
Adaptando HTML al diseño del juego
Layout: título y ataques
Adaptando JavaScript al diseño del juego
CSS Grid
Responsive Design
Detalles finales
Quiz: Estilos con CSS
Optimización de código
Revisión de código
Don't repeat yourself (DRY)
Clases y objetos
Clases y objetos de Mokepon
Arrays o arreglos
Objetos vs. arreglos
Ciclos: manipulando el DOM con iteradores
Declaración lenta de variables
Una sola fuente de la verdad
Mascotas aleatorias con arreglos
Ataques dinámicos por cada mascota: extraer
Renderizado dinámico en HTML
Eventos de click dinámicos
Secuencia de ataques del enemigo
Iniciando el combate
Resolviendo el reto de condicionales
Optimizando el frontend del juego
Quiz: Optimización de código
Mapa con canvas
Introducción a canvas: dibujando con JavaScript
Moviendo a Capipepo hacia la derecha
Movimiento hacia todas las direcciones
Movimientos con el teclado
Imágenes y personajes de fondo
Métodos en las clases
Obstáculos y colisiones
Combate entre mokepones colisionados
Mapa responsive
Botones bonitos y viewport
Quiz: Mapa con canvas
Backend: videojuego multijugador
¿Qué es backend?
Instalación de Node.js y NPM
Terminal de comandos y Node.js
Servidor web con Express.js
HTTP, localhost, servidores y puertos
Express.js y fetch: API REST con JavaScript
JSON y POST: mokepon online
Transmisión de coordenadas
Mokepones dinámicos en el mapa
Optimizando el mapa del juego
Batalla entre jugadores
Consumiendo la API de ataques del enemigo
Quiz: Backend: videojuego multijugador
Próximos pasos
Probando el juego en varios dispositivos
¿Y ahora qué curso tomar?
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Freddy Vega
Aportes 129
Preguntas 24
Like si tienen el Diploma del PRIMER CURSO DE PROGRAMACIÓN básica 😎😎😎
Like los que acabaron este curso en 2022 💚
Un mes haciendo el curso, no entiendo como algunos los “terminaron” en un par de dias pero bueno XD
Me gustaría compartir mi codigo pero esta un poco desordenado aun, así que dejo un par de capturas mientras hago la v 2.0 😄
Acá empieza realmente la carrera de muchos y es el inicio de futuros desarrolladores, emprendedores, marketers, etc. y es donde empieza la magia de esta industria. Éxito a todos en sus carreras y vidas que si siguen aprendiendo sin parar, el día de mañana serán quienes guíen nuestro mundo.
¿Alguien más ya lleva años programando pero se hizo el curso por gusto XD? Me encantan estos profes
Suerte a todos en su exámen ojalá lo pasen!!! y sigan con el curso de git y github les va a servir mucho! 💪💚
Por fin termineeee y con muchos bugs kdalsjdklsajdklasjda
En fin, los corregiré, pero por ahora a seguir aprendiendo! 😄!
La energía que tiene el profe Juan es tremenda!!
freddy me pone nervioso :v
Felicitaciones a todos los profesores, que hicieron parte de este curso muy bueno. Ya que para mi fue el nitro de seguir con esta bonita carrera de programación, y a mi compañeros tambien les doy las gracias ya que a veces no entendía algo y miraba el chat.
Ya esto no es seguir un sueño es una meta, NUNCA PARES DE APRENDER:))
Cuentenme los que ya son desarrolladores, ¿que cosa nueva aprendieron? ¿Cúal fue eso nuevo que aprendieron y que dijeron: “wow tantos años programando y eso no lo sabia”?
Empiezo yo: el tema del canvas no lo conocia muy bien, me gusto mucho aprender ese tema. 👍
Excelente curso! sabia cero de programación y esto me ha ayudado mucho a tener las nociones de front end y backend. Lo culminé aproximadamente en mes y medio. Felicito a todos los prof. en especial a @Juan porque explica de una forma muy entretenida y responde todas las dudas
Que genial curso!, El primer comentario del final!
Saludos a todos, espero hayan aprendido un montón.
¡¡Nunca paren de aprender!! 😎
El curso esta muy bueno jejej
like si lo completaron
¡¡¡ GRACIAS PLATZI !!!
Dios los siga bendiciendo 😃
Vamos por más, esto recién comienza.
NUNCA PARAR DE APRENDER 💚
Sueño con tener mi Startup y ser el primer unicornio de mi país, soy de Bolivia 💓💛💚
Fase 1 terminar todo el curso.
Fase 2 Reparar el código.
(La fase 2 solo se detiene en caso de emergencia… Llorar no es considerado una emergencia)
terminé todo el curso usando windows 7 32 bits xd
A punto de dar el examen…DENME SU FUERZA MUCHACHOS!!!
Increíble !!!
Se supone que esto es programación Básica y es gratis pero este curso va mas allá, estoy muy contento, este curso me enseño el camino para entrar a la industria de la tecnología !!!
💚💚💚💚💚💚💚💚💚💚
Estoy fascinada con este curso en serio se nota una gran diferencia con el primero, todos los profes increibles, muchas gracias por tanto. Mi juego tiene algunos errores pero por estos dias mis cerebro esta frito. Me despejaré haciendo algunos proyectos pequeños y volver con todo. Ya me cambie de carreraaaaaa !!! Entonces debo estudiar para mis nuevas materias CURSO DE MATEMÁTICAS DISCRETAS VOY POR TI 😍 Saludos y abrazos a cada persona que ha hecho y hace posible todo esto. PD: Algún dia los conoceré :3
Felicitaciones al equipo de Platzi por este curso excelente! 💚
Fredy Vega es una inspiración para mi, como diría un niño pequeño, cuando crezca quiero ser como el 😃
Uff este curso es como pasarse el Dark Souls pero una ves que lo terminas y pasaste por todas las dificultades UFFFFF que bien se siente, muchas gracias a todos los profes!!
Les contaré cómo empecé este curso y que gracias a la dedicación que le di y a Dios, hoy 17 de agosto del 2022 lo culmine, veía un curso en Udemy Academy de full stack que por cierto es bueno el curso, pero había una clase que no entendía un tema y decidí autodidactamente ver en Youtube unos tutoriales para profundizar más, en unos de los vídeos que me salieron en Youtube había uno que no tenía nada que ver con el tema jaja pero me dio mucha curiosidad, era un vídeo de platzi, donde Juan David explicaba como hacer el juego de piedra papel o tijeras en 10 minutos o algo así era el vídeo, el punto es que en el vídeo me vendieron un curso el cual es este, de programación básica gratis y yo ingresé y empecé a ver las clases y yo super encantado, sentí que estaba aprendiendo muy rápido y que eran conocimientos que me iban a perdurar, o mejor dicho que me perdurarán bastante, y ahora me encuentro orgulloso de mí mismo pq aprendí mucho con este curso, y ahora tengo que retomar el que estaba viendo de udemy que es un poco más avanzado y bueno también hay muchos más cursos que quiero hacer tanto aquí en platzii como en Udemy, estoy encantado de este curso, gracias a todos 🤟🏼
https://estebanchica07.github.io/Mokepon-V1/
https://github.com/estebanchica07/Mokepon-V1
Hola compañeros, con emoción comparto mi código en Github y unas imagenes de los resultados obtenidos. Siento que la útilma parte del curso enrendó todo un poco pero creo que es tiempo de avanzar, fueron muchos los conocimientos adquiridos en este viaje y agradezco a todos los profes sus enseñanzas.
![](chicoss de los comentarios , su ayuda fue fundamental para que muchos llegáramos aquí 💚 se merecen todos un postre de limón y tres leches. de no ser por ustedes me hubiera quedado en este bucle:
Sin duda este curso cuando empecé a aprender a programar hubiera sido fundamental y me hubiera evitado muchas perdidas, pero pues en costo beneficio de tiempo y material pues ya aprendí en otros lados más de la mitad del curso y tocan temas que prefiero profundizar xd.
Pero el curso está excelente para personas que apenas inician, intermedios o incluso avanzados con tiempo libre, practicas muchas habilidades en un proyecto divertido
Gracias por este curso gratis, aprendí muchísimo. Estuvo tan bueno que ni siquiera no tener internet en mi casa me detuvo de verlo, hasta le pedí la contraseña del wifi a mi vecina. Saludos desde Venezuela, Dios los bendiga. A seguir aprendiendo, una sola persona, ni un solo libro, ni un solo curso tiene todas las respuestas que buscas, así que a seguir buscando respuestas tomando lo bueno y provechoso que cada recurso aporta
Pregunta y aporte:
Reto culminado, de aquí tengo claro que salgo para el curso de Git y Gihub, pero después no estoy segura con que seguir, cuantos de uds están en las mismas? Que hicieron para saber que están escogiendo bien su lugar en el mundo de la tecnología?
Para conseguir trabajo tengo experiencia en data analyst pero tengo una vocesita dentro que me dice que me valla por el Frontend, la gente te pregunta ¿Qué te gusta ? pero al ser tan nueva en esto es como si me pidieran opinion de varios platos en un restaurante que es completamente nuevo para mi
Viendo la ultima clase, y aún no enendí la primera.
Grandes!!!
Se agradece que este curso sea gratis, creo que sirve bastante para empezar a generar una visión general de lo que es la programación, como interactúan los diferentes scripts de diferentes lenguajes, además de ir aprendiendo cierto vocabulario y técnicas muy útiles. Ahora lo negativo es que creo que hay momentos en los que va demasiado rápido, y cuesta mucho entender lo que esta pasando en el código, limitándote a una dinámica de solo replicarlo sin generar errores de tipeo. El resultado final del juego fue un poco decepcionante, teniendo en cuenta la duración del curso y la profundidad de algunas clases, creo que el curso se podría balancear, y lograr un juego un poco mas pulido. A pesar de todo esto, no deja de ser un buen curso teniendo en cuenta que es gratis. Muchas gracias
We F**king did it! :’)
cambien anime por curso : )
Felicitaciones para todos los profesores y quienes colaboraron en la elaboración de este gran curso.
Y para los iniciados bienvenidos, esto es solo una pequeña parte de lo que encontraran en esta gran comunidad.
este curso me ayudo mucho, como hacer algo completo fue genial, me dio muchas ideas, para hacer en otros codigos, se pude hacer el mismo juego en java python, cuando puede conectar para que puedieramos jugar con el wifi de la casa fue algo super genial la verdad me exploto la cabeza y me motivo muchisimo.
Estuve detallando todo el contenido del curso y esta una maravilla omee 😄😄, agregado en mi ruta de aprendizaje!
Primero que nada y antes que todo, quiero agradecer a cada uno de los profesores de este curso, por brindarnos su tiempo y conociemiento🫶
#NuncaParesDeAprender💚
Juan! me encanta como te comunicas.
Vamos a sumar mas empresas a esos 4!
😃
Si llegaste hasta acá, felicidades.
Volveré por uds bugs 😅 cuando aprenda mucho más.
Gracias por el curso, ahora si a presumirlo con nuestros conocidos.
Les mando un saludo a todos los docentes y los estaré viendo en sus cursos para seguir aprendiendo con ustedes y darles dolores de cabeza (también aporto en los comentarios 😎).
Ánimo.
muchas gracias aprendi muchisimo, este es apenas el principio pero tengo fe de que llegare lejos. 😃
Algo a tener en cuenta: estoy por cumplir 1 año en Platzi, y cambiaron 3 veces el listado de cursos dentro de la Escuela de Videojuegos. 2 de esas 3 veces me retrocedieron el puntaje que llevaba completado. No se si pasa lo mismo con el resto de las escuelas, pero personalmente resultó frustrante ver mi avance disminuido. Incluso luego de escribirles por mail, lo único que recibí fue un mail genérico y ninguna respuesta concreta. Les recomiendo guardarse algun tipo de listado al empezar una escuela, para saber que cursos agregaron o quitaron cuando vuelvan a hacer estos cambios.
Yo viendo solo el ultimo video, nomas pa saber de que trata👧🏻😎
gracias por las clases , no sabiendo nada de programación logre terminar el curso en 3 meses pero lo volveré a repetir desde el inicio para entender mejor porque cada vez que repetía una clase entendía mejor .
también gracias a los compañeros que animaron a seguir y a sus aportes de cada uno grande 🤩
Cuando empecé con esto, solo había pensado en programar. Y efectivamente!
Programé mucho. Sin embargo, me di cuenta de mas cosas.
1.- Freddy TENIA RAZÓN.
Aunque sea desafiante, amenazante y sobre todo emocionante, no siempre vamos a hacer todo este proceso. La mayoría de las veces vamos a llegar a paginas o aplicaciones ya hechas. Y vamos a leer mucho código ya funcional. Pero eso no significa que no sepamos hacer eso que leemos.
2.- La importancia de planificar la aplicación.
Conforme íbamos trabajando, se hicieron muchas modificaciones que se pudieron evitar sabiendo a donde queríamos llegar.
Sin embargo, así es el mundo real. Durante la marcha hay cambios.
Y también las aplicaciones crecen y deben optimizarse.
En pocas palabras, esta fue una probada de la realidad. Grandioso curso!
Ya quiero especializarme!
Mucho a éxito!
Vamos por mucho más!
👨💻🤓🥳💦🌱🔥
Quiero felicitarnos a todos en general quienes llegamos hasta esta última clase, pese a los múltiples errores que tuvimos en el código nunca nos echamos para atras, toda esa disciplina y perseverancia demuestran que tenemos habilidades y destrezas que hay que aprovechar, no se rindan nunca y recuerden que luego de la tormenta siempre viene la calma!
Dos meses para terminar el curso, pero se aprendio algo !!!
Un grandioso curso, gracias A los profesores y a seguir aprendiendo 😃
termine todo a la perfeccion, a lo que sigue…
super emocionado la verdad pense que no hiba apoder muchas veces me rendi pero al otro dia estaba con mas fuerza y logre despues de 1 mes jajajajajja creo que necesito unas vacaiones
Gente subí mi primera página es el piedra papel o tijera pero mejorado con botones acá el link
Piedra, papel o tijera
Excelente curso bendiciones.
Excelente Curso, la verdad me dejo sorprendido como evolucionamos con el conocimiento, los catedraticos saben del tema y lo describen de una forma facil de comprender… cambiemos el mundo gracias a Platzi !!!
Buenisimo
Lo que es freddy y juan david, me inspiran mucho, enseñan muy bien
Muchas muchas gracias por este curso!!! 🙏🙏🙏
excelente curso!!
localhost 777
😊 Si vas a renovar o activar tu suscripción anual en Platzi, 😊 Con el siguiente enlace 😎 👉🏼 https://platzi.com/r/WDRoa 👈🏼 😎 puedes adquirir un mes adicional ¡GRAAATISS! 😱😱😵😵😍😍🤤🤤
SUPER INTERESANTE EL CURSO , RECOMENDABLE
Fueé un curso muy completo, muy retador!!! Y aunque hubo ciertas cosas que no me gustó (como la falta de respuestas en el curso), creo que ha sido buena idea adquirir acceso a platzi… Gracias a todos los profesores y sobretodo al prf @Juan David Castro Gallego, realmente siento que le aprendo demasiado a el.
Estoy muy emocionado de que al fin todos nosotros logramos superar este gran reto. 🥹
ㅤ
Este no es mi primer programa, pero ha sido el que mayor tiempo, esfuerzo y conocimiento he invertido. 😎
ㅤ
Actualmente estoy por cursar a 4to semestre en Ingeniería en Cómputo y de hecho apliqué todo lo que he aprendido sobre programación y más. 🤘
ㅤ
Estoy muy emocionado por mi programa. 😌
ㅤ
Felicidades a todos los que aprobaron este grandioso curso. 🥳🎉
ㅤ
Recuerden, Platzinautas, NUNCA PAREN DE APRENDER
ㅤ
ㅤ
Además de todos los cursos que Freddy, Juan y los demás profesores nos llegaron a recomendar, les quiero recomendar algunos de los que he tomado.
ㅤ
Les dejo una lista en donde vienen mis notas, plataformas y canales que recomiendo para nunca parar de aprender:
ㅤ
Mis recursos
ㅤ
Puenden echarle un vistazo al código fuente por si quieren aprender sobre MarkDown y LaTex.
ㅤ
Quizá en un futuro abra mi propio sitio web en donde publique todas mis notas y demás.
Se logro acabar, casi me rindo a la mitad pero lo logre. 🥳🥳🥳
muchas gracias a todos ❤️
Este curso se me hizo mucho más pesado de lo que estaba acostumbrado a que fuese un “curso básico” de programación. Muchas cosas no entendí, tuve errores particulares que me tomó un rato encontrar, muchos fueron errores ortográficos, falta de declarar alguna variable o función entre otros. a pesar de no entender todo al 100, por que entiendo este curso buscó abarcar muchas más cosas que el anterior, si veo que funciona para darse una empapada de todo y buscar algo que nos interesa para tomar esos cursos más enfocados en ciertos temas.
Esto no es un camino fácil, y lo digo por que igual sigo teniendo muchas dudas en cuanto a programación, sigo estando en nivel básico, pero es algo que requiere dedicación y persistencia, no rendirse al primer error, al primer tema que no se entiende, y si de verdad deseamos superar esas barreras, seguir estudiando, investigar la información necesaria, y muy importante, pedir ayuda a alguien que sepa más que nosotros.
Es muy fácil rendirse, yo lo he hecho muchas veces, pero para alcanzar algo, requiere esfuerzo y sacrificio, enfocar nuestra mente y dedicación para lograr algo que por eso nos lo propusimos, cada quien a su paso, esto NO ES UNA COMPETENCIA, es aprender. Espero que si alguien lee esto, le sirva para continuar.
Buenisimo el curso, no parece basico y eso lo hace padrisimo, lo unico que queda a deber es la parte de backend pero bueno
voy a llorar :, )
Noten como el profe Juan no se queda quieto, habla con las manos, mientras que Freddy nunca las suelta , el profe Juan me representa lol , ojala algún día trabajemos juntos tqm.
Muchas gracias Platzi!
Gracias a Platzi por el inicio de un sueño una carrera
Felicitaciones a todos los que lo han terminado! Llegar hasta aquí no fue fácil! Así que nos felicito!
A los profes gracias por la candidez, la emoción, los dolores de cabeza y las veces que quise dejar todo y su forma de enseñar me hicieron seguir. Estuve internada en UTI y este curso me ayudó a salir cuando no podía levantarme de la cama al volver a casa, fue la excusa para salir de la cama a diario. Les debo mas que la enseñanza.
Y a Patzi en general, Gracias por el alcance a vs cursos.
Fue un placer hacer este curso 🥰, es genial que este gratis porque hay algunas personas que no se pueden costear algun curso (quizas porque aun andan estudiando) como yo, GRACIAS
Que ORGULLO tan grande haber llegado hasta aqui, MUCHAS GRACIAS 😃
Gracias por el curso. Llegamos al final. ¿Y ahora?
Créditos a @ric.arellano92 !!!
Para evitar el error “mokepon.js:448 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘nombre’)” lo que hice fue agregar un if que evalué si el mokepon existe o no, esta validación también se aplica en la parte de pintar mokeponEnemigo:
//---------------------Al recuperar enemigos--------------------------
mokeponesEnemigos = enemigos.map(function (enemigo)
{
let mokeponEnmigo = null
if(enemigo.mokepon != undefined)
{
const mokeponNombre = enemigo.mokepon.nombre
switch (mokeponNombre)
{
case "Hipodoge":
mokeponEnmigo = newMokepon('Hipodoge', './assets/mokepons_mokepon_hipodoge_attack.png', 5, './assets/hipodoge.png', enemigo.id)
break
case "Capipepo":
mokeponEnmigo = newMokepon('Capipepo', './assets/mokepons_mokepon_capipepo_attack.png', 5, './assets/capipepo.png', enemigo.id)
break
case "Ratigueya":
mokeponEnmigo = newMokepon('Ratigueya', './assets/mokepons_mokepon_ratigueya_attack.png', 5, './assets/ratigueya.png', enemigo.id)
break
default:
break
}
mokeponEnmigo.x = enemigo.x
mokeponEnmigo.y = enemigo.y
}
return mokeponEnmigo
})
//---------------------------------Al tratar de pintar enemigos----------------------------------------
mokeponesEnemigos.forEach(function (mokepon)
{
if(mokepon != undefined){
mokepon.pintarMokepon()
revisarColision(mokepon)
}
})
Re subí la respuesta de @ric.arellano92 porque estuve rompiéndome la cabeza durante una semana y quiero que otros lo puedan solucionar, ya que desde las carpetas del curso da error.
Saludos y recuerden: Nunca Se Rindan, Nunca Paren de Aprender.
logrado, despues de posponerlo muchos meses!!
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?