JavaScript Makers

JavaScript is now running everywhere, but one of the most fascinating areas is in the crossroads of full stack JavaScript and prototyping boards. Join frog hacker, Jesse Cravens, and his 6 year old son Carter Clearwater, in a talk about how the open hardware and software revolutions are accelerating the everyday hacker's ability to innovate.

JavaScript's accessibility, friendly syntax, and asynchronous runtime, makes it the ideal programming language for makers of all levels, enabling a spectrum of entry points: those with experience in other languages can explore the more advance topics without being riddled with 'time-consuming' boilerplate, compilation, and multi-threading, while newbies and young learners can get started with a successful build in a matter of hours.

Discover newer JavaScript APIs. Explore a suite of prototyping boards, such as Arduino, Raspberry Pi, Beaglebone, and the Freescale Freedom, that are inspiring JavaScript developers to step out of the web browser and into the world of physical computing, robotics, and hardware. Leave with not only some new ideas for yourself but also your children.

Transcript

1. JavaScript Makers: How JS is Helping Drive the Maker Movement 28 SEPT 2013 - 200ok Saturday, September 28, 13
2. 9 28 2013 200ok 2013 200ok 2013 If it can be imagined it can be made. 2 Saturday, September 28, 13
3. @jdcravens github.com/jessecravens html5hacks.com frog Saturday, September 28, 13
4. 9 28 2013 200ok 2013 4 Saturday, September 28, 13
5. JavaScript Makers How JS is helping drive the Maker Movement Saturday, September 28, 13
6. 9 28 2013 200ok 2013 200ok 2013 Capabilities Overview Prototyping Boards Sensors and WebSocket Actuators Peripherals Leap Drones AR Drone WiFli Virtual Worlds scriptCraft voxel.js JS Makers 6 Saturday, September 28, 13
7. 9 28 2013 200ok 2013 200ok 2013 Educational/Fun Beginner Programming Beginner Robotics Beginner Open Hardware/Electronics JS Makers 7 Saturday, September 28, 13
8. 9 28 2013 200ok 2013 200ok 2013 Making things always combines form with function, the art of making should be appreciated and celebrated 8 Saturday, September 28, 13
9. 9 28 2013 200ok 2013 200ok 2013 JS Makers 9 Saturday, September 28, 13
10. 9 28 2013 200ok 2013 200ok 2013 12 - open hardware/software demos 3- prototyping boards 1 - drone 1 - dissected chopper 1 - virtual world 1 - 6 year old son as my co-presenter 100’s - packets over the network What could possibly go wrong? JS Makers 10 Saturday, September 28, 13
11. 9 28 2013 200ok 2013 200ok 2013 @nonken @bassistance @voodootikigod @rwaldron @walter @maxogden ...and many more Path Pavers 11 Saturday, September 28, 13
12. 9 28 2013 200ok 2013 JavaScript Makers Arduino Uno 12 Microcontroller board based on the ATmega328 Flash Memory 32 KB (ATmega328) SRAM 2 KB (ATmega328) Clock Speed 16 MHz Operating Voltage 5V 14 digital input/output pins 6 analog inputs USB connection Saturday, September 28, 13
13. 9 28 2013 200ok 2013 JavaScript Makers BeagleBone by TI 13 Processor 720MHz super-scalar ARM Cortex-A8 (armv7a) 3D graphics accelerator ARM Cortex-M3 for power management Connectivity USB client USB host Ethernet 2x 46 pin headers 2x I2C, 5x UART, I2S, SPI, CAN, 66x 3.3V GPIO, 7x ADC Software 4GB microSD card with Angstrom Distribution Cloud9 IDE on Node.JS with Bonescript library Saturday, September 28, 13
14. 9 28 2013 200ok 2013 JavaScript Makers Raspberry Pi 14 Processor 700MHz ARM1176 JZF-S (armv6k) - overclock at 800MHz Broadcam VideoCore IV Connectivity USB client USB host Ethernet 17 GPIOs pins Software Debian as default WebIDE with Python Library Saturday, September 28, 13
15. 9 28 2013 200ok 2013 200ok 2013 matrix prototyping boards 15 Saturday, September 28, 13
16. 9 28 2013 200ok 2013 JavaScript Makers 16 serialPort.on("open", function () { console.log('open'); serialPort.on('data', function(data) { console.log('data received: ' + data); }); serialPort.write("ls\n", function(err, results) { console.log('err ' + err); console.log('results ' + results); }); }); node-serialport Saturday, September 28, 13
17. 9 28 2013 200ok 2013 JavaScript Makers Arduino Interfacing with Beaglebone 17 Node.js HTTP / WEB SOCKET SERVER Serial node-serialport firmata HTTP johnny-five firmata.js Node.js HTTP / WEB SOCKET SERVER Saturday, September 28, 13
18. 9 28 2013 200ok 2013 200ok 2013 demo: Johnny2Beagle 18 Saturday, September 28, 13
19. 9 28 2013 200ok 2013 JavaScript Makers trailr 19 Node.js HTTP / WEB SOCKET SERVER Node.js HTTP / WEB SOCKET SERVER Node.js HTTP / WEB SOCKET SERVER Saturday, September 28, 13
20. 9 28 2013 200ok 2013 200ok 2013 lookin’ good: extend with modules tessel 20 var  tessel  =  require('tessel'); var  servos  =  require('servo-­‐pca9685')    .connect(tessel.port('A'));     var  degrees  =  0; setInterval(function  ()  {    servos.moveServo(1,  degrees);    degrees  =  degrees  ==  0  ?  180  :  0; },  500); var  rfid  =  require('rfid-­‐pn532')    .connect(tessel.port('b'),  function  ()  {        rfid.on('read',  function  (err,  data)  {            //  Read  data  whenever  a  card  is  read.            console.log('Read  a  card:',  data);        });    }); Saturday, September 28, 13
21. 9 28 2013 200ok 2013 200ok 2013 interactive JS interpreter for Micro-controllers plug/play - no software to install can be installed on other boards espruino 21 Saturday, September 28, 13
22. 9 28 2013 200ok 2013 200ok 2013 A most effective step in refining/ developing a thing is collaborating with others on it. 22 Saturday, September 28, 13
23. 9 28 2013 200ok 2013 200ok 2013 trailr-remote push sketches over WebSocket trailr-mesh R24 mesh network and node.js based server trailr-admin app running on a central hub (Beaglebone) ‘Floor Plan View’ with HTML5 Canvas trailr-solar solar charge voltage divider trailr 23 Saturday, September 28, 13
24. 9 28 2013 200ok 2013 HTML5 and the Internet of Things 24 Solar Charge ACS715 Hall Effect sensor Grape Solar 100-Watt Monocrystalline Off-Grid PV Solar Panel void loop() { // read the input on analog pin 0: int sensor0Value = analogRead(A0); float pinVoltage = sensor0Value * 0.00488; float battVoltage = pinVoltage * ((10+20)/10); // Vout = (R2/(R1+R2)) //float solarPower = solarPanelVoltage * solarPanelCurrent; // P = V*I , power = voltage * current , measured in W i.e. 79% of 100W MAX capacity Serial.print(battVoltage); Serial.println(" V - battery"); } Saturday, September 28, 13
25. 9 28 2013 200ok 2013 HTML5 and the Internet of Things 25 Solar Charge Grape Solar 100-Watt Monocrystalline Off-Grid PV Solar Panel 12V 10Amp Charge Controlller Saturday, September 28, 13
26. 9 28 2013 200ok 2013 HTML5 and the Internet of Things 26 Solar Charge Voltage Divider Saturday, September 28, 13
27. 9 28 2013 200ok 2013 200ok 2013 onboard, live HD video streaming auto stabilizers wifi enabled nodecopter 27 Saturday, September 28, 13
28. 9 28 2013 200ok 2013 200ok 2013 demo: AR-Drone Basics 28 Saturday, September 28, 13
29. 9 28 2013 200ok 2013 200ok 2013 demo: AR-Drone WebFlight 29 Saturday, September 28, 13
30. 9 28 2013 200ok 2013 200ok 2013 Begin with the end in mind. 30 Saturday, September 28, 13
31. 9 28 2013 200ok 2013 200ok 2013 from wiFli to wiRide 31 node-wiFli Interactive Toy Concepts Amazon refurb - $15 Saturday, September 28, 13
32. 9 28 2013 200ok 2013 200ok 2013 demo: wiRide 32 Saturday, September 28, 13
33. 9 28 2013 200ok 2013 200ok 2013 airspace - overview of the leap WebSocket server JSON data format leapjs 33 Saturday, September 28, 13
34. 9 28 2013 200ok 2013 200ok 2013 demo: leapjs, console 34 Saturday, September 28, 13
35. 9 28 2013 200ok 2013 200ok 2013 demo: web based visualizer 35 Saturday, September 28, 13
36. 9 28 2013 200ok 2013 200ok 2013 demo: nodecopter-leap 36 Saturday, September 28, 13
37. 9 28 2013 200ok 2013 200ok 2013 The first step in making a thing, is visualizing it. 37 Saturday, September 28, 13
38. 9 28 2013 200ok 2013 200ok 2013 3D modeling - basics, building Objects parent/child - workflow reading/phonics - signs, menus math - repl JS programming patterns - modular, async scriptcraft 38 Saturday, September 28, 13
39. 9 28 2013 200ok 2013 200ok 2013 demo: scriptCraft building blocks 39 Saturday, September 28, 13
40. 9 28 2013 200ok 2013 200ok 2013 demo: math repl 40 Saturday, September 28, 13
41. 9 28 2013 200ok 2013 200ok 2013 demo: reading sight words 41 Saturday, September 28, 13
42. 9 28 2013 200ok 2013 200ok 2013 Create 3d voxel games like Minecraft in the browser with WebGL/JS voxel.js 42 Saturday, September 28, 13
43. 9 28 2013 200ok 2013 200ok 2013 demo: voxel creator 43 Saturday, September 28, 13
44. 9 28 2013 200ok 2013 200ok 2013 More than any other programming language JavaScript is helping drive the Maker movement. As open hardware lowers the barrier of entry to electronics... As 3D printing lowers the barrier of entry to manufacturing... JavaScript lowers the barrier of entry to programming. JavaScript Makers 44 Saturday, September 28, 13
45. © 2012 frog. All rights reserved. Saturday, September 28, 13