Re: [問題] 前端線上課程選擇

[brianwu1201 (bunny29)]

※ 引述《arroyo565 (arroyo)》之銘言：
: 覺得前端工程師是個可嘗試的選擇，
: 開始思索要如何在最短時間內達到可以工作的最低需求
: 目前已經自學差不多一個月，覺得還算能適應寫code的工作模式，
: 但由於蒐集到的線上免費資源大多零散無系統統整，
: 而且遇到問題也無人可以詢問，因此希望能購買線上的課程加速學習曲線，
: 目前在幾家前端的線上課程中想做個選擇，
: 想請問一下有買過課程人的意見或心得，
: 謝謝
: 名稱          Apha camp              六角學院                   網頁基礎15天
: 期間           兩個月                影片57小時                     影片34h
: 內容          文字+圖片為主            影片為主                    影片為主
: 價格           21,000                  10,080                     12,500
: 優點         感覺內容比較完善         可拆開購買                可拆開購買
:             課程結束後會有個作品
: 缺點           較貴，且沒有試閱          沒有試閱                 試閱完覺得
:          不曉得文字圖片的學習效果     不曉得內容深度              另一家
:                                                               的影片比較清楚

不好意思，重新排版。

以上課程通通沒上過，不曉得效果如何，但小的也是去年9月開始自學，有點心得可以給
你參考。

如果是成為真正的"網站前端工程師"( "非" "網頁設計師"像是動畫設計或是爆切版)，JS
的基礎一定要非常非常穩固，

想學會基本語法個人推薦實體書"Javascript網頁程式『超』入門"，但相信基礎語法不難
，其他資源效果應該大同小異。

JS基礎語法學會後接著學習Udemy上的Understanding the weird part，同時一邊可以開
始學習react(或另外兩個框架)。

這是非常重要的階段，要紮紮實實地瞭解JS的語言特性和底層知識，了解的越深，學習框
架會越輕鬆、越能寫出合理的code。

進入react後你會從原本寫jQuery那種功能導向的開發模式轉變為將程式模組化，學習在
專案的架構下開發。

模組化所以你必須使用npm、node.js，也要學會使用terminal以及git github，這時可以
練習把之前的網頁練習丟上github page。

回到框架學習，react的話推薦Stephen Grider的課程(小的兩個月內完成了他四堂課，非
常棒的講師而且還會隨時更新課程內容)。

react基礎學會並做出像是todo list或是一些簡單小專案後可以加入API資料串接(例如Yo
uTube API或是GoogleMap)或是前端的oauth登入認證(Google)。

接著學習Redux集中管理state。有前面深厚的基礎應該可以不靠Redux Library簡單實作
出如同Redux原理的模式，這表示你真的學會了。

實作出一個加入Redux的作品後，可以開始練習sass或是s
css。

此時很可能發現你css的知識或觀念不夠穩固，可回去補充，建議udemy上的Jonas  Schme
dtmann的Advanced css and sass課程，嘗試把這些運用在你之前的框架專案上。

這時理論上你已經有一點轉職能力了。

接著"一定"要選一個後端語言課程學習，例如個人目前正在學習stephen grider Fullsta
ck node.js課程，或其他後端語言課程，繼續累積打造一個完整動態網頁應用程式的能力
。學習資料庫的設計、註冊登入驗證、伺服器設定等。

以上學習完了，記得加上webpack打包工具的應用，實作一個大一點的專案，理論上就可
以轉職去了。

#題外話#
為何強調後端課程的重要？

個人認為雖然“理論上”SPA讓前後端更分離，但實務上還
是要了解整個流程架構，後端發生了什麼事，才能提升之後與同事合作開發以及問題解決
的能力。

而且身為一位網站工程師(無論前後端)，有從頭自幹一個動態網站的能力也是基本的要求
。

目前心得大概這樣，希望對你有點幫助~

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 223.137.101.25
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1546538895.A.830.html
→ Neisseria: 排個版吧...
※ 編輯: brianwu1201 (223.136.105.131), 01/04/2019 10:11:47
※ 編輯: brianwu1201 (223.136.105.131), 01/04/2019 10:13:32
推 sppqre: 推這篇 對新人來說很有幫助
推 oneword416: 推
→ kurtisgod: 好文推
推 dfast: 推
推 Link130512: 推推
推 gobbiby: 推 想請問學vue的話有沒有推薦的老師呢？謝謝你
推 spongetama: 推推～我是上 WesBos 跟 Scott，他們都各自有免費跟付
→ spongetama: 費的課程，還有一起出 Podcast 叫 Syntax，滿有趣的可
→ spongetama: 以聽聽～
推 zantac59: 學vue,推薦https://bit.ly/2AxE34n
推 p01212002: 推！
推 gobbiby: 謝謝~ ^^
推 shter: 說真的對於從 Netscape 2.x 開始寫網頁的人來說
→ shter: 要教現在的新手怎麼開發前端反而是非常困難的一個問題
→ shter: 你從自己當初學的開始教也不對，幾乎都是沒在用的東西
→ shter: (當年還在用 document.write 來 print 東西....)
→ shter: 如果要直接從 ES6 跟 node.js  npm   webpack 開始又很怪
→ shter: 明明網頁跟 JS 直譯的優點就是不用編譯馬上可以呈現
推 shter: 不過比起小白，更難教的是把 code 全寫在 PHP 時代的人
→ shter: 經歷過一陣子 JS , HTML 都寫在 PHP 檔的時代
→ shter: 沒有花時間不好理解現在 AJAX 運作寫法的概念跟邏輯
→ shter: 由於 SEO 的關係還是有大量的 page 採用這種作法
→ shter: 切網址就是很自然的換 PHP 檔，完全無法理解 history 用法
推 peanut97: 所以教學是一種技藝
推 orzno: 昨天買了個Udemy的Vue課程 覺得還蠻推薦的
→ orzno: https://bit.ly/2Rzbg9r
→ orzno: 也是原Po推薦的Stephen Grider
推 f26724309: 謝謝分享～
→ f26724309: 最近也自學網頁製作，不過是從css樣式搭配html的方式開
→ f26724309: 始寫（hahow的課程，還沒上完），會建議上完再去學js、
→ f26724309: vue嗎？ 還是直接從這兩個開始學起呢？