Introducción
  • Introducción al curso
BEM
  • ¿Qué es BEM?
  • BEM - B de bloque
  • BEM - E de elemento
  • BEM - M de modificador
  • BEM
ITCSS
  • ¿Que es ITCSS?
  • ITCSS - Estructura de carpetas y archivos
  • ITCSS - Pseudoclases y pseudoelementos
  • ITCSS - Keyframes
  • ITCSS - Responsive
  • ITCSS - Ejemplo práctico
  • ITCSS
BEMIT
  • ¿Que es BEMIT?
  • BEMIT - prefijos y sufijos
  • BEMIT - prefijo de objeto: o-
  • BEMIT - prefijo de componente: c-
  • BEMIT - prefijo de utilidad: u-
  • BEMIT - prefijos de estado: is-/has-
  • BEMIT - prefijo para hook de JavaScript: js-
  • BEMIT - prefijo para temas de estilo: t-
  • Ejercicio práctico con los temas de estilo
  • BEMIT - prefijo de ámbito o contexto: s-
  • BEMIT - prefijo para testing de control de calidad: qa-
  • BEMIT - prefijo para hacks: _
  • BEMIT - sufijos para responsive: @
  • BEMIT - Debug
  • BEMIT - Ejemplo con todo
  • BEMIT - Palabra final
  • BEMIT
BEMIT - ejercicio práctico
  • Presentación del ejercicio práctico
  • Identificar y definir los bloques
  • Repartir el trabajo
  • Crear la estructura BEMIT
  • HTML - c-col-content-col-image
  • CSS - c-col-content-col-image
  • Responsive - c-col-content-col-image
  • Valor añadido - c-col-content-col-image
  • HTML - c-title-and-content
  • CSS - c-title-and-content
  • Responsive - c-title-and-content
  • Valor añadido - c-title-and-content
  • Mostrando el proyecto entero
El cliente nos da feedback
  • El cliente pide cambios no previstos
  • Definir cómo se aplicarán los cambios del cliente
  • Aplicar la solución definida para afrontar el feedback del cliente
Después de un año, el cliente nos pide alguna modificación nueva
  • El cliente te pide modificar un proyecto realizado hace 1 año
  • Situarte en el proyecto de nuevo
  • Definir cómo se aplicarán los cambios
  • Aplicar los cambios
Conclusiones
  • Porqué usar este método y conclusiones