forked from nodebots/nodebots.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
202 lines (179 loc) · 8.77 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
---
title: NodeBots - The Rise of JS Robotics
introTitle: Learn how to make robots powered by JavaScript
---
<div id="about" class="section gray">
<div class="container">
<h2>So what's a Nodebot?</h2>
<div class="content-wrapper">
<p>
If you have any JavaScript experience, you can now use your powers to manipulate the machines.
From <a title="Das Blinkenlight" href="http://instagram.com/p/cFVNtmJxlc/">blinking lights</a>
to <a href="/sumo.html">Sumo Bot battles</a>,
<a href="http://www.youtube.com/watch?v=6NYyGC-wZKU">Remote control cats</a>,
and <a href="https://github.com/substack/matador-copter">Bull fighting with quadcopters...</a>
</p>
<p>
<img src="img/equation.png" alt="JS + Hardware = NodeBots"/>
</p>
<p>There are regular NodeBots events around the world where people meet-up to learn and hack together on Arduinos, Tessels, Edison's, Raspberry Pis, NodeCopters, robots, and any other gizmos that just need more input...</p>
<p>If you have no idea how to use an LED, have no fear NodeBot experts will be on hand to help you hack, solder, and 3D print your way to a full fledged NodeBot.</p>
<p>All you need is some basic JavaScript knowledge and desire to learn.</p>
</div>
</div>
</div>
<div id="getting-started" class="section gray">
<div class="container">
<h2>Getting started</h2>
<div class="content-wrapper">
<h3>Nodebots Kits</h3>
<div class="kit">
<img src="img/j5ik.jpg">
<div>
<h4>Johnny-Five Inventor's Kit</h4>
<p>Using the only kit made for nodebots, you’ll learn how to use JavaScript to build 12 Robotic and IoT projects. Bocoup (the company behind Johnny-Five) worked with Sparkfun to source the easiest to use hardware and develop the best getting started guide of any kit.</p>
<a href="http://www.sparkfun.com/j5ik" target="_blank">http://www.sparkfun.com/j5ik</a>
</div>
</div>
<div class="kit">
<img src="img/arduino-kit.jpg">
<div>
<h4>Arduino based Kits</h4>
<p>These kits don’t include JavaScript based documentation but the parts give you everything you need to play with a wide range of sensors and devices.</p>
<a href="https://www.sparkfun.com/products/12060" target="_blank">https://www.sparkfun.com/products/12060</a>
<a href="https://www.adafruit.com/products/170" target="_blank">https://www.adafruit.com/products/170</a>
</div>
</div>
<h3>Nodebots Software</h3>
<p>Install <a href="http://nodejs.org/">Node.js</a> and get the <a href="https://github.com/rwldrn/johnny-five">Johnny-Five</a> library.
If you're controlling an arduino, you'll need to have it programmed with StandardFirmata, which is <a href="https://github.com/rwldrn/johnny-five#setup-and-assemble-arduino">pretty easy to setup</a>. If you're using a single board computer (like the Tessel 2, Raspberry Pi or Intel Edison) it will have all your IO built in and you'll need to grab the <a href="http://johnny-five.io/platform-support/">IO-Plugin</a> for your platform.
Once that is complete, you can now start hacking hardware like a champion! NodeBots makes the process of programming hardware circuitry very similar to how one would program a modern web page. Seriously, it is that easy!
</p>
<script src="https://gist.github.com/reconbot/fb19742228aaf8c766d6bf2883a6fd3f.js"></script>
<div class="embed-container">
<iframe src='https://www.youtube.com/embed/nOlUpNDtSkk' frameborder='0' allowfullscreen></iframe>
</div>
<p>Even if you don't have any hardware you can still start learning with the <a href="https://www.npmjs.org/package/nodebot-workshop">nodebot-workshop</a> program which will teach you the basics of johnny-five through a series of code challenges.
<a href="https://www.npmjs.org/package/nodebot-workshop"><img src="https://raw.githubusercontent.com/tableflip/nodebot-workshop/master/screenshot.png" alt=""/></a>
</p>
</div>
</div>
</div>
<div id="meetups" class="section">
<div class="container">
<h2>Find a meetup near you</h2>
<div class="content-wrapper">
<p>Around the world you can find a monthly Nodebots meetup event. They all follow the <a href="/conduct.html">Nodebots code of conduct</a> to maintain a safe environment for all to learn.</p>
<div class="map" id="meeup-map"></div>
<ul>
<li>
<a href="http://nodebots-sv.github.io/">NodeBots El Salvador</a> - El Salvador
</li>
<li>
<a href="http://nodebotsgt.tumblr.com/">NodeBots Guatemala</a> - Guatemala
</li>
<li>
<a href="http://nodebotsmed.tumblr.com/">NodeBots Medellín</a> - Colombia
</li>
<li>
<a href="http://www.meetup.com/VillavicencioJS/">NodeBots Villavicencio</a> - Colombia
</li>
<li>
<a href="http://nodeschool.io/santamarta">NodeBots UniMagdalena</a> - Santa Marta, Colombia
</li>
<li>
<a href="http://www.meetup.com/NodeBots-of-London">NodeBots of London</a> - UK
</li>
<li>
<a href="http://www.meetup.com/Nodebots-Paris">Les NodeBots de Paris</a> - FR
</li>
<li>
<a href="http://www.nodebots.nyc/">NodeBots NYC</a> - USA
</li>
<li>
<a href="http://www.meetup.com/nodebotssf/">NodeBots SF</a> - USA
</li>
<li>
<a href="http://www.nodebots.la/">NodeBots LA</a> - USA
</li>
<li>
<a href="http://nodebotsau.io">NodeBotsAu</a> - Australia
</li>
<li>
<a href="http://www.meetup.com/pt/NodeBotsRec/">NodeBots Recife</a> - Brazil
</li>
<li>
<a href="http://www.norfolkjs.org/">NodeBots Norfolk</a> - USA
</li>
<li>
<a href="http://encontros.matehackers.org/pt/projects/21-nodebotsday-porto-alegre">NodeBotsDay Porto Alegre</a> - Brazil
</li>
<li>
<a href="http://www.nodebots.co.nz">NodeBots NZ</a> - New Zealand
</li>
<li>
<a href="http://nodebots.vegas">NodeBots Vegas</a> - USA
</li>
<li>
<a href="http://www.meetup.com/NodeBotsMX/">NodeBots Mexico City</a> - Mexico
</li>
<li>
<a href="https://nodedc.github.io/bots/">NodeBots Washington DC</a> - USA
</li>
<li>
<a href="https://github.com/SkyImpel/NodeBotsPK">NodeBots PK</a> - Pakistan
</li>
<li>
or <a href="https://github.com/nodebots/nodebots.io/issues/new">start your own!</a>
</li>
</ul>
<h3>Join the Community</h3>
<p>Want to hack on hardware? Build a robot? Become a Maker? Don't see an event near you yet? Come and join in with the community across the web:</p>
<ul>
<li>Twitter Feed: <a href="https://twitter.com/nodebots">@nodebots</a></li>
<li>Gitter Chat Room: <a href="https://gitter.im/nodebots/nodebots.io">gitter.im/nodebots/nodebots.io</a></li>
<li>Subreddit: <a href="http://www.reddit.com/r/nodebots">reddit.com/r/nodebots</a></li>
</ul>
</div>
</div>
</div>
{% include nodebots-day.html %}
<div id="nodebots-origin" class="section gray">
<div class="container">
<h2>Where do NodeBots come from?</h2>
<p>
NodeBots, the idea, was first conceived out of the increasing visibility of hardware creation and control within the upstart node.js community.
</p>
<p>
<a href="http://twitter.com/voodootikigod">Chris Williams</a> created a module called node-serialport that allows JS developers to begin controlling and directing the physical world.
From there, hardware has been the bright point of every JS conference event, dazzling audiences with everything from smoke machines to walking robots.
<strong>Now its time to get everyone in on the action. Now is time for the rise of JS Robotics.</strong>
</p>
</div>
</div>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<script>
var map = L.map('meeup-map', {
scrollWheelZoom: false
}).setView([25, 0], 2);
L.tileLayer("http://{s}tile.stamen.com/toner/{z}/{x}/{y}.png", {
"minZoom": 0,
"maxZoom": 20,
"subdomains": ["", "a.", "b.", "c.", "d."],
"scheme": "xyz"
}).addTo(map);
var meetups = {{ site.data.meetups | jsonify }};
meetups.forEach(function (m) {
var marker = L.circleMarker(m.coords, {
radius:12,
weight:1,
color: '#000',
fillColor: '#F8E01E',
fillOpacity: 0.8
});
var text = m.url ? '<a href="' + m.url + '">' + m.name + '</a>' : m.name;
marker.bindPopup(text);
map.addLayer(marker);
});
</script>