1，Html+css可以直接看w3school(http://www.w3school.com.cn/)上的教程，邊學(xué)邊練，每章后還有小測(cè)試。之后可以模仿一些網(wǎng)站做些頁(yè)面（這個(gè)很重要，多模仿一下比較復(fù)雜的網(wǎng)頁(yè)，其實(shí)在很多公司就是這樣，設(shè)計(jì)師把圖給你，你要把圖用代碼寫出來(lái)了，實(shí)現(xiàn)它的兼容性和交互效果，這里還涉及到一個(gè)“切圖”的技術(shù)，可以了解一下怎么把一張圖切好，用代碼將它實(shí)現(xiàn)），真正在實(shí)踐中做到學(xué)以致用。
2，現(xiàn)在html和css都已經(jīng)升級(jí)到了html5，css3,所以僅僅學(xué)html+css是不夠的，現(xiàn)在外面的公司基本都用html5和css3，這兩個(gè)的入門我之前也是直接看w3c文檔。Html5和css3移動(dòng)的會(huì)用得更多，在pc上ie瀏覽器很多版本都不支持。
3，JavaScript：不是所有的網(wǎng)頁(yè)都必須有js，但是要想實(shí)現(xiàn)一些超酷的功能和界面的時(shí)候，就需要涉及到j(luò)s。
4，jquery，bootstrap和AngularJS:這3個(gè)是前端我常用的框架，前端的框架實(shí)在太多了，參差不齊，每個(gè)公司用的框架都不一樣，不過(guò)這3個(gè)框架是很多公司用的，jquery是javascript封裝好的一個(gè)框架，用jquery實(shí)現(xiàn)網(wǎng)頁(yè)的動(dòng)畫效果，能減少原生js的編寫，代碼量也會(huì)減少很多。
5，Ajax:ajax是學(xué)前端不可少的技術(shù)，我之前是看了我同學(xué)發(fā)給我的幾集視頻，很適合入門，如果想要的話，請(qǐng)聯(lián)系我。也可以看w3c文檔關(guān)于ajax的東西，我個(gè)人覺(jué)得w3c文檔很多都很適合入門。
6，設(shè)計(jì)類：有些公司前端和設(shè)計(jì)分的很清楚，有些相對(duì)比較小的公司前端和設(shè)計(jì)都要我們自己做，所以有空看一些設(shè)計(jì)配色類的書
總之一句話，以前前端開發(fā)只是做一些很簡(jiǎn)單的特效什么的，但伴著 ajax 的興起，隨著 HTML5 以及瀏覽器的性能越來(lái)越高，前端的開發(fā)越來(lái)越復(fù)雜，以前在后端的事情現(xiàn)在會(huì)放到前端來(lái)，以便給用戶更好的體驗(yàn)。
