Getting Started: Your Roadmap to Success... 14-June-2018 Dan McGhan Developer Advocate @ Oracle

If you were to give an APEX developer two recommendations for getting starting with JavaScript, what would they be? Read up on jQuery Learn about APEX JS APIs

Peter Raganitsch I would direct them to my JS/CSS talk for PL/SQL developers !

Jorge Rimblas Also JSFiddle for The thing that helped me quick prototyping, best with getting started was looking at other a good Editor Plugin which peoples samples, etc helps with Intellisense, Auto- complete, Formatting, etc...

John Scott

I have had good success with And my favorite JS guru on Pluralsight’s Node.js course YouTube: FunFunFunction

Christoph Ruepprich

Websites - MDN web docs (for reference) Books - JavaScript: The Definitive Guide (still waiting for the 7th edition)

Other than that... Web page inspection tools are great for learning. :-) Adrian Png One thing I would highly recommend is JavaScript the Good Parts by Douglas Crockford

Also his web site

John Snyders

Learn "JavaScript" not jQuery Choose a sample app topic first. Understand what it that interests you (movie means to manipulate the database, car details, etc), DOM structure using real and try to build that same JavaScript before you use a sample app in multiple shortcut like jQuery. It will different serve you better down the frameworks/toolkits/libraries road to know what is going on as you learn. behind the scenes.

John Brock “JB” Even at your earliest stages of writing code, add Know your audience. From a comments about what you client perspective, what are trying to with a section of browsers are you going to code. Ex. what a function is have to support. If there are supposed to do and return. any older versions, it will As you learn more and return limit what you can and can't to these samples, you may do with more modern JS want to refactor those areas practices. Ex. IE11 doesn't with things that you know support arrow functions. more about. John Brock “JB” Even at your earliest stages of writing code, add Know your audience. From a comments about what you client perspective, what are trying to with a section of browsers are you going to code. Ex. what a function is have to support. If there are supposed to do and return. any older versions, it will As you learn more and return limit what you can and can't to these samples, you may do with more modern JS want to refactor those areas practices. Ex. IE11 doesn't with things that you know support arrow functions. more about. John Brock “JB”

I think that's enough. :-) So here's my 2 cents

Vincent Morneau

So here's my 2 cents

Follow web tech leaders that blog about complicated stuff, in a simple way. • David Walsh • Addy Osmani • Jake Archibald • Paul Irish

Vincent Morneau So here's my 2 cents

Follow web tech leaders Embrace ES6, as it will that blog about complicated inevitably make it to all stuff, in a simple way. browsers. In most cases, it • David Walsh simplifies the code. • Addy Osmani • Jake Archibald • Paul Irish

Vincent Morneau So here's my 2 cents

Follow web tech leaders Embrace ES6, as it will that blog about complicated inevitably make it to all stuff, in a simple way. browsers. In most cases, it • David Walsh simplifies the code. • Addy Osmani • Jake Archibald • Paul Irish

READ CODE from Vincent Morneau popular Open Source projects So here's my 2 cents

Follow web tech leaders Embrace ES6, as it will that blog about complicated inevitably make it to all stuff, in a simple way. browsers. In most cases, it • David Walsh simplifies the code. • Addy Osmani • Jake Archibald • Paul Irish

FORK repos and play around READ CODE from Vincent Morneau popular Open Source projects Final thoughts: there is no escaping JS. As a a large scale app grows, requirements will grow too and you can't do everything in PL/SQL. Don't be the average dev :)

Vincent Morneau

Gemma Wood Pluralsight Paths and Courses

• JavaScript Path • https://www.pluralsight.com/paths/javascript • Node.js Path • https://www.pluralsight.com/paths/node-js • JavaScript Fundamentals for ES6 • https://www.pluralsight.com/courses/javascript-fundamentals-es6 • Rapid ES6 Training • https://www.pluralsight.com/courses/rapid-es6-training Books

• You Don’t Know JS • https://github.com/getify/You-Dont-Know-JS • JavaScript: The Definitive Guide • http://a.co/6cJjHci • JavaScript the Good Parts • http://a.co/dx74PuS jQuery

• Online Tutorial: Code Academy • https://www.codecademy.com/learn/learn-jquery • Book: A Smarter Way to Learn jQuery • http://a.co/e9Jzxnx • API Doc • http://api.jquery.com/ APEX JavaScript APIs

• APEX 18.1 • https://docs.oracle.com/database/apex-18.1/AEXJS/index.html • APEX 5.2 • https://docs.oracle.com/database/apex-5.1/AEAPI/JavaScript- APIs.htm#AEAPI266 • APEX 5.1 • https://docs.oracle.com/database/apex-5.1/AEAPI/JavaScript- APIs.htm#AEAPI266 • APEX 4.2 • https://docs.oracle.com/cd/E37097_01/doc.42/e35127/GUID-3695C4E1- 0BCE-4BA8-A8B2-C34D7F552A77.htm#AEAPI266 Developer Tools & Fiddles

• Chrome Developer Tools • https://developers.google.com/web/tools/chrome-devtools/ • JSFiddle • https://jsfiddle.net/ • CodePen • http://codepen.io/ • JS Bin • http://jsbin.com Editors & plug-ins

• VS Code • https://code.visualstudio.com/ • https://code.visualstudio.com/docs/nodejs/extensions • Atom • https://atom.io/ • https://atom.io/packages • NetBeans • https://netbeans.org/ • http://plugins.netbeans.org/ YouTube

• Fun Fun Function • https://www.youtube.com/channel/UCO1cgjhGzsSYb1rsB4bFe4Q • What the heck is the event loop anyway • https://www.youtube.com/watch?v=8aGhZQkoFbQ Web Leaders on Twitter

• David Walsh • https://twitter.com/davidwalshblog • Addy Osmani • https://twitter.com/addyosmani • Jake Archibald • https://twitter.com/jaffathecake • Paul Irish • https://twitter.com/paul_irish Other

• Weekly newsletter on JavaScript • https://javascriptweekly.com/ • 30 Seconds of Code • https://30secondsofcode.org/ • Jorge’s talk on JavaScript and CSS for PL/SQL developers • http://slides.com/rimblas/javascript-and-css-for-plsql-developers • Developer Network (see “Tutorials” on the left) • https://developer.mozilla.org/en-US/docs/Web/JavaScript http://bit.ly/2Mr4RYG