¡Bienvenido a nuestra biblioteca especializada! En esta sección hemos recopilado los mejores tutoriales y guías sobre JavaScript y sus plugins más potentes.
Desde la manipulación básica de elementos hasta la implementación de librerías avanzadas para gráficas, calendarios y editores. Todo lo que necesitas para potenciar tus proyectos web en un solo lugar.
📌 Esta contenido es parte del Hub de Ingeniería de evilnapsis.com
← Volver al hub
🚀 Plugins y Librerías Imprescindibles
Aprende a instalar y configurar los plugins que ahorran horas de desarrollo.
- [Javascript] Instalando y Probando el plugin Swiper JS – Crea sliders táctiles de alto rendimiento.
- [Javascript] Instalando y Probando el plugin Editor.js – Un editor de bloques moderno para tus aplicaciones.
- [Javascript] Instalar y usar el plugin Pickadate.js – El selector de fechas y horas más ligero.
- Instalar y Usar el Plugin Fullcalendar JS – Gestión completa de calendarios y eventos.
- [Javascript] Agregar una Tabla en un PDF con JsPDF y el plugin Autotable – Reportes profesionales desde el navegador.
- [jQuery] Instalar y usar el plugin SweetAlert 2 – Mostrar alertas agradables para el usuario
- JsTree: Crear Vista de Árbol con Javascript – Organiza datos jerárquicos de forma visual.
- Como subir Imagenes/Archivos con Dropzone.js y PHP – Implementa el “Drag & Drop” de forma sencilla.
📊 Gráficas y Visualización de Datos
Dale vida a tus datos con estas potentes librerías de dibujo.
- [JQuery] Instalar y Usar el Plugin DataTables con Bootstrap – Convierte tablas HTML simples en herramientas con búsqueda, paginado y ordenamiento.
- [Js] Crear gráfica de Lineas, Area y Barras con ApexCharts.js – Gráficas interactivas y modernas.
- Crear una gráfica de líneas con la librería Highcharts y Javascript – Estándar de la industria para visualización de datos.
- Introducción a Canvas HTML5 – Aprende las bases para dibujar figuras y gráficos personalizados.
- Dibujar un Stick Man o Figura de Palo con Canvas – Aprende a Dibujar una personita.
📝 Interactividad y Validación de Formularios
Esta sección agrupa todo lo relacionado con la entrada de datos del usuario y el control del flujo antes del envío.
- [Javascript] Validar un formulario de registro, email y passwords – Aprende a validar datos críticos antes de procesarlos.
- [Javascript] Detener el comportamiento de un formulario – Controla el envío de datos manualmente.
- Previsualizar Imágenes antes de Subir – Feedback visual para campos de tipo archivo.
- Drag and Drop con JQuery y Jquery UI – Mejora la usabilidad en tus aplicaciones usando drag and drop.
🛠️ Utilidades y Manipulación de Datos (HTML5)
Trucos de lógica y almacenamiento para mejorar la experiencia de usuario.
- Como Usar Fetch en Javascript Correctamente – La forma moderna de realizar peticiones asíncronas y consumir APIs.
- Como usar el localStorage en Javascript HTML 5 – Guarda datos de forma persistente sin bases de datos.
- Como usar Cookies en Javascript – Gestión básica de datos de sesión.
- Previsualizar Imágenes antes de Subir – Mejora el feedback visual en tus formularios.
- Crear Código QR con Javascript – Generación dinámica de códigos QR.
- Como usar el ProgressBar de HTML5 con Javascript – Muestra el progreso de tareas en tiempo real.
- [Javascript] Manejo de Eventos en botones – La base de la interactividad en la web.
🕒 Herramientas y Calculadoras
Scripts prácticos listos para copiar y pegar.
- Texto a Voz con Javascript SpeechSynthesis – Haz que tu web “hable” con la API nativa.
- Crear un Timer con Javascript – Temporizadores precisos para tus proyectos.
- Calcular IMC (Índice de Masa Corporal) con Javascript – Ejemplo práctico de lógica matemática aplicada.
🎨 Sliders y Carruseles
Diferentes opciones para mostrar contenido dinámico.
- 4 Plugins para crear Slider o Carousel con Javascript – Comparativa de las mejores opciones.
- Crear un Slider/Carousel con SplideJS – Una alternativa ligera y potente a Swiper.
📚 Fundamentos de HTML5
Conceptos clave que todo desarrollador debe dominar.
- 12 Características de HTML 5 – Un repaso por lo más importante del estándar.
- 7 Características de HTML5 Parte 2 – Profundizando en las nuevas APIs.
¿Necesitas un sistema ya terminado?
Si además de aprender quieres ver estas tecnologías aplicadas en software profesional listo para producción, te invito a conocer nuestra Fábrica de Software:
- Inventio Max: Gestión avanzada de inventarios y ventas.
- Supportix Max: El sistema de tickets profesional para tu soporte técnico.
- Xoolar Max: Control total de alumnos, profesores y calificaciones.