讀者須要具有但不限於如下技能css
es6更佳
一共四部分十五小節,適合七天的訓練營。
從如今開始,我僞裝你已經掌握了 html
、 css
以及 ES6
☝️ html
本教程以實戰項目驅動,以滬江英語微信小程序項目框架爲基礎,最終還原一個完整的小程序前端
列表頁面:請求接口,並展現列表頁面數據git
詳情頁面:以文章id爲參數,獲取文章詳情 es6
詳情頁面,點擊圖片,展現大圖github
第一章:小程序初級入門教程小程序
appID準備微信小程序
工具安裝微信
目錄說明網絡
小試牛刀
發佈流程
第二章:小程序中級實戰教程:預備篇
項目結構設計
提取 util 公用方法
封裝網絡請求及 mock 數據
第三章:小程序中級實戰教程:列表篇
列表-靜態頁面製做
列表-頁面邏輯處理
列表-視圖與數據關聯
列表-閱讀標識
第四章:小程序中級實戰教程:詳情篇
詳情-頁面製做
詳情-視圖渲染
詳情-功能完善
教程以 git
分支的方式管理,好比學習第三章第一節 列表-靜態頁面製做
時候,須要切換到 ch3-1
分支,而後把分支目錄 code/
導入到微信開發工具編輯器,跟隨教程進行實戰代碼操做。操做以下:
git
把項目複製到本地git clone https://github.com/ikcamp/wechat-xcx-tutorial
cd wechat-xcx-tutorial
git checkout ch3-1
注意: 每一分支的 code/
內容,皆是上一節內容操做完成後的結果。好比 ch3-2/code
就是上一節課程 ch3-1/code
隨教程操做後的結果。
教程的完整代碼在分支
完整代碼
中,請自行查閱
整個教程學習事後,能夠切換到
教程做業
分支,並完成做業,目錄下有相應的做業答案,請自行完成練習。
QQ羣:661407609
iKcamp官網:http://www.ikcamp.com
訪問官網更快閱讀所有免費分享課程:《iKcamp出品|全網最新|微信小程序|基於最新版1.0開發者工具之初中級培訓教程分享》。
包含:文章、視頻、源代碼
iKcamp原創新書《移動Web前端高效開發實戰》已在亞馬遜、京東、噹噹開售。
報名地址:http://www.huodongxing.com/ev...
與
「每天練口語」
小程序總榜排名第4、教育類排名第一的研發團隊,面對面溝通交流。
Node.js 免費視頻培訓課程近期製做完畢,敬請期待,視頻地址:https://camp.qianduan.group/