Saltar al contenido
Academy
0/15

Rutas
En esta página

Diseña con Milpa · Unidad 1 de 3

Las seis capas

Tokens nombran decisiones; motion define movimiento; primitives resuelven controles; components forman piezas; artifacts expresan contenido; layouts organizan páginas.

Intermedio25 min

Al terminar podrás

  • Reconocer la cascada publicada
  • Elegir la capa correcta para cada pieza

Entender

Tokens nombran decisiones; motion define movimiento; primitives resuelven controles; components forman piezas; artifacts expresan contenido; layouts organizan páginas.

Ver

Inspeccionar contrato visual

Relaciona el selector visible con su contrato y sus gates.

Abrir artifact

Hacer

Ejecuta la práctica en tu checkout y conserva la salida como evidencia.

Abrir npm publicado

Verificar

Demuestra que puedes aplicar la unidad. El progreso solo avanza al aprobar la evaluación.

Criterios evaluados

  • Ordena las seis capas según su contrato de carga.
  • Prioriza tokens semánticos existentes sobre valores visuales nuevos.

Evaluación calificable

Resuelve los 3 escenarios. Esta unidad exige 3 de 3 respuestas correctas.

0 intentos
Pregunta 1 de 3Una página usa controles, cards, ejemplos de código y el shell de documentación. ¿Cuál es el orden contractual de carga?
Pregunta 2 de 3El equipo necesita mostrar un bloque de código dentro del shell de una lección. ¿Dónde debe buscar primero cada pieza?
Pregunta 3 de 3Un producto necesita otra identidad cromática, pero la anatomía de mui-btn ya resuelve su caso. ¿Cuál es la intervención inicial más pequeña y gobernable?

La calificación valida respuestas en este navegador; no certifica identidad.

Fuentes primarias

Contenido verificado: 2026-07-10