fdt workshop (flash camp brasil)

Bem-vindo!

Schedule

1. Sobre o palestrante

2. O que é FDT?3. Principais

Vantagens4. Fazendo

Download5. Instalando

6. Configurações7. Atalhos8. Exemplos práticos9. Espaço para

dúvidas10. Sorteios de

Brindes11. Contato

Sobre o palestrante

Sobre o palestrante

O que é FDT?

FDT: Flash Development Tool(Ferramenta de Desenvolvimento

Flash)

Um poderoso editor ActionScript/MXML

O que é FDT?

Metas para 2010:

Criar uma nova versão com muito mais recursos:

• Profiler• Visualizadores Gráficos• Muito Mais…

Principais Vantagens

Grifa Erros Instantaneamente

Auto CompleteAvançado

Principais Vantagens

Templates de código Corrige Erros e Gera Código Automaticamente

Principais Vantagens

Formata o estilo do código em um click

Fácil visualização da hierarquia

Principais VantagensFácil visualização da dependência entre tipos

Possibilita clicar e arrastar arquivos entre pacotes

Principais Vantagens

Busca rápida de funções

Cinco diferentes viewers de SWF

Fazendo Download

Download/Configurações1) Configuração das preferências do EclipseWindow -> Preferences -> General -> Always run in background Window -> Preferences -> General -> Show heap status

Download/ConfiguraçõesWindow -> Preferences -> General -> Editors -> Text Editors -> Show line numbers

Download/ConfiguraçõesWindow -> Preferences -> General -> Keys -> Selecionar “Run Ant Build” e em Binding teclar CTRL + ENTER para deixar esse atalho no comando

Download/Configurações2) Configuração das preferências do FDTWindow -> Preferences -> FDT -> Build Path -> Output folder name: deploy

Download/ConfiguraçõesWindow -> Preferences -> FDT -> Code style -> Formatter -> Definir como você quer que seu código seja formatado

Download/ConfiguraçõesWindow -> Preferences -> FDT -> Core Libraries -> AS3 Core Libraries -> Add…

Download/ConfiguraçõesType: Flash CS3Name: FLASH_CS4_COMPONENTSclicar em Browse…

Download/ConfiguraçõesClicar em New...

Download/ConfiguraçõesName: FLASH_CS4_COMPONENTS Location: C:\Program Files\Adobe\Adobe Flash CS4\Common\Configuration\ActionScript 3.0\FP10clicar em OK

Download/Configuraçõesclicar em OK

Download/ConfiguraçõesWindow -> Preferences -> FDT -> Editor -> Code Assist -> Auto activation triggers for AS: abcdefghijklmnopqrstuvwxyz_.:

Download/ConfiguraçõesWindow -> Preferences -> FDT -> Editor -> Folding -> Selecionar Folding enabled e deixar todos os outros em branco

Download/ConfiguraçõesWindow -> Preferences -> FDT -> Tools -> Flash -> Flash IDE: C:\Program Files\Adobe\Adobe Flash CS4\Flash.exeWindow -> Preferences -> FDT -> Tools -> Flash -> Flash Player: C:\Program Files\Adobe\Adobe Flash CS4\Players\FlashPlayer.exeWindow -> Preferences -> FDT -> Tools -> Flash -> Flash ASO Directory: C:\Documents and Settings\User\Local Settings\Application Data\Adobe\Flash CS4\en\Configuration\Classes\aso

Download/ConfiguraçõesWindow -> Preferences -> FDT -> Tools -> Flash Help -> clicar em Update Help

Download/Configurações3) CustomizaçãoWindow -> Customize Perspective -> Tool Bar Visibility -> Deselecionar FDT MXML Coding

Download/ConfiguraçõesWindow -> Customize Perspective -> Command Group Availability -> Deselecionar Annotation NavigationWindow -> Customize Perspective -> Command Group Availability -> Deselecionar Editor NavigationWindow -> Customize Perspective -> Command Group Availability -> DeselecionarFDT MXML Coding

Download/ConfiguraçõesWindow -> Customize Perspective -> Shortcuts -> Submenus: New -> Deselecionar MXML Class

Download/ConfiguraçõesWindow -> Customize Perspective -> Shortcuts -> Submenus: Open Perspective -> Selecionar Flash FDTWindow -> Customize Perspective -> Shortcuts -> Submenus: Open Perspective -> Deselecionar JavaWindow -> Customize Perspective -> Shortcuts -> Submenus: Open Perspective -> Deselecionar Resource

Download/ConfiguraçõesSelecionar Window -> Open Perspective -> Other… Flash FDT e clique em OK

Download/ConfiguraçõesFechar os seguintes views:SWF ViewerJavadoc ViewAbrir o Ant view fdo Window -> Show View -> Ant relacionar com o Outline panel.Se preferir, selecione o botão Link with Editor dentro do Flash Explorer, assim o arquive em que estiver será selecionado no Flash Explorer project tree.A tela final ficará assim:

Download/ConfiguraçõesÉ interessante mover os toolbars minimizados (como Flash Explorer, Outline Panel, Problems, etc.) no final da interface, assim quando tudo estiver minimizado e você estiver trabalhando no código, você terá o maior espaço possível, a tela ficará assim:

Instalando

2 opções:• Baixar a versão padrão• Baixar Eclipse e instalar o FDT como plugin

Detalhes das duas opções estão em:http://www.fdt.powerflasher.com/developer-tools/fdt-3/download/

Configurações

Básicas:Preferences > FDT > Build PathPreferences > FDT > Editor (Colors)Preferences > FDT > Editor > Semantic HightlightingPreferences > FDT > Tools > FlashPreferences > FDT > Tools > Flash Help

Configurações

Avançadas:Advanced configurations:Preferences > FDT > Code Style FormatterPreferences > FDT > Editor > TemplatesPreferences > FDT > Core Libraries (add other Flex SDKs)

Atalhos

• BuscaCTRL + HCTRL + FCTRL + J

• NavegaçãoF4F5CTRL + TCTRL + RCTRL + L

• Edição de arquivos simples

ALT + UpArrowALT + DownArrowCTRL + M

• Edição de arquivos múltiplos

CTRL + PageDown / CTRL + PageUpCTRL + F6ALT + LeftArrow/ ALT + RightArrow

Atalhos

• GerandoCTRL + Space

CTRL + SHIFT + O

• FixandoCTRL + 1

• ConstruçãoCTRL + F11CTRL + O

Exemplos

Vamos ver como isso funciona na prática!

Espaço para dúvidas

Brindes

Contato

e-mail: gabrielpeart@gabrielpeart.nu skype: gabriel.peart

celular:+55 (11) 6990-2304

• Descontos de licenças FDT para pessoas físicas e empresas

• Palestras• Projetos