Upload
others
View
4
Download
0
Embed Size (px)
Citation preview
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