零基礎(chǔ)如何學(xué)js？

首先明，確怎樣才能學(xué)好wbe前端開發(fā)：

創(chuàng)新互聯(lián)建站堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的扎賚特網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

現(xiàn)在很多人喜歡自學(xué)web前端開發(fā)，但是一個(gè)人的能力畢竟是有限的，所以我自己建了一個(gè)裙，它的前面是4 九 4，中間就是4 〇 6 ，最后就是9 三 4 。歡迎想要學(xué)習(xí)的小伙伴加入我們學(xué)習(xí)哦。如果不是來學(xué)習(xí)的就不要加了，加了也是浪費(fèi)時(shí)間。

Web前端的學(xué)習(xí)路線

1.第一階段——HTML的學(xué)習(xí)

超文本標(biāo)記語言(HyperText Mark-up Language 簡(jiǎn)稱HTML)是一個(gè)網(wǎng)頁的骨架，無論是靜態(tài)網(wǎng)頁還是動(dòng)態(tài)網(wǎng)頁，最終返回到瀏覽器端的都是HTML代碼，瀏覽器將HTML代碼解釋渲染后呈現(xiàn)給用戶。因此，我們必須掌握HTML的基本結(jié)構(gòu)和常用標(biāo)記及屬性。

HTML 的學(xué)習(xí)是一個(gè)記憶和理解的過程，在學(xué)習(xí)過程中可以借助Dreamweaver的“拆分”視圖輔助學(xué)習(xí)。在“設(shè)計(jì)”視圖中看效果，在“代碼”視圖中學(xué)本質(zhì)，將各種視圖的優(yōu)勢(shì)發(fā)揮到極致，這種對(duì)照學(xué)習(xí)的方法彌補(bǔ)了單純識(shí)記HTML標(biāo)簽和屬性的枯燥乏味，想必對(duì)各位初學(xué)的小盆友們來說必定是極好的!

在學(xué)習(xí)了HTML之后，我們只是掌握了各種“原材料”的制作方法，要想蓋一幢樓房就還需要把這些“原材料”按照我們?cè)O(shè)計(jì)的方案組合布局在一起并進(jìn)行一些樣式的美化。

2.第二個(gè)階段——CSS的學(xué)習(xí)

CSS是英文Cascading Style Sheets的縮寫，叫做層疊樣式表，是能夠真正做到網(wǎng)頁表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計(jì)語言。相對(duì)于傳統(tǒng)HTML的表現(xiàn)而言其樣式是可以復(fù)用的，這樣就極大地提高了我們開發(fā)的速度，降低了維護(hù)的成本。

同時(shí)CSS中的盒子模型、相對(duì)布局、絕對(duì)布局等能夠?qū)崿F(xiàn)對(duì)網(wǎng)頁中各對(duì)象的位置排版進(jìn)行像素級(jí)的精確控制。通過此階段的學(xué)習(xí)，我們就可以順利完成“一幢樓房”的建設(shè)。

“樓房”建設(shè)完成之后，我們可以交給用戶使用，但是如果想讓用戶獲得更佳的體驗(yàn)，我們還可以對(duì)“樓房”進(jìn)行更深一步的“裝修”，讓它看起來更“豪華”一些。

3.第三個(gè)階段——Java的學(xué)習(xí)

Java是一種在客戶端廣泛使用的腳步語言，在Java當(dāng)中為我們提供了一些內(nèi)置函數(shù)、對(duì)象和DOM操作，借助這些內(nèi)容我們可以來實(shí)現(xiàn)一些客戶端的特效、驗(yàn)證、交互等，使我們的頁面看起來不那么呆板，屌絲瞬間逆襲高富帥!有么有?

此時(shí)，也許你還沉浸在Java給你帶來的驚喜之中，但你的項(xiàng)目經(jīng)理卻突然對(duì)你大吼道

“這個(gè)效果在××瀏覽器下不兼容，重新搞……”

“不兼容?”瞬間石化了有木有?

