Este documento presenta un resumen del temario de un curso sobre el desarrollo de aplicaciones con el framework JavaScript ExtJS. El temario incluye introducciones a JavaScript, ExtJS, PHP y CodeIgniter, así como el desarrollo de un módulo básico con las funciones de agregar, editar y eliminar usando controladores, vistas y modelos.

1. Josué Hernández Gómez
joshua@extjs.mx
MI PRIMER APLICACION EN EXTJS
El lenguaje de programación menos entendido del mundo
se ha convertido en el lenguaje de programación más
popular del mundo
Douglas Crockford

2. TEMARIO DÍA 1
Introduccion a JavaScript y ExtJS, Componentes ExtJS
 Introduccion
 Componentes
 Herramientas y Debugging
Introduccion a PHP y CodeIgniter, Controladores y Modelos
 CodeIgniter
 Modelo Vista Controlador (MVC)
 Estructura de una aplicación ExtJS 4
Desarrollo de un módulo básico, agregar, editar, eliminar
 Controlador
 Vista
 Modelo

3. INTRODUCCIÓN
Elige un trabajo que ames, y no trabajaras un solo día en
tu vida.
Confusio

4. JAVASCRIPT
 Interpretado, orientado a objetos la herencia es por
prototipos.
 Lenguaje de escritura flexible y las variables pueden
recibir cualquier valor incluyendo funciones.
 Compatibilidad entre navegadores es muy buena, pero
no es la misma
 La herencia es por prototipos.
 Animan la alteración de prototipos durante tiempo de
ejecución
 AJAX no es una tecnología, no es un nuevo lenguaje de
programación ni nada similar, AJAX es realmente el
cúmulo de muchas tecnologías que por méritos propios
han llegado a donde están
 Es un lenguaje funcional.
 Basado en estándares y convenciones

5. EL LENGUAJE
 Sintácticamente un miembro de la familia C, pero
es muy diferente a C, principalmente en su sistema
de tipos, que permite a las funciones ser valores.

6. TIPOS
 Objects: objetos, no hay clases solo objetos. Las
funciones son objetos, y por tanto son un tipo de
variable.
 Numbers: para el manejo de números.
 Strings: cadenas de caracteres, no hay chars, son
cadenas de longitud 1.
 Booleans: true o false
 null: tipo de dato nulo.
 undefined: tipo de dato que es menos que nulo
pero es el valor por default toman las variables
cuando son declaradas pero no inicializadas.

7. LA COMPETENCIA DE LA WEB

8. LAS VENTAJAS DEL FRAMEWORK
Antes de software puede ser reutilizable, tiene que ser
utilizable.
Ralph Johnson

9.  Widgets
 Funciones utilitarias: Manipulaciones de String y
Arrays
 Efectos
 Conexiones Ajax
 Capa de datos: datastores
 Estadarización de eventos: ventana, mouse,
teclado
 Estandarización de hojas de cascada

13. COMPONENTES
 Grids
 Tabs y Paneles
 Windows
 Trees
 Drag and Drop
 Toolbars y Menus
 ComboBox
 DataView y Listas
 Formularios

14. HERRAMIENTAS Y DEBUGGING
La teoría es cuando se sabe algo, pero no funciona. La
práctica es cuando algo funciona, pero no sé por qué.
Anónimo

15. CACHE

16. FIREBUG
 Firebug es una extensión de Firefox creada y
diseñada especialmente para desarrolladores y
programadores web
 Herramienta importante en el ámbito de desarrollo
Web. Indispensable para desarrollar ExtJS

17.  Consola: contiene una línea de comandos de
JavaScript, muestra los logs de mensajes de
errores e informativos

18.  HTML: Muestra HTML a manera de jerarquica de
nodos del DOM, para abrir y cerrar nodos hijos

19.  CSS: Inspector de hojas de estilo. Visualiza las
hojas descargada y las puede modificar
dinámicamente

20.  Red: muestra todas las descargas y peticiones al
servidor. El tiempo que cada recurso toma en ser
descargado, las cabeceras de HTTP y la respuesta
para cada recurso solicitado. EL tab de XHR es útil
para el debuggeo de llamadas ajax
Params: pares nombre:valor a la URL solicitada
Headers: Muestra las cabeceras de petición y
respuesta
Response: muestra la información y datos recibidos
del servidor
Post: datos enviados por peticiones POST

21. WEB DEVELOPER TOOLBAR

22.  Firebug
 DeveloperToolbar
 Internet Explorer Developer Toolbar
 Microsoft Script Editor
 Eclipse, Aptana
 NeatBeans

23. PREGUNTAS?