工欲善其事必先利其器
編輯器選擇
- sublime text 3 :本人在用,主題不少,代碼風格很好看
放一個配置插件攻略:
sublime 插件 配置主題:
sublime 主題
-
Hbuilder X : 主題爲綠色,玄學對視力有幫助 html
注: 平時我主要用來寫MD文檔;
-
vscode 工做中不少人在用,具體優勢體驗了才知道前端
異曲同工,無論什麼編輯器都要今早掌握快捷鍵使用,在這個效率爲王的時代纔是王道; 以上三款編輯器都是免費的,輕量級,我的以爲已經夠用若是須要還能夠在百度看看本身想要的;node
學習網站選擇
- freecodecamp
以闖關的形式,練習掌握學習到的各類零散知識點,不限於前端,固然學習深度還有待你們共同努力,線下還有各自城市舉行的開源活動,很是值得一去;
- 百度IFE
能夠當作一次完整的複習,百度給了必定的任務和相應的資料,幫助你解決每一個任務練手時遇到的困難;雖然如今活動截止了,但仍是能夠作任務練手;
- 慕課網
這張圖是慕課前端免費路徑,其中的視頻有點難年代感了,能夠本身把握跳躍學習
慕課就很少吹了~程序員的夢工廠~哈哈哈哈哈哈~webpack
學習內容
- 主要內容:HTML CSS JavaScript ES6
- 框架:JQuery Vue React
- 分佈式版本控制系統: git
- 打包工具:webpack
- 預處理語言:Less,Sass
- 會的固然是越多越好啦:數據結構,HTTP協議等等.....
輔助工具
-
GitHub 全球最大的程序員開源社區 做用是保存代碼,每次修改,刪除,上傳均可以看的清清楚楚;git
-
碼雲 中國程序員開源社區 同上;程序員
-
PxCook 很是好用的測量設計圖參數的工具 最近剛看到尚未開始用github
-
Hexo 能夠經過Hexo+GitHub 搭建我的博客,沒事寫寫日誌之類的;web
貼上個人博客:閒渡 歡迎來訪歐~數據結構