“我擦，坑爹啊!那可是花了我一個(gè)晚上寫了幾百行代碼搞定的啊，吐血了都!”

Java的兼容性和復(fù)雜性有時(shí)候的確讓我們頭疼，還好有“大神”幫我們做了封裝。

5.第四個(gè)階段——jQUery的學(xué)習(xí)

jQuery 是一個(gè)免費(fèi)、開源的輕量級(jí)的Java庫，并且兼容各種瀏覽器(jQuery2.0及后續(xù)版本放棄了對(duì)IE6/7/8瀏覽器的支持)，同時(shí)現(xiàn)在有很多基于jQuery的插件可供選擇，這樣在我們實(shí)現(xiàn)一些豐富的動(dòng)態(tài)效果時(shí)更方便快捷，大大節(jié)省了我們開發(fā)的時(shí)間，提高了開發(fā)速度，這也充分體現(xiàn)了其 write less,do more的核心宗旨。這個(gè)Feel倍兒爽!有么有?

“豪華大樓”至此拔地而起，但是每天這樣日復(fù)一日，年復(fù)一年的蓋樓，好繁瑣!能不能將大樓里面每一個(gè)單獨(dú)部件模塊化，當(dāng)需要蓋樓時(shí)就像堆積木一樣組合在一起，這樣豈不是爽歪歪?可以實(shí)現(xiàn)嗎?答案是肯定的。

這種思想在Web前端開發(fā)中也是適合的，于是乎就出現(xiàn)了各種前端框架，在這里推薦給大家的是Bootstrap。

Bootstrap是Twitter推出的一個(gè)開源的用于前端開發(fā)的工具包，是一個(gè)CSS/HTML框架，并且支持響應(yīng)式布局。一經(jīng)推出后頗受歡迎，一直是GitHub上的熱門開源項(xiàng)目。

在項(xiàng)目開發(fā)過程中，我們可以借助Bootstrap提供的CSS樣式、組件、Java插件等快速的完成頁面布局和樣式設(shè)置，然后再有針對(duì)性的微調(diào)樣式，這樣基于框架進(jìn)行開發(fā)大大縮短了開發(fā)周期。站在巨人的肩膀上就是爽!

　

Web前端的學(xué)習(xí)建議

最后給大家聊聊在學(xué)習(xí)Web前端中的一些建議和方法。

在CSS布局時(shí)需要注意的一個(gè)問題是很多同學(xué)缺乏對(duì)頁面布局進(jìn)行整體分析，不能夠從宏觀上對(duì)頁面中盒子間的嵌套關(guān)系進(jìn)行把握，就急于動(dòng)手去做，導(dǎo)致頁面中各元素間的關(guān)系很混亂，容易出現(xiàn)盒子在浮動(dòng)時(shí)錯(cuò)位等情況。建議大家在布局時(shí)采用“自頂向下，逐步細(xì)化”的思想，先用幾個(gè)盒子將頁面從整體上劃分，然后逐步在盒子中繼續(xù)嵌套盒子。

“君子生非異也，善假于物也”，在學(xué)習(xí)的過程中還要多瀏覽一些優(yōu)秀的網(wǎng)站，善于分析借鑒其設(shè)計(jì)思路和布局方法，見多方能識(shí)廣，進(jìn)而才可以融會(huì)貫通，取他人之長(zhǎng)為我所用。

同時(shí)還要善于使用Firebug這個(gè)利器。Firebug一方面可以在我們學(xué)習(xí)過程中幫助我們調(diào)試自己的頁面，另一方面我們可以使用Firebug方便地查看、分析別人網(wǎng)站的源代碼，“偷”也是一種技能!

每個(gè)人的成長(zhǎng)與基礎(chǔ)不一樣，結(jié)合自己的實(shí)際情況，在執(zhí)行。還是重復(fù)一下，前端的核心是js。css不難，但需要來積累。對(duì)前端我是這么看的：

css就像一瓶酒，得品。

