我在自學前段的知識，每天晚上倆小時。html,css掌握基礎知識的話兩三個周就可以，js內容就比較多了，es5,jquery,bootstrap,html5,css3,es6,nodejs,vue等框架學習曲線會越來越陡，沒有充足的學習時間的話半年也夠嗆。我已經自己啃書看影片教程半年了，最近在看es6，感覺js像個無底洞，學習動力越來越不足了。而且感覺學著後面的前面的已經忘了。。。php，和mysql應該是後段的吧？還沒接觸過。。。

首先要說明你說的學完是什麼概念，如果是皮毛，全小白估計要半年以上一年以下，如果要能自己重寫方法，這個時間要乘2，如果要完全掌握，那就不是時間的問題了，時間、天賦、努力、機會，一個都不能少

如果之前有其他語言的程式設計功底，這幾個都學會用不了1個月。如果沒有的話可以先看基礎知識不用深學循序漸進。

HTML把所有標籤過一遍，瞭解DOM框架的原理，然後重點了解div和表單，瞭解塊元素和行內元素，這些工作兩天足夠了。

CSS把所有屬性過一遍，然後重點了解文字樣式相關的幾個屬性（font開頭的）、內邊距、外邊距、邊框、float、display、邊框、position就可以了。這塊兩天也夠了。

JavaScript必須從基礎學起，資料型別、迴圈、判斷、函式、名稱空間等了解以後，建議先引入jQuery框架進行輔助學習，這會達到事倍功半的效果，基本處理學完以後就必須學ajax了，ajax操作需要配合JSON資料進行學習，所以你還需要了解一下JSON資料相關的知識。js學習的時間快則20天多則兩個月不好說。

PHP也是一樣主要學資料型別、迴圈、判斷、函式、名稱空間。學完這些基礎知識以後重點學習php資料庫處理方面的知識，建議用學pdo連線，並且對資料庫新增修改的時候做預處理，這塊10天半個月能學會就不錯了。

mySQL主要是資料庫建表方法的知識，比如欄位的型別、長度、索引等知識，再一個就是SQL語句，SQL語句前期也就是學會增刪該查就可以了。這塊大概三天即可小有心得。

根據你的描述應該是要做H5相關的開發，所以你還需要學會js透過ajax載入與後臺的通訊，也就是php透過獲取post過來的引數輸出json格式資料，js拿到以後都前端頁面進行處理。這塊用好了，你的php主要用來處理資料庫資料就可以了，剩下的工作全部由JS來完成，也就是做到前後端分離。這些工作可能還會花費你一些時間，總的來說就是慢慢來，基礎一定要打好，不要急於求成。

不知道你這個學完是個什麼概念，如果只是能做出一些東西的話，那去那些培訓機構大概半年的時間這些就差不多了！如果是行業標準的話，除了這些基礎知識，還需要你在工作中繼續學習很長時間，如果是我理解的學完，那就得到你離開這個行業為止，因為技術在不斷的快速更新，你學的也只是當下技術。所以每個程式設計師都是在不斷的學習進步的，以這樣的標準說學完的話，那就得一直學

根本學不完！告訴你了！只要你進入程式設計的世界中，就意味著你每天都要不斷的學習！你準備好了嗎？不要聽誰說一個月，一個星期，這都是騙人的！如果你做好每天都學習的準備！那就開始你的程式設計之旅吧！祝你成功！

論自學的話，這幾個我剛好是從初中學起，全部自學完我用1年，當然是從沒任何基礎的開始學，而且也都是網上找資料，速度也不快，慢慢練，而且還必須一直學習，然後現在大一，在公司兼職做後端的。還沒報過任何培訓

如果沒任何基礎的情況，按大部分培訓機構的時間看前端部分html、css、js,外加一個流行框架（vue、react、angular），這些全部填鴨式的灌輸完畢需要4-6個月（每天8小時每週5天）。而且這些東西只能停留在熟悉的基礎上，運用熟練還需要大量的程式碼堆積。服務端的php和mysql如果只是最初級水準(PHP 開發環境、基本語法、變數資料型別、陣列、常量、運算子、函式、作用域，mysql欄位、欄位屬性、索引)，自己寫個介面的話就從sql語句開始看，然後用tp搭個架子，時間怎麼也得1個月，這期間還得保證你前端知識不能忘。

