前端工程師

2021 轉職前端工程師學習資源與心得分享

歷經半年的時間轉職前端工程師,這邊想來分享一下這半年參考的資源、課程、文章等等,希望對想要轉職前端工程師的人有一點點的幫助~

1. 筆者背景

理工學士畢業,大學畢業時覺得對自己的人生感到茫然,對本科系也沒什麼興趣,但本身還算喜歡跟其他人互動,所以決定先當個業務,認為可以接觸到比較多的行業和公司各個部門,希望可以藉由業務這份工作,找到自己有興趣的領域。

在做了兩年的業務後,雖然滿喜歡業務的工作型態的(到處跑、接觸不同的人),但仔細評估後,認為自己的個性長遠來看不太適合做業務,有時候也覺得把人際關係建立在商業利益上,對我個人來說是個有點跨不過去的門檻,剛好也利用假日學了一點網頁開發,覺得還算滿有興趣,未來的發展也不差,因此最後決定裸辭個半年,全職轉職前端工程師。

2. 學習路線與資源參考

個人主要是參考兩位前端大神分享的學習路線來做轉職:

Huli :
紮實的網頁前端學習路線與資源推薦
程式導師實驗計畫第四期完整課綱

沒一村 :
[程式設計] 全端工程師學習地圖(通用 + 前端)

在剛開始轉職的時候其實還滿猶豫到底要不要參加 Huli 開設的 程式導師實驗計畫第四期,但考量到在工作時已經有接觸到一些網頁的技術 (基本的 HTML 和 CSS) ,再加上 Huli 自己的線上課程平台 Lidemy 鋰學院 的課程其實滿完整又滿便宜的,所以後來還是決定自己轉職,也比較可以拿捏自己的進度。

以下學習路線基本上是參考 紮實的網頁前端學習路線與資源推薦 這篇文章,在自己轉職完前端工程師後再回過頭來檢視這個學習路線還是覺得滿推薦的,尤其適合非資工本科又沒有程式基礎的人 (就是我哈哈) 學習路線如下:

1. 基礎計算機知識
2. Command Line 的使用
3. Git 的使用與 GitHub
4. JavaScript 程式基礎與 npm、Node.js
5. 網路基礎概念
6. HTML 、 CSS
7. JavaScript 在瀏覽器上的應用以及事件機制
8. 串接 API 與其他前端工程技能加強
9. 瀏覽器運作原理與前端效能優化
10. 深入理解 JavaScript 原理
11. 前端框架學習
12. 後端與資料庫
13. 前後端整合與串接 (做作品)

這是筆者個人的學習路線,事實上,個人認為只要把核心概念搞懂後 (像是 JavaScript 一些原理),其他的技術就只是輔助,如果你跟我一樣先求有再求好,可以先以做出一個完整作品(前後端都是自己實作)為目標,等需要用到某些技術或框架再來學,我認為也是一個不錯的選擇。

2.1 基礎計算機知識

決定轉職前端工程師的話,還是建議可以先理解一下一些電腦的基本知識,可以讓你對軟體開發的基礎比較有概念。
這部分其實是比較後來我才回來看的,但如果重來的話,我會選擇把計算機概論排到第一順位。

2.1.1 學習資源

[CS101] 初心者的計概與 coding 火球術
Huli 開的課程,完全免費而且淺顯易懂,會帶到滿多計算機概論的觀念,但又不會像大學教授開的課程,直接讓你用 C 來實作。
筆者在大學的時候有上過交大計算機概論的開放式課程,大學也修過系上的程式語言,但那種直接用低階語言來操作的課程,容易讓大部分的人卻步,也會讓大部分的人有「哀~寫程式那麼難一定很不適合我」的錯覺,因此滿推薦 Huli 的這門計算機概論課程,之後再用 JavaScript 慢慢訓練程式的基礎。

鳥哥的 Linux 私房菜 – 第零章、計算機概論
鳥哥堪稱 Linux 華人界的第一把交椅,這篇文章也簡單講解了計算機概論。

