Aprende Inglés, Programación, AI, Ciberseguridad y más a precio especial.

Antes: $249

Currency
$209
Suscríbete

Termina en:

2 Días
19 Hrs
50 Min
56 Seg
Curso Práctico de JavaScript

Curso Práctico de JavaScript

Juan David Castro Gallego

Juan David Castro Gallego

Comparte tu proyecto y certifícate

28/28

Lectura

Si llegaste hasta aquí es porque estás a punto de terminar el curso, y seguramente vienes trabajando en tu proyecto: Tienda Online Interactiva ¡Te felicito por poner en práctica tus habilidades!

...

Regístrate o inicia sesión para leer el resto del contenido.

Aportes 73

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Qué reconfortante se siente llegar hasta el final de un curso

Un tremendo curso. Muy bien explicado y super desafiante! Me encantó. De los mejores que he tomado en Platzi junto con el de Git y GitHub.

Dejo mi proyecto deployado en Github Pages:
https://mgobeaalcoba.github.io/Frontend-Developer-Con-Javascript/

Mi proyecto:

ver

Comparto mi poryecto, tarde dos semanas después de terminar el curso para ponerle casi todo lo que quería, lo convertí en un poryecto personal real, y si bien me gustaría añadirle más cosas, ya llegará el momento con otras herramientas en hacerlo. Comparto el link para verlo, agreguen prouctos, elijan talla, quitenlos, y envien el pedido a través de WhatsApp. Recibo comentarios de mejora. Gracias comunidad!
Vamos por el siguiente paso.

https://estebanchica07.github.io/neska-store/
https://github.com/estebanchica07/neska-store

Mi Proyecto:

https://ankush888.github.io/curso-frontend-developer-javascript-practico/
===============================================-

Cumplí con el contrato profesor Juan…llegué hasta el final…así que procederé a seguir con el siguiente curso que es Taller Práctico de JavaScript: Matemáticas y Estadística Básica

Sigo esta ruta actualmente.

Estoy muy feliz!
Estas preguntas me hicieron pensar sobre lo que he estado haciendo y el progreso que he tenido. También sobre el camino que resta por recorrer.

Apreciar y darles cariño a las cosas que haces es demasiado importante. Solo así puedo comenzar un nuevo ciclo con más energía y motivación que antes. Fue un momento de darme una palmada en la espalda y decirme… Kepp going man! You’re doing well.

Deploy1:

