JavaScriptDom編程藝術(shù)通往終點(diǎn)的過程與終點(diǎn)本身同樣重要_Web標(biāo)準(zhǔn)教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
當(dāng)我對(duì)JavaScript還停留在只熟悉這幾個(gè)字母的時(shí)候,有一天我忽然心血來潮,在網(wǎng)上下了DOM Scripting的樣章,照著里面的例子寫了我平生第一個(gè)能讓我知所以然JavaScript,在瀏覽器運(yùn)行成功,興奮不已,從此能把學(xué)習(xí)編程的熱情持續(xù)半年以上,破了過去只能熱一兩個(gè)星期的記錄,它帶給我的影響不只是JavaScript本身,我同時(shí)已經(jīng)初步入門了Ruby on Rails。
為什么之前我之前也拷貝粘貼過JavaScript, 也曾試圖學(xué)習(xí)過,但都無疾而終?除了這種JavaScript的經(jīng)典學(xué)習(xí)方式不適合作為非程序員的我外,更重要的,網(wǎng)上或者市面上根本沒有合適的教程,您所看到的大部分教程,除了讓您一頭霧水外,還可能把您引入岐途。隨著web標(biāo)準(zhǔn)的發(fā)展,JavaScript的開發(fā)方式已經(jīng)發(fā)生了質(zhì)的變化,急需一本結(jié)合 web標(biāo)準(zhǔn)理念來教學(xué)JavaScript的入門教程來革新舊開發(fā)者的觀念,引導(dǎo)初學(xué)者一開始就走在正確的路上,這方面,我想沒有誰能夠比領(lǐng)導(dǎo)WaSP DOM Scripting Task Force的Jeremy Keith更權(quán)威。
最近,由人民郵電引進(jìn)出版的中文版《JavaScript DOM編程藝術(shù)》終于面市,我第一時(shí)間購(gòu)買了并閱讀完畢,因此將我讀后感發(fā)表出來與大家分享,如有什么高見,請(qǐng)留言不吝賜教,謝謝。
首先要說的本書的書名,原書名是: Dom Scripting: Web Design with JavaScript and the Document Object Method, 顯而易見,本書是面向初學(xué)者的,而且對(duì)象比較明確,web設(shè)計(jì)師, 并且表明了本書的內(nèi)容主要就是DOM, 因此想從本書里看到JavaScript奇技淫巧,想看到Ajax的高級(jí)應(yīng)用什么的,肯定會(huì)大失所望。中文版的譯名在我本人看來沒能表達(dá)出原書名要表達(dá)的意思,當(dāng)然基于市場(chǎng)考慮,加上“藝術(shù)”之流的字眼還是可以原諒的,最重要的,還是書本的內(nèi)容質(zhì)量。翻譯來說,雖然有個(gè)術(shù)語比較別扭(如hook翻譯成“掛鉤”),但有些也相當(dāng)精確(如graceful degradation翻譯為“預(yù)留退路”)。比起CSS Mastery的翻譯來,相當(dāng)不錯(cuò)了。
為何面對(duì)設(shè)計(jì)師?(當(dāng)然不是說不是設(shè)計(jì)師就不能看)當(dāng)web標(biāo)準(zhǔn)越來越普及,使用XHTML和CSS來構(gòu)建兼容標(biāo)準(zhǔn)的網(wǎng)頁的設(shè)計(jì)師越來越多,接觸了 web標(biāo)準(zhǔn)的觀念和大量使用CSS之后,對(duì)于DOM其實(shí)已經(jīng)有了非常感性的熟悉,只需高人來點(diǎn)破即可迅速把握DOM的基本操作,而在網(wǎng)頁里,對(duì)DOM的操作,絕大部分是JavaScript. 所以,我覺得,假如您現(xiàn)在已經(jīng)了解web標(biāo)準(zhǔn)并積累有一定的項(xiàng)目經(jīng)驗(yàn),那么,這本書對(duì)您來說,閱讀應(yīng)該很輕松,即使,您沒有任何的編程經(jīng)驗(yàn)。所以,書中對(duì)于怎么入門編程,其實(shí)就只是簡(jiǎn)介一下JavaScript的語法,而也不會(huì)使用復(fù)雜的語句來構(gòu)建例子程序,絕大部分只停留在if, for等簡(jiǎn)單的邏輯上。
至于書的內(nèi)容,我覺得您直接去看網(wǎng)上提供的目錄就可以一目了然。在我看來,它只不過就是獲取DOM節(jié)點(diǎn)及其類型和值,如何改變DOM節(jié)點(diǎn)的類型和值,如何插入和刪除DOM節(jié)點(diǎn),假如您CSS基礎(chǔ)好,那么您簡(jiǎn)直就是在看一本CSS書籍中的選擇器介紹,只不過DOM更強(qiáng)大和靈活,并活起來罷了。并簡(jiǎn)要介紹了JavaScript的動(dòng)畫原理,讓您明白,動(dòng)的背后其實(shí)很簡(jiǎn)單,還提供了一個(gè)制作整站實(shí)例的過程,對(duì)于一些非設(shè)計(jì)師來說可以一窺網(wǎng)站誕生的流程。最后一章展望,其實(shí)就是入門書都提供的,就是對(duì)JavaScript的一些高級(jí)應(yīng)用的概述,來吸引您繼續(xù)學(xué)習(xí)的愛好。不過連展望都不忘提醒貫穿整書的理念:
JavaScript是用來充實(shí)網(wǎng)頁而不是構(gòu)建網(wǎng)頁的,并基于web標(biāo)準(zhǔn)的結(jié)構(gòu),表現(xiàn),行為分離原則。任何時(shí)候不要忘了無障礙,網(wǎng)頁的核心內(nèi)容在JavaScript缺席的時(shí)候不能受影響。
確實(shí),這是本不折不扣的入門書,對(duì)于初學(xué)者更合適。但是,是不是說對(duì)于老鳥就不適合了呢?非也,前面已經(jīng)提到,盡管本書的技術(shù)淺顯,但始終貫穿書本的開發(fā)理念與原則,或許是作為老鳥的您從來沒有聽過或者一知半解的,我建議您可以把它當(dāng)作一本小說來看,不必像初學(xué)者一樣拘泥于技術(shù)細(xì)節(jié)。為何這么說?
Ajax引爆JavaScript的流行,流行展望當(dāng)今JavaScript,大量框架的涌現(xiàn),您已經(jīng)可以不費(fèi)吹灰之力迅速搭建一個(gè) JavaScript應(yīng)用,這樣讓大家的應(yīng)用看起來都一樣,最終結(jié)果看起來似乎都一樣:解決了問題。但是您有否想過,這相同結(jié)果可能在只有 JavaScript的時(shí)候?您是否想過能在禁止JavaScript的情況下,人家的能用您的不能用?為何?書本不會(huì)直接給您答案,但我相信您能間接找到。沒錯(cuò),該刷新您的開發(fā)觀念了。而且書不厚,您只需花一個(gè)下午。
通往終點(diǎn)的過程與終點(diǎn)本身同樣重要。
為什么之前我之前也拷貝粘貼過JavaScript, 也曾試圖學(xué)習(xí)過,但都無疾而終?除了這種JavaScript的經(jīng)典學(xué)習(xí)方式不適合作為非程序員的我外,更重要的,網(wǎng)上或者市面上根本沒有合適的教程,您所看到的大部分教程,除了讓您一頭霧水外,還可能把您引入岐途。隨著web標(biāo)準(zhǔn)的發(fā)展,JavaScript的開發(fā)方式已經(jīng)發(fā)生了質(zhì)的變化,急需一本結(jié)合 web標(biāo)準(zhǔn)理念來教學(xué)JavaScript的入門教程來革新舊開發(fā)者的觀念,引導(dǎo)初學(xué)者一開始就走在正確的路上,這方面,我想沒有誰能夠比領(lǐng)導(dǎo)WaSP DOM Scripting Task Force的Jeremy Keith更權(quán)威。
最近,由人民郵電引進(jìn)出版的中文版《JavaScript DOM編程藝術(shù)》終于面市,我第一時(shí)間購(gòu)買了并閱讀完畢,因此將我讀后感發(fā)表出來與大家分享,如有什么高見,請(qǐng)留言不吝賜教,謝謝。
首先要說的本書的書名,原書名是: Dom Scripting: Web Design with JavaScript and the Document Object Method, 顯而易見,本書是面向初學(xué)者的,而且對(duì)象比較明確,web設(shè)計(jì)師, 并且表明了本書的內(nèi)容主要就是DOM, 因此想從本書里看到JavaScript奇技淫巧,想看到Ajax的高級(jí)應(yīng)用什么的,肯定會(huì)大失所望。中文版的譯名在我本人看來沒能表達(dá)出原書名要表達(dá)的意思,當(dāng)然基于市場(chǎng)考慮,加上“藝術(shù)”之流的字眼還是可以原諒的,最重要的,還是書本的內(nèi)容質(zhì)量。翻譯來說,雖然有個(gè)術(shù)語比較別扭(如hook翻譯成“掛鉤”),但有些也相當(dāng)精確(如graceful degradation翻譯為“預(yù)留退路”)。比起CSS Mastery的翻譯來,相當(dāng)不錯(cuò)了。
為何面對(duì)設(shè)計(jì)師?(當(dāng)然不是說不是設(shè)計(jì)師就不能看)當(dāng)web標(biāo)準(zhǔn)越來越普及,使用XHTML和CSS來構(gòu)建兼容標(biāo)準(zhǔn)的網(wǎng)頁的設(shè)計(jì)師越來越多,接觸了 web標(biāo)準(zhǔn)的觀念和大量使用CSS之后,對(duì)于DOM其實(shí)已經(jīng)有了非常感性的熟悉,只需高人來點(diǎn)破即可迅速把握DOM的基本操作,而在網(wǎng)頁里,對(duì)DOM的操作,絕大部分是JavaScript. 所以,我覺得,假如您現(xiàn)在已經(jīng)了解web標(biāo)準(zhǔn)并積累有一定的項(xiàng)目經(jīng)驗(yàn),那么,這本書對(duì)您來說,閱讀應(yīng)該很輕松,即使,您沒有任何的編程經(jīng)驗(yàn)。所以,書中對(duì)于怎么入門編程,其實(shí)就只是簡(jiǎn)介一下JavaScript的語法,而也不會(huì)使用復(fù)雜的語句來構(gòu)建例子程序,絕大部分只停留在if, for等簡(jiǎn)單的邏輯上。
至于書的內(nèi)容,我覺得您直接去看網(wǎng)上提供的目錄就可以一目了然。在我看來,它只不過就是獲取DOM節(jié)點(diǎn)及其類型和值,如何改變DOM節(jié)點(diǎn)的類型和值,如何插入和刪除DOM節(jié)點(diǎn),假如您CSS基礎(chǔ)好,那么您簡(jiǎn)直就是在看一本CSS書籍中的選擇器介紹,只不過DOM更強(qiáng)大和靈活,并活起來罷了。并簡(jiǎn)要介紹了JavaScript的動(dòng)畫原理,讓您明白,動(dòng)的背后其實(shí)很簡(jiǎn)單,還提供了一個(gè)制作整站實(shí)例的過程,對(duì)于一些非設(shè)計(jì)師來說可以一窺網(wǎng)站誕生的流程。最后一章展望,其實(shí)就是入門書都提供的,就是對(duì)JavaScript的一些高級(jí)應(yīng)用的概述,來吸引您繼續(xù)學(xué)習(xí)的愛好。不過連展望都不忘提醒貫穿整書的理念:
JavaScript是用來充實(shí)網(wǎng)頁而不是構(gòu)建網(wǎng)頁的,并基于web標(biāo)準(zhǔn)的結(jié)構(gòu),表現(xiàn),行為分離原則。任何時(shí)候不要忘了無障礙,網(wǎng)頁的核心內(nèi)容在JavaScript缺席的時(shí)候不能受影響。
確實(shí),這是本不折不扣的入門書,對(duì)于初學(xué)者更合適。但是,是不是說對(duì)于老鳥就不適合了呢?非也,前面已經(jīng)提到,盡管本書的技術(shù)淺顯,但始終貫穿書本的開發(fā)理念與原則,或許是作為老鳥的您從來沒有聽過或者一知半解的,我建議您可以把它當(dāng)作一本小說來看,不必像初學(xué)者一樣拘泥于技術(shù)細(xì)節(jié)。為何這么說?
Ajax引爆JavaScript的流行,流行展望當(dāng)今JavaScript,大量框架的涌現(xiàn),您已經(jīng)可以不費(fèi)吹灰之力迅速搭建一個(gè) JavaScript應(yīng)用,這樣讓大家的應(yīng)用看起來都一樣,最終結(jié)果看起來似乎都一樣:解決了問題。但是您有否想過,這相同結(jié)果可能在只有 JavaScript的時(shí)候?您是否想過能在禁止JavaScript的情況下,人家的能用您的不能用?為何?書本不會(huì)直接給您答案,但我相信您能間接找到。沒錯(cuò),該刷新您的開發(fā)觀念了。而且書不厚,您只需花一個(gè)下午。
通往終點(diǎn)的過程與終點(diǎn)本身同樣重要。
相關(guān)Web標(biāo)準(zhǔn)教程:
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個(gè)WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對(duì)SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語:開始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- CSS實(shí)現(xiàn)當(dāng)前頁的滑動(dòng)門菜單的效果方法
- CSS中級(jí)教程 組合與嵌套
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- CSS實(shí)戰(zhàn)精萃-ProCSSTechniques
- 如何用CSS選擇器查詢和風(fēng)格化Web元素
- WEB2.0標(biāo)準(zhǔn)教程:第一天 選擇什么樣的DOCTYPE
- 網(wǎng)頁標(biāo)準(zhǔn)化-CSS命名規(guī)劃整理
- Web前端開發(fā)工程師必備技術(shù)列表
- Div CSS網(wǎng)頁布局、web標(biāo)準(zhǔn)應(yīng)用容易出現(xiàn)的問題匯總
- 符合WEB標(biāo)準(zhǔn)的滾動(dòng)文字特效的實(shí)現(xiàn)方法
- 相關(guān)鏈接:
復(fù)制本頁鏈接| 搜索JavaScriptDom編程藝術(shù)通往終點(diǎn)的過程與終點(diǎn)本身同樣重要
- 教程說明:
Web標(biāo)準(zhǔn)教程-JavaScriptDom編程藝術(shù)通往終點(diǎn)的過程與終點(diǎn)本身同樣重要。