V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
iKcamp
V2EX  ›  微信

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

  •  
  •   iKcamp · 2017-11-06 11:08:57 +08:00 · 1643 次点击
    这是一个创建于 2334 天前的主题,其中的信息可能已经有所发展或是发生改变。

    🇨🇳 微信小程序课程,面向所有具备前端基础知识的同学 🇨🇳

    阅读要求

    读者需要具备但不限于以下技能

    • HTML
    • JavaScript es6 更佳
    • CSS

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


    目标导向

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

    列表页面:请求接口,并展示列表页面数据

    详情页面:以文章 id 为参数,获取文章详情

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

    教程大纲 - 完整视频地址

    • 第一章:小程序初级入门教程
      • appID 准备
      • 文章视频: https://camp.qianduan.group/xcx/1/1/1
      • 工具安装
      • 文章视频: https://camp.qianduan.group/xcx/1/1/2
      • 目录说明
      • 文章视频: https://camp.qianduan.group/xcx/1/1/3
      • 小试牛刀
      • 文章视频: https://camp.qianduan.group/xcx/1/1/4
      • 发布流程
      • 文章视频: https://camp.qianduan.group/xcx/1/1/5
    • 第二章:小程序中级实战教程:预备篇
      • 项目结构设计
      • 文章视频: https://camp.qianduan.group/xcx/1/2/1
      • 提取 util 公用方法
      • 文章视频: https://camp.qianduan.group/xcx/1/2/2
      • 封装网络请求及 mock 数据
      • 文章视频: https://camp.qianduan.group/xcx/1/2/3
    • 第三章:小程序中级实战教程:列表篇
      • 列表-静态页面制作
      • 文章视频: https://camp.qianduan.group/xcx/1/3/1
      • 列表-页面逻辑处理
      • 文章视频: https://camp.qianduan.group/xcx/1/3/2
      • 列表-视图与数据关联
      • 文章视频: https://camp.qianduan.group/xcx/1/3/3
      • 列表-阅读标识
      • 文章视频: https://camp.qianduan.group/xcx/1/3/4
    • 第四章:小程序中级实战教程:详情篇
      • 详情-页面制作
      • 文章视频: https://camp.qianduan.group/xcx/1/4/1
      • 详情-视图渲染
      • 文章视频: https://camp.qianduan.group/xcx/1/4/2
      • 详情-功能完善
      • 文章视频: https://camp.qianduan.group/xcx/1/4/3
    • 第五章:课后作业练习

    学习方式

    教程以 git 分支的方式管理,比如学习第三章第一节 列表-静态页面制作 时候,需要切换到 ch3-1 分支,然后把分支目录 code/ 导入到微信开发工具编辑器,跟随教程进行实战代码操作。操作如下:

    1. 通过 git 把项目复制到本地
    git clone https://github.com/ikcamp/wechat-xcx-tutorial
    
    1. 切换目录
    cd wechat-xcx-tutorial
    
    1. 在当前目录下切换分支
    git checkout ch3-1
    

    注意: 每一分支的 code/ 内容,皆是上一节内容操作完成后的结果。比如 ch3-2/code 就是上一节课程 ch3-1/code 随教程操作后的结果。


    § 教程完整代码

    教程的完整代码在分支 完整代码 中,请自行查阅


    § 课后作业

    整个教程学习过后,可以切换到 教程作业 分支,并完成作业,目录下有相应的作业答案,请自行完成练习


    § 核心人员

    <tbody> </tbody>

    aximario


    pavelShen


    pangz1


    tinyuen


    roeis


    sqzhuyi


    longdiandian9


    brucecham


    § 讨论活动区

    QQ 群:661407609

    iKcamp 官网: http://www.ikcamp.com

    访问官网更快阅读全部免费分享课程:《 iKcamp 出品|全网最新|微信小程序|基于最新版 1.0 开发者工具之初中级培训教程分享》。 包含:文章、视频、源代码

    iKcamp 原创新书《移动 Web 前端高效开发实战》已在亚马逊、京东、当当开售。

    [ 11 月 11 号] 上海 iKcamp 最新活动

    报名地址: http://www.huodongxing.com/event/5409924174200

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

    合作社区

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1040 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 22:33 · PVG 06:33 · LAX 15:33 · JFK 18:33
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.