2.2 Command Line 的使用

如果你跟剛轉職的我一樣,對電腦幾乎不了解的話可能不知道 command line 到底是蝦米碗糕。
簡單來說,人和電腦溝通需要透過介面 (interface),像 Windows 系統這種有美麗的圖片,以及各種按鈕代表各種不同的功能,就叫做圖形化使用者介面 ( Graphical User Interface, GUI ),透過各種圖形和電腦做溝通;另外一種就是指令列介面 ( Command Line Interface, CLI ),透過對電腦下指令來和電腦溝通,Ex: 對電腦下一個 ls 的指令,電腦就會列出目前所在位置的所有檔案及資料夾。

Jimmy2952@DESKTOP-N68T9F2 MINGW64 /f/project
$ ls
angular-project/             react-complete-guide/     redux-guide-teacher/
animation-in-react/          react-hooks-turtorial/    the-burger-builder/
build/                       react-send-http-request/  webpack-turtorial/
jimmychenphotography_react/  redux-guide/

學習 command line 可以讓你更加掌握對電腦的理解,在往後網頁開發的道路上也有很多時候需要用 command line 和電腦溝通,但初期如果你只想學些比較基礎的指令(如何利用 command line 進到資料夾、如何新增資料夾等等),可以直接 google command line 看相關的文章,但如果希望學習比較完整的 command line ,甚至希望可以在電腦中設定自己的指令,再參考以下的學習資源。

2.2.1 學習資源

Linux Mastery: Master the Linux Command Line in 11.5 Hours
上這門課除了可以對 command line 有完整的了解外,還可以接觸到 linux 系統,而且老師非常熱情(剛開始以為他有嗑藥) ,完全不會讓人想睡覺,個人還滿推薦的~

2.3 Git 的使用與 GitHub

Git 是一個用來版本控管的工具,版本控管顧名思義就是用來控制檔案版本的一套工具,如果大家有和同學用 google 簡報來協作報告時就會發現有版本控管的功能,如下:

前端工程師

右側會有版本控管的紀錄,以及誰修改了這份檔案。 git 就是用來實做這種功能的一個工具,而且也是多人協作專案時一定會用到的工具。

2.3.1 學習資源

為你自己學 Git
個人認為這系列的文章就非常完整了,重頭到尾看一遍再自己操作一次,基本上就能理解 git 的功能以及如何用 GitHub 來管理專案,我自己是邊看邊做筆記,理解完原理後也簡單整理出一篇文章,有點像是每次要開專案時使用 git 的 SOP,有興趣的人也可以參考:如何用git將資料夾加入到版本控管中?

2.4 JavaScript 程式基礎與 npm、Node.js

HTML、CSS、JavaScript 可以說是進擊的巨人裡的三座城牆,因為瀏覽器只認得這三種語言,無論你使用任何 JavaScript 框架、CSS 預處理器、 HTML 模板,最後都會被轉譯成這三種語言,其中又以 JavaScript 最重要,門檻最高,那為甚麼把 JavaScript 放在最前面學習呢?可以參考 Huli 的觀點:

既然是要走網頁前端,那就一定要學 JavaScript 這個程式語言,只是早學晚學的問題而已。而 HTML 與 CSS 能夠快速帶給學習者成就感,因為能夠立刻看見自己到底學了什麼,是能夠補充學習動力的科目。

在學新東西的時候,一定是剛開始最有毅力,之後就會慢慢消退,拖延症開始發作。選在這時候學 JavaScript 就是因為這樣。我覺得趁著動力還沒消退的時候先學比較好,後面才學 HTML 與 CSS,順便把動力一起補上。

個人的觀點則是認為,前端開發說穿了還是軟體工程師,個人認為用 HTML、CSS 切版算是比較基礎的技能,真正的門檻在於如何用 JavaScript 來處理資料以及與使用者互動,先接觸 JavaScript 也可以先試試水溫,看看自己對寫程式是不是真的有興趣,如果學完 HTML 和 CSS 再學 JavaScript 發現整天用 JavaScript 來處理資料很煩而且沒有熱情,那放棄這條路的機會成本又更大一點了。

