FDT Workshop (Flash Camp Brasil)

1,581 views
1,509 views

Published on

Presentation used in FDT Workshop at Flash Camp Brasil created by Gabriel Peart (http://gabrielpeart.nu)

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,581
On SlideShare
0
From Embeds
0
Number of Embeds
21
Actions
Shares
0
Downloads
48
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

FDT Workshop (Flash Camp Brasil)

  1. 1. Bem-vindo!
  2. 2. Schedule <ul><li>Sobre o palestrante </li></ul><ul><li>O que é FDT? </li></ul><ul><li>Principais Vantagens </li></ul><ul><li>Fazendo Download </li></ul><ul><li>Instalando </li></ul><ul><li>6. Configurações </li></ul><ul><li>7. Atalhos </li></ul><ul><li>8. Exemplos práticos </li></ul><ul><li>9. Espaço para dúvidas </li></ul><ul><li>10. Sorteios de Brindes </li></ul><ul><li>11. Contato </li></ul>
  3. 3. Sobre o palestrante
  4. 4. Sobre o palestrante
  5. 5. O que é FDT? <ul><li>FDT: Flash Development Tool </li></ul><ul><li>(Ferramenta de Desenvolvimento Flash) </li></ul><ul><li>Um poderoso editor ActionScript/MXML   </li></ul>
  6. 6. O que é FDT? <ul><li>Metas para 2010: </li></ul><ul><li>Criar uma nova versão com muito mais recursos: </li></ul><ul><li>Profiler </li></ul><ul><li>Visualizadores Gráficos </li></ul><ul><li>Muito Mais… </li></ul>
  7. 7. Principais Vantagens <ul><li>Grifa Erros Instantaneamente </li></ul><ul><li>Auto Complete </li></ul><ul><li>Avançado </li></ul>
  8. 8. Principais Vantagens <ul><li>Templates de código </li></ul><ul><li>Corrige Erros e Gera Código Automaticamente </li></ul>
  9. 9. Principais Vantagens <ul><li>Formata o estilo do código em um click </li></ul><ul><li>Fácil visualização da hierarquia </li></ul>
  10. 10. Principais Vantagens <ul><li>Fácil visualização da dependência entre tipos </li></ul><ul><li>Possibilita clicar e arrastar arquivos entre pacotes </li></ul>
  11. 11. Principais Vantagens <ul><li>Busca rápida de funções </li></ul><ul><li>Cinco diferentes viewers de SWF </li></ul>
  12. 12. Fazendo Download
  13. 13. Download/Configurações <ul><li>1) Configuração das preferências do Eclipse </li></ul><ul><li>Window -> Preferences -> General -> Always run in background </li></ul><ul><li>Window -> Preferences -> General -> Show heap status </li></ul>
  14. 14. Download/Configurações <ul><li>Window -> Preferences -> General -> Editors -> Text Editors -> Show line numbers </li></ul>
  15. 15. Download/Configurações <ul><li>Window -> Preferences -> General -> Keys -> Selecionar “ Run Ant Build ” e em Binding teclar CTRL + ENTER para deixar esse atalho no comando </li></ul>
  16. 16. Download/Configurações <ul><li>2) Configuração das preferências do FDT </li></ul><ul><li>Window -> Preferences -> FDT -> Build Path -> Output folder name: deploy </li></ul>
  17. 17. Download/Configurações <ul><li>Window -> Preferences -> FDT -> Code style -> Formatter -> Definir como você quer que seu código seja formatado </li></ul>
  18. 18. Download/Configurações <ul><li>Window -> Preferences -> FDT -> Core Libraries -> AS3 Core Libraries -> Add… </li></ul>
  19. 19. Download/Configurações <ul><li>Type: Flash CS3 Name: FLASH_CS4_COMPONENTS clicar em Browse… </li></ul>
  20. 20. Download/Configurações <ul><li>Clicar em New... </li></ul>
  21. 21. Download/Configurações <ul><li>Name: FLASH_CS4_COMPONENTS Location: C:Program FilesAdobeAdobe Flash CS4CommonConfigurationActionScript 3.0FP10 clicar em OK </li></ul>
  22. 22. Download/Configurações <ul><li>clicar em OK </li></ul>
  23. 23. Download/Configurações <ul><li>Window -> Preferences -> FDT -> Editor -> Code Assist -> Auto activation triggers for AS: abcdefghijklmnopqrstuvwxyz_.: </li></ul>
  24. 24. Download/Configurações <ul><li>Window -> Preferences -> FDT -> Editor -> Folding -> Selecionar Folding enabled e deixar todos os outros em branco </li></ul>
  25. 25. Download/Configurações <ul><li>Window -> Preferences -> FDT -> Tools -> Flash -> Flash IDE: C:Program FilesAdobeAdobe Flash CS4Flash.exe Window -> Preferences -> FDT -> Tools -> Flash -> Flash Player: C:Program FilesAdobeAdobe Flash CS4PlayersFlashPlayer.exe Window -> Preferences -> FDT -> Tools -> Flash -> Flash ASO Directory: C:Documents and SettingsUserLocal SettingsApplication DataAdobeFlash CS4enConfigurationClassesaso </li></ul>
  26. 26. Download/Configurações <ul><li>Window -> Preferences -> FDT -> Tools -> Flash Help -> clicar em Update Help </li></ul>
  27. 27. Download/Configurações <ul><li>3) Customização </li></ul><ul><li>Window -> Customize Perspective -> Tool Bar Visibility -> Deselecionar FDT MXML Coding </li></ul>
  28. 28. Download/Configurações <ul><li>Window -> Customize Perspective -> Command Group Availability -> Deselecionar </li></ul><ul><li> Annotation Navigation Window -> Customize Perspective -> Command Group Availability -> Deselecionar </li></ul><ul><li> Editor Navigation Window -> Customize Perspective -> Command Group Availability -> Deselecionar </li></ul><ul><li>FDT MXML Coding </li></ul>
  29. 29. Download/Configurações <ul><li>Window -> Customize Perspective -> Shortcuts -> Submenus: New -> Deselecionar MXML Class </li></ul>
  30. 30. Download/Configurações <ul><li>Window -> Customize Perspective -> Shortcuts -> Submenus: Open Perspective -> Selecionar Flash FDT Window -> Customize Perspective -> Shortcuts -> Submenus: Open Perspective -> Deselecionar Java Window -> Customize Perspective -> Shortcuts -> Submenus: Open Perspective -> Deselecionar Resource </li></ul>
  31. 31. Download/Configurações <ul><li>Selecionar Window -> Open Perspective -> Other… Flash FDT e clique em OK </li></ul>
  32. 32. Download/Configurações <ul><li>Fechar os seguintes views: </li></ul><ul><li>SWF Viewer </li></ul><ul><li>Javadoc View </li></ul><ul><li>Abrir 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: </li></ul>
  33. 33. Download/Configurações <ul><li>É 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: </li></ul>
  34. 34. Instalando <ul><li>2 opções: </li></ul><ul><li>Baixar a versão padrão </li></ul><ul><li>Baixar Eclipse e instalar o FDT como plugin </li></ul><ul><li>Detalhes das duas opções estão em: </li></ul><ul><li>http://www.fdt.powerflasher.com/developer-tools/fdt-3/download/ </li></ul>
  35. 35. Configurações <ul><li>Básicas: </li></ul><ul><li>Preferences > FDT > Build Path Preferences > FDT > Editor (Colors) Preferences > FDT > Editor > Semantic Hightlighting Preferences > FDT > Tools > Flash Preferences > FDT > Tools > Flash Help </li></ul>
  36. 36. Configurações <ul><li>Avançadas: </li></ul><ul><li>Advanced configurations: Preferences > FDT > Code Style Formatter Preferences > FDT > Editor > Templates Preferences > FDT > Core Libraries (add other Flex SDKs) </li></ul>
  37. 37. Atalhos <ul><li>Busca </li></ul><ul><li>CTRL + H </li></ul><ul><li>CTRL + F </li></ul><ul><li>CTRL + J </li></ul><ul><li>Navegação </li></ul><ul><li>F4 </li></ul><ul><li>F5 </li></ul><ul><li>CTRL + T </li></ul><ul><li>CTRL + R </li></ul><ul><li>CTRL + L </li></ul><ul><li>Edição de arquivos simples </li></ul><ul><li>ALT + UpArrow </li></ul><ul><li>ALT + DownArrow </li></ul><ul><li>CTRL + M </li></ul><ul><li>Edição de arquivos múltiplos </li></ul><ul><li>CTRL + PageDown / CTRL + PageUp </li></ul><ul><li>CTRL + F6 </li></ul><ul><li>ALT + LeftArrow/ ALT + RightArrow </li></ul>
  38. 38. Atalhos <ul><li>Gerando </li></ul><ul><li>CTRL + Space </li></ul><ul><li>CTRL + SHIFT + O </li></ul><ul><li>Fixando </li></ul><ul><li>CTRL + 1 </li></ul><ul><li>Construção </li></ul><ul><li>CTRL + F11 </li></ul><ul><li>CTRL + O </li></ul>
  39. 39. Exemplos <ul><li>Vamos ver como isso funciona na prática! </li></ul>
  40. 40. Espaço para dúvidas
  41. 41. Brindes
  42. 42. Contato <ul><li>e-mail: gabrielpeart@gabrielpeart.nu </li></ul><ul><li>skype: gabriel.peart </li></ul><ul><li>celular: +55 (11) 6990-2304 </li></ul><ul><li>Descontos de licenças FDT para pessoas físicas e empresas </li></ul><ul><li>Palestras </li></ul><ul><li>Projetos </li></ul>

×