# JS Bin 的使用

[TOC]

## 設計介面
- [Webduino](https://blocklypro.webduino.io) 圖形化設計介面

程式碼設計介面

## 註冊 JS Bin
- [Github](https://github.com)
- 連線到 [JS Bin](https://jsbin.com)
- 註冊
1. 點擊畫面右方的 ==**Login or Register**==
2. 註冊
3. 註冊完畢後，若看見使用者頭像以及名稱，表示==註冊成功==

## 玩玩看

1. 練習開個檔，把 webduino 的程式碼 Copy 過來。
2. 儲存檔案
3. 編修 Title 和顯示文字 123
4. 學習看輸出檔
5. 進階探索


- New: 開新的 bin
- Make bin private: bin 指的就是一組檔案 (HTML/CSS/JS)，目前做的都是公開的，要擁有私人的空間要付錢。
- Delete: 刪除
- Archive: 讓這個 bin 不顯示在列表中
- My Bins: 顯示自己所有的 bins
- Add description: 說明這個 bin 的資訊
- Save snapshot: 快取一個版本（以後可以編修或使用）
- Clone: 複製一個 bin
- Public to vanity homepage: 公開到付費的專有網址
- Export as gist: 公開程式碼到 Github 的 gist
- Download: 下載檔案到本地硬碟
- Save as template: 儲存為範本檔