標籤：環境配置 軟體 書評 順序 sub dom develop blank tab
網上尋找web開發學習的方法，發現知乎上有一篇寫的很棒，就提取一部分作為摘要放在這裡。主要是落憂和Wayne Shi的答案。
https://www.zhihu.com/question/22646257
推薦學習順序：HTML, css ,js, apache ,php, mysql
後三者是需要裝軟體的, 推薦wamp, 絕佳的一站式環境配置, WampServer, the web development platform on Windows 直接包括了apache, php, mysql三個軟體, 省的自己一個一個裝.
有不少人在評論裡問mac os下對應的軟體, 這裡補充一下: XAMPP Installers and Downloads for Apache Friends
- 首先學習HTML, css, 這兩個東西是一套的, 非常容易理解, 把w3school上面的教程過一遍就會了, 記住要一個個過, 千萬不要偷懶, 一旦開始偷懶, 你會越來越偷懶, 最後什麼都沒學成. HTML 教程 , CSS 教程
- 下一步是學js, js相比前兩個會難的多, 因為js才是一門正式的程式設計語言, 同樣, w3school的教程全過一遍, JavaScript 教程 , 教程過完了就可以買書看了, 強烈推薦一本超好入門書: 《JavaScript DOM編程藝術（第2版）》(Jeremy Keith，Jeffrey Sambells)【摘要 書評 試讀】 , 認真學, 多看, 看完之後學jquery, 這個時候你基本能夠瞭解語言庫了, jquery 也直接過一遍w3school的教程, jQuery 教程 . jquery會了, 基本上你網頁開發前端就已經入門了, 如果你學的紮實, 反覆的看, 其實你就可以勝任前端開發的工作了, 不過瀏覽器安全色性還是解決不了的, 不過你目標不是前端工程師, 瀏覽器的相容性不瞭解也無所謂.
- 在第二步你學習js的時候, 你可能就接觸一些後端的東西, 沒錯, 就是ajax. 這個是需要後端返回資料的. 這個時候你要開始學習php了, 入門php相比於js會更麻煩一些, 因為運行php需要有很多細節要處理, 所以一本好的入門書籍是非常重要的, 這個w3school上面的php幫不了什麼忙了, 推薦一本書: 《php和mysql web開發（原書第4版）》([澳]威利，[澳]湯姆森)【摘要 書評 試讀】 , 當然, 這過程中你會遇到各種各樣的問題, 但是如果你學到了這一步, 非常歡迎你私信我來學習, 我絕對協助, 現在肯學習的孩子太少了, 而且題主才上高中, 太難能可貴了.
- 一些注意點, 學習HTML, css, js的時候, 只要有瀏覽器就夠了, 不需要裝wamp, 編輯器推薦sublime, 多用google, 多敲代碼, 尤其是多敲代碼非常重要, 不敲代碼你什麼都學不會. 其他的想起來再補充吧.
1. HTML
網站製作的基礎，瀏覽器開啟任意一個網頁，查看其源碼都是看到的HTML。因為HTML是網站頁面最終的表現形式。網站頁面所有的內容都需要通過HTML展現，所以學習PHP必學的基礎首先就是HTML，HTML很簡單，它甚至都不能算做一門程式設計語言，而是一個標記語言。HTML就是一些標籤，頁面的內容就放在一個個標籤裡面。
2. CSS
學習了HTML，知道頁面的內容是怎麼展現的了。那麼我們是不是可以把頁面展現得更漂亮呢（畢竟這是一個看臉的時代~），平時我們看到的那些漂亮的網站頁面，大多數都是通過CSS來美化的。CSS代碼都是些樣式屬性，這些樣式屬性添加到HTML元素上面，對應的HTML元素的樣式就會被CSS改變，學起來會很快，因為編寫HTML和CSS可以直接在瀏覽器上面看到效果，非常有意思！
3. JavaScript
JavaScript會比HTML和CSS難一點，不過入門很簡單，跟著教程練習學起來會更加順利。如今JavaScript被炒得比較火（庫和架構滿天飛，用得最多的還是jQuery），不過學習好基礎才是最重要的，正所謂萬變不離其宗。學習建網站，當然就要勤動手，鞏固好基礎。學了JavaScript，對PHP中的很多概念也都明白了，因為程式設計語言裡面很多東西都是相通的。
4. MySQL
對於MySQL資料庫，可以先學習基礎就行了，能夠熟練地對資料庫進行【增刪改查】操作就夠用了。等學習了PHP，再來對MySQL進行加深學習，這樣會事半功倍。資料庫並不像想象中的那麼難懂。
5. LAMP
LAMP也就是Linux、Apache、MySQL和PHP。在實驗樓的實驗環境中，已經搭建好了LAMP環境，學習PHP的時候題主就不用浪費時間去折騰搭建環境了，可以先看看LAMP是如何協作的。在實驗樓中開始實驗，就會建立一個LAMP環境，而且可以長期儲存代碼。等PHP學習得差不多了，再來學習如何自己搭建LAMP環境並部署到生產環境，這時就不會覺得LAMP那麼抽象。
6. PHP
入門了HTML、CSS和JavaScript之後，對於編程已經有自己的理解了，這時學習PHP會容易很多，至少知道變數、語句、函數、對象等等東西，學習的過程中也會自信很多。先學習基礎課程實驗，然後跟著實驗樓多做一些小項目，實踐出真知，加深對PHP的理解。這時再去看WordPress裡面的代碼，會發現大多數PHP代碼都能看懂。
以下是圖中的課程地址，全部免費，可以邊看教程邊實操練習。
1. Web - HTML基礎入門
2. Web - CSS速成教程
3. Web - Javascript基礎（新版）
4. SQL - MySQL參考手冊中文版
5. Linux - LAMP部署及配置
6. PHP - PHP程式設計語言
網頁開發學習指南