🎯: Añadir interacción a una tienda virtual con JS contribuyendo a un proyecto existente.
✅Demo: https://lnkd.in/erSkMDbc
✅ Repositorio: https://lnkd.in/epX4tv6B
🗨 Antecedentes: El proyecto inicialmente estaba diseñado con #html y #css y consta de componentes elaborados por separado (reto del curso de Estefany) y almacenado en un repositorio remoto de GitHub.
A partir de ese proyecto:
1️⃣ Se realizó una copia de ese repositorio ( un #fork en GitHub) para realizar las propuestas en esa copia y no modificar el original.
2️⃣ Se crearon 3 archivos para fusionar todos los componentes de la vista principal de una tienda virtual y darle interacción:
• fusion.html: para la fusión del código HTML de los componentes.
• fusion-styles.css: para la fusión del código CSS de los componentes.
• main.js: representa el código JS incorporado para lograr la interacción entre los componentes.

3️⃣ Los componentes fusionados son:
•Menú de navegación de la cabecera
•Menú desplegable para desktop
•Menú desplegable para mobile
•Carrito de compras
•Lista de productos
•Detalle de cada producto

4️⃣ Se ejecutó un pull request en GitHub para enviar las propuestas al dueño del proyecto original (simulación de un entorno de trabajo real).
5️⃣ Se generó una demo utilizando GitHub pages, es por eso que haciendo click en el enlace podrán visualizar el proyecto e interactuar.

💙Funcionalidades agregadas en clase:
🔵Las interacciones funcionan tanto en mobile 📱 y desktop 💻 porque tiene un diseño responsive.
🔵Se puede desplegar un menú de opciones dándole click (evento en JS) al correo electrónico en la vista desktop 💻 y al ícono de menú en la vista mobile. 📱
🔵Se puede desplegar el carrito de compras dándole click (evento en JS) al ícono de carrito de compras. (📱 y 💻)
🔵La lista de productos ha sido renderizada a partir de un array lo que va a permitir agregar más productos fácilmente.

🧡 Funcionalidades agregadas como reto:
🟠Los detalles de producto (se activan al hacer click en su foto – evento de JS) han sido renderizados a partir de un array.
🟠Se puede desplegar dichos detalles de producto dándole click a la foto de cada uno debido a un evento de click (evento en JS) entre 2 elementos creados directamente en JS.
🟠Una vez abierto los detalles de producto, se puede cerrar dándole click (evento de JS) al ícono de la “X”.
🟠Se agregó interacción entre cards de detalles de producto: si el usuario tiene una activada puede activar otra sin necesidad de cerrar la anterior.
🟠El carrito de compras ha sido renderizado a partir de un array (objeto de JS)
🟠Se añadieron estilos (con CSS) al menú mobile, carrito de compras y a los detalles de cada producto para mejorar su contraste.

Gracias juan david castro

Dopamina de la Buena jajaja!

Mi proyecto
https://smillerr.github.io/yardSaleProject/
Repo
https://github.com/smillerr/yardSaleProject
Añadí varias funcionalidades, sientete libre de dejarme un comentario para mejorar en el futuro

Mi Proyecto
Adicional a lo visto en clase incluí los componentes de el menú en “my orders” y “my account” también hice dinámica la información contenida en el componente de “detalle producto”.

Link https://jangely23.github.io/curso-front-end/

Repositorio https://github.com/jangely23/curso-front-end.git

Y al final lo mas dificil es evaluar el avance de aprendizaje, me siento muy contento con lo aprendido y creo que cada dia estoy mas cerca de cumplir mi sueño de ser un desarrollador, todavia no se en que area especializarme (sigo aprendiendo diferentes lenguajes y sus propositos), pero siento que estoy mas cerca de lograrlo, gracias profe JuanDC.

Le acabo de agregar login, cards personalizadas y experiencia de apertura de cards no hardcodeada a mi tienda y no puedo mas del orgullo!!!

https://mgobeaalcoba.github.io/Frontend-Developer-Con-Javascript/

Se aceptan feedbacks!

aqui mi aporte del proyecto, aunque aun le falta mucho por colocarle…aprendi mucho de este curso, la mejor manera de aprender mas rapido en poniéndolo en practica … https://joseangelayalaz.github.io/online-store-useing-javascript/

Muy contento por poder repasar estos conceptos y refrescar un poco el trabajo con JavaScript!

Aquí dejo mis apuntes de Javascript en Notion, lo voy a ir actualizando a medida que complete los siguientes cursos

https://past-viola-f01.notion.site/Javascript-229d846b6ca8418eb9aa5a877da5e793

Mi proyecto (aún requiere mejoras pero es un proyecto por partes):

https://dr1602.github.io/cpfd-javascript-platzi/

que gran curso Juan! gracias.

Pensé que no terminaría mi tienda online volví muchas veces al curso de la profe Estefany para recordar HTML y CSS. Pero estoy igual de orgulloso de proyecto como el profe Juan DC así que me siento muy feliz de haber llegado tan lejos 😁

Mi proyecto [Menú (jp-ajin.github.io)](https://jp-ajin.github.io/frontend-dev-javascript/index.html)
Mi proyectito: [Tienda de cosas (cazoni007.github.io)](https://cazoni007.github.io/curso-frontend-developer-practico-javascript/)
<https://kimatias.github.io/Curso-frontend-developer-javaScript-practico/>
Después de algunos ajustes, logre tener una versión que añade y quita productos del carrito de compras, asimismo suma las cantidades y las puede descontar si las quitas (aún hay detalles a mejorar en el código general): PAGINA MUESTRA: <https://joel042919.github.io/curso-frontend-developer-practico/> GITHUB: <https://github.com/Joel042919/curso-frontend-developer-practico>
Buen día, comparto mi proyecto: <https://mayraguarin.github.io/Clase-Platzy-JavaScript/> y repositorio: gh repo clone MayraGuarin/Clase-Platzy-JavaScript Gracias

Muchas gracias por el curso.

Mi humilde parte en este proyecto. Tengo un bug con el total del carrito al eliminar un producto y si alguno tiene una idea de cómo solucionarlo o quiere colaborar para arreglarlo dejo el link del repo también: **Proyecto desplegado:** [**https://juanvidev1.github.io/frontend\_practico/**](https://juanvidev1.github.io/frontend_practico/) **Link del repo:** [**https://github.com/juanvidev1/frontend\_practico**](https://github.com/juanvidev1/frontend_practico)

Mi deploy del proyecto en Github: https://markoteixido.github.io/YardSale/

😊 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! 😱😱😵😵😍😍🤤🤤

estuvo muy interesante la clase

buen curso, les presento el proyecto de este curso: <https://juancamilogarcue.github.io/curso-practico-frontend-developer-javascript/index.html>

Este fue mi proyecto, desmore mucho pero lo logre gracias ❤️
https://patitotrucado.github.io/curso-frontend-developer-javascript-practico/

un curso muy completo y muy bien explicado, con ciertos desafios que despiertan la curiosidad a seguir aprendiendo y a mejorar nuestro diseño, dejo el link de mi proyecto que seguire actualizando: https://bill2186.github.io/curso-frontend-developer-JAVASCRIPT-practico/

Acá mi proyecto.

Espero mejorarlo mas adelante.

https://curso-frontend-basico-js-chuchosr.netlify.app/

Disfruté muchísimo este curso, fue muy grata la experiencia. Estoy emocionadísima, xoxoxo

Un exelente curso muchas gracias, aqui dejo el link de la pag. https://diomedes1233.github.io/curso-frontend-developer-javascript-practico/

Aquí mi pull requests:
https://github.com/platzi/curso-frontend-developer-practico/pull/1869

y mi deploy:
https://agusdev212.github.io/curso-frontend-developer-practico/

Comentar, que agregué las funcionalidades de agregar al carrito desde el ícono de cada producto y desde la el detalle de cada producto. También agregue la funcionalidad de eliminar productos del carrito de compras, entre muchas otras funcionalidades que a mi criterio, deberían ser.

Gratificante llegar al final del curso; comparto mi proyecto: https://dariojim01.github.io/curso-frontend-developer-javascript-practico/

Hola a todos este es mi proyecto:
repositorio en github: https://github.com/EnriqueIllexas/Yard-sale
view general: https://enriqueillexas.github.io/Yard-sale/

Juan David Castro Gallego simplemente felicitaciones por tu energía para dar el curso. Desde la primer clase fue todo y se mantuvo de manera genial. Las explicaciones fueron super simples.

Yo soy ingeniero, enfocado en el campo de data, hasta ahora honestamente no sabía como funcionaba del todo bien una página web, había leído de “Manipulación del DOM” y se oía algo super complicado y que va, es de lo más divertido, agradezco mucho al profesor Juan David por responder mi pregunta eterna de “¿Como se manipula la web HTML desde el JS?”.

que curso me recomiendan empezar despues de haber termindo el jascript practico

examen
Resumen
1.
¿Qué palabra reservada usarías para crear una variable que pueda cambiar su valor en el futuro?

let
2.
¿Cuál es la diferencia entre declarar e inicializar?
Declarar es indicarle a JavaScript que crearemos una variable con cierto nombre. Inicializar (o reinicializar) es asignarle un valor a esa variable.
3.
¿Cuál es la diferencia entre parámetro y argumento?
Las funciones reciben parámetros cuando las creamos. Y les enviamos argumentos cuando las ejecutamos.
4.
¿Cuál será el resultado de la siguiente operación: 123 + “456”?

123456
5.
¿Cuál será el resultado de la siguiente operación: “Juan David” + “Castro Gallego”?

Juan DavidCastro Gallego
6.
¿Es posible crear variables a partir de otras variables?
Verdadero
7.
¿Cuál método o propiedad de los arrays nos permite leer la cantidad de elementos de un array en JavaScript?
.length
8.
¿Cuál es la diferencia principal entre arrays y objetos?
En los arrays cada elemento se puede diferenciar por su índice o posición. En los objetos cada elemento tiene su propio nombre clave.
9.
¿Cómo podemos convertir un objeto en un array?
Object.values(nombreObjeto) u Object.keys(nombreObjeto)

¿Cuál de las siguientes formas NO FUNCIONA para ejecutar código JavaScript AUTOMÁTICAMENTE cada vez que abrimos un documento HTML?
Copiando y pegando manualmente el código en la consola del navegador cada vez que abrimos o recargamos una página.
11.
¿Qué herramienta de JavaScript nos permite seleccionar elementos de HTML?
Todas las respuestas son correctas.
12.
¿Qué herramienta de JavaScript nos permite editar elementos de HTML?
innerHTML
REPASAR CLASE
13.
¿Qué herramienta de JavaScript nos permite crear un elemento HTML de tipo img?
document.createElement(‘img’)
14.
¿Para qué sirve el event.preventDefault?

Para evitar que los eventos ejecuten su acción por defecto (por ejemplo, recargar la página al completar un formulario).

Ya tienes en JavaScript una variable input1 que selecciona un input de tu HTML. ¿Cómo puedes leer el valor que escriban los usuarios en ese input?

Ambas respuestas son correctas.

Here is my project. I hope y’all like it

https://zaprovic.github.io/project-01-v2/

Yo hice el proyecto sobre la tienda de una persona cercana, y así se ve: https://betsyastudillo.github.io/thewolves/
Agradezco cualquier recomendación que tengan para mí

Saludos estudiantes de Platzi!

Aqui les dejo mi demo del proyecto: https://carlitoxe.github.io/curso-frontend-developer-javascript-practico/

Hola mi gente!
Por acá dejo el link a mi GitHub
Creémos comunidad, sígueme y te sigo!

me gustó y me gustaría darle un toque personal, pero eso se lo dejaré a mi portafolio 😉

Que grande Juan! Un curso con categoría y muy desafiante, es muy reconfortante llegar hasta este punto! Gracias Totales
Comparto mi proyecto con algunos cambios:

https://sebassg7.github.io/Curso-Practico-JS/

Detalles adicionados:

  • Menu-mobile con animacion de entrada y salida.

  • Menu-desktop con sombra.

  • Shopping Cart con los productos modificados.

  • Detalle del producto con los detalles específicos de cada producto de la lista principal.

Link de mi proyecto:
https://jsalegria16.github.io/StoreProjectWithJS/index.html

Link De mi repo:
https://github.com/jsalegria16/StoreProjectWithJS

Agregué las siguientes funcionalidades:

  • Agregar al carrito de compras
  • Eliminar del carrito de compras
  • Precio total del carrito de compras
  • CAda prodicto tiene su propia ventana de detalles
  • Agregar productos al carrito desde el aside de detalles del producto.

No creí que llegaría al final. ¡Gran curso! A seguir adelante.
https://eliodiez.github.io/curso-frontend-practico-y-cursojava/

Un final de muchos otros finales, nos vemos en otros cursos. ❤️

Estoy muy satisfecha con este curso y motivada a seguir adelante con mi formación.
Yo soy Dra. en Física, pero estoy buscando darle un giro a mi carrera, y aunque ya cuento con la estructura lógica y matemática no tenía ni idea de como se hacían las aplicaciones web y demás.
Me siento muy contenta de estar aprendiendo todo esto.
Les dejo mi proyecto hasta el momento,

Espero ir mejorandolo conforme avance en mis cursos.

Buen Curso, Buen Instructor aqui dejo lo desarrollado en el Curso:
https://jajque.github.io/curso-frontend-developer-javascript-practico/

Muchas gracias Juan por este excelente curso!! Muy intenso y con un montón de cosas nuevas para mí! Aprendí mucho y me sirvió para terminar de dar sentido a los cursos anteriores que vengo tomando, ya que se integraron y aplicaron conocimientos previos.
A seguir así!

Lo logreee!!!..buenisimo el curso.!!! Aprendi muchisimo
Github Page: https://vienatatiana.github.io/JS-practico/

Todavia no esta terminado ya tiene mucho css y java pero le falta todo lo que es base de datos.

pronto podran ver en https://www.bpochange.com.ar/ no puedo compartir aun el codigo porque es de mi propio sitio en produccion.

Mi proyecto! le agregue algunas funcionalidades y lo personalice a la marca de ropa que tengo, espero que les guste! recibo toda opinion para mejorarla!
https://arguellomati.github.io/Waved/Waved-main/

De todos los cursos que he estudiando acá en Platzi, creo que este es el que más gratificante me a resultado.

Hola a todos. soy nuevo en este mundo y estos fueron los resultados que obtuve en este curso. La verdad quedé muy contento con ellos aunque me gustaria que cada producto mostrara su propia descripción, imagen y texto. si alguno sabe como hacerlo, agradeceria su ayuda de todo corazón.
–> https://vforisaac.github.io/nuclear-mart <–

este curso me ayudó demasiado para fortalecer mis conocimientos, gracias al profesor por enseñar de una manera en la que uno le pueda entender

Que tal profe, escribo aquí porque me parece que vos respondés más rápido, me salió la actualización del platzi rewind, y no se si es error pero me sale que aprendí durante 304 minutos, lo cual equivale a poco más de 5 horas, me parece que está contando lo máximo que estudie de minutos seguidos, pero lo lanza como una métrica global de 2022, me imagino que es un error.
Muy bueno el curso, pero me ha costado mucho sobre todo lo de las funciones en JavaScritp, pero ahi vamos comparto dos proyectos que trabaje, pero el segundo ha sido a punta de prueba y error 1. Proyecto de la clase con sus cambios y modificaciones <https://nardila888.github.io/proyectoclase.github.io/> 1. Proyecto en el que estoy trabajando pero con el cual he aprendido y comprendido mejor algunas cosas <https://nardila888.github.io/Mi-Proyecto_Encuestas_Cur_Prac-JavaScript/>