工具篇
代碼編輯器:推薦sublime(支持各類插件、主題、設置,使用方便)
1.安裝sublime插件javascript
瀏覽器:推薦Google Chrome,更新快,對前端各類標準提供了很是好的支持css
調試工具:推薦Chrome自帶的Chrome develop tools,能夠輕鬆查看DOM結構、樣式,經過控制檯輸出調試信息,調試javascript,查看網絡等
Chrome插件:
liveload: 修改頁面後自動刷新,不用按F5
dimensions:直接在頁面上測量的利器
livestyle:css樣式修改後自動起效果,不須要刷新,elements修改後也能同步到代碼中
image tool:測量,取色前端
電腦:蘋果mac (早早適應 Mac 系統(Mac 是前端的標配))java
找一個可多端同步的平臺彙集本身的收藏,創建知識索引庫(建議別用 Evernote)git
找一個穩定的平臺(github 吧),堅持寫博客,時間久了,你會感受本身在改變github
webstorm,神器!幾乎集成了前端都有的環境,更新速度也快。
最重要的是:它能夠提醒你的一些疏忽或者很低級的錯誤!而不用本身瞎找半天web
理論篇
提升英文水平(據說讀寫)windows
脫離你的鼠標(包括 windows 系統上)後端
前端自動化,顧名思義 減小前端工程師平時處理的繁瑣。 好比項目文件的複製 切圖的合併 css預處理器的編譯 等瀏覽器
一個好的前端工程師,必須也是一個好的後端工程師
養成閱讀英文文檔和英文技術博客的習慣,時間一長你會發現思考問題和解決問題的路徑比以前更爲精準有效且持續。
時刻保持對自我前端知識體系創建的警戒和思考,不要由於時髦而衝動,根據本身的階段慎重的判斷知識的優先級
閱讀前端牛人的博客、文章提高對知識的理解
善用搜索引擎
原生javascript是須要重點掌握的技能,在掌握原生javascript的基礎上推薦熟練掌握jQuery,在實際工做中用處很大
搭建一個屬於本身的博客
交流和溝通能力:這個很是重要,前端同時須要與項目經理、產品、交互、後臺打交道,溝通不善會致使不少無用功,延緩項目
知識管理、時間管理:input和output的平衡,output是最好的input。如何作好分享,參與社區,作好交流,做好記錄
對新技術的渴望,以及勇於嘗試
前端的定位關乎到你須要吸取什麼樣的知識和技能,決定在技術世界裏你對什麼須要格外敏感。若是你認爲前端僅僅停留在切頁面,實現交互和視覺的要求,那你對前端的認識還停留在初級階段