Saltar al contenido principal
Volver al curso
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

  • Separa lógica de presentación

  • Usa módulos para organizar código

  • Implementa manejo de errores robusto

  • Escribe tests para funcionalidad crítica

  • Documenta tu API pública
  • ?Ejercicio

    Implementa una clase TodoApp completa.

    editor.js
    12345678

    Recompensa al completar

    Insignia “Proyecto completo” · +30 puntos