Josué Hernández Gómez                                         joshua@extjs.mxMI PRIMER APLICACION EN EXTJSEl lenguaje de p...
TEMARIO                                                     DÍA 1Introduccion a JavaScript y ExtJS, Componentes ExtJS   I...
INTRODUCCIÓNElige un trabajo que ames, y no trabajaras un solo día entu vida.Confusio
JAVASCRIPT   Interpretado, orientado a objetos la herencia es por    prototipos.   Lenguaje de escritura flexible y las ...
EL LENGUAJE   Sintácticamente un miembro de la familia C, pero    es muy diferente a C, principalmente en su sistema    d...
TIPOS Objects: objetos, no hay clases solo objetos. Las  funciones son objetos, y por tanto son un tipo de  variable. Nu...
LA COMPETENCIA DE LA WEB
LAS VENTAJAS DEL FRAMEWORKAntes de software puede ser reutilizable, tiene que serutilizable.Ralph Johnson
 Widgets Funciones utilitarias: Manipulaciones de String y  Arrays Efectos Conexiones Ajax Capa de datos: datastores...
COMPONENTES Grids Tabs y Paneles Windows Trees Drag and Drop Toolbars y Menus ComboBox DataView y Listas Formular...
HERRAMIENTAS Y DEBUGGINGLa teoría es cuando se sabe algo, pero no funciona. Lapráctica es cuando algo funciona, pero no sé...
CACHE
FIREBUG   Firebug es una extensión de Firefox creada y    diseñada especialmente para desarrolladores y    programadores ...
   Consola: contiene una línea de comandos de    JavaScript, muestra los logs de mensajes de    errores e informativos
   HTML: Muestra HTML a manera de jerarquica de    nodos del DOM, para abrir y cerrar nodos hijos
   CSS: Inspector de hojas de estilo. Visualiza las    hojas descargada y las puede modificar    dinámicamente
   Red: muestra todas las descargas y peticiones al    servidor. El tiempo que cada recurso toma en ser    descargado, la...
WEB DEVELOPER TOOLBAR
 Firebug DeveloperToolbar Internet Explorer Developer Toolbar Microsoft Script Editor Eclipse, Aptana NeatBeans
PREGUNTAS?
Introduccion a java script y extjs, componentes extjs
Introduccion a java script y extjs, componentes extjs
Introduccion a java script y extjs, componentes extjs
Upcoming SlideShare
Loading in …5
×

Introduccion a java script y extjs, componentes extjs

7,670 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
7,670
On SlideShare
0
From Embeds
0
Number of Embeds
4,164
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Introduccion a java script y extjs, componentes extjs

  1. 1. Josué Hernández Gómez joshua@extjs.mxMI PRIMER APLICACION EN EXTJSEl lenguaje de programación menos entendido del mundose ha convertido en el lenguaje de programación máspopular del mundoDouglas Crockford
  2. 2. TEMARIO DÍA 1Introduccion a JavaScript y ExtJS, Componentes ExtJS Introduccion Componentes Herramientas y DebuggingIntroduccion a PHP y CodeIgniter, Controladores y Modelos CodeIgniter Modelo Vista Controlador (MVC) Estructura de una aplicación ExtJS 4Desarrollo de un módulo básico, agregar, editar, eliminar Controlador Vista Modelo
  3. 3. INTRODUCCIÓNElige un trabajo que ames, y no trabajaras un solo día entu vida.Confusio
  4. 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. 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. 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. 7. LA COMPETENCIA DE LA WEB
  8. 8. LAS VENTAJAS DEL FRAMEWORKAntes de software puede ser reutilizable, tiene que serutilizable.Ralph Johnson
  9. 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
  10. 10. COMPONENTES Grids Tabs y Paneles Windows Trees Drag and Drop Toolbars y Menus ComboBox DataView y Listas Formularios
  11. 11. HERRAMIENTAS Y DEBUGGINGLa teoría es cuando se sabe algo, pero no funciona. Lapráctica es cuando algo funciona, pero no sé por qué.Anónimo
  12. 12. CACHE
  13. 13. 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
  14. 14.  Consola: contiene una línea de comandos de JavaScript, muestra los logs de mensajes de errores e informativos
  15. 15.  HTML: Muestra HTML a manera de jerarquica de nodos del DOM, para abrir y cerrar nodos hijos
  16. 16.  CSS: Inspector de hojas de estilo. Visualiza las hojas descargada y las puede modificar dinámicamente
  17. 17.  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
  18. 18. WEB DEVELOPER TOOLBAR
  19. 19.  Firebug DeveloperToolbar Internet Explorer Developer Toolbar Microsoft Script Editor Eclipse, Aptana NeatBeans
  20. 20. PREGUNTAS?

×