making eclipse with html and javascript fun again
play

Making Eclipse with HTML and JavaScript fun again! Max Rydahl - PowerPoint PPT Presentation

Making Eclipse with HTML and JavaScript fun again! Max Rydahl Andersen Consulting Engineer, Red Hat 2015-03-11 EclipseCon, San Francisco Full disclosure Worked on Eclipse tooling 10+ years Leading JBoss Tools project and JBoss


  1. Making Eclipse with HTML and JavaScript fun again! Max Rydahl Andersen Consulting Engineer, Red Hat 2015-03-11 EclipseCon, San Francisco

  2. Full disclosure • Worked on Eclipse tooling 10+ years • Leading JBoss Tools project and 
 JBoss Developer Studio product • 2014 Eclipse Board Member - Sustaining Member representative • 2015 - Red Hat Strategic Developer Board member • Want to make Eclipse better • …but I’m also a user of plenty other tools :)

  3. This talk 1.What we have done 2.What we would like to do

  4. Do you use Eclipse for web/javascript development ?

  5. JavaScript Cordova HTML JQuery Live Reload BrowserSim AngularJS REST Deployment

  6. HTML5 JavaScript Demo

  7. HTML 5 • Using native browser • Runs a “mini” server in background for serving out content • Live Preview with source navigation • Works with JavaScript

  8. JavaScript • Forced Less False positive/negative error markers in JSDT • Integrated Tern for JavaScript content assist • Zero-config for Eclipse JSDT projects • Easy to extend with additional frameworks

  9. JavaScript

  10. Live Reload BrowserSim Demo

  11. Live Reload • Live reload of changes - No refresh needed • Uses defacto standard LiveReload protocol • Use with remote/local server or static file content • Use any device that has browser with web socket support • Use with non-html too (i.e. asciidoc)

  12. (Mobile) Browser Simulator • Quick/fast Simulation of web browsers • Skinned - great for screenshots • Simulate Rotate/touch events • Connect chrome debugger • Synchronized browsing

  13. AngularJS • Use eclipse-angularjs - based on tern • Angello Zerr • Automatically available if angularjs detected in editor • Content assist/Angular expressions • Early Access - in progress

  14. AngularJS++

  15. AngularJS++

  16. How are we making Eclipse more fun to use for javascript/html development

  17. Red Hat is now leading Eclipse JSDT Victor Rubezhny vrubezhny@exadel.com @redhat.com

  18. What have been done ? • Better html attribute validation • Fixed (some parts of) JavaScript Parser • Tern/JSDT integration

  19. What been looked at • bower contribution from Obeo • easy import (contributed to Mars incubator)

  20. What would we like to look at ? • npm/bower (jgit shallow clone roadblock) • make javascript parser/validation/content assist pluggable/ externalizable • More dynamic content assist • orion/tern @ eclipse ? • revive JSDT Debug • Be useful and at least less annoying • …your ideas/contributions ?

  21. Speak Up ! Speak Up ! wtp-dev@eclipse.org wtp-dev@eclipse.org What do you want/need ? What do you want/need ? What can you do to help ? What can you do to help ? :) :) @maxandersen @maxandersen http://tools.jboss.org http://tools.jboss.org

  22. Evaluate the sessions Sign in: www.eclipsecon.org +1 0 -1

Recommend


More recommend