一、以項目驅動導向uni-app基礎入門精通與項目環境初始化（25課時）

1.1）新聞類APP與小程序跨端項目指導前言與技術棧介紹

1.2）新聞項目的多平臺演示與開發實現思路

1.3）使用原生的小程序工具了解與開發原生小程序的基本知識與入門

1.4）uniapp開發小程序的優勢

1.5）開發一個完整的小程序或APP需要掌握哪些uniapp核心知識

1.6）uniapp零基礎開發與入門與第一個應用程序環境搭建

1.7）基本語法的快速學習

1.8）模板的語法結構介紹與引用

1.9）后端數據或者是靜態數據的展示與綁定

1.10）對數據做相關條件滿足判斷

1.11）數據列表的循環遍歷渲染展示

1.12）組件化開發的引用與引入

1.13）uniapp中的各種組件化應用與不滿足需求的情況下自定義組件使用

1.14）代碼的編譯與語法的編譯通過

1.15）相關核心內容的生命周期解析

1.16）開始使用uniapp搭建完整的跨端新聞項目的整體環境

1.17）解讀一個完整項目的目錄結構

1.18）項目整體結構的詳細配置

1.19）unicloud的認識使用與開發

1.20）配置unicloud的控制臺與環境

1.21）云函數的引入介紹與使用

1.22）文件上傳或者圖片上傳到云端

圖一：項目驅動導向uni-app基礎入門精通與項目環境初始化

二、新聞資訊端首頁、標簽頁與搜索頁模塊化開發（28課時）

2.1）布局新聞端項目的首頁

2.2）自定義適應多端兼容的頭部導航欄

2.3）測試小程序端文字的字體大小與圖標的大小

2.4）布局首頁功能的選項卡

2.5）點擊動態切換選項卡與加載展示數據

2.6）前臺與后臺交互時封裝向后臺請求的數據格式

2.7）實現點擊選項卡完成內容的切換與聯動的特效

2.8）數據的懶加載與初始化的設置

2.9）實現當手動點擊選項卡時再加載數據

2.10）實現滾動條下拉與上滑數據的加載特效

2.11）布局首頁端的各種菜單與收藏相關按鈕

2.12）布局新聞端的搜索頁與搜索框

2.13）點擊搜索按鈕實現搜索查詢與展示

2.14）首頁中布局新聞類目的標簽頁

2.15）標簽頁的數據更新與同步

圖二：新聞資訊端首頁、標簽頁與搜索頁模塊化開發課程詳情

三、新聞資訊詳情與關注設計實戰（22課時）

3.1）布局新聞展示的詳情頁模塊開發

3.2）詳情頁的頁面加載新聞標題與新聞數據

3.3）對新聞標題與新聞文字的格式與樣式渲染

3.4）新聞底部評論框的布局與設計

3.5）各個用戶各個層級的評價內容讀取與展現

3.6）實現對新聞作者的關注與收藏

3.7）新聞詳情頁面的點贊、關注收藏與轉發

3.8）讀取和查詢某個用戶收藏的文章

3.9）讀取和查詢某個用戶關注的作者

圖三：新聞資訊詳情與關注設計實戰課程詳情

四、個人中心開發與uniapp小程序性能優化打包部署上線

4.1）開發與布局小程序的用戶管理與用戶中心模塊

4.2）后端讀取用戶的賬號信息、昵稱信息以及個人數據信息

4.3）實現意見反饋問題反饋模塊布局

4.4）添加意見反饋時實現文件或者圖片的上傳

4.5）uniapp新聞小程序在多端平臺進行測試

4.6）對每個平臺瀏覽體驗進行調優與優化

4.7）不斷的修改與兼容各個平臺

4.8）代碼完善與項目的多端部署

4.9）小程序端的審核發布規則介紹

4.10）審核成功后成功上線與部署小程序

4.11）分別打包與部署H5端和APP端的新聞小程序上線

4.12）相關課程完善總結

圖四：個人中心開發與uniapp小程序性能優化打包部署上線

圖五：uniapp新聞小程序首頁界面演示