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
4.3 (16 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.
44 students enrolled
Instructed by Joshua HG IT & Software / Other
$50
Take This Course
  • Lectures 21
  • Length 2.5 hours
  • Skill Level All Levels
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 10/2015 Spanish

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

What are the requirements?

  • Programación Estructurada
  • HTML, CSS y JavaScript
  • Programación Orientada a Objetos
  • Instalación de servidores locales

What am I going to get from this course?

  • 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

What 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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduccion y arquitectura
03:35

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

05:42

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

03:12

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

Section 2: Vistas y Controladores
03:28

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

03:59

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.

05:33

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.

05:17

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.

06:19

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.

07:04

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.

08:14

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

Section 3: Componentes y Contenedores
15:10

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

07:26

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.

12:08

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

Section 4: Datos y componentes
05:21

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.

08:24

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.

09:39

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.

03:25

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.

Section 5: Programación Orientada a Objetos
07:19

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.

05:45

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.

08:50

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.

07:46

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.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Joshua HG, 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.


Ready to start learning?
Take This Course