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