Introduccion

Vamos a desarrollar y publicar una aplicación web real desde cero.
Crearemos TaskApp, una aplicación sencilla para gestionar una lista de temas que se van viendo en clase. El usuario podrá escribir una texto, añadirla a una lista de temas y visualizar la fecha y hora en la que fue creada.
Partiremos de una carpeta completamente vacía y veremos todo el proceso necesario para convertirla en una aplicación publicada en Internet.

Tecnologías que vamos a utilizar #

HTML5 — Crearemos la estructura de la interfaz: título, campo de texto, botón y lista de tareas.

CSS3 — Daremos estilo a la aplicación para conseguir una interfaz sencilla y agradable.

JavaScript — Implementaremos el comportamiento de TaskApp: capturar el texto introducido, crear tareas y modificar dinámicamente el DOM.

Node.js — Nos proporcionará el entorno sobre el que funcionan las herramientas que utilizaremos durante el desarrollo. No vamos a crear un servidor Node.js; nuestra aplicación seguirá siendo una aplicación frontend.

npm — Será nuestro gestor de paquetes. Lo utilizaremos para inicializar el proyecto e instalar las herramientas y librerías necesarias:

Vite — Será nuestra herramienta de desarrollo y construcción. Nos proporcionará un servidor de desarrollo y generará la versión optimizada para producción:

Day.js — Será una pequeña dependencia externa que utilizaremos para mostrar la fecha y hora de creación de las tareas. Nos servirá para aprender qué es una dependency.

Git — Utilizaremos control de versiones para registrar los cambios realizados en el proyecto:

GitHub — Almacenaremos nuestro repositorio Git de forma remota y veremos cómo compartir un proyecto correctamente sin subir node_modules.

Netlify — Finalmente publicaremos TaskApp en Internet. Conectaremos Netlify con GitHub para que los nuevos cambios puedan desplegarse automáticamente.