TML5是全新的。事實(shí)上,它甚至還沒(méi)有完全成熟。如果你聽(tīng)一些據(jù)“壞脾氣”專(zhuān)家的介紹,他們會(huì)告訴你HTML5在未來(lái)10年甚至更久的時(shí)間里都不會(huì)完全成熟!
本書(shū)作者致力于研究開(kāi)發(fā)和講HTMLS技術(shù)已有兩年多,現(xiàn)在可以肯定地說(shuō),在實(shí)際Web應(yīng)用中新標(biāo)準(zhǔn)的采納程度正在以令人目眩的速度不斷加快。即使在編寫(xiě)本書(shū)的過(guò)程中,我們都被迫不斷更新書(shū)中的瀏覽器支持表格,重新評(píng)估哪些技術(shù)又具備了使用條件。
第1章“HTMI 5概述",從HTML版本的發(fā)展歷程說(shuō)起,介紹了HTML規(guī)范過(guò)去和現(xiàn)在的版本情況,然后介紹了新的高級(jí)語(yǔ)義標(biāo)簽,以及一-些根本性的改進(jìn),同時(shí)還分析了HTML5背后的設(shè)計(jì)理念。
第2章“Canvas API"、第3章“SVG” 和第4章“音頻和視頻”,討論了新的可視化元素和媒體元素。在這三章中,集中討論如何在無(wú)插件和無(wú)服務(wù)器交互的情況下優(yōu)化用戶(hù)界面。
第5章“Geolocation API”介紹的是一個(gè)全新的功能。在此之前,它很難通過(guò)模擬方式實(shí)現(xiàn),它賦予應(yīng)用程序確定用戶(hù)當(dāng)前位置的能力,并可以用來(lái)定制用戶(hù)體驗(yàn)。
第6章“Communication API”和第7章“WebSockets API"展示了HTML5提供的日益強(qiáng)大的通信能力。有了這兩個(gè)API,Web應(yīng)用不僅可以同其他網(wǎng)站進(jìn)行通信,而且還能以最簡(jiǎn)單的代碼和最小的網(wǎng)絡(luò)開(kāi)銷(xiāo)進(jìn)行實(shí)時(shí)數(shù)據(jù)流的傳遞。
基礎(chǔ)可以學(xué)習(xí)學(xué)H5嗎?想要了解如何學(xué)好H5,首先要知道什么是H5,學(xué)習(xí)它又都能做些什么,只有對(duì)H5有了更深入的了解之后,從中把握學(xué)習(xí)的方向,才能幫助自身學(xué)好H5。
HTML即Hypertext Markup Language,是超文本標(biāo)記語(yǔ)言,用于描述網(wǎng)頁(yè)文檔的一種標(biāo)記語(yǔ)言,數(shù)字5代表的是版本。HTML5將會(huì)取代1999年制定的HTML 4.01、XHTML 1.0標(biāo)準(zhǔn),能在互聯(lián)網(wǎng)應(yīng)用迅速發(fā)展的時(shí)候,使網(wǎng)絡(luò)標(biāo)準(zhǔn)達(dá)到符合當(dāng)代的網(wǎng)絡(luò)需求,為桌面和移動(dòng)平臺(tái)帶來(lái)無(wú)縫銜接的豐富內(nèi)容。
H5是一項(xiàng)很特殊的工作,它所涵蓋的知識(shí)面非常廣,要求工程師既要有熟練具體的技術(shù),還要有扎實(shí)的理論知識(shí)和抽象的理念,這樣才能制作出出色的網(wǎng)站界面,將其更好地呈現(xiàn)給用戶(hù)。 學(xué)習(xí)者必須掌握基本的HTML5技術(shù),其中包括HTML、CSS、Ajax、DOM、BOM、JavaScript等,在熟練掌握這些技術(shù)的基礎(chǔ)之上,還要清楚地了解它們?cè)诓煌瑸g覽器上的兼容情況、渲染原理等等。
此外還有網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識(shí),運(yùn)用各種工具進(jìn)行輔助開(kāi)發(fā),這些都是一名合格的前端工程師所必須具備的技能。除了要掌握技術(shù)層面的知識(shí),還要掌握系統(tǒng)的理論知識(shí),例如代碼的可維護(hù)性、組件的易用性、和瀏覽器兼容性等等。
學(xué)習(xí)HTML5必須要掌握系統(tǒng)的知識(shí)體系,才能更好地運(yùn)用在具體的項(xiàng)目操作中。很多人考慮自學(xué)H5,這樣存在的巨大的弊端就是知識(shí)不自覺(jué)的遺漏和缺失,導(dǎo)致學(xué)員不能將扎實(shí)的理論基礎(chǔ)和強(qiáng)大的實(shí)戰(zhàn)操作能力相結(jié)合。任何學(xué)習(xí)都是有規(guī)律可循的,掌握了學(xué)習(xí)規(guī)則,學(xué)習(xí)起來(lái)就能事半功倍,同樣的學(xué)習(xí)H5前端開(kāi)發(fā)也是有一定的規(guī)則可尋的。比如,可以分為6各階段進(jìn)行:前端頁(yè)面重構(gòu);JavaScript高級(jí)程序設(shè)計(jì);PC端全棧項(xiàng)目開(kāi)發(fā);移動(dòng)端項(xiàng)目開(kāi)發(fā)混合開(kāi)發(fā);NodeJS全棧開(kāi)發(fā),從基礎(chǔ)到深入,進(jìn)階式學(xué)習(xí)一步步成為綜合性前端工程師。
端開(kāi)發(fā)的入門(mén)門(mén)檻其實(shí)非常低,與服務(wù)器端語(yǔ)言先慢后快的學(xué)習(xí)曲線(xiàn)相比,前端開(kāi)發(fā)的學(xué)習(xí)曲線(xiàn)是先快后慢。
所以,對(duì)于想從事IT工作的人來(lái)說(shuō),前端開(kāi)發(fā)是個(gè)不錯(cuò)的切入點(diǎn)。
對(duì)于零基礎(chǔ)的HTML5學(xué)習(xí)者,首先需要的是一條思路清晰的HTML5學(xué)習(xí)路線(xiàn),學(xué)習(xí)路線(xiàn)如同一本書(shū)的目錄,有了它就可以對(duì)一門(mén)語(yǔ)言有宏觀概念,學(xué)習(xí)起來(lái)更有針對(duì)性,這一點(diǎn)對(duì)零基礎(chǔ)小白尤其重要。
下面,小編就為大家揭曉HTML5入門(mén)路線(xiàn)是什么樣的?
基本概念
HTML(Hypertext Markup Language,超文本標(biāo)記語(yǔ)言),是用來(lái)創(chuàng)建網(wǎng)頁(yè)和網(wǎng)絡(luò)應(yīng)用的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言,可用來(lái)定義和描述網(wǎng)頁(yè)的內(nèi)容和結(jié)構(gòu)。和CSS、JavaScript一起組成互聯(lián)網(wǎng)的基礎(chǔ)技術(shù)。
1、HTML5介紹
內(nèi)容包括:互聯(lián)網(wǎng)發(fā)展趨勢(shì)、H5語(yǔ)言的優(yōu)勢(shì)、簡(jiǎn)單易學(xué)人人都能編程、H5就業(yè)和薪資情況、H5常見(jiàn)的項(xiàng)目與產(chǎn)品、H5的未來(lái)與方向
2、HTML基礎(chǔ)
內(nèi)容包括:HTML簡(jiǎn)介與歷史版本、常用開(kāi)發(fā)軟件、常見(jiàn)標(biāo)簽與屬性、表格與表單、標(biāo)簽規(guī)范與標(biāo)簽語(yǔ)義化、實(shí)戰(zhàn):網(wǎng)頁(yè)結(jié)構(gòu)布局
3、CSS基礎(chǔ)
內(nèi)容包括:css簡(jiǎn)介與基本語(yǔ)法、常見(jiàn)的各種樣式屬性、CSS選擇器與標(biāo)簽類(lèi)型、理解盒子模型與CSS重置、浮動(dòng)與定位、利用photoshop工具測(cè)量樣式、HTML+CSS開(kāi)發(fā)網(wǎng)頁(yè)、實(shí)戰(zhàn):高仿電商首頁(yè)效果
4、CSS3基礎(chǔ)
內(nèi)容包括:css3常見(jiàn)樣式、css3選擇器、變形與動(dòng)畫(huà)、3D效果與關(guān)鍵幀、彈性盒模型
5、移動(dòng)端布局
內(nèi)容包括:移動(dòng)端基本概念、viewport窗口設(shè)置、移動(dòng)端布局方案、rem、vh、vw等單位、響應(yīng)式布局、bootstrap框架
6.、JavaScript基礎(chǔ)
內(nèi)容包括:JS簡(jiǎn)介、JS變量、數(shù)據(jù)類(lèi)型與類(lèi)型轉(zhuǎn)換、運(yùn)算符與優(yōu)先級(jí)、流程控制-if..else流程控制-switch...case、流程控制-while、do..while、for循環(huán)、break、continue語(yǔ)法、函數(shù)定義與調(diào)用、全局變量與局部變量。
還有函數(shù)傳參與返回值、函數(shù)作用域與變量作用域、DOM的基本操作、定時(shí)器使用、this指向與修改指向、數(shù)組、字符串等方法操作、時(shí)間對(duì)象與正則對(duì)象、掌握常見(jiàn)BOM操作、常見(jiàn)事件與事件細(xì)節(jié)、JSON與AJAX、JSONP跨域操作、前端cookie的使用、實(shí)戰(zhàn):JS配合HTML與CSS完成電商項(xiàng)目
7、jquery框架
內(nèi)容包括:jquery框架介紹及優(yōu)勢(shì)介紹、jquery核心思想、jquery常見(jiàn)方法、jquery動(dòng)畫(huà)操作、jqueryAJAX操作、jquery工具方法、利用jquery快速開(kāi)發(fā)網(wǎng)頁(yè)
8、PHP基礎(chǔ)
內(nèi)容包括:PHP簡(jiǎn)介與基本語(yǔ)法、mysql數(shù)據(jù)庫(kù)及sql語(yǔ)法、apache服務(wù)器與集成開(kāi)發(fā)工具、PHP鏈接數(shù)據(jù)庫(kù)、PHP與AJAX交互、實(shí)戰(zhàn):留言板、登錄、注冊(cè)等
9、H5基礎(chǔ)項(xiàng)目
內(nèi)容包括:項(xiàng)目簡(jiǎn)介、項(xiàng)目功能演示、項(xiàng)目劃分及框架、編寫(xiě)HTML頁(yè)面結(jié)構(gòu)、設(shè)置CSS樣式、添加JS交互、可選框架:bootstrap、jquery、PHP等、項(xiàng)目調(diào)試及兼容、項(xiàng)目驗(yàn)收
雖然HTML5前端薪資高入門(mén)門(mén)檻低, 但是俗話(huà)說(shuō)得好:入門(mén)容易,精通難。
HTML5前端開(kāi)發(fā)的知識(shí)點(diǎn)繁多,要想真正掌握HTML5前端工程師開(kāi)發(fā)技能,并非易事。
踩樓、私信小編,軟件資源免費(fèi)送!
如果你想學(xué)習(xí)HTML5前端,想高薪就業(yè),就來(lái)樂(lè)購(gòu)IT教育學(xué)院,我們有優(yōu)質(zhì)的師資,完備的建站流程和一流的開(kāi)發(fā)、設(shè)計(jì)人員。是學(xué)編程與設(shè)計(jì)錯(cuò)不了的選擇!
*請(qǐng)認(rèn)真填寫(xiě)需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。