US-03 Ver concepto con ejemplo y diagrama

US-03 — Ver un concepto con ejemplo y diagrama

User Story

Como desarrollador autodidacta, quiero abrir un concepto y ver primero un ejemplo y un diagrama, para entenderlo rápido.

Contexto y valor

Materializa el principio “ejemplo primero, explicación después”.

Escenario 1: concepto con ejemplo

• Dado: un concepto con ejemplo y diagrama,
• Cuando: lo abro,
• Entonces: veo ejemplo y diagrama antes que la teoría.

Escenario 2: concepto sin ejemplo

• Dado: un concepto sin ejemplo,
• Cuando: lo abro,
• Entonces: se marca el hueco (no se inventa contenido).

Criterios de aceptación

• El orden es ejemplo → diagrama → “Imagínalo así” → técnica.
• La explicación técnica está bajo demanda.

Requisitos funcionales relacionados

• RF-04, RF-15.

Referencias y trazabilidad

• Upstream: JM-03, IX-02.

Evidencia de implementación y pruebas

• file:lib/src/features/learn/widgets/concept_card.dart
• file:lib/src/features/learn/learn_screen.dart
• file:lib/src/domain/concept_detail.dart
• test:test/features/learn/concept_card_test.dart
• test:test/features/learn/learn_screen_test.dart
• test:test/domain/concept_detail_test.dart