De Adobe Illustrator a Bootstrap 5: ¡De Cero hasta Experto!

• Módulo 1: Introducción al curso

  9
  • Clase1.1
    ¿Qué aprenderemos en este curso? 04 min
    Gratis
  • Clase1.2
    ¿Cómo utilizar los recursos de este curso? 02 min
  • Clase1.3
    Descargar recursos usados en este curso
  • Clase1.4
    Instalación de herramientas básicas 08 min
  • Clase1.5
    Instalación de extensiones para VScode (parte 1) 09 min
    Gratis
  • Clase1.6
    Instalación de extensiones para VScode (parte 2) 11 min
  • Clase1.7
    Instalando de Bootstrap usando un CDN 06 min
    Gratis
  • Clase1.8
    Instalando de Bootstrap usando los archivos compilados 07 min
  • Clase1.9
    Instalando de Bootstrap usando los archivos fuentes 10 min

• Módulo 2: Analizando lo nuevo de BOOTSTRAP 5

  13
  • Clase2.1
    Soporte nativo para RTL (parte 1) 09 min
  • Clase2.2
    Soporte nativo para RTL (parte 2) 09 min
  • Clase2.3
    Integrando RFS (Responsive Font Sizes) 13 min
  • Clase2.4
    Integrando Bootstrap Icons (parte 1) 09 min
  • Clase2.5
    Integrando Bootstrap Icons (parte 2) 11 min
    Gratis
  • Clase2.6
    Bienvenido Breakpoint XXL (parte 1) 10 min
  • Clase2.7
    Bienvenido Breakpoint XXL (parte 2) 11 min
  • Clase2.8
    Bienvenido Breakpoint XXL (parte 3) 07 min
  • Clase2.9
    Las nuevas clases de espaciado de columnas (parte 1) 09 min
  • Clase2.10
    Las nuevas clases de espaciado de columnas (parte 2) 07 min
  • Clase2.11
    Entendiendo la nueva API de utilidades 08 min
  • Clase2.12
    Trabajando con la nueva API de utilidades 11 min
  • Clase2.13
    Las nuevas clases CSS que trae Bootstrap 5 09 min

• Definiendo detalles antes de convertir

  6
  • Clase3.1
    Instalando las Fuentes para el diseño 02 min
  • Clase3.2
    Gestionando el espacio de trabajo en Adobe Illustrator 07 min
  • Clase3.3
    Trabajando con la herramienta “Selección” y “Zoom” en Adobe Illustrator 10 min
  • Clase3.4
    Definiendo el patron de colores 10 min
  • Clase3.5
    Definiendo el tipo de fuente en Bootstrap 09 min
  • Clase3.6
    Definiendo del tamaño y color del texto 08 min

• Creando el encabezado del sitio

  29
  • Clase4.1
    Entendiendo la estructura del encabezado 07 min
  • Clase4.2
    Implementando el componente Navbar 11 min
  • Clase4.3
    Personalizando el componente Navbar 09 min
  • Clase4.4
    Personalizando los enlaces del Navbar 05 min
  • Clase4.5
    Integrando Bootstrap Icons en el Navbar 07 min
  • Clase4.6
    Integrando el enlace “Iniciar sesión” en el Navbar 05 min
  • Clase4.7
    Centrando los enlaces del Navbar 03 min
  • Clase4.8
    Creando el bloque “Bienvenidos” 04 min
  • Clase4.9
    Trabajando con las nuevas clases d-grid y gap 09 min
  • Clase4.10
    Creando columnas responsive con Bootstrap 06 min
  • Clase4.11
    Sobrescribiendo las variables SASS del Navbar 07 min
    Gratis
  • Clase4.12
    Sobrescribiendo las variables SASS del componente Button 09 min
  • Clase4.13
    Implementando las Media queries NATIVAS de Bootstrap 08 min
  • Clase4.14
    Exportando imágenes en Adobe Illustrator para la vista móvil 11 min
  • Clase4.15
    Exportando imágenes en Adobe Illustrator para la vista Escritorio 03 min
  • Clase4.16
    Integrando las imágenes de encabezado con CSS 07 min
  • Clase4.17
    Insertando un capa semi-transparente al encabezado 07 min
  • Clase4.18
    Implementando las nuevas UTILIDADES DE CENTRADO 05 min
  • Clase4.19
    Entendiendo el posicionamiento ABSOLUTO y RELATIVO 09 min
  • Clase4.20
    Entendiendo las nuevas UTILIDADES DE CENTRADO 09 min
  • Clase4.21
    Insertando el logo en el encabezado 05 min
  • Clase4.22
    Definiendo el tamaño del BOTON MOVIL 08 min
  • Clase4.23
    Cambiando el icono del BOTON MOVIL cuando esta activo 11 min
  • Clase4.24
    Personalizando el ICONO INGRESAR 04 min
  • Clase4.25
    Últimos detalles para la sección BIENVENIDOS 12 min
  • Clase4.26
    Creando una utilidad personalizada CSS “ORDEN DE CAPAS” 10 min
  • Clase4.27
    Implementando la utilidad CSS “ORDEN DE CAPAS” 04 min
  • Clase4.28
    Estilizando el MENU DESPLEGABLE 09 min
  • Clase4.29
    Trabajando con media-breakpoint-down() 10 min