这门课解决什么工作场景
很多前端开发者在做完静态页面后，会卡在“怎么和后端对接”这一步。这门课针对的就是这个断层：它不教零碎的语法，而是直接带你用 JavaScript 从头跑通一个小程序版网上商城。你会在课程里同时处理小程序端的界面布局，以及服务端的接口编写、数据库读取。学完之后，当你遇到团队里只有前端、需要快速搭一个带后台数据支撑的产品原型，或者转行时需要拿一个能跑通全链路的项目去证明自己具备前后端协同开发能力，这个项目就能直接派上用场。
适合什么基础与资料怎么配合练习
这套资料不适合纯小白，你需要已经掌握基本的 JavaScript 语法和简单的页面写法。如果你只写过静态网页、没碰过服务端，或者想弄懂小程序怎么和数据库通信，这套视频的切入点正合适。看的时候不要只当视频看，建议先把开发环境跑起来：本地装好数据库和小程序开发工具，跟着视频把后端接口和前端页面逐段敲出来。遇到轮播图、导航按钮这类界面，先自己尝试写静态布局，再去对视频里的实现方式。涉及后端的部分，重点看怎么建表、怎么用框架连接数据库，并亲手用测试工具请求一次接口，确认能拿到真实数据再回到小程序里渲染，这样比单纯拖进度条有效得多。
建议先看哪几块与学完能独立做什么
资料不用按顺序从头啃。建议先看开头的项目效果展示，明确最终要做成什么样；接着跳到服务端部分，弄懂怎么连接数据库、怎么把数据查出来做成接口；最后再回到小程序端，看前端怎么调接口、把数据填到轮播图和导航里。这样以数据流向为主线来看，思路会比纯按章节顺序顺很多。学完之后，你至少能独立完成一件具体的事：搭一个带后台的小程序页面，自己写好数据库表结构，跑通接口，让小程序前端动态读取并展示商品信息。这意味着你以后拿到类似的需求，不用再等后端给数据，自己就能把闭环跑通。
本项目实战课程的目标是让学员学习如何只使用JavaScript同时开发客户端的小程序，以及服务端程序，服务端使用Node.js+Express+MySQL。学员通过这个课程可以多方位了解一个完整的小程序从客户端到服务端是如何开发出来的。
课程目录
* 01 项目效果展示.mp4 (20.59 MB), 05:25
* 02 设计主界面轮询图布局.mp4 (59.56 MB), 15:03
* 03 在轮询图中显示静态图像.mp4 (32.35 MB), 08:00
* 04 使用Node.js+Express连接MySQL数据库.mp4 (39.24 MB), 09:51
* 05 从MySQL数据库中获取要显示的轮询图数据.mp4 (51.41 MB), 13:10
* 06 显示动态轮询图.mp4 (33.33 MB), 08:39
* 07 实现导航按钮布局.mp4 (59.87 MB), 15:04
* 08 动态显示导航按钮（从服务端获取商品类别数据）.mp4 (40.98 MB), 10:41
* 09 显示最热商品.mp4 (62.92 MB), 16:16
* 10 显示商品和畅销商品.mp4 (18.24 MB), 04:46
* 11 根据商品ID查询指定商品的详细信息.mp4 (83.15 MB), 21:38
* 12 设计商品详情页面轮询图布局.mp4 (41.78 MB), 10:43
* 13 在商品详情页面动态显示轮询图.mp4 (33.62 MB), 08:45
* 14 显示商品详细信息的标题和价格.mp4 (28.40 MB), 07:14
* 15 显示商品详细信息（销售数据、商品简介、添加购物车按钮等）.mp4 (87.11 MB), 22:44
* 16 设计选择商品数量页面.mp4 (99.26 MB), 26:02
* 17 改变购买商品数量.mp4 (23.74 MB), 06:11
* 18 编写服务端登录路由（login）.mp4 (100.70 MB), 25:52
* 19 小程序登录.mp4 (17.45 MB), 04:36
* 20 获取微信的UnionID，并用UnionID登录.mp4 (84.45 MB), 19:29
* 21 编写服务端添加商品到购物车的路由.mp4 (80.84 MB), 20:45
* 22 将商品添加到购物车.mp4 (39.30 MB), 10:26
* 23 点击首页商品展示商品详细信息.mp4 (16.14 MB), 04:09
* 24 设计商品类别页面.mp4 (57.58 MB), 14:44
* 25 编写获取指定种类的商品列表.mp4 (28.11 MB), 06:54
* 26 在客户端显示指定种类的商品列表.mp4 (36.50 MB), 09:20
* 27 为小程序添加TabBar.mp4 (36.32 MB), 09:20
* 28 设计购物车页面布局.mp4 (93.97 MB), 23:52
* 29 编写服务端用户获取购物车信息的路由.mp4 (17.19 MB), 04:26
* 30 在客户端购物车中显示商品.mp4 (30.24 MB), 07:45
* 31 创建添加收货地址和选择收货地址页面.mp4 (17.91 MB), 04:39
* 32 设计添加邮寄地址页面的布局.mp4 (94.42 MB), 24:01
* 33 在添加收货地址页面显示省、市、区列表.mp4 (63.91 MB), 16:37
* 34 保存新录入的收货地址.mp4 (44.60 MB), 11:37
* 35 在购物车上显示邮寄地址.mp4 (32.42 MB), 08:31
* 36 设计收货地址列表页面的布局.mp4 (30.99 MB), 08:07
* 37 显示和选择收货地址.mp4 (23.08 MB), 05:47
* 38 在购物车中修改购买商品的数量.mp4 (32.95 MB), 08:31
* 39 编写用于提交订单的路由.mp4 (50.38 MB), 13:05
* 40 客户端提交订单.mp4 (44.25 MB), 11:01
* 41 编写清空购物车的路由.mp4 (13.48 MB), 03:26
* 42 清空购物车.mp4 (18.78 MB), 04:53
* 43 设计订单页布局.mp4 (63.16 MB), 15:58
* 44 编写服务端用于获取订单信息的路由.mp4 (13.96 MB), 03:39
* 45 显示订单信息与支付.mp4 (46.89 MB), 11:57
* 46 设计“我的”页面布局.mp4 (43.23 MB), 10:49
* 47 编写服务端用于获取订单商品列表的路由.mp4 (12.13 MB), 03:05
* 48 在“我的”页面显示订单列表.mp4 (24.63 MB), 06:12
* 49 编写服务端用于买家确认收货的路由.mp4 (14.65 MB), 03:53
* 50 卖家确认发货，买家确认收货（项目完结）.mp4 (32.25 MB), 08:24
