新聞資訊  快訊  焦點  財經  政策  社會
互 聯 網   電商  金融  數據  計算  技巧
生活百科  科技  職場  健康  法律  汽車
手機百科  知識  軟件  修理  測評  微信
軟件技術  應用  系統  圖像  視頻  經驗
硬件技術  知識  技術  測評  選購  維修
網絡技術  硬件  軟件  設置  安全  技術
程序開發  語言  移動  數據  開源  百科
安全防護  資訊  黑客  木馬  病毒  移動
站長技術  搜索  SEO  推廣  媒體  移動
財經百科  股票  知識  理財  財務  金融
教育考試  育兒  小學  高考  考研  留學
您當前的位置:首頁 > IT百科 > 程序開發 > 編程百科

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

時間:2019-06-18 09:23:40  來源:  作者:

這是我在知乎上的一個回答, 如果有興趣的同學可以在知乎上搜索我的賬戶: jsppedu。

1、橫向分類

前端:HTML、cssJAVAScript

后端:phpMySQL


2、責任分類

HTML:負責網頁結構部分

CSS:負責網頁布局與樣式部分

JavaScript:負責網頁程序邏輯、動態渲染與特效部分

PHP:負責服務端邏輯與數據庫操作部分

MySQL:負責數據存儲部分


3、學習技術與人的類比

1、首先,人要有一個基本的組成(頭、身體、胳膊、手、腿、腳)

-> 學習HTML

2、其次,人要有一個所有組成部分的有序組合和著裝(將各部分組成一個身體并穿上衣服)

-> 學習CSS

3、再其次,人需要有一些邏輯思維來支撐人的活動能力(吃飯、睡覺、運動等)

-> 學習JavaScript

4、再次,人需要有動腦思考問題的能力(比如學習、解決問題、道德行為等)

-> 學習PHP

5、最后,人需要一些知識、信息的儲備來武裝自己成為一個有能力、有素養的人

-> 學習MySQL


4、基本總結:HTML/CSS -> JavaScript -> PHP/MySQL

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

 

5、具體分析

1、所謂『全棧』

對于初學者來說,全棧是引以為豪的稱謂。

對于成熟的工程師來說,全棧大多數情況下是個貶義詞。

原因:初學者為了完成一個完整的項目,會快速學習前后端所有己需的技術點,但無論前端還是后端,都是一門技術。首先,任何開發者的開發技術的成熟都依賴的堅實的理論基礎和業務經驗,所以往往自學的開發者很難勝任企業的開發任務,任何企業都需要易讀、易維護、易擴展、并且科學的項目架構和代碼,而往往缺乏理論基礎和業務指導的學習者,很難將項目的開發做到以上的要求,這也就出現了自學成才的初學者始終都處在『全棧自嗨』的狀況中。而殊不知全棧的感念誤導了自己,變成一個非職業、非專業的代碼生產者。其次,缺乏扎實的理論基礎的學習者,很難理解更加高深的技術點,比如函數式編程中的柯里化、偏函數、ECMAScript中的原型、閉包、圣杯模式等等,這就阻礙了學習者進一步提升開發能力的步伐。

一個成熟的工程師,絕不敢說自己的全棧工程師,因為自己心里清楚,我的技術門類是前端,前端我是專業的,就算我確實會寫PHP、Java,我也不敢說我精通或者我也可以承擔后端的工作,這是一個工程師的態度,所謂術業有專攻嘛。

如果的如果

你就想什么都會,根據前述,導出一個學習順序:

1、HTML/CSS在一個階段學習:結構和樣式必須一起學,才有直觀感。

ps:總得先弄清楚HTML基本的標簽吧!

也少不了學完后,做個京東淘寶首屏,我不會做!

摳破腦袋,給我摩出來,這是必經之路。

抱歉!給你壓力了!

2、JavaScript單獨學習:(傷不起的前端在此刻出現)

JavaScript是一個很難的語言!!

再成熟、再牛X的前端工程師也會說同樣的話。原因是因為它十分靈活。

怎么寫好像都對,但你就是不知道怎么寫。有同樣的感覺吧?

他,分為三個部分:

1、ECMAScript 2、DOM 3、BOM

懂行的都知道ECMAScript對于初學者來說,是最難的部分,什么作用域、什么原型原型鏈、什么閉包、什么對象數組一大堆東西。如果你在學習JavaScript時,覺得特簡單,對不起,我只能建議你重新學習。學習ECMAScript周期最長。

