Introducción a Bootstrap 4
  • ¿Qué construiremos?
  • Requisitos
  • Entendiendo "Mobile First"
  • Archivos usados en este curso
  • Descargando archivos usados en este curso
Creando el diseño con Adobe Illustrator CC
  • Configuración inicial de Adobe Illustrator CC
  • Creación de una cuadrícula para Bootstrap (parte 1)
  • Creación de una cuadrícula para Bootstrap (parte 2)
  • Definiendo una paleta de colores
  • Diseñando el Homepage Mobil -Encabezado (parte 1)
  • Diseñando el Homepage Mobil - Encabezado (parte 2)
  • Diseñando el Homepage Mobil -La Agencia
  • Diseñando el Homepage Mobil -Tu mejor elección
  • Diseñando el Homepage Mobil - Servicios
  • Diseñando el Homepage Mobil - Galería de imágenes
  • Diseñando el Homepage Mobil - Pié de página
  • Diseñando la pagina interna para Mobil
  • Creando líneas guías para la vista de Escritorio
  • Diseñando el Homepage para Escritorio - Encabezado
  • Diseñando el Homepage para Escritorio - La agencia
  • Diseñando el Homepage para Escritorio - Tu mejor elección
  • Diseñando el Homepage para Escritorio - Servicios
  • Diseñando el Homepage para Escritorio - Últimos proyectos y pie de página
  • Diseñando la pagina interna para Escritorio (parte 1)
  • Diseñando la página interna para Escritorio (parte 2)
Escribiendo el HTML inicial (No Bootstrap)
  • Creando la estructura de carpetas
  • Instalando extensiones para Brackets
  • Codificando el encabezando html5 (parte 1)
  • Codificando el encabezando html5 (parte 2)
  • Entendiendo el formato svg
  • Codificando el html5 -La Agencia
  • Codificando el html5 - Somos tu mejor elección
  • Codificando el html5 -Servicios
  • Codificando el html5 - Últimos proyectos
  • Codificando el html5 -Pie de pagina
Dominando Flexbox
  • Introducción a Flexbox
  • Entendiendo Flexbox
  • Regla 1 de flex
  • Regla 2 de flex
  • Regla 3 de flex
  • Regla 4 de flex
  • Regla 5 de flex
  • Regla 6 de flex
  • Regla 7 de flex
  • Regla 8 de flex
  • Regla 9 de flex (parte 1)
  • Regla 9 de flex (parte 2)
  • Regla 10 de flex
  • Bono adicional-Uso de Order
  • Ejemplo real 1
  • Ejemplo real 2
  • Ejemplo real 3 (parte 1)
  • Ejemplo real 3 (parte 2)
  • Ejemplo real 3 (parte 3)
  • Ejemplo real 3 (parte 4)
  • Recomendaciones finales
Integrando Bootstrap 4
  • Introducción a bootstrap 4
  • Novedades de bootstrap 4
  • Descargando bootstrap 4
  • Compilando e implementado Bootstrap 4
  • ¿Cómo trabajar con Bootstrap 4?
  • Insertando archivos CSS personalizados y variables
  • Insertando fuente de Google Fonts
  • Creando el encabezado con Bootstrap 4
  • Insertando iconos de Font Awesome
  • Creando el bloque buscar
  • Creando el bloque Menú principal
  • Creando elementos colapsables
  • Creando el bloque de bienvenida (parte 1)
  • Creando el bloque de bienvenida (parte 2)
  • Finalizando el encabezado
  • Sistema de columnas - Regla 1
  • Sistema de columnas - Regla 2
  • Sistema de columnas - Regla 3
  • Sistema de columnas - Regla 4
  • Sistema de columnas - Regla 5
  • Sistema de columnas - Regla 6
  • Sistema de columnas - Regla 7
  • Sistema de columnas - Regla 8
  • Sistema de columnas - Regla 9
  • Sistema de columnas - Regla 10
  • Creando el bloque la agencia (parte 1)
  • Creando el bloque la agencia (parte 2)
  • Creando el bloque tu mejor elección (parte 1)
  • Creando el bloque tu mejor elección (parte 2)
  • Creando el bloque tu mejor elección (parte 3)
  • Creando el bloque Servicios (parte 1)
  • Creando el bloque Servicios (parte 2)
  • Creando el bloque Servicios (parte 3)
  • Creando el bloque Último proyectos (parte 1)
  • Creando el bloque Último proyectos (parte 2)
  • Creando el bloque Último proyectos (parte 3)
  • Creando el bloque Pie de pagina (parte 1)
  • Creando el bloque Pie de pagina (parte 2)
De Mobile First a Desktop