1. Diseño responsivo.
1.1 ¿Qué es el diseño adaptable o responsive web design?
1.2 Beneficios del diseño responsivo
1.3 Diseño fluido uso y limitaciones
1.4 Uso de grillas fluidas, trabajo en porcentajes, mínimos y máximos
1.5 Mobile first, ¿qué es?
1.6 Herramientas para crear grillas
1.7 Box-sizing cómo es, y qué valor aplicar.
1.8 Mi primer diseño maquetado en grillas
2. Maquetación fluida
2.1 Utilización de em y rem diferencias
2.2 Tipografías adaptables
2.3 Márgenes y rellenos flexibles
2.4 Trabajo con Media Queries
2.5 Variantes de mediaQueries
2.6 Concepto de Viewport, cómo aplicarlo, valores posibles.
2.7 Concepto de breakpoint, breakPoints actuales, aplicación
2.8 Imágenes fluidas y adaptables.
2.9 ¿Qué es el menú hamburguesa, cómo se usa?
2.10 Implementando mi maquetado.
3. Introducción a Bootstrap
3.1 Concepto de framework
3.2 Beneficios de trabajar con frameworks
3.3 Introducción a Bootstrap
3.4 Clase container y container-fluid, diferencias
3.5 Sistema de grillas o grid con Bootstrap
3.6 Clase .row cómo se utiliza?
3.7 Opciones de Grid
3.8 Aplicación de clases como col, col-sm, col-md, col-lg, col-xl
3.9 Personalizando botones e imágenes con Bootstrap
3.10 Clases para textos y fondos
4. Bootstrap Avanzado
4.1 Trabajo con Bootstrap en Formularios
4.2 Utilización de la clase form-group y form-control
4.3 Formularios inline , checkboxes , selects y radios
4.4 Trabajo con grillas y formularios
4.5 Clases col-form , sr-only y col-form-label
4.6 Barras de menú básicas y responsives con Bootstrap
4.7 Uso de JS en Bootstrap cómo y cuándo
4.8 Trabajo con campos de formulario dentro de Menúes
4.9 Uso de la ventana Modal en Bootstrap
5. Proyecto Final
5.1 Definiendo el Proyecto
5.2 Finalizando Proyecto.
6. Publicando el sitio web
6.1 ¿Que necesitamos?
6.2 Buscando un hosting gratuito
6.3 Entendiendo que es un dominio
6.4 Entendiendo que es un SSL
6.5 Publicación de mi sitio