Una web para aprender
Esta página recoge las principales funcionalidades que he ido incorporando durante el desarrollo de esta web. Cada apartado representa un objetivo conseguido mientras aprendía nuevas tecnologías.
HTML
- ✔ Creación de una web formada por varias páginas.
- ✔ Uso de etiquetas semánticas (header, nav, main, section y footer).
- ✔ Menú de navegación entre todas las páginas.
- ✔ Formularios con distintos tipos de campos y validación HTML5.
- ✔ Tablas para organizar información.
- ✔ Listas ordenadas y desordenadas.
- ✔ Inserción de imágenes.
- ✔ Enlaces internos y externos.
- ✔ Metadatos para mejorar la información de cada página.
CSS
- ✔ Diseño propio para toda la web.
- ✔ Organización de los estilos en un archivo externo.
- ✔ Colores, tipografías y espaciados personalizados.
- ✔ Bordes redondeados y cajas de contenido.
- ✔ Efectos al pasar el ratón sobre enlaces y botones.
- ✔ Diseño adaptable mediante contenedores.
- ✔ Implementación de un modo oscuro.
JavaScript
- ✔ Botón interactivo con respuesta al usuario.
- ✔ Contador de pulsaciones.
- ✔ Reloj digital en tiempo real.
- ✔ Fecha actual.
- ✔ Saludo dinámico según la hora.
- ✔ Consulta de la meteorología mediante una API.
- ✔ Cambio entre modo claro y modo oscuro.
- ✔ Guardado de preferencias mediante localStorage.
PHP
- ✔ Conversión de la portada a una página dinámica.
- ✔ Conexión con MariaDB mediante PDO.
- ✔ Recepción de datos enviados desde formularios.
- ✔ Inserción de comentarios en la base de datos.
- ✔ Sistema de moderación de comentarios.
- ✔ Publicación únicamente de comentarios aprobados.
- ✔ Obtención de una cita aleatoria de Terry Pratchett.
- ✔ Envío automático de correos mediante PHPMailer.
MariaDB
- ✔ Creación de la base de datos del proyecto.
- ✔ Tabla de comentarios.
- ✔ Tabla de citas de Terry Pratchett.
- ✔ Tabla de estadísticas.
- ✔ Estados de moderación (pendiente, aprobado y rechazado).
Servidor
- ✔ Raspberry Pi como servidor web.
- ✔ Administración remota mediante SSH.
- ✔ Instalación y configuración de Docker.
- ✔ Servidor web Nginx.
- ✔ Configuración de PHP-FPM.
- ✔ Integración de MariaDB.
- ✔ Control de versiones mediante Git y GitHub.
- ✔ Despliegue de la web mediante git pull.
- ✔ Configuración de Cloudflare Tunnel.
- ✔ Preparación del dominio propio para publicar la web en Internet.
Y esto solo es el principio...
Seguiré ampliando esta página conforme vaya aprendiendo nuevas tecnologías e incorporando nuevas funcionalidades a la web.