你也許會覺得前端開發是一個很簡單的工作,對呀,你就是剛剛從網頁設計轉型過來的。但當你深入其中時,一定會發現好像前端開發不是那麼簡單,光網站效能優化、響應式、框架就讓你焦頭爛額,
確實,做前端開發就是先易後難,想成為一個優秀的前端開發,沒有那麼簡單。
不過,天下事難則不會,會則不難,你只需要掌握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請求與響應JSONPost/Get請求成為優秀的前端開發必會的技能
第7項技能:響應式Web設計
技能要點:Range物件與Selection物件學會繪製圖形History APICSS 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項技能。 然後——開始去學習!掌握它們!
你打算去按此學習嗎? 先別忙,請在下面留下你的評論吧。