html,css總共就那些標(biāo)簽跟選擇器屬性什么的，但是要寫一個(gè)有擴(kuò)展性，健壯性或維護(hù)性的頁面不容易?，F(xiàn)在寫頁面基本條件反射，不是如何快速的完成，而是思考如果有界面需求修改，怎么在修改代碼最少的情況下快速完成需求任務(wù)。這是對(duì)前端耐力，體力，智力的三重考驗(yàn)。

js就像一把劍，得磨。

js剛開始只是為了較驗(yàn)，隨便技術(shù)社會(huì)的發(fā)展，承擔(dān)的角色越來越重，剛開始玩玩jQuery感覺已經(jīng)會(huì)js了，其實(shí)只是冰山一角。隨著對(duì)js的了解越來越多，他即變態(tài)又可愛，即好玩又難控，即有很多兼容問題，但解決兼容是我們基本生存之道。從ajax到j(luò)smvc一路走一路看，高載潮一浪高過一浪

人生就是一場(chǎng)夢(mèng)，得作。

技術(shù)只是生活的一部分，曾經(jīng)雄心斗志，如今低頭寫碼。改變能改變的，接受不能改變的。人生有限，兄爭(zhēng)朝夕啊。人生學(xué)習(xí)的態(tài)度是：不急不躁，不快不慢。持之以恒，相信自己。不求能改變世界，但求能改變自己的生活。不求健步如飛，但求一步一腳印。感謝磨難，他使我們內(nèi)心更為堅(jiān)強(qiáng)。感謝挫折，他使我們不斷的成長(zhǎng)，感謝bug，他使我們的思維更加深邃。感謝前端，他使我們更加的相信，撐起一片天空需要十八般武藝。

javascript真的可以零基礎(chǔ)自學(xué)嗎

當(dāng)然可以。

只要自己努力，用心學(xué)習(xí)，肯定能學(xué)好。JavaScript是腳本語言，主要用來編寫動(dòng)態(tài)網(wǎng)頁。我建議你先從基本的HTML和CSS學(xué)起，學(xué)學(xué)靜態(tài)頁面布局。然后在網(wǎng)上找一些javascript入門級(jí)的視頻教程，按照教程一步步由淺入深按部就班的學(xué)習(xí)就OK。

編程一方面靠的是邏輯思維，另一方面也是一個(gè)孰能生巧的過程，只要多敲幾遍代碼，將基礎(chǔ)知識(shí)融會(huì)貫通，肯定能夠?qū)W好的。

自學(xué)要耐得住寂寞。最大的障礙是沒有學(xué)習(xí)氛圍，如果有條件的話，我還是建議你報(bào)個(gè)培訓(xùn)班。

零基礎(chǔ)JavaScript學(xué)習(xí)路徑？

開發(fā)環(huán)境越簡(jiǎn)單越好，一定不要在這個(gè)環(huán)節(jié)浪費(fèi)時(shí)間。

首先說編輯器的選擇，sublime text、vs code、atom、webstorm，還有HBuilder。新手入門的時(shí)候總想找一個(gè)最好的編輯器，其實(shí)這編輯器就和游戲里面選英雄一樣，沒有最厲害的，只有最適合你的，如果還是拿不定注意，就選vs code吧，我感覺這個(gè)對(duì)新手挺友好的。

瀏覽器就用chrome，然后就可以開始擼代碼了。

關(guān)于JavaScript版本，我建議還是從ES5開始學(xué)，有一定基礎(chǔ)之后再來看ES2015+的新特性。

基本語法

學(xué)編程語言和學(xué)自然語言有很多相似的地方，我們得從最基本的單詞和語法開始學(xué)。

變量：如何聲明變量，如何給變量賦值。

數(shù)據(jù)類型：什么是數(shù)據(jù)類型，數(shù)字與字符串有什么區(qū)別。

運(yùn)算符與表達(dá)式：常用的運(yùn)算符有哪些？“=”、“==”與“===”的區(qū)別等等。

