Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Johnny Five for noobs

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Thiago Alves Luiz Thiago Alves Luiz
July 30, 2016
Technology
130
0

Johnny Five for noobs

Avatar for Thiago Alves Luiz

Thiago Alves Luiz

July 30, 2016

More Decks by Thiago Alves Luiz

See All by Thiago Alves Luiz
Muito prazer! Mercado de Trabalho de TI
Avatar for Thiago Alves Luiz devthiago
0
150
How to enjoy WebVR right now
Avatar for Thiago Alves Luiz devthiago
0
69
Inside the Web
Avatar for Thiago Alves Luiz devthiago
1
66
Cenário atual do Front-End do ponto de vista de um desenvolvedor
Avatar for Thiago Alves Luiz devthiago
0
160
Ecossistema Front-End
Avatar for Thiago Alves Luiz devthiago
0
85
React Behind The Scenes
Avatar for Thiago Alves Luiz devthiago
1
150
Testando o seu CSS
Avatar for Thiago Alves Luiz devthiago
0
140
Repense, Recrie... React
Avatar for Thiago Alves Luiz devthiago
0
78
O ecossistema Front-End
Avatar for Thiago Alves Luiz devthiago
0
180

Other Decks in Technology

See All in Technology
Even G2 クイックスタートガイド（日本語版）
Avatar for vrshinobi vrshinobi1
0
190
FASTでAIエージェントを作りまくろう！
Avatar for YukiOgawa yukiogawa
4
190
SSoT（Single Source of Truth）で「壊して再生」する設計
Avatar for かわうそ kawauso
2
410
Cursor Subagentsはいいぞ
Avatar for Yuji Yamaguchi yug1224
2
130
Blue/Green Deployment を用いた PostgreSQL のメジャーバージョンアップ
Avatar for Ken Kato kkato1
1
220
Bref でサービスを運用している話
Avatar for Sugar Sato sgash708
0
220
LLMに何を任せ、何を任せないか
Avatar for an cap120
11
6.9k
「できない」のアウトプット 同人誌『精神を壊してからの』シリーズ出版を 通して得られたこと
Avatar for comi comi190327
3
520
Oracle Cloud Infrastructure：2026年3月度サービス・アップデート
Avatar for oracle4engineer oracle4engineer
PRO
0
310
AIエージェント勉強会第3回 エージェンティックAIの時代がやってきた
Avatar for Y.Miyado ymiya55
0
220
遊びで始めたNew Relic MCP、​気づいたらChatOpsな​オブザーバビリティボットができてました/From New Relic MCP to a ChatOps Observability Bot
Avatar for AEON aeonpeople
1
150
AWS DevOps Agent or Kiro の使いどころを考える_20260402
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
0
140

Featured

See All Featured
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
140
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
1.9k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
94
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.7k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
200
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
240k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
240
New Earth Scene 8
Avatar for Sydney Stone popppiees
2
2k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
320
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
400

Transcript

  1. Johnny Five for noobs Thiago Alves @taltk9

  2. Thiago Alves Luiz FrontEnd Developer @taltk9 /taltk9

  3. codeminer42.com [email protected]

  4. This talk is not about teach: · Johnny Five ·

    Arduino
  5. None

  6. Newbie, or noob, is a slang term for a novice

    or somebody inexperienced in any activity. — Wikipedia
  7. None

  8. ! robots

  9. None
  10. None

  11. ! noob in robotics

  12. Robotics ! · Learn about eletronics · Know a low

    level programming language

  13. just for fun

  14. None

  15. Firmata protocol

  16. http://johnny-five.io

  17. Arduino void setup() { pinMode(13, OUTPUT); } void loop() {

    digitalWrite(13, HIGH); delay(1000); digitalWrite(13, LOW); delay(1000); }

  18. Johnny Five var five = require('johnny-five'); var board = new

    five.Board(); board.on('ready', function() { var led = new five.Led(13); led.blink(); });

  19. How I learned · What's a protoboard? · Why I

    need a resistor? · Some tutorials

  20. Protoboard

  21. Protoboard

  22. Resistor

  23. Resistor

  24. Read tutorials Remember: you are a noob

  25. DEMO TIME

  26. That's all folks! @taltk9