Adobe Flex 3 - curso online

Índice del curso

Lo más básico
Fundamentos de uso de Flex: su entorno, el MXML y el AS3. Control de los proyectos

Descripción de la tecnología Flex 03:55

Las Ria son ya el presente y el futuro en la web. Y la mejor herramienta para su creación es Flex. En este vídeo se
describe la tecnología Flex
Descarga e instalación de Flex Builder 02:33
Instalación del programa. Webs de referencia.

Entorno de trabajo del Flex Builder 3 07:39

Nuevo Proyecto. Descripción del entorno e trabajo en Flex Builder 3

Desarrollo en la vista diseño 09:16

Desarrollo de aplicaciones de modo visual utilizando la vista de diseño y los paneles de componentes y propiedades

Desarrollo en la vista código 09:17

Desarrollo en vista código; uso de ayudas a la programación

Combinar MXML con ActionScript 3 05:56

Control de las aplicaciones Flex usando ActionScript 3.

Uso de Archivos de ActionScript externos 02:33

Referencias a archivos de ActionScript externos para encapsular el código más eficientemente

Optimización de los archivos finales 04:05

Creación de los swfs finales del proyecto: optimización de archivos.

Las bases del MXML

Fundamentos del diseño de RIA usando MXML. Utilización de contenedores y controles. Adición de diversos tipos de contenido

Uso de layouts y navegadores 06:07

Uso de contenedores y navegadores para crear navegaciones complejas

Uso de estados para cambiar la visualización 10:27

Creación de aplicaciones que cambian de aspecto dependiendo de la interacción del usuario. Uso de estados

Integración de imágenes y animaciones en Flex 05:46

Integración de elementos externos a Flex: uso de imágenes y de archivos Flash

DataBinding: actualización dinámica de datos

La base de Flex es el dataBinding. Gracias a él la actualización dinámica de datos se convierte en una tarea sencilla e
intuitiva
Uso de dataBinding para controlar dinámicamente los contenidos 04:27
Aplicación de dataBinding para la actualización dinámica de datos en Flex

Aplicación de dataBinding a un formulario 06:44

Cómo crear un formulario que se rellena automáticamente mediante dataBinding

Recuperar datos de controles mediante dataBinding 05:07

Intercambio de información entre controles de Flex mediante el uso de dataBinding

Procesar en tiempo real datos mediante dataBinding 04:04

Procesado de datos en tiempo real mediante ActionScript y aplicación de esos datos usando dataBinding

Gestión de eventos: los ejecutores de Flex

La base de control de la ejecución de la programación son los eventos: en este capítulos se muestra el uso de eventos
en MXML y ActionScript3

© copyright 2008 video2brain. 1 / 4

Todos los derechos reservados

video2brain y el logo de video2brain son marcas registradas de video2brain.
 Explicación del sistema de propagación de eventos en ActionScript 3 07:00
Descripción del proceso de propagación de eventos en ActionScript3

Uso básico de los eventos 04:50

Uso de los eventos con ActionScript y MXML, por ejemplo rollOver o toolTips

Uso del evento creationComplete para la emisión de llamadas HTTPService 08:43

Ejecución de código al iniciar la aplicación: uso del evento creationComplete

Recuperación de datos mediante eventos 07:22

Recuperación de los datos seleccionados en un formulario utilizando eventos

Uso de XMLs externos

no se pueden concebir las Ria sin usar la carga de datos externos. En este apartado se aprende como cargar y gestionar
datos XML externos
Carga y control de datos XML externos mediante AS3 07:01
Uso de eventos para la carga de XML externos. Control de los datos cargados

Filtrado de contenidos usando E4X 06:44

Ejemplo de uso del estándar E4X para la gestión de datos XML

Procesado en Flex de XML usando AS3 07:46

Ejemplo de uso de ActionScript para la gestión de datos XML y su aplicación a controles

Uso de ArrayCollection para aplicar datos XML a controles 05:19

La alimentación de datos en controles se basa en varios tipos de datos que facilitan este proceso. Ejemplo de
uso de XMLListCollection
Vinculación de datos XML directa mediante XMLListCollection 06:06
Integración de datos en controles, usando dataBinding y XMLListCollection

