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://webptt.com/m.aspx?n=bbs/Soft_Job/M.1565893151.A.DD1.html 呃，也是因為手上還有面試在跑，想說等跑完再一起發這樣 跟樓下那篇差不多，試用期可能少一點 感謝大大提醒 https://i.imgur.com/ULhbFtx.jpg 我是覺得 Dcard 是個讓我這種菜雞 ... 建立信心的地方 其他社群大家都高來高去，如果有比較低能的問題就不太敢在那邊問 但 Dacrd 比較不會有這種情況 而且因為是低卡（？，所以可以試著在那邊解答別人的問題 一方面教學相長，二方面建立信心，我覺得信心的重要性不亞於技術實力 當然在 Dacrd　問到的答案多少要注意一下啦 我投胎學沒修好，沒錢去洗 LLM，幫QQ ※ 編輯: Saaski (180.176.48.61 臺灣), 08/19/2019 03:52:31