24 Bibliotecas y recursos de JavaScript útiles para los desarrolladores

En los resultados de los desarrolladores de Overflow 2016, JavaScript tomó las principales distinciones en casa.No solo llegó a la parte superior de la lista para tecnologías estándar, front-end y back-end, sino que el 55.4% de las personas ahora dicen que lo usan en otros lenguajes de programación.JavaScript es una herramienta de programación extremadamente poderosa que cualquier desarrollador de WordPress puede tener en el cinturón de herramientas.Y debido a que JavaScript, como WordPress, alimenta tanta web, es esencial que los desarrolladores web conozcan este lenguaje de programación con fluidez.Ya sea que comience su carrera como desarrollador de WordPress y desea familiarizarse con JavaScript, o simplemente buscar un curso de capacitación, ahorrar algo de dinero y aprender a sí mismo: la web tiene más que suficientes herramientas y recursos en JavaScript para llevarlo a donde desea para llegar a.
Lo primero que debe hacer es abordar los conceptos básicos.Los 13 recursos enumerados aquí lo harán moverse en la dirección correcta.Luego, cuando esté listo para avanzar y mejorar su uso de JavaScript, ¿por qué no registrarse para nuestro curso JavaScript para desarrolladores de WordPress en la Academia?Si es miembro de WPMU Dev, puede registrarse de forma gratuita.Y si no es miembro, puede registrarse en la academia durante 14 días de forma gratuita.Paso 1: Estudie bibliotecas de JavaScript Si su sitio de WordPress ya tiene animación, desfile o cualquier otra característica dinámica fuera de una página web estática simple, entonces ya usa JavaScript.Pero para obtener una verdadera comprensión de este poderoso lenguaje de programación, deberá observar más de cerca el código.Una de las mejores maneras de hacer esto es estudiar las bibliotecas de JavaScript.
Cuando se trata de trabajar con JavaScript, probablemente escuchó la misma terminología referida una y otra vez: marcos, scripts, objetos, bibliotecas … descubrirá estos términos en los estudios básicos del idioma. Pero cuando esté listo para pasar a la siguiente etapa de su desarrollo, concéntrese en las bibliotecas. Hay códigos preescritos que cualquiera puede usar en su propio sitio web, lo que los hace valiosos en términos de ahorro de tiempo, así como para fines educativos. Como con cualquier otra nueva habilidad que pretenda dominar, si desea codificar bien, debe concentrarse en crear un código de alta calidad. Es por eso que las bibliotecas son un recurso útil. Tiene la oportunidad de echar un vistazo debajo del capó y ver qué tipo de sintaxis y otras buenas prácticas de codificación conducen a resultados de alta calidad en JavaScript. Luego, una vez que comprenda por qué funciona como lo hacen, puede adoptar esas bibliotecas y posiblemente adaptarlas para sus propias necesidades.
Hay una multitud de bibliotecas de JavaScript, y aparecen otras nuevas cada mes. Esto se debe a que hay mucho potencial en JavaScript, por lo que cuando se convierte en la necesidad de lograr algo con él, se forma una nueva biblioteca. Ahora, solo porque las bibliotecas de JavaScript son numerosas, eso no significa que tenga que conocer cada una. La clave para usar bibliotecas como herramientas educativas es elegir las que sean muy apreciadas (tal ventana emergente deslizante). La siguiente lista incluye una combinación de las principales bibliotecas de JavaScript, que deben tener, así como algunas que encontrará útil en aplicaciones de diseño modernas.
Hay una razón por la cual esta biblioteca se llama “columna vertebral”. Si ha sido un desarrollador web durante algunos años, sin duda se ha encontrado con el bacalao desordenado, y comprende sus efectos secundarios (no solo porque afecta su trabajo, sino también en la interfaz de usuario). Esta biblioteca se ha construido para que los desarrolladores tengan una manera fácil de usar “modelos” para más eficientes y mejorar el COD. ¿Estás interesado en Backbonejs?

Detalles
Boba.js
Boba es la biblioteca que los desarrolladores necesitan para integrar Google Analytics. Además, esta biblioteca planea facilitar el proceso de uso de Google Analytics en su sitio web.

¿Estás interesado en boba.js?
Detalles
Masón
Aunque hay muchos complementos de WordPress que pueden permitirle usar un aspecto de mampostería (como lo que ve en Pinterest) en su sitio web, generalmente son demasiado voluminosos y carecen lentamente. Si desea usar estilos de mampostería, consulte esta biblioteca de luz. ¿Estás interesado en Mason? Detalles

Chocolat.js
¿Eres fanático de los toboganes y los carruseles? ¿O tal vez desee presentar una cartera de fotos de alta resolución? Sin embargo, definitivamente necesitará un medio fácil para crear cajas brillantes. Esta biblioteca ofrece una serie de personalizaciones flexibles en términos de corte, dimensionamiento, navegación y más.
¿Estás interesado en Chocolat.js?

Detalles
D3.js
Si pasaste mucho tiempo trabajando en DOM, sabes lo agotador que puede ser. Aunque es una herramienta necesaria cuando desea crear contenido dinámico en su sitio web, no debe ser doloroso para trabajar. Library D3 es la solución para esto, que simplifica el proceso de adjuntar los datos al DOM. ¿Estás interesado en D3.JS?
Detalles

