Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add Cómo programar ExtJS to your Wishlist.

Add to Wishlist

Cómo programar ExtJS

Aprende a iniciar y estructurar proyectos de ExtJS de manera organizada, rubusta y eficiente en base a técnicas de POO
3.8 (19 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
50 students enrolled
Created by Joshua HG
Last updated 10/2015
Spanish
$50
30-Day Money-Back Guarantee
Includes:
  • 2.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
Crear un nuevo proyecto con ExtJS
Estructurar sus archivos y carpetas con Namespaces y estilos de Clases
Diseñar sus interfaces de forma abstracta y reutilizable
Crear sus propios componentes personalizados, con métodos y eventos especializados
Crear componentes comunes como Paneles, Ventanas y Formularios
Usar componentes basados en Stores como el Combo y GridPanel
Diseñar sus interfaces con una mayor variedad y gama de Layouts y posicionamiento
Comprender el Ciclo de Vida de los componentes en ExtJS
View Curriculum
Requirements
  • Programación Estructurada
  • HTML, CSS y JavaScript
  • Programación Orientada a Objetos
  • Instalación de servidores locales
Description

"Cómo programar en ExtJS", te muestra cómo crear aplicaciones con este poderoso framework y las características en un contexto de práctico, robusto y funcional. Realizamos un proceso teórico y práctico en ejemplos funcionales, desde instalar Sencha SDK y CMD hasta crear tus propios componentes personalizados basado en técnicas de Programación Orientada a Objetos. Se incluye el código fuente del proyecto realizado.

Who is the target audience?
  • Este curso esta especializado para personas técnicas con conocimientos de programación estructurada
  • Programadores y diseñadores Web que usan JavaScript para crear aplicaciones
  • Programadores de ExtJS con conocimientos básicos e intermedios y quiere conocer los detalles perfectos acerca de como estructurar sus archivos, carpetas, clases, componentes y objetos para hacerlos reutilizables y crear aplicaciones más robustas
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 21 Lectures Collapse All 21 Lectures 02:23:36
+
Introduccion y arquitectura
3 Lectures 12:29

Hablamos de los requerimientos para iniciar. Descargamos la librería y la instalamos para maquetar nuestro primer proyecto usando Sencha Command.

Preview 03:35

Describimos los conceptos e ideas del patrón MVC y su aplicación con ExtJS. Hablamos de la estructura de carpetas y archivos creados por Sencha CMD

Preview 05:42

Definimos el patrón MVVM y platicamos de las clases ViewModels y ViewControllers definidos en este diseño de programación. Mencionamos las particularidades de ExtJS 6 y sus nuevos toolkits

Preview 03:12
+
Vistas y Controladores
7 Lectures 39:54

JSON es la sintaxis de codificación de nuestras clases y archivos. Es la manera en la que configuramos las propiedades y métodos de nuestros componentes. Podemos cambiar los valores de estas configuraciones en la instanciación

Preview 03:28

La codificación e instanciación de nuestras clases y objetos se resume a los métodos define y create. Mencionamos las diferencias y creamos una primer ventana para ejemplificarlo, asignándoles diferentes configuraciones en la instanciación.

Ext.application, Ext.define, Ext.create
03:59

La estructuración de nuestros archivos y carpetas comienzan con el primer estandar llamado NameSpaces. Es la manera de como categorizamos y agrupamos todas las posibles clases de nuestra aplicación. Creamos algunas clases partiendo de esta idea.

Namespaces
05:33

Creamos nuestro primer componente personalizado Ventana, lo incorporamos al proyecto y definimos multiples configuraciones por defecto. Hablamos de nuestro codigo en la etapa de producción, el cual lo debemos alojar compreso y ofuscado.

LoginWindowView
05:17

Construimos un Controlador personalizado para nuestra ventana. Abstrayendo los comportamientos logicos de que hacer cuando el botón ingresar es presionado, de esta forma, separamos la responsabilidad de desplegar la vista del negocio y funcionalidades a disparar cuando algunos eventos ocurran.

LoginWindowController
06:19

Codificaremos dos formas de realizar una petición Ajax enviándole parámetros adjuntos. La primera de ellas por medio de una forma manual usando request de Ext.Ajax y la segunda por medio de submit de nuestro Formulario de WindowLogin.

Ext.Ajax
07:04

Los cambios de contexto son muy comunes en la programación de JavaScript y ExtJS. Especificamos y explicamos como se dan estos cambios y la manera de como podemos mantener los contextos para usar siempre la palabra reservada this

Scope y this
08:14
+
Componentes y Contenedores
3 Lectures 34:44

Hacemos un recorrido sobre las diferentes formas de acoplar nuestros componentes dentro de los contenedores. Codificamos un ejemplo usando diferentes layouts y ampliamos las funcionalidades de nuestro PanelClientes

Layouts y Contenedores
15:10

El ciclo de vida de los componentes es un concepto importante de comprender, pues forma parte de la codificación y a través de la cual podemos reaccionar a diferentes eventos y sobre todo identificar posibles errores durante la etapa de desarrollo.

Componentes y ciclo de vida
07:26

Creamos una ventana con un Formulario para ejemplificar la captura de la informacion. Incorporamos y especificamos las configuraciones y propiedades que se comparten entre la mayoria de los campos de captura, y realizamos llamadas al servidor para enviar, guardar y recuperar la información

Formularios
12:08
+
Datos y componentes
4 Lectures 26:49

Hablamos de las descripciones teóricas de los datos y su recuperación desde el servidor. Mencionamos como ExtJS transforma esta información y cuales son las clases que estan involucradas en este proceso.

Paquete de datos
05:21

Crearemos un Combo de Clientes, pero antes es indispensable definir nuestra clase Store para redactar las reglas de recuperación y la estructura de los datos que se recuperan desde un servidor remoto.

Store y ComboBox
08:24

Detallamos las características mínimas para la creación técnica de un GridPanel. Reutilizaremos nuestra clase StoreClientes para crear un grid y mostrar a manera de columnas su información.

GridPanel
09:39

Los Modelos plantean las reglas y definición de los campos de información que definen a los Records. Además de ello pueden crear métodos utilitarios para la manipulación de la misma información. Incoporamos nuestra clase ModeloCliente en conjunto con el StoreClientes.

Modelos y records
03:25
+
Programación Orientada a Objetos
4 Lectures 29:40

Para tener éxito en una aplicación robusta de ExtJS, es indispensable comprender el paradigma de la Programación Orientada a Objetos, y sus características mas indispensables de manera práctica. Hablamos sobre los conceptos principales de Clases y Herencia y su uso en ExtJS.

POO con ExtJS
07:19

Detallamos un poco más a fondo la aplicación de Herencia en ExtJS, no sólo su definición, sino explicamos la idea y estructura que debe seguir nuestra línea de programación para crear estructuras y componentes reutilizables.

Herencia y jerarquía
05:45

Todas las aplicaciones estan conformadas por un conjunto de componentes y objetos que se comunican entre sí. Estos mecanismos estan basados en técnicas de mensajes para pasarse parámetros y realizar cambios de estado o invocación a comportamientos de los mismos.

Mensajes
08:50

Los eventos personalizados son el primer paso para crear componentes personalizados. Tanto los eventos como los métodos y las configuraciones de un componente, son la base para crear módulos dentro de nuestra aplicación que se comportan como cajas negras, sabiendo que hace, pero sin importarnos el cómo.

Componentes personalizados
07:46
About the Instructor
3.8 Average rating
19 Reviews
50 Students
1 Course
Ingeniero de Software

Programador mexicano de ExtJS desde hace 7 años. Se ha dedicado a enseñar y explicar las técnicas de codificación de aplicaciones robustas usando Programación Orientada a Objetos con JavaScript y PHP. Emprendedor, CEO de GeckoScript y @GoBulletin. Apasionado de la Historia, la arqueología, el futbol y los animales.


Report Abuse