曙海教學(xué)優(yōu)勢
本課程,秉承二十一年積累的教學(xué)品質(zhì),以項目實現(xiàn)為導(dǎo)向,面向企事業(yè)項目實際需要,老師將會與您分享設(shè)計的全流程以及工具的綜合使用經(jīng)驗、技巧。課程可定制,線上/線下/上門皆可,熱線:4008699035。
曙海培訓(xùn)的課程培養(yǎng)了大批受企業(yè)歡迎的工程師。大批企業(yè)和曙海
建立了良好的合作關(guān)系,合作企業(yè)30萬+。曙海培訓(xùn)的課程在業(yè)內(nèi)有著響亮的知名度。
?
時間 |
主題 |
內(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é) |