Introducción
  • Introducción
  • ¿Cuál es el editor de código que necesito?
  • Conociendo el Editor Brackets
  • Instalando Plugins en el editor Brackets
Bootstrap 4
  • Introducción
  • Descargando archivos necesarios
  • ¿Qué es Mobile First Web Design?
  • Comprendiendo las rejillas ( grid )
  • Estructurando utilizando container, filas y rejillas
  • Ocultando columnas dependiendo del dispositivo
  • Tipografía
  • Imágenes
  • Buttons
  • Forms
  • Tablas
  • Componentes ( Tabs, dropdowns, alerts )
  • Componentes parte 2 ( navbar, breadcrumb, etc )
  • Ventana Modal con video de youtube, imagenes e información
  • Scrollspy ( Seguimiento al menú navbar )
  • Tooltips
  • Popover con imágenes y vídeos de youtube
  • Collapse ( Acordeón )
  • Carousel
Preparando archivos y demás
  • Analizando el PSD a utilizar
  • Archivos Base y Configurando Extract de Brackets
  • Extract Brackets PSD
Empezando a codificar. Manos a la obra!
  • Header
  • Cuerpo parte 1
  • Cuerpo parte 2
  • Parte central 1
  • Parte central 2
  • Zona team
  • Zona contácto
  • Formulario
  • Footer
  • Corrigiendo perspectiva del responsive
  • Corriendo menú para el responsive
  • Animando el Scroll y añadiendo Scrollspy
  • Añadiendo deslizador de Imágenes ( Slider header )
  • Reparando animación Scroll menú
  • Agregando ScrollTop animado
  • Animando revelamiento de los elementos