值不值得学：先想清楚你需不需要一个跑通全流程的练手项目

很多上班族和转行者学微信小程序，卡在“看懂了文档却写不出东西”。这门课的定位很明确：用约七小时带你看完一个天气预报项目从建工程到调接口、渲染数据的完整链路。它不是讲框架原理的体系课，而是帮你把零散知识串成一个能跑的小程序。如果你已经摸过一点前端基础，但缺一个真实场景练手，这门课值得用来补齐工程感；如果你完全没碰过 HTML、CSS、JavaScript，直接看会在界面编码和交互逻辑部分吃力，建议先补基础再回来。

解决什么问题、学完能独立做什么

课程围绕天气预报这个具体场景，解决的核心问题是：一个小程序从空白工程到页面交互、再到请求第三方 API 并渲染数据，每一步该怎么落地。前半段处理项目结构、全局配置、页面外观和输入框监听这些基本功；中段落到界面编码和交互逻辑的写法，包括怎么居中元素这种容易卡人的细节；后段进入调用第三方 API、认识 JSON 数据、循环数组并渲染到页面。学完后，你应该能独立完成一个结构清晰的小程序：会建工程、配置页面、写基础交互、调接口拿数据、把数据正确渲染出来。换一个类似的数据展示需求，比如星座、汇率、新闻列表，你也能照着这套流程自己搭出来。

建议怎么看、资料怎么配合练习

建议先快速过第一章的工程创建和项目结构部分，确认本地工具能正常跑起来，别一上来就抠代码细节。第二章是重点，界面编码和交互逻辑练习最好边看边敲，不要只跟着视频走流程，自己手写一遍才能发现哪里真懂哪里只是看会了。第三章的 API 调用和 JSON 渲染是这门课的收口环节，建议找一个不同的公开接口替换掉课程里的天气数据源，自己改一遍请求和渲染逻辑，算是验证你是否真正掌握。练习时把每一章的代码按章节存好，出问题回退比对，比闷头改 bug 更高效。


7个小时,开发一个微信小程序项目！

课程目录

*   01 第一章/

  *   01 了解微信小程序

  *   02 微信小程序开发者工具的安装

  *   03 上课的内容存放地址

  *   04 创建一个小程序以及熟悉其项目结构

  *   05 熟悉下页面结构外观

  *   06 熟悉下页面交互逻辑

  *   07 熟悉全局配置文件

  *   08 解决同学遇到的问题

  *   09 监听输入框输入的值以及渲染数据

*   02 第二章/

  *   01 回顾昨天内容

  *   02 微信小程序界面编码（一）

  *   03 微信小程序界面编码（二）

  *   04 如何居中一个元素

  *   05 微信小程序交互逻辑的实现

  *   06 微信小程序交互逻辑练习（一）

  *   07 微信小程序交互逻辑练习（二）

  *   08 微信小程序调用第三方API

*   03 第三章/

  *   01 回顾昨天的内容

  *   02 今天学习计划

  *   03 认识JSON数据并渲染数据在页面

  *   04 如何循环数组

  *   05 通过微信小程序提供的API获取当前位置的经纬度

  *   06 利用第三方接口获取当前地理位置信息

  *   07 通过百度地图提供的API获取天气信息并且渲染数据在页面

*   04 第四章/

  *   01 回顾昨天的内容

  *   02 对天气预报进行界面设计

  *   03 对天气预报界面-搜索框

  *   04 天气预报界面-列表

  *   05 对天气预报获取接口数据并且渲染

  *   06 对天气预报接口数据的渲染点击查询天气

*   05 第五章/

  *   01 简单回顾的内容.

  *   02 微信小程序界面编写

  *   03 微信小程序跳转

  *   04 缓存数据操作

  *   05 页面传参和数据处理

  *   06 数据渲染

  *   07 天气预报微信小程序知识点梳理

  *   08 拓展演示数据的前后端交互

  *   09 配套资料