#PlatziWebChallange - Semana #1

Pregunta de la clase:
Jose Antonio Padron Fernandez

Jose Antonio Padron Fernandez

EstudiantePregunta

Escuela de Desarrollo Web by Platzi - Huddle landing page with single introductory section

desktop-preview.jpg

Bienvenida/o 👋

Los retos que encontrarás semana a semana permiten mejorar tus habilidades en un flujo de trabajo de la vida real.

Estás lista/o?

Para realizar este reto, necesita un conocimiento básico de HTML y CSS.

¿Donde encontar todo?

Tu tarea es realizar el reto con los diseños dentro de la carpeta

/design
. Ahí encontrará una versión móvil y de escritorio del diseño a trabajar.

Esto significa que deberá utilizar su mejor criterio para estilos como

font-size
,
padding
y
margin
. Esto debería ayudar a entrenar su ojo para percibir las diferencias en los espacios y tamaños.

Encontrará todos los assets necesarios en la carpeta de

/images
. Los assets ya están optimizados.

También hay un archivo de

style-guide.md
, que contiene la información necesaria, como la paleta de colores y fuentes.

Construyendo tu proyecto

No dudes en utilizar cualquier flujo de trabajo con el que te sienta más cómoda/o. A continuación te muestro el proceso sugerido, pero toma esto como sugerencia y no regla:

  1. Clona éste repo en un repo público desde tu GitHub. Esto hará que sea más fácil compartir tu código con la comunidad si necesita ayuda. Si no está seguro de cómo hacer esto, Lee este recurso - Prueba Git.
  2. Puedes configurar tu repositorio para utilizar GitHub Pages. Esto también será útil si necesita ayuda durante el reto, ya que puede compartir la URL de tu proyecto con la URL de tu repositorio. Hay varias formas de hacer esto, pero recomendamos usar GitHub Pages.
  3. Mia los diseños para comenzar a planificar cómo abordaras el proyecto. Este paso es crucial para ayudarte a pensar en las clases de CSS que podría crear para hacer estilos reutilizables.
  4. Antes de agregar cualquier estilo, estructura tu contenido con HTML. Crear la arquitectura de tu HTML primero puede ayudarte a centrar tu atención en la estructura de tu contenido.
  5. Escriba los estilos base para tu proyecto, incluidos los estilos de contenido general, como
    font-family
    y
    font-size
    .

Compartenos tu resultado

There are multiple places you can share your solution:

  1. Asegurate de tener tu reto terminado en GitHub y GitHub Pages.
  2. Deja el enlace a tu repo en este hilo.
  3. Lanza el hashtag #PlatziWebChallange y @degranda10 mencionandonos la URL de tu hilo para que nosotros y toda la comunidad de Platzi podamos verlo y celebrar contigo.

Diviértete y disfruta creando éste reto ! 🚀

Créditos por el diseño y reto.

Este reto pertenece a la lista de retos de Frontend Mentor

En el Curso practico de HTML y CSS te enseñamos todo lo necesario

110 respuestas
    Matías Wasiak

    Matías Wasiak

    Estudiante

    Allá vamos! 😃😃😃

    Pablo Javier Luengo del Toro

    Pablo Javier Luengo del Toro

    Estudiante

    Let's go!

    Carlos Javier Diaz Flores

    Carlos Javier Diaz Flores

    Estudiante

    Challenge Accepted !!! 💪🏻

    Eligreg López

    Eligreg López

    Estudiante

    Uff, Platzi se está botando con los retos, sii!

    Javier Andrés Moreno Tocarruncho

    Javier Andrés Moreno Tocarruncho

    Estudiante

    Challenge accepted x2 Let's go! 🧐

    Raúl Aguilar Aguilar

    Raúl Aguilar Aguilar

    Estudiante

    ¡Qué bien Platzi con estos retos! Por otro lado, ojalá hagan algo así enfocado a tecnologías móviles. Sería genial una escuela de Desarrollo Móvil.

    Juan Antonio Ortiz

    Juan Antonio Ortiz

    Estudiante

    Tengo menos de un mes en Platzi pero a ver que sale, challenge accepted

    Junior Heriberto Sierra Gomez

    Junior Heriberto Sierra Gomez

    Estudiante

    A por el!!! 😍

    Bianor Sergio Chipile Cari

    Bianor Sergio Chipile Cari

    Estudiante

    Challenge accepted!. Here we go.