PG-0126 minversión 2Curso · Desarrollo de software
Mini proyecto: ficha interactiva
Una ficha de curso con lecciones que se marcan, una barra de progreso y memoria en el navegador. Es pequeña a propósito: obliga a conectar todo lo del curso sin esconderse detrás de un framework.
Qué aprenderás
- Construir una ficha de curso con HTML semántico, CSS y TypeScript, sin frameworks
- Separar los datos, la lógica pura y el código que pinta la pantalla
- Calcular el progreso a partir de las lecciones en lugar de guardarlo aparte
- Guardar y recuperar el progreso con localStorage tratando sus fallos
- Cubrir los estados vacío, a medias y completo antes de dar el proyecto por terminado
Suscríbete para seguir
Esta lección es para suscriptores.
Crea tu cuenta y suscríbete para leer «Programación» entero, con los recursos y tu progreso guardado.
Suscripción mensual o anual