tutorial español javascript extjs frameworks

javascript - extjs 6 tutorial español



¿Cuáles son las alternativas a ExtJS? (1)

Entonces, lo que estoy buscando es un marco de JavaScript que pueda usar que tenga varios controles de UI. He echado un vistazo a jQuery pero esos controles son muy básicos en comparación con ExtJS. ¿Hay alguna otra alternativa competitiva?

Esta pregunta existe porque tiene un significado histórico, pero no se considera una buena pregunta sobre el tema para este sitio , así que no la use como evidencia de que puede hacer preguntas similares aquí. Más información: help .

Nada se compara con extjs en términos de tamaño de la comunidad y presencia en . A pesar de la controversia previa, Ext JS ahora tiene una licencia de código abierto GPLv3 . Su curva de aprendizaje es larga, pero puede ser muy gratificante una vez que se aprende . Ext JS carece de un tema de diseño de materiales , y el equipo se ha negado reiteradamente a liberar el código fuente en GitHub . Para dispositivos móviles, uno debe usar la biblioteca Sencha Touch separada.

Ten en cuenta también eso,

grandes bibliotecas de JavaScript, como YUI, han recibido menos atención de la comunidad. Muchos desarrolladores hoy ven grandes bibliotecas de JavaScript como jardines amurallados en los que no quieren estar encerrados.

- Anuncio de cese del desarrollo de YUI

Dicho esto, a continuación se encuentran varias alternativas de Ext JS actualmente disponibles.

