Modificando el aspecto de los componentes Flex con Illustrator CS3

del curso: Adobe Flex 3

Comprar

Información sobre este video

Ejemplos de creación de los pngs necesarios para la personalización de componentes usando Illustrator. Instalación del Flex skin design en Illustrator

Una lección de: Adobe Flex 3

Este curso está pensado para usuarios con un mínimo de conocimientos de programación y es la herramienta ideal para las personas que, con un conocimiento medio, quieran comenzar a utilizar Flex para crear aplicaciones web.

USD 49.95

Comprar

Cursos similares

Fundamentos de uso de Flex: su entorno, el MXML y el AS3. Control de los proyectos

Lo más básico
- 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
  
  Descripción de la tecnología Flex
  
  03:55
- Instalación del programa. Webs de referencia.
  
  Descarga e instalación de Flex Builder
  
  02:33
- Nuevo Proyecto. Descripción del entorno e trabajo en Flex Builder 3
  
  Entorno de trabajo del Flex Builder 3
  
  07:39
- Desarrollo de aplicaciones de modo visual utilizando la vista de diseño y los paneles de componentes y propiedades
  
  Desarrollo en la vista diseño
  
  09:16
- Desarrollo en vista código; uso de ayudas a la programación
  
  Desarrollo en la vista código
  
  09:17
- Control de las aplicaciones Flex usando ActionScript 3.
  
  Combinar MXML con ActionScript 3
  
  05:56
- Referencias a archivos de ActionScript externos para encapsular el código más eficientemente
  
  Uso de Archivos de ActionScript externos
  
  02:33
- Creación de los swfs finales del proyecto: optimización de archivos.
  
  Optimización de los archivos finales
  
  04:05
Fundamentos del diseño de RIA usando MXML. Utilización de contenedores y controles. Adición de diversos tipos de contenido

Las bases del MXML
- Uso de contenedores y navegadores para crear navegaciones complejas
  
  Uso de layouts y navegadores
  
  06:07
- Creación de aplicaciones que cambian de aspecto dependiendo de la interacción del usuario. Uso de estados
  
  Uso de estados para cambiar la visualización
  
  10:27
- Integración de elementos externos a Flex: uso de imágenes y de archivos Flash
  
  Integración de imágenes y animaciones en Flex
  
  05:46
- 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
  
  DataBinding: actualización dinámica de datos
  - Aplicación de dataBinding para la actualización dinámica de datos en Flex
    
    Uso de dataBinding para controlar dinámicamente los contenidos
    
    04:27
  - Cómo crear un formulario que se rellena automáticamente mediante dataBinding
    
    Aplicación de dataBinding a un formulario
    
    06:44
  - Intercambio de información entre controles de Flex mediante el uso de dataBinding
    
    Recuperar datos de controles mediante dataBinding
    
    05:07
  - Procesado de datos en tiempo real mediante ActionScript y aplicación de esos datos usando dataBinding
    
    Procesar en tiempo real datos mediante dataBinding
    
    04:04
- 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
  
  Gestión de eventos: los ejecutores de Flex
  - Descripción del proceso de propagación de eventos en ActionScript3
    
    Explicación del sistema de propagación de eventos en ActionScript 3
    
    07:00
  - Uso de los eventos con ActionScript y MXML, por ejemplo rollOver o toolTips
    
    Uso básico de los eventos
    
    04:50
  - Ejecución de código al iniciar la aplicación: uso del evento creationComplete
    
    Uso del evento creationComplete para la emisión de llamadas HTTPService
    
    08:43
  - Recuperación de los datos seleccionados en un formulario utilizando eventos
    
    Recuperación de datos mediante eventos
    
    07:22
- 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
  
  Uso de XMLs externos
  - Uso de eventos para la carga de XML externos. Control de los datos cargados
    
    Carga y control de datos XML externos mediante AS3
    
    07:01
  - Ejemplo de uso del estándar E4X para la gestión de datos XML
    
    Filtrado de contenidos usando E4X
    
    06:44
  - Ejemplo de uso de ActionScript para la gestión de datos XML y su aplicación a controles
    
    Procesado en Flex de XML usando AS3
    
    07:46
  - La alimentación de datos en controles se basa en varios tipos de datos que facilitan este proceso. Ejemplo de uso de XMLListCollection
    
    Uso de ArrayCollection para aplicar datos XML a controles
    
    05:19
  - Integración de datos en controles, usando dataBinding y XMLListCollection
    
    Vinculación de datos XML directa mediante XMLListCollection
    
    06:06
  - 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
    
    Vincular datos de un formulario con la selección de un control Tree
    
    09:01
En Flex el código necesario para generar elementos de ActionScript viene encapsulado como componentes que automatizan la tarea de crear aplicaciones

Componentes
- Usando el componente ComboBox se pueden crear menús desplegables y asociarles contenidos
  
  ComboBox
  
  07:50
- Uso del componente DataGrid para mostrar tablas de datos XML
  
  Componente DataGrid
  
  06:16
- El componente AdvancedDataGrid permite mostrar estructuras XML complejas mezclando la funcionalidad del Tree y del DataGrid en un solo componente
  
  AdvancedDataGrid
  
  05:38
- Uso de selectores de fechas para crear un calendario y una aplicación asociada
  
  Componente DateChooser
  
  07:37
- Creación de bucles mediante el componente Repeater
  
  Componente Repeater
  
  05:40
- Listas horizontales de elementos: ejemplo de lista de imágenes
  
  Lista horizontal: HorizontalList
  
  06:47
- Listas verticales de elementos: ejemplo de lista de imágenes
  
  Lista vertical: TileList
  
  06:44
