Módulo 4 · Especialización30 min
Proyectos Prácticos
Todo App, Clima, CRUD — Integración completa.
Recompensa al completar
Insignia “Proyecto completo” · +30 puntos
Proyecto: Todo App
Un proyecto completo que integra varios conceptos:
javascript
class TodoApp {
constructor() {
this.todos = [];
this.nextId = 1;
} agregar(texto) {
this.todos.push({
id: this.nextId++,
texto,
completado: false
});
}
completar(id) {
let todo = this.todos.find(t => t.id === id);
if (todo) todo.completado = true;
}
eliminar(id) {
this.todos = this.todos.filter(t => t.id !== id);
}
listar() {
return this.todos;
}
}
Patrón MVC
- Model: Datos y lógica
- View: Presentación visual
- Controller: Conecta Model con View
Mejores prácticas en proyectos reales
?Ejercicio
Implementa una clase TodoApp completa.
editor.js
12345678
Recompensa al completar
Insignia “Proyecto completo” · +30 puntos