1. 開發環境與工具

一、Gmail帳號

1. 上課必須有一個Gmail帳號，老師上課會做螢幕錄影，影片上傳至雲端硬碟，下課後同學可以自行下載複習
2. 申請Gmail

二、GitHub帳號

1. GitHub 除了提供免費的 Git Server 外, 當做靜態檔案的伺服器。
2. 每個帳號可以設定一個「github.io」的子網域，例 https://webugm.github.io/
3. 官網：https://github.com/
4. 註冊帳號
   註冊完成須至電子信箱收驗證信

三、建立專案(repository)

1. 第一個專案名稱，建議「username.github.io」，
   如此設定的GitHub Pages的網址為「https://username.github.io/」，
   其它的專案則為「https://username.github.io/專案名稱」
2. 設定為GitHub Pages(username.github.io 專案預設已開啟GitHub Pages)
3. 圖解：https://www.ugm.com.tw/modules/tad_book3/page.php?tbdsn=859
4. 本期課程統一數據庫：tncomu

四、Git軟體

1. 官網：https://git-scm.com/
2. 下載：https://git-scm.com/download/win
3. 在下載頁面，會自動偵測適合版本的安裝版，建議取消，改用「攜帶版」安裝
4. 執行「PortableGit/git-bash.exe」
5. 設定Git config 環境
   git config --global user.name "tawan158"
   git config --global user.email "tawan158@ugm.com.tw"
   git config --global color.ui true
   git config --list
   請自行將紅字部份，換成自己的 GitHub帳號 與 GitHub email
   每次第一次上傳時，GitHub會要求輸入「帳號」、「密碼」，如果在各位家裡的電腦，則是做過一次，就會記錄起來，不用每次輸入
   但教室電腦會還原，所以建議將替換過的指令，記鍵在Google文件中，方便下次設定使用
6. 第一次「push」時，會要求「GitHub 帳號、密碼」
7. 我們是使用GitHub Pages服務，所以只會用Git的幾命令而已
   把遠端的專案下載至本地端，如果專案是要當網頁伺服器，建議先設定完「GitHub Pages」再「clone」
   「cd /c/ugm/github」=> 改變目錄位置。藍字部份請用滑鼠拖曳
   「git clone https://github.com/tawan158/tncomu.git」，只要是Git的命令前面都要加git, 藍字部份請至GitHub取得
     => clone之前，不能有「tncomu」資料夾，否則無法clone
8. 「cd /c/ugm/github/tncomu」=>把目錄切換至「tncomu」,注意此時最右方應該會(master)
9. 上傳檔案三個步驟
   git add .
   git commit -m "訊息"
   git push origin master

五、文字編輯器

1. 32bit sublime text3
2. 64bit sublime text3
3. codepen

六、安裝免費樣板

1. 範例：https://tawan158.github.io/