- Las grandes aplicaciones RIA van mucho más allá de el simple uso de componentes estándar. Veamos cómo crear un componente personalizado
  
  Creación de componentes personalizados
  
  05:00
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

Arrastrar
- Creación de un ejemplo de drag and drop simple para mover datos
  
  Drag and Drop simple
  
  08:34
- Uso completo del drag and drop: arrastre de elementos y recuperación de estos para añadirlos a otros componentes
  
  Arrastrar contenidos entre componentes de la aplicación
  
  07:21
- Gestión del XML asociado a los elementos arrastrados entre componentes.
  
  Gestión de la información realacionada con un drag and drop
  
  05:22
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

Personalización del interface
- Uso de estilos CSS guardados en los swfs que componen la aplicación
  
  Estilos CSS internos para personalizar componentes
  
  06:19
- Carga de datos XML externos para compartirlos por todas las aplicaciones de un proyecto.
  
  Aplicación de archivos CSS externos
  
  02:06
- Cambio del aspecto de los componentes usando imágenes en vez de formas vectoriales generadas mediante programación
  
  Uso de imágenes para modificar el aspecto de los controles
  
  06:36
- Desarrollo de aspectos nuevos de componentes mediante AS3.
  
  Uso de clases de ActionScript para controlar el skin de los controles
  
  06:26
- Uso de la API de dibujo de Flash para la creación dinámica de aspectos de componentes.
  
  Uso de la API ActionScript para controlar el skin
  
  05:04
- 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
  
  Creación de estilos usando el Style Explorer
  
  04:08
Charts es el complemento ideal para que los desarrolladores Flex puedan crear gráficos dinámicos

Gráficos en Flex usando Charts
- Creación y descripción de un gráfico de áreas
  
  Creación de un gráfico de áreas
  
  08:32
- Creación y descripción de un gráfico de burbujas
  
  Gráficos de burbujas
  
  04:29
- Creación y descripción de un gráfico de sectores
  
  Gráfico de sectores
  
  05:34
- Uso del método labelfunction para personalizar la leyenda de un gráfico
  
  Control del texto de leyenda mediante labelFunction
  
  05:16
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

Validación y formateo de datos
- Uso de las clases estándar de validación de elementos de formulario
  
  Control de la validación de campos en un formulario
  
  05:06
- Validación de distintos tipos de datos
  
  Diferentes tipos de validación y sus propiedades
  
  06:48
- Validaciones complejas mediante el uso de funciones de ActionScript
  
  Validación mediante ActionScript
  
  05:53
- Uso de expresiones regulares para la validación de Strings. Ejemplo de validación de un campo mail
  
  Validación mediante expresiones regulares de un campo de mail
  
  06:49
- Control del formateo de los datos que aparecen en un campo de texto, usando un ejemplo de cálculo de impuestos sobre un precio.
  
  Formateo de datos
  
  07:51
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 compleja
- Navegación horizontal compleja usando navegadores de pestañas y de links
  
  Navegación usando TabNavigator y LinkBar
  
  05:03
- Uso del componente acordeón y su control mediante ActionScript, para crear aplicaciones cuyo control se haga de modo vertical
  
  Componente acordeón. Control del componente mediante ActionScript
  
  04:41
- Creación de menús personalizados. Estructura del XML necesario para alimentarlos
  
  Menús personalizados controlados por XML
  
  06:11
Uso de los distintos programas de la suite de Adobe CS3 para crear aspectos personalizados en nuestras aplicaciones Flex

Crear componentes desde la suite CS3
- Descripción del proceso de creación de skins personalizados usando Flash
  
  Cargar swfs y símbolos de bibliotecas de Flash
  
  05:39
- Instalación y uso básico del Flex component kit para Flash CS3
  
  Instalación del Flex component kit para Flash CS3
  
  02:57
- Uso de la clase UIMovieclip para crear componentes personalizados importados en Flex.
  
  Recuperar componentes de la clase UIMovieClip en Flex
  
  03:14
- Rediseñar skins en flash es una tarea sencilla gracias al uso del Flex Skin Design
  
  Rediseñar componentes propios de Flex con Flash y el Flex Skin Design
  
  05:03
- 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 Fireworks CS3
  
  04:58
- 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 Photoshop CS3
  
  04:35
- Ejemplos de creación de los pngs necesarios para la personalización de componentes usando Illustrator. Instalación del Flex skin design en Illustrator
  
  Modificando el aspecto de los componentes Flex con Illustrator CS3
  
  05:04
- Ya no hace falta depender de Flash para crear componentes propios. Creación de componentes personalizados Flex desde Fireworks
  
  Crear contenidos Flex desde Fireworks
  
  04:23
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

Flex con PHP y MySQL
- Instalación automática mediante EasyPHP para desarrollar con PHP, apache, SQL y MySQL.
  
  Instalación de PHP, apache y MYSQL para el desarrollo de aplicaciones de servidor
  
  09:36
- Creación de un PHP para recuperar datos mediante XML y su aplicación mediante dataBinding a un componente Flex
  
  Recuperación de datos php desde Flex
  
  07:32
- Control de imágenes dinámicas mediante PHP y XML
  
  Cambio de imágenes dinámicamente
  
  03:53
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

Desarrollo con Flex
- Descripción y uso de las opciones de depuración de Flex.
  
  Uso del debugging de Flex
  
  06:37
- Control de precargas desde Flex. Precarga básica. Precarga personalizada
  
  Creación de precargas para aplicaciones Flex
  
  04:30
- Exportación final de los swf que componen las aplicaciones Flex
  
  Exportación optimizada de la aplicación
  
  04:46