你也許會覺得前端開發是一個很簡單的工作,對呀,你就是剛剛從網頁設計轉型過來的。但當你深入其中時,一定會發現好像前端開發不是那麼簡單,光網站性能優化、響應式、框架就讓你焦頭爛額。確實,做前端開發就是先易後難,想成為一個優秀的前端開發,沒有那麼簡單。 不過,天下事難則不會,會則不難,你只需要掌握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緩存
條件請求
擴展性與版本控制