Overview of what is possible with JavaScript in 2017. Video: https://youtu.be/c3wAj9mB-BE Demonstrates the popularity of JavaScript among developers and enterprises. Also, describes various software types and platforms where it is possible to use JavaScript such as Web Browser, Node.js, Drones, Robots, Virtual Reality, and more. Lastly it gives a short look at the future of JavaScript.

1. Let’s talk about JavaScript
Marian Rusnak
WebElement Prešov
14 Feb 2017

2. console.log(‘About me’);
● Developing web apps 6+ years
● JavaScript, PHP, Java, ASP.NET
● AOL, London
● Alf Software, Prešov
● Masaryk University, Brno
rusnak.marian1@gmail.com
https://twitter.com/MarianRusnak

3. Agenda
● A bit of history
● JavaScript in 2017
● Beyond browser
● Popularity
● Future

4. “JavaScript is a toy language”
-- David Arno, 2010
http://www.davidarno.org/2010/05/18/why-javascript-is-a-toy-language/

5. History
● 1995, 10 days
● Netscape
● Brendan Eich
● ECMAScript

7. ≠

8. typeof NaN // number
0.1 + 0.2 === 0.3 // false
typeof null // object
null instanceof Object // false

9. JavaScript in 2017

10. Classes
class Shape {
constructor(x, y) {
this.x = x;
this.y = y;
}
logInfo() {
console.log('X: ' + this.x + ', Y: ' + this.y);
}
}

11. Template Strings
var name = "Bob"
var time = "today";
console.log(`Hello ${name}, how are you ${time}?`);
// Hello Bob, how are you today?

12. Destructuring and parameters
function division({ num, divisor }) {
return num / divisor;
}
console.log(division({ num: 5 }); // Error
console.log(division({ num: 25, divisor: 5 }); // 5

13. And much more...
http://slides.com/marianr/es6-webelement
WebElement Prešov, May 2015

14. Browser support
http://kangax.github.io/compat-table/es6/

15. TypeScript
class Student {
fullName: string;
constructor(public firstName, public lastName) {
this.fullName = firstName + " " + lastName;
}
}
interface Person {
firstName: string;
lastName: string;
}
function greeter(person: Person) {
return "Hello, " + person.firstName + " " + person.lastName;
}
var user = new Student("Jane", "User");
document.body.innerHTML = greeter(user);
http://www.typescriptlang.org/

16. JavaScript is only in browser

17. JavaScript is only in browser
JavaScript is everywhere

18. Server
const http = require('http');
const server = http.createServer((req, res) => {
res.statusCode = 200;
res.setHeader('Content-Type', 'text/plain');
res.end('Hello Worldn');
});
server.listen(3000, '127.0.0.1', () => {
console.log(`Server running at http://127.0.0.1:3000/`);
});

19. CLI
● https://www.npmjs.com/package/commander
var program = require('commander');
program
.version('0.0.1')
.option('-p, --peppers', 'Add peppers')
.option('-P, --pineapple', 'Add pineapple')
.option('-b, --bbq-sauce', 'Add bbq sauce')
.parse(process.argv);

20. CLI
● https://www.npmjs.com/package/inquirer

21. CLI
● https://www.npmjs.com/package/listr

22. Mobile
Native code
WebView (browser)
HTML, CSS, JavaScript
OS, Hardware

23. Mobile
Native code
NativeScript Runtime
JavaScript
OS, Hardware
Native UI
https://www.nativescript.org/

24. Progressive Web Apps
● “Installable” web apps
● Offline support
● Push notifications
● …

25. Progressive Web Apps
https://blog.chromium.org/2017/02/integrating-progressive-web-apps-deeply.html

26. Progressive Web Apps

27. Desktop

30. http://electron.atom.io/

31. Voice assistants

33. Drones
Parrot AR Drone 2.0
http://www.nodecopter.com/

34. ar-drone
https://github.com/felixge/node-ar-drone
var arDrone = require('ar-drone');
var client = arDrone.createClient();
client.takeoff();
client
.after(5000, function() {
this.clockwise(0.5);
})
.after(3000, function() {
this.stop();
this.land();
});

35. Robots
● Kinnect-controlled robot arm
● https://www.youtube.com/watch?v=VCjbUJzYYvI
● https://bocoup.com/blog/javascript-arduino-kinect-robot-arm/

37. Virtual Reality
● WebVR, still experimental
● https://webvr.info/
● https://mozvr.com/

39. And more
● Games, 3D
● Bluetooth
● Wearables
● IoT
● …

40. Popularity

41. http://www.modulecounts.com/

42. https://www.npmjs.com/, 10 Nov 2016

43. http://blog.npmjs.org/post/143451680695/how-many-npm-users-are-there

44. Future

45. Enterprises

46. ● 2nd largest online retailer in US
● 80 million visitors/month
● 10,000 requests/second

48. ● ⅓ of peak internet traffic in US
● 93 million subscribers

49. https://medium.com/@nodejs/ground-control-to-major-tom-how-nasa-uses-node-js-8d011e167436#.e4r0vfk86

50. Support
● Cross-platform
● SDKs, APIs, libraries
● Developer popularity

51. Cloud

52. Certification
● Node.js Foundation + Linux Foundation = Node.js Certification Program
● https://nodejs.org/en/blog/announcements/nodejs-certified-developer-program/
● Coming this year

53. Summary
● JavaScript is extremely popular - developers, enterprises
● JavaScript runs (almost) everywhere
● JavaScript has bright future
● JavaScript is awesome
Marian Rusnak
rusnak.marian1@gmail.com
https://twitter.com/MarianRusnak

54. References
● https://medium.com/samsung-internet-dev/beyond-the-browser-3690a589bf7c
#.h1ivrpdfn
● https://ashleygwilliams.github.io/ffconf-2016/
● https://peteroshaughnessy.com/posts/robots-vr-iot-cant-believe-its-javascript/
● https://blog.risingstack.com/node-js-examples-how-enterprises-use-node-in-2
016/