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 34

Preguntas 0

Ordenar por:

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

o inicia sesión.

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:

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

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.

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 😁

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/

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/

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.