Acerca de...

    ESTADÍSTICA
  • Se añadirá un gráfico que muestre el número de usuarios registrados por año.

    FORO Y NOVELAS
  • Se cambiará la URL para que muestre los títulos en vez de los IDs.

    FORO
  • Se añadirá la posibilidad de subir imágenes.

    NOVELAS
  • Se añadirán botones en cada novela para poder descargarlas en formato PDF y EPUB.
  • La web recordará en qué capítulo te quedaste y así, al volver a la lectura de una novela, automáticamente te reconducirá a ese capítulo, ocultando el resto. Y al final de cada capítulo aparecerá un botón que te llevará al siguiente, salvo en el último, que será un botón para ir al foro específico de esa novela por si quisieras dejar algún comentario.

    ESTÉTICA
  • Se mejorará el aspecto del email de verificación al crear una cuenta de usuario.
  • Los popovers también cambiarán con el modo oscuro.

    OTROS
  • Se añadirá la función de mandar mensajes privados entre usuarios.
  • Se cambiará el botón básico de mandarme un email por un formulario de contacto.
  • Se añadirá una nueva sección llamada "Galería" que incluirá mis tonos de llamada, de mensajes, mis inventos y memes... y botones para descargar o compartir de forma rápida.
  • Se añadirá la sección "Coleccionables" donde habrá una tragaperras con derecho a un número de tiradas por día (en principio no habrá moneda) para conseguirlos. Entre ellos estarájn por ejemplo las 7 esmeraldas del caos, las 7 bolas de dragón, los 9 emblemas de Digimon, los 7 objetos milenarios... etc, los cuales a su vez también darán logros.

    Noviembre de 2021:
  • Parte de código de jQuery pasado a JavaScript puro para empezar a prescindir de la librería.
  • Anuncios caseros y de color y posición aleatorios implementados: un banner para donaciones igual al situado junto al pié de página. Los usuarios VIP no verán este banner (aunque los enlaces similares junto al pie de página seguirán estando ahí).
  • 14 nuevos colores añadidos a los de Bootstrap.
  • Implementados 14 nuevos colores a los elegibles por los usuarios en sus perfiles (solo para usuarios VIP).
  • Implementado el apartado "Amor platónico" para los perfiles de usuario (solo para usuarios VIP).
  • Contadores de mensajes no leídos del foro implementados; además usan el color favorito del usuario si está logeado.
  • Botón de marcar todos los mensajes como leídos implementado, también con color inteligente.
  • Implementado también un contador global de mensajes en el enlace del menú al foro.
  • Creada una función para automatizar los mensajes de información y reducir código.
  • Implementado el apartado "Equipo ideal" para los perfiles de usuario (solo para usuarios VIP).
  • Implementada la posibilidad de hacerse VIP.
  • Más código PHP pasado a JavaScript para quitarle carga al servidor.

  • Librerías actualizadas:
    • Popper JS: 2.10.2 -> 2.11.0
    • sweetalert2: 11.1.9 -> 11.1.10 -> 11.2.0 -> 11.2.1


    Octubre de 2021:
  • Humor del tercer easter egg aumentado.
  • Fallos menores corregidos.
  • Perfiles de usuario reorganizados.
  • Etiquetas title de algunas páginas actualizadas.
  • Añadidos más vídeos en la sección correspondiente.
  • Enlace a mi Facebook cambiado por otro a mi canal de YouTube.
  • Ahora la fila de la sinopsis de las tablas de información de mis novelas no se muestra si no la hay.
  • Segundo easter egg ampliado y mejorado. Añadidos dos logros más complementarios del de éste.
  • Imágenes, nombres y descripciones de algunos logros cambiadas para hacerlos más fáciles de conseguir.
  • Algo de código PHP pasado a JavaScript para quitarle carga al servidor.
  • Añadida la categoría "Estadística" con gráficos sobre registro y tipos de usuarios.
  • Añadida la librería Chart.js en su versión 3.6.0 para crear los gráficos.

  • Librerías actualizadas:
    • Bootstrap: 5.1.1 -> 5.1.3
    • Popper JS: 2.10.1 -> 2.10.2
    • sweetalert2: 11.1.5 -> 11.1.7 -> 11.1.8 -> 11.1.9


    Septiembre de 2021:
  • Comenzado a cursar el Grado Superior de DAW (Desarrollo de Aplicaciones Web).

  • Fallos menores corregidos.
  • Se han eliminado las opciones duplicadas en los desplegables del panel de control.
  • Añadidos en el apartado Agradecimientos los usuarios VIP (característica aún no implementada), donantes y con el logro "Tester".

  • Librerías actualizadas:
    • Bootstrap: 5.1 -> 5.1.1
    • Popper JS: 2.9.3 -> 2.10.1
    • sweetalert2: 11.1.4 -> 11.1.5


    Agosto de 2021:
  • Fallos menores corregidos.
  • Código reducido y optimizado.

  • Librerías actualizadas:
    • Bootstrap: 5.0.2 -> 5.1
    • Popper JS: 2.9.2 -> 2.9.3
    • sweetalert2: -> 11.1.4

  • Mini-formulario de login/logout oculto en un desplegable para reducir el tamaño de la cabecera.
  • Dicho desplegable es una imagen que indica si estás logeado siendo tu avatar.
  • Añadida la opción de restaurar el avatar por defecto.
  • Ahora cada mensaje del foro tiene su propia página aparte con su enlace; esto facilita el compartirlos.
  • Botón de copiar enlace de mensaje añadido a cada uno.
  • Añadida la librería toastr en su versión 2.1.4 para mostrar un mensaje flotante temporal cada vez que se use el botón de copiar un enlace.
  • Añadido también el botón de copiar enlace a los perfiles de usuario.
  • Añadido botón para mostrar mensajes de cada usuario en su perfil.
  • Añadido nuevo nivel de permisos para la web: Moderador.
  • Añadido nuevo logro por ser Moderador.
  • Añadido un icono identificativo y decorativo para cada tema del foro en la tabla.
  • Modo oscuro de la zona de lectura extrapolado a toda la web. También se ha creado una cookie para recordar su uso y automatizarlo. Al tener que estar siempre visible, se ha metido junto con el botón de volver arriba en un DIV y ambos se ocultan a la derecha de la pantalla. Se mostrarán al colocar encima el ratón o clicar en el móvil.
  • GIF de carga de mensajes mediante AJAX cambiado por uno de los que ofrece Bootstrap.


  • Mayo-Julio de 2021:
  • Ejecutada una auditoría de seguridad.
  • Añadida la función bindParam() a todas las consultas a la base de datos para evitar inyecciones SQL.
  • Añadidos parámetros secure y httpOnly a todas las cookies para evitar ataques XSS.
  • Creada una función con la ídem htmlspecialchars() y su parámetro ENT_QUOTES y aplicada a todas las entradas de datos por parte de los usuarios y a IDs pasados por GET para evitar ataques XSS (el formateo de texto para los mensajes del foro sigue funcinando gracias a unos apaños en el código ;).
  • Aumentado el control de errores en varias entradas de datos de los usuarios y también el feedback en varias consultas a la BD.
  • Añadida la función mime_content_type() a la verificación de subida de avatares para evitar subidas malintencionadas de ficheros.

  • Aprendido el fucionamiento sobre el archivo .htaccess, así que se ha creado y usado para:
    • Eliminar archivos index.php repetidos en cada carpeta y sustituirlos por el parámetro Options All -Indexes
    • Crear páginas personalizadas para los errores 301, 400, 401, 403, 404 y 500.
    • Autoproteger el acceso al archivo .htaccess
    • Crear URLs amigables (especial interés en esto).

  • Clase de Bootstrap alert-danger aplicada a los mensajes de error y alert-success a los mensajes afirmativos informativos.
  • Creada una función para automatizar los mensajes de error y reducir código.
  • Calidad de iconos, logos y banderas mejorada.
  • Descripciones simples de banderas y símbolos con solo un title cambiadas a popovers.
  • Registro de usuarios simplificado: ahora solo se han de introducir los datos obligatorios. Los datos opcionales se podrán añadir después en el panel de control.
  • Ahora todas las secciones del panel de control de usuario están unificadas y, al aplicar cambios, en vez de redirigir a tu perfil se recarga el panel con un mensaje informativo de que los cambios se aplicaron correctamente.
  • Añadidos 3 easter eggs.
  • Añadido a los perfiles de usuario el dato de la fecha de registro.
  • Añadido un sistema de logros.
  • Fichas de perfil rediseñadas para que sean más mobile-friendly.
  • Añadido un sistema para poder poner el sitio en "Modo de mantenimiento", de forma que solo la portada y las fichas de perfil estarán disponibles (idea cogida de Joomla).
  • Añadido el requisito de introducir la contraseña actual para poder cambiarla.
  • Optimizado el proceso de establecer y restablecer tu contraseña.
  • Aumentada la seguridad mediante el inicio y el cierre de sesión: cada vez que se ejecuta alguno de los 2 procesos, cambia la nueva cookie alfanumérica y aleatoria token, de forma que el clonado de cookies ya no servirá para robar sesiones. También cambia de cada vez el código personal del usuario de recuperación de contraseña.
  • Reducción de código.


  • Abril de 2021:
  • Desde el verano de 2020: sitio web convertido a app web.
  • Versión 2.0 de la web publicada.


  • Febrero-Marzo de 2021:
  • Bootstrap (en adelante BS) aprendido y añadido, y por ende, eliminación de gran parte de código CSS (reducido en más de un 80%) y algunos archivos PHP, así como múltiples cambios en el HTML.
  • Estética general (cuerpo de páginas, colores, fuentes, botones...) cambiados a los que ofrece BS.
  • Menú móvil (v3) convertido para usar las clases de BS.
  • Nuevo sistema responsive gracias a BS.


  • Octubre de 2020 - Enero de 2021
  • Corrección de fallos.
  • Revisión y optimización de código.
  • Creación de un foro, con todo lo que ello implica: tabla genérica para cada mensaje con un intrincado diseño, comprobación de todos los posibles datos de cada perfil de usuario, creación de un formateador de texto (negrita, cursiva, subrayado, tachado, spoiler y enlace de imagen), funciones de editar e insertar nuevo mensaje que cree el mensaje, compruebe el rango del usuario... y un largo etcétera.


  • Mayo-Septiembre de 2020 [seguía la cuarentena]
  • Realizado un curso de PHP de 30 horas.
  • Realizado un curso de JavaScript de 25 horas.

  • Creada una base de datos para usuarios, novelas, vídeos y un foro.
  • Creado un registro de usuarios, inicio y cierre de sesión, perfil, panel de control, un montón de datos de perfil opcionales... etc.
  • Datos del formulario de registro y modificación de los datos de usuario en su panel de control validados en cliente y servidor.
  • Comprobación de disponibilidad del usuario y del email del registro (datos obligatorios) en tiempo real mediante AJAX, al igual que la verificación sobre la validez y fuerza de la contraseña.
  • Registro de usuarios con verificación por email para mayor seguridad. Y añadida la obligación de las 3 preguntas y respuestas de seguridad para recuperar la cuenta.
  • Aviso de cookies añadido gracias a jQuery.
  • Automatizada la exposición de novelas y vídeos gracias a la BD.
  • Botón de “volver arriba” cambiado por uno con efecto scroll gracias a jQuery.
  • Menú móvil arcaico (v1) convertido a uno (v2) hecho con la función slideToggle() de jQuery.
  • Añadido en portada un banner con una frase aleatoria gracias a un array y las funciones count() y rand() de PHP.
  • Subpáginas innecesarias eliminadas y añadidas a las suyas principales mediante PHP usando $_GET o jQuery (funciones show() y hide()) según correspondiera. De esta forma también se han podido encapsular las funciones de esas “subpáginas” (private) aumentando aún más la seguridad.

  • Resumiendo... A mí la cuarentena me vino como anillo al dedo, todo sea dicho.

    Abril de 2020 [cuarentena por la primera ola del COVID-19]
  • Aprendidos algunos conocimientos más de PHP en 2º de ASIR.
  • Año del pie de la web automatizado usando date(“Y”).
  • Versión 1.0.1.1 del sitio web publicada.


  • Diciembre de 2019 - Marzo de 2020
  • Aprendida parte de la base de PHP en 2º de ASIR.
  • Código repetido eliminado, ahora pasado a archivos externos e incluidos con la función require_once().
  • Versión 1.0.1 del sitio web publicada.


  • Julio-Noviembre de 2019
  • Aprendidos conocimientos de HTML y CSS tras acabar el primer curso del Grado Superior de ASIR (Administración de Sistemas Informáticos en Red); primera versión de este sitio web creada.
  • Web con código repetido que es común a varias páginas.
  • Pie de página con el año puesto manualmente.
  • Botón de “volver arriba” con un href=#top.
  • Secciones de novelas y vídeos con todo su contenido puesto a piñón, sin automatizar, sin BD.
  • Web responsive gracias a secciones CSS @media (con las resoluciones especificadas a mano)
  • Menú móvil (v1) desplegable hecho con un checkbox, un label y estilos usando la pseudo-clase :checked.
  • Versión 1.0 del sitio web publicada.