分支語句：if、switch

循環(huán)語句：for、while

函數(shù)：什么是函數(shù)，什么是參數(shù)，什么是返回值。

這些基本語法一定要非常熟悉，要不然后續(xù)的學(xué)習(xí)會(huì)舉步維艱。

對(duì)象

對(duì)象是一個(gè)非常重要的概念，一定要靈活掌握：

對(duì)象：屬性的無序集合，當(dāng)屬性值為函數(shù)的時(shí)候，我們叫這個(gè)函數(shù)為對(duì)象的方法。

數(shù)組：元素的有序集合。了解數(shù)組的常用方法

日期對(duì)象：獲取年月日時(shí)分秒

數(shù)學(xué)對(duì)象：獲取隨機(jī)數(shù)

了解其他對(duì)象：正則表達(dá)式、包裝對(duì)象，其實(shí)函數(shù)也是對(duì)象，不過這些簡(jiǎn)單了解一下就行。

每個(gè)對(duì)象都有很多方法，這些方法知道在哪里查就行了，千萬不要去背，就像我們學(xué)英語，必要的單詞要背，但是大部分單詞知道用詞典查就行了。

DOM

DOM的樹狀結(jié)構(gòu)

節(jié)點(diǎn)：元素節(jié)點(diǎn)、文本節(jié)點(diǎn)、屬性節(jié)點(diǎn)

節(jié)點(diǎn)關(guān)系：同級(jí)、父子級(jí)等等

獲取節(jié)點(diǎn)：querySelector、querySelectorAll等等

節(jié)點(diǎn)操作：增刪改查

事件綁定：事件流和事件委托應(yīng)該了解一下

DOM提供的方法也很多，仍然不要過多的投入精力，新手自學(xué)總是會(huì)被這些大量的方法困擾，我們要做的是對(duì)DOM有一個(gè)概括性的了解，至于那些雜亂的接口，后續(xù)我們完全可以用jQuery或框架代替。

（如果對(duì)DOM感興趣，可以在技能掌握得稍微全面一些之后，再回來深入學(xué)習(xí)也是可以的，但是前期投入大量時(shí)間，確實(shí)會(huì)影響學(xué)習(xí)效率）

jQuery

jQuery是必須要會(huì)的，但是jQuery上手確實(shí)很簡(jiǎn)單，用兩天時(shí)間了解一下jQuery的用法，然后就可以利用jQuery實(shí)現(xiàn)各種頁面效果了，前期肯定會(huì)磕磕絆絆，但是jQuery的資料有很多，一邊學(xué)一邊做就行。jQuery熟練了之后，就可以開始著手學(xué)習(xí)JavaScript進(jìn)階一點(diǎn)的內(nèi)容了：

原始類型與引用類型的區(qū)別

各種類型轉(zhuǎn)換和類型檢測(cè)

閉包：函數(shù)套函數(shù)，怎么套自己都不蒙就行了。

原型：構(gòu)造函數(shù)、原型屬性、基于原型的繼承是怎么實(shí)現(xiàn)的。

this：可以開個(gè)坑好好研究研究

了解node

node現(xiàn)在可以說是前端必學(xué)的了，但是不是學(xué)用node做后臺(tái)，而是用node生態(tài)下的各種工具，順便借node了解一下后臺(tái)。

使用node開一個(gè)靜態(tài)服務(wù)器

使用npm下載第三方模塊

webpack

babel

最好能用express寫一個(gè)簡(jiǎn)單的后臺(tái)程序（一個(gè)server.js就夠了），處理一些請(qǐng)求，這樣我們學(xué)習(xí)ajax的時(shí)候就可以自己寫后臺(tái)接口了，當(dāng)然這需要有http協(xié)議的基礎(chǔ)知識(shí)。

ES2+新特性

變量和常量：為什么要拋棄var？

結(jié)構(gòu)賦值

箭頭函數(shù)

模塊化

class

編譯

