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
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
JAWSDAYS2026_A-6_現場SEが語る 回せるセキュリティ運用～設計で可視化、AIで加速する「楽に回る」運用設計のコツ～
Avatar for s-hata shoki_hata
0
3k
Zero Data Loss Autonomous Recovery Service サービス概要
Avatar for oracle4engineer oracle4engineer
PRO
2
13k
マルチアカウント環境でSecurity Hubの運用！導入の苦労とポイント / JAWS DAYS 2026
Avatar for GENDA genda
0
860
AWSの資格って役に立つの？
Avatar for Hiroki Takatsuka tk3fftk
2
360
プラットフォームエンジニアリングはAI時代の開発者をどう救うのか
Avatar for Kazuto Kusama jacopen
7
3.8k
Lambda Web AdapterでLambdaをWEBフレームワーク利用する
Avatar for arakawsh sahou909
0
160
めちゃくちゃ開発するQAエンジニアになって感じたメリットとこれからの課題感
Avatar for yama-cha-n ryuhei0000yamamoto
0
120
エンジニアリングマネージャーの仕事
Avatar for YuheiNakasaka yuheinakasaka
0
110
20260311 技術SWG活動報告（デジタルアイデンティティ人材育成推進WG Ph2 活動報告会）
Avatar for OpenID Foundation Japan oidfj
0
360
OCI技術資料 : コンピュート・サービス 概要
Avatar for Oracle Cloud Infrastructure ソリューション・エンジニア ocise
4
54k
Keycloak を使った SSO で CockroachDB にログインする / CockroachDB SSO with Keycloak
Avatar for kota2and3kan kota2and3kan
0
160
CyberAgentの生成AI戦略 〜変わるものと変わらないもの〜
Avatar for katayan katayan
0
260

Featured

See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
Visualization
Avatar for Eitan Lees eitanlees
150
17k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
140
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
440
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7k
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
160
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
350
Claude Code のすすめ
Avatar for schroneko schroneko
67
220k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.1k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
89
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
420

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