網(wǎng)友解答: 非技術(shù)方面：學(xué)習(xí)HTML5之前，我個(gè)人建議先去了解一下HTML5行業(yè)。如果對(duì)行業(yè)狀況不是很了解就要學(xué)HTML5會(huì)讓你有點(diǎn)盲目？因?yàn)橛械娜诉x擇HTML5行業(yè)的目的是為了高薪，有

非技術(shù)方面：

學(xué)習(xí)HTML5之前，我個(gè)人建議先去了解一下HTML5行業(yè)。如果對(duì)行業(yè)狀況不是很了解就要學(xué)HTML5會(huì)讓你有點(diǎn)盲目？因?yàn)橛械娜诉x擇HTML5行業(yè)的目的是為了高薪，有的人是真正的喜歡才選擇它，不同的目的會(huì)產(chǎn)生不同的結(jié)果。

另外，了解HTML5行業(yè)能夠幫助你分析一下自己是否適合學(xué)習(xí)HTML5。我的好朋友也有好多做前端的，有初中學(xué)歷，有高中學(xué)歷，還有本科學(xué)歷且是軟件工程專業(yè)的，看起來HTML5行業(yè)0基礎(chǔ)也是可以學(xué)，難道是真的0基礎(chǔ)可以學(xué)嗎？我很認(rèn)真的說不是，HTML5行業(yè)深似水，前期看起來發(fā)展都一樣，但是到了后期會(huì)受到計(jì)算機(jī)相關(guān)專業(yè)知識(shí)的影響，導(dǎo)致無計(jì)算機(jī)相關(guān)知識(shí)的開發(fā)人員發(fā)展緩慢，也就是說很難往深入的方向發(fā)展，所以需要看看自己是不是適合做前端。但是，不排除無計(jì)算機(jī)相關(guān)專業(yè)的人發(fā)展也很不錯(cuò)，他們主要還是靠后期的努力彌補(bǔ)欠缺的知識(shí)。總之，還是那句話，興趣才是你最好的導(dǎo)師。

技術(shù)方面：

HTML5開發(fā)工程師需要經(jīng)常與網(wǎng)頁設(shè)計(jì)圖打交道，所以可以先從PS學(xué)起，學(xué)會(huì)從設(shè)計(jì)圖獲取數(shù)據(jù)、摳圖、簡(jiǎn)單處理圖片等，掌握的越多越好。其次，學(xué)習(xí)HTML和CSS，要懂得實(shí)現(xiàn)靜態(tài)頁面的布局，包括移動(dòng)端和PC端，當(dāng)然兼容問題也要掌握。這部分內(nèi)容對(duì)于后期學(xué)習(xí)有很大的影響，所以需要把它打扎實(shí)一點(diǎn)。然后，學(xué)習(xí)原生JS的基礎(chǔ)語法，因?yàn)樗菍W(xué)JS框架的重要基礎(chǔ)，也是前端的核心技術(shù)。最后，JS掌握了面向?qū)ο?、設(shè)計(jì)模式等后再去學(xué)習(xí)angular等比較流行的框架。對(duì)于HTML5知識(shí)的獲取你可以到W3CSchool、HTML5學(xué)堂、掘金等平臺(tái)進(jìn)行學(xué)習(xí)。

最后提一下，如果想在前端行業(yè)發(fā)展的不錯(cuò)，后臺(tái)語言、設(shè)計(jì)都需要掌握一些，才能把網(wǎng)頁做的更好，而不是單純的去實(shí)現(xiàn)網(wǎng)頁。

微博：夢(mèng)幻雪冰

零基礎(chǔ)的小伙伴初接觸一門技術(shù)，想要去了解他、然后掌握它是很有難度的。因?yàn)榱慊A(chǔ)的學(xué)員通常會(huì)感覺無從下手，不知道HTML5該學(xué)習(xí)什么？也不知道HTML5該先學(xué)什么后學(xué)什么？零基礎(chǔ)想學(xué)習(xí)HTML5首先來了解什么是HTML5，學(xué)習(xí)它又都能做些什么，只有對(duì)HTML5有了更深入的認(rèn)識(shí)了解之后，從中把握要學(xué)習(xí)的方向，也就更能幫助自身學(xué)好HTML5。

HTML即Hypertext Markup Language，是超文本標(biāo)記語言，用于描述網(wǎng)頁文檔的一種標(biāo)記語言，數(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)帶來無縫銜接的豐富內(nèi)容。通過定義我們不難理解，HTML實(shí)質(zhì)是上用于描述網(wǎng)頁文檔的一種超文本標(biāo)記語言，而所謂的超文本就是指頁面中，你所能聽到的、看到的、點(diǎn)擊的一切東西。比如，文字，圖片，視頻，聲音，flash動(dòng)畫等等。

那么，零基礎(chǔ)該如何學(xué)習(xí)HTML5呢？其實(shí)零基礎(chǔ)學(xué)習(xí)HTML5可以按照以下五個(gè)步驟，分清主次和優(yōu)先級(jí)來學(xué)習(xí)。

第一步：基礎(chǔ)知識(shí)的學(xué)習(xí)。因?yàn)槲覀兪菑牧慊A(chǔ)開始學(xué)習(xí)的，所以基礎(chǔ)知識(shí)是至關(guān)重要的。學(xué)習(xí)HTML5的過程就是蓋樓房的過程，如果你基礎(chǔ)知識(shí)沒有學(xué)好，就等于一棟樓房的地基沒有夯實(shí)。后期的學(xué)習(xí)會(huì)難上加難。同時(shí)，基礎(chǔ)知識(shí)不能只依靠課上學(xué)習(xí)的那點(diǎn)知識(shí)，一定要通過線上或者翻閱一些HTML5相關(guān)的書籍來增加自身的知識(shí)儲(chǔ)備量。

第二步：編程技巧的學(xué)習(xí)。學(xué)習(xí)HTML5一定要掌握一定的編程技巧，這樣在以后的工作中可以大大的提高工作效率。通常我們可以在HTML5學(xué)習(xí)過程中參與項(xiàng)目實(shí)戰(zhàn)積累相關(guān)的編程技巧，或者也可以通過與同學(xué)、同事日常的交流中，吸取經(jīng)驗(yàn)教訓(xùn)掌握編程技巧。

第三步：熟練掌握學(xué)習(xí)基本框架。眾所周知HTML5的學(xué)習(xí)離不開框架，即便是在以后的工作中我們也會(huì)經(jīng)常用到框架。除了掌握最基本的前端框架之外，我們還應(yīng)該在學(xué)一個(gè)后端框架。因?yàn)榍岸撕秃蠖擞邢嗤ǖ牡胤?，如果可以掌握后端知識(shí)的話，在以后的工作中會(huì)有很大的幫助。

第四步：熟練掌握最基本的編程工具。這些最基本的編程工具是我們以后吃飯的工具，所以作為一位零基礎(chǔ)的學(xué)員一定要熟練掌握這些編程工具。要想熟練掌握這些編程工具就必須反復(fù)的使用和練習(xí)正所謂熟能生巧。

第五步：各種框架類庫(kù)的學(xué)習(xí)。在HTML5的學(xué)習(xí)過程中會(huì)接觸各種亂七八糟的框架類庫(kù)，像這種框架類庫(kù)一般看看就可以的，但是多學(xué)點(diǎn)總是好的，不見得一定要用?？催@些框架庫(kù)的主要目的就是懂的人家的設(shè)計(jì)理念，這些設(shè)計(jì)理念或許在工作中能用得到。