sencha extjs introduccion
DESCRIPTION
Sencha ExtJS IntroTRANSCRIPT
![Page 1: Sencha ExtJS introduccion](https://reader033.vdocuments.mx/reader033/viewer/2022061211/5492ec92b47959424d8b4730/html5/thumbnails/1.jpg)
Sencha ExtJS
Christian Portilla PaucaDesarrollador Web UX/UI
![Page 2: Sencha ExtJS introduccion](https://reader033.vdocuments.mx/reader033/viewer/2022061211/5492ec92b47959424d8b4730/html5/thumbnails/2.jpg)
Están listos para Sencha?
![Page 3: Sencha ExtJS introduccion](https://reader033.vdocuments.mx/reader033/viewer/2022061211/5492ec92b47959424d8b4730/html5/thumbnails/3.jpg)
Porque usarlo? “Ext JS is the core client-side framework
for Marketo applications. Ext JS 4 delivers a modern framework that enables us to add new features in a couple of weeks instead of months." Marketo (Glen Lipka ) VP of User Experience
“Ext JS es el framework base de aplicaciones de Marketo. Ext JS entrega un framework moderno que nos permite añadir caracteristicas nuevas en un par de semanas en vez de meses.”
![Page 4: Sencha ExtJS introduccion](https://reader033.vdocuments.mx/reader033/viewer/2022061211/5492ec92b47959424d8b4730/html5/thumbnails/4.jpg)
Que es Sencha ExtJS
![Page 5: Sencha ExtJS introduccion](https://reader033.vdocuments.mx/reader033/viewer/2022061211/5492ec92b47959424d8b4730/html5/thumbnails/5.jpg)
Que es Sencha Ext JS
Sencha ExtJS es la mas poderosa plataforma de desarrollo de interfaces desktop en Web con compatibilidad sin igual para todos los navegadores mas utilizados, arquitectura MVC, capacidad de dibujo de charts y modernos componentes de UI.
![Page 6: Sencha ExtJS introduccion](https://reader033.vdocuments.mx/reader033/viewer/2022061211/5492ec92b47959424d8b4730/html5/thumbnails/6.jpg)
Sencha ExtJS y MVC Sencha ExtJS tiene un desarrollo MVC:
Modelo: Stores, Models. Vista: Grids, ListViews, Panels, Templates,
etc. Controlador: Listeners,
Controllers,TaskRunners, etc. El desarrollo se basa en el patrón de
Modelo-Vista-Controlador, todo esto es sobre Javascript y se ejecuta en el navegador del usuario.
![Page 7: Sencha ExtJS introduccion](https://reader033.vdocuments.mx/reader033/viewer/2022061211/5492ec92b47959424d8b4730/html5/thumbnails/7.jpg)
MVC
![Page 8: Sencha ExtJS introduccion](https://reader033.vdocuments.mx/reader033/viewer/2022061211/5492ec92b47959424d8b4730/html5/thumbnails/8.jpg)
Ventajas
Orientado a Objetos Controles de Interfaz de usuario Soporte de HTML5 Arquitectura MVC Temas y estilos Documentación
![Page 9: Sencha ExtJS introduccion](https://reader033.vdocuments.mx/reader033/viewer/2022061211/5492ec92b47959424d8b4730/html5/thumbnails/9.jpg)
ExtJS – Modo de uso
Para proceder a instalar ExtJS 4.x haremos lo siguiente: Nos dirigimos al URL: http://
www.sencha.com/products/extjs/download/ Procedemos descargar la versión de ExtJS que
usaremos, en este curso se usara el 4.2 GPL. Luego debemos descomprimir el framework
en una carpeta accesible a nuestro proyecto en desarrollo.
![Page 10: Sencha ExtJS introduccion](https://reader033.vdocuments.mx/reader033/viewer/2022061211/5492ec92b47959424d8b4730/html5/thumbnails/10.jpg)
Sencha CMD
Sencha CMD es una herramienta de línea de comandos multi-plataforma que provee muchas tareas automáticas para un completo ciclo de vida de desarrollo de aplicaciones desde generar un proyecto hasta desplegar una aplicación en producción.
![Page 11: Sencha ExtJS introduccion](https://reader033.vdocuments.mx/reader033/viewer/2022061211/5492ec92b47959424d8b4730/html5/thumbnails/11.jpg)
Sencha CMD
Para usar esta herramienta debemos instalar:
Java 1.6 en adelante. Ant Ruby Sass y Compass Y el instalador de Sencha CMD.
![Page 12: Sencha ExtJS introduccion](https://reader033.vdocuments.mx/reader033/viewer/2022061211/5492ec92b47959424d8b4730/html5/thumbnails/12.jpg)
Sencha CMD - Comandos Sencha help .- Ayuda de Sencha Cmd Sencha app build .- construccion de app. sencha -sdk /path/to/sdk generate app
nombre_app ./directorio_app .- generacion de app.
sencha fs web -port 8000 start -map ./directorio
.- ejecucion de servidor Web de apps.
![Page 13: Sencha ExtJS introduccion](https://reader033.vdocuments.mx/reader033/viewer/2022061211/5492ec92b47959424d8b4730/html5/thumbnails/13.jpg)
Un poco de código ….
![Page 14: Sencha ExtJS introduccion](https://reader033.vdocuments.mx/reader033/viewer/2022061211/5492ec92b47959424d8b4730/html5/thumbnails/14.jpg)
Fin
Gracias