Lección 30: Refuerzo | Curso CSS

Lección 30: Refuerzo

Dispones de todo el conocimiento que deseaba transmitirte durante el curso, ahora toca adquirir experiencia propia con casos reales. El momento de equivocarte, desesperarte y aprender de tus errores. Por ello, he listado una serie de ejercicios de refuerzo donde deberás utilizar todo lo que hemos practicado.

El objetivo de todos los restos es implementar cada diseño dentro de tus posibilidades, sin ignorar sus versiones de smartphones y escritorio.

La curva de dificultad esta bien ajustada, no hagas trampas y ¡síguelos en orden!

1: Clean Blog

Previa

Realiza este micro sitio web que costa de las siguientes páginas:

  • Home: Inicio.
  • About: Sobre mí.
  • Posts: Listado de artículos.
  • Single: Un artículo.
  • Contact: Formulario de contacto.

Descarga aquí los diseños.

2: Ex-machina

Construye la siguente web usando Flex.

Previa

Descarga aquí el diseño.

3: Big Blue Button

Construye la siguente web usando Flex.

Previa

Descarga aquí el diseño.

4: Lomo

Construye la siguente web usando Grid.

Previa

Descarga aquí el diseño.

5: Restaurante

Construye la siguente web usando Grid.

Previa

Descarga aquí el diseño.

Esta obra está bajo una Licencia Creative Commons Atribución-NoComercial-SinDerivadas 4.0 Internacional.

Atribución/Reconocimiento-NoComercial-SinDerivados 4.0 Internacional

¿Me ayudas?

No te sientas obligado a realizarme una donación, pero cada aportación me ayuda a mantener el sitio en activo para que continúe existiendo y me motiva a continuar creando nuevo contenido.

Comprame un café
Pulsa sobre la imagen
  • 1 café: Se mantiene el dominio durante 4 meses.
  • 2 cafés: Se liquida 1 mes del Servidor Web.
  • 3 cafés: Se paga 1 mes de Newsletter.

Comentarios

{{ comments.length }} comentarios

Nuevo comentario

Nueva replica  {{ formatEllipsisAuthor(replyComment.author) }}

Acepto la política de Protección de Datos.

Escribe el primer comentario