HTML、CSS、JavaScript、PHP、 MySQL 的學(xué)習(xí)順序是什么？

悠悠紫曦

  大家好，我是群信科技，在我看來，學(xué)習(xí)這些知識(shí)并沒有固定的順序，因?yàn)檫@幾個(gè)知識(shí)的作用是不同的。
       下面群信科技先給大家用通俗易懂的語言來給大家介紹一下這幾個(gè)技術(shù)棧的作用。

1：HTML是用業(yè)搭建網(wǎng)頁的頁面結(jié)構(gòu)的，但是可以理解為只能把需要在頁面上顯示的內(nèi)容展示出來，但是顯示的亂七八糟，并不能解決樣式和排版問題。

2：這時(shí)候就需要用CSS來定義頁面中各部分的排版和美化，并且隨著智能手機(jī)和多種媒體終端的出現(xiàn)，CSS還要用來解決（響應(yīng)式）的問題，用于處理網(wǎng)站頁面在不同的顯示終端中能夠正常顯示完整。

3：Javascript的作用，是用來處理你的網(wǎng)站頁面和用戶之間的交互，并且可以為你的網(wǎng)站頁面增加很多常見或炫酷的特效。例如輪播圖、切換卡、彈出框、或者動(dòng)畫效果等等。

4：HTML和CSS和JavaScript這三種技術(shù)棧一直以來都被定義為前端技術(shù)，即用于展示頁面。但是PHP和Mysql的使用就是用來開發(fā)網(wǎng)站管理后臺(tái)了。比如你只是建一個(gè)普通的展示內(nèi)容或博客的網(wǎng)站，使用現(xiàn)有的很多免費(fèi)的CMS（內(nèi)容管理系統(tǒng)）就夠用了，但是你要是需要開發(fā)一些特殊的業(yè)務(wù)需求，就得用到PHP了。

5：Mysql是個(gè)人開發(fā)者和小型網(wǎng)站最常用的數(shù)據(jù)庫管理軟件，主要用途是存放你網(wǎng)站的數(shù)據(jù)。如果你只需要做一些普通的內(nèi)容展示網(wǎng)站，就不需要刻意的去學(xué)Mysql，因?yàn)閷?duì)Mysql數(shù)據(jù)庫的操作，基本上都是由內(nèi)容管理系統(tǒng)（例如Wordpress)本身去完成的。

所以基本可以總結(jié)為：如果你只是想自己做一個(gè)普通型的企業(yè)網(wǎng)站或普通型的內(nèi)容展示性網(wǎng)站或個(gè)人博客，只需要學(xué)習(xí)一下HTML和CSS和JavaScript就可以了。但是你要根據(jù)自己的業(yè)務(wù)需求來定制自己需要的功能，比如商城、外賣、回收、OA辦公系統(tǒng)或進(jìn)銷存系統(tǒng)等等，就需要再去學(xué)習(xí)PHP和Mysql了。


接下來群信科技再給大家來聊聊Web技術(shù)的發(fā)展史

在智能手機(jī)和其它移動(dòng)終端廣泛應(yīng)用之前，在一些較小一點(diǎn)的網(wǎng)絡(luò)公司里面，基本上前后端技術(shù)劃分的不是太明顯。

也就是說大多數(shù)程序員HTML、CSS、JavaScript、PHP、Mysql這幾個(gè)技術(shù)棧都會(huì)，然后日常的工作也是用開源的CMS（內(nèi)容管理系統(tǒng)）或公司自己開發(fā)的CMS來做后臺(tái)，然后根據(jù)設(shè)計(jì)師做好的設(shè)計(jì)稿來寫前臺(tái)頁面。

但是在智能手機(jī)和其它移動(dòng)終端廣泛應(yīng)用之后，隨著客戶對(duì)網(wǎng)站頁面響應(yīng)式的要求越來越高，慢慢的就出現(xiàn)了前后端崗位分離的情況。

也就是說前端程序員去學(xué)HTML、CSS和JavaScript，后端程序員去學(xué)PHP和Mysql，這樣兩個(gè)崗位的程序員就只需要在自己的領(lǐng)域里深入研究就行了。

近幾年，隨著小程序和APP的興起以及Web端頁面的沒落，這種前后端分離的情況越來越明顯，后端程序員使用PHP和Mysql去開發(fā)定義接口，就可以供各種前端獲取數(shù)據(jù)。


接下來群信科技再給大家來聊聊除了這幾種技術(shù)棧還需要學(xué)習(xí)什么
在這個(gè)掉頭發(fā)的行業(yè)里，不斷的學(xué)習(xí)是每個(gè)人都無法逃避的現(xiàn)實(shí)，即便這樣，大部分人也逃脫不掉35歲的魔咒。

首先：無論前端技術(shù)怎么變化，HTML和CSS和JavaScript這三種技術(shù)是必須要學(xué)習(xí)的，通常業(yè)內(nèi)人士叫這三個(gè)技術(shù)棧為前端的三架馬車。

我們先從前端來說起，分為以下兩種情況：

1）如果你只是側(cè)重Web端，則老蔡的建議如下：
HTML是基礎(chǔ)必須要學(xué)精通
CSS是基礎(chǔ)必須要學(xué)精通
JavaScript的話又分為兩種情況，如果不寫（計(jì)算功能很強(qiáng)）的頁面例如商城的情況下，只寫內(nèi)容展示頁面，就稍微了解一下即可。
Jquery框架，這是一個(gè)老牌的JS框架，可以為Web頁面增加很多常見的顯示特效。
Bootstrap，這是一個(gè)用的最廣泛的響應(yīng)式Web頁面框架
Vue，現(xiàn)在很多前端應(yīng)用的技術(shù)，有些時(shí)候后端只給你提供數(shù)據(jù)接口的時(shí)候，新技術(shù)的出現(xiàn)就會(huì)倒逼著你不得不學(xué)習(xí)VUE

2）如果你不但側(cè)重Web端并且還側(cè)重小程序和APP端的話，則需要你除了掌握上邊的那些技術(shù)，最好再學(xué)習(xí)以下內(nèi)容。
reactjs
angularjs
Uniapp
Element Plus
ES6語法

3)如果你想前后端都會(huì)的話,那還需要學(xué)習(xí)：
PHP
Mysql
ThinkPHP PHP框架之一
laravel PHP框架之一
Layui 比較流行的后臺(tái)管理框架

總結(jié)：這個(gè)行業(yè)就是只要學(xué)不死，就往死里學(xué)，沒有最卷，只有更卷，所以如果只是自己搞一個(gè)網(wǎng)站玩一玩的話，就只需要學(xué)習(xí)HTML、CSS和Jquery框架就夠用了。但是如果作為一個(gè)程序員的話，那就沒得選擇了，工作過程中遇到需要的技術(shù)棧、或者將來再出現(xiàn)新的技術(shù)棧，都需要不斷的去學(xué)習(xí)。