<style>
.main{
}
.main img{
border-radius:10px;
}
.main h1{
text-align: center;
border: none;
color:4B4B4B;
letter-spacing: 3px;
}
.main h6{
text-align:right;
color:#F4AA14;
font-size:18px;
}
.main code{
background-color:#FFF0D1;
padding: 8px 10px;
border-radius: 20px;
margin-right:7px;
}
.main h2{
background-color:#0B8D97;
color:#fff;
width: max-content;
padding: 7px 25px 7px 17px;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
border-bottom: none;
margin-top:46px;
margin-bottom: 25px;
}
.main h2 img{
padding-bottom: 4px;
border-radius:0;
}
.main p,li{
font-size: 18px;
line-height: 29px;
letter-spacing: 0.15em;
color:#525252;
}
.main .result{
background-color:#0B8D97;
padding:0.8rem 1rem 1rem 1rem;
border-radius: 10px;
}
.main .result h3{
text-align:center;
color:#fff;
margin-bottom:3rem;
}
.main .result h3 img{
margin-bottom:0.5rem
}
.main .result .pic img{
border: 5px solid #FFFFFF;
}
.main .pic{
text-align:center;
width: 84%;
margin: auto;
margin-top: 2rem;
}
.pic p{
color:#fff;
text-align:left;
font-size:1.8rem;
line-height:4rem
}
</style>
<div class="main">
# 進擊的 Webduino ~ 用 Web 玩 UNO，實在太牛逼啦！
###### `進階` 7 小時
##  課程目的
過去幾個月，Webduino 舉辦了數十場的課程和活動，經由許多學員和朋友的回饋，我們也著手規劃著新的課程以及研發新的產品。
這次的 Webduino 課程，將使用全新的內容以及教具，除了使用 Arduino UNO 開發板，更會透過 Webduino Blockly 編輯工具實作，感受快速開發的驚喜，在實作完成之後，也可以把程式運行在 NodeJS 裏，享受前端、後端、硬體三位一體的美好體驗！課程完成後，大家都可以利用 Web 技術 ( HTML、Javascript、CSS )，串接並實作 Arduino 的各種應用，打造自己專屬的互動設計與創意！
##  課程目標
不論您是視覺設計師、網頁設計師、前端攻城獅、後端攻城獅、還是全端攻城獅，只要您「會一點點的 HTML、Javascript、CSS」，只要您「不想用 C/C++ 去控制 Arduino」，您就可以來報名，和我們一起體驗 Web 和 Arduino 碰在一起所產生的熊熊烈火！懂得 Arduino 還不夠，用 Web 控制 Arduino 才夠牛逼！
##  課程內容
* 上午：
* 基礎電子電路
* 環境安裝
* Arduino IDE
* Chrome App
* Chrome Extension
* 燒錄基本 Arduino 韌體
* Webduino 新功能介紹
* LED 燈
* 三色 LED 燈
* 伺服馬達
* 按鈕開關 ( 控制 youtube、伺服馬達 )
* 下午
* 客製化 Arduino 韌體燒錄
* 超音波傳感器 ( 控制 youtube、伺服馬達、三色 LED )
* 光敏電阻 ( 控制 LED )
* LED 點矩陣 ( 做動畫、可用超音波傳感器控制 )
* NodeJS
* 環境安裝
* 用 NodeJS 環境跑 Webduino
##  課前準備
1. Arduino UNO 開發板 x1
1. USB 傳輸線 x1
1. 單色 LED x3
1. 三色 LED x1
1. 按鈕開關 x1
1. 伺服馬達 x1
1. 超音波傳感器 x1
1. 光敏電阻 x1
1. LED 點矩陣 x1
1. 麵包線 x10
1. 杜邦接線 x5 ( 公-母 )
1. 電阻 x1
1. 零件盒 x1
1. 麵包板 x1
<div class="result">
###  成果展示
<div class="pic">
</div>
<div class="pic">
</div>
</div>