當前位置:成語大全網 - 書法字典 - 學習HTML5前端需要哪些知識點和技巧?

學習HTML5前端需要哪些知識點和技巧?

第壹階段:

HTML+CSS:

HTML高級,CSS高級,div+css布局,HTML+css全站開發,

JavaScript基金會:

Js基礎教程,js內置對象常用方法,常用DOM樹操作百科,ECMAscript,DOM,BOM,定時器,焦點圖。

JS基本特效:

常見的特效,如標簽頁、導航、整頁滾動、輪播、JS幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾動差異視圖。

JS高級功能:

正則表達式,排序算法,遞歸算法,閉包,函數節流,作用域鏈,基於距離的運動框架,面向對象基礎,

JQuery:基本使用

衣架、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本都用上了。

第二階段:

HTML5和移動Web開發

HTML5:

HTML5新語義標簽,HTML5表單,音視頻,離線和本地存儲,SVG,WebSocket,Canvas。

CSS3:

CSS3新選擇器、偽元素、面部表情、邊框、陰影、背景系列屬性變化、轉場、動畫、景深和深度、3D效果制作、Velocity.js框架、元素進出策略、酷炫的CSS3網頁制作。

自舉:

響應式概念、媒體查詢、響應式網站制作、網格刪除系統、網格刪除系統原理、Bootstrap公共模板、LESS和SASS。

移動網絡開發:

跨終端WEB和主流設備介紹、視口、流式布局、彈性框、rem、移動終端的JavaScript事件、手機中的JS效果制作、Zepto.js、高性價比手機頁面、手機滾動。

第三階段:

HTTP服務和AJAX編程

WEB服務器基礎:

服務器基礎知識,Apache服務器及其他WEB服務器介紹,Apache服務器的構建,HTTP介紹。

PHP基礎:

PHP基本語法,用PHP處理簡單的GET或POST請求,

AJAX優先:

Ajax的介紹和異步的概念,Ajax框架的封裝,XMLHttpRequest對象的詳細介紹方法,兼容性處理方法,Ajax框架的封裝,Ajax中的緩存問題,XML的介紹和使用。

AJAX下壹步:

JSON和JSON解析,數據綁定和模板技術,JSONP,跨域技術,圖片預讀和懶加載技術,JQuery框架中的AjaxAPI,以及使用Ajax實現爆炸流案例。

第四階段:

面向對象的高級

面向對象的終極文章:

從內存的角度去理解JS面向對象,基本類型,復雜類型,原型鏈,ES6中的面向對象,屬性讀寫權限,setters和accessors。

面向對象的三個特征:

繼承,多態,封裝,接口。

設計模式:

面向對象編程思維,單體模式,工廠模式,策略模式,觀察者模式,模板方法模式,代理模式,裝飾器模式,適配器模式,面向方面編程。

第五階段:

封裝壹個妳自己的框架。

框架包裝基礎:

事件流、氣泡、捕獲、事件對象、事件框架、選擇框架。

中間幀封裝:

運動原理,單對象運動框架,多對象運動框架,運動框架的面向對象封裝。

高級和補充框架打包:

JQuery框架的原型、擴展性、模塊化、封裝性都屬於傳智自己的框架。

第六階段:

模塊化組件開發

面向組件的編程:

面向組件編程的方式,面向組件編程的實現原理,面向組件編程的實戰,基於組件思想的網站應用開發。

面向模塊的編程:

AMD設計規範,CMD設計規範,淘寶的RequireJS,LoadJS,SeaJS。

第七階段:

主流流行框架

Web開發工作流:

GIT/SVN,約曼腳手架,NPM/鮑爾依賴管理工具,Grunt/Gulp/Webpack。

MVC/MVVM/MVW框架:

Angular.js、Backbone.js、Knockout/Ember。

常用庫:

React.js、Vue.js、Zepto.js .

第八階段:

HTML5本地移動應用程序開發

科爾多瓦:

WebApp/NativeApp/HybirdApp介紹,Cordova介紹,與PhoneGap的關系,開發環境的構建,Cordova的實戰(項目創建,配置,編譯,調試,部署,發布)。

離子型:

Ionic介紹及相似比較,模板項目分析,常用組件及其使用,搭建壹個有角度,有常用效果(下拉刷新,上拉加載,側滑導航,tab)的APP。

反應性:

ReactNative簡介,ReactNative環境配置,項目創建,配置,編譯,調試,部署和發布,原生模塊和UI組件,原生常用API。

HTML5+:

HTML5+中國產業聯盟,HTML5PlusRuntime環境,HBuilder開發工具,MUI框架,H5+開發部署。

第九階段:

Node.js的全棧開發;

快速入門:

Node.js開發,生態系統,Io.js,Linux/Windows/OSX環境配置,REPL環境和控制臺程序,異步編程,非阻塞I/O,模塊概念,模塊管理工具,開發流程,調試和測試。

核心模塊和對象:

全局對象全局,進程,控制臺,util,事件驅動,事件發射器,加密和解密,路徑操作,序列化和反序列化,文件流操作,HTTP服務器和客戶端,套接字。超正析象管(Image Orthicon)

Web開發基金會:

HTTP協議,請求響應處理,關系數據庫操作與數據訪問,非關系數據庫操作與數據訪問,原生Node.js開發Web應用,Web開發工作流,Node.js開發博客案例。

快速開發框架:

Express介紹+MVC介紹,Express常用API,Express路由模塊,Jade/Ejs模板引擎,用Express,Koa等常用MVC框架重建博客的案例。

Node.js發展電子商務;

需求與設計、賬戶模塊註冊與登錄、會員中心模塊、前臺展示模塊、購物車、訂單結算、在線客服即時通訊模塊。