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
0
130

Johnny Five for noobs

Avatar for Thiago Alves Luiz

Thiago Alves Luiz

July 30, 2016
Tweet

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
140
How to enjoy WebVR right now
Avatar for Thiago Alves Luiz devthiago
0
68
Inside the Web
Avatar for Thiago Alves Luiz devthiago
1
64
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
84
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
75
O ecossistema Front-End
Avatar for Thiago Alves Luiz devthiago
0
180

Other Decks in Technology

See All in Technology
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
450
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
15
400k
GitLab Duo Agent Platform × AGENTS.md で実現するSpec-Driven Development / GitLab Duo Agent Platform × AGENTS.md
Avatar for Niishi Kubo n11sh1
0
120
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
Avatar for AEON aeonpeople
1
190
顧客の言葉を、そのまま信じない勇気
Avatar for yamatai12 yamatai1212
1
340
AIと新時代を切り拓く。これからのSREとメルカリIBISの挑戦
Avatar for ktykogm 0gm
0
800
仕様書駆動AI開発の実践： Issue→Skill→PRテンプレで 再現性を作る
Avatar for 西岡 賢一郎 (Kenichiro Nishioka) knishioka
2
610
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
Avatar for Kazuki Miura miu_crescent
PRO
1
120
データの整合性を保ちたいだけなんだ
Avatar for ShoheiMitani shoheimitani
8
3k
usermode linux without MMU - fosdem2026 kernel devroom
Avatar for Hajime Tazaki thehajime
0
220
Digitization部 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
6.8k
MCPでつなぐElasticsearchとLLM - 深夜の障害対応を楽にしたい / Bridging Elasticsearch and LLMs with MCP
Avatar for Sashimimochi sashimimochi
0
150

Featured

See All Featured
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
55
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
0
310
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.8k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
2
240
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
2k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
120
Amusing Abliteration
Avatar for ianozsvald ianozsvald
0
96
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.1k

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