掌握這11項(xiàng)技能，你就是優(yōu)秀的前端開發(fā)工程師

導(dǎo)讀：

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

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

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

入門必備的技能：

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

技能要點(diǎn)：

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

• HTML文件的編寫方法　

• HTML基本標(biāo)記

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

• 框架

• 使用表單　

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

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

技能要點(diǎn)：

• JavaScript基本語法

• 流程控制

• 函數(shù)

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

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

• 事件處理

• 處理文檔對(duì)象

• 文檔對(duì)象模型

• window窗口對(duì)象

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

技能要點(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開發(fā)技能

技能要點(diǎn)：

• HTML5語法

• 新增的input輸入類型

• 新增的form元素

• HTML5音頻與視頻

• HTML5多媒體技術(shù)

• Web存儲(chǔ)

• WebSQL混合開發(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)秀的前端開發(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中的屬性選擇器

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

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

• CSS 3中的變形處理

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

第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è)試

• 可訪問性/級(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ì)和文件說明

第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é)任的告訴你，先去看書。

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

1. HTML+CSS網(wǎng)頁設(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ì)照一下自己，是否掌握了這篇文章中所說的11項(xiàng)技能。 然后——開始去學(xué)習(xí)!掌握它們！

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

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