| 1. |
PANORAMA GENERAL DE CSS
| 1.1 |
Separation of Concerns (SoC) |
| 1.2 |
Módulos y nivel de desarrollo |
| 1.3 |
Vigencia y tendencias |
|
| 2. |
MANEJO DE IMÁGENES
| 2.1 |
Propiedades para img y picture |
| 2.2 |
Propiedades de background |
| 2.3 |
Interacción con SVG |
| 2.4 |
Máscaras |
|
| 3. |
USO DE VARIABLES
| 3.1 |
Sintaxis |
| 3.2 |
Asignación de valores |
| 3.3 |
Aplicación en reglas |
| 3.4 |
Variables anidadas y herencia |
|
| 4. |
PSEUDOCLASES AVANZADAS
| 4.1 |
Anidación |
| 4.2 |
Estados |
| 4.3 |
Operadores lógicos y matemáticos |
| 4.4 |
Contextuales |
| 4.5 |
Usos sobre after y before |
|
| 5. |
SELECTORES CON ATRIBUTO
| 5.1 |
Sintaxis básica |
| 5.2 |
Sintaxis compleja |
| 5.3 |
Ejemplos prácticos |
| 5.4 |
Selectores avanzados (atributos dinámicos y universal) |
|
| 6. |
ANIMACIÓN Y TRANSICIONES
| 6.1 |
Transition |
| 6.2 |
Transform |
| 6.3 |
Animaciones con @keyframes |
| 6.4 |
Efecto parallax |
|
| 7. |
MEDIA QUERIES Y DISEÑO RESPONSIVO
| 7.1 |
Media y container queries |
| 7.2 |
Unidades relativas y absolutas |
| 7.3 |
Orientación (landscape y portrait) |
| 7.4 |
Media queries para impresión (Print) |
|
| 8. |
ALTERNAR DARKMODE
| 8.1 |
Detección de preferencias del sistema |
| 8.2 |
Consideraciones de diseño |
| 8.3 |
Conjunto de reglas de Darkmode |
| 8.4 |
Uso de variables CSS para theming |
|
| 9. |
MAQUETACIÓN CON FLEXBOX
| 9.1 |
Ejes y direccionamiento |
| 9.2 |
Propiedades basis, shrink y grow |
| 9.3 |
Gap con anchos absolutos |
|
| 10. |
MAQUETACIÓN CON GRID LAYOUT
| 10.1 |
Grid implícito y explícito |
| 10.2 |
Uso de templates |
| 10.3 |
Subgrid |
| 10.4 |
Fracciones y unidades (fr, minmax, repeat) |
|
| 11. |
ACCESIBILIDAD CON CSS
| 11.1 |
Contraste de color |
| 11.2 |
Tamaño y legibilidad del texto |
| 11.3 |
Indicadores visuales |
| 11.4 |
Diseño responsivo y adaptable |
| 11.5 |
Controles de formulario accesibles |
|
| 12. |
METODOLOGÍAS
| 12.1 |
Block, Element, Modifier (BEM) |
| 12.2 |
Object Oriented CSS (OOCSS) |
| 12.3 |
Scalable and Modular Architecture for CSS (SMACSS) |
| 12.4 |
Inverted Triangle CSS (ITCSS) |
| 12.5 |
Atomic CSS (ACSS) |
|
| 13. |
PROCESADORES DE CSS
| 13.1 |
LESS |
| 13.2 |
SASS |
| 13.3 |
Stylus |
| 13.4 |
PostCSS |
|
| 14. |
BUENAS PRÁCTICAS CON FRAMEWORKS
| 14.1 |
Materialize |
| 14.2 |
Bootstrap |
| 14.3 |
Tailwindcss |
| 14.4 |
Comparación y selección según proyecto |
|
| 15. |
HERRAMIENTAS
| 15.1 |
Utilización de herramientas de desarrollo (DevTools) |
| 15.2 |
CSS Modules y Scoped CSS |
| 15.3 |
Integración con JavaScript y frameworks modernos (React, Vue, Angular) |
|
