掌握這11項技能，你就是優秀的前端開發工程師

導讀：

      你也許會覺得前端開發是一個很簡單的工作，對呀，你就是剛剛從網頁設計轉型過來的。但當你深入其中時，一定會發現好像前端開發不是那麼簡單，光網站性能優化、響應式、架構就讓你焦頭爛額，

      确實，做前端開發就是先易後難，想成為一個優秀的前端開發，沒有那麼簡單。

      不過，天下事難則不會，會則不難，你隻需要掌握11項技能就可以成為前端“大拿”，下面，就告訴你這11項技能是什麼？以及每項技能的要點，最後是相關的專業圖書。

入門必備的技能：

第1項技能：HTML超文本标記語言：

技能要點：

HTML檔案的結構

HTML檔案的編寫方法　

HTML基本标記

文字與段落标記　

架構

使用表單　

XHTML頁面結構

第2項技能：JavaScript腳本

JavaScript基本文法

流程控制

函數

對象與數組

程式調試與錯誤處理

事件處理

處理文檔對象

文檔對象模型

window視窗對象

第3項技能：CSS網頁樣式布局

CSS定位與div布局

div 标記與 span 标記

CSS+div美化與布局

CSS與JavaScript的綜合應用

CSS與XML的綜合運用

CSS與Ajax的綜合應用

晉級提升必會的技能

第4項技能：HTML5開發技能

HTML5文法

新增的input輸入類型

新增的form元素

HTML5音頻與視訊

HTML5多媒體技術

Web存儲

WebSQL混合開發

Workers多線程處理

第5項技能：常用Javascript架構

jQuery架構

Prototype架構

YUI架構

ExtJS架構

Dojo架構

第6項技能：Javascript Ajax應用

JavaScript的常用對象

DOM文檔對象模型

XML請求與響應

JSON

Post/Get請求

成為優秀的前端開發必會的技能

第7項技能：響應式Web設計

Range對象與Selection對象

學會繪制圖形

History API

CSS 3 子產品與子產品化結構

CSS3中的屬性選擇器

使用選擇器在頁面中插入内容

文字與字型相關樣式

CSS 3中的變形處理

CSS 3中的動畫功能

第8項技能：常用互動設計工具

流程圖工具

導航設計工具

思維導圖

原型設計工具

UML工具

站點地圖工具

第9項技能：Web互動設計

訓示牌和面包屑

可用性測試

可通路性/級聯樣式表

第10項技能：網站資訊架構

使用者需求及其行為分析

資訊架構基本資訊

組織系統

标簽系統

搜尋系統

叙詞表、受控詞表，以及中繼資料

流程和方法論

設計和檔案說明

第11項技能：REST軟體架構

統一接口GET/POST/PUT/DELETE

識别資源

表述解析Json/XML/Html

查詢

Web緩存

條件請求

擴充性與版本控制

     好了，這下你可以有計劃、分步驟的學習和掌握這些技能了，要是你不知道怎麼去學，我可以負責任的告訴你，先去看書。

    這裡，我可以再給你推薦一些圖書，分屬不同的出版社（這麼說，是不希望你認為我在推銷書），這些圖書都是我認為很有用的書。

HTML+CSS網頁設計與布局從入門到精通

JavaScript權威指南（第6版）

CSS禅意花園(修訂版)

HTML5與CSS3基礎教程（第7版）

響應式Web設計:HTML5和CSS3實戰

jQuery權威指南（第2版）

瘋狂Ajax講義（第3版）

Axure RP 6原型設計精髓

互動設計沉思錄

大型網站技術架構：核心原理與案例分析

REST實戰（中文版）

      現在，你是不是知道該對照一下自己，是否掌握了這篇文章中所說的11項技能。 然後——開始去學習!掌握它們！

      你打算去按此學習嗎? 先别忙，請在下面留下你的評論吧。

本文出自 “” 部落格，請務必保留此出處