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

Johnny Five for noobs

Avatar for Thiago Alves Luiz Thiago Alves Luiz
July 30, 2016
Technology
0
120

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
65
Inside the Web
Avatar for Thiago Alves Luiz devthiago
1
61
Cenário atual do Front-End do ponto de vista de um desenvolvedor
Avatar for Thiago Alves Luiz devthiago
0
150
Ecossistema Front-End
Avatar for Thiago Alves Luiz devthiago
0
80
React Behind The Scenes
Avatar for Thiago Alves Luiz devthiago
1
140
Testando o seu CSS
Avatar for Thiago Alves Luiz devthiago
0
140
Repense, Recrie... React
Avatar for Thiago Alves Luiz devthiago
0
71
O ecossistema Front-End
Avatar for Thiago Alves Luiz devthiago
0
170

Other Decks in Technology

See All in Technology
WordPressから ヘッドレスCMSへ! Storyblokへの移行プロセス
Avatar for Nagisa Yata nyata
0
340
Oracle Cloud Infrastructure：2025年6月度サービス・アップデート
Avatar for oracle4engineer oracle4engineer
PRO
2
310
asken AI勉強会(Android)
Avatar for 佐藤忠 tadashi_sato
0
140
SpringBoot x TestContainerで実現するポータブル自動結合テスト
Avatar for 株式会社出前館 demaecan
0
120
2025-06-26_Lightning_Talk_for_Lightning_Talks
Avatar for hashimo2 _hashimo2
2
110
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
Avatar for sergicalsix sergicalsix
1
150
AIとともに進化するエンジニアリング / Engineering-Evolving-with-AI_final.pdf
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
140
Node-REDのFunctionノードでMCPサーバーの実装を試してみた / Node-RED × MCP 勉強会 vol.1
Avatar for you（@youtoy） you
PRO
0
130
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
4
170
Zephyr RTOSを使った開発コンペに参加した件
Avatar for misoji engineer iotengineer22
0
140
React開発にStorybookとCopilotを導入して、爆速でUIを編集・確認する方法
Avatar for yut yu_kod
1
100
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
140

Featured

See All Featured
Code Review Best Practice
Avatar for Trisha Gee trishagee
69
18k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.5k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
657
60k
It's Worth the Effort
Avatar for 3n 3n
185
28k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
329
21k
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.3k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.3k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
22k

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