現(xiàn)在在移動(dòng)端流行“高大上”的HTML5。作為代碼零基礎(chǔ)，該如何迅速學(xué)習(xí)HTML（或HTML5）？

既然是零基礎(chǔ)，就先學(xué)學(xué)基礎(chǔ)， 基礎(chǔ)學(xué)習(xí)推薦菜鳥教程。

前端的基礎(chǔ)知識(shí)無(wú)外乎就是html，css，js三大類，html控制結(jié)構(gòu)和內(nèi)容，css修飾結(jié)構(gòu)和內(nèi)容，js控制動(dòng)效集合交互，由于要求迅速，所以時(shí)間應(yīng)按安排的合理。

1.html、html5標(biāo)簽可以快速的過一遍，大概2~3天，不用全部記住，要會(huì)靈活運(yùn)用，什么情況下用什么標(biāo)簽要了解，不過用的多了自然就熟練了。

2.css、css3：也是先整體過一遍，大概3~4天，主要關(guān)注選擇器的語(yǔ)法和優(yōu)先級(jí)算法，各種樣式也是寫多了熟練就好了，寫好高效簡(jiǎn)潔 的css還是看選擇器的寫法。

3.了解各種各樣的布局，web頁(yè)面的主要元素。有很多不同的方法去組織它們，所有的web頁(yè)面都用一個(gè)container，主要是為了同一個(gè)目的：去包含一些頁(yè)面元素，然而這個(gè)方法實(shí)現(xiàn)各有不同。例如，body標(biāo)簽或者是最常用的div。甚至于過去常用的table（不要使用table作為你的container，這是一個(gè)破方法）。多去各種類型的網(wǎng)站逛逛，了解布局類型，以及布局類型的實(shí)現(xiàn)方法。

4.模仿幾個(gè)PC、移動(dòng)端網(wǎng)站：一周左右，學(xué)編程主要還是靠練習(xí)，必須得多寫多想，練習(xí)的不是看細(xì)節(jié)要多好，主要是了解html結(jié)構(gòu)，css的各種屬性。

css樣式怎么組織起來(lái)的，css和html怎么結(jié)合，多想想一些網(wǎng)站的布局為什么要這么做，這地方能不能精簡(jiǎn)，網(wǎng)站都不是很復(fù)雜的，優(yōu)化空間都是有的；

通過上面的學(xué)習(xí)，基本上可以進(jìn)行靜態(tài)的網(wǎng)頁(yè)布局了，如果有不錯(cuò) 的布局意識(shí)，良好的 色感，那是大大的加分的啦。

下面就是JS了

js是可以同時(shí)控制html和css的，所以js在前端的地位是很重要的，但是都要有html和css的基礎(chǔ)上去學(xué)習(xí)的：

1.基礎(chǔ)語(yǔ)法：還是可以在菜鳥教程菜鳥教程，學(xué)的不僅僅是技術(shù)，更是夢(mèng)想上去學(xué)習(xí)，可以去一些網(wǎng)上找視頻看看，過一遍也相當(dāng)快，但是理解能力要夠好的。

2.重點(diǎn)：事件、DOM操作，這都是js最原始的東西，主要是用來(lái)做交互 的。

3. 組織代碼：了解函數(shù)，了解對(duì)象，主要是為了以更好的方式組織你的代碼。不然你一行一行寫下去也行，但完全沒有條理，日后也無(wú)法改動(dòng)。寫代碼要養(yǎng)成一個(gè)好習(xí)慣，除了考慮怎么實(shí)現(xiàn)，還要考慮怎么去組織代碼，把你的代碼弄得條理分明。

進(jìn)階

通過以上基礎(chǔ)學(xué)習(xí)后，基本上都能滿足產(chǎn)品大人的常規(guī)需求了。下面就要往炫酷、屌炸天的方向去努力了：

1. 調(diào)試工具：極度推薦chrome！抱歉，其實(shí)應(yīng)該在最開始推薦的。在寫CSS的時(shí)候，你還是寫一下保存然后打開瀏覽器看效果？用用chrome開發(fā)者工具吧，CSS實(shí)時(shí)調(diào)整，爽！js各種調(diào)試，爽！[chrom使用教程](Chrome開發(fā)者工具不完全指南（一、基礎(chǔ)功能篇))

2. 性能意識(shí)：之前的基礎(chǔ)學(xué)習(xí)都是為了做出一個(gè)東西，而現(xiàn)在你應(yīng)該要想著做出一個(gè)高性能的東西。性能主要有兩方面：加載速度以及頁(yè)面執(zhí)行效率（多指動(dòng)畫），直觀點(diǎn)說(shuō)就是卡不卡。這里可以看看騰訊前端項(xiàng)目組的總結(jié)：[移動(dòng)H5 前端性能優(yōu)化指南](移動(dòng)H5前端性能優(yōu)化指南 )

3. 代碼規(guī)范：基礎(chǔ)部分的代碼組織沒有著重強(qiáng)調(diào)，是因?yàn)槟莻€(gè)時(shí)候了解太少，以實(shí)現(xiàn)為目的。現(xiàn)在進(jìn)階階段就要考慮使用面向?qū)ο蟮姆绞絹?lái)組織代碼了，而且還要有模塊化工程化的意識(shí)?？梢詮膉s看起[阮一峰的模塊化教程](Javascript模塊化編程（一）：模塊的寫法 )，主要是理解這么個(gè)思路，日后語(yǔ)言層就會(huì)支持。

4. 了解一下服務(wù)器開發(fā)，做前端總是要跟服務(wù)器配合的，你要是完全不懂后端，那就簡(jiǎn)直無(wú)法交流了呀。