Sencha World

8/3/2019 Sencha World

1/126

Sencha world


2/126

Presentacin disponible en:http://es.scribd.com/doc/78004324/Sencha-World
http://es.scribd.com/doc/78004324/Sencha-Worldhttp://es.scribd.com/doc/78004324/Sencha-World


3/126

Yo


4/126

@firmajXAdES


5/126

Evolucin mbitos de

aplicacin

Ext JS

Otros productos Testing

Recursos


6/126

Evolucinmbitos de aplicacinExt JS

Otros productosTesting

Recursos


7/126

Extensin de

YUI by JackSlocum

Orientacin awidgets

Cambio delicenciamiento

Incorporacinde jQTouch yRaphael

Sencha enJunio de 2010


8/126

Web


9/126


10/126

R

elacinHTML

/JavaScript

+ JS

+HTML


11/126

Web generado desde otroslenguajes


12/126


13/126

GWT

QWT

RCP


14/126

Mobile


15/126


16/126


17/126

Evolucin

mbitos de aplicacinExt JSOtros productos

TestingRecursos


18/126

Distintos mbitos de aplicacin:

Web general

vsApps privadas


19/126

Web general


20/126

Poco tamao Funcionalidades

generales

Centrados en el DOM

y en el modelo Plugins para

funcionalidad aadida

Widgets puntuales


21/126


22/126

Apps privadas


23/126

Cmo ve la gente Sencha comparadocon los microframeworks?


24/126

4Kb 93Kb

4.6Kb14Kb


25/126

Core 186Kb

Foundation 63Kb

All 1.2Mb

All debug 2.7Mb


26/126

Base de 179,5 Kb +Cargador dinmico de clases


27/126

Otros requisitos

con respecto a la Web General


28/126

Mucha carga dewidgets

Aplicaciones privadas

Acceso intranet

Aplicaciones grandes Gran reutilizacin

Interfaces generalespara gestin

Patrones comunes


29/126

Ejemplo de uso:

ERP universitario


30/126


31/126

Mltiples tipos de vistas.

Un slo API


32/126


33/126


34/126


35/126

Evolucinmbitos de aplicacin

Ext JSOtros productos

TestingRecursos


36/126

Caractersticas generales


37/126


38/126

Sistema de clases


39/126

t ll d b j


40/126

ext-all-debug.js

ext-all-debug-w-comments.js

ext-all.js ext-debug.js

ext.js

Cl E JS 3 X


41/126

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

Clases en ExtJS 3.X

Cl E tJS 4


42/126

Clases en ExtJS 4

C fi tt ib t


43/126

Config attributes

St ti


44/126

Statics

Mi i


45/126

Mixins

Mixins


46/126

Mixins


47/126

Carga dinmica de clases


48/126


49/126


50/126

Acceso a datos


51/126


52/126


53/126


54/126


55/126


56/126


57/126


58/126


59/126


60/126

Arquitectura MVC


61/126

Punto de entrada en aplicaciones ExtJS 3.X

Modelo no definido: Store, ColumnModel del

GridPanel, Reader, etc


62/126


63/126


64/126


65/126


66/126


67/126


68/126


69/126

Layouts


70/126


71/126


72/126


73/126

Widgets


74/126


75/126


76/126


77/126

Themes

Diseo extensible


78/126

Diseo extensible

Integrado con SASSy Compass:

Variables

Mixins

Funcionesmatemticas y decolor

Mismo modelo paraExtJS que para

Sencha Touch


79/126

Construccin de aplicaciones

Sencha SDK


80/126

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


81/126

Despliegue va CDNContent Delivery Network

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


82/126

ExtJS 3 to 4 Migration Kit


83/126

Ext JS 3 Compatibility LayerExt JS 3 to 4 Migration Guide

Ext JS Migration Demo AppExt JS Migration Screencasts


84/126


85/126


Ext JS

Otros productosTesting

Recursos


86/126

Sencha Touch

Aplicaciones mobile


87/126

HTML5 como base

Lanzada Developer Preview 3 dela v2

Mejoras rendimiento:

Arranque

Layouts

Android (animaciones y scroll)

Modelo de clases integrado conExtJS 4

Mejorada documentacin

Empaquetado nativo (sloMacOSX en la PR3)

No hay compatibilidad con larama 1.X


88/126


89/126

Ext Designer

Aplicacin de escritorio


90/126

Productividad

Diseo Mockups

Componentespersonalizados

Layout visual

Integracin con stores dedatos

Soporta:

ExtJS 3 y 4

ExtJS 4 Charts Sencha Touch


91/126


92/126

Sencha Animator

Aplicacin de


93/126

Aplicacin deescritorio

Estilo Flash Builder

CSS3:

Transitions

Animations 2D transforms

3D transforms

Demosespectaculares


94/126

Sencha.io

Plataforma Cloud


95/126

para aplicacionesmviles

Servicios:

Login

Data Messages

Deployment

Secha.io Src


96/126

Sencha Connect

Capa de abstraccin


97/126

p

Componentesapilables

Tipos decomponentes:

Filtros: log Proveedores:

static

Rpido y fcil deutilizar


98/126

Sencha App Market


99/126


Ext JS

Otros productos

TestingRecursos


100/126


101/126

4000+ unit tests en ExtJS 4.0


102/126

YUI Test Framework


103/126


104/126

Tests funcionales de interaccin:Selenium

Generacin de IDs

Componentesactivados por eventoso API JavaScript


105/126

o API JavaScript


106/126


107/126


108/126

Jasmine Specs


109/126


110/126

Fcil de aprender


111/126

Aplicacin Web Tests escritos en

JavaScript

Simula situaciones

complejas: Pulsacinde teclas, clic deratn y drag&drop

Automatizacin conPhantomJS


112/126


113/126


114/126


Ext JSOtros productos

Testing

Recursos


115/126

Quin es quin?


116/126

Ed Spencer - @edspencer

Jay Garcia - @_jdg Jozef Sakalos - @jsakalos


117/126

Ejemplos


118/126

http://docs.sencha.com/ext-js/4-0/#!/example

https://github.com/extjs

http://examples.extjs.eu/


119/126

Documentacin oficial


120/126


121/126

Documentacin para tus componentes


122/126

Libros


123/126


124/126

Screencasts

S h Vi


125/126

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

SenchaCon 2010/2011

Jay Garca Vimeo:

http://vimeo.com/tdgi ExtJS TV:

http://www.extjs.tv/

Q&A


126/126

Sencha World

Documents

Transcript of Sencha World