JavaScript 的內容其實非常多,在這個階段會建議先學習比較基礎的 JavaScript ,主要是讓自己熟悉寫程式的感覺,否則一次學完 JavaScript 我覺得應該會吐。

2.4.1 學習資源

現代JavaScript 教程
是一個滿完整的 JavaScript 教學,滿推薦重頭開始看的,這個階段可以先看到第1部分的第5章結束,如果有確實掌握觀念的話,要解出一些數學題目不會是太大的問題。
個人是邊看邊做筆記(整理再一個 word 檔裡),如果有要查的函數會比較好查詢,也可以順便複習相關的觀念。
PS: 有時候中文的翻譯有點怪,可以切到英文版可能會比較好理解。

Node.js 是什麼?NPM又是什麼?為什麼前端與後端都需要用它們呢?
用小篇幅介紹了一下 Node.js 和 NPM。

Codewars
Codewars 是一個線上刷題網站,有點類似 Leetcode ,但是是免費的,網站會提供一些數學題目,請你用你會的程式語言解出來,是個滿適合訓練自己寫程式邏輯的好地方,也可以熟悉一些函式的運用。

[JS101] 用 JavaScript 一步步打造程式基礎
個人非常推薦沒有程式基礎的人可以上這門課,教你用 JavaScript 來打程式的基礎,同時也會有許多題目讓你練習解題的邏輯以及觀念。

[JS102] 升級你的 JavaScript 技能:ES6 + npm + Jest
這門課主要是來理解 ES6 的語法以及如何測試自己的程式。

2.4.2 建議

如果你之前沒有過寫程式的經驗,筆者滿建議在 JavaScript 這部份多花一點時間熟悉寫程式的感覺,畢竟如果決定轉職,那未來有一大半的時間都是在寫程式,可以藉由這個階段來確認自己是不是真的對寫程式有興趣,也可以訓練寫程式的邏輯。

2.5 網路基礎概念

如果要理解前端工程師的工作,基本的網路知識也是必要的,理解瀏覽器如何跟後端溝通,甚麼是 request 和 response ,request 又分為哪幾種,甚麼時候該用哪一種,理解這些對之後的開發會有很大的幫助。

2.5.1 學習資源

[NET101] 網路基礎概論(搭配 JS 實作練習)
也是 Huli 的課程,一樣的淺顯易懂,雖然不會詳細講解網路是如何運作的,但至少大概了解核心的觀念,我認為這個階段就算講太深也很難理解背後的原理,可以等到之後自己寫過一次後端,再深入理解網路運作的原理。

鳥哥的 Linux 私房菜 – 第二章、基礎網路概念
如果想再深入了解一點網路的概念可以參考鳥哥的這篇文章。

[不是工程師] 休息(REST)式架構? 寧靜式(RESTful)的Web API是現在的潮流?
當你對網路有基礎的認識,大概知道 http method 在做甚麼之後,可以看一下這篇文章,主要是在說幾種比較重要 http method 之間的差別,這個部分面試滿常考的,建議大家可以熟悉一下這些觀念。

2.6 HTML 、 CSS

這部分筆者其實在全職轉職前就有上過實體課程了 (個人滿不推薦,因為又貴又沒有課程的品質保證),所以在全職轉職的這段時間, HTML 和 CSS 遇到問題時大部分都直接 google ,各位也可以直接參考 W3schools 和 MDN 文件,基本上都寫得滿完整而且淺顯易懂。如果想重頭開始學的話可以上 Udemy 找 bestseller ,基本上課程都滿完整的,但因為筆者沒有在 Udemy 真的上過 HTML和 CSS 的相關課程,所以這邊就不推薦了。

2.6.1 學習資源

W3schools.com

MDN web docs

CSS
30個你必須記住的CSS選擇器

CSS Preprocessors (預處理器)
為您詳細比較三個 CSS 預處理器(框架):Sass、LESS 和 Stylus

