入門

在我理解下的基礎(chǔ)知識，就是我們可以寫一些基本的樣式，并能對頁面的元素進(jìn)行操作。舉例來說，就是我們用Spring和JSP寫了一個(gè)博客，然后我們可以用jQuery來對頁面進(jìn)行一些簡單的操作，并可以調(diào)用一些API。因此，我們需要基本的HTML / CSS知識。只是要寫好CSS并不是一件簡單的事，這需要很多實(shí)戰(zhàn)經(jīng)驗(yàn)。隨后，我們還需要有JavaScript的經(jīng)驗(yàn)，要不怎么做前端呢？

同時(shí)，我們還需要對DOM有一些基礎(chǔ)的了解，才能做一些基本的操作，如修改顏色等等。在這種情況下，最簡單的方案就是使用jQuery這樣的工具。不過，如果可以自己操作DOM是再好不過的了。

中級篇

中級篇就更有意思了，現(xiàn)在我們就需要對頁面進(jìn)行更復(fù)雜的操作。Ajax和JSON這兩個(gè)技能是必須的，當(dāng)我們要?jiǎng)討B(tài)的改變頁面的元素時(shí)，我們就需要從遠(yuǎn)程獲取最新的數(shù)據(jù)結(jié)果。并且我們也需要提交表單到服務(wù)器，RESTful就是必須要學(xué)會(huì)的技能。未來我們還需要Fetch API，ReactiveX這些技能。

除此我們還需要掌握好HTML的語義化，像DIV / CSS這也會(huì)必須會(huì)的技能，我們應(yīng)該還會(huì)使用模板引擎和SCSS / SASS。而這個(gè)層面來說，我們開始使用Node.js來完成前端的構(gòu)建等等的一系列動(dòng)作，這時(shí)候必須學(xué)會(huì)使用命令行這類工具。并且，在這時(shí)候我們已經(jīng)開始構(gòu)建單頁面應(yīng)用了。

高級篇

JavaScript是一門易上手的語言，也充滿了相當(dāng)多的糟粕的用法。幾年前人們使用CoffeeScript編成成JavaScript來編寫更好的前端代碼，現(xiàn)在人們有了ES6、TypeScript和WebPack來做這些事。盡管現(xiàn)在瀏覽器支持不完善，但是他們是未來。同樣的還有某些CSS3的特性，其對于某些瀏覽器來說也是不支持的。而這些都是基于語言本來說的，要寫好代碼，我們還需要掌握面向?qū)ο缶幊?、函?shù)式編程、MVC / MVVM / MV*這些概念。作為一合格的工程師，我們還需要把握好安全性（如跨域），做好 授權(quán)（如HTTP Basic、JWT等等）。

工程化

這個(gè)標(biāo)題好像是放錯(cuò)了，這部分的內(nèi)容主要都是自動(dòng)構(gòu)建的內(nèi)容。首先，我們需要有基本的構(gòu)建工具，無論你是使用gulp、grunt，還是只使用npm，這都不重要。重要的是，你可以自動(dòng)化的完成構(gòu)建的工具，編譯、靜態(tài)代碼分析（JSLint、CSS Lint、TSLint）、對代碼質(zhì)量進(jìn)行分析（如Code Climate，可以幫你檢測出代碼中的Bad Smell）、運(yùn)行代碼中的測試，并生成測試覆蓋率的報(bào)告等等。這一切都需要你有一個(gè)自動(dòng)構(gòu)建的工作流。

兼容性

雖然我們離兼容IE6的時(shí)代已越來越遠(yuǎn)了，但是我們?nèi)匀挥邢喈?dāng)多的兼容性工作要做?；镜募嫒菪詼y試就是跨瀏覽器的測試，即Chrome，IE，F(xiàn)irefox，Safari等等。除此還有在不同的操作系統(tǒng)上對同一瀏覽器的測試，某些情況下可能表現(xiàn)不一致。如不同操作系統(tǒng)的字體大小，可能會(huì)導(dǎo)致一些細(xì)微的問題。

而隨著移動(dòng)設(shè)備的流行，我們還需要考慮下不同Android版本下的瀏覽器內(nèi)核的表現(xiàn)不致，有時(shí)候還要一下不成器的Windows Phone。除此，還有同一個(gè)瀏覽器的不同版本問題，常見于IE。。

前端特定

除了正常的編碼之外，前端還有一些比較有意思的東西，如CSS3和JavaScript動(dòng)畫。使用Web字體，可惜這個(gè)不太適合漢字使用。還有Icon字體，畢竟這種字體是矢量的。不過Icon字體還有一些問題，如瀏覽器對其的抗鋸齒優(yōu)化，還有一個(gè)痛是你得準(zhǔn)備四種不同類型的字體文件。因此，產(chǎn)生了一種東西SVG Sprite，在以前這就是CSS Sprite，只是CSS Sprite不能縮放。最后，我們還需要掌握一些基本的圖形和圖表框架的使用。

css? js 然后前端好的框架學(xué)一到2個(gè)

看來還是我大Java,c++好

HTML5-->CSS3（Sass/Less）-->JavaScript

JavaScript是基礎(chǔ)啊，學(xué)好后再學(xué)下面的東西

jQuery/移動(dòng)端zepto，react,vuejs,angular.js,node.js……

參加路徑吧

CSS樣式、JavaScript特效、JQuery（javaScript庫）差不多前端基礎(chǔ)有了，接下來就看你做前端開發(fā)還是后臺(tái)開發(fā)了，后臺(tái)開發(fā)還要學(xué)java或php，還有數(shù)據(jù)庫

學(xué)了HTML之后，就開始學(xué)CSS，然后HTML+CSS綜合，接著就是javascript，javascript是重點(diǎn)

你應(yīng)該先確定自己想干什么，在想這個(gè)這個(gè)目標(biāo)學(xué)習(xí)

html css javascript不分家呀 接下來 可以好好的學(xué)習(xí)css了 等自己能完整的做完一個(gè)頁面 就開始試著用js寫寫小交互~一步一步來~