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