結(jié)合自身的經(jīng)歷談下這個(gè)問題，不一定適合于所有人。

感覺可以分為下列幾個(gè)學(xué)習(xí)階段。

這兩個(gè)應(yīng)該是對(duì)初學(xué)者比較友好的了，html大概了解一些常用的標(biāo)簽，css的話看下各種選擇器的寫法，然后找個(gè)網(wǎng)站模仿著寫一遍樣式，基本上就有感覺了。之所以推薦這兩個(gè)先學(xué)除了簡(jiǎn)單，還有成就感，寫的東西直接以頁(yè)面展示出來，這比很多大學(xué)以C教學(xué)，對(duì)著命令行打印一堆數(shù)據(jù)的體驗(yàn)要好很多。你甚至可以嘗試著寫一個(gè)靜態(tài)網(wǎng)站來做一個(gè)自己的簡(jiǎn)歷，展示到朋友圈。

學(xué)習(xí)資源的話，推薦兩本書吧。

《Head First HTML and CSS》

Head First系列的書一直評(píng)價(jià)很高，這本書也是。但我覺得其實(shí)沒必要一來就學(xué)那么多，很多標(biāo)簽和屬性你都記不住，更不用說css那么多屬性了，很多從業(yè)多年的前端應(yīng)該也只能記住其中的大部分吧。推薦的學(xué)習(xí)方法是Learn by doing.過程中遇到問題的話，學(xué)會(huì)用搜索引擎+MDN.

《CSS Secrets》

看完這本書你會(huì)感嘆，原來CSS還可以這樣寫。

js的話還是比較復(fù)雜的，很難短時(shí)間就掌握的很好，但你至少要搞懂一些基本的控制流語法，變量，常量，函數(shù)，類這些東西。至少做到你參考別人的代碼能看懂別人大概在寫啥。

小白可以看下這本GitBook上的書，基礎(chǔ)的東西都有涉及，也不長(zhǎng)。最多一個(gè)小時(shí)就能看完。https://www.gitbook.com/book/xinqiu/learn-javascript-cn/details

稍微有基礎(chǔ)了，想深入學(xué)JavaScript這門語言的話，可以看下《Javascript權(quán)威指南》這本書。

但老實(shí)說，這本書雖然很好，但是不適合初學(xué)者看，我看了一部分之后覺得純看書籍的話還是太無聊了，不太適合自己，遂棄之。

相比之下，我更推薦廖雪峰大神的《JavaScript教程》https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000，在網(wǎng)上就能看，前面很基礎(chǔ)，然后后面開始飆車。大家可以選擇性看，文中提到了很多初學(xué)者會(huì)遇到的坑，比如var that = this.這種小技巧。很多時(shí)候初學(xué)者會(huì)被這種問題困擾很久，有人指路會(huì)幫你節(jié)省很多時(shí)間。

之后你可以了解一些ES6的新語言特性，然后試著用React，Vue，Angular之類的框架來試試。

選擇的話，感覺新手推薦Vue，封裝的很好，有時(shí)會(huì)覺得就算不會(huì)js，跟著Vue的教程，也能開始寫一些東西。React的話，個(gè)人感覺要稍微難點(diǎn)，寫的感覺和原生的JavaScript要接近些。Angular沒寫過就不評(píng)價(jià)了。但這三個(gè)框架的很多思想其實(shí)有共同之處，學(xué)會(huì)一個(gè)，學(xué)另一個(gè)會(huì)簡(jiǎn)單很多。所以不必太過糾結(jié)。而且前端這個(gè)領(lǐng)域，技術(shù)更新很快，如果你想學(xué)一門一勞永逸的技術(shù)，那么前端很可能并不適合你。

這兩個(gè)感覺是相互依賴的，寫PHP不可避免的就要操作數(shù)據(jù)庫(kù)。PHP我寫的也比較少，只用Phalapi寫過一個(gè)小網(wǎng)站，但感覺整體寫起來的感覺不是那么爽，但也有可能是我打開的方式不對(duì)，數(shù)據(jù)庫(kù)的話，php有別人封裝好的ORM庫(kù)可以對(duì)數(shù)據(jù)庫(kù)進(jìn)行操作，這使得你可以不會(huì)sql語法也能對(duì)數(shù)據(jù)庫(kù)進(jìn)行操作，實(shí)在需要用到sql的時(shí)候，可以查下文檔，然后模仿著寫。因?yàn)檫@方便了解的不多，就不瞎提建議了。

不過雖然php是世界上最好的語言，我也建議你有機(jī)會(huì)試試python或者node.js。或許會(huì)打開新世界的大門。