HTML、CSS、JavaScript、PHP、 MySQL 的學習順序是什嗎?

來源:互聯網
上載者:User
關鍵字 Wordpress apache
真誠地感謝您的回答!
前些日子搗鼓Wordpress部落格,對建網站產生了濃厚的興趣。
請問標題上的這些東西,是建設一個網站所需要的完整一套知識嗎?
還有其他需要學習的嗎?
怎樣安排其學習順序?
謝謝!

PS:聽說還有個apache,好像是服務端軟體,需要單獨學習嗎?

回複內容:

如果你有耐心堅持個一年以上的話, 我會推薦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

  1. 首先學習HTML, css, 這兩個東西是一套的, 非常容易理解, 把w3school上面的教程過一遍就會了, 記住要一個個過, 千萬不要偷懶, 一旦開始偷懶, 你會越來越偷懶, 最後什麼都沒學成. HTML 教程 , CSS 教程
  2. 下一步是學js, js相比前兩個會難的多, 因為js才是一門正式的程式設計語言, 同樣, w3school的教程全過一遍, JavaScript 教程 , 教程過完了就可以買書看了, 強烈推薦一本超好入門書: 《JavaScript DOM編程藝術(第2版)》(Jeremy Keith,Jeffrey Sambells)【摘要 書評 試讀】 , 認真學, 多看, 看完之後學jquery, 這個時候你基本能夠瞭解語言庫了, jquery 也直接過一遍w3school的教程, jQuery 教程 . jquery會了, 基本上你網頁開發前端就已經入門了, 如果你學的紮實, 反覆的看, 其實你就可以勝任前端開發的工作了, 不過瀏覽器安全色性還是解決不了的, 不過你目標不是前端工程師, 瀏覽器的相容性不瞭解也無所謂.
  3. 在第二步你學習js的時候, 你可能就接觸一些後端的東西, 沒錯, 就是ajax. 這個是需要後端返回資料的. 這個時候你要開始學習php了, 入門php相比於js會更麻煩一些, 因為運行php需要有很多細節要處理, 所以一本好的入門書籍是非常重要的, 這個w3school上面的php幫不了什麼忙了, 推薦一本書: 《php和mysql web開發(原書第4版)》([澳]威利,[澳]湯姆森)【摘要 書評 試讀】 , 當然, 這過程中你會遇到各種各樣的問題, 但是如果你學到了這一步, 非常歡迎你私信我來學習, 我絕對協助, 現在肯學習的孩子太少了, 而且題主才上高中, 太難能可貴了.
  4. 一些注意點, 學習HTML, css, js的時候, 只要有瀏覽器就夠了, 不需要裝wamp, 編輯器推薦sublime, 多用google, 多敲代碼, 尤其是多敲代碼非常重要, 不敲代碼你什麼都學不會. 其他的想起來再補充吧.

對於那些說加入xxx陣營的, 不要理他們, 直接在win上面學, php和apache對win的相容性非常好, 完全可以從入門學到精通都無需碰linux. 當然, 如果你網站最終上線的話, 還是需要接觸linux伺服器進行部署. 這個到需要部署的時候再說, 提前接觸linux就是浪費時間.題主提到的這些是PHP工程師需要學習的基本的知識點。學習PHP絕對沒有錯,因為PHP是世界上最好的程式設計語言(逃~~~)。

地球上最火的部落格系統WordPress,就是對PHP最成功的證明,相信很多人都是通過WordPress才接觸到PHP的吧~~國內也有Typecho這樣效能好又穩定的部落格系統,PHP寫的論壇也很多,比如Discuz!、PHPWind等。PHP寫的CMS系統有PHPCMS,dedeCMS等。在網站中,PHP應用廣泛到不行~

如果想入門PHP,題主提到的知識點,可以參考的學習順序,來自實驗樓PHP研發工程師 學習路徑。
1. HTML1. 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代碼都能看懂。想修改下WordPress主題什麼的都是小case~。可以自己定製WordPress功能啦~\(≧▽≦)/~

以下是圖中的課程地址,全部免費,可以邊看教程邊實操練習。
1. Web - HTML基礎入門
2. Web - CSS速成教程
3. Web - Javascript基礎(新版)
4. SQL - MySQL參考手冊中文版
5. Linux - LAMP部署及配置
6. PHP - PHP程式設計語言 作為一名自己摸索著進入火坑,從事web開發多年,培養過無數bug,扼殺過無數bug,直至發蒼蒼,視茫茫,而立之年無嬌娘。俺有話說:盡量先學習能使自己有成就感的。

PHP真是一種奇葩的語言,他會很樂意帶你入門,等你學的差不多的時候,你會發現這時候你已經會了一堆幼稚園小孩般的語言,什麼HTML,javascript,xml,sql等等,你也懂得了伺服器端的配置和一些膚淺的系統知識。當你又學了一些其他的語言,比如c/c++,java,python,ruby等,突然有一天你會被php醜陋的外表嚇得大汗淋漓,想要看看這醜陋的外表下到底是否有一顆美麗的心靈,你會看它的源碼,結果你發現你對編譯原理、資料結構這些都不清楚,你又會去看這些,當你正在愉快學習著的時候,公司打電話說伺服器出問題了,你懷疑是配置問題,就又像個冒險家一樣探索伺服器,你又發現你想要很好的設定管理員需要對系統有個比較清楚的認識,你心愛的web伺服器的系統十有八九用應該是linux,你找了好多關於linux方面的書,什麼核心解析,網路通訊協定實現原理..一隻野生的金剛勇士誕生了。

