?? 微信小程式課程，面向所有具備前端基礎知識的同學 ??
閱讀要求
讀者需要具備但不限於以下技能
- HTML
- JavaScript
es6更佳 - CSS
一共四部分十五小節，適合七天的訓練營。
從現在開始，我假裝你已經掌握了 html、 css以及 ES6 ☝️
目標導向
本教程以實戰專案驅動，以滬江英語微信小程式專案框架為基礎，最終還原一個完整的小程式
列表頁面：請求介面，並展示列表頁面資料
詳情頁面：以文章id為引數，獲取文章詳情
詳情頁面，點選圖片，展示大圖
教程大綱 - 完整視訊地址
- 第一章：小程式初級入門教程
- appID準備
- 文章視訊：camp.qianduan.group/xcx/1/1/1
- 工具安裝
- 文章視訊：camp.qianduan.group/xcx/1/1/2
- 目錄說明
- 文章視訊：camp.qianduan.group/xcx/1/1/3
- 小試牛刀
- 文章視訊：camp.qianduan.group/xcx/1/1/4
- 釋出流程
- 文章視訊：camp.qianduan.group/xcx/1/1/5
- 第二章：小程式中級實戰教程：預備篇
- 專案結構設計
- 文章視訊：camp.qianduan.group/xcx/1/2/1
- 提取 util 公用方法
- 文章視訊：camp.qianduan.group/xcx/1/2/2
- 封裝網路請求及 mock 資料
- 文章視訊：camp.qianduan.group/xcx/1/2/3
- 第三章：小程式中級實戰教程：列表篇
- 列表-靜態頁面製作
- 文章視訊：camp.qianduan.group/xcx/1/3/1
- 列表-頁面邏輯處理
- 文章視訊：camp.qianduan.group/xcx/1/3/2
- 列表-檢視與資料關聯
- 文章視訊：camp.qianduan.group/xcx/1/3/3
- 列表-閱讀標識
- 文章視訊：camp.qianduan.group/xcx/1/3/4
- 第四章：小程式中級實戰教程：詳情篇
- 詳情-頁面製作
- 文章視訊：camp.qianduan.group/xcx/1/4/1
- 詳情-檢視渲染
- 文章視訊：camp.qianduan.group/xcx/1/4/2
- 詳情-功能完善
- 文章視訊：camp.qianduan.group/xcx/1/4/3
- 第五章：課後作業練習
學習方式
教程以 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 隨教程操作後的結果。
§ 教程完整程式碼
教程的完整程式碼在分支
完整程式碼中，請自行查閱
§ 課後作業
整個教程學習過後，可以切換到
教程作業分支，並完成作業，目錄下有相應的作業答案，請自行完成練習。
§ 核心人員
|
aximario |
pavelShen |
pangz1 |
tinyuen |
roeis |
sqzhuyi |
longdiandian9 |
brucecham |
§ 討論活動區
QQ群：661407609
iKcamp官網：www.ikcamp.com
訪問官網更快閱讀全部免費分享課程：《iKcamp出品｜全網最新｜微信小程式｜基於最新版1.0開發者工具之初中級培訓教程分享》。 包含：文章、視訊、原始碼
iKcamp原創新書《移動Web前端高效開發實戰》已在亞馬遜、京東、噹噹開售。
【11月11號】上海iKcamp最新活動
與
“天天練口語”小程式總榜排名第四、教育類排名第一的研發團隊，面對面溝通交流。
合作社群
Node.js 免費視訊培訓課程近期製作完畢，敬請期待，視訊地址：camp.qianduan.group/
2019年，iKcamp原創新書《Koa與Node.js開發實戰》已在京東、天貓、亞馬遜、噹噹開售啦！