像promise，async/await函數(shù)等等這些，看自己能力了，有興趣看看，不看也不影響后面學(xué)習(xí)，但是，就算現(xiàn)在不學(xué)，這個(gè)后續(xù)也是要補(bǔ)的。

框架

react、vue選一，零基礎(chǔ)的初學(xué)者強(qiáng)烈推薦vue，如果技術(shù)型前端，推薦react。

零基礎(chǔ)學(xué)Javascript要多少時(shí)間，天天研究，一個(gè)月能達(dá)到幾成功力？

0基礎(chǔ)學(xué)習(xí)Javascript的基礎(chǔ)知識(shí)一個(gè)月可以達(dá)到六成左右的水準(zhǔn)，但是完整的學(xué)習(xí)Javascript基礎(chǔ)知識(shí)需 2-3 個(gè)月，如果想要深入學(xué)習(xí)則需要花費(fèi)更長(zhǎng)的時(shí)間。如果你只是學(xué)會(huì)理論知識(shí)，而不懂得如何運(yùn)用的話，那么學(xué)習(xí)就是無用功。千鋒教育就有線上免費(fèi)Javascript線上公開課。 在學(xué)習(xí)Javascript時(shí)最好是邊學(xué)變練，也就是寫代碼。當(dāng)你學(xué)習(xí)完一個(gè)知識(shí)點(diǎn)的時(shí)候，要學(xué)會(huì)將它轉(zhuǎn)化。編程語言的學(xué)習(xí)最重要的就是能用它來開發(fā)系統(tǒng)。Javascript可以用來實(shí)現(xiàn)web 頁面動(dòng)態(tài)響應(yīng)、響應(yīng)瀏覽器事件、讀寫HTML 元素、數(shù)據(jù)提交和驗(yàn)證、檢測(cè)瀏覽器信息、控制 cookies，包括創(chuàng)建和修改等功能。如果想了解Javascript更多相關(guān)知識(shí)，建議到千鋒教育了解一下。千鋒教育目前在18個(gè)城市擁有22個(gè)校區(qū)，年培養(yǎng)優(yōu)質(zhì)人才20000余人，與國(guó)內(nèi)20000余家企業(yè)建立人才輸送合作關(guān)系，院校合作超600所。

零基礎(chǔ)學(xué)js會(huì)吃力嗎？

我嘗試著來回答這個(gè)問題，因?yàn)橐郧白约阂灿羞@方面的經(jīng)歷和困惑。

由于自己是CSS出身，一直以來只對(duì)CSS方面的話題感興趣，而且也一直沒有停過對(duì)CSS的探究。而對(duì)于JavaScript來說，早在很多年前都想學(xué)，但一直沒有動(dòng)力或者說沒有興趣。

興趣才是學(xué)習(xí)的一種最佳動(dòng)力

記得在2013年開始我就常抱著JavaScript高級(jí)程序設(shè)計(jì)這本紅皮書，可是每次抱起來就沒多久被放下，重心又回到了CSS上。主要原因有兩點(diǎn)：

沒有壓迫感：從事的工作主要是以CSS為主，對(duì)于JavaScript幾乎沒有觸達(dá)，這也應(yīng)了那么一句，沒有壓力就沒有動(dòng)力

沒有興趣：對(duì)JavaScript只是想學(xué)，而且知道學(xué)了對(duì)自己的好處，但始終沒有提起興趣，所以就沒有動(dòng)力去堅(jiān)持學(xué)習(xí)

后來隨著技術(shù)的革新，時(shí)代的變更，發(fā)現(xiàn)不懂JavaScript對(duì)自己的發(fā)展和學(xué)習(xí)都有很大的限制。比如說，我學(xué)習(xí)CSS的時(shí)候，需要寫一些測(cè)試案例，如果不具備JavaScript的能力，寫測(cè)試案例非常的費(fèi)用，如果你寫教程的話，對(duì)讀者也沒有一個(gè)更形象的展示。

