Getting Started: Your Roadmap to Successdietmaraust.com/downloads/presentations/2018/2018... · Learn "JavaScript" not jQuery first. Understand what it means to manipulate the DOM

Getting Started: Your Roadmap to Success...

14-June-2018Dan McGhan

Developer Advocate @ Oracle

If you were to give an APEX developer two recommendationsfor getting starting with JavaScript, what would they be?

Peter Raganitsch

Read up on jQuery

Learn about APEX JS APIs

Jorge Rimblas

I would direct them to my JS/CSS

talk for PL/SQL developers !

John Scott

The thing that helped me best with getting started was

a good Editor Plugin which helps with Intellisense, Auto-complete, Formatting, etc...

Also JSFiddle for quick prototyping,

looking at other peoples samples, etc

Christoph Ruepprich

I have had good success with Pluralsight’s Node.js course

And my favorite JS guru on YouTube: FunFunFunction

Adrian Png

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. :-)

John Snyders

One thing I would highly recommend is JavaScript the Good

Parts by Douglas Crockford

Also his web site

John Brock “JB”

Choose a sample app topic that interests you (movie database, car details, etc), and try to build that same

sample app in multiple different

frameworks/toolkits/libraries as you learn.

Learn "JavaScript" not jQuery first. Understand what it means to manipulate the DOM structure using real

JavaScript before you use a shortcut like jQuery. It will serve you better down the

road to know what is going on behind the scenes.

John Brock “JB”

Even at your earliest stages of writing code, add

comments about what you are trying to with a section of code. Ex. what a function is supposed to do and return.

As you learn more and return to these samples, you may

want to refactor those areas with things that you know

more about.

Know your audience. From a client perspective, what

browsers are you going to have to support. If there are

any older versions, it will limit what you can and can't

do with more modern JS practices. Ex. IE11 doesn't support arrow functions.

John Brock “JB”

Even at your earliest stages of writing code, add

comments about what you are trying to with a section of code. Ex. what a function is supposed to do and return.

As you learn more and return to these samples, you may

want to refactor those areas with things that you know

more about.

Know your audience. From a client perspective, what

browsers are you going to have to support. If there are

any older versions, it will limit what you can and can't

do with more modern JS practices. Ex. IE11 doesn't support arrow functions.

I think that's enough. :-)

Vincent Morneau

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 that blog about complicated

stuff, in a simple way.• David Walsh• Addy Osmani• Jake Archibald• Paul Irish

Embrace ES6, as it will inevitably make it to all

browsers. In most cases, it simplifies the code.

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

Embrace ES6, as it will inevitably make it to all

browsers. In most cases, it simplifies the code.

READ CODE from popular Open

Source projects

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

Embrace ES6, as it will inevitably make it to all

browsers. In most cases, it simplifies the code.

READ CODE from popular Open

Source projects

FORK repos and play around

Vincent Morneau

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 :)

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

• Mozilla Developer Network (see “Tutorials” on the left)• https://developer.mozilla.org/en-US/docs/Web/JavaScript

http://bit.ly/2Mr4RYG