DOM也不簡單,因為.......內容也非常多,什么遍歷樹、什么節點、什么元素、一大堆兼容性封裝,什么冒泡捕獲事件代理、什么鼠標鍵盤行為、什么拖拽、什么鼠標行為預測、什么雙擊單擊 一大堆封裝、什么DOM事件處理函數邏輯、一大堆案例等著你做。

BOM相對簡單,需要掌握的不多,強調一下,不是沒用,是兼容性不好,畢竟是孤兒,沒有規范,所以就只能將就用一下,但你也不能忽略他其中的單頁面應用的學習。

3、PHP和MySQLy一起學

PHP的基本語法搞懂以后,你可能想做點啥。

那你就得折騰一下數據了,沒有數據就沒有項目,你懂的。

當然,這是你自己要選擇『全棧』的哈,表怪我。

2、所謂『WEB開發學習的態度』

技術的學習本是一個漫長的過程,但是...由于社會的浮躁感,讓本該有過程的事變得急于求成而最終跪敗。

所謂全棧,也不過就是前端 + 后端的技術能力,而前端和后端各是一門技術與學科,所以真正的WEB開發學習的態度應該是鉆研一門技術,這也是企業需要的,全棧的稱謂在這個時代,已經逐漸被企業所唾棄,原因很簡單,全棧 === 技術不精,而有人肯定會吐槽我的觀點說:很多成熟的工程師都會前后端,人家多成功啊。但你不知道的是全棧作為技術鉆研是可敬的,但作為技術的炫耀與稱謂是可悲的,因為一句古話:術業有專攻,時間花在前端技術鉆研上,你后端的能力肯定會遜色,反之亦然。不要說有很多精力學習,單獨一個前端或后端就夠學上個好歹(這里不敢瞎說時間)。

最后希望我的答案,能夠幫助問者揭開學習疑惑,再問題的基礎上,我又闡述了很多相關的東西,我相信問者也會需要。

謝謝各位的閱讀
 



