這三十天的流程

在這三十天，我會用輕鬆且簡易的方式講解～就算是新手小白，也絕對不用怕學不會或理解得很模糊！
這三十天的流程都定好了，大概是像這樣：
HTML基礎 → CSS基礎 → JS基礎 → 網站實作 → 架設網站（關於主機＋網址） → 好用的工具 → 如何打造一個好的網站 → 關於前端工程師

上路前的準備有什麼？

手寫筆記本

準備一本筆記本！（個人建議選用方格筆記本）

電子筆記本（可選用安裝版或線上版）

HackMD是許多工程師、以工程師為目標的人或未來想往這方面發展的人非常喜歡的電子筆記，個人認為非常好用！（是線上版）

程式碼編輯器

程式碼編輯器是能讓程式碼在上面編輯後可在瀏覽器上運行的編輯器，而這次挑選的Visual Studio Code（簡稱VSCode）就是其中之一。

為什麼要選VSCode？

VSCode是微軟開發的跨平台免費程式碼編輯器，以下列出它的優點：

• 免費
• 可跨平台使用
• 有自訂和擴充功能
• 內建debugger（除蟲/除錯工具）
• 有Emmet（可自動生成當前輸入的對應程式碼，例如：你打<div>，它會自動生成</div>）
• 有intellisense（類似於Emmet，不過是參數查詢的部分）
• 有Multi Cursor（可一次修改/輸入多個地方）
• 自動Format（自動排版）
• ......
  除了這些以外，VSCode還有其它非常多的優點哦！
  這應該也是為什麼許多人從Sublime Text和 Atom Editor等編輯器跳槽到VSCode的原因吧！

怎麼安裝VSCode？

要安裝VSCode非常簡單～只需要到官網首頁點擊安裝（Download Mac/Windows/Linux Universal
Stable Build）即可～
官網連結：https://code.visualstudio.com/

開始前要做的暖身操

建議上路之前先觀摩看看別人的程式碼

CodePen

CodePen是一個許多人覺得非常好用的網站，除了可以寫程式碼，還可以觀摩其他「神人」寫的程式，看了CodePen裡「神人」們寫的程式後，可能會佩服得五體投地XD

Github

Github是以Git（Git是一種版本控制系統，就像玩遊戲時會有多個儲存點能進入一樣，只是儲存點變成了版本紀錄點）為核心的雲端平台，可以將自己的開源代碼/原始碼/程式碼放在上面供別人取得和參考（如果不想讓別人看到自己的開源代碼，需使用付費版的Github），上面也有很多看了以後會讓你佩服得五體投地的大神作品哦！

其他網路資源

• YouTube和網路上很多地方都會有類似的教學，可以參考看看～
  這裡推薦幾個網路資源～：
• WenXuanDecode文轩解码（Youtube）
• 說哈設計 Show Hand Design（Youtube）
• CSScoke（Youtube）
• 竹白筆記（網路資源）

建議可以先自己探索與實作

如果你決定你要踏進寫程式的世界，那你千萬要謹記一點，寫程式最重要的是探索與實作，其次才是觀摩，如果你做什麼程式都只看課本或看別人寫的程式，而不是自己實作，那也許你會一直停滯不前，或者是你看了懂，但不會寫。蛤？有那麼糟？沒錯！就是有！所以重複一遍剛剛講的，寫程式最重要的是探索與實作！所以個人建議上路之前先找找網路資源，並跟著實作，這樣就不會學得那麼痛苦XD，而且觀念也會比較清楚，就當作是預習吧～

下篇預告：構成網站的重要三要素-HTML、CSS、JavaScript