時間

主題

內(nèi)容

第一天

上午

8:30-11:30

課程總體概述

1.?Uni-app是什么，為什么要用uni-app

2.?App多端發(fā)布效果展示

3.?安裝環(huán)境HbuilderX等

4.?項目介紹

下午

13:30-16:30

框架基礎(chǔ)

1、?簡述MVC模式

2、?MVVM模式介紹

3、?MVVM與雙向綁定

4、?JSON對象和數(shù)組的渲染

5、?頁面路由以及配置文件講解

6、?前端框架應(yīng)用的生命周期

第二天

上午

8:30-11:30

Vue基礎(chǔ)語法

1、?v-bind指令對屬性的數(shù)據(jù)綁定

2、?基礎(chǔ)事件講解

3、?條件渲染 v-if與v-show

4、?條件渲染 三元運算

5、?列表渲染v-for的使用

6、?指令key實現(xiàn)for循環(huán)的組件唯一性

7、?嵌套循環(huán)的下標(biāo)定義

8、?條件編譯

下午

13:30-16:30

樣式與布局1

1、?布局介紹與模型

2、?布局選型以及flex布局介紹

3、?flex-direction 元素的排列4種方向

4、?外部css樣式導(dǎo)入方式

5、?flex-wrap 元素的換行

6、?justify-content 元素在主軸的對齊方式

7、?align-items 元素在交叉軸的對齊方式

第三天

上午

8:30-11:30

樣式與布局2

1.?align-content 多軸線的對齊方式

2.?flex成員項的屬性 –?order

3.?flex成員項的屬性 - flex-grow

4.?flex成員項的屬性 - flex-shrink

5.?flex成員項的屬性 - flex-basis

6.?flex成員項的屬性 - align-self

下午

13:30-16:30

項目開發(fā)-首頁1

1.?創(chuàng)建項目，構(gòu)建基礎(chǔ)頁面更改

2.?構(gòu)建tabbar設(shè)置全局page，簡述view組件

3.?使用輪播圖組件

4.?禁用原生導(dǎo)航欄達(dá)到頁面全屏化

5.?uni.request動態(tài)獲得輪播圖數(shù)據(jù)

6.?渲染并且展示輪播圖

7.?引入組件實現(xiàn)全局變量

8.?使用掛載實現(xiàn)全局變量

第四天

上午

8:30-11:30

項目開發(fā)-首頁2

1.?微信小程序https使用事項

2.?簡述scroll-view使用scroll-view實現(xiàn)橫向滾動

3.?海報與標(biāo)題以及評分制作

4.?動態(tài)渲染數(shù)據(jù)

5.?開發(fā)自定義組件

6.?父組件向自定義組件傳入值

7.?動態(tài)渲染預(yù)告片

8.?flex布局嵌套編寫

9.?點贊css編寫實現(xiàn)點贊動畫效果

10.?動態(tài)渲染列表實現(xiàn)動畫數(shù)組

11.?開啟下拉刷新loading交互api

下午

13:30-16:30

項目開發(fā)-搜索及詳情頁

1.?編寫搜索欄編寫預(yù)告片列表、搜索欄置頂

2.?動態(tài)獲取最新預(yù)告并且渲染

3.?分頁接口api講解

4.?搜索前置準(zhǔn)備執(zhí)行搜索動態(tài)渲染

5.?監(jiān)聽下拉實現(xiàn)分頁功能

6.?頁面路由api與傳參頁面跳轉(zhuǎn)組件的使用

7.?構(gòu)建評分快與陰影效果

8.?解決錯誤數(shù)據(jù)綁定undefined

9.?通過預(yù)覽api實現(xiàn)劇照預(yù)覽

10.?電影詳情頁構(gòu)建下載以及保存圖片分享到朋友圈微信開放平臺簡單介紹

第五天

上午

8:30-11:30

項目開發(fā)-我的頁面開發(fā)

1.?用戶退出登錄

2.?第三方登錄講解與頁面構(gòu)建

3.?第三方登錄-小程序端實現(xiàn)微信登錄

4.?第三方登錄-后端登錄業(yè)務(wù)梳理

5.?第三方登錄-app端授權(quán)登錄

6.?第三方登錄-app端獲取用戶唯一id及信息

7.?第三方登錄-app端執(zhí)行一鍵注冊登錄

8.?文件上傳api與后端接口講解

9.?token令牌講解、實現(xiàn)頭像上傳

10.?引入圖片剪裁實現(xiàn)頭像上傳

下午

13:30-16:30

項目發(fā)布與上線

1、?打包H5 web應(yīng)用

2、?云服務(wù)選型以及使用

3、?配置安全組，重置密碼，上傳nginx，配置SSH

4、?安裝nginx

5、?成功發(fā)布H5端web應(yīng)用

6、?微信小程序上傳審核流程講解

7、?打包安卓apk簡述ios打包

8、?課程總結(jié)