Hurry Up And Code: Power Shortcuts for Flash and Flex Developers <ul><li>Presented by Joseph Balderson </li></ul><ul><li>T...
Hurry Up And Code: Power Shortcuts for Flash & Flex Developers <ul><li>Who is Joseph Balderson ?  (aka ‘joeflash’) </li></...
Hurry Up And Code: Power Shortcuts for Flash & Flex Developers <ul><li>Developing a project successfully and on time is ba...
Hurry Up And Code: Power Shortcuts for Flash & Flex Developers <ul><li>Know Your Tools: </li></ul><ul><ul><li>Planning & D...
Know Your Tools: Planning & Document Creation <ul><li>You might start with this: </li></ul>
Know Your Tools: Planning & Document Creation <ul><li>… and progress to this: </li></ul><ul><ul><li>Brainstorming tools </...
Know Your Tools: Planning & Document Creation <ul><li>… and then to this: </li></ul><ul><ul><li>UML Modeling </li></ul></u...
Know Your Tools: Planning & Document Creation <ul><ul><li>UML Modeling </li></ul></ul><ul><ul><ul><li>SaffronModeler  (com...
Know Your Tools: IDEs <ul><li>Current Flash Platform Development Environments (IDEs): </li></ul><ul><ul><li>Flash 8 </li><...
Know Your Tools: Flash IDE Power Shortcuts <ul><li>Flash IDE Power Shortcuts: </li></ul><ul><ul><li>Flash 8 </li></ul></ul...
Know Your Tools: Flash IDE Power Shortcuts <ul><li>Flash 8/CS3 </li></ul><ul><ul><li>FLA & Class file Templates </li></ul>...
Know Your Tools: Flash IDE Power Shortcuts <ul><li>Flash 8/CS3 </li></ul><ul><ul><li>Clean out deleted FLA Library items <...
Know Your Tools: Flash IDE Power Shortcuts <ul><li>Flash 8/CS3 </li></ul><ul><ul><li>Finding Your Way In the FLA:  (best p...
Know Your Tools: Flash IDE Power Shortcuts <ul><li>Flash 8/CS3 </li></ul><ul><ul><li>How to Code Dump an Entire FLA: </li>...
Know Your Tools: Flash IDE Power Shortcuts <ul><li>Flash 8/CS3 </li></ul><ul><ul><li>Use the AS 2.0 Debug panel to hack th...
Know Your Tools: Flash IDE Power Shortcuts <ul><li>ActionScript Coding </li></ul><ul><ul><li>Double-clicking a word select...
Know Your Tools: Flash IDE Power Shortcuts <ul><li>ActionScript Coding </li></ul><ul><ul><li>Escape Key Shortcuts </li></u...
Know Your Tools: Flash IDE Power Shortcuts <ul><li>ActionScript Coding </li></ul><ul><ul><li>Custom Escape Key Shortcuts <...
Know Your Tools: Flash IDE Power Shortcuts <ul><li>ActionScript Coding </li></ul><ul><ul><li>Custom Escape Key Shortcuts <...
Know Your Tools: Flash 3 rd  Party Dev Tools <ul><li>Flash 3 rd  Party Dev Tools </li></ul><ul><ul><li>Use The Force (JSFL...
Know Your Tools: Flash 3 rd  Party Dev Tools <ul><li>Flash 3 rd  Party Dev Tools </li></ul><ul><ul><li>Alternate AS Editor...
Know Your Tools: AS 2.0 API Explorers <ul><li>AS 2.0 API Explorers </li></ul><ul><ul><li>Transition & Tween Explorer [ lin...
Know Your Tools: Flash IDE Power Shortcuts <ul><li>Flash CS3 </li></ul><ul><ul><li>Integrated “Apply Active Content Update...
Know Your Tools: Flex Power Shortcuts
Know Your Tools: Flex Power Shortcuts <ul><li>Flex Power Shortcuts: </li></ul><ul><ul><li>FlexBuilder 2.01  (Flex IDE) </l...
Know Your Tools: FlexBuilder 2.01 Power Shortcuts  <ul><li>First, some terminology: </li></ul>
Know Your Tools: FlexBuilder 2.01 Power Shortcuts  <ul><li>Views: </li></ul><ul><ul><li>Double-click a tab to fullscreen a...
Know Your Tools: FlexBuilder 2.01 Power Shortcuts  <ul><li>Power Keyboard Shortcuts: </li></ul><ul><ul><ul><ul><li>Ctrl-Sh...
Know Your Tools: FlexBuilder 2.01 Power Shortcuts  <ul><ul><li>Design Mode </li></ul></ul><ul><ul><ul><li>Use  show surrou...
Know Your Tools: MXML & AS 3.0 Power Shortcuts  <ul><li>Coding: </li></ul><ul><ul><li>Three Golden Rules of The Flex Ninja...
Know Your Tools: MXML & AS 3.0 Power Shortcuts  <ul><li>Coding: </li></ul><ul><ul><li>The Three Golden Rules of The Flex N...
Know Your Tools: MXML & AS 3.0 Power Shortcuts  <ul><li>Coding: </li></ul><ul><ul><li>Use the  [inspectable]  metadata tag...
Know Your Tools: MXML & AS 3.0 Power Shortcuts  <ul><li>Building Projects </li></ul><ul><ul><li>Restart FlexBuilder every ...
Know Your Tools: MXML & AS 3.0 Power Shortcuts  <ul><li>Building Projects </li></ul><ul><ul><li>Ctrl-click to access a lau...
Know Your Tools: MXML & AS 3.0 Power Shortcuts  <ul><li>Testing & Debugging </li></ul><ul><ul><li>Use the Problems view to...
Know Your Tools: MXML & AS 3.0 Power Shortcuts  <ul><li>Testing & Debugging </li></ul><ul><ul><li>&quot;Clear All Breakpoi...
Know Your Tools: MXML & AS 3.0 Power Shortcuts  <ul><li>Testing & Debugging </li></ul><ul><ul><li>Debug Apps Uploaded to T...
Know Your Tools: Flex Power Shortcuts  <ul><li>Flex API Explorers </li></ul><ul><ul><li>( Kuler ) </li></ul></ul><ul><ul><...
Know Your Tools: Flex Power Shortcuts <ul><li>Open Style Explorer in FlexBuilder </li></ul><ul><ul><li>Window > Other View...
Know Your Tools: Flex Power Shortcuts <ul><li>Advanced Tips & Optimizations: </li></ul><ul><ul><li>Changing the filenames ...
Know Your Tools: Flex Power Shortcuts  <ul><li>Fav Resources </li></ul><ul><ul><li>Flex & AS 3.0 API Posters </li></ul></u...
Know Your Tools: Unit Testing <ul><li>Unit Testing Tools: </li></ul><ul><ul><li>Flash Switcher  [ download ]   [  blog  ] ...
Hurry Up And Code: Power Shortcuts for Flash & Flex Developers <ul><li>A Special Thanks To: </li></ul><ul><ul><li>Mark  La...
And now for something completely different…
Upcoming SlideShare
Loading in …5
×

Hurry Up and Code: Power Shortcuts for Flash and Flex Developers by Joseph Balderson

7,652 views

Published on

Visit http://www.communitymx.com/abstract.cfm?cid=90B1D to download a high-res PDF of this presentation.

Synopsis:
In the high pressure world of RIA development, being efficient at churning out code, over time, can mean the difference between late nights and project overruns or piece of mind. Learning to type 50 WPM is not the only way to code faster. Learn some important secrets to being more efficient in your coding, increasing productivity in both Flash and Flex development environments.

This is the powerpoint for my presentation at TodCon 2007 in Las Vegas, June 12, 2007.

Published in: Technology
  • Be the first to comment

Hurry Up and Code: Power Shortcuts for Flash and Flex Developers by Joseph Balderson

  1. 1. Hurry Up And Code: Power Shortcuts for Flash and Flex Developers <ul><li>Presented by Joseph Balderson </li></ul><ul><li>TodCon 2007, June 11-13 2007 </li></ul>
  2. 2. Hurry Up And Code: Power Shortcuts for Flash & Flex Developers <ul><li>Who is Joseph Balderson ? (aka ‘joeflash’) </li></ul><ul><ul><li>Flash Platform Developer </li></ul></ul><ul><ul><li>Adobe Certified Trainer </li></ul></ul><ul><ul><li>Author & Community MX Partner </li></ul></ul><ul><ul><li>Consultant with New Toronto Group </li></ul></ul><ul><ul><li>email: [email_address] </li></ul></ul>
  3. 3. Hurry Up And Code: Power Shortcuts for Flash & Flex Developers <ul><li>Developing a project successfully and on time is based on several things: </li></ul><ul><ul><li>Think efficiently </li></ul></ul><ul><ul><li>Know your tools </li></ul></ul><ul><ul><li>Know your resources </li></ul></ul><ul><ul><li>Understand The Plan </li></ul></ul><ul><ul><li>Know your Metrics For Success </li></ul></ul><ul><ul><li>Communication </li></ul></ul><ul><ul><li>Unit Test, Unit Test, Unit Test </li></ul></ul>
  4. 4. Hurry Up And Code: Power Shortcuts for Flash & Flex Developers <ul><li>Know Your Tools: </li></ul><ul><ul><li>Planning & Document Creation </li></ul></ul><ul><ul><li>IDEs: Flash 8/CS3 & FlexBuilder </li></ul></ul><ul><ul><li>Unit Testing </li></ul></ul>
  5. 5. Know Your Tools: Planning & Document Creation <ul><li>You might start with this: </li></ul>
  6. 6. Know Your Tools: Planning & Document Creation <ul><li>… and progress to this: </li></ul><ul><ul><li>Brainstorming tools </li></ul></ul><ul><ul><ul><li>Whiteboard + Dig.Camera </li></ul></ul></ul><ul><ul><ul><li>MindManager </li></ul></ul></ul>
  7. 7. Know Your Tools: Planning & Document Creation <ul><li>… and then to this: </li></ul><ul><ul><li>UML Modeling </li></ul></ul><ul><ul><ul><li>gModeller [ link ] </li></ul></ul></ul><ul><ul><ul><ul><li>Getting a little old, but still suitable </li></ul></ul></ul></ul><ul><ul><ul><ul><li>easy to use and AS 2.0-ready </li></ul></ul></ul></ul><ul><ul><ul><li>Visio </li></ul></ul></ul><ul><ul><ul><ul><li>Complex but versatile </li></ul></ul></ul></ul><ul><ul><ul><li>Gliffy [ link ] </li></ul></ul></ul><ul><ul><ul><ul><li>Great for remote dev </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Online use only </li></ul></ul></ul></ul>  – author’s 3 rd party tools of choice
  8. 8. Know Your Tools: Planning & Document Creation <ul><ul><li>UML Modeling </li></ul></ul><ul><ul><ul><li>SaffronModeler (coming soon!) [ link ] </li></ul></ul></ul><ul><ul><ul><ul><li>Remote dev & offline tool </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Built entirely in Flash CS3 & AS 3.0 </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Will be ported to Apollo/AIR </li></ul></ul></ul></ul>
  9. 9. Know Your Tools: IDEs <ul><li>Current Flash Platform Development Environments (IDEs): </li></ul><ul><ul><li>Flash 8 </li></ul></ul><ul><ul><li>Flash CS3 </li></ul></ul><ul><ul><li>FlexBuilder 2.01 </li></ul></ul>
  10. 10. Know Your Tools: Flash IDE Power Shortcuts <ul><li>Flash IDE Power Shortcuts: </li></ul><ul><ul><li>Flash 8 </li></ul></ul><ul><ul><li>Flash CS3 </li></ul></ul><ul><ul><li>ActionScript Coding </li></ul></ul><ul><ul><li>3 rd Party Dev Tools </li></ul></ul><ul><ul><li>AS 2.0 API Explorers </li></ul></ul>
  11. 11. Know Your Tools: Flash IDE Power Shortcuts <ul><li>Flash 8/CS3 </li></ul><ul><ul><li>FLA & Class file Templates </li></ul></ul><ul><ul><li>Essential Keyboard Shortcuts: (Windows) </li></ul></ul><ul><ul><ul><ul><ul><li>F4: hide panels </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>F5: new Frame </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>F6: new Keyframe </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>F7: new Blank Keyframe </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>F8/Ctrl-F8: Convert to Symbol / New Symbol </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>F9: Actions Panel </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Ctrl-F12: Publishing Properties </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Ctrl-Enter: Test Movie </li></ul></ul></ul></ul></ul>
  12. 12. Know Your Tools: Flash IDE Power Shortcuts <ul><li>Flash 8/CS3 </li></ul><ul><ul><li>Clean out deleted FLA Library items </li></ul></ul><ul><ul><ul><li>Edit > Save and Compact </li></ul></ul></ul><ul><ul><li>Panel Shortcuts: </li></ul></ul><ul><ul><ul><li>BP: Lock the AS layer </li></ul></ul></ul><ul><ul><ul><li>Layer > Right.Click > Lock Others </li></ul></ul></ul><ul><ul><ul><li>Double-click panel top to minimize (Windows) </li></ul></ul></ul>
  13. 13. Know Your Tools: Flash IDE Power Shortcuts <ul><li>Flash 8/CS3 </li></ul><ul><ul><li>Finding Your Way In the FLA: (best practices) </li></ul></ul><ul><ul><ul><li>NEVER EVER USE SCENES! </li></ul></ul></ul><ul><ul><ul><li>SORT YOUR LIBRARY ASSETS! </li></ul></ul></ul><ul><ul><ul><li>Pin Your Scripts (but you can’t save them) </li></ul></ul></ul><ul><ul><ul><li>Use the Actions Navigator </li></ul></ul></ul><ul><ul><ul><li>Insert Target Path for Authortime Architecture </li></ul></ul></ul>
  14. 14. Know Your Tools: Flash IDE Power Shortcuts <ul><li>Flash 8/CS3 </li></ul><ul><ul><li>How to Code Dump an Entire FLA: </li></ul></ul><ul><ul><ul><ul><li>In the Movie Explorer panel , besides 'Show:' click the right-most button, 'Customize what items to show' </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Select > Show: 'ActionScript', 'Layers', 'Frames', Context: 'Movie Elements', 'Symbol Definitions' </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Go to Movie Explorer panel > Properties > Copy All Text To Clipboard </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Paste into text file for reference. </li></ul></ul></ul></ul>
  15. 15. Know Your Tools: Flash IDE Power Shortcuts <ul><li>Flash 8/CS3 </li></ul><ul><ul><li>Use the AS 2.0 Debug panel to hack the v.2 Component Architecture </li></ul></ul>
  16. 16. Know Your Tools: Flash IDE Power Shortcuts <ul><li>ActionScript Coding </li></ul><ul><ul><li>Double-clicking a word selects it </li></ul></ul><ul><ul><li>Trigger code hinting after “.” : Ctrl-Space </li></ul></ul><ul><ul><li>Declaring authortime objects to trigger code hinting </li></ul></ul><ul><ul><li>Clear the ASO Cache (if class files are being improperly compiled) </li></ul></ul>
  17. 17. Know Your Tools: Flash IDE Power Shortcuts <ul><li>ActionScript Coding </li></ul><ul><ul><li>Escape Key Shortcuts </li></ul></ul>
  18. 18. Know Your Tools: Flash IDE Power Shortcuts <ul><li>ActionScript Coding </li></ul><ul><ul><li>Custom Escape Key Shortcuts </li></ul></ul><ul><ul><ul><li>Flash8: C:Program FilesMacromediaFlash 8enFirst RunActionsPanelActionScript_1_2ActionsPanel.xml </li></ul></ul></ul><ul><ul><ul><li>FlashCS3: (??) C:Program FilesAdobeAdobe Flash CS3enFirst Run ActionsPanelActionScript_1_2ActionsPanel.xml C:Documents and Settings{user}Local SettingsApplication DataAdobeFlash CS3 enConfigurationActionsPanelActionScript_1_2 ActionsPanel.xml </li></ul></ul></ul>
  19. 19. Know Your Tools: Flash IDE Power Shortcuts <ul><li>ActionScript Coding </li></ul><ul><ul><li>Custom Escape Key Shortcuts </li></ul></ul><ul><ul><ul><li>Note: save as UTF-8 </li></ul></ul></ul><ul><ul><li><folder name=&quot;CUSTOM ESCAPE ACTION-FU&quot; id=&quot;Escape Action-Fu&quot; tiptext=&quot;Escape Action-Fu&quot;> </li></ul></ul><ul><ul><li><action name=&quot;onEnterFrame&quot; tiptext=&quot;Insert onEnterFrame&quot; helpid=&quot;2862&quot; text=“this.onEnterFrame = function(evtObj:Object):Void { % function name % };&quot; version=&quot;6&quot; quickey=&quot;oe&quot;/> </folder> </li></ul></ul>
  20. 20. Know Your Tools: Flash 3 rd Party Dev Tools <ul><li>Flash 3 rd Party Dev Tools </li></ul><ul><ul><li>Use The Force (JSFL) </li></ul></ul><ul><ul><ul><li>gAlign </li></ul></ul></ul><ul><ul><ul><li>gSearch </li></ul></ul></ul><ul><ul><ul><li>gProject </li></ul></ul></ul><ul><ul><ul><ul><li>Creating pre-linked MCs </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Library organization for linked MCs </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Class Code Autocompletion </li></ul></ul></ul></ul>  – author’s 3 rd party tools of choice
  21. 21. Know Your Tools: Flash 3 rd Party Dev Tools <ul><li>Flash 3 rd Party Dev Tools </li></ul><ul><ul><li>Alternate AS Editors/Compilers </li></ul></ul><ul><ul><ul><li>SE|PY [ CMX tutorial ] </li></ul></ul></ul><ul><ul><ul><ul><li>Find In Files </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Class Stub File Autocreation with Snippets </li></ul></ul></ul></ul><ul><ul><ul><li>FlashDevelop </li></ul></ul></ul><ul><ul><ul><li>MTASC , FLASC </li></ul></ul></ul>
  22. 22. Know Your Tools: AS 2.0 API Explorers <ul><li>AS 2.0 API Explorers </li></ul><ul><ul><li>Transition & Tween Explorer [ link ] [ CMX tutorial ] </li></ul></ul><ul><ul><li>Kinglong’s Gradient Explorer [ link ] </li></ul></ul><ul><ul><li>Andreas Weber’s Gradient Tween Editor [ link ] </li></ul></ul><ul><ul><li>[ CMX tutorial ] </li></ul></ul>
  23. 23. Know Your Tools: Flash IDE Power Shortcuts <ul><li>Flash CS3 </li></ul><ul><ul><li>Integrated “Apply Active Content Update” </li></ul></ul><ul><ul><li>Code collapsing: learn the shortcuts </li></ul></ul><ul><ul><li>Code commenting (line & block comment) </li></ul></ul><ul><ul><ul><li>Tip: Configure custom shortcuts to do this </li></ul></ul></ul><ul><ul><li>Gotcha: Check Syntax does not work for AS 3.0 files (use the Compiler Errors panel) </li></ul></ul><ul><ul><li>Improved debugger for AS 3.0 </li></ul></ul><ul><ul><li>Conclusion: new code editing features in CS3 a little disappointing, but then, that’s what FlexBuilder is for… </li></ul></ul>
  24. 24. Know Your Tools: Flex Power Shortcuts
  25. 25. Know Your Tools: Flex Power Shortcuts <ul><li>Flex Power Shortcuts: </li></ul><ul><ul><li>FlexBuilder 2.01 (Flex IDE) </li></ul></ul><ul><ul><li>MXML & AS 3.0 </li></ul></ul><ul><ul><li>Flex API Explorers </li></ul></ul>
  26. 26. Know Your Tools: FlexBuilder 2.01 Power Shortcuts <ul><li>First, some terminology: </li></ul>
  27. 27. Know Your Tools: FlexBuilder 2.01 Power Shortcuts <ul><li>Views: </li></ul><ul><ul><li>Double-click a tab to fullscreen a view in the workbench </li></ul></ul><ul><ul><li>Outline </li></ul></ul><ul><ul><ul><li>MXML view: container hierarchy </li></ul></ul></ul><ul><ul><ul><li>class view: class hierarchy </li></ul></ul></ul><ul><ul><li>Code Editor </li></ul></ul><ul><ul><ul><li>Don’t Type <mx: !! </li></ul></ul></ul><ul><ul><ul><li>Ctrl-click: navigates to where something was declared (even in another file!) </li></ul></ul></ul><ul><ul><ul><li>Know the keyboard shortcuts!! </li></ul></ul></ul>
  28. 28. Know Your Tools: FlexBuilder 2.01 Power Shortcuts <ul><li>Power Keyboard Shortcuts: </li></ul><ul><ul><ul><ul><li>Ctrl-Shift-L: See all shortcuts </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Ctrl+Space: Content assist (aka Code Hinting) </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Ctrl-Shift-M: insert a line </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Shift+Enter: Add a new line below </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Crtl+Enter: Add new line above </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Ctrl-Alt-Up/Down: Duplicate line up/down </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Ctrl+D: Delete current line </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Alt+Down: Move current line down </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Ctrl+L: Go to line number </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Ctrl+Shift+C: Block comment (MXML & AS) </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Ctrl-F12: Run </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Ctrl-Shift-F12: Debug </li></ul></ul></ul></ul>
  29. 29. Know Your Tools: FlexBuilder 2.01 Power Shortcuts <ul><ul><li>Design Mode </li></ul></ul><ul><ul><ul><li>Use show surrounding containers to inspect complex container hierarchies </li></ul></ul></ul><ul><ul><ul><li>Design area > Custom size… to resize Design view to simulate browser size </li></ul></ul></ul><ul><ul><li>Flex Properties (Design Mode) </li></ul></ul><ul><ul><ul><li>Category & Alphabetical view: define MXML & AS properties, methods, events, effects </li></ul></ul></ul>
  30. 30. Know Your Tools: MXML & AS 3.0 Power Shortcuts <ul><li>Coding: </li></ul><ul><ul><li>Three Golden Rules of The Flex Ninja: </li></ul></ul>
  31. 31. Know Your Tools: MXML & AS 3.0 Power Shortcuts <ul><li>Coding: </li></ul><ul><ul><li>The Three Golden Rules of The Flex Ninja: </li></ul></ul><ul><ul><ul><li>Rule 1 — Each tag corresponds to a new instance of a class ( <namespace:TagName> ) </li></ul></ul></ul><ul><ul><ul><li>Rule 2 — Every attribute is a property of the TagName class. </li></ul></ul></ul><ul><ul><ul><li>Rule 3 — Every tag with an id turns into a named instance of the TagName class. </li></ul></ul></ul>
  32. 32. Know Your Tools: MXML & AS 3.0 Power Shortcuts <ul><li>Coding: </li></ul><ul><ul><li>Use the [inspectable] metadata tag for custom component code hinting </li></ul></ul>
  33. 33. Know Your Tools: MXML & AS 3.0 Power Shortcuts <ul><li>Building Projects </li></ul><ul><ul><li>Restart FlexBuilder every once and a while… </li></ul></ul><ul><ul><li>Don't open too many projects at once </li></ul></ul><ul><ul><li>Perform a clean build to save SWF filesize: </li></ul></ul><ul><ul><ul><li>Project > Clean </li></ul></ul></ul><ul><ul><ul><li>Equivalent of Edit > Save and Compact in Flash? </li></ul></ul></ul>
  34. 34. Know Your Tools: MXML & AS 3.0 Power Shortcuts <ul><li>Building Projects </li></ul><ul><ul><li>Ctrl-click to access a launch config’s properties </li></ul></ul>
  35. 35. Know Your Tools: MXML & AS 3.0 Power Shortcuts <ul><li>Testing & Debugging </li></ul><ul><ul><li>Use the Problems view to check code as you type </li></ul></ul><ul><ul><li>Turn on Project >Build Automatically </li></ul></ul><ul><ul><li>Don’t Use trace() !! Use the debugger </li></ul></ul><ul><ul><ul><li>Set breakpoints on your vars </li></ul></ul></ul><ul><ul><ul><li>Inspect in Variables view of the Flex Debugging perspective </li></ul></ul></ul>
  36. 36. Know Your Tools: MXML & AS 3.0 Power Shortcuts <ul><li>Testing & Debugging </li></ul><ul><ul><li>&quot;Clear All Breakpoints&quot; to clear all breaks </li></ul></ul><ul><ul><li>Gotcha: may seem to crash the browser while in Debug mode </li></ul></ul><ul><ul><li>Highlight the breakpoint that was just hit </li></ul></ul><ul><ul><ul><li>Breakpoints view > Link with Debug View </li></ul></ul></ul>
  37. 37. Know Your Tools: MXML & AS 3.0 Power Shortcuts <ul><li>Testing & Debugging </li></ul><ul><ul><li>Debug Apps Uploaded to The Server </li></ul></ul><ul><ul><ul><li>Upload {filename}-debug.swf </li></ul></ul></ul><ul><ul><ul><li>Run/Debug > Ctrl-click for options window </li></ul></ul></ul><ul><ul><ul><li>change default URL or path to launch </li></ul></ul></ul><ul><ul><li>Eclipse Diff tool: Navigator view > Right Click > Compare with </li></ul></ul>
  38. 38. Know Your Tools: Flex Power Shortcuts <ul><li>Flex API Explorers </li></ul><ul><ul><li>( Kuler ) </li></ul></ul><ul><ul><li>Flex Style Explorer (with Kuler import!) </li></ul></ul><ul><ul><li>Flex Component Explorer </li></ul></ul><ul><ul><li>Flex Primitive Explorer </li></ul></ul><ul><ul><li>Flex Charting Explorer </li></ul></ul><ul><ul><li>Flex Filter Explorer </li></ul></ul>
  39. 39. Know Your Tools: Flex Power Shortcuts <ul><li>Open Style Explorer in FlexBuilder </li></ul><ul><ul><li>Window > Other Views > Internal Web Browser </li></ul></ul><ul><ul><li>Paste adobe.com/go/flex_styles_explorer_app into address bar </li></ul></ul>
  40. 40. Know Your Tools: Flex Power Shortcuts <ul><li>Advanced Tips & Optimizations: </li></ul><ul><ul><li>Changing the filenames in Flex Builder html templates </li></ul></ul><ul><ul><li>Macros that are available in html-template files </li></ul></ul><ul><ul><li>What to do when FB won’t launch due to a typo in the workspace name </li></ul></ul><ul><ul><li>Call enterDebugger() to break into the debugger programmatically </li></ul></ul><ul><ul><li>Using Flex Ant Tasks </li></ul></ul>
  41. 41. Know Your Tools: Flex Power Shortcuts <ul><li>Fav Resources </li></ul><ul><ul><li>Flex & AS 3.0 API Posters </li></ul></ul><ul><ul><li>scale nine: themes for flex & apollo </li></ul></ul><ul><ul><li>JAM – Just ActionScript & MXML </li></ul></ul><ul><ul><li>Flex Cookbook beta </li></ul></ul><ul><ul><li>video.onflex.org </li></ul></ul><ul><ul><li>flex.org </li></ul></ul>
  42. 42. Know Your Tools: Unit Testing <ul><li>Unit Testing Tools: </li></ul><ul><ul><li>Flash Switcher [ download ] [ blog ] [ CMX tutorial ] </li></ul></ul><ul><ul><li>Flash Tracer [ download ] [ blog ] [ CMX tutorial ] </li></ul></ul><ul><ul><li>Blitz Labs’ Xray [ link ] </li></ul></ul>
  43. 43. Hurry Up And Code: Power Shortcuts for Flash & Flex Developers <ul><li>A Special Thanks To: </li></ul><ul><ul><li>Mark Lapasa (aka ‘ false’) , Rick Mason (aka ‘egnaro’) from the Flash In TO user group </li></ul></ul><ul><ul><li>David Stiller (CMX partner) </li></ul></ul><ul><ul><li>Steve Schelter (CMX partner) </li></ul></ul><ul><ul><li>and all the gang at New Toronto Group </li></ul></ul><ul><ul><li>This presentation will be available at CommunityMX </li></ul></ul><ul><ul><li>email: [email_address] </li></ul></ul>
  44. 44. And now for something completely different…

×