资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

立即前往
首页/文章专栏/iKcamp出品微信小程序教学共5章16小节汇总(含视频)

iKcamp出品微信小程序教学共5章16小节汇总(含视频)

lmxdawn / 588人阅读

摘要：微信小程序课程，面向所有具备前端基础知识的同学阅读要求读者需要具备但不限于以下技能更佳一共四部分十五小节，适合七天的训练营。

?? 微信小程序课程，面向所有具备前端基础知识的同学 ?? 阅读要求 
读者需要具备但不限于以下技能

HTML

JavaScript es6更佳

CSS

一共四部分十五小节，适合七天的训练营。
从现在开始，我假装你已经掌握了 html、 css以及 ES6 ☝️

目标导向 
本教程以实战项目驱动，以沪江英语微信小程序项目框架为基础，最终还原一个完整的小程序

列表页面：请求接口，并展示列表页面数据

详情页面：以文章id为参数，获取文章详情

详情页面，点击图片，展示大图

教程大纲 - 完整视频地址

第一章：小程序初级入门教程

appID准备

文章视频：https://camp.qianduan.group/x...

工具安装

文章视频：https://camp.qianduan.group/x...

目录说明

文章视频：https://camp.qianduan.group/x...

小试牛刀

文章视频：https://camp.qianduan.group/x...

发布流程

文章视频：https://camp.qianduan.group/x...

第二章：小程序中级实战教程：预备篇

项目结构设计

文章视频：https://camp.qianduan.group/x...

提取 util 公用方法

文章视频：https://camp.qianduan.group/x...

封装网络请求及 mock 数据

文章视频：https://camp.qianduan.group/x...

第三章：小程序中级实战教程：列表篇

列表-静态页面制作

文章视频：https://camp.qianduan.group/x...

列表-页面逻辑处理

文章视频：https://camp.qianduan.group/x...

列表-视图与数据关联

文章视频：https://camp.qianduan.group/x...

列表-阅读标识

文章视频：https://camp.qianduan.group/x...

第四章：小程序中级实战教程：详情篇

详情-页面制作

文章视频：https://camp.qianduan.group/x...

详情-视图渲染

文章视频：https://camp.qianduan.group/x...

详情-功能完善

文章视频：https://camp.qianduan.group/x...

第五章：课后作业练习

学习方式

教程以 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前端高效开发实战》已在亚马逊、京东、当当开售。
【11月11号】上海iKcamp最新活动 

报名地址：http://www.huodongxing.com/ev...


与“天天练口语”小程序总榜排名第四、教育类排名第一的研发团队，面对面沟通交流。
合作社区 

Node.js 免费视频培训课程近期制作完毕，敬请期待，视频地址：https://camp.qianduan.group/
云服务器 GPU云服务器 微信小程序实时音视频 不用编程制作微信小程序视频 微信小程序 微信小程序支付

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/112691.html

相关文章

  • iKcamp出品微信小程序教学共5章16小节汇总(含视频)

    摘要：微信小程序课程，面向所有具备前端基础知识的同学阅读要求读者需要具备但不限于以下技能更佳一共四部分十五小节，适合七天的训练营。 ?? 微信小程序课程，面向所有具备前端基础知识的同学 ?? 阅读要求 读者需要具备但不限于以下技能 HTML JavaScript es6更佳 CSS 一共四部分十五小节，适合七天的训练营。 从现在开始，我假装你已经掌握了 html、 css以及 ES6...

    elliott_hu 评论0 收藏0

  • iKcamp出品微信小程序教学共5章16小节汇总(含视频)

    摘要：微信小程序课程，面向所有具备前端基础知识的同学阅读要求读者需要具备但不限于以下技能更佳一共四部分十五小节，适合七天的训练营。 ?? 微信小程序课程，面向所有具备前端基础知识的同学 ?? 阅读要求 读者需要具备但不限于以下技能 HTML JavaScript es6更佳 CSS 一共四部分十五小节，适合七天的训练营。 从现在开始，我假装你已经掌握了 html、 css以及 ES6...

    paney129 评论0 收藏0

  • iKcamp｜基于Koa2搭建Node.js实战（含视频）☞ HTTP请求

    POST/GET请求——常见请求方式处理 ?? iKcamp 制作团队 原创作者：大哼、阿干、三三、小虎、胖子、小哈、DDU、可木、晃晃 文案校对：李益、大力萌、Au、DDU、小溪里、小哈 风采主播：可木、阿干、Au、DDU、小哈 视频剪辑：小溪里 主站运营：给力xi、xty 教程主编：张利涛 视频地址：https://www.cctalk.com/v/15114357765870 ...

    张利勇 评论0 收藏0

  • iKcamp｜基于Koa2搭建Node.js实战（含视频）☞ 视图Nunjucks

    视频地址：https://www.cctalk.com/v/15114923888328 showImg(https://segmentfault.com/img/remote/1460000012744407?w=1602&h=966); 视图 Nunjucks 彩虹是上帝和人类立的约，上帝不会再用洪水灭人。 客户端和服务端之间相互通信，传递的数据最终都会展示在视图中，这时候就需要用到『模板引擎...

    whlong 评论0 收藏0

  • iKcamp｜基于Koa2搭建Node.js实战（含视频）☞ 解析JSON

    视频地址：https://www.cctalk.com/v/15114923886141 showImg(https://segmentfault.com/img/remote/1460000012840997?w=1604&h=964); JSON 数据 我颠倒了整个世界，只为摆正你的倒影。 前面的文章中，我们已经完成了项目中常见的问题，比如 路由请求、结构分层、视图渲染、静态资源等。 那么，J...

    mudiyouyou 评论0 收藏0

发表评论

登陆后可评论

0条评论

lmxdawn

男|高级讲师
我要私信

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<