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

▶
making eclipse with html and javascript fun again
SMART_READER_LITE
LIVE PREVIEW

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

Mar 19, 2023 178 likes •411 views

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

slide-1
SLIDE 1

Making Eclipse with HTML and JavaScript fun again!

Max Rydahl Andersen Consulting Engineer, Red Hat 2015-03-11 EclipseCon, San Francisco

slide-2
SLIDE 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 :)
slide-3
SLIDE 3

This talk

1.What we have done 2.What we would like to do

slide-4
SLIDE 4

Do you use Eclipse for web/javascript development ?

slide-5
SLIDE 5

HTML

Live Reload

JavaScript

Cordova

AngularJS

JQuery BrowserSim

Deployment

REST

slide-6
SLIDE 6

HTML5 JavaScript Demo

slide-7
SLIDE 7

HTML 5

  • Using native browser
  • Runs a “mini” server in

background for serving out content

  • Live Preview with source

navigation

  • Works with JavaScript
slide-8
SLIDE 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
slide-9
SLIDE 9

JavaScript

slide-10
SLIDE 10

Live Reload BrowserSim Demo

slide-11
SLIDE 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)
slide-12
SLIDE 12

(Mobile) Browser Simulator

  • Quick/fast Simulation of web

browsers

  • Skinned - great for

screenshots

  • Simulate Rotate/touch events
  • Connect chrome debugger
  • Synchronized browsing
slide-13
SLIDE 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
slide-14
SLIDE 14

AngularJS++

slide-15
SLIDE 15

AngularJS++

slide-16
SLIDE 16

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

slide-17
SLIDE 17

Red Hat is now leading Eclipse JSDT

Victor Rubezhny vrubezhny@exadel.com @redhat.com

slide-18
SLIDE 18

What have been done ?

  • Better html attribute validation
  • Fixed (some parts of) JavaScript Parser
  • Tern/JSDT integration
slide-19
SLIDE 19

What been looked at

  • bower contribution from Obeo
  • easy import (contributed to Mars incubator)
slide-20
SLIDE 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 ?
slide-21
SLIDE 21

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

slide-22
SLIDE 22

+1 0 -1

Sign in: www.eclipsecon.org

Evaluate the sessions