Adobe Flex a partir do zero

Adobe Flex a partir do zero

Flex Builder 3

Bom, como já várias pessoas me tem pedido, mesmo não tendo muito tempo livre nem sendo um profissional vou iniciar aqui uma série de tutoriais para quem deseja começar do zero a construir os seus projectos em Flex, focando essencialmente o Adobe Flex Builder

Como já devem saber o Adobe Flex é uma plataforma de desenvolvimento de RIA’s (pt.wikipedia.com/ria) em flash. A grande diferença do convencional flash e esta plataforma é mesmo o estilo de programação e a diversidade do conteúdo que é possível criar com o Flex, ja que cada vez mais são disponibilizadas API’s para o Flex de aplicações como o flicker, google maps, yahoo maps, youtube entre tantas outras.
O Flex por si não é o mais indicado para construir animações frame-by-frame, para isso podem usar o flash e usar a vossa animação dentro do Flex, mas sim para a construção de RIA’s.

Vou tentar dividir este tutorial em varias secções, abrangendo o mais básico desde a instalação até ao desenvolver uma pequena aplicação de inserção de dados numa base de dados, animações/transições simples, ou criação de uma aplicação para desktop via Adobe AIR.

Utilizarei o Flex Builder 3 beta 2 (Trial, Windows), já que para iniciação é o mais indicado, já que o Flex SDK (Free) é muito mais "elaborado" e o Flex Builder 3 alpha (linux) ainda não tem parte de componentes drag & drop.

Este tutorial será dividido pelas seguintes secções :
(podendo focar mais opções dentro de cada um deles)

Actualizado: Ver topico Flex Book.

Como devem imaginar pelo titulo do post, este tutorial vai dividir-se por várias partes, visto que vou utilizar ilustrações e código fonte em cada uma delas.
Tenham paciência, se entrarem no espiríto, sei que vai ser difícil esperar mas vou tentar demorar o menor número de dias possível, vao ver que vale bem a pena.

Qualquer duvida no decorrer do tutorial, coloquem-na usando o sistema de comentários identificando bem a vossa dúvida e sejam claros, mas antes leiam atentamente o tutorial porque muitas duvidas podem ter como origem uma má leitura do tutorial. Podem também recorrer ao fórum http://www.xtechpt.com onde coloquei ja o tutorial com as devidas secçoes e também esta disponível um tópico para duvidas. Acedam directamente aos tópicos aqui

Comentários e sugestões são sempre bem vindos.

Entretanto quem desejar seguir este tutorial, recomendo vivamente que vejam os link’s Adobe Flex Explorers que ja indiquei aqui no blog (http://msdevstudio.com/blog/2007/12/02/rias-onde-encontrar-suportetutoriais/) para se inteirarem melhor com a estrutura dos componentes do flex.

Bom, se ainda não tiverem feito o download do Flex Builder beta 2, façam o download para adiantar trabalho, disponível aqui: http://labs.adobe.com/technologies/flex/flexbuilder3/ no link Get Flex Builder do lado direito do site, é necessário o registo (gratuito) para fazer o download (de cerca de 300mb de flex builder ) Retirem a versão stand alone para Windows. E instalem-o com os parâmetro default. Não vou usar o flash debugger para já, mas se vos for proposto na instalação instalem-o também… dependendo da versão do flash player do vosso computador, pode ser-vos proposto para instalar os plug-in’s para o Internet Explorer e Mozilla, por isso instalem-os também.

Até já.
Como no desenvolver do tutorial comecei já por ser muito extenso, disponibilizarei a sua versão em partes (*.pdf) assim que forem sendo concluídas, e assim também se torna mais fácil para vocês seguirem o tutorial.

A primeira parte ja está completa.
Download aqui: Adobe_Flex_a_partir_do_zero_1.pdf

A Segunda também:

Download aqui: Adobe_Flex_a_partir_do_zero_2.pdf

A terceira:

Download aqui: Adobe_Flex_a_partir_do_zero_3.pdf

A Quarta

Download aqui: Adobe_Flex_a_partir_do_zero_4.pdf

A Quinta

Index e Download: Adobe Flex a partir do Zero Parte 5

Noticias fresquinhas.

Quem estiver interessado pode fazer o download de todo o conteudo dos 4 tutoriais (Partes I, II, III, IV) em apenas um ficheiro e agora com permissão para copiar e imprimir já que muita gente pediu com jeitinho :=)

aqui está: Flex Book Parte I, II, III, IV (actualizado, ver topico)

abraço!

Cumprimentos.


85 comments