Tags:HTML   點擊:()  評論:()
聲明:本站部分內容來自互聯網,內容觀點僅代表作者本人,如有任何版權侵犯請與我們聯系,我們將立即刪除。
▌相關評論
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
▌相關推薦
當我們學習了 HTML 提供的原生拖放(drag & drop)后,是時候想一想這個東西可以用來作什么,可以在什么時候使用,使用的場景等等場景分析當我們在注冊成功一個賬戶時,一般網站會讓...【詳細內容】
2019-10-09   HTML  點擊:(1)  評論:(0)  加入收藏
在章中,我介紹了一種使用類似CSS的選擇器語法的快速編寫HTML代碼的新方法-一組用于高速HTML和CSS編碼的便捷工具。您花費多少時間編寫HTML代碼:所有這些標記,屬性,引號,花括號等...【詳細內容】
2019-10-08   HTML  點擊:(3)  評論:(0)  加入收藏
隨著互聯網行業的快速發展,越來越多的年輕人選擇互聯網行業就業。HTML5是一個簡單易上手非常實用的技能,專攻于HTML的開發人員的薪資也非常的不錯。想要學習HTML的朋友,推吧推...【詳細內容】
2019-09-25   HTML  點擊:(7)  評論:(0)  加入收藏
由于項目要求,需要利用php做一個獲取遠程頁面html狀態碼的功能,用來判斷遠程頁面是否可以訪問,就類似那種HTML頁面狀態碼檢測工具一樣。整理了一下代碼,貼出來。有需要的可以拿...【詳細內容】
2019-09-25   HTML  點擊:(3)  評論:(0)  加入收藏
現在手機已經成為人們生活中非常重要的通訊工具,隨著移動端用戶需求的增加,HTML5+css3也逐漸成為新一代Web前端技術。許多人已經紛紛轉行從事HTML5前端開發或者正在考慮學習HT...【詳細內容】
2019-09-10   HTML  點擊:(9)  評論:(0)  加入收藏
和 JavaScript、CSS 相比,HTML 經過三十多年的發展,似乎逐漸走進無人問津的角落,如何才能讓 HTML 再次回到人們視野的中心。...【詳細內容】
2019-09-10   HTML  點擊:(13)  評論:(0)  加入收藏
和往常一樣,jsPDF是一個開源的客戶端的PDF解決方案,在之前的文章中已經介紹過幾個Web端和PDF相關的庫,jsPDF同樣是一個不錯的客戶端PDF引 SDK,你可以通過jsPDF在客戶端完成相關操作,它包含了非常豐富的API,幫助你完成一系列...【詳細內容】
2019-09-09   HTML  點擊:(8)  評論:(0)  加入收藏
offsetHeight, offsetWidthHTMLElement.offsetHeight 是一個只讀屬性,它返回該元素的像素高度,高度包含該元素的垂直內邊距和邊框,且是一個整數。HTMLElement.offsetWidth 是一...【詳細內容】
2019-09-02   HTML  點擊:(15)  評論:(0)  加入收藏
開始之前大家最好掌握前端最基本的一些語法如:html、css、javascript等課程知識點。好吧!!!因為開發前端的東西無須安裝任何開發工具,就算啥也不懂也沒關系,那么趕緊瓜子花生板凳...【詳細內容】
2019-08-30   HTML  點擊:(21)  評論:(0)  加入收藏
定位基準說到地理坐標,一定是有一個定位的基準的。在web開發的過程中,它的定位基準一共有那么幾種:第一種是IP,根據當前電腦或者是手機設備它的IP地址來確定當前的地理坐標。I...【詳細內容】
2019-08-30   HTML  點擊:(39)  評論:(0)  加入收藏
好程序員web前端分享HTML5中的nav標簽,nav標簽全稱navigation,顧名思義,是導航的意思。根據HTML5的相關標準定義如下: "A section of a page that links to other pages or to p...【詳細內容】
2019-08-16   HTML  點擊:(19)  評論:(0)  加入收藏
在網站WEB前端設計中,如果想加快網頁的加載速度,減少網站訪客的等待時間,經常要對HTML頁面文件,CSS文件,JS文件,圖片文件等靜態文件進行壓縮,也有的會使用CDN一類的加速服務。而今...【詳細內容】
2019-08-13   HTML  點擊:(35)  評論:(0)  加入收藏
他們說大多數網絡應用只是HTML表單。好吧,表單需要驗證,謝天謝地,HTML5帶有許多優秀的內置表單驗證功能,可用于電子郵件,數字,最大值,分鐘等。您甚至可以使用模式編寫自己的驗證規...【詳細內容】
2019-08-12   HTML  點擊:(8)  評論:(0)  加入收藏
性能之前端篇循環優化在多重嵌套循環的程序上,如果能分出出多個獨立循環也比嵌套在一個循環體內來的更有益。優化循環的3種方式:減少每次迭代的開銷、減少迭代的次數或者重新...【詳細內容】
2019-08-09   HTML  點擊:(30)  評論:(0)  加入收藏
Html5是前端開發的基本技術之一,目前如果只掌握Html5開發能夠從事的開發內容是非常有限的,但是對于初學者來說,完全可以從Html5開始學起。Html5是前端開發的基礎,不論是從事Web...【詳細內容】
2019-08-08   HTML  點擊:(26)  評論:(0)  加入收藏
前兩天發布了一篇關于利用html5在手機端進行撥號和發送短信的教程,今天再說一下利用html5在手機端調用攝像頭以及錄音的教程 HTML5 調用手機攝像頭在html5中可以利用type類型...【詳細內容】
2019-08-08   HTML  點擊:(18)  評論:(0)  加入收藏
優秀的HTML5前端開發人員,懂得如何合理安排自己的時間,讓自己的學習和工作的效率都非常高,有的時候合理運用一些開發軟件,也能夠幫助自己節省出大量的時間和精力,那么HTML5前端開...【詳細內容】
2019-08-02   HTML  點擊:(88)  評論:(0)  加入收藏
相信正在學習Web前端知識的小伙伴們都知道,學習Web前端開發基礎技術需要掌握:HTML、CSS、JavaScript,那么這三個都是分別實現什么功能的呢?下面和千鋒廣州小編一起來看看吧! ?一...【詳細內容】
2019-07-30   HTML  點擊:(20)  評論:(0)  加入收藏
自從2010年正式推出HTML5之后,它就以驚人的速度在發展著,而且,現在我們看到的網站,大多數也是用HTML5寫出來的,它的受歡迎的程度也是越來越高,說HTML5是Web前端的主流技術之一,也并...【詳細內容】
2019-07-24   HTML  點擊:(17)  評論:(0)  加入收藏
FileAPI介紹HTML5 為我們提供了 File API 相關規范。主要涉及 File 接口 和 FileReader 對象 。本文整理了兼容性檢測、文件選擇、屬性讀取、文件讀取、進度監控、大文件分...【詳細內容】
2019-07-23   HTML  點擊:(21)  評論:(0)  加入收藏
推薦資訊
相關文章
欄目更新
欄目熱門
31选7开奖11185