Cursos
- Cursos Gratuitos
- Cursos de Pago
Próximos cursos
Membresías
Contacto
Ingresar

¿Alguna pregunta?

(511) 99 631 694

info@aulaideal.com

0

Crear una cuenta Ingresar

Cursos
- Cursos Gratuitos
- Cursos de Pago
Próximos cursos
Membresías
Contacto
Ingresar

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

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
- 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
- Clase1.6
  
  Instalación de extensiones para VScode (parte 2)
  11 min
- Clase1.7
  
  Instalando de Bootstrap usando un CDN
  06 min
- 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
- 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
Módulo 3: 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
Módulo 4: 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
- 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”
  03 min
- Clase4.28
  
  Estilizando el MENU DESPLEGABLE
  09 min
- Clase4.29
  
  Trabajando con media-breakpoint-down()
  10 min
Módulo 5: Modulo 5 Creando la sección PLAN DE ACCIÓN 11
- Clase5.1
  
  Creando el encabezado del PLAN DE ACCIÓN
  10 min
- Clase5.2
  
  Creando una linea divisoria REUTILIZABLE con CSS
  09 min
- Clase5.3
  
  Creando una linea divisoria REUTILIZABLE RESPONSIVE
  04 min
- Clase5.4
  
  Exportando iconos en formato SVG
  05 min
- Clase5.5
  
  Insertando las clases CSS para bordes
  08 min
- Clase5.6
  
  Insertando iconos en formato SVG
  03 min
- Clase5.7
  
  Insertando el contenido para cada PLAN DE ACCIÓN
  06 min
- Clase5.8
  
  Insertando el contenido para todos los PLANES DE ACCIÓN
  08 min
- Clase5.9
  
  Creando las columnas Responsive para los PLANES
  03 min
- Clase5.10
  
  Creando columnas con ROW-COLUMNS de Bootstrap
  03 min
- Clase5.11
  
  Creando sombras nativas de Bootstrap
  06 min
Módulo 6: Creando la sección TE AYUDAMOS 8
- Clase6.1
  
  Creando la estructura de la sección TE AYUDAMOS
  07 min
- Clase6.2
  
  Trabajando con los INPUT GROUP
  06 min
- Clase6.3
  
  Exportando una imagen de fondo para la vista Movil
  09 min
- Clase6.4
  
  Exportando una imagen de fondo para la vista Escritorio
  06 min
- Clase6.5
  
  Creando una descripción Responsive
  06 min
- Clase6.6
  
  Diseñando el formulario para la vista Móvil
  07 min
- Clase6.7
  
  Diseñando el formulario para la vista Escritorio
  04 min
- Clase6.8
  
  Definiendo espaciados Responsive para la sección
  03 min
Módulo 7: Creando la sección PROYECTOS 8
- Clase7.1
  
  Creando el encabezado de la sección PROYECTOS
  05 min
- Clase7.2
  
  Exportando imágenes de cada proyecto
  03 min
- Clase7.3
  
  Implementando el contenedor fluido de Bootstrap
  02 min
- Clase7.4
  
  Creando la galería para la vista Móvil
  05 min
- Clase7.5
  
  Creando las columnas para la vista Escritorio
  03 min
- Clase7.6
  
  Removiendo el espaciado entre columnas
  02 min
- Clase7.7
  
  Creando el efecto Hover de los proyectos (parte 1)
  09 min
- Clase7.8
  
  Creando el efecto Hover de los proyectos (parte 2)
  11 min
Módulo 8: Creando el PIE DE PÁGINA 8
- Clase8.1
  
  Creando la estructura del pie de página
  08 min
- Clase8.2
  
  Creando listas nativas de Bootstrap
  09 min
- Clase8.3
  
  Creando los iconos para REDES SOCIALES
  06 min
- Clase8.4
  
  Estilizando los iconos para REDES SOCIALES
  06 min
- Clase8.5
  
  Creando las columnas del PIE DE PÁGINA
  10 min
- Clase8.6
  
  Columnas responsive para el PIE DE PáGINA
  07 min
- Clase8.7
  
  Optimizando el PIE DE PÁGINA
  05 min
- Clase8.8
  
  Creando los créditos del sitio
Módulo 9: Retoques finales y despedida 4
- Clase9.1
  
  Optimizando los archivos CSS de Bootstrap (parte 1)
  09 min
- Clase9.2
  
  Optimizando los archivos CSS de Bootstrap (parte 2)
  10 min
- Clase9.3
  
  Optimizando los archivos JS de Bootstrap
  08 min
- Clase9.4
  
  Creando un favicon AVANZADO
  10 min

Ir al curso Siguiente

Expandir Mostrar Lecciones

¿Qué aprenderemos en este curso?

Debe iniciar sesion para poder ver lo comentarios

¿NECESITAS AYUDA INMEDIATA?

info@aulaideal.com

+ 511 996 314 694

SOMOS AULAIDEAL

La única empresa especializada exclusivamente en la formación de profesionales usando como cimiento de desarrollo, los 2 mejores Sistemas de Gestión de Contenidos: Wordpress y Joomla.

NOSOTROS

Nosotros
Cursos
Próximos cursos
Membresías

LEGAL & OTROS

FAQs
Política de reembolsos
Términos y condiciones
Políticas de privacidad

ESTAMOS EN

Aulaideal, Inc. Todos los derechos reservados

Iniciar sesión con:

Mi cuenta de Facebook

Mi cuenta de Google Mi cuenta de Instagram

Iniciar sesión:

¿Perdiste tu contraseña?

Recuérdame

¿No eres miembro todavía? Regístrate ahora

Registrar una cuenta

¿Ya tienes una cuenta? Ingresar