Características clave
- Aprenderás HTML5 + CSS3 (Desarrollo de un Proyecto Real).
- Aprenderás a crear tus propios diseños únicos y personalizados usando la última versión Bootstrap 4.
- Accederás a más de 8 horas de grabación en HD, con contenido claro y ejemplos didácticos.
Temario del curso
-
Módulo 1: Introducción a Bootstrap 4
-
Módulo 2: Instalación de Bootstrap 4
-
Módulo 3: Dominando Sistema de Columnas de Bootstrap (Grid)
- Entendiendo el Sistema de Columnas
- Regla 1 del Sistema de columnas de Bootstrap
- Regla 2 del Sistema de columnas de Bootstrap
- Regla 3 del Sistema de columnas de Bootstrap
- Regla 4 del Sistema de columnas de Bootstrap
- Regla 5 del Sistema de columnas de Bootstrap
- Regla 6 del Sistema de columnas de Bootstrap
- Regla 7 del Sistema de columnas de Bootstrap
- Regla 8 del Sistema de columnas de Bootstrap
- Regla 9 del Sistema de columnas de Bootstrap (Parte 1)
- Regla 9 del Sistema de columnas de Bootstrap (Parte 2)
- Regla 10 del Sistema de columnas de Bootstrap
- Regla 11 del Sistema de columnas de Bootstrap
- Regla 12 del Sistema de columnas de Bootstrap
- Regla 13 del Sistema de columnas de Bootstrap (Parte 1)
- Regla 13 del Sistema de columnas de Bootstrap (Parte 2)
-
Módulo 4: Los Colores y tipografías
-
Módulo 5: Los Espaciados
-
Módulo 6: Flexbox usando Bootstrap 4
-
Módulo 7: Clases Utilidades
- Trabajando con Bordes
- Aplicando Bordes avanzados
- Trabajando con Sombras
- Trabajando con imágenes
- ¿Qué es DISPLAY?
- Entendiendo Display: “none” y “block”
- Entendiendo Display: “inline”
- Entendiendo Display: “inline-block”
- Entendiendo Display: “flex” e “inline-flex”
- Insertando las clases DISPLAY
- Insertando clases “DISPLAY RESPONSIVE”
- Usando Embed Responsive
-
Módulo 8: Los Componentes de Bootstrap 4
- ¿Qué son los componente?
- El componente Button – Manejo básico
- El componente Button – Cólores semánticos
- El componente Button – Los diseños Outlines
- El componente Collapse – Manejo básico
- El componente Collapse – Uso avanzado
- El componente Navbar – Manejo básico
- El componente Navbar -Trabajando con colores
- El componente Navbar – Insertando un contenedor
- El componente Navbar – Insertando el Botón móvil
- El componente Navbar – Creamos el menú desplegable
- El componente Navbar – Expandiendo el menú
- El componente Navbar – Trabajando con márgenes automático
-
Módulo 9: Creando nuestro proyecto
- El componente Button – Manejo básico
- Creando un Sitio Web Desde Cero con Bootstrap 4 (parte 1)
- Creando un Sitio Web Desde Cero con Bootstrap 4 (parte 2)
- Creando un Sitio Web Desde Cero con Bootstrap 4 (parte 3)
- Creando un Sitio Web Desde Cero con Bootstrap 4 (parte 4)
- Creando un Sitio Web Desde Cero con Bootstrap 4 (parte 5)
- Creando un Sitio Web Desde Cero con Bootstrap 4 (parte 6)
- Creando un Sitio Web Desde Cero con Bootstrap 4 (parte 7)
- Creando un Sitio Web Desde Cero con Bootstrap 4 (parte 8)
- Creando un Sitio Web Desde Cero con Bootstrap 4 (parte 9)
En este curso de bootstrap gratis te enseñaremos desde 0, todos los secretos de Bootstrap 4. Conocerás las actualizaciones, las ventajas de este Framework y porqué es uno de los más usados para construir páginas web profesionales. Ademas, crearemos una proyecto web utilizando los componentes más populares que incluye.
¿QUÉ ES BOOTSTRAP 4?
Bootstrap es el framework de CSS, HTML y JavaScript más popular, que nos permite desarrollar sitios web que se ajustan a cualquier resolución y dispositivo. Y esto lo consigue, gracias a que incorpora un potente Sistema de columnas Responsive, basado en CSS.
¿CÓMO ESTÁ ESTRUCTURADO ESTE CURSO DE BOOSTRAP GRATIS?
El curso se divide en varias secciones. Empezamos por entender los conceptos “Claves de Bootstrap 4” y “La filosofía Mobile First”, para luego proceder con la descarga e instalación de Bootstrap.
Luego procedemos a crear el diseño del sitio usando solo HTML5 y CSS3 sin usar Bootstrap 4, ya que esto te permitirá entender la manera en la que Bootstrap influye en el desarrollo de tu proyecto.
Luego pasaremos a explicarte el uso de Bootstrap y todas las novedades que nos trae la versión 4. Luego profundizaremos en todos los conceptos necesarios para implementar exitosamente este Framework en tus proyectos, como es el Sistema de columnas, Clases utilidades, Botones, Menús Responsive, etc.
Te invito a que veas cualquiera de las clases que están gratuitas antes de comprar el curso y estoy seguro que desearás ver el resto de este entrenamiento.
Un abrazo y nos vemos dentro del curso.
