Ejemplo práctico con Adobe Flex para que aprendás a usar esta herramienta en la creación de portafolios Web

CONCEPTOS BÁSICOS

• Sobre Flex Builder y Flash
• Sobre Eclipse: repaso del entorno de trabajo
• Herramientas de código y diseño
• Control de errores: Vista debug. Uso de Flash Tracer
• MAMP y PHP. Instalación del servidor de pruebas local
• Flash Remoting y Zend
• Descripción de proyecto Flex: archivos con el diseño
• Model-View-Controller

• Configurando la base de datos
• Configuración del servidor
• Creación de l proyecto Flex
• Organización del código en la aplicación
• Estructura de la aplicación con estados y layouts
• Código de visualización en componentes individuales
• Configuración automática de la parte Model
• Preparando los archivos para Illustrator
• Breve explicación del uso de estilos CSS en Flex
• Resumen de configuración de estructura

• Primer componente simple
• Cambiando propiedades para mostrar textos
• Formateando texto usando CSS
• Vinculación de fuentes
• HTML en Flex: párametros a un componente
• Añadiendo imágenes a las vista Info y Contacto
• Formateando el resto de elementos

• Contenedores de navegación: ButtonBar
• Aplicando Layout al ButtonBar
• Aplicando Skin a la botonera
• Preparando los Skin de los botones
• Estados en botones y fin del diseño
• Lógica de control en los botones
• Eventos: contol de estados

• Creando un componente de Flash para cada elemento
• Usando listas de elementos para las categorías
• Formateando las lista con ItemRenderers
• Terminando el formateo del ItemRenderer
• Aspercto del scroll con CSS y Skins Artworks
• Poniendo márgenes a la vista

• Trabajo con XML y XMLList
• Aplicando los datos a la lista de trabajos
• Modificando la carga de datos del ItemRenderer
• Filtrado de los datos del ArrayCollection
• Añadiendo nuevos métodos a nuestros servicios
• Recuperación de las fotos tras seleccionar un trabajo

• Creación del componente Foto usando FXG
• Creando el listado de contenidos sin usar Lists
• Aplicando datos a las fotos
• Recalculando el tamaño de las fotos
• Creación de un menú de fotos tipo "Apple"
• Usando efectos para animar la botonera
• Estados en fotos: control de precargas

• Creación de popups personalizados
• Formateando la vista de detalle
• creando una barra desplegable
• Terminando el diseño de la vista
• Añadiendo un scroll a la descripción

• Deplegando la vista de seleccionados
• Drag and Drop básico: añadiendo seleccionados
• Añadiendo la fotografía seleccionada
• Eliminando fotografías
• Arrastrando fotografías
• Duplicando contenidos en la vista ampliada
• Programación de los ampliados

• Vistas en la parte privada: carga de las fotos
• Reconfigurando el DataGrid
• Guardando datos
• Subiendo las fotografías
• Eliminando datos
• Modificando datos
• Control de contraseña: componente login