5/10/2018 Agenda ExtJs Junio 2010 - slidepdf.com

http://slidepdf.com/reader/full/agenda-extjs-junio-2010 1/5

 

Agenda

Día 1, Conceptos fundamentales (2 horas) 

El objetivo de esta sesión 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.

Día 2, JavaScript Orientado a Objetos (2 horas)

En esta sesión se planea analizar la manera de cómo escribir código orientado a objetos con

JavaScript.

2.  Escribiendo código reutilizable

a.  Creación de objetos reutilizables con JS

b.  Definición de objetos con ExtJS

c. 

Herencia de prototiposd.  Herencia con ExtJS

e.  Sobre escritura de métodos

f.  Métodos privados y privilegiados

Ejercicio de creación de objetos y herencia simple.

5/10/2018 Agenda ExtJs Junio 2010 - slidepdf.com

http://slidepdf.com/reader/full/agenda-extjs-junio-2010 2/5

 

Día 3, ExtJS, Manejo del DOM y Eventos (2 horas)

En esta sesión se explorará y definirán los aspectos más importantes de ExtJS así como la

arquitectura de ésta. También se analizará la manera cómo podemos acceder a los elementos del

DOM, realizar búsquedas mediante selectores y manipular los elementos encontrados.

3.  Aspectos generales de Ext JS

a.  Distribución 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.  Patrón flyweight

b.  Manejo del DOM

i.  Selectores

ii.  Manipulación de Elementos

iii.  Creación de nodos

c.  Eventos

i. 

Eventos estándaresii.  La clase Observable

iii.  Eventos personalizados

Ejercicio de manipulación de DOM y eventos.

5/10/2018 Agenda ExtJs Junio 2010 - slidepdf.com

http://slidepdf.com/reader/full/agenda-extjs-junio-2010 3/5

 

Día 4, Ajax y Layouts (2 horas)

En esta sesión se planea mostrar la manera en que se realizan peticiones Ajax utilizando ExtJS, se

analizarán los componentes responsables de esto. También se verán los Layouts disponibles y la

manera en que están construidos para después nosotros mismos desarrollar uno nuevo.

5.  Ajax

a.  Definición

b.  Problemáticas

c.  Ext.data.Connection

d.  Ext.Ajax

e.  Callbacks y Eventos

6.  Layouts y maquetación

a.  Definición y arquitectura de un layout

b.  Contenedoresc.  Paneles

d.  Fit layout

e.  Table layout

f.  Border layout

g.  Viewport

h.  Desarrollo de un nuevo layout

No hay ejercicio de práctica para esta sesión.

Día 5, Manipulando información (2 horas) 

Cada que necesitamos mostrar información proveniente de una base de datos o alguna otrafuente 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.  Búsquedas y manipulación

Ejercicio de manipulación de información en un Store cargado remotamente.

5/10/2018 Agenda ExtJs Junio 2010 - slidepdf.com

http://slidepdf.com/reader/full/agenda-extjs-junio-2010 4/5

 

Día 6, Integración de componentes (2 horas) 

En esta sesión se planea integrar diferentes componentes e interactuar entre ellos, para crear un

cliente de correo al estilo de Yahoo, la idea mostrar cómo trabajan en conjunto los componentes.

8.  Breve repaso de creación de componentes

a.  TreePanel

b.  Formularios

i.  Texfields

ii.  Combos dependientes

iii.  Datefiled

iv.  Checkbox

v.  Botones

c.  GridPanel

i.  Store

ii.  Selection Modeliii.  Column model

iv.  Renderer

d.  EditorGridPanel

i.  Filtros y búsquedas sobre el Grid y EditorGrid.

ii.  Búsquedas locales y remotas

9.  Desarrollo de la aplicación

a.  Organizar los módulos

b.  Distribuir el código para un fácil mantenimiento

c.  Creación del Layout

d. 

Integración de componentes

10. Comunicación de componentes mediante eventos

a.  Utilizando eventos predefinidos

b.  Eventos personalizados

Ejercicio de integración de componentes.

5/10/2018 Agenda ExtJs Junio 2010 - slidepdf.com

http://slidepdf.com/reader/full/agenda-extjs-junio-2010 5/5

 

Día 7, Plugins y Extensiones (2 horas) 

El objetivo de esta sesión es mostrar la manera de crear extensiones personalizadas y plugins.

11. Extensiones

a.  Ciclo de vida

b.  Template methods

c.  Factory pattern

d.  ¿Cuál clase debo extender?

e.  Creación de una extensión sencilla (Twittext)

12. Plugins

a.  Diferencias entre una extensión

b.  Estructura de un plugin

c.  Creación de un plugin sencillo

13. Sobre escritura de métodos

a.  Ext.override

Ejercicio donde se demuestra la manera de crear extensiones y plugins para los componentes de

ExtJS.

Día 8, Ext Direct, Tips y mejores prácticas (2 horas)

En esta sesión se planea ilustrar el uso de Ext Direct, cómo cargar módulos bajo demanda, generar

una documentación de nuestro código y dar algunos consejos útiles para localizar y prevenir

errores.

14. Ext Direct

a.  Comprendiendo la tecnología

b.  Exponiendo los Actions del servidor

c.  Ejecutar los métodos del servidor con JavaScript

d.  Uso del componente DirectStore

15. Cargar módulos bajo demanda

a.  Un solo módulo

b.  Un módulo con sus dependencias

16.  Internacionalización de nuestro sistema

17. Documentación

a.  Documentando nuestro código

b.  Generación de la documentación

18. Feedback de los últimos ejercicios realizados