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