HTML

學習基礎，元素，屬性，標題，段落，樣式，格式化，引用，註釋，連結，影象，表格，列表，塊，類，佈局，框架，內連框架，背景，指令碼，顏色，表單，畫布，媒體，物件，音訊，影片，web儲存，應用快取。

學完大約需要一週時間。

學習基礎語法，派生選擇器，id選擇器，類選擇器，背景，字型，連結，列表，輪廓，框模型，內邊距，外邊距，定位，相對定位，浮動定位，對齊，尺寸，圖片，顏色。

學完大約需要一週。

學習語句，註釋，變數，資料型別，物件，函式，運算子，比較，if else,switch,for,while,break,DOM,事件，節點，物件，字串，日期，陣列，邏輯，算數，正則表示式，JS庫，JQuery,Prototype.

學完大約需要兩週。

學習安裝，語法，變數，字串函式，運算子，if else，switch，while，for，函式，陣列，陣列排序，表單，檔案，error。

學完大約2周時間。

學完大約2周。

全部學完大概需要兩個月，但僅限於入門。後面深入最好能結合專案，學以致用，才能對這些模組更加理解。

以上一點拙見，請君參考。

結合自身的經歷談下這個問題，不一定適合於所有人。

感覺可以分為下列幾個學習階段。

這兩個應該是對初學者比較友好的了，html大概瞭解一些常用的標籤，css的話看下各種選擇器的寫法，然後找個網站模仿著寫一遍樣式，基本上就有感覺了。之所以推薦這兩個先學除了簡單，還有成就感，寫的東西直接以頁面展示出來，這比很多大學以C教學，對著命令列列印一堆資料的體驗要好很多。你甚至可以嘗試著寫一個靜態網站來做一個自己的簡歷，展示到朋友圈。

學習資源的話，推薦兩本書吧。

《Head First HTML and CSS》

Head First系列的書一直評價很高，這本書也是。但我覺得其實沒必要一來就學那麼多，很多標籤和屬性你都記不住，更不用說css那麼多屬性了，很多從業多年的前端應該也只能記住其中的大部分吧。推薦的學習方法是Learn by doing.過程中遇到問題的話，學會用搜索引擎+MDN.

《CSS Secrets》

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

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

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

稍微有基礎了，想深入學JavaScript這門語言的話，可以看下《Javascript權威指南》這本書。

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

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

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

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

這兩個感覺是相互依賴的，寫PHP不可避免的就要操作資料庫。PHP我寫的也比較少，只用Phalapi寫過一個小網站，但感覺整體寫起來的感覺不是那麼爽，但也有可能是我開啟的方式不對，資料庫的話，php有別人封裝好的ORM庫可以對資料庫進行操作，這使得你可以不會sql語法也能對資料庫進行操作，實在需要用到sql的時候，可以查下文件，然後模仿著寫。因為這方便了解的不多，就不瞎提建議了。

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

菜農認為應該把問題分為三類:

1.html和css

前者是網頁檔案，它是網頁的基石，後者css則為景上添花，美化網頁。

如果不需要網頁美觀或特效，css真可以不要，只要你不嫌網頁醜。

2.js和php

前者是前端程式語言，後者是後端程式語言。

兩者都是計算機程式語言，如果有C語言基礎，則非常好入門，否則非常有難度。

3.mysql

它是資料庫查詢語言。

必須有資料庫基礎，如果有windows桌面資料庫基礎，入門難度就會降低很多。

菜農今年60歲，年底退休。準備維護個人免費技術網站到78歲。(這是菜農的心願)

假如你是學PHP，培訓班裡這套東西一般4個月的課程，當然因為是培訓PHP前端部分(Css,JavaScript)只講必要的部分，比專門的前端培訓內容要少一些