====== 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.


===== Preguntas =====

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


===== Programa tentativo =====

==== Parte 1: Repaso de JavaScript ====


  * 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.


==== Parte 2: Ext ====

  * 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


==== Parte 3: Catalis con Ext ====


- ??


===== Traducción del tutorial =====

  * 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?


===== Objetos =====

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

===== DOM =====

===== Eventos =====

===== Ajax =====


{{tag>extjs}}