Plataforma de aprendizaje · ArmoTuSitio.com Lab

Aprendé TypeScript y SASS construyendo software real.

Un recorrido práctico con teoría, checkpoints, desafíos y un laboratorio real. Avanzá desde fundamentos hasta criterio profesional sin separar aprendizaje de implementación.

Tu aprendizaje

Seguí desde donde lo dejaste

El progreso, los módulos guardados y el último punto visitado quedan en este navegador.

Buscar

Encontrá un concepto o módulo

Buscá en las 24 lecciones y el glosario. Atajo: /

Repaso

Mis guardados

Guardá módulos mientras estudiás y armá tu propia lista de repaso.

Flujo recomendado

Cargá la información en este orden

Las relaciones del ejemplo se entienden mejor siguiendo el flujo natural del dominio.

  1. 01CategoríaDefine el área temática.
  2. 02ProfesorCrea el docente disponible.
  3. 03CursoRelaciona categoría y profesor.
  4. 04AlumnoInscribe a uno o más cursos.
Aprender sobre código real

El laboratorio también forma parte del curso

Cada bloque del CRUD existe para que puedas reconocer conceptos concretos de TypeScript, Browser APIs y SASS en una aplicación funcionando.

TypeScriptModelos

Alumno, Profesor, Curso y Categoría muestran contratos, clases y relaciones.

Browser APIDOM

Formularios, eventos y selectores muestran acceso tipado a elementos reales.

PersistencialocalStorage

Permite estudiar serialización, boundaries y rehidratación.

SASSSistema visual

Tokens, partials, mixins y componentes construyen toda la interfaz.

01 · Entrada de datos

Gestión académica

Todos los datos se almacenan localmente en el navegador. Este proyecto es deliberadamente frontend para estudiar TypeScript sobre APIs reales del browser.

Herramientas de práctica

Experimentá sin miedo

Cargá un escenario demo, inspeccioná qué guarda el navegador o reiniciá el laboratorio.

ClasesDOM tipadoEventoslocalStorageSerializaciónSASS modular
01

Catálogo

Nueva categoría

02

Equipo docente

Nuevo profesor

03

Oferta académica

Nuevo curso

Creá primero al profesor para verlo disponible.
04

Inscripciones

Nuevo alumno

Usá Ctrl/Cmd para seleccionar más de un curso.
02 · Salida de datos

Estado del laboratorio

Las tablas se renderizan desde TypeScript leyendo el estado persistido en localStorage.

Acción destructiva

¿Reiniciar el laboratorio?

Se eliminarán categorías, profesores, cursos y alumnos guardados en este navegador. El progreso de aprendizaje no se toca.