先學js還是HTML5好?
感謝邀約,作為前端開發(fā)者,從我的學習經(jīng)驗來看,當然是先學習 html5 了,這就好比巧婦難為無米之炊的道理,沒有食材,再好的手藝,也無法烹飪美味佳肴。以下是我針對這個問題看法,歡迎大家在留言區(qū)探討:
首先要搞清楚前端要學什么?
前端這個崗位也是最近幾年才火起來的,以前前端的工作都是后端開發(fā)人員完成的,隨著互聯(lián)網(wǎng)產(chǎn)品對性能、速度的要求,一個人已經(jīng)不可能完全精通前后端了,才會有現(xiàn)在前后端分離之說,所謂的前端具體的工作說通俗點就是完成產(chǎn)品使用戶能夠直觀感受的內(nèi)容,比如產(chǎn)品界面直觀的感受,在界面上填寫表單點擊按鈕等等。要完成這些工作,你的學習步驟應(yīng)該是這樣,但是有個前提你必須對這行有興趣,因為這行更新實在太快,沒有興趣是很難保持激情去不斷學習的:
-
你需要先從基礎(chǔ)的HTML、CSS、JavaScript學起。
-
學完后在去學習JQuery、BootStrap這樣的腳本庫進行前端項目的練手。
-
然后去學習前端相關(guān)的框架Vue、React、Angular任選一種即可。
-
最后學完框架再去選型興趣方向,專注動畫、基礎(chǔ)業(yè)務(wù)應(yīng)用、手機端、小程序、WebGL、后端NodeJS等。
對于初學者要搞清楚HTML、CSS、JavaScript這三者的區(qū)別
前端最基礎(chǔ)的內(nèi)容,莫過于 HTML、CSS、JavaScript 這三樣技術(shù),首先我們來看下面的幾張圖片,現(xiàn)有個直觀的認識:
1、HTML就如同網(wǎng)頁的骨架和結(jié)構(gòu),設(shè)計之前,我們先打草稿
2、CSS就好比上色器,對草稿進行完善和上色,讓其更加美觀
3、JavaScript 主要用于和用戶進行交互的,比如用戶在電商網(wǎng)站上進行購買商品
通過以上三張圖,大家是否搞明白了三者之間的區(qū)別和關(guān)系了呢,如果還沒弄明白,我再說的直白點,就拿我們買房子來說,新房大部分都是毛坯房,毛坯房就好比剛才提及的HTML,買完房子,你肯定不會直接住毛坯房吧,你肯定需要對房子進行裝修和添置家具、電器了吧,這就好比剛才提及到的CSS 。如果你想再讓房子更“潮些”,你也許會引入“智能設(shè)備”,讓你隨時掌控房子的一切,這就好比剛才提及到的JavaScript 。
對于初學者, 基礎(chǔ)的HTML、CSS、JavaScript 該怎么學呢?
-
本文開頭,我已經(jīng)提及了學習順序,這里再強調(diào)下,就好比建房子,連磚頭都沒成房子的形狀,你怎么裝修和添置家具呢,不言而喻,我們首先要學習HTML標記語言,然后在學習CSS、JavaScript。
-
學習 HTML 可以先把基本的標簽弄明白是什么意思,然后在理解怎么沒有引入CSS的情況下,完成網(wǎng)頁基本結(jié)構(gòu)的布局。
-
如果前面的內(nèi)容都掌握了,就要學習CSS了,學習CSS建議看書和視頻結(jié)合的形式,這樣比較直觀。通過學習你要搞清楚常用的CSS的屬性(字體、單位、引入規(guī)則、浮動、背景等內(nèi)容)、布局用的盒子模型、flex彈性布局,然后嘗試做簡單的網(wǎng)頁,你可以先從簡單的企業(yè)站模仿做起,理解HTML、CSS這兩者是如何結(jié)合在一起使用的。
-
前端的基礎(chǔ)學完了,在考慮學習JavaScript,建議看書,比較推薦的是前端入門圣經(jīng)紅皮書或那本犀牛封面的書籍。不要一上來就看視頻,要不基礎(chǔ)知識太薄弱,后面學習框架就會有莫名其妙的問題,找問題就十分費勁。
-
學完這些后,就要動手實踐做前端項目了,建議學習JQuery這個JS庫,基于這個JS庫,能幫助你很快上手前端項目,盡早熟悉前端編程思維,快速積累經(jīng)驗。
小節(jié)
今天的內(nèi)容就和大家分享到這里,感謝大家的閱讀,希望我的解答能夠幫助到你。