Desarrollo Web

Bootstrap 4: Maquetación Responsive y Layout

Aprende a maquetar sitios web responsive usando el framework Bootstrap 4.
4.4 (491 valoraciones)
2 horas y 50 minutos · Curso
Bootstrap 4: Maquetación Responsive y Layout

Lo que aprenderás en este curso:

Requisitos del curso

Para realizar este curso se recomienda tener conocimientos previos sobre maquetación web como HTML, CSS y JavaScript.

Valoraciones de estudiantes:

  • 5
  • 4
  • 3
  • 2
  • 1
4.4
491 valoraciones

Contenido del curso:

    • 5m
    • 6m
    • 2m
    • Novedades de BootStrap 4
      6m
    • El entorno de trabajo
      9m
    • Instalación de BootStrap 4
      6m
    • Práctica: Presentación del proyecto
      3m
    • Contenedores BootStrap
      6m
    • El Grid de BootStrap: Las doce columnas
      4m
    • Breakpoints de BootStrap
      3m
    • Práctica: Secciones del proyecto
      4m
    • Columnas: Tamaño definido por el usuario
      9m
    • 7m
    • Saltos de línea en las filas del Layout
      4m
    • El Gutter
      2m
    • Desplazamiento de las columnas
      6m
    • Alineamiento de las filas
      5m
    • Ordenando columnas
      4m
    • Márgenes entre columnas
      7m
    • Anidando filas
      5m
    • Práctica: Maquetando el proyecto
      6m
    • Elementos de texto
      9m
    • Imágenes y Figuras
      7m
    • Tablas
      3m
    • Formularios
      8m
    • El objeto media
      6m
    • Elementos incrustados
      3m
    • Práctica: Elementos multimedia
      4m
    • Utilidades de BootStrap
      3m
    • Práctica: Último retoques del proyecto
      4m
También te puede interesar

Te dejamos una selección de cursos, carreras y artículos

Curso de Django

Curso de Django

4 horas y 12 minutos · Curso

Esta formación de Django ofrece una formación integral en desarrollo web, abarcando desde la instalación y configuración, hasta la creación de modelos, vistas, formularios y …

  • Desarrollo Web
Proyecto con Bootstrap y CSS propio

Crea un proyecto personalizado con Bootstrap y CSS propio

57 minutos y 44 segundos · Taller

En esta formación trabajaremos un proyecto personalizado en Bootstrap con nuestro propio estilo CSS y Variables SASS, usando HTML y JavaScript.

  • Desarrollo Web

Dudas frecuentes

1

¿Cuál es el precio?

En OpenWebinars no vendemos formaciones.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todas las formaciones de la plataforma y a las nuevas que vamos lanzando, siempre y cuando tu suscripción esté activa (como Spotify con la música o Netflix con las películas y series).

¿Eres una empresa? Tenemos planes especiales para ti. Consúltanos aquí.

2

¿Cuándo comienza la formación?

En OpenWebinars las formaciones no tienen fecha de inicio y de final.

Cada curso tiene una fecha de publicación y desde ese día estarán 100% disponible todos los contenidos del curso para los usuarios suscritos a alguno de nuestros planes.

3

¿Obtengo un diploma de certificación?

En todos los cursos existe un examen final para evaluar tus conocimientos adquiridos. Si superas este examen con más de un 80% de preguntas correctas obtendrás el diploma de certificación. Puedes realizar un intento cada 24 horas.

Este diploma es un certificado privado emitido por OpenWebinars, y valorado en el mundo empresarial, ya que tenemos grandes compañías clientes que se forman con nosotros y valoran nuestras certificaciones.

No olvides poner tu certificación en tu perfil Linkedin y en tu currículum.

 

Este curso de Bootstrap 4 está centrado en la formación sobre la maquetación responsive y layout de este framework. Si quieres conocer todos los secretos sobre cómo maquetar con Bootstrap 4, este curso te permitirá convertirte en todo un experto.

Comenzaremos con una introducción al diseño responsivo, qué es y su importancia en la actualidad, además de una breve reseña sobre Bootstrap, por qué utilizarlo y las novedades que presenta su versión 4.

A continuación realizaremos la instalación de Bootstrap 4 y veremos el entorno de trabajo que utilizaremos durante el curso, para que puedas prepararlo en tu equipo para ir practicando al mismo tiempo.

Seguidamente entramos en el primero de los cuatro bloques principales de la formación, el cual se centra en explicar cómo maquetar con Bootstrap. En este amplio bloque verás paso a paso todo el proceso de maquetación, aprendiendo conceptos como contenedores o grid, entre otros, además de comenzar a desarrollar la práctica que llevaremos a cabo durante todo el curso.

Una vez domines todo proceso de maquetación, podrás pasar a ver cómo introducir contenido en las páginas de Bootstrap, ya sea contenido básico como texto, imágenes, figuras, tablas o formularios, como contenido multimedia. Podrás ver también de forma práctica cómo añadir estos contenidos en el proyecto anteriormente iniciado.

Finalizaremos el curso hablando sobre las utilidades de Bootstrap, que nos permitirán realizar muchas más cosas a la hora de desarrollar nuestras webs, y dando los últimos retoques al proyecto práctico para dejarlo listo.

Aprender Bootstrap con nuestro curso te resultará de gran utilidad para obtener conocimientos avanzados sobre este fantástico framework, con el que poder maquetar tus webs de forma profesional.

 

Artículos
Ver todos