Olá pessoal…

Fiquei “meio off” em função de alguns projetos que tem ocorrido ultimamente mas aqui estou, aproveitando o feriado da melhor maneira, ou seja, escrevendo um post para vocês.

Fiz um tutorial dividido em algumas partes e irei começar explicando a origem, uso e pontos sobre esta tecnologia que vem ganhando muito espaço e adeptos já que não é mais necessário perder tanto tempo de produção ajustando por exemplo, o CSS em diversos navegadores até obtermos o resultado esperado.

O Que É FLEX???

Descrição segundo o Wikipedia

Adobe Flex é  uma plataforma de desenvolvimento de software mantida pela Adobe para o desenvolvimento e implatação de RIA (Rich Internet Applications) ou aplicações ricas para a internet baseado na plataforma Adobe Flash.

Em outras palavras, é um framework para desenvolvimento de aplicações de interfaces ricas e 100% web, através de componentes de alta capacidade de interações e efeitos aliados a poderosa linguagem Action Script 3.0. Baseada no conceito RIA, esta linguagem permite ir além do desenvolvimento de sistemas os quais são limitados a preenchimentos de formulários de cadastro e visualizações de relatórios. Pode-se ir muito além da imaginação criando sistemas muitos produtivos, interfaces magníficas e muita interação com o usuário.

Exemplo de uma aplicação

Prós e Contras

No meu ponto de vista

• Prós
  

1. 1. Fácil aprendizado
   2. Integrável com qualquer linguagem
   3. Interações ilimitadas
   4. Programação Orientada a Objetos
   5. Roda em 99% dos browsers já que o arquivo final é um SWF compilado (Flash)
   6. Vastas bibliotecas
   7. Open Source

• Contras

1. CSS trabalhoso
2. Linguagem MXML pouco conhecida
3. Conhecimento básicos em Action Script

Linguagem MXML

É a linguagem básica de marcação para desenvolvimento em Flex, utilizando as mesmas referências e padrões adotados ao XML. É de simples compreensão a qualquer indivíduo.

Exemplo

<?xml version=”1.0″ encoding=”utf-8″?>

Cabeçalho padrão, indicando a versão do XML e codificação utilizada na aplicação.

<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” horizontalAlign=”center” verticalAlign=”center”>

Tag que dá início a definição da construção dos aplicativos, dentro destas tags, conterá todos os outros componentes dando forma ao software final.

xmlns -> Namespace criado para a aplicação com o objetivo de “apelidar” e permitir o uso dos componentes em nossa aplicação com base nas regras descritas na URI setada.

Exemplo:

<mx:Button id=”myButton” label=”I’m a button” />

mx -> Apelido

Button -> Componente Button

id -> propriedade de identificação do componente

label -> propriedade para definir o rótulo do nosso botão

Ferramenta para desenvolvimeto

Por ser uma linguagem de marcação, qualquer editor de texto permite o início do desenvolvimento mas atualmente a própria Adobe possui e comercializa a sua IDE a qual se cham Adobe Flex Builder sendo, acredito eu, a de melhor qualidade para criação de aplicativos em Flex. Como já é possível perceber, embora a linguagem e o compilador sejam Open Source, a ferramenta é paga. Entretanto, para desenvolvedores desempregados e estudantes, a Adobe libera licenças gratuítas.

A licença pode ser obtida a partir deste link.

Bom… acho que para início forneci bastante teoria e para o próximo tutorial irei abordar sobre o compilador e a interface para desenvolvimento.

Espero que tenham gostado e até +.

[]s