Introduccion

Vamos a desarrollar y publicar una aplicación web real desde cero.
Crearemos Planificador, 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 contenido visto en clase.

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

JavaScript — Implementaremos el comportamiento de Planificador: 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 vista en clase. 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 Planificador en Internet. Conectaremos Netlify con GitHub para que los nuevos cambios puedan desplegarse automáticamente.