CSS Postprocessors (後處理器)
PostCSS 後處理器

2.7 JavaScript 在瀏覽器上的應用以及事件機制

學習完 HTML 和 CSS 後,基本上前端三大語言都接觸過了,可以進到 JavaScript 的第二部分:在瀏覽器上的應用,學習完這部分後,基本上就可以寫出一個簡單的網頁啦!

2.7.1 學習資源

現代JavaScript 教程
可以從第2部分開始看,和第1部份一樣,寫得滿完整的。

JavaScript 30
JavaScript 30 是一個免費的 JavaScript 學習資源,透過一天實作一個網頁小作品,來加強你對 JavaScript 的觀念與活用度,整個課程都是使用 vanilla.js ( 原生 JavaScript )來實作。

[FE102] 前端必備:JavaScript
個人滿推薦這門課,不僅講到 JavaScript 在瀏覽器上的應用,也會帶你了解 API 是甚麼,以及非同步的概念。

2.8 串接 API 與其他前端工程技能加強

將前端基本的概念都摸熟了後,接著就可以自己實作看看了,我在這個階段透過 [FE210] 從新手到中手:前端工程加強班 這門課學到很多前端會用到的工具以及使用者體驗優化的功能,而且課程免費,非常推薦!
另外也建議在這個階段深入了解 JavaScript 是如何實現非同步的功能,以及 fetch API 、 Promise 等等觀念。

2.8.1 學習資源

[FE210] 從新手到中手:前端工程加強班
前半部份 HTML 和 CSS 的部分因為已經有學過了,所以就按照作業規格先試著自己做做看,再看講解的影片,後半部份因為幾乎沒有接觸過,所以就直接看講解影片,有些概念後再自己 google 相關工具的教學,覺得效率會更高一點。
筆者實作後的作品:https://jimmy2952.github.io/twitch/
如果對 API 的觀念不太熟悉,可以參考我寫的文章:API 是什麼 ? 最適合前端初學者的 API 概念解釋,簡單釐清一下 API 的概念。
練習完串接 twitch 後自己覺得對 API 還是沒有很熟悉,所以自己就再找了其他 API 做練習,並整理成文章:【JavaScript瀏覽器】:實作API串接(1) ⏤ Unsplash API ,有興趣的人可以參考並動手實作看看。

Promise
從Promise開始的JavaScript異步生活
JavaScript Promise 全介紹
基本上看完上面這兩個資源並且自己實作,就能對 Promise 有一定的了解了,了解 Promise 後,就可以知道 fetch API 是如何透過 Promise 實踐的。

2.9 瀏覽器運作原理與前端效能優化

這部份也是面試很常會問到的,建議除了理解之外還要試著自己講一遍,否則被問到的時候就算理解瀏覽器背後的運作機制,沒辦法順暢的表達出來也是徒然。

前端效能優化以我個人的面試經驗來說,被問到的機率大概是 50% ,個人認為以 junior 來說比較難在這方面著墨太深,畢竟參與過的大型專案有限,實在也不太知道從何開始優化,但如果知道某些檢測效能的工具或是觀念的話,就贏其他面試者一些了,所以還是推薦可以稍微著墨一下。

2.9.1 參考文章

[熱門面試題] 從輸入網址列到渲染畫面,過程經歷了什麼事?
在瀏覽器輸入網址並送出後,到底發生了什麼事?
[CSS] Reflow 及 Repaint 是什麼?

今晚,我想來點 Web 前端效能優化大補帖!
這篇是偶然在 台灣的前端社群 看到的,個人覺得整理的非常好!但面試前也只是看過一遍而已,還來不及仔細研究每個方法,希望之後有時間可以自己實作一次。

2.10 深入理解 JavaScript 原理

這部分我認為是轉職階段最重要的一個階段!除了是面試的必考題之外,也幫助你更加了解 JavaScript 底層運作的原理,不過這部份很多觀念第一次看可能無法理解,滿建議自己動手寫一些程式來幫助理解與加深印象。

