小程序2017.08.31更新大版本,本系列文章暂停更新,正在制做最新版本内容,敬请期待吧css
微信小程序自发布以来,广受你们关注。小程序发布初期,颠覆现有移动互联网格局,让不少开发者欣喜若狂。现在,随着小程序入口愈来愈多的开放,愈来愈多的开发者加入到小程序的开发大军中。沪江Web前端团队打造了【小程序实战文章+视频教程】是为初学者量身打造的一系列课程。html
![]() aximario |
![]() pavelShen |
![]() pangz1 |
![]() tinyuen |
![]() roeis |
![]() sqzhuyi |
![]() longdiandian9 |
![]() brucecham |
读者须要具有但不限于如下技能前端
- HTML
- JavaScript
es6更佳
- CSS
一共四部分十五小节,适合七天的训练营。
从如今开始,我伪装你已经掌握了 html
、 css
以及 ES6
☝️ git
本教程以实战项目驱动,最终实现一个完整的小程序es6
列表页面:请求接口,并展现列表页面数据github
详情页面:以文章id为参数,获取文章详情 小程序
详情页面,点击图片,展现大图微信小程序
教程以 git
分支的方式管理,好比学习第三章第一节 列表-静态页面制做
时候,须要切换到 ch3-1
分支,而后把分支目录 code/
导入到微信开发工具编辑器,跟随教程进行实战代码操做。操做以下:bash
经过 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
随教程操做后的结果。
教程的完整代码在分支
完整代码
中,请自行查阅
整个教程学习事后,能够切换到
教程做业
分支,并完成做业,目录下有相应的做业答案,请自行完成练习。
【下一章】【小程序实战文章+视频教程】第一章:小程序初级入门教程 - appID准备
iKcamp原创新书《移动Web前端高效开发实战》已在亚马逊、京东、当当开售。