Principales bibliotecas de widget de cliente

  1. Webix : una biblioteca de componentes de interfaz de usuario de JavaScript avanzada, fácil de aprender , apta para dispositivos móviles, receptiva y rica en código abierto y gratuito. Webix se separó de DHTMLX Touch (un proyecto con 8 años de desarrollo detrás de él, ver más abajo) y se convirtió en un marco de componentes de UI independiente. La edición GPL3 permite el uso comercial y permite que las aplicaciones no GPL que usan Webix conserven su licencia, por ejemplo, MIT, a través de una exención de licencia para FLOSS . Webix tiene 55 widgets de UI, incluidos árboles, cuadrículas, rejillas de árbol y gráficos. Los fondos provienen de una edición comercial con algunos widgets avanzados (Pivot, Scheduler, Kanban, organigrama, etc.). Consulte Wikipedia para ver la extensa lista de integraciones (Bootstrap, jQuery, Font Awesome) y widgets. Actualización de febrero de 2015 : Webix es el primer marco de componentes de UI que se integra con meteor .

    Skins ven modernas e incluyen un tema de diseño de materiales . El tema táctil también se ve bastante Material Design-ish. Ver también el Skin Builder .

    Presencia mínima de GitHub , pero incluye el código de la biblioteca y la documentación (que necesita mejoras). Webix sufre de tener un equipo pequeño y falta de marketing . Sin embargo, han sido muy receptivos a los comentarios de los usuarios, tanto en GitHub como en su foro .

    La biblioteca es delgada (128 Kb gzip + minificada para los 55 widgets), más rápida que ExtJS, dojo y otros , y el diseño es agradable.

    Las demostraciones en Webix.com se ven y funcionan muy bien . El desarrollador, XB Software , utiliza Webix en las soluciones que construyen para los clientes que pagan, por lo que es probable que haya un futuro bueno y financiado.

    Wikipedia • GitHub • 10 líneas de código • Demostración de panel de administración • Demos • Ejemplos de widgets

  2. OpenUI5 : marco de interfaz de usuario con 180 widgets, con licencia de Apache 2.0 y completamente abierto y financiado por el gigante de software alemán SAP SE .

    La comunidad es mucho más grande que la de Webix, SAP está contratando desarrolladores para hacer crecer OpenUI5 , y presentaron OpenUI5 en OSCON 2014 .

    Los temas del escritorio son bastante mediocres, pero el conjunto de aplicaciones Fiori para dispositivos móviles se ve limpio y ordenado . No está claro si el diseño de Fiori se puede usar fácilmente en otras aplicaciones.

    Fiori http://experience.sap.com/fiori-guidelines/img/large/AppFramework_Master-Detail_no-1-small.png

    Wikipedia • GitHub • demostraciones de controles para dispositivos móviles • demostraciones de controles de escritorio • SO

  3. DojoToolkit y su poderoso conjunto de widgets Dijit. Completamente de código abierto y desarrollado activamente en GitHub , sin ediciones "profesionales". Licencia BSD / AFL. El desarrollo comenzó en 2004 y la Fundación Dojo está siendo patrocinada por IBM, Google y otros - vea Wikipedia . 7500 preguntas aquí en SO .

    Los temas se ven orientados al escritorio y a la fecha: consulte el probador de temas en dijit . La vista previa del tema oficial está rota y solo muestra "Claro". Existe un tema de Bootstrap , que se parece mucho a Bootstrap, pero no usa clases de Bootstrap. En enero de 2015, comencé un hilo sobre la construcción de un tema de diseño de materiales para Dojo , que se hizo bastante popular en las primeras horas. Sin embargo, hay preguntas sobre la construcción de ese tema para el actual Dojo 1.10 vs. el próximo Dojo 2.0 . La respuesta a ese hilo muestra una comunidad activa y amplia que cubre muchas zonas horarias.

    Desafortunadamente, Dojo ha perdido popularidad y menos compañías parecen usarlo , a pesar de tener (¿tenía?) Un fuerte punto de apoyo en el mundo empresarial . En 2009-2012, su curva de aprendizaje fue abrupta y la documentación necesitaba mejoras; aunque la documentación ha mejorado sustancialmente , no está claro qué tan fácil es elegir a Dojo hoy en día.

    Con un tema de diseño de materiales , Dojo (2.0?) Podría ser el marco de referencia de los componentes de la interfaz de usuario.

    Wikipedia • GitHub • Temas • widgets • Widgets de escritorio • SO

  4. kendo : más de 40 widgets básicos de código abierto, además de widgets comerciales profesionales (cuadrículas, árboles, gráficos, etc.). Soporte receptivo y móvil. Funciona con Bootstrap y AngularJS. Moderno, con temas de diseño de materiales . La documentación está disponible en GitHub , que ha permitido numerosas contribuciones de los usuarios (4500+ commits, 500+ PRs desde enero de 2015).

    Bien respaldado comercialmente, que reclama millones de desarrolladores y forma parte de una gran familia de herramientas de desarrollo. Telerik ha recibido muchos elogios , es una compañía multinacional (Bulgaria, EE. UU.), Fue adquirida por Progress Software y es una leader .

    Una licencia de desarrollador de Kendo UI Professional cuesta $ 700 y publicar el acceso a la mayoría de los foros está condicionado a tener una licencia o estar en período de prueba.

    [Wikipedia] • GitHub/Telerik • Demos • Demos Playground • Tools

  5. DHTMLX - Biblioteca de JavaScript para crear aplicaciones web y móviles ricas. Se parece más a ExtJS: mira las demos . Se ha desarrollado desde 2005 pero aún se ve moderno. Todos los componentes, excepto TreeGrid, están disponibles bajo GPLv2, pero las características avanzadas para muchos componentes solo están disponibles en la edición PRO comercial; consulte, por ejemplo, el tree . Reclamaciones para ser utilizadas por muchas compañías Fortune 500.

    Presencia mínima en GitHub (falta el código de la biblioteca principal ) y pero foro activo . La documentación no está disponible en GitHub , lo que dificulta la mejora de la comunidad.

  6. Polymer , un polyfill de Web Components, además de Polymer Paper , la implementación de Google del diseño Material. Dirigido a aplicaciones web y móviles. No tiene widgets avanzados como árboles o incluso cuadrículas, pero los controles que proporciona son móviles primero y receptivos. Utilizado por muchos grandes jugadores, por ejemplo, IBM o USA Today .

  7. PrimeUI : colección de más de 45 widgets enriquecidos basados ​​en jQuery UI. Licencia de Apache 2.0. Pequeña comunidad de GitHub . 35 temas premium disponibles.

  8. qooxdoo - "un marco universal de JavaScript con un conjunto coherente de componentes individuales", desarrollado y financiado por el proveedor de alojamiento web alemán 1 & 1 (ver los contributors , una de las compañías de hosting más grandes del mundo, GPL / EPL ).

    Los temas móviles se ven modernos, pero los temas de escritorio se ven viejos (degradados).

    Wikipedia • GitHub • Web / Móvil / Escritorio • • Widget browser • SO • Playground • Community

  9. jQuery UI : fácil de recoger; se ve un poco anticuado; carece de widgets avanzados. Por supuesto, puede combinarlo con widgets independientes para necesidades particulares, por ejemplo, trees u otros componentes de UI , pero lo mismo puede decirse de cualquier otro marco.

  10. angular + UI angular . Si bien Angular cuenta con el respaldo de Google, se está renovando radicalmente en la próxima versión 2.0 y "los usuarios deberán familiarizarse con un nuevo tipo de arquitectura. También se ha confirmado que no habrá una ruta de migración desde Angular 1.X hasta 2.0 ". Además, el consenso parece ser que Angular 2 no estará realmente listo para usarse hasta dentro de uno o dos años . La interfaz de usuario angular tiene relativamente pocos widgets (sin árboles, por ejemplo).

  11. Enyo : biblioteca frontal destinada a aplicaciones móviles y de televisión (por ejemplo, grandes controles táctiles). Desarrollado por LG Electronix y Apache con licencia en GitHub .

  12. El radical Cappuccino - Objective-J (un superconjunto de JavaScript) en lugar de HTML + CSS + DOM

  13. Mochaui , biblioteca de interfaz de usuario de la biblioteca UI de MooTools. <300 estrellas de GitHub.

  14. CrossUI : marco JS entre navegadores para desarrollar y empaquetar exactamente el mismo código y la interfaz de usuario en aplicaciones web, aplicaciones Native Desktop (Windows, OS X, Linux) y aplicaciones móviles (iOS, Android, Windows Phone, BlackBerry). Open open source LGPL3. Herramienta RAD destacada (generador de formularios, etc.). La IU parece de escritorio, no de web. Comunidad desarrollada activamente, pequeña . Sin presencia en GitHub .

  15. ZinoUI - widgets simples. El DataTable, por ejemplo, ni siquiera es compatible con la clasificación.

  16. Wijmo : widgets comerciales atractivos, con widgets antiguos (jQuery UI) de código abierto en GitHub (su desarrollo se detuvo en 2013). Desarrollado por ComponentOne , una división de GrapeCity. Ver Wijmo completo vs. Abierto .

  17. CxJS : marco JS comercial basado en React, Babel y paquete web que ofrece elementos de formulario, validación de formularios, control de cuadrícula avanzado, elementos de navegación, información sobre herramientas, superposiciones, gráficos, enrutamiento, soporte de diseño, temas, formato dependiente del cultivo y más.

