您的位置:首頁(yè) > 計(jì)算機(jī)編程 > javascript >內(nèi)容

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

來(lái)源:教育資源網(wǎng) ? 發(fā)布時(shí)間:2021-11-02 10:45:41 ? 點(diǎn)擊:38

感謝邀約，作為前端開(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)容就和大家分享到這里，感謝大家的閱讀，希望我的解答能夠幫助到你。

相關(guān)推薦