posted 07/06/10

Quero aprender Flex. Por onde começo?

Acredito que seja uma dúvida frequente para quem deseja mergulhar no mundo Flex, pois hoje mesmo duas pessoas me fizeram exatamente a mesma pergunta.

Antes de iniciar com as dicas, vamos a uma pequena e resumida definição sobre o que é o Flex e o que ele faz:
Flex é um framework “open source” da Adobe ideal para desenvolvimento de aplicações RIA (Rich Internet Application).
Utiliza as linguagens ActionScript 3.0:

package testes{
	public class Teste{
		private var _privateVar:String;
		public  var publicVar:int;
 
		public function get privateVar():String{
			return _privateVar;
		}
 
		public function set privateVar(value:String):void{
			_privateVar = value;
		}
 
		public function showPrivateVar():void{
			Alert.show(_privateVar, "Titulo");
		}
	}
}

e MXML (baseada no XML, mas que no fim das contas acaba virando ActionScript):

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
			   xmlns:s="library://ns.adobe.com/flex/spark"
			   xmlns:mx="library://ns.adobe.com/flex/mx">
	<fx:Declarations>
		<!-- Place non-visual elements (e.g., services, value objects) here -->
	</fx:Declarations>
	<s:layout>
		<s:BasicLayout/>
	</s:layout>
	<s:Label text="Componente Label" id="lbl"/>
	<s:Button label="Botão" id="btn"/>
</s:Application>

obs: exemplo de MXML referente ao Flex 4, que possui algumas modificações em relação ao Flex 3.

O Flex Roda no Adobe Flash Player, que está presente na maioria dos computadores conectados à Internet, além de ser multi-plataforma e possuir praticamente total compatibilidade entre navegadores como Chrome, Firefox, Safari, Opera e Internet Explorer (sim, até nele!). Enfim, é um framework muito poderoso, que claro, assim como os outros também possui seus defeitos. Também possui integração com algumas linguagens como Java, PHP, Ruby…

3 Empresas importantes que utilizam o Flex em suas soluções:
- RIA Labs (Nacional)
- DClick (Nacional)
- Universal Mind (Internacional)

Vamos às dicas:

Como vocês estão iniciando no Flex, sugiro que já comecem pela versão 4, a não ser que por algum motivo seja necessário aprender a versão 3. Portanto os links deste post na maioria serão referentes à versão 4.

- O primeiro passo é baixar a SDK do Flex 4.
- Como IDE (Integrated Development Environment / Ambiente Integrado de Desenvolvimento) o ideal seria utilizar o Flash Builder 4 standalone ou o plugin para o Eclipse. Sim, infelizmente o Flash Builder 4 é pago (bem pago por sinal), mas não se desespere, a Adobe disponibiliza uma licença gratuita para estudantes, desempregados e para eventos, basta você preencher o formulário de acordo com seu perfil.
- Será necessário o Flash Player que provavelmente já está instalado em sua máquina, em todo caso, aconselho a baixar a versão debugger que permitirá que você “debugue” sua aplicação.

Em um outro post exemplificarei como fazer sua primeira aplicação em Flex, neste, irei apenas disponibilizar diversos links e materiais muito úteis para seus estudos.

- Para começar, sugiro que conheçam o Tour de Flex, que será um grande parceiro cheio de exemplos seguidos do código-fonte para você conhecer o mundo Flex. É uma aplicação feita em AIR (Flex para desktop), portanto é preciso baixar/instalar o Adobe AIR caso queira ele instalado em sua máquina, ou utilize a versão web
- É sempre bom ter “em mãos” a documentação da Adobe (zip contendo a documentação completa) ou pelo site.

Confira também os links:
- Blog oficial do Flex.
- Flex Developer Center
- Flex a partir do zero (Flex 3)
- goToAndLearn()
- Flex.org
- Diferenças entre o Flex 3 e 4
- Flex in a Week
- Style Explorer (Flex 3)
- LetsFlex
- Flex Regular Expression Explorer (Flex 3)
- Flex ChartSampler

Participe dos grupos:
- FlexDev
- FlexDuck
- FlexBrasil

- Posters completos do Adobe ActionScript 3, Adobe Flex Framework 3 Classes de Núlceo, Classes Adicionais e Classes Avançadas. (Retirado do blog do Igor Musardo)

Adquira os livros do Daniel Schmitz, que sem dúvida alguma são ótimos.

Acompanhe os blogs:
- Flex Examples
- Beck Novaes
- Daniel Schmitz
- Erko Bridee
- Igor Musardo
- Jandersonfc
- msdevstudio
- Eduardo Kraus
- Fabio Vedovelli
- Marcos Junior
- Stefan Horochovec
- Vinícius Lourenço
- Rede RIA

E claro, participe da campanha #soudev, la você ficará por dentro não só do mundo Flex mas sobre desenvolvimento em geral, além de fazer novas amizades e compartilhar informações/conhecimento!

Bom, material não falta… agora é cair nos estudos e dedicar. Precisa de mais links? nosso amigo Google pode te ajudar!

Com certeza esqueci de algum link ou blog interessante, caso queira complementar o post, fazer alguma correção ou tenha alguma dúvida, utilize os comentários!

Espero que gostem e que o post tenha sido útil! Abraço e até a próxima

Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay
  • email
  • LinkedIn
  • Technorati
  • Tumblr
  • Twitter
  • Yahoo! Bookmarks
Comments
Bruno junho 7th, 2010 (20:10)
comment

Muito bom!
Continuem assim.

Marcos Junior junho 7th, 2010 (20:10)
comment

Muito bom…. show de bola!
Pra quem ta começando caiu como uma luva!!!

Daniel Schmitz junho 7th, 2010 (20:19)
comment

oi, só faltou comentar dos meus livros :)

“Dominando Flex 4″ e “Dominando Flex 4 e Zend”

http://www.flex.etc.br

valewww

mpbonatti junho 7th, 2010 (20:29)
comment

Opa, claro!! Vou atualizar… só não vou colocar do Flex 4 e Zend porque não é o foco do post, integração com outras linguagens, mas valeu ai!

Vinícius Lourenço junho 8th, 2010 (2:22)
comment

Marcos, parabéns brother!!
O Post já completíssimo, quem for iniciar no mundo R.I.A e ler este post, já estará ciente de tudo que precisa pra começar!

Show cara!!!
#soudev

Abraços.

Rodrigo Pires junho 25th, 2010 (3:35)
comment

Estou querendo aprender flex…
Estou vendo que aqui vai ser o lugar certo…
Blog já está nos favoritos…

Ps: tinta ilustrar mais os posts…

Add Comment

Name (Required)

E-mail (Required)

Website

Comment (Required)