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

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

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

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

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

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

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

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

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

下面就是JS了

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

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

2.重點：事件、DOM操作，這都是js最原始的東西，主要是用來做交互 的。

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

進(jìn)階

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

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

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

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

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