先學(xué)js還是HTML5好?

感謝邀約,作為前端開(kāi)發(fā)者,從我的學(xué)習(xí)經(jīng)驗(yàn)來(lái)看,當(dāng)然是先學(xué)習(xí) html5 了,這就好比巧婦難為無(wú)米之炊的道理,沒(méi)有食材,再好的手藝,也無(wú)法烹飪美味佳肴。以下是我針對(duì)這個(gè)問(wèn)題看法,歡迎大家在留言區(qū)探討:

 

首先要搞清楚前端要學(xué)什么?

前端這個(gè)崗位也是最近幾年才火起來(lái)的,以前前端的工作都是后端開(kāi)發(fā)人員完成的,隨著互聯(lián)網(wǎng)產(chǎn)品對(duì)性能、速度的要求,一個(gè)人已經(jīng)不可能完全精通前后端了,才會(huì)有現(xiàn)在前后端分離之說(shuō),所謂的前端具體的工作說(shuō)通俗點(diǎn)就是完成產(chǎn)品使用戶能夠直觀感受的內(nèi)容,比如產(chǎn)品界面直觀的感受,在界面上填寫(xiě)表單點(diǎn)擊按鈕等等。要完成這些工作,你的學(xué)習(xí)步驟應(yīng)該是這樣,但是有個(gè)前提你必須對(duì)這行有興趣,因?yàn)檫@行更新實(shí)在太快,沒(méi)有興趣是很難保持激情去不斷學(xué)習(xí)的:

  1. 你需要先從基礎(chǔ)的HTML、CSS、JavaScript學(xué)起。

  2. 學(xué)完后在去學(xué)習(xí)JQuery、BootStrap這樣的腳本庫(kù)進(jìn)行前端項(xiàng)目的練手。

  3. 然后去學(xué)習(xí)前端相關(guān)的框架Vue、React、Angular任選一種即可。

  4. 最后學(xué)完框架再去選型興趣方向,專注動(dòng)畫(huà)、基礎(chǔ)業(yè)務(wù)應(yīng)用、手機(jī)端、小程序、WebGL、后端NodeJS等。

對(duì)于初學(xué)者要搞清楚HTML、CSS、JavaScript這三者的區(qū)別

前端最基礎(chǔ)的內(nèi)容,莫過(guò)于 HTML、CSS、JavaScript 這三樣技術(shù),首先我們來(lái)看下面的幾張圖片,現(xiàn)有個(gè)直觀的認(rèn)識(shí):

 

1、HTML就如同網(wǎng)頁(yè)的骨架和結(jié)構(gòu),設(shè)計(jì)之前,我們先打草稿

 

2、CSS就好比上色器,對(duì)草稿進(jìn)行完善和上色,讓其更加美觀

 

3、JavaScript 主要用于和用戶進(jìn)行交互的,比如用戶在電商網(wǎng)站上進(jìn)行購(gòu)買(mǎi)商品

 

通過(guò)以上三張圖,大家是否搞明白了三者之間的區(qū)別和關(guān)系了呢,如果還沒(méi)弄明白,我再說(shuō)的直白點(diǎn),就拿我們買(mǎi)房子來(lái)說(shuō),新房大部分都是毛坯房,毛坯房就好比剛才提及的HTML,買(mǎi)完房子,你肯定不會(huì)直接住毛坯房吧,你肯定需要對(duì)房子進(jìn)行裝修和添置家具、電器了吧,這就好比剛才提及到的CSS 。如果你想再讓房子更“潮些”,你也許會(huì)引入“智能設(shè)備”,讓你隨時(shí)掌控房子的一切,這就好比剛才提及到的JavaScript 。

 

對(duì)于初學(xué)者, 基礎(chǔ)的HTML、CSS、JavaScript 該怎么學(xué)呢?

  1. 本文開(kāi)頭,我已經(jīng)提及了學(xué)習(xí)順序,這里再?gòu)?qiáng)調(diào)下,就好比建房子,連磚頭都沒(méi)成房子的形狀,你怎么裝修和添置家具呢,不言而喻,我們首先要學(xué)習(xí)HTML標(biāo)記語(yǔ)言,然后在學(xué)習(xí)CSS、JavaScript。

  2. 學(xué)習(xí) HTML 可以先把基本的標(biāo)簽弄明白是什么意思,然后在理解怎么沒(méi)有引入CSS的情況下,完成網(wǎng)頁(yè)基本結(jié)構(gòu)的布局。

  3. 如果前面的內(nèi)容都掌握了,就要學(xué)習(xí)CSS了,學(xué)習(xí)CSS建議看書(shū)和視頻結(jié)合的形式,這樣比較直觀。通過(guò)學(xué)習(xí)你要搞清楚常用的CSS的屬性(字體、單位、引入規(guī)則、浮動(dòng)、背景等內(nèi)容)、布局用的盒子模型、flex彈性布局,然后嘗試做簡(jiǎn)單的網(wǎng)頁(yè),你可以先從簡(jiǎn)單的企業(yè)站模仿做起,理解HTML、CSS這兩者是如何結(jié)合在一起使用的。

  4. 前端的基礎(chǔ)學(xué)完了,在考慮學(xué)習(xí)JavaScript,建議看書(shū),比較推薦的是前端入門(mén)圣經(jīng)紅皮書(shū)或那本犀牛封面的書(shū)籍。不要一上來(lái)就看視頻,要不基礎(chǔ)知識(shí)太薄弱,后面學(xué)習(xí)框架就會(huì)有莫名其妙的問(wèn)題,找問(wèn)題就十分費(fèi)勁。

  5. 學(xué)完這些后,就要?jiǎng)邮謱?shí)踐做前端項(xiàng)目了,建議學(xué)習(xí)JQuery這個(gè)JS庫(kù),基于這個(gè)JS庫(kù),能幫助你很快上手前端項(xiàng)目,盡早熟悉前端編程思維,快速積累經(jīng)驗(yàn)。

 

小節(jié)

今天的內(nèi)容就和大家分享到這里,感謝大家的閱讀,希望我的解答能夠幫助到你。