Acerca de...

    Mayo de 2022:
  • Ahora se resalta la sección del menú en la que estás.

  • Librerías actualizadas:
    • sweetalert2: 11.4.10 -> 11.4.13 -> 11.4.14


    Abril de 2022:
  • Librerías actualizadas:
    • Popper JS: 2.11.14 -> 2.11.15
    • sweetalert2: 11.4.8 -> 11.4.10


    Febrero-Marzo de 2022:
  • Fallos menores corregidos.
  • Barra de progreso hasta el siguiente rango por mensajes de los perfiles de usuario corregida; ahora muestra la auténtica anchura de la barra conforme a las cifras.
  • Biografía mejorada: ahora con fotos y más información y más ordenada al estilo Wikipedia.
  • Ahora la tragaperras te da 10 pesetas a mayores si consigues un coleccionable que ya tuvieras.
  • Ahora la tragaperras es una de 3 secciones de la página de los Coleccionables: Puzzles, Tienda y la misma Tragaperras. Podrás resolver puzzles para ganar pesetas y comprar objetos varios que te ayudarán a ganar más, encontrar secretos...
  • Ahora el sistema de marcar mensajes no leídos del foro va por BD y no por cookies, de forma que ya no distingue entre dispositivos.
  • Logros del perfil separados entre generales y por coleccionables.
  • Páginas de Coleccionables, Vídeos y Perfil optimizadas.
  • Añadida la columna Último mensaje para los temas del foro.
  • Añadidos unos aniversarios automatizados de series en la portada (más información en la parte inferior de esta página).
  • Aumentado el humor del tercer easter egg.
  • Ahora en los perfiles de usuario se muestran un trofeo y una barra de progreso según tu número de logros (idea cogida de la ).
  • Añadida una página para los usuarios que muestra y compara los logros de foma global. Idea cogida de Steam
  • Nuevo puzzle añadido.
  • Sección de Coleccionables renombrada a Minijuegos.
  • Uso de $_SERVER['SERVER_NAME'] cambiado por HTTP_HOST por motivos de seguridad.
  • Código altamente refactorizado:
    - Archivo único con todas las funciones del backend dividido en varios mediante herencia
    - Algunas funciones se han hecho más genéricas, facilitando así su posible implementación en otros proyectos web
    - Más código repetido eliminado
    - Más funciones de jQuery pasadas a JavaScript puro
    - Más código optimizado

  • Librerías actualizadas:
    • Chart.js: 3.7.0 -> 3.7.1
    • Popper JS: 2.11.2 -> 2.11.14
    • sweetalert2: 11.3.6 -> 11.4.4 -> 11.4.5 -> 11.4.6 -> 11.4.8


    Enero de 2022:
  • Añadida una "recompensa diaria" para los minijuegos: 10 pesetas/hora no acumulables.
  • Añadido un temporizador en tiempo real que muestra el tiempo restante para la siguiente recompensa.
  • Más código refactorizado (o sea, "reducido y optimizado" como siempre, pero que no se diga que el Grado Superior de Aplicaciones Web no me sirve para nada).
  • Corregido un fallo grave que permitía el pirateo del saldo modificándolo en el inspector de elementos.
  • Etiquetas (casi todas) de formato para mensajes del foro cambiadas a las que usa MyBB para mayor compatibilidad (por ejemplo para publicar imágenes de imgur.com) y facilidad de uso de la web para usuarios ya familiarizados con esa nomenclatura.
  • Más código de jQuery cambiado a JavaScript puro.
  • Bug del primer easter egg corregido.

  • Librerías actualizadas:
    • Popper JS: 2.11.0 -> 2.11.2
    • sweetalert2: 11.3.0 -> 11.3.3 -> 11.3.4 -> 11.3.6


    Diciembre de 2021:
  • Fallos menores corregidos.
  • Implementados los "Coleccionables": objetos de series y juegos obtenibles mediantes minijuegos. Implementados también nuevos logros relacionados con los coleccionables.
  • Creado el minijuego de una tragaperras para conseguir coleccionables, y con validación en el servidor para evitar trampas. Creado también un sistema de jugadas a precio de pesetas virtuales, con recompensas también si se escribe en el foro.
  • Ahora al hacerse VIP se reciben también 500 pesetas, y si se dona una cantidad mayor a la necesaria, lo sobrante se traduce en más pesetas para el usuario.
  • Más código PHP pasado a JS para quitarle carga al servidor.
  • Archivos robots.txt y sitemap.xml añadidos.
  • SEO mejorado.

  • Librerías actualizadas:
    • Chart.js: 3.6.0 -> 3.6.1 -> 3.6.2 -> 3.7.0
    • sweetalert2: 11.2.1 -> 11.3.0


    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.
  • Imágenes duplicadas de los logros para cuando no se tienen eliminadas y cambiadas por la original con un estilo CSS filter: grayscale(100%);.

  • 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 funcionando 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 ).
  • 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.


  • 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”).


  • 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().


  • 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).
  • 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.

Lenguajes:


HTML

CSS

PHP

MySQL

JavaScript

Librerías:

Las imágenes, vídeos y sonidos 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, YisusTwitch, DrGonzalez

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

En la portada de la web se avisará de forma automatizada de ciertos aniversarios de estrenos de series y ciertos capítulos. Son los siguientes:

  • 3 de marzo: Aniversario del estreno de Digimon Adventure 02 en España
  • 23 de marzo: Aniversario de la emisión del capítulo 21 de Digimon Adventure 02 en España
  • 30 de marzo: Aniversario del estreno de Digimon Adventure en España
  • 11 de abril: Aniversario de la emisión del capítulo 13 de Digimon Adventure en España
  • 30 de junio: Aniversario del estreno de Pichi Pichi Pitch en España
  • 15 de agosto: Aniversario de la emisión del capítulo 35 de Pichi Pichi Pitch en España
  • 10 de septiembre: Aniversario del estreno de Pichi Pichi Pitch Pure en España
  • 3 de octubre: Aniversario de la emisión del capítulo 18 de Pichi Pichi Pitch Pure en España
  • 17 de octubre: Aniversario de la emisión del capítulo 28 de Pichi Pichi Pitch Pure en España

boton_modo_oscuro

Compartir en...

Donaciones