Sencha world

Presentacin disponible en:

http://es.scribd.com/doc/78004324/Sencha-World

Yo

jXAdES

@firma

Evolucin mbitos de aplicacin Ext JS Otros productos Testing Recursos

<<<

Evolucin
mbitos de aplicacin Ext JS Otros productos Testing Recursos

Extensin de YUI by Jack Slocum Orientacin a widgets Cambio de licenciamiento Incorporacin de jQTouch y Raphael Sencha en Junio de 2010

Web

+HTML

+ JS
Relacin HTML/JavaScript

Web generado desde otros lenguajes

GWT QWT

RCP

Mobile

mbitos de aplicacin
Ext JS Otros productos Testing Recursos

Evolucin

Distintos mbitos de aplicacin:

Web general vs Apps privadas

Web general

Poco tamao Funcionalidades generales Centrados en el DOM y en el modelo Plugins para funcionalidad aadida Widgets puntuales

Apps privadas

Cmo ve la gente Sencha comparado con los microframeworks?

4Kb

93Kb

14Kb

4.6Kb

Foundation 63Kb

All debug 2.7Mb

Core 186Kb All 1.2Mb

Base de + Cargador dinmico de clases

179,5 Kb

Otros requisitos con respecto a la Web General

Mucha carga de widgets Aplicaciones privadas Acceso intranet Aplicaciones grandes Gran reutilizacin Interfaces generales para gestin Patrones comunes

Ejemplo de uso: ERP universitario

Mltiples tipos de vistas. Un slo API

Evolucin mbitos de aplicacin

Ext JS
Otros productos Testing Recursos

Caractersticas generales

Sistema de clases

ext-all-debug.js ext-all-debug-w-comments.js ext-all.js ext-debug.js ext.js

Clases en ExtJS 3.X

Sin config attributes, statics y mixins. Problemas con los namespaces

Clases en ExtJS 4

Config attributes

Statics

Mixins

Mixins

Carga dinmica de clases

Acceso a datos

Arquitectura MVC

Punto de entrada en aplicaciones ExtJS 3.X

Modelo no definido: Store, ColumnModel del GridPanel, Reader, etc

Layouts

Widgets

Themes

Diseo extensible Integrado con SASS y Compass:

Variables Mixins Funciones matemticas y de color

Mismo modelo para ExtJS que para Sencha Touch

Construccin de aplicaciones Sencha SDK

# sencha create jsb -a index.html -p app.jsb3 # sencha build -p app.jsb3 -d .

Despliegue va CDN Content Delivery Network

http://cdn.sencha.io/ext-4.0.7-gpl/ext-all.js

ExtJS 3 to 4 Migration Kit

Ext JS 3 Compatibility Layer Ext JS 3 to 4 Migration Guide Ext JS Migration Demo App Ext JS Migration Screencasts

Otros productos
Testing Recursos

Evolucin mbitos de aplicacin Ext JS

Sencha Touch

Aplicaciones mobile HTML5 como base Lanzada Developer Preview 3 de la v2 Mejoras rendimiento:

Arranque Layouts Android (animaciones y scroll)

Modelo de clases integrado con ExtJS 4 Mejorada documentacin Empaquetado nativo (slo MacOSX en la PR3) No hay compatibilidad con la rama 1.X

Ext Designer

Aplicacin de escritorio Productividad Diseo Mockups Componentes personalizados Layout visual Integracin con stores de datos Soporta:

ExtJS 3 y 4 ExtJS 4 Charts Sencha Touch

Sencha Animator

Aplicacin de escritorio Estilo Flash Builder CSS3:

Transitions Animations 2D transforms 3D transforms

Demos espectaculares

Sencha.io

Plataforma Cloud para aplicaciones mviles Servicios:

Login Data Messages Deployment

Secha.io Src

Sencha Connect

Capa de abstraccin Componentes apilables Tipos de componentes:

Filtros: log Proveedores: static

Rpido y fcil de utilizar

Sencha App Market

Evolucin mbitos de aplicacin Ext JS Otros productos

Testing
Recursos

4000+ unit tests en ExtJS 4.0

YUI Test Framework

Tests funcionales de interaccin: Selenium

Generacin de IDs Componentes activados por eventos o API JavaScript

Jasmine Specs

Fcil de aprender Aplicacin Web Tests escritos en JavaScript Simula situaciones complejas: Pulsacin de teclas, clic de ratn y drag&drop Automatizacin con PhantomJS

Recursos

Evolucin mbitos de aplicacin Ext JS Otros productos Testing

Quin es quin?

Ed Spencer - @edspencer

Jay Garcia - @_jdg

Jozef Sakalos - @jsakalos

Ejemplos

http://docs.sencha.com/ex t-js/4-0/#!/example https://github.com/extjs http://examples.extjs.eu/

Documentacin oficial

Documentacin para tus componentes

Libros

Screencasts

Sencha Vimeo: http://vimeo.com/sencha

SenchaCon 2010/2011 Jay Garca Vimeo: http://vimeo.com/tdgi

ExtJS TV: http://www.extjs.tv/

Q&A