Vincular datos de un formulario con la selección de un control Tree 09:01

Para mostrar los datos XML de manera ordenada e intuitiva, Flex posee el control Tree. En este vídeo se
enseña a manejar este control

Componentes
En Flex el código necesario para generar elementos de ActionScript viene encapsulado como componentes que automatizan la
tarea de crear aplicaciones
ComboBox 07:50
Usando el componente ComboBox se pueden crear menús desplegables y asociarles contenidos

Componente DataGrid 06:16

Uso del componente DataGrid para mostrar tablas de datos XML

AdvancedDataGrid 05:38
El componente AdvancedDataGrid permite mostrar estructuras XML complejas mezclando la funcionalidad del Tree y
del DataGrid en un solo componente
Componente DateChooser 07:37
Uso de selectores de fechas para crear un calendario y una aplicación asociada

Componente Repeater 05:40

Creación de bucles mediante el componente Repeater

Lista horizontal: HorizontalList 06:47

Listas horizontales de elementos: ejemplo de lista de imágenes

Lista vertical: TileList 06:44

Listas verticales de elementos: ejemplo de lista de imágenes

Creación de componentes personalizados 05:00

Las grandes aplicaciones RIA van mucho más allá de el simple uso de componentes estándar. Veamos cómo crear un
componente personalizado

Arrastrar
Una de las bases de la interacción intuitiva se basa en el drag and drop. En este capítulo se aprende a controlar la capacidad de
arrastrar y soltar elementos propia de AS3
Drag and Drop simple 08:34
Creación de un ejemplo de drag and drop simple para mover datos

© copyright 2008 video2brain. 2 / 4

Todos los derechos reservados

video2brain y el logo de video2brain son marcas registradas de video2brain.
 Creación de un ejemplo de drag and drop simple para mover datos

Arrastrar contenidos entre componentes de la aplicación 07:21

Uso completo del drag and drop: arrastre de elementos y recuperación de estos para añadirlos a otros componentes

Gestión de la información realacionada con un drag and drop 05:22

Gestión del XML asociado a los elementos arrastrados entre componentes.

Personalización del interface

Flex admite una amplia gama de métodos de personalización de los contenidos. En este capítulo se aprende a satisfacer las
necesidades de cualquier diseñador
Estilos CSS internos para personalizar componentes 06:19
Uso de estilos CSS guardados en los swfs que componen la aplicación

Aplicación de archivos CSS externos 02:06

Carga de datos XML externos para compartirlos por todas las aplicaciones de un proyecto.

Uso de imágenes para modificar el aspecto de los controles 06:36

Cambio del aspecto de los componentes usando imágenes en vez de formas vectoriales generadas mediante
programación
Uso de clases de ActionScript para controlar el skin de los controles 06:26
Desarrollo de aspectos nuevos de componentes mediante AS3.

Uso de la API ActionScript para controlar el skin 05:04

Uso de la API de dibujo de Flash para la creación dinámica de aspectos de componentes.

Creación de estilos usando el Style Explorer 04:08

Una de las herramientas imprescindibles para el desarrollador Flex es el Style Explorer que hace intuitivo y fácil el uso
de CSS en Flex

Gráficos en Flex usando Charts

Charts es el complemento ideal para que los desarrolladores Flex puedan crear gráficos dinámicos

Creación de un gráfico de áreas 08:32

Creación y descripción de un gráfico de áreas

Gráficos de burbujas 04:29

Creación y descripción de un gráfico de burbujas

Gráfico de sectores 05:34

Creación y descripción de un gráfico de sectores

Control del texto de leyenda mediante labelFunction 05:16

Uso del método labelfunction para personalizar la leyenda de un gráfico

Validación y formateo de datos

Es muy rara la aplicación que no tenga un formulario, y en todas ellas es fundamental validar sus datos para evitar errores y para
guiar al usuario en el momento de rellenarlos
Control de la validación de campos en un formulario 05:06
Uso de las clases estándar de validación de elementos de formulario

Diferentes tipos de validación y sus propiedades 06:48

Validación de distintos tipos de datos

