[心得] 文組難民轉職前端

[Saaski (GreedIsGood)]

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

--
         ◢◢ξ                  █  切斷頭殼顛倒巧     █
    █ ╱█▂█▍你可以揮兩把劍  █   \ ◢      ◣      █   ＭＡＲＶＥＬ
 █  ╱ █ █▆▋  真不簡單!     █◆  ▋◥ ◤        ◆█　　
  █∕ █▅██▉ /              █  ◆◣◥ ◤◤  ◢◆  █     Deadp‥l
 █◢████◥█                █  ◥ ◣     ▼◢ ◤  █
 ◢█████◣                  █ Ｙ﹊▄▇▇ ▄◤﹊Ｙ █         ψleo1990910

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 180.176.48.61 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1565893151.A.DD1.html
推 Hevak: 期待面試心得文
推 judge1226: 恭喜拿到offer，好奇面試+1
推 pkro12345: 推
推 bcjohn: 推
推 AlbumXimals: 推
推 jjwei: push
推 VictorKid: 恭喜轉職前端難民（嗚...
推 fishstay: 推
推 pseudoman: 恭喜
推 Y78: 推推 感謝分享也感謝推薦
推 vul3kuo: 推分享
推 andy100a: 推
推 dick8101070: 推分享
→ dick8101070: 不過這類的文社群已經很多不缺了
→ dick8101070: 面試文會對社群尤其是 Junior 們的資訊透明比較有幫
→ dick8101070: 助
→ dick8101070: 也恭喜轉成功
呃，也是因為手上還有面試在跑，想說等跑完再一起發這樣

推 mioaria: 恭喜 感謝分享！
推 stupid0319: 好猛
推 jimjim951357: 推 感謝分享
推 pttman0857: 求offer公司  可以站內嗎  謝謝
推 ernie5715: 推分享，方便請教獲得offer的薪資大約是多少嗎?
跟樓下那篇差不多，試用期可能少一點

推 mirror0227: 廣義文組 XD
推 ctweng13: 推 恭喜啦
推 bug9: 推!!
→ s212gj: 第一行的title是不是拼錯了？
感謝大大提醒

推 Hsins: 法律不好嗎QQ
https://i.imgur.com/ULhbFtx.jpg

推 summer429: 推分享！
推 tcssh611503: 大推！
推 colorful1122: 法律系真的不好QQ
推 hooll111: 低卡完全不行...
我是覺得 Dcard 是個讓我這種菜雞 ... 建立信心的地方
其他社群大家都高來高去，如果有比較低能的問題就不太敢在那邊問
但 Dacrd 比較不會有這種情況

而且因為是低卡（？，所以可以試著在那邊解答別人的問題
一方面教學相長，二方面建立信心，我覺得信心的重要性不亞於技術實力

當然在 Dacrd　問到的答案多少要注意一下啦

推 LeaveMyHeart: 想了解offer 大概多少呢 方便的話可以站內
推 lcl80: 推
推 Laurara: 不考慮考法研跟律師進大所嗎 待遇比gg好
我投胎學沒修好，沒錢去洗 LLM，幫QQ
※ 編輯: Saaski (180.176.48.61 臺灣), 08/19/2019 03:52:31
推 shian0222: 推
推 tina7996: 推
推 vulsu: 推！坐等面試心得文
推 bonjouratous: 同是前端難民淚推
推 Swartz: 台灣的大學真的應該好好檢討 所有人都跑去coding 學校卻什
→ Swartz: 麼也沒做.