導(dǎo)讀：

創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司是一家服務(wù)多年做網(wǎng)站建設(shè)策劃設(shè)計(jì)制作的公司,為廣大用戶提供了成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、外貿(mào)網(wǎng)站建設(shè)，成都網(wǎng)站設(shè)計(jì)，廣告投放，成都做網(wǎng)站選創(chuàng)新互聯(lián)，貼合企業(yè)需求，高性價(jià)比，滿足客戶不同層次的需求一站式服務(wù)歡迎致電。

      你也許會(huì)覺(jué)得前端開(kāi)發(fā)是一個(gè)很簡(jiǎn)單的工作，對(duì)呀，你就是剛剛從網(wǎng)頁(yè)設(shè)計(jì)轉(zhuǎn)型過(guò)來(lái)的。但當(dāng)你深入其中時(shí)，一定會(huì)發(fā)現(xiàn)好像前端開(kāi)發(fā)不是那么簡(jiǎn)單，光網(wǎng)站性能優(yōu)化、響應(yīng)式、框架就讓你焦頭爛額，

      確實(shí)，做前端開(kāi)發(fā)就是先易后難，想成為一個(gè)優(yōu)秀的前端開(kāi)發(fā)，沒(méi)有那么簡(jiǎn)單。

      不過(guò)，天下事難則不會(huì)，會(huì)則不難，你只需要掌握11項(xiàng)技能就可以成為前端“大拿”，下面，就告訴你這11項(xiàng)技能是什么？以及每項(xiàng)技能的要點(diǎn)，最后是相關(guān)的專業(yè)圖書(shū)。

入門必備的技能：

第1項(xiàng)技能：HTML超文本標(biāo)記語(yǔ)言：

技能要點(diǎn)：

• HTML文件的結(jié)構(gòu)

• HTML文件的編寫方法　

• HTML基本標(biāo)記

• 文字與段落標(biāo)記　

• 框架

• 使用表單　

• XHTML頁(yè)面結(jié)構(gòu)

第2項(xiàng)技能：JavaScript腳本

技能要點(diǎn)：

• JavaScript基本語(yǔ)法

• 流程控制

• 函數(shù)

• 對(duì)象與數(shù)組

• 程序調(diào)試與錯(cuò)誤處理

• 事件處理

• 處理文檔對(duì)象

• 文檔對(duì)象模型

• window窗口對(duì)象

第3項(xiàng)技能：CSS網(wǎng)頁(yè)樣式布局

技能要點(diǎn)：

• CSS定位與div布局

• div標(biāo)記與span標(biāo)記

• CSS+div美化與布局

• CSS與JavaScript的綜合應(yīng)用

• CSS與XML的綜合運(yùn)用

• CSS與Ajax的綜合應(yīng)用

晉級(jí)提升必會(huì)的技能

第4項(xiàng)技能：HTML5開(kāi)發(fā)技能

技能要點(diǎn)：

• HTML5語(yǔ)法

• 新增的input輸入類型

• 新增的form元素

• HTML5音頻與視頻

• HTML5多媒體技術(shù)

• Web存儲(chǔ)

• WebSQL混合開(kāi)發(fā)

• Workers多線程處理

第5項(xiàng)技能：常用Javascript框架

技能要點(diǎn)：

• jQuery框架

• Prototype框架

• YUI框架

• ExtJS框架

• Dojo框架

第6項(xiàng)技能：Javascript Ajax應(yīng)用

技能要點(diǎn)：

• JavaScript的常用對(duì)象

• DOM文檔對(duì)象模型

• XML請(qǐng)求與響應(yīng)

• JSON

• Post/Get請(qǐng)求

成為優(yōu)秀的前端開(kāi)發(fā)必會(huì)的技能

第7項(xiàng)技能：響應(yīng)式Web設(shè)計(jì)

技能要點(diǎn)：

• Range對(duì)象與Selection對(duì)象

• 學(xué)會(huì)繪制圖形

• History API

• CSS 3模塊與模塊化結(jié)構(gòu)

• CSS3中的屬性選擇器

• 使用選擇器在頁(yè)面中插入內(nèi)容

• 文字與字體相關(guān)樣式

• CSS 3中的變形處理

• CSS 3中的動(dòng)畫(huà)功能

第8項(xiàng)技能：常用交互設(shè)計(jì)工具

技能要點(diǎn)：

• 流程圖工具

• 導(dǎo)航設(shè)計(jì)工具

• 思維導(dǎo)圖

• 原型設(shè)計(jì)工具

• UML工具

• 站點(diǎn)地圖工具

第9項(xiàng)技能：Web交互設(shè)計(jì)

技能要點(diǎn)：

• 指示牌和面包屑

• 可用性測(cè)試

• 可訪問(wèn)性/級(jí)聯(lián)樣式表

第10項(xiàng)技能：網(wǎng)站信息架構(gòu)

技能要點(diǎn)：

• 用戶需求及其行為分析

• 信息架構(gòu)基本信息

• 組織系統(tǒng)

• 標(biāo)簽系統(tǒng)

• 搜索系統(tǒng)

• 敘詞表、受控詞表，以及元數(shù)據(jù)

• 流程和方法論

• 設(shè)計(jì)和文件說(shuō)明

第11項(xiàng)技能：REST軟件架構(gòu)

技能要點(diǎn)：

• 統(tǒng)一接口GET/POST/PUT/DELETE

• 識(shí)別資源

• 表述解析Json/XML/Html

• 查詢

• Web緩存

• 條件請(qǐng)求

• 擴(kuò)展性與版本控制

     好了，這下你可以有計(jì)劃、分步驟的學(xué)習(xí)和掌握這些技能了，要是你不知道怎么去學(xué)，我可以負(fù)責(zé)任的告訴你，先去看書(shū)。

    這里，我可以再給你推薦一些圖書(shū)，都是我認(rèn)為很有用的書(shū)。

1. HTML+CSS網(wǎng)頁(yè)設(shè)計(jì)與布局從入門到精通

2. JavaScript權(quán)威指南（第6版）

3. CSS禪意花園(修訂版)

4. HTML5與CSS3基礎(chǔ)教程（第7版）

5. 響應(yīng)式Web設(shè)計(jì):HTML5和CSS3實(shí)戰(zhàn)

6. jQuery權(quán)威指南（第2版）

7. 瘋狂Ajax講義（第3版）

8. Axure RP 6原型設(shè)計(jì)精髓

9. 交互設(shè)計(jì)沉思錄

10. 大型網(wǎng)站技術(shù)架構(gòu)：核心原理與案例分析

11. REST實(shí)戰(zhàn)（中文版）

      現(xiàn)在，你是不是知道該對(duì)照一下自己，是否掌握了這篇文章中所說(shuō)的11項(xiàng)技能。 然后——開(kāi)始去學(xué)習(xí)!掌握它們！

      你打算去按此學(xué)習(xí)嗎? 先別忙，請(qǐng)?jiān)谙旅媪粝履愕脑u(píng)論吧。

文章中技能點(diǎn)來(lái)源于：6座網(wǎng)--互聯(lián)網(wǎng)職業(yè)技能規(guī)劃網(wǎng)站，有詳細(xì)說(shuō)明