Validación mediante ActionScript 05:53

Validaciones complejas mediante el uso de funciones de ActionScript

Validación mediante expresiones regulares de un campo de mail 06:49

Uso de expresiones regulares para la validación de Strings. Ejemplo de validación de un campo mail

Formateo de datos 07:51

Control del formateo de los datos que aparecen en un campo de texto, usando un ejemplo de cálculo de impuestos
sobre un precio.

Navegación compleja
Así como para organizar los contenidos en pantalla se usan los contenedores, para la organización de los procesos se usan los
navegadores.
Navegación usando TabNavigator y LinkBar 05:03
Navegación horizontal compleja usando navegadores de pestañas y de links

© copyright 2008 video2brain. 3 / 4

Todos los derechos reservados

video2brain y el logo de video2brain son marcas registradas de video2brain.
 Navegación horizontal compleja usando navegadores de pestañas y de links

Componente acordeón. Control del componente mediante ActionScript 04:41

Uso del componente acordeón y su control mediante ActionScript, para crear aplicaciones cuyo control se haga de
modo vertical
Menús personalizados controlados por XML 06:11
Creación de menús personalizados. Estructura del XML necesario para alimentarlos

Crear componentes desde la suite CS3

Uso de los distintos programas de la suite de Adobe CS3 para crear aspectos personalizados en nuestras aplicaciones Flex

Cargar swfs y símbolos de bibliotecas de Flash 05:39

Descripción del proceso de creación de skins personalizados usando Flash

Instalación del Flex comonent kit para Flash CS3 02:57

Instalación y uso básico del Flex comonent kit para Flash CS3

Recuperar componentes de la clase UIMovieClip en Flex 03:14

Uso de la clase UIMovieclip para crear componentes personalizados importadles en Flex

Rediseñar componentes propios de Flex con Flash y el Flex Skin Design 05:03
Rediseñar skins en flash es una tarea sencilla gracias al uso del Flex Skin Design

Modificando el aspecto de los componentes Flex con Fireworks CS3 04:58

Ejemplos de creación de los pngs necesarios para la personalización de componentes usando Fireworks. Instalación
del Flex skin design en Fireworks
Modificando el aspecto de los componentes Flex con Photoshop CS3 04:35
Ejemplos de creación de los pngs necesarios para la personalización de componentes usando PhotoShop. Instalación
del Flex skin design en Photoshop
Modificando el aspecto de los componentes Flex con Illustrator CS3 05.04
Ejemplos de creación de los pngs necesarios para la personalización de componentes usando Illustrator. Instalación
del Flex skin design en Illustrator
Crear contenidos Flex desde Fireworks 04:23
Ya no hace falta depender de Flash para crear componentes propios. Creación de componentes personalizados Flex
desde Fireworks

Flex con PHP y MySQL

Como ejemplo de aplicación de servidor para suministrar datos a nuestras RIA hemos elegido para este curso la tecnología PHP.
En este capítulo se enseña a instalar y desarrollar con PHP y MySQL
Instalación de PHP, apache y MYSQL para el desarrollo de aplicaciones de servidor 09:36
Instalación automática mediante EasyPHP para desarrollar con PHP, apache, SQL y MySQL.

Recuperación de datos php desde Flex 07:32

Creación de un PHP para recuperar datos mediante XML y su aplicación mediante dataBinding a un componente Flex

Cambio de imágenes dinámicamente 03:53

Control de imágenes dinámicas mediante PHP y XML

Desarrollo con Flex

Una vez dentro del proceso de desarrollo en Flex es necesario poder depurar errores, controlar las cargas de datos y preparar la
aplicación para subirla a internet. En este capítulo se aprende a hacerlo
Uso del debugging de Flex 06:37
Descripción y uso de las opciones de depuración de Flex.

Creación de precargas para aplicaciones Flex 04:30

Control de precargas desde Flex. Precarga básica. Precarga personalizada

Exportación optimizada de la aplicación 04:46

Exportación final de los swf que componen las aplicaciones Flex

© copyright 2008 video2brain. 4 / 4

Todos los derechos reservados

video2brain y el logo de video2brain son marcas registradas de video2brain.