400-888-5228

課程介紹:

移動(dòng)互聯(lián)網(wǎng)專(zhuān)指在移動(dòng)設(shè)備上瀏覽的網(wǎng)頁(yè),包括手機(jī)、平板設(shè)備上瀏覽的網(wǎng)頁(yè)都屬于此類(lèi)。移動(dòng)互聯(lián)網(wǎng)產(chǎn)品有三個(gè)特點(diǎn):

  1. 1.需要網(wǎng)頁(yè)自適應(yīng)性強(qiáng)
  2. 2.需要網(wǎng)頁(yè)有較高的性能
  3. 3.需要網(wǎng)頁(yè)具較好的緩存機(jī)制

基于以上三點(diǎn),這里我們介紹如何設(shè)計(jì)一個(gè)移動(dòng)互聯(lián)網(wǎng)網(wǎng)站。

 

課程長(zhǎng)度:

2天

 

課程目標(biāo):

通過(guò)學(xué)習(xí)本課程,你可以做出:

  1. 1.基于移動(dòng)互聯(lián)網(wǎng)的自適應(yīng)網(wǎng)頁(yè),一次開(kāi)發(fā),到處瀏覽;
  2. 2.高性能的網(wǎng)頁(yè)開(kāi)發(fā)技巧,讓用戶瀏覽的時(shí)候沒(méi)有卡頓和等待;
  3. 3.高性能的圖形渲染技巧,讓用戶瀏覽的時(shí)候屏幕不閃爍;
  4. 4.介紹移動(dòng)互聯(lián)網(wǎng)的基本布局框架,包括JQuery Mobile等工具;
  5. 5.介紹如何實(shí)現(xiàn)高性能移動(dòng)互聯(lián)網(wǎng)開(kāi)發(fā)技巧,包括CSS響應(yīng)流式布局以及JavaScript高性能機(jī)制;
  6. 6.介紹封裝移動(dòng)互聯(lián)網(wǎng)產(chǎn)品為本地應(yīng)用的框架,包括PhoneGap等工具;

 

 

課程對(duì)象:

有一定基礎(chǔ)的前端開(kāi)發(fā)人員,迫切期望轉(zhuǎn)向移動(dòng)互聯(lián)網(wǎng)的人員。

 

課程大綱:

HTML5移動(dòng)網(wǎng)站開(kāi)發(fā)用標(biāo)記

CSS3開(kāi)發(fā)

JQuery Mobile框架使用

PhoneGap使用

HTML5特性介紹

HTML5與CSS3符合開(kāi)發(fā)介紹

JQuery框架

JQuery Mobile開(kāi)發(fā)案例分享

移動(dòng)框架封裝

JavaScript 高性能開(kāi)發(fā)

加載與執(zhí)行

數(shù)據(jù)訪問(wèn)

DOM 元素的遍歷

流程控制優(yōu)化

響應(yīng)模式優(yōu)化