Sencha ExtJS introduccion
Upcoming SlideShare
Loading in...5
×
 

Sencha ExtJS introduccion

on

  • 234 views

Sencha ExtJS Intro

Sencha ExtJS Intro

Statistics

Views

Total Views
234
Views on SlideShare
232
Embed Views
2

Actions

Likes
0
Downloads
2
Comments
0

1 Embed 2

http://www.slideee.com 2

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Sencha ExtJS introduccion Sencha ExtJS introduccion Presentation Transcript

  • Sencha ExtJS Christian Portilla Pauca Desarrollador Web UX/UI
  • Están listos para Sencha?
  • 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.”
  • Que es Sencha ExtJS
  • 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.
  • 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.
  • MVC
  • Ventajas  Orientado a Objetos  Controles de Interfaz de usuario  Soporte de HTML5  Arquitectura MVC  Temas y estilos  Documentación
  • 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.
  • 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.
  • Sencha CMD  Para usar esta herramienta debemos instalar:  Java 1.6 en adelante.  Ant  Ruby  Sass y Compass  Y el instalador de Sencha CMD.
  • 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.
  • Un poco de código ….
  • Fin  Gracias