Agenda Da 1, Conceptos fundamentales (2 horas) El objetivo de esta sesin es definir los conceptos importantes para desarrollar con JavaScript.

Los temas a tratar son los siguientes: 1. Fundamentos de JavaScript a. Objetos b. Referencias c. Scope d. Closures e. Namespace f. Contexto g. Funciones Ejercicio para repasar los conceptos aprendidos, manejo de scope y contexto.

Da 2, JavaScript Orientado a Objetos (2 horas) En esta sesin se planea analizar la manera de cmo escribir cdigo orientado a objetos con JavaScript. 2. Escribiendo cdigo reutilizable a. Creacin de objetos reutilizables con JS b. Definicin de objetos con ExtJS c. Herencia de prototipos d. Herencia con ExtJS e. Sobre escritura de mtodos f. Mtodos privados y privilegiados Ejercicio de creacin de objetos y herencia simple.

Da 3, ExtJS, Manejo del DOM y Eventos (2 horas) En esta sesin se explorar y definirn los aspectos ms importantes de ExtJS as como la arquitectura de sta. Tambin se analizar la manera cmo podemos acceder a los elementos del DOM, realizar bsquedas mediante selectores y manipular los elementos encontrados. 3. Aspectos generales de Ext JS a. Distribucin de los archivos b. Adapters i. jQuery ii. Prototype iii. Yui c. Ext Core d. Paquetes y Namespace e. Xtype f. Ref g. itemId 4. Ext JS Framework a. Ext Element i. Patrn flyweight b. Manejo del DOM i. Selectores ii. Manipulacin de Elementos iii. Creacin de nodos c. Eventos i. Eventos estndares ii. La clase Observable iii. Eventos personalizados Ejercicio de manipulacin de DOM y eventos.

Da 4, Ajax y Layouts (2 horas) En esta sesin se planea mostrar la manera en que se realizan peticiones Ajax utilizando ExtJS, se analizarn los componentes responsables de esto. Tambin se vern los Layouts disponibles y la manera en que estn construidos para despus nosotros mismos desarrollar uno nuevo. 5. Ajax a. b. c. d. e.

Definicin Problemticas Ext.data.Connection Ext.Ajax Callbacks y Eventos

6. Layouts y maquetacin a. Definicin y arquitectura de un layout b. Contenedores c. Paneles d. Fit layout e. Table layout f. Border layout g. Viewport h. Desarrollo de un nuevo layout No hay ejercicio de prctica para esta sesin. Da 5, Manipulando informacin (2 horas) Cada que necesitamos mostrar informacin proveniente de una base de datos o alguna otra fuente podemos utilizar el componente Store para manipularla de una manera sencilla. 7. Store a. El Record b. Reader i. XML ii. JSON iii. Array c. Proxy i. http ii. ScriptTag d. Writer e. Store f. Bsquedas y manipulacin

Ejercicio de manipulacin de informacin en un Store cargado remotamente.

Da 6, Integracin de componentes (2 horas) En esta sesin se planea integrar diferentes componentes e interactuar entre ellos, para crear un cliente de correo al estilo de Yahoo, la idea mostrar cmo trabajan en conjunto los componentes. 8. Breve repaso de creacin de componentes a. TreePanel b. Formularios i. Texfields ii. Combos dependientes iii. Datefiled iv. Checkbox v. Botones c. GridPanel i. Store ii. Selection Model iii. Column model iv. Renderer d. EditorGridPanel i. Filtros y bsquedas sobre el Grid y EditorGrid. ii. Bsquedas locales y remotas 9. Desarrollo de la aplicacin a. Organizar los mdulos b. Distribuir el cdigo para un fcil mantenimiento c. Creacin del Layout d. Integracin de componentes 10. Comunicacin de componentes mediante eventos a. Utilizando eventos predefinidos b. Eventos personalizados

Ejercicio de integracin de componentes.

Da 7, Plugins y Extensiones (2 horas) El objetivo de esta sesin es mostrar la manera de crear extensiones personalizadas y plugins. 11. Extensiones a. Ciclo de vida b. Template methods c. Factory pattern d. Cul clase debo extender? e. Creacin de una extensin sencilla (Twittext) 12. Plugins a. Diferencias entre una extensin b. Estructura de un plugin c. Creacin de un plugin sencillo 13. Sobre escritura de mtodos a. Ext.override Ejercicio donde se demuestra la manera de crear extensiones y plugins para los componentes de ExtJS.

Da 8, Ext Direct, Tips y mejores prcticas (2 horas) En esta sesin se planea ilustrar el uso de Ext Direct, cmo cargar mdulos bajo demanda, generar una documentacin de nuestro cdigo y dar algunos consejos tiles para localizar y prevenir errores. 14. Ext Direct a. Comprendiendo la tecnologa b. Exponiendo los Actions del servidor c. Ejecutar los mtodos del servidor con JavaScript d. Uso del componente DirectStore 15. Cargar mdulos bajo demanda a. Un solo mdulo b. Un mdulo con sus dependencias 16. Internacionalizacin de nuestro sistema 17. Documentacin a. Documentando nuestro cdigo b. Generacin de la documentacin 18. Feedback de los ltimos ejercicios realizados