Temario
Sesión 1 (2 horas)
El objetivo de esta sesión es definir algunos conceptos importantes para comenzar a desarrollar, los temas a tratar son los siguientes.
1. Fundamentos de
JavaScripta. Objetos
b. Namespace
c. Scope
d. Closures
e. Métodos privados y privilegiados
2. Ext Core
a. Ext Element
b. Manejo del DOM
c. Eventos
d.
Ajaxe. Efectos
Sesión 2 (2 horas)
En esta sesión se explicará el proyecto que realizaremos durante el resto de los talleres, creamos las tablas necesarias en la base de datos e instalamos el Framework que usaremos en el lado del servidor (Code Igniter, Spring, etc.), también haremos el layout de nuestra aplicación. Los temas a discutir son los siguientes:
3. Integración con el Servidor
a. Creación del proyecto
b. Creación de la base de datos
c. Integración con Ext JS
d. Pruebas con Ajax
4. Layouts
a. Mensajes y alertas
b. Paneles
c. Ventanas
d. Tabs o pestañas
e. Layout manager
f. Viewport
Sesión 3 (2 horas)
5. Formularios
a. Creación de un formulario básico
b. Campos para capturar información
c. Combos dependientes
d. Validaciones
e. Guardar la información en
MySQLf. Cargar la información en el formulario
Sesión 4 (2 horas)
6. Grids
a. Record, Readers y Store
b. Grid básico
c. Renderer en las celdas
d. Filas con Checkboxes
e. Filas numeradas
f. Modelos de selección
g. Paginación
h. Agrupadores
i. Filas expandibles
j. Plugins populares
k. Filtros y búsquedas en el Grid
Sesión 5 (2 horas)
7. Grids editables
a. Cajas de texto
b. Combox
c. Calendarios
d. Store writter
e. CRUD en el Grid
8. TreePanel
a. Un sencillo TreePanel
b. Cambiar los íconos de los nodos
c. Eventos sobre los nodos
d. Drag & Drop en los nodos
Sesión 6 (2 horas)
9. Botones, Menús y barra de herramientas
a. Barra de herramientas
b. Personalizando los botones
c. Split button
d. Agrupadores
e. Menús contextuales
f. Integración de menús contextuales
g. Actions
10. Xtemplates y Dataviews
a. Template
b. Xtemplate
c. Dataview
Sesión 7 (2 horas)
11. Desarrollando extensiones
a. Creación de clases
b. Extendiendo clases
c. Extendiendo componentes
d. Ciclo de vida de los componentes
12. Internacionalización
a. Utilizando mi propio idioma
b. Aplicación con soporte de varios idiomas
c. Internacionalización de extensiones
Sesión 8 (2 horas)
13. Algunos Tips y mejores prácticas
a. Escribiendo nuestros módulos
b. Administrador de Módulos
c. Preparar nuestro JS para producción