CSS、CSS3
HTML、HTML5
JavaScript、ES6
HTTP協(xié)議
性能優(yōu)化
一門后端語言
更好的方式寫代碼
線下開發(fā)和代碼發(fā)布
學(xué)習(xí)路徑比較長，對于初級學(xué)習(xí)有些合理的路徑
學(xué)會 Markdown，平時多寫文檔
堅持寫博客，收益絕對超出你想象，但要寫在大眾的地方，不要自己搞個網(wǎng)站，否則沒人關(guān)注，漸漸就沒了興趣
了解一下GitHub，讓你的代碼不再停留在本地。也許這兩篇教程可以幫著你理解Git語法 git - 簡易指南、Pro Git
CSS
很多初學(xué)者認為前端難在JavaScript，CSS和HTML比較簡單，這種觀點有一定道理，CSS和HTML的語法比較簡單，但運用的好可以幫我們減少很多JavaScript代碼
對于CSS的學(xué)習(xí)常用屬性的了解 w3school就不錯，但CSS有幾個核心知識一定要非常了解
position和z-index
display
float
margin
這幾個會附帶BFC啊什么的一堆相關(guān)知識點，每個屬性的值含義都要非常清楚才行
MDN上有很多基礎(chǔ)知識的文章，很全面，例子也很詳盡 CSS入門教程，實在是學(xué)習(xí)的好材料
另外CSS的一些布局技巧也需要掌握，圣杯布局雙飛翼啊，聽起來很玄妙，不妨從最簡單的開始 學(xué)習(xí)CSS布局
張鑫旭大神也教我們?nèi)绾巫鋈?說說CSS學(xué)習(xí)中的瓶頸
對于CSS3也是要了解的，有幾個常用的
變形
動畫
圓角、陰影
box-sizing
flex
HTML
HTML學(xué)習(xí)基礎(chǔ)還是推薦 w3school 和 MDN
HTML5看場景，如果是移動端，應(yīng)該開始全面掌握了，PC的話也有幾個常用的，能做到兼容或者退化的
localstorage
history
placeholder
postMessage
requestAnimationFrame
Canvas & SVG
全面了解的話 MDN依舊是個好去處
JavaScript
網(wǎng)上有很多JavaScript方面的教程，但對于初學(xué)者基礎(chǔ)還是比較重要，否則都沒有篩選教程的能力
我強烈推薦 JavaScript高級程序設(shè)計，不要被書名嚇到，這真的是一本由淺入深的學(xué)習(xí)書，值得所有基礎(chǔ)不好的同學(xué)讀三遍，每次肯定有新收獲，而且書的后面有很多高級些的技巧
JavaScript權(quán)威指南做工具書更合適一些
jQuery就不多說了
關(guān)于ES6看看阮一峰的 ECMAScript 6 入門，最近還改版了，有余力的同學(xué)可以買一下書支持阮老師
另外阮老師的博客里入門教程類的干貨真心不少，挑著讀讀
HTTP
HTTP很難去介紹這是什么，但是非常重要，尤其是對入門后的進步階段，建議不要在網(wǎng)上找教程了，直接推薦兩本書
對計算機體系不是很了解的可以先看本輕松的 圖解HTTP
HTTP權(quán)威指南也很不錯，但預(yù)讀有一些難度
進階
前端天地?zé)o限廣闊，關(guān)于進階那就百花齊放了，有幾個流行的領(lǐng)域
預(yù)處理
Sass、Less
模塊化
CommonJS、AMD、CMD
工程化
gulp、webpack、NodeJS
MVVM 等框架
React、AngularJS、Vue.js
最后
順著這幾個領(lǐng)域走，各種知識層出不窮，耐心享受吧
文章均為思樂科技專注網(wǎng)站建設(shè)，成都網(wǎng)站建設(shè)的成都網(wǎng)站建設(shè)公司原創(chuàng)，轉(zhuǎn)載請注明來自http://www.klfwq.com/news/xinshoujianzhan/20161020/75579.html