Nodebots Workshop Sydney

Wilson Mendes

@willmendesneto

Google Developer Expert Web Technologies

1. Access https://goo.gl/PibUcQ

2. Decrease the price until the minimum

3. Enjoy

Nodebots book free!

So, let's start?

1. About Javascript

Chrome browser

Devtools

What is required?

Different examples

but

Same behaviour

...

var nodebots = 'NodeGirls + Nodebots = <3';

console.log(nodebots);
...

Variables

...

var nodebots = [
  'NodeGirls',
  '+',
  'Nodebots',
  '=',
  '<3'
];

console.log(nodebots.join(' '));
...

Array

function nodebotsMessage() {
  
  var addThisTextBetweenTheWords = ' ';
  var nodebots = [
    'NodeGirls',
    '+',
    'Nodebots',
    '=',
    '<3'
  ];

  return nodebots.join(addThisTextBetweenTheWords);
}

console.log(nodebotsMessage());

Function

Same idea + logic

=

S2

function nodebotsMessage(messageComplement) {
  
  var addThisTextBetweenTheWords = ' ';

  var nodebots = [
    'NodeGirls',
    '+',
    'Nodebots',
    '='
  ];
  
  if (messageComplement) {
    nodebots.push(messageComplement);
  }

  return nodebots.join(addThisTextBetweenTheWords);
}

console.log(nodebotsMessage('<3'));

2. About Nodebots

+

=

Workshop setup

What is required?

File > Examples > Firmata > StandardFirmata

Download, install and open file

Download Visual Code

On VSCode editor: "View > Toggle Integrated Terminal"

**

https://nodejs.org/en/download/

Download NodeJS version via project website

First example: Hello world

Material

How to connect sensors

// Blink a LED
var five = require("johnny-five");
var board = new five.Board();

board.on("ready", function() {

  // Number of the pin connected on the board
  var pinNumbers = [12];

  // Starting the LED
  var leds = new five.Leds(pinNumbers);

  // And here is the magic! \o/
  leds.blink();
});

Let's make it

better!

click the button

turn on the lights

magic happens!

Second example

Material

+

How to connect sensors

// Blink a LED
var five = require("johnny-five");
var board = new five.Board();

board.on("ready", function() {
  var pinButtons = [13];
  var buttons = new five.Buttons(pinButtons);

  buttons.on("press", function(button) {
    console.log("Pressed: ", button.pin);
  });

  buttons.on("release", function(button) {
    console.log("Released: ", button.pin);
  });
});

// Make button controls the LED
var five = require('johnny-five');
var board = new five.Board();

board.on('ready', function() {
  var leds = new five.Leds([12]);
  var buttons = new five.Buttons({
    pins: [13],
    invert: true
  });

  buttons.on('press', function(button) {
    var index = buttons.indexOf(button);
    leds[index].on();
    console.log('presssed', leds[index].pin);
  });

  buttons.on('release', function(button) {
    var index = buttons.indexOf(button);
    leds.off();
    console.log('released');
  });
});

Third example

turn on the lights + beep when​ a button is clicked

Material

How to connect sensors

// Make button controls the LED and PIEZO
var five = require('johnny-five');
var board = new five.Board();

board.on('ready', function() {
  var leds = new five.Leds([12]);
  var buttons = new five.Buttons({
    pins: [13],
    invert: true
  });
  var piezo = new five.Piezo(11);

  buttons.on('press', function(button) {
    var index = buttons.indexOf(button);
    leds[index].on();
    piezo.play({ song: 'C4' });
  });

  buttons.on('release', function(button) {
    var index = buttons.indexOf(button);
    leds[index].off();
    piezo.off();
  });
});

Now let's have fun!

Simon game

Be calm, ok?

Material

Yes, they are the same as the third example

**

How to connect sensors

Download the main template for our Simon Game

Click here to download

board.on('ready', function() {

  leds = new five.Leds([12, 3]);
  var buttons = new five.Buttons([13, 2]);
  piezo = new five.Piezo(11);

  buttons.on('press', function(button) {
    var index = buttons.indexOf(button);
    leds[index].on();
    piezo.play({ song: piezoSongs[index] });
    console.log('Pressed: button', button.pin);
  });

  // Starting the game
  startGame();
  ...
});

  ...
  buttons.on('release', function(button) {
    var index = buttons.indexOf(button);

    console.log('Released: button', button.pin);

    leds.off();
    piezo.off();
    ...
  });
  ...

Where ​can I find these examples?

https://github.com/willmendesneto/nodebots-workshop

reminder

reminder

reminder

1. Access https://goo.gl/PibUcQ

2. Decrease the price until the minimum

3. Enjoy

Nodebots book free!

Thank you!

#thanksMate

#gracias

#obrigado

Wilson Mendes

@willmendesneto