Ce diaporama a bien été signalé.
Le téléchargement de votre SlideShare est en cours. ×

Bespin, Skywriter, Ace The Past, Present and Future of online Code Editing

•
2 mai 2011
• 4 j’aime • 2 164 vues
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Prochain SlideShare
Ajax In Action 2008 - Gui Development With qooxdoo
Ajax In Action 2008 - Gui Development With qooxdoo
Chargement dans…3
×

Consultez-les par la suite

Does your motivation need a kick start?
University of Southern Queensland
Better than a New Year's Resolution: A New Mindset
Deepak Chopra MD (official)
How to Plan and Set Financial Goals
Experian_US
Choose Your Own (Career) Adventure
Lauren Galanter
chatgpt dalle.pptx
Ellen Edmands
25 Mission Statements From the World's Most Valuable Brands
Palo Alto Software
Trying To Change A Habit? Beware These 5 Traps.
Gretchen Rubin
Statistics On The Importance Of Employee Feedback
Officevibe
1 sur 41 Publicité

Bespin, Skywriter, Ace The Past, Present and Future of online Code Editing

2 mai 2011
• 4 j’aime • 2 164 vues

Télécharger pour lire hors ligne

More and more sites allow code to be edited in the browser... anything from simple templates all the way up to complete applications integrating both client and server code. The most popular editor for this purpose is probably still <textarea>, which is a terrible code editor (just hit the tab key to see what I mean!)

There's no excuse for just using <textarea> any more. The Ajax.org Cloud9 Editor (Ace) project was born out of Ajax.org's Cloud9 IDE cloud-based coding environment and Mozilla's Bespin/Skywriter project. With this project, we're creating an easily embeddable, "no compromises" editor.

In our talk, we'll show off how you can:

Use Ace in your own projects by adding just a couple of lines to your page
Configure Ace to your tastes
Extend Ace with custom features
Along the way, you'll see a number of Ace's features that go beyond just syntax highlighting: live syntax checking, highlight uses of variables, easy keyboard navigation (even for vim users!) and more.

More and more sites allow code to be edited in the browser... anything from simple templates all the way up to complete applications integrating both client and server code. The most popular editor for this purpose is probably still <textarea>, which is a terrible code editor (just hit the tab key to see what I mean!)

There's no excuse for just using <textarea> any more. The Ajax.org Cloud9 Editor (Ace) project was born out of Ajax.org's Cloud9 IDE cloud-based coding environment and Mozilla's Bespin/Skywriter project. With this project, we're creating an easily embeddable, "no compromises" editor.

In our talk, we'll show off how you can:

Use Ace in your own projects by adding just a couple of lines to your page
Configure Ace to your tastes
Extend Ace with custom features
Along the way, you'll see a number of Ace's features that go beyond just syntax highlighting: live syntax checking, highlight uses of variables, easy keyboard navigation (even for vim users!) and more.

Publicité

Suggestions

Ajax In Action 2008 - Gui Development With qooxdoo
Fabian Jakobs
1.5k vues
51 diapositives
R shiny
Ellen Boylen
3.8k vues
8 diapositives
Amsterdam.js talk: node webkit
Fabian Jakobs
3.9k vues
13 diapositives
Kick ass code editing and end to end JavaScript debugging
Fabian Jakobs
3.1k vues
32 diapositives
Autopsy Of A Widget
Fabian Jakobs
5.4k vues
87 diapositives
Masterin Large Scale Java Script Applications
Fabian Jakobs
1.9k vues
56 diapositives
Tdd For GuIs
Fabian Jakobs
2.2k vues
42 diapositives
Und es geht doch - TDD für GUIs
Fabian Jakobs
1.7k vues
42 diapositives
Publicité

Plus De Contenu Connexe

À la une (20)

Does your motivation need a kick start?
University of Southern Queensland
19.9k vues
Better than a New Year's Resolution: A New Mindset
Deepak Chopra MD (official)
307.2k vues
How to Plan and Set Financial Goals
Experian_US
23.9k vues
Choose Your Own (Career) Adventure
Lauren Galanter
27.8k vues
chatgpt dalle.pptx
Ellen Edmands
3k vues
25 Mission Statements From the World's Most Valuable Brands
Palo Alto Software
2.1M vues
Trying To Change A Habit? Beware These 5 Traps.
Gretchen Rubin
9.9k vues
Statistics On The Importance Of Employee Feedback
Officevibe
32.4k vues
25 Time Management Hacks to Kickstart the New Year
Étienne Garbugli
219.7k vues
The 3 Secrets of Highly Successful Graduates
Reid Hoffman
828.4k vues
12 Days of Productivity
Redbooth
92.3k vues
Data Design: Where Math and Art Collide
Trina Chiasson
89.2k vues
How a Smart Leader Sets SMART Goals
Weekdone.com
86.7k vues
Getting Started With OKRs (Objective Key Results)
The Moonshot Planner
3k vues
A Guide to the Holiday Job Search
Noelle Gross, Career Strategy Coach
5k vues
How to Have Difficult Conversations
Mattan Griffel
485.5k vues
How to pretend you know soccer
Devesh Khanal
19.4k vues
10 Productivity Hacks Backed By Science
When I Work
52k vues
5 Ways to Give Feedback that Elicits Real Change
BambooHR
380.7k vues
The Best Study Tips Revealed
LinkedIn
47.6k vues
Does your motivation need a kick start?
University of Southern Queensland
19.9k vues
29 diapositives
Better than a New Year's Resolution: A New Mindset
Deepak Chopra MD (official)
307.2k vues
7 diapositives
How to Plan and Set Financial Goals
Experian_US
23.9k vues
39 diapositives
Choose Your Own (Career) Adventure
Lauren Galanter
27.8k vues
19 diapositives
chatgpt dalle.pptx
Ellen Edmands
3k vues
20 diapositives
25 Mission Statements From the World's Most Valuable Brands
Palo Alto Software
2.1M vues
32 diapositives
Publicité

