Eclipse loves-java script
Download as pptx, pdf1 like622 views
The document discusses Patrik Suzzi's talk on JavaScript and the Eclipse JSDT 2.0, highlighting its evolution from client-side scripting to a versatile programming language used in various applications including mobile and backend development. It outlines new features in JSDT 2.0, such as support for ES6, integration with Node.js, and improved debugging capabilities, while providing examples of JavaScript projects. The talk also emphasizes the importance of contributions to JSDT and mentions the need for more committers in the community.
Eclipse loves-java script
- 1. Eclipse loves JavaScript, using and contributing to JSDT 2.0 Patrik Suzzi, Theater - Wednesday, October 26, 17:45
- 2. About this talk โข Patrik Suzzi, โข Software Engineer, Consultant โข Eclipse Platform UI Committer โข Eclipse JSDT Contributor โข Agenda โข Modern JavaScript and JSDT โข JSDT 2.0 usage examples โข Contribute โข Audience โข How many are using JS ? โข Frontend? backend? Fullstack?
- 3. JavaScript is evolving โข Initially, it was just for client-side scripting โข Web page manipulation, validation, computation โข Modern JavaScript is more.. โข Programming language of the web. โข Mobile, desktop and containers. โข Client, server and middleware. โข i.e. web and mobile UIs; browser apps; streaming, IoT and large-scale applications; REST APIs; database; etc. One of the most commonly used languages
- 4. JavaScript Development Tools (JSDT) โข JSDT 1.0 โข Support ES 3 (ECMAScript 1999) โข JavaScript: โข Increasing importance also in back-end โข JSDT 2.0 โข Support ES6 (ECMAScript 2015) โข Nodejs & tools, Chromium (debug). โข .. Fullstack development (limited resources, slow development) (new investments, total reboot )
- 5. JSDT 2.0 - Neon โข (ES6) Esprima parser running on Nashorn โข Run and debug Node.js applications โข JSON editor โข Package managers integration: Bower / npm โข Task Runners integration: Gulp, Grunt โข New Package: JavaScript IDE
- 6. JSDT 2.0 - Neon.1 โข Main enhancements โข Oomph installer to simplify contribute to JSDT โข Node.js debugger improvements โข New JavaScript debugger improvements: โข Quick Access for Gulp/Grunt tasks โข Npm scripts support
- 7. Demos โข Get JSDT for JavaScript project โข Verify you have Node and tools โข Try the demos โข Simple Angular JS frontend โข Simple Node JS fullstack app โข JS Frontend with Java Backend โข Code here โข https://github.com/psuzzi/jsdt-demo-neon
- 8. Demo 01: simple frontend โข Angular single page App with โข With routing & templating โข Bootstrap and Fontawesome dependencies โข installed via bower โข Content assist โข Scope variables โข ES2015 specifics *class declar โข JSON Editor with content assist (file assist) โข Npm install, bower install โข Download of all dependencies. โข launch
- 9. Demo 02: FullStack Angular/Node โข Frontend: Angular/Bootstrap โข Bower โข Backend: Node.js / Express / MongoDB โข Npm install โข Gulp launch โข Debug Node backend โข Breakpoint โข Hotswap: change a value on the fly
- 10. Demo 03: Debug JS on Java backend โข JS frontend (Angular) โข Java backend (SpringBoot) โข Debug JS and Java โข Cool thing: Check JHipster app generator, i.e. Angular+ SpingBoot
- 11. Demo 04: Contribute to JSDT โข Install Oomph โข Build the IDE to develop on JSDT โข Find a bug โข Fix it โข Push the code
- 12. JSDT 2.0 - Beyond โข Closure Compiler: โข From Google, written in java, supports ES6 โข better parsing, active community, Eclipse IP approved. โข Language Services: โข VSCode Server Language Protocol โข RedHat, Microsoft, Codenvy, IBM, Typefox, ... โข Typescript 2 not supported (CQ..) โข Aim using TypeScript 2 Language Servces โข Typescript support โข Aim to support TS 2 โข Nice to have, post oxygen. โข ๏ we need more committers
- 13. Thanks โข Ilya, Gorkem, Victor, Angel, Denis, Mickael (RedHat) โข Chuck, Orlando, Adalberto, Alina, Nitin (IBM) โข Angelo (Independent) โข Esteban (Obeo) โข Pavel (Google)