2.10.1 學習資源

[JS201] 進階 JavaScript:那些你一直搞不懂的地方
可以說是專為面試設計的課程,後來實際去面試後,最常被問到的觀念也確實是這些,個人是上過一次課程後,再去查相關的文章,並自己動手實作加強觀念。

從ES6開始的JavaScript學習生活
在本書 1.5 節的部分講解了許多 JavaScript 的核心觀念,個人覺得還算好懂。

You Don’t Know JS
幾乎把 JavaScript 的觀念完整的講了一遍,但該書的內容其實滿多的,個人比較建議先 google 一些核心觀念的文章,有時間的話再將本書重頭到尾看一遍並整理筆記,可以釐清許多 JavaScript 不太清楚的觀念。

2.10.2 參考文章

雖然以下文章都是可以直接 google 到的,但還是簡單列出來個人有看過而且覺得還不錯的文章,順便了解一下這個階段需要釐清哪些 JavaScript 的觀念。

JavaScript 的 this
淺談 JavaScript 頭號難題 this:絕對不完整,但保證好懂

JavaScript 的物件導向與原型鍊 (prototype)
該來理解 JavaScript 的原型鍊了
你懂 JavaScript 嗎?#19 原型(Prototype)
TypeScript | 從 TS 開始學習物件導向 – Class 用法

Hoisting (提升)
我知道你懂 hoisting,可是你了解到多深?

Scope (作用域) 與 Closure (閉包)
所有的函式都是閉包:談 JS 中的作用域與 Closure
你懂 JavaScript 嗎?#12 函式範疇與區塊範疇(Function vs Block Scope)
你懂 JavaScript 嗎?#15 閉包(Closure)

JavaScript 的同步、非同步與 event loop
JavaScript 中的同步與非同步 – Event Loop 原理
【筆記】到底 Event Loop 關我啥事?
[筆記] 理解 JavaScript 中的事件循環、堆疊、佇列和併發模式
Node.js 101 — 單執行緒、非同步、非阻塞 I/O 與事件迴圈
雖然這篇是在講 Node.js ,但我認為他把 event loop 的觀念講得滿清楚的,可以參考看看。

2.11 前端框架學習

學到這裡就可以開始學習前端框架了,目前前端有三大框架:React、Vue、Angular,如果是希望先找到第一份工作的話,個人會建議在 React 和 Vue 選一個來學,筆者在學框架以前看了一些文章都說目前台灣的前端業界還是以 React 佔大宗,但學完框架真的在找工作的時候,發現用 Vue 的公司也不少,尤其是新創,至於 Angular 雖然是歷史最悠久的前端框架,功能也最完整,但因為學習曲線較高,職缺數量也比較少,因此比較不推薦當作第一個學習的框架。

2.11.1 學習資源

[Udemy] React – The Complete Guide (incl Hooks, React Router, Redux)
在剛開始學習 React 的過程中,其實有先上 Huli 的課程,可能因為小弟資質駑鈍,所以即便上完課再搭配 React.js 小書 還是不太能理解 React 的觀念,後來因緣際會看到 Udemy 的這堂課,雖然是英文授課,但因為才 390 NTD,想說那就試試吧,結果基本觀念聽一次就非常了解,而且課程內容包含以前的 class component 與 React hook 等較新的觀念,基本上各種常用的 react 套件都會介紹到,而且從頭到尾都是帶你用專案來實作功能,個人覺得非常推薦!

從 Hooks 開始,讓你的網頁 React 起來(iT邦幫忙鐵人賽系列書)
這本書是轉職期間唯一看的相關領域的書,寫的淺顯易懂,帶你手把手直接實作 React hook ,還有 facebook 社團可以加入,一起討論在書中遇到的一些困難還有觀念。

2.12 後端與資料庫

