Curso de Buenas prácticas con CSS: Layouts

Núria SorianoRafa Gómez

Por Núria Soriano y Rafa Gómez Metodologías y buenas prácticas y Frontend

Domina los layouts en CSS para crear sitios con una estrucutura mantenible y escalable.

Cuando trabajamos con CSS tendemos a aplicar estilos demasiado rígidos que nos dificultan crear layouts responsive, aumentando la necesidad de media queries y creando un código complejo, poco reutilizable y difícil de mantener.

Aunque usemos librerías como Tailwind, Bootstrap o Material, tener unas buenas bases nos ayudará a resolver problemas y detectar si son realmente necesarias para nuestro caso de uso o no.

En este curso vamos a ver ejemplos reales de layouts responsive usando diferentes métodos y a utilizar patrones que van a simplificar nuestro código, haciéndolo más flexible.

Con este curso aprenderás a:

  • Crear layouts mantenibles y reutilizables
  • Cuándo usar cada tipo de unidad (em, rem, ch, vw…)
  • Crear layouts responsive con grid y flex sin necesidad de media queries
  • Cuándo usar grid, flex, u otros métodos de layout
  • Resolver problemas comunes relacionados con position y z-index

Cursos relacionados

Ver catálogo completo

Paga según tus necesidades

lite (sólo mensual)

19 €
al mes
  • Acceso a un subconjunto de cursos para sentar las bases para un código mantenible, escalable y testable
  • Factura de empresa
Popular

standard

24,92 €
Ahorra 121
Pago anual de 299
al mes
  • Catálogo completo de cursos
  • Retos de diseño y arquitectura
  • Vídeos de soluciones destacadas de los retos
  • Recibir ofertas de empleo verificadas por Codely
  • Factura de empresa

premium

41,58 €
Ahorra 89
Pago anual de 499
al mes
  • Todos los beneficios anteriores
  • Acceso anticipado a nuevos cursos
  • Más beneficios próximamente

No subiremos el precio mientras mantengas tu suscripción activa

Curso de Proyecciones en Wallapop publicado en standard

Aprende cómo Wallapop gestiona las proyecciones en sus sistemas

image of changelog

Curso de Embeddings automáticos en Postgres publicado en premium

Delega a la infraestructura la generación de embeddings.

image of changelog

Nuevo contenido en el curso de Proyecciones con Kafka

Aprende a simplificar tus proyecciones utilizando Apache Kafka.

image of changelog

Curso de Buenas prácticas de Programación Orientada a Objetos publicado en premium

Aplica buenas prácticas de la POO en tu código para que sea más mantenible.

image of changelog

Curso de Proyecciones en Wallapop publicado en premium

Aprende cómo Wallapop gestiona las proyecciones en sus sistemas

image of changelog

Curso de Spark: Buenas prácticas y despliegue publicado en standard

Aprende a llevar Spark a producción siguiendo buenas prácticas en el despliegue.

image of changelog

Curso de Ofertas de empleo publicado en standard

Ofertas de empleo verificadas por Codely

image of changelog

Curso de Proyecciones con Kafka publicado en standard

Aprende a simplificar tus proyecciones utilizando Apache Kafka.

image of changelog

Curso de Migración de Datos: De Legacy a Event-Driven Architecture publicado en standard

Aprende a migrar datos de un código legacy a una arquitectura event-driven.

image of changelog

Curso de Auditoría Hemav publicado en standard

Sesión de auditoría en la que revisamos el Diseño y Arquitectura de Software de Hemav.

image of changelog