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 diseñ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 tamañ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 tamañ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 secció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