什么是微信小程序?
小程序是一種不需要下載安裝即可使用的應用,它實現了應用「觸手可及」的夢想,用戶掃一掃或搜一下即可打開應用。也體現了「用完即走」的理念,用戶不用關心是否安裝太多應用的問題。應用將無處不在,隨時可用,但又無需安裝卸載。 為什么要學微信小程序? 比 NativeApp 簡單、比 WebApp 性能穩定、未來商業價值高。如果你是一名前端,那么未來小程序會是你另一個戰場;如果你不是BAT,善用微信小程序開發將給你帶來流量和用戶;如果你是業內大V,新的研究課題來了。
教程目錄:
第 1 部分 微信小程序從基礎到實戰課程概要
第 1 節 微信小程序從基礎到實戰課程概要 1.1微信小程序從基礎到實戰課程概要
第 2 部分 初識微信小程序
第 1 節 微信小程序簡介 2.1微信小程序簡介 第 2 節 微信小程序開發準備 2.2.1微信小程序開發準備 2.2.2微信小程序開發工具的使用 2.2.3目錄結構詳解 第 3 節 視圖渲染與事件 2.3.1視圖與渲染 2.3.2微信小程序事件 第 4 節 綜合案例詳解1 2.4綜合案例 – 快遞查詢
第 3 部分 微信小程序開發進階
第 1 節 微信小程序配置詳解 3.1微信小程序的配置詳解 第 2 節 小程序頁面與APP對象詳解 3.2.1微信小程序的生命周期與app對象的使用 3.2.2微信小程序頁面的生命周期和參數傳遞 第 3 節 綜合案例詳解2 3.3綜合案例 – 用戶登錄
第 4 部分 微信小程序UI開發詳解
第 1 節 微信小程序UI開發介紹 4.1微信小程序的UI精講 第 2 節 布局與樣式 4.2.1布局基礎 4.2.2布局基礎 第 3 節 UI基礎組件的使用 4.3.1組件的使用 4.3.2視圖容器組件 4.3.3基礎內容組件 4.3.4表單組件 第 4 節 UI高級組件的使用 4.4.1操作反饋小工具 4.4.2導航 4.4.3多媒體 4.4.4地圖與LBS 4.4.5畫布與游戲 第 5 節 綜合案例詳解3 4.5綜合案例 – 評測小程序首頁的實現
第 5 部分 微信小程序API詳解
第 1 節 微信小程序的API開發簡介 5.1微信小程序的API開發簡介 第 2 節 數據交互API 5.2.1請求服務器數據 5.2.2圖片選擇與調用微信拍照 5.2.3文件上傳與下載 5.2.4 webSocket 5.2.5音樂的播放和控制 5.2.6緩存數據 5.2.7獲取當前位置 第 3 節 硬件設備信息獲取API 5.3.1設備信息 第 4 節 UI操作API 5.4.1 交互反饋 5.4.2導航和導航條 5.4.3動畫 5.4.4繪圖
第 6 部分 項目實戰:『仿V2EX微信小程序』
第 1 節 課程介紹xa0
6.1課程介紹xa0
第 2 節 產品設計xa0
6.2.1使用 Xmind 進行產品需求分析
6.2.2使用墨刀進行產品原型設計xa0
xa0第 3 節 框架搭建xa0
6.3.1路由配置,完成底部 TabBar 設計xa0
6.3.2產品層級、組件模塊化設計 xa0
第 4 節 界面設計與開發 6.4.1組件講解xa0
6.4.2列表頁開發xa0
6.4.3主題頁開發xa0
6.4.4節點頁面開發xa0
6.4.5用戶信息頁面開發xa0
6.4.6使用 WXSS 對頁面組件進行美化xa0
xa0第 5 節 API設計與開發xa0
6.5.1wx.navigateTo、wx.redirectTo、wx.request 方法使用講解xa0
6.5.2使用 wx.navigateTo 完成頁面跳轉xa0
6.5.3使用 wx.request 取云端數據xa0
xa0第 6 節 部署上線xa0
6.6V2EX 小程序發布及注意事項