Qué es bootstrap | render2web

Auto-reproducción
Autocompletar

Conferencia anterior Completar y Continuar

Megacurso de Bootstrap 4 de Cero a Maestro

Introducción

Qué es bootstrap (7:16)
Nuevas funciones en Bootstrap 4 (7:09)
Instalación de herramientas para el curso (13:51)
Instalación de bootstrap en local (17:50)
Instalación de bootstrap desde CDN (8:18)

Fundamentos

Que es un Framework y Porque Usarlo (12:49)
Unidades de Medida CSS Rem y Em (14:29)
Fundamentos de Flexbox (26:06)
Puntos de Quiebre Bootstrap 4 (10:08)
Estilos Css Personalizados (5:39)

Sistema de Rejilla

Rejilla Responsive (13:27)
Ancho Igual, Multifila, Auto Layout y Ordenamiento (16:24)
Compensado u Offset (5:20)
Alineación de la Rejilla con Flexbox (15:30)
Anidación de Rejilla (3:54)

Flexbox en Bootstrap

Clases de Flexbox en Bootstrap (14:25)
Auto Margen y Envolvente (Wrap) (6:22)

Tipografía

Encabezados y Tipografía (22:24)
Alineación de Texto y Display (15:17)
Iconos de Font Awesome (5:29)

Utilidades

Posicionamiento y Flotado (17:00)
Margen (Margin) y Margen Interna (Padding) (17:02)
Tamaños y Bordes (13:09)
Fondos y Colores (15:00)

Componentes CSS

Introducción a la Sección (4:46)
Botones Parte 1 (19:03)
Botones Parte 2 (17:56)
Navbars (Barras de Navegación) (22:31)
Formularios y Campos de Entrada (25:50)
Grupos de Entradas (Inputs) (16:30)
Alertas (Alerts) (8:33)
Barras de Progreso (7:19)
Grupos de Listas (List Groups) (7:41)
Insignias (Badges) y Migajas de Pan (Breadcrumbs) (8:43)
Tablas (10:01)
Paginacion (8:30)
Tarjetas Parte1 (20:02)
Tarjetas Parte 2 (14:27)
Jumbotron (4:57)

Widgets Javascript

Introducción a la sección (3:08)
Tooltips (7:06)
Carrusel (Slider) (18:06)
Colapsable y Acordeón (10:02)
Ventanas Emergentes (Popover) (8:08)
Ventanas Modales (11:43)
Scrolls (Scroll spy y Scroll Suavizado) (8:10)

Proyecto 1 - Agencia Digital

Demo del Proyecto Final (3:05)
Logo y Barra de Navegación (23:25)
Cabecera y Sección Inicio (14:48)
Sección Llamado a la Acción (7:34)
Sección Servicios (8:32)
Sección Galería (4:12)
Sección Testimonios y Pie de Página (13:36)
Animación de Scroll Javascript (8:35)

Proyecto 2 - Admin App

Demo del Proyecto Final (4:55)
Configuración - Pantalla de Acceso (20:26)
Panel de Control y Barra de Navegación (25:43)
Panel de Control - Menú Principal y Administración (18:44)
Panel de Control - Banners (10:41)
Panel de Control – Tabla Últimos Productos (10:08)
Panel de Control - Sección Categorías (21:52)
Panel de Control – Sección Productos (10:34)
Panel de Control – Sección Inventario, Pedidos y Cupones (18:00)
Panel de Control – Perfil (9:38)

Proyecto 3 - Mi Portafolio

Demo del Proyecto Final (6:12)
Configuraciones Iniciales y Librerías (13:12)
Maquetación del Header, Imagen y Botones del Menú (23:21)
Contenido y Colapsable Sección Inicio (13:16)
Maquetación Sección Currículum (10:48)
Maquetación Sección Trabajos (15:06)
Maquetación Sección Contacto (14:53)

Clase Extra

Siguiente paso

Teach online with

Qué es bootstrap

Completar y Continuar