Drop.js
¿Alguna vez ha querido crear un efecto de disminución realmente grande en su sitio? Aunque generalmente encuentra este tipo de animación en un menú desplegable, hay otras formas en que puede colocar contenido en su sitio, y esta es la biblioteca que lo ayuda a hacerlo.
¿Estás interesado en Drop.js?

Detalles
Dinámica.js
El nombre de esta biblioteca es un poco engañoso, porque “dinámica” se refiere al tipo de contenido interactivo que puede crear con JavaScript. Dicho esto, puede crear efectos realmente divertidos con esta biblioteca, como escapar de una aguja, girar un ícono, animar un cargador y más. ¿Estás interesado en Dynamics.js? Detalles
Sevletjs

CreateJS es un conjunto de bibliotecas JavaScript que trabajan juntas para crear una rica interactividad en las páginas web. La Biblioteca Easeljs, en particular, se puede usar sola para diseñar videojuegos.
¿Estás interesado en Easeljs?
Detalles

Ascensor.js
¿Alguna vez ha querido darle a su sitio un desfile más interesante hasta la mejor funcionalidad? La biblioteca del ascensor hará esto por usted.
¿Estás interesado en Elevator.js?
Detalles

Fullpage.js

Los sitios web de una página pueden ser una experiencia divertida cuando se realizan correctamente. Si bien muchos desarrolladores se basan en paralaje o modelos estáticos simples para el diseño de sitios web de una página, hay otra forma de abordar esto. La biblioteca FullPage lo ayuda a crear un sitio web con una página completa, aunque cada nueva “sección” de la página puede ser accedida por un desfile del mouse o haciendo clic en la navegación estática.
¿Estás interesado en FullPage.js?
Detalles

Iconate.js
Los íconos son un elemento de diseño popular, con el minimalismo y el diseño de materiales de Google basados ​​en ellos para agregar personalidad a un diseño diferente. Si bien los íconos son pequeñas contribuciones a la imagen general, aún puede divertirse dándoles movimiento e interactividad. Estás interesado en iconed.js? Detalles
Martillo.js
Para aquellos que no son demasiado jóvenes para comprender esta referencia, esta biblioteca tiene el papel de decirle a los visitantes: “Puedes llegar a esto”. En otras palabras, si desea agregar clic, pellizcar, deslizar y otros gestos táctiles en su sitio, use la biblioteca de martillo.

¿Estás interesado en Hammer.js?
Detalles
JQuery

JQuey puede ser una de las bibliotecas JavaScript más populares. Con una actitud “escribe menos, hace más”, esta biblioteca permite a los desarrolladores simplificar HTML y trabajar más fluido en DOM. ¿Estás interesado en JQuey?
Detalles
Reaccionar
¿Desea más control sobre cómo se reproduce la interfaz interactiva de su sitio web? Allí la biblioteca React interviene. Si está familiarizado con el modelo MVC, esta biblioteca se ocupa de la “V” (o visualización) de la ecuación. ¿Estás interesado en React?

Detalles
Response.js Si ha tenido problemas para hacer que las fotos de su sitio web sean totalmente receptivas, deje de buscar. Esta biblioteca de luz le brinda la oportunidad de crear una funcionalidad verdaderamente receptiva para sus imágenes. ¿Estás interesado en Responsify.js?
Detalles

Paso 2: Practique la capacitación en línea de JavaScript en la segunda parte de su próxima capacitación en JavaScript, solicite recursos informativos e interactivos, incluida la capacitación en línea, que le ofrece una práctica. Aquí hay algunos para comenzar: prueba JavaScript
Este es un tutorial corto pero interactivo sobre los elementos básicos de JavaScript. ¿Estás interesado, prueba JavaScript?
Detalles
Tutorial de JavaScript para escuelas W3
Este tutorial dedica cada página a una determinada parte de la sintaxis de JavaScript. Un ejemplo de codificación se presenta con una sección Prueba usted mismo donde puede jugar con una instancia en vivo de la sintaxis. ¿Estás interesado en el tutorial de las Escuelas JavaScript W3?
Detalles

Jabber javascript
¿Quieres estar al día con lo último y mejor sobre JavaScript, pero no quieres tener que leer? Regístrese para este podcast semanal. ¿Estás interesado en JavaScript Jabber?
Detalles

Jardín Javascript
Una vez que se haya envuelto en JavaScript, todavía hay algo que aprender sobre los aspectos más extraños de este idioma. Puedes leer más sobre esto aquí. ¿Estás interesado en JavaScript Garden?
Detalles

Javascript para gatos
Aunque puede encontrar mucha de esta información en otros tutoriales de JavaScript, si aprende mejor viendo a otra persona, intente. ¿Estás interesado en JavaScript para gatos?
Detalles

Jsfiddle
Este no es un tutorial en línea ni un lugar de capacitación. Sin embargo, este sitio es un lugar maravilloso para llamar cuando desea probar sus habilidades de JavaScript antes de enviarlo a su sitio web. (También puede probar HTML y CSS aquí). ¿Estás interesado en JSFIDDLE?
Detalles

La conclusión no debe gastar mucho dinero para aprender a usar JavaScript.Al estudiar los recursos correctos y adquirir experiencia práctica con el lenguaje de programación, esto es todo lo que realmente necesita en su viaje para ser más fluido en JavaScript. Para usted: hay una biblioteca JavaScript que ha encontrado particularmente útil en sus propios estudios de lenguaje.
Etiquetas:
Javascript

Aprendizaje de JavaScript