mpbonatti

Marcos Paulo Costa Bonatti

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:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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):

1
2
3
4
5
6
7
8
9
10
11
12
13
<?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

Categories: Flex

9 Responses so far.

  1. Bruno disse:

    Muito bom!
    Continuem assim.

  2. Marcos Junior disse:

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

  3. oi, só faltou comentar dos meus livros :)

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

    http://www.flex.etc.br

    valewww

  4. mpbonatti disse:

    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!

  5. 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.

  6. Rodrigo Pires disse:

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

    Ps: tinta ilustrar mais os posts…

  7. Eric Hideki disse:

    Ótimo artigo. Eu que gosto muito da tecnologia Flash e estava procurando alguns materiais para iniciar na parte de Flex, o seu artigo é bem simples e de leitura fácil de entender.

    Parabéns.

    Abraço

  8. eu gostaria de fazer algus trabalho en flex pra min a getar o meu blogs .ok

  9. quero trabalhar com o progra ma en flex


  • RSS
  • Facebook
  • Twitter
  • Linkedin
  • Hostgator
  • soudev - participe desta campanha!
  • Arena Geek - Bazinga!
  • Anuncie aqui!

Posts Populares

Quero aprender Flex.

3 Empresas importantes que utilizam o Flex em suas soluções: - ...

Flex Mania - 2010

Olá pessoal! Não vou fazer um Hello World para lançar o ...

Meu ambiente de trab

1) Sistema Operacional Vou aproveitar e contar um segredo meu muito ...

#soudev - Participe

Olá, essa vai para os "twitteiros" (pra quem não é, ...

Problema com Charset

A princípio resolvi verificar os code points suportados pelo ISO-8859-1, ...