[心得] 文組難民轉職前端
as title
取之於 PTT,用之於 PTT,所以上來給大家笑一下
總之這篇文是給新手如我看的,各位 300 萬大大手下留情
文章有點囉嗦,聽首歌比較不會無聊 XD
https://open.spotify.com/track/6sO5JPUScY6zudMa1IjtF2
今年一月開始自學前端,一週花大約二十小時
這禮拜開始面試,有拿到 Offer,所以算是有點轉職成功了,吧?
不過我只是隻菜雞,學的很淺
所以這篇文章不敢說說是心得,應該說是紀錄
只是讓大家知道「噢有人可以這麼做拿到前端 Offer」,這樣
一、背景
112 廣義文組,畢業兩年,2019/01 開始自學
不怕數學,不過也沒修過統計;英文多益金色
二、目前會的東西
- HTML
HTML 的各種標籤用法,包括 HTML5
- CSS
基本語法、比較奇怪的選擇器、Cascading & Specificity
偽元素與偽類、Flex、Grid
RWD、BootStrap、預處理器
- JavaScript
東西有點雜不一一細講,反正就三大山:閉包、原形鍊、非同步了解一下
其它語法就練到 LeetCode Easy 刷的動這樣;ES6 懂一點點而已
框架我是選 React,大概就可以刻出 TodoList 的程度而已
然後 Ajax 摸一下,可以的話找個外部 API 串串看
- 其它
Git
後端用 NodeJs + Express + MongoDB 寫出基本的 CRUD
總之整個技能樹就是前端三語言 + 一點點框架 + 一點點後端
練到能寫出一隻簡單的購物車,包括簡單的後端,應該就可以了
三、方法與過程
大致上跟著這個 Checklist 走: https://tinyurl.com/yap3smtu
方法通常是:
- 找一個教學影片看:我常常去這邊找: https://tinyurl.com/ybn3j73l
- 影片一定不夠,所以開始 Google 看文章,例如 MDN
- 把以上的內容在 Medium 上整理成自己的筆記
- 寫個小作品出來
所以,從一月到現在的過程大概是:
- 前兩個月完全不知道在衝沙小
- 找到 Checklist 後開始跟著跑,三個月左右跑完
- 花了兩個月生出三個小作品,順便把不夠的技能補齊
- 再花快一個月修履歷、投履歷、面試
我是覺得看別人的過程意義不大啦,畢竟每個人的學習有快有慢
總之知道要學什麼,然後持續去學,這樣就好了,學久了總是會的
四、工具
本來沒有打這段的,不過後來想想還是打一下好了
總之以下是我用的工具
- VS Code
之前是用 Sublime,不過後來覺得要再去找套件有點累
VS Code 內建的東西就可以滿足大部分的需求,而且比較直觀
- Cmder
畢竟我只是前端難民,所以 Terminal 我比較少開
大部分的時候用 VS Code 內建的就好
不過學到後端的話還是建議載一個
Cmder 我覺得比較簡單易懂,就用它了
- CodePen
有些人是用 JSFiddle,習慣哪個就用哪個吧
- 一台桌電
因為經濟因素,我沒有筆電
強烈建議準備一台筆電,要參加活動、跟人討論、面試 Demo 都會用到
(雖然這年頭大概也只有我這種窮鬼沒有筆電就是了 LUL)
五、資源
說實在我不知道以下算不算業配
總之有業配的疑慮或是其他原因的話,再跟我說,我再刪掉
- Google
最強的資源無誤,什麼鬼東西都找的到
很多人說要下對關鍵字,但其實就算關鍵字很破有時候也找的到
何況搜尋又不用錢,所以有問題的話餵狗就對了
不過英語世界資源比較多,所以可以的話記得用英文
- Soft_job
版上好文也不少,而且可以找找大神們的 Blog
通常都有寶可以挖
- 六角學院
我覺得他們整理的資料對新手如我都不錯,當作入門很好用
例如這個: https://tinyurl.com/y27c5s8r
課程或是其他活動的話,我沒參加,所以就不評論了這樣
- 各種語言與工具的官方文件與教學
這年頭官方文件與教學都寫的蠻好懂的了
所以看的懂的話,何必捨近求遠?像 Vue 我覺得就寫的不錯
- MDN
各種語法或是名詞解釋都找的到
不過文章有點硬,而且大部分都是英文,有時候不太好懂
- w3schools
幼幼班版的 MDN(?
好吧我知道它的內容很有爭議,但我覺得它在教學方面真的不錯
講的淺顯易懂,可能是我接觸過最清楚的教學
不過內容非常淺,又不完全是對的,所以不要盡信
- FreeCodeCamp
英文版我不確定,不過中文版就 ... ...
生命要浪費在美好的事物上
- PJCHENder 那些沒告訴你的小細節
https://pjchender.blogspot.com/
一個台灣的 Blog,很多概念講的很好懂,我有問題都先去看這邊
- The Net Ninja
https://tinyurl.com/ybn3j73l
一個 Youtuber,雖然講的不深,但蠻好懂的
我習慣學新東西前,先來看個影片,試試水溫
- Huli
https://medium.com/@hulitw
一個台灣的工程師,把一些技術的前因後果講得很好懂
懂了這些前因後果後,學技術會更順手;同時有些分享文也很不錯
- JavaScript.tw
https://tinyurl.com/yxupd29a
臉書社團,有人會分享文章,有問題應該也可以在那邊問,吧?
我看過有人問,我沒問過就是了
- Front-End Developers Taiwan
https://tinyurl.com/y58ye5h7
同上,兩個社團的文好像常常重複?
- Dcard 軟工版
雖然人少很多,但畢竟大部分是大學生
所以程度相對不高,新手也多,問問題也比較沒有壓力
甚至可以試著解答別人的問題,教學相長
當然資源還有非常非常多,這些只是我用過的而已
六、代結論
面試心得怕篇幅太長,所以有機會的話再換一篇發
也因為如此,再加上這篇只是個紀錄而已,所以我盡量不要打太多廢話
同時盡量避免個人的主觀評論,畢竟我只是隻菜雞,評論不一定準
把這幾個月的經過,用過的資源等等整理出來,這樣就好
不過如果真的要問我的心得的話,我會這樣說:
- 以上都當屁話沒關係,反正沒有人的學習方法是完全相同的
- 反正就我目前接觸到的東西來說,願意學,持續學,遲早都學的會
- 不過找工作是很吃運氣的,不是說學了這些就一定找的到工作
大概是這樣,吧
總之謝謝這個版,很多有用的東西
最後謝謝蔡考選部長,讓我有機會學寫 Code,LUL
--
◢◢ξ █ 切斷頭殼顛倒巧 █
█ ╱█▂█▍你可以揮兩把劍 █ \ ◢ ◣ █ MARVEL
█ ╱ █ █▆▋ 真不簡單! █◆ ▋◥ ◤ ◆█
█∕ █▅██▉ / █ ◆◣◥ ◤◤ ◢◆ █ Deadp‥l
█◢████◥█ █ ◥ ◣ ▼◢ ◤ █
◢█████◣ █ Y﹊▄▇▇ ▄◤﹊Y █ ψleo1990910
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 180.176.48.61 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1565893151.A.DD1.html
推
08/16 02:31,
4年前
, 1F
08/16 02:31, 1F
推
08/16 02:53,
4年前
, 2F
08/16 02:53, 2F
推
08/16 06:50,
4年前
, 3F
08/16 06:50, 3F
推
08/16 07:47,
4年前
, 4F
08/16 07:47, 4F
推
08/16 08:11,
4年前
, 5F
08/16 08:11, 5F
推
08/16 08:34,
4年前
, 6F
08/16 08:34, 6F
推
08/16 08:36,
4年前
, 7F
08/16 08:36, 7F
推
08/16 08:57,
4年前
, 8F
08/16 08:57, 8F
推
08/16 09:15,
4年前
, 9F
08/16 09:15, 9F
推
08/16 09:29,
4年前
, 10F
08/16 09:29, 10F
推
08/16 10:21,
4年前
, 11F
08/16 10:21, 11F
推
08/16 11:34,
4年前
, 12F
08/16 11:34, 12F
推
08/16 12:22,
4年前
, 13F
08/16 12:22, 13F
→
08/16 12:23,
4年前
, 14F
08/16 12:23, 14F
→
08/16 12:23,
4年前
, 15F
08/16 12:23, 15F
→
08/16 12:23,
4年前
, 16F
08/16 12:23, 16F
→
08/16 12:24,
4年前
, 17F
08/16 12:24, 17F
呃,也是因為手上還有面試在跑,想說等跑完再一起發這樣
推
08/16 12:31,
4年前
, 18F
08/16 12:31, 18F
推
08/16 13:33,
4年前
, 19F
08/16 13:33, 19F
推
08/16 14:47,
4年前
, 20F
08/16 14:47, 20F
推
08/16 16:00,
4年前
, 21F
08/16 16:00, 21F
推
08/16 16:34,
4年前
, 22F
08/16 16:34, 22F
跟樓下那篇差不多,試用期可能少一點
推
08/16 19:27,
4年前
, 23F
08/16 19:27, 23F
推
08/16 21:59,
4年前
, 24F
08/16 21:59, 24F
推
08/16 22:25,
4年前
, 25F
08/16 22:25, 25F
→
08/17 11:22,
4年前
, 26F
08/17 11:22, 26F
感謝大大提醒
推
08/17 14:50,
4年前
, 27F
08/17 14:50, 27F
推
08/17 17:16,
4年前
, 28F
08/17 17:16, 28F
推
08/17 17:30,
4年前
, 29F
08/17 17:30, 29F
推
08/18 00:17,
4年前
, 30F
08/18 00:17, 30F
推
08/18 10:27,
4年前
, 31F
08/18 10:27, 31F
我是覺得 Dcard 是個讓我這種菜雞 ... 建立信心的地方
其他社群大家都高來高去,如果有比較低能的問題就不太敢在那邊問
但 Dacrd 比較不會有這種情況
而且因為是低卡(?,所以可以試著在那邊解答別人的問題
一方面教學相長,二方面建立信心,我覺得信心的重要性不亞於技術實力
當然在 Dacrd 問到的答案多少要注意一下啦
推
08/18 21:44,
4年前
, 32F
08/18 21:44, 32F
推
08/18 23:34,
4年前
, 33F
08/18 23:34, 33F
推
08/18 23:56,
4年前
, 34F
08/18 23:56, 34F
我投胎學沒修好,沒錢去洗 LLM,幫QQ
※ 編輯: Saaski (180.176.48.61 臺灣), 08/19/2019 03:52:31
推
08/19 16:57,
4年前
, 35F
08/19 16:57, 35F
推
08/21 18:34,
4年前
, 36F
08/21 18:34, 36F
推
08/21 21:47,
4年前
, 37F
08/21 21:47, 37F
推
08/21 21:49,
4年前
, 38F
08/21 21:49, 38F
推
08/22 19:07,
4年前
, 39F
08/22 19:07, 39F
→
08/22 19:08,
4年前
, 40F
08/22 19:08, 40F