Adobe Flex a partir do zero

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 yoursAmigo, 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
excelente, muito obrigado
Bom material didáctico para aprender ..
Continua …
Thanks
Uma pena são os milhares de erros de português e de sintaxe existentes nesse material, seja mais cuidadoso.
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.
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!
Muito ruim mesmo..
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!
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
Meus parabéns!
Muito boa a apostila
aprendi muito com isso
continue assim
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!
cara ta mt mt legal..
esta de parabéns..
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
Muito bom seus tutoriais, comecei a ler hoje e estou muito motivado, gostei mesmo, parabéns execelente trabalho! valeu!
Muito bom! Vou colocar um link para seu artigo em meu blog!
Muito Bom cara, parabéns.
Melhor que muitas apostilas que pegeuei na internet.
Ola Amigo… gostaria de ler o ebook iniciando o Flex do zero.. mais os links fornecidos nao estao ativos… grato
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
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.
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.
Amigo, os links não estão mais disponíveis.
Tem como disponibilizar novamente?
Olá o link para pagina de downloads dos pdf’s está off somente o link para visualizar online está on.
Parabéns pela iniciativa
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
Valeu Wilson!
Abraço.
p.s. Os Downloads ja funcionam novamente!
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.
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
Muito bons os tutoriais. Estava procurando algo que pudesse ser um “startup” para flex. Só acabei encontrando aqui.
Meus parabéns!!! O site e o conteúdo estão excelentes!!
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??
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,
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…
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 .
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.
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.
Infelizmente os links das apostilas não estão funcionando novamente, pode disponibiliza-los novamente?
Fabi0, veja este artigo: http://blog.msdevstudio.net/2012/09/19/adobe-flex-a-partir-do-zero-as3-a-partir-do-zero/