IDE篇
程式設計師最重要的的就是IDE了，一個好的IDE可以幫你省略大量的時間，以及少生很多悶氣，下面開始前端的IDE推薦：
- VSCode 最推薦的IDE ☆ ☆ ☆ ☆ ☆
可以說適合所有語言的免費IDE，可以下載外掛滿足幾乎所有的要求，最佳推薦沒有之一
點我跳轉 - WebStorm 功能最全面的IDE ☆ ☆ ☆ ☆
最全面的前端IDE，包含了你可能遇到的所有功能快捷操作，內容十分豐富，不過啟動速度慢是一點小缺點
破解版下載 （破解可能有時間限制，請注意）
- Sublime 輕量級IDE ☆ ☆ ☆ ☆
作為一款輕量級的IDE，sublime同樣是支援多種語言，並且支援下載外掛的，缺點是需要破解並且商店體驗並不好
官網在這裡 - Hbuilde
沒用過，不寫評價了，直接放連結 點選跳轉
文件篇
程式設計師文件當然推薦的是markdown了，現在推薦一些個人用過的markdown編輯器
- Typora
一款顏值線上的markdown編輯器，支援Mac和Windows 點我跳轉 - MarkdownPad
windows版的編輯器，功能強大並且顏值還可以 點我跳轉
當然，為了照顧非程式設計師的情緒，放上office的下載 office破解版
學習篇
- 印象筆記
可以同步PC，手機，pad的筆記，方便隨時查閱自己的筆記，並且可以隨時補充新的筆記，免費版每個月60M也足夠日常使用 印象筆記 - Xmind
思維腦圖，用來彙總學習到的知識點或者捋思路還不錯，不過有一些雞肋，不如自己用筆畫畫清晰。 - Aria2GUI
神器，可以破解百度雲的限速，使用起來也不算麻煩，增加的操作步驟也算能接受，畢竟百度雲會員實在太貴了，另外屬於個人開發，並沒有相應的官網，請自行搜尋。
開發篇
- SourceTree
git版本管理工具，無腦的檢視操作，功能強大並且支援多賬號 點我跳轉
網站篇
學習最重要的是經常百度，要始終堅信著：你的水平能遇到的坑，別人都幫你踩過了。
另外就是開發過程多看文件，很多問題文件都會有相關的解決方案，多看幾次就能想到解決方法。
- 菜鳥教程——入門教程 菜鳥教程
- 慕課網——線上視訊教程 慕課網
- MDN——官方JavaScript參考文件MDN
- can i use——css標籤在不同瀏覽器的支援程度 caniuse
- awesome——前端資源庫 awesome
- 思否——一個分享社群，可以提問以及寫個人心得segmentfault
- 稀土掘金——前端分享社群掘金
- 阮一峰個人部落格——大神的筆記 阮一峰的部落格
- 廖雪峰個人部落格——大神的教程，包含JS，Java，Python，git等廖雪峰教程
書籍推薦
-
JavaScript權威指南（犀牛書?）
- 作為JavaScript的權威，這本書的重要性不用多說，包含了幾乎全部的API，被稱為JavaScript字典的存在，值得反覆閱讀的書籍。
-
你不知道的JavaScript
- 包含上中下三本，用很多例項來講解了JavaScript的特性，方便更深入的理解JavaScript的特性以及各種原理，看完後會對JavaScript有更深入的理解，非常推薦。
-
Vue.js 前端開發 快速入門與專業應用
- 關於Vue開發的一本介紹書，沒有官網更新的快，而且圖書註定內容更新速度不如官網，比如這本書內容大多還是1.0時期的，故不推薦。
-
React與Redux開發例項精解
- 關於React開發的介紹，不推薦原因同上，不如自己去官網看。
-
ES6標準入門教程
- 阮一峰著作，介紹了幾乎全部的es6更新，甚至包含了部分es7內容，不僅僅有API介紹，還有es5模擬實現的方法，內容詳細並且便於理解，非常推薦。
-
深入淺出Node.js
- 介紹了node.js的發展經歷，實現原理，各種API（後面還沒看到），對理解node.js很有幫助，非常推薦。