A menudo escuchamos t\u00e9rminos como biblioteca de JavaScript o marco de JavaScript, pero muchas personas nuevas en el campo no conocen la diferencia entre las bibliotecas JS y los marcos de JS. Muchos lugares en l\u00ednea han tratado de encontrar respuestas a esta pregunta frecuente.<\/p>\n Una buena respuesta indica que una biblioteca JS es una biblioteca de c\u00f3digos JavaScript preescritos dise\u00f1ados para mejorar el desarrollo m\u00e1s f\u00e1cil de aplicaciones basadas en JS. Posteriormente, una biblioteca de JavaScript podr\u00eda contener varios m\u00e9todos, objetos o funciones, lo que depende del idioma.<\/p>\n Su aplicaci\u00f3n, el c\u00f3digo principal, puede llamar a la biblioteca JS para permitir el acceso a la funcionalidad.<\/p>\n Un marco de JavaScript es una colecci\u00f3n de bibliotecas de JavaScript que llamar\u00e1 y usar\u00e1 el c\u00f3digo principal de una manera particular. Un marco define todo el dise\u00f1o de la aplicaci\u00f3n, posee el control de su aplicaci\u00f3n y ofrece devoluciones de llamada y ganchos sobre los que puede construir.<\/p>\n Una biblioteca de JavaScript es una pieza de c\u00f3digo que se puede reutilizar para proporcionar una funcionalidad espec\u00edfica. Es diferente de un marco en su flujo de control: una biblioteca ofrece funciones, clases y objetos para ser llamados por su c\u00f3digo padre, es decir, para ser usados \u200b\u200ben su aplicaci\u00f3n.<\/p>\n La biblioteca extraer\u00e1 o seleccionar\u00e1 diferentes capas, lo que significa que no tendr\u00e1 que preocuparse por los detalles de la implementaci\u00f3n. Llama a una funci\u00f3n en la biblioteca y dale varios par\u00e1metros. La biblioteca de JavaScript lo ejecutar\u00e1 y le devolver\u00e1 el control.<\/p>\n Las bibliotecas de JavaScript no imponen restricciones estructurales para limitar la forma en que usa la biblioteca.<\/p>\n Echa un vistazo a esta popular colecci\u00f3n de bibliotecas de JavaScript:<\/p>\n Los desarrolladores de Instagram y Facebook son los creadores de React, una biblioteca de JavaScript vers\u00e1til, que los desarrolladores han designado como la tecnolog\u00eda m\u00e1s querida seg\u00fan la Encuesta de desbordamiento de pila de 2017. El conteo de estrellas de GitHub lo califica como el proyecto de JavaScript m\u00e1s popular.<\/p>\n React permite a los desarrolladores generar una interfaz de usuario interactiva a trav\u00e9s de un m\u00e9todo declarativo que permite el control total del estado de la aplicaci\u00f3n al indicar "la vista deber\u00eda verse as\u00ed".<\/p>\n React emplea un modelo basado en componentes y cada componente es un elemento de interfaz de usuario reutilizable con su propio estado. Usando un DOM virtual, React es una de las mejores bibliotecas de JavaScript que elimina las preocupaciones relacionadas con la manipulaci\u00f3n directa del DOM de la ecuaci\u00f3n.<\/p>\n React es una biblioteca de JavaScript rica en funciones y algunas de sus caracter\u00edsticas m\u00e1s destacadas incluyen sintaxis JSX opcional, flujo de datos unidireccional y una herramienta de l\u00ednea de comandos que mejora la creaci\u00f3n de un proyecto React sin necesidad de configurar la construcci\u00f3n. Con los muchos paquetes de React<\/a> disponibles, puede crear cosas asombrosas.<\/p>\n \u00bfQu\u00e9 es jQuery? jQuery es una biblioteca de JavaScript, y puede descargar jQuery en jquery.com o en el sitio web de JavaScript, donde tambi\u00e9n puede encontrar documentaci\u00f3n de jQuery sobre c\u00f3mo usar jQuery. La biblioteca jQuery es un software multiplataforma gratuito que utiliza una licencia MIT permisiva.<\/p>\n \u00bfPara qu\u00e9 se usa jQuery? JavaScript jQuery permite una manipulaci\u00f3n DOM m\u00e1s f\u00e1cil y hace que JavaScript sea m\u00e1s accesible. \u00bfEs jQuery un marco? No, Java Script jQuery es una biblioteca, no un marco. Es una biblioteca f\u00e1cil de usar para desarrolladores debido a su f\u00e1cil sintaxis y su suave curva de aprendizaje.<\/p>\n jQuery es una de las bibliotecas de JavaScript m\u00e1s populares y su popularidad como un creador de sitios web confiable con compatibilidad entre navegadores se debi\u00f3 a caracter\u00edsticas fundamentales, como el manejo de eventos, la manipulaci\u00f3n de DOM basada en selectores de CSS y la capacidad de realizar llamadas AJAX.<\/p>\n JavaScript como lenguaje de programaci\u00f3n ha evolucionado mucho y varias de las funciones m\u00e1s recientes de jQuery se han integrado con la especificaci\u00f3n ECMAScript m\u00e1s reciente.<\/p>\n Los principales marcos y bibliotecas de JavaScript de la actualidad ya no requieren t\u00e9cnicas de manipulaci\u00f3n de DOM, ya que tienen un m\u00e9todo integrado para vincular el DOM. En este contexto, jQuery puede no ser tan popular como sol\u00eda ser, pero sigue siendo una de las bibliotecas de JavaScript m\u00e1s utilizadas.<\/p>\n D3 es una biblioteca de visualizaci\u00f3n que utiliza est\u00e1ndares como HTML, SVG y CSS. Es una biblioteca de JavaScript poderosa y \u00fanica que mejora sustancialmente el control sobre el resultado final.<\/p>\n D3: Documentos controlados por datos vincula los datos al DOM y realiza la transformaci\u00f3n en el documento. Con su propio ecosistema de bibliotecas y complementos, D3 ha ampliado su funcionalidad b\u00e1sica. Adem\u00e1s, hay numerosos tutoriales y documentaci\u00f3n disponibles en l\u00ednea.<\/p>\n Underscore ingres\u00f3 al reino de JavaScript en 2009 y fue desarrollado por Jeremy Ashkenas como una biblioteca de utilidades vers\u00e1til que abarca m\u00e1s de 100 funciones diferentes. Estas funciones permiten a los desarrolladores controlar objetos, matrices y otras funciones.<\/p>\n Las caracter\u00edsticas clave incluyen ayudantes de programaci\u00f3n funcional, como mapa, filtro y reducci\u00f3n. FP, o Programaci\u00f3n funcional, es un paradigma popular que evita cambiar el estado y alterar los datos.<\/p>\n Lodash ingres\u00f3 al mundo de las bibliotecas de JavaScript en 2012. Dise\u00f1ado por John-David Dalton, Lodash ofrece soporte de iteraci\u00f3n constante en varios entornos para cadenas, matrices y objetos de argumento.<\/p>\n Hoy, Lodash es el superconjunto de Underscore definido por documentaci\u00f3n mejorada y m\u00e1s caracter\u00edsticas. La mayor\u00eda de los desarrolladores, incluidos los colaboradores de Underscore, ahora trabajan con Lodash en lugar de Underscore.<\/p>\n Los est\u00e1ndares de JavaScript han evolucionado tanto que muchas de las utilidades que ofrecen las bibliotecas externas ahora est\u00e1n incluidas en JavaScript.<\/p>\n En este contexto, es posible que ya no se necesiten Lodash y Underscore, aunque tanto Lodash como Underscore siguen siendo excelentes bibliotecas de utilidades, particularmente \u00fatiles para las aplicaciones de FP.<\/p>\n JavaScript Frameworks establece y controla el flujo de control de su aplicaci\u00f3n. Define el esqueleto y les dice a los desarrolladores c\u00f3mo deben organizarse los elementos esenciales. Los mejores marcos de JavaScript tambi\u00e9n brindan funcionalidad b\u00e1sica para configurar la aplicaci\u00f3n.<\/p>\n Al usar un marco de JavaScript, se ve obligado a respetar los patrones y principios de dise\u00f1o del marco respectivo. El marco te llama, mientras que t\u00fa llamas a una biblioteca.<\/p>\n Los marcos de JavaScript con frecuencia consisten en numerosas bibliotecas. Tienen un alto nivel de abstracci\u00f3n y una serie de caracter\u00edsticas incorporadas, que incluyen pruebas, enlace de plantillas, enlace de datos, llamadas AJAX o manejo de eventos. Estos son algunos de los mejores marcos de JavaScript:<\/p>\n Tres marcos principales gobiernan el mundo de JavaScript en la categor\u00eda de popularidad, es decir, Angular, Vue y React. Estos marcos son el mejor lugar para comenzar a aprender un marco para nuevos desarrolladores. Hay muchos recursos de aprendizaje disponibles.<\/p>\n Una vez acu\u00f1ado como el mejor y m\u00e1s popular marco de JavaScript, as\u00ed como el mejor marco de front-end para JavaScript, Angular cont\u00f3 con el apoyo de Google y de un grupo s\u00f3lido de corporaciones e individuos. La \u00faltima versi\u00f3n de Angular se lanz\u00f3 en 2016.<\/p>\n Vue.js es un marco JavaScript progresivo lanzado en 2014 por Evan You en un momento en que todav\u00eda formaba parte del equipo de Google. Un marco de c\u00f3digo abierto, Vue.js ha cambiado dr\u00e1sticamente desde 2014 y ahora se considera un SPA refinado.<\/p>\n La progresividad de Vue lo convierte en un poderoso marco de JavaScript porque puede agregarlo a su aplicaci\u00f3n progresivamente. Es un marco que se puede mezclar y combinar f\u00e1cilmente en sus proyectos JS, una gran caracter\u00edstica de la que carecen tanto Angular como Ember.<\/p>\n Las funciones disponibles con Vue.js incluyen plantillas, componentes, enlace de datos bidireccional, enfoque de reactividad y transiciones.<\/p>\n Bootstrap es un marco de JavaScript de front-end que se cre\u00f3 para aquellos a quienes no les gusta el dise\u00f1o. Bootstrap, anteriormente conocido como Twitter Blueprint, se promociona a s\u00ed mismo como el mejor marco JS, HTML y CSS para proyectos receptivos que priorizan los dispositivos m\u00f3viles.<\/p>\n Mark Otto y Jacob Thornton, que formaban parte de Twitter en ese momento, lanzaron Bootstrap en 2011. Es un marco que las personas que no son dise\u00f1adores pueden usar para producir sin gran esfuerzo sitios de aspecto razonable e implementar un dise\u00f1o receptivo.<\/p>\n Bootstrap utiliza complementos JS e \u00edconos, estilos y componentes CSS. Los complementos incluyen modelos, alertas, men\u00fas desplegables y botones, entre otros.<\/p>\n Otro marco JS de c\u00f3digo abierto, Ember.Js es una herramienta de compilaci\u00f3n desarrollada por Yehuda Katz como SproutCore 2.0 y lanzada en 2011. Tiene un enrutador incorporado y Ember Data. Ember.js se considera un marco r\u00edgido y adaptable que se centra en la convenci\u00f3n en lugar de la configuraci\u00f3n.<\/p>\n Muchos desarrolladores nuevos se sienten desalentados por los desarrolladores experimentados que afirman que el campo de JavaScript est\u00e1 cambiando demasiado r\u00e1pido. Como nuevo desarrollador, es posible que escuche quejas sobre c\u00f3mo hay demasiadas bibliotecas y marcos de JavaScript que surgen demasiado r\u00e1pido.<\/p>\n S\u00ed, el mundo de JavaScript es un entorno acelerado; no tiene sentido negar lo obvio. Sin embargo, a\u00fan necesita aprender un marco si desea ingresar al reino JS. Este art\u00edculo solo ofrece un vistazo r\u00e1pido al vibrante mundo de las bibliotecas y marcos de JavaScript.<\/p>\n \u00a1Pase al siguiente nivel y seleccione un marco y una biblioteca y comience a aprender!<\/p>\n Si disfrut\u00f3 leyendo este art\u00edculo sobre bibliotecas de JavaScript, debe consultar este sobre el salario de desarrollador de WordPress<\/a>.<\/p>\n Tambi\u00e9n escribimos sobre algunos temas relacionados como la capacitaci\u00f3n de WordPress<\/a>, convertir HTML a WordPress<\/a>, el mejor editor de c\u00f3digo<\/a> y las extensiones de Brackets<\/a>.<\/p>\n![\"Bibliotecas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-204142-61e8c7faeee9b.jpg\")
<\/a><\/p>\n\n
\u00bfQu\u00e9 es una biblioteca JavaScript?<\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\n\n
\u00bfQu\u00e9 es un marco de JavaScript?<\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\nBibliotecas JavaScript<\/h3>\n
<\/a><\/p>\n\n
Reaccionar<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
jQuery<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
D3: Documentos basados \u200b\u200ben datos<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
Gui\u00f3n bajo y Lodash<\/strong><\/h3>\n<\/li>\n<\/ol>\n
\n
Guion bajo<\/a><\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\n\n
Lodash<\/a><\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\nMarcos populares de JavaScript<\/strong><\/h3>\n
<\/a><\/p>\nLos tres grandes marcos de JavaScript<\/h3>\n
\n
Angular<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
js<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
Oreja<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
humano.js<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\nPensamientos finales sobre las bibliotecas de JapaScript<\/strong><\/h3>\n