Widgets - Aplicaciones de demostración - Examples - GitHub

Marcos de pila completa

  1. SproutCore : desarrollado por Apple para aplicaciones web con rendimiento nativo, manejando grandes conjuntos de datos en el cliente. Powers iCloud.com. No destinado para widgets.

  2. Wakanda : dirigido a aplicaciones web empresariales / empresariales: consulte ¿Qué es Wakanda? . Arquitectura:

  3. Servoy : "un entorno de desarrollo e implementación de frontend multiplataforma para bases de datos SQL". Cuenta con un "diseñador de interfaz de usuario completo WYSIWIG (Lo que ves es lo que obtienes) para HTML5 con enlace de datos incorporado a los servicios de back-end", diseño receptivo, soporte para HTML6 Web Components, Websockets y plataformas móviles. Escrito en Java y genera código JavaScript usando varios JavaBean .

  4. SmartClient/SmartGWT : componentes de UI HTML5 móviles y entre navegadores combinados con un servidor Java. Dirigido a la construcción de aplicaciones de negocios de gran alcance: ver demos .

  5. Vaadin : marco de aplicación web Java / GWT + JavaScript / HTML3 de plena capacidad

  6. Backbase - software del portal

  7. Shiny : biblioteca frontal en la parte superior R, con widgets de visualización, diseño y control

  8. ZKOSS : ZKOSS Java + jQuery + Bootstrap para construir aplicaciones web y móviles empresariales.

Bibliotecas CSS + widgets mínimos

Estas bibliotecas no implementan widgets complejos como tablas con clasificación / filtrado, autocompletado o árboles.

  1. Oreja

  2. Foundation for Apps : marco de entrada sensible en la parte superior de AngularJS; más de una grilla / diseño / biblioteca de navegación

  3. Kit UI : similar a Bootstrap, con menos widgets, pero con un diseño oficial fuera de la lona.

Bibliotecas que usan HTML Canvas

El uso de los elementos del lienzo permite un control completo sobre la interfaz de usuario y una gran compatibilidad entre navegadores, pero tiene el costo de perder la funcionalidad nativa del navegador , por ejemplo, búsqueda de página mediante Ctrl / Cmd + F.

  1. Zebra - demos

Ya no se desarrolló a partir de diciembre de 2014

  1. Yahoo! Interfaz de usuario: YUI , lanzada en 2005, pero ya no mantenida por los colaboradores principales: vea el anuncio , que destaca las razones por las que las grandes bibliotecas de widgets de UI se perciben como jardines amurallados en los que los desarrolladores no quieren estar encerrados.
  2. echo3 , GitHub . Admite la escritura de aplicaciones Java del lado del servidor que no requieren el conocimiento del desarrollador de HTML, HTTP o JavaScript, o las aplicaciones basadas en JavaScript del lado del cliente no requieren un servidor, pero se pueden comunicar con una a través de AJAX. Última actualización: julio de 2013.
  3. ampleSDK
  4. Widgets más simples livepipe.net
  5. JxLib
  6. rialto
  7. Kit de interfaz de usuario simple
  8. Prototype-ui

Otras listas