add yours
  • Mario RPC June 24, 2009

    Amigo, parabéns, obrigado pela ajudona.

    Estou montado em um projeto que usa qualquer banco, processos em Java e saida pra usu’ario com o Danado do Flex, mas ainda nao somos ricos em materiais para ele, mesmo encontrando na internet alguns exemplos interessantes… mas, isso ai, parabens e obrigado.
    *Seu tutorial foi de grande ajuda!

    Ate mais.
    Se quiserem discutir algo sobre, meu msn eh: terra.jr_@hotmail.com

    Valeu

  • Joao August 13, 2009

    excelente, muito obrigado

  • Tiago September 1, 2009

    Bom material didáctico para aprender ..
    Continua …
    Thanks

  • fb September 15, 2009

    Uma pena são os milhares de erros de português e de sintaxe existentes nesse material, seja mais cuidadoso.

  • Mário Santos September 15, 2009

    fb. Muitos dos erros que fala provavelmente é porque nao conseguiu distinguir o português de portugal e o português do brasil. Felizmente que poucos partilham dessa opinião tão negativa porque muitos ainda dão valor a um trabalho gratuito.

  • fb September 16, 2009

    O que adianta ser gratuito se não possuir qualidade?
    Cheguei ao exemplo do Módulo, e infelizmente se voce executar
    não funcionará, pois como voce pede para copiar o código do dbConf para o modLogin, e utilizar o mesmo mainScript.as, acaba causando uma confusão.
    Faça bem feito, senão nem faça! :D
    Muito ruim mesmo..

  • Mário Santos September 16, 2009

    fb, como lhe disse…. ainda bem que poucos partilham da mesma opinião. Têm erros? claro que têm… mas se acaba por ser uma confusão simplesmente é porque não prestou atenção às explicações, não procurou uma solução nem aqui nem em lado nenhum ou simplesmente é confusão apenas para você, sendo assim abandone o tutorial e crie um próprio com qualidade para disponibilizar para a comunidade.

    Todos agradeçem!! Enfim… nem todos! :P

  • fb September 16, 2009

    Como quer mostrar um tutorial chamado Adobe Flex a partir do zero, e fazer uma confusão dessas!?
    Para quem jé é experiente e consegue encontrar a solução facilmente tudo bem, mas e para os novatos que não sabem muito da linguagem? Ou deveria ter posto como título:
    Adobe Flex a partir do zero, nem tão do zero assim :B

  • fb September 17, 2009

    Meus parabéns!
    Muito boa a apostila
    aprendi muito com isso
    continue assim

  • Mary September 24, 2009

    Muito obrigado por disponibilizares estes tutoriais! Estão a ajudar imenso na minha ‘viagem’ no flex, para fazer uma cadeira na faculdade! Estão muito bons e é difícil encontrar material assim. =)

    keep the good work!

  • Adriano October 9, 2009

    cara ta mt mt legal..
    esta de parabéns..

  • Milson Perroni Lopes January 31, 2010

    Prezado Mario,

    Infelizmente existem pessoas que pela total falta de capacidade de fazer qq coisa boa para as demais, so sabem criticar e menosprezar os trabalhos que pessoas como vc, tentam da melhor forma possível, ajudar os outros. Infelizmente estas pessoas se acham acima de tudo e de todos.

    Siga em frente com seu trabalho, tem muitas, mas muitas pessoas que aprovam seu trabalho.

    Parabens..

    Milson

  • DarkSHare® 2010© February 10, 2010

    Muito bom seus tutoriais, comecei a ler hoje e estou muito motivado, gostei mesmo, parabéns execelente trabalho! valeu!

  • Willem February 19, 2010

    Muito bom! Vou colocar um link para seu artigo em meu blog!

  • Paulo March 2, 2010

    Muito Bom cara, parabéns.
    Melhor que muitas apostilas que pegeuei na internet.

  • Ronaldo Silva April 24, 2010

    Ola Amigo… gostaria de ler o ebook iniciando o Flex do zero.. mais os links fornecidos nao estao ativos… grato

  • Matheus Lima April 27, 2010

    estou iniciando em flex… etou curtindo mto o tutorial…
    parabéns pela iniciativa sem duvidas este material é de grande valia para os iniciantes…
    Ps: nao consigo baixar a parte 5 =/
    abraços e sucesso

  • Mário Santos April 30, 2010

    Oi Ronaldo,
    Infelizmente devido à mudança de servidor o sistema de downloads teve um problem, tente agora de novo, deve agora ser enviado para a pagina de download corretamente.

    Obrigado e as desculpas pelo incomodo.

  • Mário Santos April 30, 2010

    Oi Matheus,
    Infelizmente devido à mudança de servidor o sistema de downloads teve um problema, tente agora de novo, deve agora ser enviado para a pagina de download corretamente.

    Obrigado e as desculpas pelo incomodo.

  • Juliano May 22, 2010

    Amigo, os links não estão mais disponíveis.
    Tem como disponibilizar novamente?

  • Vinicius May 23, 2010

    Olá o link para pagina de downloads dos pdf’s está off somente o link para visualizar online está on.

    Parabéns pela iniciativa

  • wilson kimel May 26, 2010

    rapaz, antes de mais nada deixa eu desejar os parabens estou baixando o material pretendo estudar eles e continue assim sao pessoas como vc que as faculdades merecem obrigado estou fazendo um sistema flex com java e tenho duvidas garanto que esse material me vai ser de muito agrado obrigado novamente

  • Mário Santos May 27, 2010

    Valeu Wilson!
    Abraço.

    p.s. Os Downloads ja funcionam novamente!

  • Filipe Coelho June 13, 2010

    Olá Mario, tudo bom?

    Cara, seu conteúdo está ótimo, mas estou tendo problemas na pare 5, quando passamos a inserir dados através do amfphp.

    Simplesmente não chega os dados no banco.

    A principio, o operador lógico ” && ” não ta funfando, tive que tirar as outras duas condições e deixar apenas o campo nome pra conferir se não está vazio. Outra coisa é que conferi e estou conseguindo passar os valores normalmente até o OBJ “objDados”, só que daí ja enviamos esses dados para o RO “nossoObjeto.inserirDados.arguments.dados” e depois enviamos esses dados para o amfphp.

    Não sei o que está acontecendo cara, me matei pra achar onde está a falha, mas não consigo… se puder me ajudar vou agradecer.

    e outra vez parabéns pelo curso.

  • Filipe Coelho June 13, 2010

    Cara… Desculpa..
    Lendo os posts acima acabei encontrando a solução para a questão dos valores nulos, apenas queria saber se tem solução para a questão do operador lógico… Eu testei apenas com dois campos e já deu pau.

    Valeu

  • Samuel Justo Waskow July 17, 2010

    Muito bons os tutoriais. Estava procurando algo que pudesse ser um “startup” para flex. Só acabei encontrando aqui.

  • Thiago Amaro April 29, 2011

    Meus parabéns!!! O site e o conteúdo estão excelentes!!

  • Leandro Correia November 29, 2011

    Boa tarde Mário..eu estou na verdade meio chateado com o Flex pq toda aplicação que faço c ele e tenha conexão com PHP e Mysql ele da algum tipo de pau.Eu comecei estudando HTTPService só que quando você conectava com o banco se o mesmo tivesse apenas um registro ele não era exibido no Flex só se tivesse mais de um.Enviei a dúvida pra vários Fóruns e ninguém soube me responder.Agora cemecei a estudar AMFPHP e localmente as aplicações funcionam, mas qdo upei para o servidor, ela funcionava só em alguns computadores, você saberia me dizer o porque de tantos problemas no FLEX??

  • Marcio February 7, 2012

    Olá! Preciso de um profissional com experiência em Adobe Flex para um projeto de cliente. Precisa ter portfólio na área e já ter feito algum trabalho de edição de imagem com Flex.

    Quem tiver interesse, acesse meu site e me mande um email.

    Obrigado,

  • André Carvalho April 24, 2012

    Muito Bom este tutorial, já estudo flex a um tempo, mas gostei muito do modo que explicou e como fez, muito bom mesmo, parabéns…

  • Jhonatan Morais August 1, 2012

    Olá.

    sei que já é passado da hora, mas gostaria de aprender algo sobre flex e gostaria de conferir seu material.

    Será que tem como você reativar os links? estão off.

    Muito obrigado.

    e parabéns pelo belo trabalho de compartilhar .

  • caliqui joaquim Martins October 16, 2012

    sou aluno do curso de mestre obra mas tenho problema das liçoes de vidio aprsenta , o meu computadore esta sem adobe flash play . neste curso de adobe flex ha downlod destes pruduto . posso estalare estes no meu compotadore.

  • Jonatas Rodrigues November 12, 2012

    Ola, Programo em C e faz algum tempo que estou começando Java Gostaria que as minhas aplicações java Desktop tivessem uma interface mais interessante e queria pedir sua ajuda para que eu começasse a desenvolver aplicativos flex desktop em Java.
    Agradecido Jonatas.

  • Fabio William Conceição January 9, 2013

    Infelizmente os links das apostilas não estão funcionando novamente, pode disponibiliza-los novamente?

Leave a Comment

Post