網上有好多程式員“鄙視鏈”,似乎php處於比較低的檔次,幸運的是那些鄙視鏈只是一部分大牛猿在寫代碼寫的抓狂的時候相互攻擊調侃放鬆的結晶,然後又被無知猿到處散播,至少我是這麼認為的。程式設計語言只是一種工具,更多的是要加強自己的內功修養,每種語言都有自己適合的領域,你如果非要用鋼鋸來鋸柴燒,還鄙視鋼鋸不如斧頭,我是很樂意和這種人交朋友的。HTML、CSS、JavaScript、PHP、 MySQL的學習順序是什嗎?

沒錯,你列出的學習順序非常正確。本人就是從小學習電腦最後自己建站的。D2CN就是我的。

HTML是網頁標記語言,是瀏覽器能夠閱讀的語言。你如果想你的網頁讓別人能看到,就必須學習HTML。且不說你是否建站,只要你寫的東西想要瀏覽器能正確顯示出來,那就要懂HTML。
HTML的編輯工具倒是起點很低,MS WORD就可以做到。你另存新檔HTM文檔,再用記事本開啟,就能看到HTML代碼了,很好理解的代碼。買本HTML的書籍,一會就會。

會了HTML,也只是知道了網頁編輯的入門。真正要建站,就需要瞭解CSS了。CSS中文名為“層疊樣式表 ”。簡單來說,CSS嚴格意義上來說算不得一種語言,但它借用了HTML的標記方法,被嵌套在網頁中。文法比較直接,多數是文檔格式化名詞。可以自訂格式類,也可以被外部調用(嵌套)。如果是外部嵌套,基本上你就快要用到建站知識了。但沒關係,這些仍然還可以在你的本地電腦類比,並不真的需要一個伺服器。

JavaScript也是用HTML標記代號內嵌於HTML中的Javascript程式碼片段,文法是Javascript文法。是因為HTML的功能實在受局限,多數是靜態展示,沒有互動能力。而JavaScript可以允許網頁中使用一些特殊效果。早起的瀏覽器是不支援JavaScript的,但現在的瀏覽器沒有不支援的。
感謝幾位知友糾正我的描述錯誤。當時打字太急,措辭不當。感謝。

上述三種代碼,都還只是基於瀏覽器端的解釋運行,可以完全獨立於伺服器。你在本地電腦的一個檔案夾裡寫好,也完全可以在這個檔案夾裡用瀏覽器玩這些東西而不需要伺服器支援。

上面三種代碼再厲害,做出來的頁面也只是一個或者一些頁面而已。如果沒有程式或者資料庫的支援,這些頁面就算再漂亮也最終沒法對外部資料請求產生大規模回應。這時候,就需要動態網頁面(Dynamic Webpage)的支援了。要實現Dynamic Webpage,就要用到Php或者Aspx這些動態程式設計語言,以下就按php說。

Php這些程式設計語言不能被瀏覽器執行,但是可以被安裝了php解釋外掛程式的Web伺服器軟體(比如Apache)運行。通過伺服器端的運行,按照程式設定,向用戶端瀏覽器發送結果。結果可以是被HTML化的頁面。換句話說,伺服器端在運行php程式,但在用戶端,你只收到了一份html頁面,這樣你就在你自己的瀏覽器上看到了伺服器端想給你看的內容。這個動作是可以互動的,你可以向伺服器提出你的要求,伺服器根據程式編製,返回給你特定的HTML內容(含Javascript和CSS)。可以是資料庫裡的內容,也可以是其他類型的內容,只要php能夠實現。php的文法結構還是比較像C或者Java的,只要有點編程經驗,理解Php不難。

有了php,僅僅依靠php那點語句是做不出什麼動態網頁的,一般都要搭配資料庫,也就是你所說的Mysql了。Mysql只是常見的資料庫系統之一,在類UNIX系統上是免費的,效能也不錯,所以用的人比較多。很多商業網站為了避免著作權糾紛和成本考慮,都使用類UNIX系統的伺服器搭配Mysql。
Mysql不能說是個語言,它只是一種資料庫系統而已。Sql是資料庫業界基本標準化的資料庫伺服器訪問查詢語言,這個要學習一下才能編製出適當的查詢。一般來說,以你的例子,在php中設定好資料庫查詢參數,並且寫好查詢語句,php伺服器會向mysql伺服器發出查詢請求,mysql伺服器會返回給你查詢結果。然後php根據查詢結果,經過適當處理,然後HTML標記化之後,返回給用戶端瀏覽器,完成一次頁面運行。

