Informática



Agradezco al MININT por la formación que posibilito que hoy puedan estar leyendo estas líneas. A mi familia por la preparación tanto formal como ideológica y a todos los que han hecho posible más de 50 años de Victorias.




















RESUMEN
Ext JS se ha convertido en uno de los FrameWorks JavaScript más completos que existen, develar las nuevas funcionalidadesagregadas en Ext JS 4.0 es el motivo de este Material. Aportarte un material de aprendizaje y consulta que te permita comenzar o perfeccionar el desarrollo de aplicaciones web.






















Índice





Acerca de este Material:
Capítulo 1: Nos introduciremos en el nuevo concepto que incluye Ext JS 4.0 acerca de cómo concebir una aplicación. Introduceconceptos novedosos como MVC que nos permitirán desarrollar aplicaciones grandes sin el gran costo de tiempo y mantenimiento que estas suponían hasta la fecha. Develaremos el funcionamiento de la nueva carga en demanda y cómo influye en menos código necesario para nuestra aplicación.
















A quien está dirigido:
Este material está dirigido a desarrolladores de aplicacionesWeb que estén familiarizados con HTML. Pueden o no estar familiarizados con JavaScript. A los que desean crear Aplicaciones Web Enriquecidas usando el FrameWorks Ext JS 4.0 o viejos conocidos que desean actualizarse en los conceptos más novedosos que esta incluye.
























Que se necesita para los Primeros Pasos:
Se necesita de un editor que te asista en lacreación de HTML, JavaScript y CCS. Conocer como referenciar estos archivos en tus páginas o al menos entender la lógica de cómo funciona dichos selectores.
Debes tener acceso a un servidor Web o al menos contar con un servidor local para el desarrollo de los ejemplos así como de una Base de Datos donde puedas trabajar, recomendamos algunos Web Servers Portables como XAMMP o USB WEB SERVER tedarán solución a estos problema. El desarrollo local de aplicaciones te facilitara el proceso de aprendizaje y ahorraras tiempo en el proceso.
Un navegador y un Depurador de código en el mismo. Se recomienda Mozilla Firefox con Firebug o Internet Explorer 9.
Estas herramientas te pondrán en condiciones de dar los primeros pasos para desafiar tus Sueños.
Capítulo 1: Ext.app.ApplicationEmpezaremos alfabéticamente por el primer punto de la documentación de la Ext JS. Esta nueva clase es Application y se encuentra en el Package app. Representa una aplicación en Ext JS 4. Que nos permite crear fácilmente una aplicación web, brinda facilidades para su manejo y desarrollo. Hereda de un Ext.app.Controller no es más que una especificación de la misma, que más que controlar Almacenes deDatos, Modelos y Vistas esta se encargara de controlar las controladoras de nuestra aplicación, como venía siendo típico una simple aplicación usa un Viewport para contener sus controles. Primero debemos crear una carpeta en la raíz de nuestro Servidor Web para contener la aplicación que desarrollaremos. En la carpeta creamos nuestro index.html que será la página que debe lanzar por defecto nuestroservidor al acceder por el navegador. Agregar además la carpeta que contiene el FrameWork Ext JS 4.0. Debe quedarnos como se aprecia en la Fig. 1.1.
En dicha página debes poner el código que se muestra a continuación que te permitirá hacer un “Hola en Ext JS 4.0” para comprobar que las referencias han sido cargadas correctamente. Su Sintaxis debe quedar aproximadamente así:


NuestraPrimera App



Ext.onReady (function () {
Ext.Msg.alert ('Atenció n’, 'Hola en Ext JS 4.0');
});





Durante el proceso de desarrollo se recomienda utilizar ext-all-debug-w-comments.js en lugar de ext-all.js ya que en la primera el código no está comprimido ni ofuscado, ideal para la depuración (debug), además las líneas tienen comentarios sugerentes...