Introducción
- Herramienta a utilizar en el curso - Visual Studio Code
- Introducción - Qué es Bootstrap
- Descargar archivos del curso
Instalación Bootstrap
- Instalación (opción 1) - Desde servidores externos
- Instalación (opción 2) - Descargando Bootstrap
Fundamentos
- Container
- Grid
- Grid Automático
- Grid Responsive
- Grid Alineamientos
- Práctica - Grid
- No-Gutter
- Tipografía
- Colores
- Margenes y Padding
- Práctica - Sitio web en Construcción
Componentes
- Alertas
- Badgets
- Breadcrumb
- Buttons
- Buttons Group
- Cards I
- Cards II
- Carousel
- Collapse
- Dropdown
- Jumbotron
- List group
- Modal
- Navbar I - Configuraciones Responsives
- Navbar II - Link Alineamientos
- Navbar III - Container
- Navbar IV - Brand
- Navbar V -
- Navbar VI -
Práctica - Sitio web I
- Presentación práctica sitio web I
- Instalación Bootstrap
- Configurando Navbar
- Agregando Slider
- Sección Cards
- Agregando Jumbotron
- Agregando Acordeón
- Configurando Listas
- Finalizando sitio web - Footer
Utilidades
- Bordes
- Display
- Display Responsive
- Flex
- Práctica - Flex
- Sizing
Práctica - Blog
- Presentación práctica blog
- Instalación
- Sección Navbar
- Configurando Columnas
- Sección Cards
- Configurando Espaciados
- Sección Artículos
- Sección Footer
- Configurando Página destino Artículo
Formularios Bootstrap, PHP, JQuery y Ajax
- Presentación formularios con PHP, Jquery y Ajax
- Que vamos a realizar
- Programas a utilizar
- MAMP
- PHP y MAMP
- JQUERY
- PHP y HMTL interacción en formularios
- Maquetación en HTML
- Formulario con Bootstrap
- Validaciones HTML5
- Instalar Jquery
- Detectando Formulario
- Configuración Ajax
- Importante
- Funciones de éxito y error
- Conectar con Ajax
- Recolectando datos del Formulario
- Validación de datos
- Creando correo electrónico
- Subiendo archivos al servidor
- Conclusiones
- Validaciones extras - Trimp - Datos en blanco
- Formulario II - HTML - Checkboxes, radiosButtons y Selects
- Formulario II - PHP - Checkboxes, radiosButtons y Selects
- Mejoras al formulario
Especial Navbar
- Presentación especial navbar (menú de navegación)
- Personalizando Colores
- Centrar link en modo responsive
- Navbar con Botones
- Efecto Scroll cambiando color del Navbar
- Megamenu
Práctica - Sitio web Corporativo
