Bibliotecas de JavaScript útiles de 15 para mejorar su sitio

Hacer un gran sitio requiere muchas habilidades, pero no siempre tienes que desarrollar todo completamente desde cero. Para usar cualquiera de las bibliotecas de JavaScript que se presentan en este artículo, deberá tener al menos algunas habilidades de JavaScript existentes, pero tampoco necesariamente tiene que ser un experto.

Lo que necesita para ser experto es cómo combinar las bibliotecas en un sitio para obtener el mayor beneficio de ellas. Esto no es realmente algo que se pueda enseñar. Es una habilidad que solo puedes aprender haciendo. Sin embargo, una vez que haya dominado los conceptos, no hay límite para su creatividad y lo que puede lograr con ella.

Aquí se recopila nuestra lista de las bibliotecas de JavaScript más útiles disponibles para los programadores para mejorar el sitio. Es posible que no vea su favorito en la lista aquí, pero eso no significa que no sea recomendable. De hecho, no se puede descartar ninguna biblioteca de JavaScript que te ayude a lograr algo que valga la pena. Pero con literalmente millones de bibliotecas para elegir, tenemos que trazar la línea en algún lugar.

1. jQuery

Es mejor comenzar con lo obvio. Es casi seguro que ya estés usando esta biblioteca de alguna manera, incluso si aún no lo sabes. Esencialmente, jQuery te permite hacer cosas dinámicas en páginas web estáticas más fácilmente que otros métodos, y no requiere programación del lado del servidor para lograr los resultados. Esto también significa que las actualizaciones pueden suceder más rápidamente que con las alternativas del lado del servidor. Muchas otras bibliotecas incluyen jQuery como una dependencia, por lo que probablemente deba incorporarlo a sus páginas incluso si no accede directamente a sus funciones.

2. Prototipo

Esto, de alguna manera, podría ser considerado un competidor de jQuery. No es necesariamente inferior, pero es mucho menos adoptado. El uso de prototype y jQuery juntos puede generar conflictos, a menos que tome medidas especiales para solucionar este problema. Es por esto que necesita conocer las dependencias dentro de las otras bibliotecas de JavaScript que usa.

3. Modernizr

Esta biblioteca ayuda a superar los problemas con la representación de páginas en navegadores antiguos que no son totalmente compatibles con HTML5. Si bien estos navegadores son cada vez más raramente encontrados, aún son parte del paisaje y tener Modernizr puede ayudarlo a enfrentar el problema de una manera eficiente.

4. Bootstrap

En solo seis cortos años, Bootstrap ha logrado una enorme proliferación en todo el mundo del desarrollo web. Solo se ocupa del diseño de la interfaz de usuario y la integración de componentes, pero lo hace muy bien. Sin embargo, tendrá que modificar la configuración predeterminada para casi todo, ya que se basan en el esquema de color de Twitter, que no es la interfaz de usuario más fácil de usar.

5. PDF.js

Es posible que sepa que el formato PDF está sujeto a ciertas vulnerabilidades. Para solucionar este problema, PDF.js se creó para representar contenido PDF en el lienzo HTML5. Obviamente, esto también significa que solo funciona en un navegador que admita HTML5 y Canvas.

6. JS Charts

Una excelente biblioteca que proporciona un generador de gráficos simple pero potente, para que pueda crear todo tipo de gráficos de aspecto profesional para su sitio sin invertir demasiado tiempo y esfuerzo. La versión gratuita es igualmente poderosa en comparación con la versión de pago, pero incluye una marca de agua. La compra de una licencia elimina esta marca de agua.

7. Chart.js

Esta es una alternativa realmente buena, completamente gratuita y sin marcas a JS Charts. Es fácil de usar, está bien documentado y se puede personalizar de infinitas maneras. Su uso requiere un poco más de habilidad de JavaScript que JS Charts.

8. D3.js

Este es un hermano mayor de los dos ejemplos anteriores, que están destinados a un uso ligero. Sin embargo, si está procesando datos en las grandes ligas, D3 le ofrece las funciones avanzadas que pueden llevar su presentación en línea al siguiente nivel. Cualquier tipo de datos puede visualizarse y expresarse en un número asombroso de formas. Solo revise los ejemplos en el sitio web de D3 para ver lo que se ha estado perdiendo.

9. bHive

Un gran marco de gráficos que es tan revolucionario para HTML5 Canvas como Raphaël fue para HTML4. bHive le permite crear rápidamente gráficos, animaciones SVG e incluso incorporar interactividad que se podría usar de muchas formas diferentes, como juegos simples y aplicaciones educativas.

10. búho del carrusel

Si bien no se debe alentar el uso excesivo de los carruseles, para aquellos momentos en que realmente necesita usar uno, Owl es uno de los complementos de carrusel más recomendados jamás creados para jQuery. Es compatible con ambas pantallas táctiles y dispositivos señaladores. Es compatible con deslizar y arrastrar y soltar. Es totalmente personalizable y responde de forma predeterminada.

11. Fecha.js

A veces es necesario poder expresar la información de la fecha de diferentes maneras para dar contexto al sitio. Las características de Date.js te permiten hacer exactamente esto, usando una sintaxis muy sencilla que no podría ser más fácil de aprender.

13. Moment.js

Otra fecha de formateo y procesamiento de libreria. Es un poco más complejo que Date.js, pero le permite realizar ciertos cálculos específicos fácilmente (después de, es Antes, es el mismo nombre, después, es el mismo Antes, es Entre, es un Año, es Fecha, y así sucesivamente). Cuando no necesite todos los gastos generales que vienen con estas características adicionales, use Date.js en su lugar.

13. dateDropper

Cuando necesita mostrar un control de calendario / fecha en su sitio, dateDropper es la solución más elegante y simple que hemos visto (y hemos visto mucho). También es más compatible con las interfaces móviles que muchas de las otras soluciones disponibles.

13. Numeral.js

Hace para los números lo que Date.js hace para las fechas.

14. wForms

Una biblioteca simple pero útil mantenida por en el archivo de Google Code, wForms facilita el trabajo de tareas comunes relacionadas con los formularios de entrada de usuarios. Estos incluyen validación de entrada, información sobre herramientas y otras características útiles.

15. sortTable

Las tablas clasificables han existido durante casi tanto tiempo como las tablas (tablas de datos, de todos modos). Pero con esta biblioteca de JavaScript de mano, puede hacer que cualquier tabla se pueda ordenar fácilmente simplemente agregando una clase a la tabla cuando la cree, lo cual es tan simple como: <table class = "sortable">

imagen del encabezado cortesía de Rogie

Bogdan Rancea

Bogdan es miembro fundador de Inspired Mag, habiendo acumulado casi 6 años de experiencia durante este período. En su tiempo libre le gusta estudiar música clásica y explorar artes visuales. También está bastante obsesionado con los fixies. Ya es dueño de 5.