實作完前端後,為了架設一個完整的作品(包含前後端),還是要了解一下後端與資料庫的技術。當初選擇 Node.js 做為後端的學習語言原因無他,因為也是用 JavaScript 寫的,就不用再重新學個語言。然而後端這個領域的水,比馬里亞娜海溝還深,真的要把後端架構設計好還必須要懂資料結構、演算法、資料庫設計等等,但轉職的目標還是先把一個簡單的網站給實做出來,所以還是推薦上門線上課程,加速自己的學習速度!

2.12.1 學習資源

[Udemy] NodeJS – The Complete Guide (MVC, REST APIs, GraphQL, Deno)
個人也是十分推薦這門課,不僅包含了 Node.js 的基本知識、原理外,還有教你如何與資料庫 ( MySQL 和 mongoDB ) 溝通,到後面還有提到 GraphQL ,但要把這門課上完其實也是滿硬的,因為內容真的滿多,理解完後再實作會花滿多時間的,我自己也是上到 Section 19 而已 (總共 36 個 Section ) ,想說之後有時間再來把後端知識補齊。
如果覺得這門課的內容太多的話,建議可以直接參考下面那堂 [Udemy] React, NodeJS, Express & MongoDB – The MERN Fullstack Guide ,裡面也有提到 Node.js ,雖然不像這門課這麼完整,但對於做出作品來說已經足夠。

2.13 前後端整合與串接 (做作品)

在轉職的過程中,我認為做作品是一個非常重要的環節,當然不一定要等到把全部的東西學完才做作品,可以每學一點東西就試著做出一個小作品,像前面提到的自己練習串 twitch API ,或是學完 React.js 後也可以做一個作品來知道自己是不是真的理解 React.js 是如何運作以及該如何使用。

但個人還滿推薦在你理解完前後端後,自己完整做出一個網站 (前後端都自己做) ,因為很多觀念必須自己實作過後才會更有感覺,做作品的過程中也可以訓練你規劃網站的能力,以及思考自己為甚麼想做這個作品,更重要的是,你對這個作品越了解,在面試的時候就有越多的東西可以說,更容易讓面試官了解你對網站前後端的了解程度。

然而要自己串聯前後端和資料庫絕對不是件容易的事,網路上的資源雖然很多,但對於這種整合性的技術文章個人覺得比較零散,因此滿推薦直接上 Udemy 的課,加速了解前後端如何整合。

2.13.1 學習資源

[Udemy] React, NodeJS, Express & MongoDB – The MERN Fullstack Guide
這門課直接教你如何用 React.js, Node.js, Express 並且串聯 MongoDB 來做出一個簡單的作品,上完這門課基本上就可以做出一個功能完整的網頁作品了!

3. 學習路線與資源結論

可以看到前半部的學習資源幾乎都包含了 Huli 開的課,一方面價格和其他中文的線上課程相較之下真的很親民,另一方面真心覺得他的課很適合沒有程式基礎和非本科系的人,會教你如何調整寫程式的心態以及邏輯。因此前半部的學習路線或許有更好的學習資源,但我認為找教材就跟找女朋友一樣,不一定要找最好的,而是要找最適合自己的。在理解一些前端的核心觀念後,如果希望快速了解後端及資料庫的話,滿推薦直接上 Udemy 的課,可以快速了解如何操作後端與資料庫溝通,對做出一個較完整的作品也很有幫助。

4. 轉職心得

其實當初會決定全職轉職是因為邊工作邊轉職真的還滿累的,有時候工作一整天回到家只想當一攤會呼吸的肉,現在回想起來還滿慶幸當初做了這個決定,否則邊工作邊轉職,可能到當阿公的時候還沒轉成功……

在剛開始全職轉職的一個月其實滿徬徨的,因為在前端領域中,常常會有一種感覺:學得越多,覺得自己越廢,因為竟然還有這麼多不會,當時的我看了一下 Huli 的學習路線參考,上面的東西幾乎都看不懂,不禁懷疑人生:會不會裸辭是個錯誤的決定?但後來仔細想想,其實很多事情只要按部就班,最後都會有成果的,只要今天的自己有比昨天進步,那就已經贏過滿多人了(安慰自己的屁話哈哈哈)。

