Ext JS + JavaScript orientado a objetos

(Página creada 2007/06/29; movida a esta ubicación 2009/05/06.)

En vez de seguir un programa teórico, podemos examinar en detalle algunos ejemplos de uso de Ext. Eso debería ser suficiente para que capten el estilo de trabajo. Al menos 3 ejemplos:

• simple: ?
• intermedio: Grid
• avanzado: Feed viewer

Los ejemplos hay que construirlos en etapas, para comprenderlos mejor.

¿Cuánto JS hay que saber para poder usar Ext? ¿Dónde meter Firebug?

• Core JS vs Browser JS
• Tipos de datos (string, number, boolean, array, object, function)
• Operadores
• Estructuras de control
• Objetos: prototipos, herencia, privado vs. público
• DOM
• Eventos
• CSS
• JSON (y XML)
• Ajax
• Accesibilidad. Unobtrusive JS. Páginas/sitios vs. aplicaciones.
• Dónde aprender: links, libros, personas
• Bibliotecas (librerías) de JavaScript. Alternativas. Pros y cons.

• Estructura general del framework. Base libraries. Clases. Documentación. Foro. Tutoriales. Licencia.
• Aplicaciones en Ext: estructura general (public, private, closures). Ext.onReady()
• Clases fundamentales: Element, UpdateManager, DomQuery, Data (Store, Proxy)
• Eventos
• Widgets (componentes):
  • Tree
  • Grid
  • Toolbar
  • Button
  • Menu
  • Layout
  • Dialog
  • MessageBox
  • Form
  • ComboBox
  • Tabs

- ??

• library: librería/biblioteca
• handler, handle, handling:
• object literal:
• cross-browser:
• built-in:
• plumbing / plumbing code

Requisitos:

• alguna experiencia en JavaScript
• conocimiento básico del DOM

Pasos:

• dónde instalar Ext
• cómo abrir ExtStart.html (file: o http:)
• Estructura del archivo ExtStart.html (<script>s and <link>s; YUI)
• Ext.onReady: por qué no window.onload; qué es un método?
• document.getElementById()
• clases en Ext
• funciones en JavaScript
• Aclarar diferencia entre un nodo DOM y un objeto Ext.Element
• Firebug?

Una buena introducción es la que aparece en el reciente libro Ajax in Practice.

extjs