最後更新時間 2021 – 4 – 13 by Emily
對網頁開發或前端技術有興趣，不知從何下手，可以考慮這個網頁前端線上課程，The Web Developer Bootcamp，從基礎入門開始，不用再害怕寫程式。
隨著時代的進步以及科技的演進，越來越多人學習寫程式，但是要從哪邊開始下手？也是一門大哉問，如果不知道從何開始學起，也對網路這個領域有興趣的話，可以從網頁開發學習。
這次推薦的是udemy上的課程，udemy是一個非常大的線上學習平台，如果想要學程式的話，可以從上面挖寶，有許多非常好的課程，老師也非常用心。
價格方面，udemy也是非常經濟實惠，常常在特殊節日有特價，因此如果不急著要上課，可以先搜尋自己喜歡的課程，等到節慶的時候再下手購買。
因為我對於網頁開發有興趣，因此花了一些時間搜尋很多在udemy上的課程，也希望未來可以應用在網站開發或工作上。
內容目錄
網頁前端課程簡介
這門課叫做The Web Developer Bootcamp 2021，老師是Colt Steele，從2016年在udemy上開設了Web Developer Bootcamp課程，並被選為2016年Udemy上的最佳教師，也有在也有開立實體的網路開發課程，非常有經驗。
Colt在Udemy上關於網頁開發的課程也有The Advanced Web Developer Bootcamp、The Modern React Bootcamp (Hooks, Context, NextJS, Router)…等課程，也可以參考看看。
而The Web Developer Bootcamp 2021在2020年10月才做一次完整的更新，而且新增及修改了500個影片，總共有613個講座，課程內容有63個小時。
課程內容
課程內容涵蓋了大量的網頁技術，透過這個課程你可以學習到以下項目：
- 如何使用HTML、CSS和最新的JavaScript語法
- 運用新技術來建立網路應用程式
- 學會使用Node、Express、MongoDB
- 將你的網頁應用程式部署到雲端上(Heroku)
- 運用HTML、CSS建立個人網頁和首頁
- 響應式網頁
- 包含前端技術和後端技術，學習創立全端應用程式
- 如何應用DOM
- 數據模型及資料關聯
- 使用NPM安裝需要的package
- 建立課堂上應用程式YelpCamp
課堂project
課堂上有許多練習的程式，當做出來這些作品時，真的是非常激動，我竟然也可以完成這樣的程式！每做完一次，就會更加激勵自己。
以下為上完本堂課所累積的作品：
Price panel
簡易價格表單，透過html和css建立表單。
Museum Page
建立一個Museum landing page，可以應用在商店的首頁或是公司首頁。
Score Keeper
建立一個分數計分版，加上JavaScript的功能，可以設定總分，當player達到目標分數後，顯示出哪個player贏，並有reset的功能。
YelpCamp
是整堂課最大的專案，整合前後端的作品。
使用Bootstrap、mapbox…等建立露營基地頁面，有以下功能：
- 使用者可以註冊、登入、登出
- 不用登入可以瀏覽全部露營基地資訊及單個露營基地資訊。
- 使用者可以建立新的營地、新增營地的評論。
- 從landing page形象頁開始進入首頁。
- 首頁可以看到所有營區的地圖和位置。
- 單個營區頁面可以看到營區地圖
- 使用者可以刪除或編輯自己所建立之營地。
- 使用者可以刪除自己的評論。
最後在部署到Heruko上面，其實在部署的時候發生了一些問題，所以有在課堂上面做發問，其實這也是這門課的好處，助教都會回答你的問題，如果問了以前回答過的相關問題，也會貼上連結回答你。
這個就是我做的成品啦！覺得很開心自己完成了這個課程也做出課堂的作品。
email: Tony
password: tony
可以使用這組帳號密碼，登入進去看看整個功能。
學習心路歷程
上完這堂課真的有種：啊！我終於完成的感覺！因為他真的是非常充實，高達63小時的課程不是蓋的，需要非常有耐心和毅力。
在上課的同時，我也有用notion來做筆記，發現notion真的非常好用，針對程式也有特別的輸入方式，所以做起筆記來非常容易，只要把一些想要複製的程式語法複製到notion上，並選定該語言程式，就能顯示出來。
除了做筆記外，還要練習，這很重要！！！真的要練習，即便你練習一遍，第二遍可能還是非常生疏，在課堂中只要需要練習的地方，我都會親自的練習一遍，雖然非常麻木，但是在完成的那一剎那，真的是非常有成就感。
剛開始我真的是沒有什麼概念要花多久時間，我還預設自己可以一個月上完所有課程，真的是太高估自己了，我總共花了四個月完成，而這是在每天都有幾乎學習的狀況下，如果不能每天學習，可能也需要到半年或一年的時間。
而這中間也經歷了不斷想放棄的概念，我想上是因為我想要多瞭解網路的知識，或運用在未來的工作上，一直提醒自己，也許現階段我還沒能完全的知道是不是百分之百符合未來的期待，但是沒有自己親身經歷過，又哪會知道呢？
現在的網際網路真的非常發達，想學的東西只要上網查一下，很多資源可以獲取，不過也是因為網路資源太豐富，也容易讓我們分心，要堅持下去真的需要意志力和動力，只要撐過這段時間，一切都會值得的。
這堂課有以下的優缺點，可以參考看看。
建議及優缺點
優點：
- 上課教材圖片精美：教材都有附在檔案裡面，很喜歡講義的頁面，感覺得出來Colt很用心在製作教材，遇到一些要解釋的名詞或程式，都會用圖像化的方式來做解釋。
- 循序漸進的做課程安排：課程是先上HTML、CSS、JavaScript，再來做作品，而且每一個章節都講解得非常仔細，總共有59個章節，第60個章節是以前舊的課程，Colt也做保留，可以作查詢。
- 豐富的討論資源：因為其實上這門課的學生非常多，因此當遇到問題時，基本上都可以在討論區查到相關問題，不用怕遇到問題沒辦法解決，若真的遇到查不到解答的部分，也可以找討論區針對章節發問，另外課程也有開立discord討論區，上面有非常多的討論議題，包含課堂、工作、技術…等，目前課堂上累積的發問問題高達70000個。
- 可以學習到很多英文技術知識：因為課堂上都是用英文授課，因此會比較清楚網頁開發技術的一些相關用語，運用在google查詢上會非常方便，畢竟很多技術說明都是用英文撰寫。
缺點：
- 都是英文：如果你想要學這門課，必須要有英文的基礎知識，因為是全英文授課，目前字幕也只有英文喔！
- 部署的這一段步驟比較模糊：這部分必須在課程問題裡面爬文，找出自己相關的問題，再依據助教所回覆的步驟進行修正。
- 無法直接討論：當遇到問題時，無法直接與助教互動，必須等助教回覆，沒有辦法即時性問答，除非在discord討論區上發問。
誰適合上這門課：
- 適用於任何想要學習網頁開發的人，也適合零經驗的人，可以從零開始學習，就算不會程式也可以從頭開始學習。
- 有上過一些HTML、CSS相關技術，有一些技術經驗的人。
- 想要了解從前端到後端開發的相關知識的人。
建議：
因為是線上課程，所以若想要學習，真的需要自制力來督促自己。建議如果是想要學習，就盡量不要中斷，我在上這門課時，因為中間有部分隔一段時間才繼續，導致於前面有些地方忘記，必須往回複習，這樣就會花更多時間在上面。
我自己是有在excel上面打上自己希望完成的章節和時間，雖然有時候沒有按時完成，但會很清楚知道自己完成了多少地方，及未來有哪些項目需要完成。
這門課真的需要花很多時間下去學習，沒有速成的方法，只有一步一步按照課堂上的步驟學習，而且要多練習，每個人學習的狀況不同，按照自己的步調，不間斷的學習，一定能達成效果。
在上這門課時也發現，網頁的技術變化非常的快，每隔一段時間就要更新自己所學的技術，也許語法、用法、介面都會變得不一樣，光是去年10月才公布的課程，有些就不一樣了，所以更需要養成不斷學習的能力。
上完這門課真的覺得網頁的技術無遠弗屆，要學可能都學不完，但是至少我完成了這門課，也希望未來也能不斷精進自己，完成自己所想要的目標。