個人認為在轉職的路上最難的就是調整心態,當你遇到很難學習或是很難懂的東西,又沒有人可以問的時候,就會越想越多陷入無限的負面情緒中 — 連這都不會到底是要怎麼轉職?這時候滿推薦你看看網路上其他轉職的文章,像是 工程師作家的轉行人生 部落格的所以文章幾乎都看過了,還有她老公 半路出家軟體工程師在矽谷 的故事更讓我覺得,如果我沒有像其他人那麼努力,那又有甚麼資格談放棄。看這些文章還有一些書籍,在我轉職低潮的期間給了我很大的激勵。總而言之,在轉職低潮的時候滿建議可以多看些文章或是書籍讓自己的心靈沉澱一下,或是跟朋友吃吃飯,稍微放鬆一下,一直把自己逼太緊有時候反而會有反效果。

至於要上實體課程還是自己在家看線上課程轉職其實因人而異,如果你可以每天在家坐在電腦桌前乖乖打 8~10 個小時的 code 或是上線上課程,那還滿推薦自己轉職的,畢竟現在很多網路資源其實比實體課程完整而且價格也親民很多,也多了通勤時間可以利用。但如果比較無法自律的人就可以好好利用實體課程,缺點就是基本上費用都滿貴的,而且沒辦法自己掌握進度 (都是跟班上進度) ,優點是有問題可以和同學或老師討論,在學習的過程中比起自己在家轉職,多了很多戰友可以互相扶持。

不過現在好像也滿多線上轉職的 Project ,剛好介於實體課程和自己轉職中間,像是 Huli 的 程式導師實驗計畫 ,會幫忙規劃課程的進度,有問題也可以和大家線上討論,商業模式也滿創新的,雖然自己沒有參加過完整的 Project ,但 Huli 確實在我轉職的過程中給了滿大的幫助,不管是文章、課程或是轉職的心態,著實讓我獲益良多!其他線上轉職的 Project 個人就沒有深入研究了,不過直接 google 也可以查到不少文章和評價,就不在這裡一一列舉說明了。

最後,希望這篇文章對要轉職的人可以有一點點幫助,祝各位轉職順利!

如果覺得我的文章有幫助的話,歡迎幫我的粉專按讚哦~謝謝你!

6 thoughts on “2021 轉職前端工程師學習資源與心得分享”

  1. 感謝分享,同為轉職者,個人基本上都是翻閱官方document後以Udemy做學習
    學起來比較系統化不零碎,課程裡的東西自己拿來修修補補其實就可以玩很久
    另外以自己經驗來說很多中文教學解釋都感覺很難理解,導致直接看英文反而吸收比較快

    Udemy個人推薦Jonas Schmedtmann和Stephen Grider的課程
    前者課程完整乾淨細膩,後者課程大多搭配Diagram講解十分淺顯易懂很適合用來理解技術的Core Concept
    Max的課程看起來塞的很滿不過總覺得他的有些解釋會搔不到癢處加上他處理課程Project的步驟怪怪的所以不是我的菜
    不過Udemy多利用30天退款的功能來找到喜歡的講師還蠻重要的,翻閱過很多課程後就會發現並沒有完美的課程,只能從中選擇適合自己的

    1. Stephen Grider 好像滿多人推薦的!我已經把他的好幾門課列入待買清單了哈哈哈,希望之後有時間可以來上看看~
      非常感謝你的分享!

  2. 身為剛開始全職自學的小菜雞,真的好感謝網路上有這麼多無私的資源,尤其是這篇文章,整理的非常豐富、完整,每個推薦的資源,也都很真誠地寫上作者的親身感受,有種相見恨晚的感覺!
    真的很謝謝Jimmy的無私,讓茫茫然的我看到一個清楚的方向!

    1. 不客氣~我也是因為在網路上受惠許多所以才想說把自己的經驗分享出來看能不能對其他人有些幫助😆
      希望這篇文章有給你一些方向,有問題的話也歡迎你私訊粉專或來信請教哦~~

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top