再加上，進(jìn)入了一個(gè)新團(tuán)隊(duì)，業(yè)務(wù)上基本離不開JavaScript，特別是Vue,React這樣的框架出來之后，如果不懂JavaScript，那么更是舉步維艱，這也倒逼自己開始去學(xué)習(xí)JavaScript。

怎么學(xué)習(xí)JavaScript呢？對(duì)于我而言，只看書或只看教程，甚至看視頻是不夠的，還是無法提起我對(duì)JavaScript的興趣（雖然有工作壓力，業(yè)務(wù)壓力，學(xué)習(xí)壓力，環(huán)境壓力等在追著我向前）。既然知道這個(gè)原因所在，那么就需要想辦法去解決這個(gè)問題。而解決這個(gè)問題卻又不是刻意去解決的，也是在一次無形中解決的。

前幾天，工作內(nèi)容主要是圍繞著動(dòng)效轉(zhuǎn)，那么動(dòng)效除了CSS是實(shí)現(xiàn)方式之外還有很多其他的方式，比如有很多優(yōu)秀的JavaScript庫，不懂JavaScript就無法去了解這些，更無法助力自己。另外就是Canvas，為了動(dòng)效實(shí)現(xiàn)更具多方面的技巧，開始在學(xué)習(xí)Canvas，就在學(xué)習(xí)Canvas的過程中，讓我感覺到原來JavaScript也是這么的有意思。當(dāng)然，在學(xué)習(xí)Canvas的時(shí)候，也只是學(xué)習(xí)一些基礎(chǔ)的API，但這對(duì)我來說已經(jīng)是很大的變化了，因?yàn)閺倪@些基礎(chǔ)的API能力上，能讓我寫一些簡(jiǎn)單的效果出來，最為重要的是讓我對(duì)JavaScript有了興趣。

經(jīng)過一段時(shí)間Canvas的學(xué)習(xí)之后，發(fā)現(xiàn)不具備JavaScript的基礎(chǔ)是不夠的。從那開始，我注重JavaScript的基礎(chǔ)學(xué)習(xí)，從DOM的操作開始，簡(jiǎn)單點(diǎn)說，怎么對(duì)DOM進(jìn)行增、刪、改、查等操作。然后在操作DOM的時(shí)候會(huì)涉及到事處處理，那又開始會(huì)去學(xué)一些JavaScript中有關(guān)于事件方面的知識(shí)。

就是這樣，在學(xué)習(xí)一個(gè)新的東西的時(shí)候，總是會(huì)涉及到另外一部分未知的點(diǎn)。如果想打通這些點(diǎn)，就需要去學(xué)未知的點(diǎn)。也就是這樣一環(huán)道一環(huán)，我一直在堅(jiān)持學(xué)習(xí)一些JavaScript的基礎(chǔ)知識(shí)。

隨著React和Vue的出現(xiàn)，自己工作中會(huì)用到相關(guān)的知識(shí)，那么在工作中總是會(huì)碰到一些問題，那么這些問題也是倒逼我去學(xué)JavaScript領(lǐng)域中未知的知識(shí)點(diǎn)。比如，函數(shù)，繼承，設(shè)計(jì)模式等。雖然這些對(duì)我來說掌握的不多，不深，但也對(duì)自己而言也是一個(gè)較好的開始。我在想，只要堅(jiān)持，總是會(huì)有收獲的。

隨著代碼寫得多了，就會(huì)想去了解其中的概念和原理，這個(gè)時(shí)候再重新抱起書本，獲取自己需要的知識(shí)點(diǎn)，感興還是蠻有意思的。

希望我的回答對(duì)你有幫助

當(dāng)前名稱：零基礎(chǔ)學(xué)javascript,零基礎(chǔ)學(xué)javascript全彩版黑馬
網(wǎng)站路徑：http://jinyejixie.com/article26/dsecijg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、外貿(mào)建站、關(guān)鍵詞優(yōu)化、搜索引擎優(yōu)化、自適應(yīng)網(wǎng)站、App設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)