Conoce sobre la historia de "Joe" porque eligió Ext JS
Conoce sobre la historia de "Joe" porque eligió Ext JS
.png)
Los Framework de JavaScript proporcionan a los desarrolladores de JavaScript los elementos fundamentales para crear aplicaciones de JavaScript. Esto alivia a los desarrolladores de JavaScript del estrés de construir todo desde cero, ya que pueden usar un marco operativo para hacer que todo funcione. Sin embargo, los desarrolladores de Javascript tienen muchas opciones de marco disponibles, como Sencha Ext JS, React, Angular, etc. Con tantos Framework diferentes disponibles, puede ser difícil saber cuál es el adecuado para desarrollar sus aplicaciones de nivel empresarial.
En este
artículo, lo guiaremos a través de la historia de Joe, quien sintió el mismo
dolor de elegir entre diferentes Framework, y cómo finalmente tomó la decisión de
construir la aplicación usando Sencha Ext JS.
- Joe está frustrado
- Joe explora Ext JS y estudios de mercado
- Joe aprende los conceptos básicos de Ext JS
- Joe profundiza con Ext JS
- El proceso de desarrollo de la aplicación Ext JS
- Sencha Themer: herramienta de diseño de temas visuales
- Sencha Architect: herramienta de desarrollo de aplicaciones visuales
- ¿Por qué Joe finalmente eligió Sencha Ext JS?
- Integración continua con Sencha Ext JS y Sencha Test
- Conjunto completo de herramientas
- Joe está convencido
- Seis meses después
- Aprendizaje
Conoce a Joe
Joe trabaja
como arquitecto de software para una gran organización tecnológica que
proporciona herramientas comerciales centradas en datos a sus clientes. Con la
creciente clientela y una gran cantidad de datos que fluyen a través de la
aplicación, la empresa se ha enfrentado a problemas de escalabilidad y decidió
seguir el camino de la creación de una aplicación front-end basada en la web
para que los usuarios solo necesiten un navegador para acceder a la aplicación
con un back-end de servidor que sirve los datos, lo que conduce a una
aplicación web receptiva y de alto rendimiento. A Joe se le ha encomendado la
tarea de realizar la investigación necesaria para crear estas aplicaciones
front-end basadas en la web.
.png)
Joe está frustrado
Joe se embarca
en su investigación para identificar los mejores Framework que satisfagan las
necesidades de su organización. Explora varias opciones, como HTML simple, CSS,
Angular, React JS, Vanilla JS y otras, para comprender sus ventajas y
desventajas. Pero se siente frustrado porque la mayoría de los entornos ofrecen
flexibilidad pero requieren construir todo desde cero, como componentes,
enrutamiento, infraestructura de seguridad, etc., y el enfoque parece requerir
mucho tiempo.
.png)
Joe es consciente de que lo mejor de la web es la capacidad de crear componentes y utilizar esos componentes en su aplicación, pero ni Angular ni React tienen componentes integrados. Tendría que ir a un mercado de terceros para comprar componentes comerciales o de código abierto, pero esas decisiones solo se pueden tomar después de elegir uno de los frameworks. Entonces, hay trabajo que debe hacerse incluso después de que eligió uno. Además, tuvo que considerar problemas de compatibilidad y muchos otros aspectos mientras armaba su propio marco.
No se sintió satisfecho y decidió buscar otros frameworks alternativos, incluido Ext JS.
.png)
Ext JS
ofrece un marco completo con más de 140 componentes integrados en la caja e
incluye cuadrículas, formularios, árboles, menús, un calendario HTML5, paneles
y más. Es ampliamente utilizado por grandes empresas que crean aplicaciones
centradas en datos.
Para
determinar si Ext JS es el producto adecuado para su organización, Joe descargó
la versión de prueba y el inicio rápido para comenzar.
Joe aprende los conceptos básicos de Ext JS
Joe
comienza a explorar el producto para familiarizarse con los pasos iniciales del
uso de Ext JS para crear la aplicación y comprender los requisitos de licencia
de su organización.
.png)
Él es
consciente de que otros productos de código abierto tienen licencia del MIT y
está buscando una licencia comercial compatible, por lo que un análisis
cuidadoso de los modelos de licencia aquí ayuda a Joe a darse cuenta de lo que
puede obtener. Con Ext JS, hay esencialmente dos licencias: Pro y Enterprise.
La edición Pro proporciona el SDK Ext JS estándar y algunas herramientas de desarrollo, mientras que la edición Enterprise incluye todos los componentes premium, incluido un adaptador D3, una cuadrícula dinámica, un calendario y una licencia para la prueba Sencha.
Joe profundiza con Ext JS
Mientras
evalúa las capacidades del producto, los requisitos de licencia y la
documentación, se despierta la curiosidad de Joe. Profundiza más porque está
más interesado en las capacidades de la cuadrícula y tiene la capacidad de
realizar una búsqueda y ver la extensión de la documentación.
Mira esa documentación y señala que hay muchos ejemplos de configuraciones, propiedades, métodos y eventos, así como un buen grado de documentación. Esto le da a Joe una visión general sólida del soporte de documentación que se ofrece para el producto.
Como la mayoría de las empresas que desarrollan aplicaciones centradas en datos están particularmente interesadas en el único componente que tiende a estar en el corazón de esos tipos de aplicaciones, que es la cuadrícula, Joe quiere comprender las capacidades de la cuadrícula Ext JS, qué componentes existen, y cómo funcionan dentro de una aplicación Ext JS. Entonces, por ejemplo, tenemos una aplicación creada por Sencha llamada Kitchen Sink.
Kitchen Sink es una demostración completa de Ext JS con más de 140 componentes y características en kits de herramientas modernos y clásicos.
Proporciona un conjunto completo de herramientas de cuadrícula, calendario, exportador, gráficos y representación, así como un entorno basado en la configuración. Además, el Ext JS framework se adhiere a patrones de diseño modernos como MVC y MVVM, que se reconocen como las mejores prácticas.
El D3 pack component permite la creación de visualizaciones avanzadas con una codificación mínima. Como la empresa de Joe utilizará muchos análisis de datos, similar a lo que podría hacer con tablas dinámicas en Excel, Ext JS viene con un componente que le permite hacer eso dentro de la aplicación. Por lo tanto, poder pivotar sobre los datos para crear pivotes mediante programación y también exportar esos pivotes a Excel con la fidelidad total de una cuadrícula dinámica podría ser una gran ventaja para una aplicación muy orientada al análisis.
El proceso de desarrollo de la aplicación Ext JS
Sencha Themer: herramienta de diseño de temas
visuales
La creación
de aplicaciones con herramientas de código abierto se vuelve difícil cuando se
utilizan componentes de bibliotecas de código abierto y de varios proveedores,
cada uno de los cuales tiene un enfoque único para la tematización de sus
componentes. Esto hace que la creación de temas sea un ejercicio muy desafiante
si está mezclando y combinando componentes.
Ext JS ofrece todos los componentes de manera uniforme, lo que le permite utilizar el mismo entorno temático e incluye una herramienta visual que permite al diseñador diseñar el tema independientemente del trabajo de desarrollo.
Sencha Architect: herramienta de desarrollo de
aplicaciones visuales
Sencha
Architect permite que el equipo diseñe aplicaciones HTML5 utilizando
capacidades de arrastrar y soltar, lo que le permite dedicar menos tiempo a la
codificación manual y optimizar el código de su aplicación para un alto
rendimiento.
Al eliminar la necesidad de ingresar la mayoría del código repetitivo, Sencha Architect ahorra tiempo a los desarrolladores y el desarrollo de aplicaciones móviles y de escritorio se acelera mediante la generación automática de código. Cambiar los atributos y las configuraciones de cualquier componente de la interfaz de usuario de Ext JS UI en una ventana WYSIWYG reduce el error humano que se introduce al codificar manualmente.
.png)
Sencha Test
es una solución integral de pruebas de extremo a extremo para Ext JS que forma
parte del kit de herramientas empresariales e incluye soporte para pruebas de
extremo a extremo. La integración continua con Sencha Test es un componente
emocionante del producto que Joe quiere investigar más a fondo para crear aplicaciones
de alta calidad y reducir el tiempo y el costo de las pruebas con Sencha Test.
El equipo de desarrollo de Joe puede generar fácilmente pruebas unitarias y funcionales con Sencha Test y ejecutarlas en varios navegadores al mismo tiempo. Las pruebas entre navegadores son esenciales para que las empresas garanticen la calidad, y se requiere la automatización de pruebas para cumplir con los plazos de entrega. Sencha Test le permite crear una estrategia de prueba de extremo a extremo sin tener que hacer malabarismos con varias herramientas de prueba.
¿Por qué Joe finalmente eligió Sencha Ext JS?
Ahora, la
verdadera decisión que debe tomar Joe es si quiere optar por un entorno en el
que, además de las partes fundamentales del marco, tenga todo lo que necesita
para integrarse en ese entorno o por una herramienta que tenga un SDK y un
marco. y en el que todo lo soportado es consistente para que cada vez que salga
una nueva versión del entorno Ext JS, todos los componentes se actualicen
consistentemente.
Integración continua con Sencha Ext JS y Sencha Test
.png)
Conjunto completo de herramientas
- Sencha Inspector
- Sencha Fiddle
- Sencha Themer
- Sencha Test
- Ext JS Stencils
- Sencha Architect
- Sencha Cmd
- Ext JS Framework
Además, si
el equipo de Joe necesita ayuda, hay un portal de soporte disponible y todo es
del proveedor, a diferencia de otras herramientas de código abierto que son más
compatibles con la comunidad, por lo que esa es la gran decisión que debe tomar
Joe. Y viendo todo esto, no sorprende que Joe esté convencido y elija Sencha
Ext JS.
Se le ha dado un primer proyecto para hacer, por lo que tiene un período de tiempo para demostrar la sabiduría de su decisión. Comienza con un piloto con una prueba de concepto y se le da un cronograma de seis meses para ver qué pueden construir. Recién están comenzando con un nuevo marco, por lo que lo primero que debe suceder, por supuesto, es que Joe necesita comprar las licencias para Ext JS. Decidió optar por la edición Enterprise debido a que incluye todos los componentes premium y Sencha Test.
Con Sencha, el equipo de desarrollo también obtiene una ventanilla única para aprender sobre Ext JS en la página de recursos.
Joe está convencido
- Joe elige Ext JS
- Compra cinco licencias Enterprise
- Señala a su equipo de desarrollo en la página de recursos de Sencha
- Considera traer un Sencha Expert a su equipo
- Registra a su equipo de desarrollo en el Portal de soporte de Sencha
.png)
Seis meses después
Finalmente,
después de seis meses, el equipo de Joe ha creado con éxito una aplicación
universal de coworking con una interfaz de escritorio y móvil, y esa interfaz
móvil se puede expandir a una interfaz de tableta. Han creado una aplicación
muy centrada en los datos que va en contra de su servidor y han podido
aprovechar todas las herramientas de Sencha Ext JS.
- Aplicación
universal
- Escritorio
y móvil
- Tema
personalizado
- A
tiempo, en la fecha prevista
- La
aplicación
.png)
Enseñanza
Sencha Ext
JS ofrece una gran cantidad de componentes UI/UX integrados y de alto
rendimiento. Es un JS Framework bien conocido que se basa en la arquitectura
MVC/MVVM y permite el desarrollo de programas web multiplataforma y de uso
intensivo de datos para computadoras de escritorio, tabletas y dispositivos
móviles. Por lo tanto, el desarrollo de Sencha Ext JS es muy recomendable para
crear aplicaciones móviles y web.
¿Todavía no está seguro si usar Sencha Ext JS para su proyecto? Nuestro equipo está ansioso por ayudar. Póngase en contacto con nosotros de inmediato.
.png)
Comentarios
Publicar un comentario