恭喜你,現在你看到Dynamic webpage了,就像你現在看到了我敲的這麼多字,實際上已經被知乎存在了他們的資料庫mysql裡,而你點擊我的答案標題,實際上是向知乎的伺服器端發出了一個請求,這個請求被知乎的伺服器收到,進行資料查詢(可以是php進行這個查詢),得到我這個答案,然後送給Apache伺服器上的php進行處理,php得到這個結果,送答案的同時,也調出作者名稱和資料給你看到並開始進行格式化(HTML)和美化(CSS+JavaScript)。而你點擊別人的答案,也會得到同樣的效果,但答案內容不同,這就是Dynamic Webpage的含義。

最後,你並不需要馬上去瞭解怎樣架設伺服器。虛擬機器主機也很多。可以租一個先玩玩。但做好一個網站,上述這些語言多少還是要知道點好。初學者也來回答一下。。。

半年前,為了一個比賽,開始學習HTML,CSS,JavaScript,三個一起學,當然,比賽結果可想而知,但是卻激起了我學習Web的熱情。
比賽結束後,開始正兒八經的學起來,當時跟著一個視頻教程學習了最基礎的HTML和CSS,JavaScript專門買了本書,寫了幾個頁面,算是入了門。
但是做網站需要後端,查了查,Apache、PHP和MySQL三者關係不錯,買了那本《PHP和MySQL Web開發》看了起來,知道了個大概。
然後著手於自己部落格的建設,在自己電腦上搭建了個伺服器環境,各種配置,剛開始的時候確實頭大。寫的差不多後,希望大家都能看到自己的作品(還是個半成品o(╯□╰)o),發現了新浪SAE,就將自己的部落格放在了上面,沒事可以戳一下:http:http://zjzhome.sinaapp.com

這時發現,半年已經過去了。。。。。。。。。。。。。。。。。。而且,發現路還有很長,各種知識朝你襲擊過來》》》》》

------------------------------------------------------------------------------------------------------------------------------

看了下回答時間,這麼長時間過去了,還是會有人關注到,就更新一下,之前寫的太差勁。

HTML、CSS、JavaScript三者是緊密相連的,學習的時候差不多一起就行了,不一定非得把這個那個分開。前後互動ajax是需要背景,php要學,如果想持久的儲存點資料,又不想存檔案那麼簡單,肯定要連資料庫了。。。

再說下部落格,自己重新整了下,比之前那個自我感覺好多了(以前那個有多差。。。)

最後打個小廣告(更新的主要目的麼):小群:319465338

HTML、CSS、JavaScript這三個學的差不多了建議可以試著學一下Node.js和Mongodb,不一定非要學PHP和MySQL

請問標題上的這些東西,是建設一個網站所需要的完整一套知識嗎?
看你的需求了。你要建一個什麼樣的網站?

還有其他需要學習的嗎?
還有好多可以學,但是只要建一個小網站的話這些夠用了。還是要看需求。

怎樣安排其學習順序?
如果一定要一起學的話,先前三者一起學,再後二者一起學。

但是我不建議同時學這麼多。一般來說搞網站的話要分前端(Front-end,負責給人看的那部份,HTML+CSS+JS)、後端(Back-end,負責伺服器通訊的代碼,PHP 或者別的後端語言)、伺服器營運(先不考慮,見下一問題),還有美工啊之類的,一個人搞會累死的,除非你真的很厲害。

剛開始的時候,前端和後端總要選一個的。每一個都是無底洞,進去就別出來了。找的到人的話可以考慮組個團隊,一個人學前端一個人學後端。

聽說還有個apache,好像是服務端軟體,需要單獨學習嗎?
早期自己找個雲主機比如說新浪雲、百度雲之類的,或者比較便宜的 PHP 伺服器自己練習即可,沒必要維護自己的伺服器。後期建議瞭解一下。同時學習,不分先後,而是以需求來導向。
是的,如果是以工作為目的,前後端有明確的分工。如果是做商業項目,一個人從前端到後端一條龍搞完會累死。
但學習的目的是不同的,不管你最後決定專註於哪個方向,全域的視野都會帶來極大的協助。
所以,確定一個項目,然後不擇手段的去完成,見招拆招,按需學習,以項目用到的知識點為主線再擴充瞭解,這比先把各種教程讀一遍,依然不能融會貫通無從下手要靠譜得多。
編程是武功,唯有動手才能融會貫通。這些東西不是線性依賴而是網狀依賴關係。現實中總是同時同步地學習的,在具體的項目中。對於使用一個CMS來建站,首先你需要瞭解伺服器方面的知識,因為CMS需要一個運行環境,當然初期你可以使用wamp這樣的Integration Environment。接著你需要懂一門後端語言,比如說php,他可以協助你修改一些模板。另外你為了讓你的站變得更漂亮,你需要給你的網站做美化,那麼你就得需要CSS和HTML方面的知識。如果你想你的網站變得更容易互動,你需要一些JavaScript知識,這樣你可以處理一些互動。如果你現在對這些一無所知的話,CSS+HTML入門門坎低一些,可以先行,接著你可以整整PHP+MySql。
  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.