Lista de librerías de Javascript

Lo siguiente es una lista completa de librerías Javascript usadas por Magento 2. Es conveniente tener experiencia en algunas de las librerías por ejemplo KnockoutJs. Magento utiliza excesivamente esta librería.

  • KnockoutJs
    • Homepage: https://knockoutjs.com/
    • Descripción: Enlaces declarativos. Asocie fácilmente elementos DOM con datos del modelo utilizando una sintaxis concisa y legible. Actualización automática de la interfaz de usuario
  • Undescorejs
    • Homepage: https://underscorejs.org/
    • Descripción: Underscore es una biblioteca de JavaScript que proporciona una gran cantidad de útiles herramientas de programación funcional sin extender ningún objeto integrado.
  • Jquery
    • Homepage: https://jquery.com/
    • Descripción: jQuery es u,na biblioteca de JavaScript rápida, pequeña y rica en funciones. Hace cosas como el recorrido y la manipulación de documentos HTML, el manejo de eventos, la animación...
  • MomentJs
    • Homepage: https://momentjs.com/
    • Descripción: Una librería de fechas de JavaScript para analizar, validar, manipular y formatear fechas. Estado del proyecto. Moment.js es un proyecto heredado, ahora en modo de mantenimiento
  • MatchMediaJs
    • Homepage: https://github.com/paulirish/matchMedia.js/
    • Descripción: Prueba si se aplica un tipo de medio CSS o una consulta de "medias"
  • RequireJs
    • Homepage: https://requirejs.org/
    • Descripción: RequireJS es un cargador de módulos y archivos JavaScript. Está optimizado para uso en el navegador, pero se puede usar en otros entornos de JavaScript, como Rhino y Node.
  • PrototypeJs
    • Homepage: http://prototypejs.org
    • Descripción: Prototype es un Framework de JavaScript que tiene como objetivo facilitar el desarrollo de aplicaciones web dinámicas. Ofrece un marco OOP de estilo de clase familiar, amplia compatibilidad con Ajax, construcciones de programación de orden superior y fácil manipulación de DOM.
  • MagnifierJs
    • Homepage: https://mark-rolich.github.io/Magnifier.js/
    • Descripción: Magnifier.js es una librería de Javascript que permite el efecto de lupa en una imagen.
  • Fotorama
    • Homepage: https://fotorama.io/
    • Descripción: Fotorama es un complemento de galería de imágenes jQuery de código abierto moderno y con capacidad de respuesta nativa. Controles intuitivos, gran compatibilidad con navegadores.
  • ChartJs
    • Homepage: https://www.chartjs.org
    • Descripción: Gráficos de JavaScript basados en HTML5 simples, limpios y atractivos. Chart.js es una manera fácil de incluir gráficos animados e interactivos en su sitio web de forma gratuita.
  • LessCss
    • Homepage: https://lesscss.org/
    • Descripción: Less amplía CSS con comportamiento dinámico como variables, mixins, operaciones y funciones. Menos se ejecuta tanto en el lado del servidor (con Node.js y Rhino) como en el lado del cliente (solo navegadores modernos).
  • Credit Card Validation Javascript
    • Homepage: Stephen Chapman, Felgall Pty Ltd
    • Descripción: Validar el número de la tarjeta de crédito. Está en lib/web/lib/ccard.js.
  • JsStorage
    • Homepage: https://github.com/julien-maurel/js-storage
    • Descripción: JS Storage es un complemento que simplifica el acceso a los almacenamientos (HTML5), las cookies y la funcionalidad de almacenamiento de espacios de nombres y brinda compatibilidad para navegadores antiguos con cookies

Jerarquía de ficheros de lib/web

Lista de las librerías propias de Magento. Es recomendable tener conocimientos básicos de estas librerías.

    
    # lib/web/mage
    mage
    │  accordion.js
    │  bootstrap.js
    │  calendar.css
    │  calendar.js
    │  captcha.js
    │  collapsible.js
    │  common.js
    │  cookies.js
    │  dataPost.js
    │  decorate.js
    │  deletable-item.js
    │  dropdown.js
    │  dropdowns.js
    │  dropdown_old.js
    │  edit-trigger.js
    │  fieldset-controls.js
    │  ie-class-fixer.js
    │  item-table.js
    │  loader.js
    │  loader_old.js
    │  mage.js
    │  menu.js
    │  multiselect.html
    │  multiselect.js
    │  polyfill.js
    │  popup-window.js
    │  redirect-url.js
    │  smart-keyboard-handler.js
    │  sticky.js
    │  storage.js
    │  tabs.js
    │  template.js
    │  terms.js
    │  toggle.js
    │  tooltip.js
    │  touch-slider.js
    │  translate-inline.css
    │  translate-inline.js
    │  translate.js
    │  trim-input.js
    │  url.js
    │  validation.js
    │
    ├─adminhtml
    │  │  accordion.js
    │  │  backup.js
    │  │  browser.js
    │  │  events.js
    │  │  form.js
    │  │  globals.js
    │  │  grid.js
    │  │  tools.js
    │  │  varienLoader.js
    │  │
    │  └─wysiwyg
    │      │  events.js
    │      │  widget.js
    │      │
    │      └─tiny_mce
    │          │  html5-schema.js
    │          │  setup.js
    │          │  tinymce5Adapter.js
    │          │
    │          ├─plugins
    │          │  ├─magentovariable
    │          │  │      editor_plugin.js
    │          │  │
    │          │  └─magentowidget
    │          │          editor_plugin.js
    │          │
    │          └─themes
    │              │  ui.css
    │              │
    │              └─advanced
    │                  └─skins
    │                      └─default
    │                              content.css
    │                              dialog.css
    │
    ├─apply
    │      main.js
    │      scripts.js
    │
    ├─backend
    │      action-link.js
    │      bootstrap.js
    │      button.js
    │      editablemultiselect.js
    │      floating-header.js
    │      form.js
    │      menu.js
    │      notification.js
    │      suggest.js
    │      tabs.js
    │      tree-suggest.js
    │      validation.js
    │
    ├─gallery
    │  │  gallery.html
    │  │  gallery.js
    │  │  gallery.less
    │  │  gallery.png
    │  │
    │  └─module
    │          _extends.less
    │          _focus.less
    │          _fullscreen.less
    │          _mixins.less
    │          _variables.less
    │
    ├─msie
    │      file-reader.js
    │
    ├─requirejs
    │      baseUrlResolver.js
    │      mixins.js
    │      resolver.js
    │      static.js
    │      text.js
    │
    ├─utils
    │      arrays.js
    │      compare.js
    │      main.js
    │      misc.js
    │      objects.js
    │      strings.js
    │      template.js
    │      wrapper.js
    │
    └─validation
            url.js
            validation.js