¿Qué utilidad tienen estas librerías JavaScript?

  • Autor Autor Think Big
  • Fecha de inicio Fecha de inicio
Think Big

Think Big

1
Ni
Verificación en dos pasos activada
Verificado por Whatsapp
Suscripción a IA
Hola,

Para los entendidos en JavaScript, me gustaría preguntaros, ¿qué utilidad tienen estas librerías?

Apenas entiendo de programación y es por eso que lo pregunto. Se me hace como que son librerías generales pero no encuentro la utilidad específica de cada una.



Estuve informándome también acerca de Modernizr (https://modernizr.com) el cual lo vea de mucha utilidad. ¿Alguien ha hecho uso de él? y si es así, ¿con qué propósito?
 
Última edición:
Pero si en la página de cada una explican para que sirven... ._. :topsy_turvy:
 
Pero si en la página de cada una explican para que sirven... ._. :topsy_turvy:

Lo se, pero no me queda muy claro. No soy programador, por eso lo pregunto. Si lo tuviera claro, no lo preguntaba.

Hay otros como SweetAlert (SweetAlert) que tienen un propósito muy definido y está claro, pero en estos casos, no comprendo qué es lo que pueden llegar a hacer.
 
Te lo voy a explicar lo mas simple y resumido que pueda:

Cuando incluyes una de esas librerías dentro de tus proyectos lo que estas haciendo es llamar aun archivo externo donde hay definidas varias funciones que te van a ayudar a escribir menos código y/o romperte menos la cabeza buscando soluciones a problemas que ya han sido resueltos.

Por ejemplo, si necesitaras escribir un algoritmo que muestre, en una ventana pop-up, todos los enlaces de la web que el usuario está viendo, tendrías que escribir varias líneas de código, pero si alguna librería tiene implementada esa función, escribirías una sola línea de código: muestrameTodosLosEnlacesEnPopUp(); y listo (que nombre tan feo le puse a esa función :ambivalence🙂
 
Te lo voy a explicar lo mas simple y resumido que pueda:

Cuando incluyes una de esas librerías dentro de tus proyectos lo que estas haciendo es llamar aun archivo externo donde hay definidas varias funciones que te van a ayudar a escribir menos código y/o romperte menos la cabeza buscando soluciones a problemas que ya han sido resueltos.

Por ejemplo, si necesitaras escribir un algoritmo que muestre, en una ventana pop-up, todos los enlaces de la web que el usuario está viendo, tendrías que escribir varias líneas de código, pero si alguna librería tiene implementada esa función, escribirías una sola línea de código: muestrameTodosLosEnlacesEnPopUp(); y listo (que nombre tan feo le puse a esa función :ambivalence🙂

Vale, ese concepto lo entiendo, pero cada librería, ¿a qué te ayuda a la hora de escribir menos líneas de código JS? Es decir, si yo quiero hacer un proyecto, ¿cómo se si elegir PolymerJS o BackboneJS?
 
Te lo voy a explicar lo mas simple y resumido que pueda:

Cuando incluyes una de esas librerías dentro de tus proyectos lo que estas haciendo es llamar aun archivo externo donde hay definidas varias funciones que te van a ayudar a escribir menos código y/o romperte menos la cabeza buscando soluciones a problemas que ya han sido resueltos.

Por ejemplo, si necesitaras escribir un algoritmo que muestre, en una ventana pop-up, todos los enlaces de la web que el usuario está viendo, tendrías que escribir varias líneas de código, pero si alguna librería tiene implementada esa función, escribirías una sola línea de código: muestrameTodosLosEnlacesEnPopUp(); y listo (que nombre tan feo le puse a esa función :ambivalence🙂

Vale que bonito asi uno entiende 😛
 
Vale, ese concepto lo entiendo, pero cada librería, ¿a qué te ayuda a la hora de escribir menos líneas de código JS? Es decir, si yo quiero hacer un proyecto, ¿cómo se si elegir PolymerJS o BackboneJS?

Dichas librerías tienen diferentes usos: Polymer JS te facilita la creación de componentes en la web, Backbone JS es un framework MVC y lo puede combinar con Polymer.

Ejemplo de polymer creando un componente "usuario"

components/usuario.html
HTML:
<dom-module id="usuario">
  <template>
    <img src="{{imagen}}" />
    <p>{{usuario}}</p>
  </template>
  <script>
    Polymer({
      is: 'usuario',
        properties: {
        usuario: String,
        imagen: String
      }
    });
  </script>
</dom-module>

para usar:

HTML:
<link rel="import" href="components/usuario.html">
<usuario usuario="Think Big" imagen="forobeta.jpg"></usuario>

Cual quier otra duda comenta y quiero preguntar por que quieres aprender de todas esas librerías ?
 
Última edición:
[MENTION=127525]jsstoni[/MENTION] ¿me podrías explicar brevemente para qué sirven las otras librerías? me quedó claro Polymer y Backbone
 
[MENTION=35258]Think Big[/MENTION]

UnderscoreJS: Librería que agrega o mejora métodos o funciones ya existen dentro de JavaScript, simplemente facilita hacer algunas cosas de manera abreviada.

KnockoutJS: Es una librería que añade funciones como refrescado automático de la pagina, una mejor unión de los datos con la interfaz gráfica y crear Template eso ayuda a crear secciones de código pequeñas dentro de una sección, veamos si me explico con esto, permite resolver problemas grandes picándolo en problemas mas pequeños fáciles de resolver.

RequireJS: Lo que nos facilita digamos lo de esta forma es que tienes un conjunto de archivos JavaScript dentro de la carpeta "JS" y con esta librería le dices en el HTML que agregue todos los .js que encuentre en la carpeta "JS" al HTML.

HeadJS: Te ayuda a crear diseños adaptables y con incompatibilidades con el navegador. Hoy día no creo que se utilice mucho esta librería.

Handlebars: Este ayuda a crear modelos semánticos dentro del HTML y darle un valor desde JavaScript.

Ejemplo en el HTML:
<h1>{{title}}</h1>
Ejemplo en Javascript:
var context = {title: "Soy el contenido que va en el H1"};
var html = template(context);

MustacheJS: Parecido a Handlebars pero con mas super poderes digamoslo de esta forma en la parte logica.
Handlebars
 
Muchas gracias por la explicación [MENTION=173658]Arialess[/MENTION] - Me quedó todo muy claro ahora
 
Atrás
Arriba