Bespin, Skywriter, Ace The Past, Present and Future of online Code Editing

  1. 1. Bespin, Skywriter, Ace The Past, Present and Future of online Code Editing Fabian Jakobs Kevin Dangoor Montag, 2. Mai 2011
  2. 2. Fabian Jakobs Kevin Dangoor ajax.org Mozilla @fjakobs @dangoor Montag, 2. Mai 2011
  3. 3. Code Editors Montag, 2. Mai 2011
  4. 4. Code Editors Montag, 2. Mai 2011
  5. 5. Code Editors Montag, 2. Mai 2011
  6. 6. Code Editors Montag, 2. Mai 2011
  7. 7. Code Editors Montag, 2. Mai 2011
  8. 8. Code Editors Montag, 2. Mai 2011
  9. 9. No Compromise • we don‘t strive for almost as good • we strive to be at least as good • it‘s time for the web to take over Montag, 2. Mai 2011
  10. 10. Ajax.org Cloud9 Editor (Ace) • Fully featured • Extensible • Scalable • Cross Browser Montag, 2. Mai 2011
  11. 11. Our Goal Today Montag, 2. Mai 2011
  12. 12. Ace Building Blocks Editor Edit Session Document (Controller) (Model) Language Mode Renderer (View) Selection Montag, 2. Mai 2011
  13. 13. Demo Part 1 Montag, 2. Mai 2011
  14. 14. Montag, 2. Mai 2011
  15. 15. Tech Details Montag, 2. Mai 2011
  16. 16. Renderer •DOM is used for drawing only • no state in the DOM • never read the DOM Montag, 2. Mai 2011
  17. 17. Virtual Viewport .. .. .... .. ... .... . . ... . .. . . .. .. . .. .. .. . .. . .. .. .... . . . . Montag, 2. Mai 2011
  18. 18. Virtual Viewport .. .. .... .. ... .... . . ... . • rendering a full document in .. . . the DOM doesn‘t scale .. .. . .. .. .. . .. . .. .. .... . . . . Montag, 2. Mai 2011
  19. 19. Virtual Viewport .. .. .... .. ... .... . . ... . • rendering a full document in .. . . the DOM doesn‘t scale .. .. • only render visible rows . .. .. .. . .. . .. .. .... . . . . Montag, 2. Mai 2011
  20. 20. Virtual Viewport .. .. .... .. ... .... . . ... . • rendering a full document in .. . . the DOM doesn‘t scale .. .. • only render visible rows . .. .. .. . .. . .. .. .... . . . . Montag, 2. Mai 2011
  21. 21. Performance • Document size shouldn‘t matter • Everything in the main thread should scale with the viewport size Montag, 2. Mai 2011
  22. 22. Performance • Document size shouldn‘t matter • Everything in the main thread should scale with the viewport size BUT Montag, 2. Mai 2011
  23. 23. Performance • Document size shouldn‘t matter • Everything in the main thread should scale with the viewport size BUT • not everything does! Montag, 2. Mai 2011
  24. 24. Performance • Document size shouldn‘t matter • Everything in the main thread should scale with the viewport size BUT • not everything does! • We need web workers Montag, 2. Mai 2011
  25. 25. Web Workers Main JS Thread Worker Edit Session JS Parser Document Mirror . . . . .. .. .. .. . . .. . .. .. . .. .. .. .... . . . .... . . . Montag, 2. Mai 2011
  26. 26. Demo Part 2 Montag, 2. Mai 2011
  27. 27. Montag, 2. Mai 2011
  28. 28. Montag, 2. Mai 2011
  29. 29. Montag, 2. Mai 2011
  30. 30. Past, Present and Future Montag, 2. Mai 2011
  31. 31. 13.7 billion years ago 230 million years ago 230,000 years ago 1770 1983 2008 2009 Mozilla Skywriter 2010 Montag, 2. Mai 2011
  32. 32. Present Montag, 2. Mai 2011
  33. 33. Present Montag, 2. Mai 2011
  34. 34. Present Montag, 2. Mai 2011
  35. 35. Present Montag, 2. Mai 2011
  36. 36. Present Montag, 2. Mai 2011
  37. 37. Present Montag, 2. Mai 2011
  38. 38. Present • 30+ Contributors • 677 Watchers, 148 Forks on Github • 234 Pull Requests • 17 Language modes Montag, 2. Mai 2011
  39. 39. Future • Code completion • Code Navigation • Code Folding • Outline View • Documentation Montag, 2. Mai 2011
  40. 40. Happy Coding! @cloud9_editor http://ace.ajax.org https://github.com/fjakobs/coffeepreview Montag, 2. Mai 2011
  41. 41. Photo Credits • Big Bang http://www.flickr.com/photos/neychurluvr/4021590334/ • Mozilla Dinosaur http://www.flickr.com/photos/neychurluvr/4021590334/ • Bacon http://en.wikipedia.org/wiki/File:RawBacon.JPG • Ben and Dion http://www.flickr.com/photos/franksvalli/5163228449/ Montag, 2. Mai 2011

×