Lenguajes:


HTML

CSS

PHP

MySQL

JavaScript

Librerías:

Las imágenes de esta aplicación web son propiedad de sus correspondientes autores/as.

Nada de eso; esta web está hecha toda a mano (teniendo en cuenta librerías como jQuery, Bootstrap... etc.). ¿Y por qué? Porque quise empezar esta web en el año 2019, cuando acababa de dar mis primeros pasos en diseño web, y en ese momento solo sabía HTML y CSS. Fue después cuando fui aprendiendo cada vez más (proceso explicado en el Changelog) y entonces comencé a aplicar cambios poco a poco, pero todo lo que se ve actualmente han sido casi 2 años de esfuerzo, prueba y error.

Además, hacer una app web con todo a mano, backend y frontend, tiene su mérito. Todo lo que he aprendido peleándome con los lenguajes no me lo quita nadie.

Usuarios VIP:
David91

Usuarios que han donado:
SamusEG, LiroCrew

Usuarios con el logro Tester (es decir, que me han comunicado fallos para poder corregirlos):
David91, SamusEG, LiroCrew, Otakulihao, SusFer, root

Gente que aportó conocimientos o puntos de vista útiles a la web:
jerat
Serana
Exa
Hunter
TFujiwara
LiroCrew
Anárion
Hopeless
YisusGaming

boton_modo_oscuro

Compartir en...

Donaciones