Accede ¡Hasta 50% de descuento por aniversario! Aprovéchalo para EDcamp.¡Sube a premium!

Maquetación web

Aprende a llevar tus diseños (mockups) a código HTML y CSS con buenas prácticas

<p>La maquetación es una de las partes más descuidadas del desarrollo frontend, porque requieres de buenas prácticas de HTML y CSS para llevar los diseños o mockups (provenientes de Figma o Adobe Xd) a código. En este curso aprenderás tres formas de maquetación web: con código puro HTML y CSS, con el framework Tailwind CSS y con Bootstrap.</p>

Recomienda esta carrera a tus amigos

Contenido de la carrera


Tailwind CSS desde cero

1. Tailwind CSS desde cero

Aprende a diseñar sitios web únicos y responsive con Tailwind. El framework CSS con un nuevo paradigma: ser altamente personalizable.

¿Qué aprenderás?

  • Introducción
  • Conceptos básicos
  • Maquetación del sitio web I
  • Maquetación del sitio web II
  • Menús y Responsive design
  • Transiciones y animaciones
  • Formularios y optimización

Jairo Ushiña

Básico7 horas4.7

Maqueta la landing page de la Mac mini con HTML, CSS y JS

2. Maqueta la landing page de la Mac mini con HTML, CSS y JS

Refuerza tus conocimientos y buenas prácticas en HTML, CSS y JS recreando la landing page de la Mac mini M1

¿Qué aprenderás?

  • Configuración del proyecto y navegación principal
  • Banner principal y la sección del video de presentación
  • Creando el grid con las características de la Mac Mini pt. 1
  • Creando el grid con las características de la Mac Mini pt. 2
  • Creando la sección de diferentes usos para la Mac Mini
  • Creando el grid con las características de la Mac Mini pt. 3

Alexis Mora

Intermedio9 horas4.9

Crea un clon de YouTube con HTML y CSS

3. Crea un clon de YouTube con HTML y CSS

Refuerza tus conocimientos y buenas prácticas en HTML y CSS recreando la interfaz de YouTube.

¿Qué aprenderás?

  • Primeros pasos en el proyecto y creando la cabecera principal
  • Creando la navegación lateral
  • Creando el contenido de la página principal
  • Creando la página de visualización de videos pt.1
  • Creando la página de visualización de videos pt.2

Alexis Mora

Básico5 horas4.9

Diseña un sitio web con Bootstrap 5

4. Diseña un sitio web con Bootstrap 5

Aprende a crear sitios web responsive con el framework CSS desarrollado por Twitter

¿Qué aprenderás?

  • Introducción a Bootstrap 5
  • Utilidades y herramientas de layout en Bootstrap 5
  • Comencemos a crear nuestro portafolio personal en Bootstrap 5
  • Agregaremos a nuestro proyecto un formulario de contacto

Eugenio Chaparro

Básico5 horas4.5
Maquetación web
Jairo Ushiña
Alexis Mora
Eugenio Chaparro

Carrera (4 cursos)26 horas

Maquetación web

$121$74 USD

Accede de por vida a esta carrera

Mostrar precios en

O actualiza a premium y accede a todos los cursos

Pregunta a ChatEDT