37

#PlatziRetos: Desafío de Desarrollo Web - Maquetar una Página Web Profesional con base al diseño

111528Puntos

hace 2 años

Curso de HTML y CSS
Curso de HTML y CSS

Curso de HTML y CSS

Aprende a crear sitios web con HTML y CSS. Profundiza en el desarrollo y personalización de páginas web navegables, intuitivas y a la medida de tus necesidades. Crea tus primeros proyectos con Platzi.

Alinear elementos donde realmente los quieres puede ser una tarea sumamente complicada. Afortunadamente, CSS nos permite hacer páginas impresionantes con muy poco esfuerzo. El secreto está en conocer muy bien sus propiedades y funciones.

En este desafío debemos convertir un diseño web en una página 100% profesional. ¡Debe quedar igualita! No basta con que se parezca un poquito. Debe ser una réplica exacta que demuestre nuestras capacidades y hable bien de nuestro trabajo.

¡Manos a la obra!

Plantilla:

Plantilla Diseño Web Unicorn Challenge

Puedes descargar los assets y los archivos de diseño del desafío en el siguiente link: github.com/juandc/web-unicorn-challenge.

Instrucciones:

Para aprobar este desafío debes seguir las siguientes instrucciones:

  • Programar una página web 100% replica del diseño.
  • Hacer deploy de tu página web para que todos podamos ver el resultado en internet. Puedes usar Github Pages, Zeit Now, Heroku o la herramienta que más te guste.
  • Mandar un Issue al repositorio del desafío indicando dónde podemos encontrar tu solución: la URL, el código y una imágen.

Todo esto lo puedes aprender en el Curso Profesional de Desarrollo Web.

Puntos extra:

Para demostrar que tu solución es la más creativa puedes intentar ganar aún más puntos de la siguiente manera:

Conclusión:

La fecha tope de este desafío es el 25 de Julio de 2019. Todas las soluciones que sigan las instrucciones van a aparecer en el repositorio del desafío y las mejores y más creativas van a aparecer destacadas. Sin embargo, aún puedes participar si no entregaste a tiempo tu proyecto y podras aparecer entre las soluciones destacadas (sin contar los primeros puestos).

¡Mucho ánimo y #NuncaParesDeAprender! 🤓💚

Curso de HTML y CSS
Curso de HTML y CSS

Curso de HTML y CSS

Aprende a crear sitios web con HTML y CSS. Profundiza en el desarrollo y personalización de páginas web navegables, intuitivas y a la medida de tus necesidades. Crea tus primeros proyectos con Platzi.
Juan David
Juan David
juandc

111528Puntos

hace 2 años

Todas sus entradas
Escribe tu comentario
+ 2
Ordenar por:
3
20623Puntos

Desafío aceptado buen hombre. 🧐

1
111528Puntos
2 años

¡¡¡Vaaaaaamoooos!!! 💪

2
6755Puntos

Desafío aceptado!
"Que empiece el juego "

1
111528Puntos
2 años

Uhhhhhhhhh!!

2

@juandc se puede usar algún framework

1
111528Puntos
2 años

¡Claro! De hehco, ganas puntos extra 😬

2

Qué fuente haz utilizado para el diseño? , no la he visto en los assets

2
111528Puntos
2 años

¡Uy! Lo siento… Fue Dosis… 😌

2
2 años

Gracias por compartir la fuente.! 👍

Si tienes el diseño en Adobe XD seria genial, ayuda mucho con los margin, padding, FontSize, sobras y demás medidas para que el resultado sea el mismo.

1
111528Puntos
2 años

Lo siento, no uso Windows 😭…

2
111528Puntos
2 años

Figma.

1
111528Puntos
2 años

¡Está en el repositorio!

2
9776Puntos

Challenge accepted

2
10887Puntos

Puedo usar el diseño para implementar mi portafolio? me gustó mucho.

2
111528Puntos
2 años

¡Mejor aún! ¡Puedes mejorarlo, completar el desafío y usarlo en tu portafolio! ¡Pero completa el desafío para que quedes en los primeros puestos! 😊💚

2
7981Puntos

Estoy entre los primeros videos del curso y ya me ponen un desafío?

Haber si lo logro hacer apenas termine el curso. 😃

2
3936Puntos

Muy buen desafio para practicar lo aprendido en Platzi!!

1
111528Puntos
2 años

¡Tu puedes, brother! 💪

2

Reto cumplido 👋

y los ustedes Platzi students como van ?

Necesitan consejos o ideas ?

2
434Puntos

Buen desafío, manos a la obra!!!

1
8861Puntos

Me parece muy bueno el ejercicio, solo tengo unas dudas.

Que sucede con el footer ? y con el maquetado en version movil? . mencionas que podemos agregar secciones pero tambien indicas, que se debe de ver exactamente igual pero no tenemos referencia de la version movil. y cada compañero puede tener una idea diferente sobre la version movil. por lo tanto entonces ya no seria exacta.

concidero que seria buena idea mostraras las versiones escritorio y movil ya que en base al diseño entonces si, podremos agregar las secciones que sea. pero ya teniendo la referencia de como debe de quedar la web.

sin embargo gracias por la iniciativa me parece una excelente idea. deberia de haber mas, este tipo de propuestas.

Saludos a la comunidad. ✌

1
111528Puntos
2 años

Hola!

Por eso digo que puedes hacer tu propia versión del diseño, y cuando digo que debe quedar exactamente igual me refieron a que debe serlo con respecto al diseño que uses como guía, sea la plantilla por defecto o la nueva que creaste (seguramente con versión móvil).

👍

2
8861Puntos
2 años

Oky juan muchas gracias por la aclaracion saludos ✌

1
111528Puntos
2 años

¡Claro! ¡No olvides resolver el reto! 😏💚