✓ Crear una plantilla básica.  ✓ Revisar los estilos básicos y la tipografía.  ✓ Utilizar los colores con Bootstrap.  ✓ …

Tiempo Total en Video

Producido por

PRIVATE

6 hours, 52 minutes

✓ Crear una plantilla básica.  ✓ Revisar los estilos básicos y la tipografía.  ✓ Utilizar los colores con Bootstrap.  ✓ Trabajar con clases que te ayuden a manejar las imágenes.  ✓ Trabajar con contenedores de rejilla.  ✓ Desplazamiento de columnas.  ✓ Uso de grupos de listas para estilizar listas, botones y enlaces.  ✓ Uso de las migas de pan.  ✓ Revisión de los componentes de diseño.  ✓ Uso de estilos de formulario.  ✓ Trabajar con componentes interactivos.En este programa aprenderás:

Contenido de el curso

    • Bienvenida 00:02:20
    • Instalación 00:06:05
    • Creación de una plantilla básica 00:04:10
    • Autoevaluación de la unidad 1 00:05:00
    • Información general 00:01:39
    • Tipografía básica 00:06:59
    • Utilidades Tipográficas 00:07:31
    • Blockquotes y listas 00:05:21
    • Usando colores con Bootstrap 00:04:31
    • Trabajar con imágenes 00:06:23
    • Variables CSS 00:05:35
    • Selección de texto 00:01:40
    • Autoevaluación de la unidad 2 00:05:00
    • Descripción general 00:01:27
    • Usando contenedores 00:08:33
    • Trabajar con filas y columnas 00:10:45
    • Varias clases de columnas 00:07:28
    • Columnas compensadas 00:02:32
    • Columnas anidadas 00:04:47
    • Orden personalizado 00:03:41
    • Opciones de alineación de cuadrícula 00:07:38
    • Propiedades de visualización 00:10:21
    • Opciones de contenedor Flexbox 00:10:20
    • Elementos flexibles individuales 00:04:23
    • Elementos flotantes 00:04:08
    • Margen y relleno 00:04:49
    • Visibilidad 00:02:55
    • Dimensionamiento de utilidades 00:03:36
    • Usando borders 00:03:42
    • Autoevaluación de la unidad 3 00:10:00
    • Descripción general de la barra de navegación 00:01:47
    • Crear navegación básica 00:07:13
    • Nav 00:02:00
    • Crea una barra de navegación 00:07:59
    • Utilice mark y text 00:06:12
    • Agregar un menú desplegable a la navegación 00:05:44
    • Agregar elementos de formulario 00:04:14
    • Posicionamiento de control 00:03:48
    • Crea contenido colapsable 00:07:57
    • Autoevaluación de la unidad 4 00:05:00
    • Resumen de elementos de estilo básico 00:01:22
    • Crear botones 00:04:19
    • Grupos de botones 00:04:09
    • Usar badge 00:01:55
    • Estilos de barra de progreso 00:06:33
    • Lista de grupos 00:05:32
    • Breadcrumbs 00:03:18
    • Sombras 00:01:58
    • Autoevaluación de la unidad 5 00:08:00
    • Descripción general de los componentes de diseño 00:01:03
    • Agregar un Jumbotron 00:02:53
    • Estilos de tabla 00:07:32
    • Diseños básicos de tarjeta 00:05:06
    • Clases de contenido de tarjetas 00:04:26
    • Diseños de tarjetas 00:05:23
    • Usa el objeto multimedia 00:04:29
    • Autoevaluación de la unidad 6 00:05:00
    • Descripción general de los estilos de formulario 00:00:49
    • Crea un formulario básico 00:04:00
    • Casillas de verificación y clases de radio 00:04:03
    • Opciones de estilo 00:01:38
    • Formas multicolumna 00:07:57
    • Crear grupos de entrada 00:06:01
    • Componentes de formularios personalizados 00:07:11
    • Autoevaluación de la unidad 7 00:05:00
    • Descripción general de los componentes interactivos 00:01:43
    • Agregar Tooltips 00:06:44
    • Mostrar ventanas emergentes o popovers 00:04:46
    • Crear alertas 00:03:49
    • Usar Dropdowns 00:06:53
    • Agregar acordeones colapsados 00:09:33
    • Usar modals 00:09:33
    • Construyendo un Carousel 00:11:35
    • Utilizando Scrollspy 00:05:43
    • Toasts 00:05:06
    • Spinners 00:04:17
    • Pagination 00:03:08
    • Enlaces estirados 00:03:17
    • Incrustar 00:02:59
    • Final 00:00:54
    • Autoevaluación de la unidad 8 00:08:00