我可能真的厌倦了相同的课程制作模式。我真的很想为这个新的小程序课程做一些新的事情。文章中提到的所有文档、原始设计图、开发者权限都可以通过访问：.点击“阅读原文”即可访问。

首先，让我们看一下新项目的一些蓝图。

看起来不是很简单。在开始实际开发之前，我也觉得很简单，但最终还是很难做到。尤其是在搜索、评论和音乐播放这三个地方，有太多的细节需要处理。比如搜索中的等待状态，搜索历史词汇的最大长度限制，缓存处理，图片的实现，短评的最大字数限制，组件和槽的应用。强烈建议学生提前发展，自己动手才能发现自己的不足，自己发展后才能通过对比课程学习获得最大的收益。

我们来看看新版小程序课程的“新思路”：

全新课程模式，在线API调用获取数据

课程项目不再使用本地仿真数据，我提供在线API，并给出详细的在线API文档。

其实老小程序的电影部分也是调用API获取的。但电影数据的数据格式过于简单，无法模拟真实项目中服务器 API 的复杂性。小程序开发主要需要两个方面的知识：小程序的基本API使用，如缓存、组件、模板的使用；但另一方面，我们也需要能够很好地连接和处理服务器返回的业务数据。

所以，第一个小程序的主要目的是入门小程序和学习小程序的基础知识，而新课程的目的是实际开发一个小程序项目。新项目共有25个API接口，不仅包括数据查询，还包括数据更新和提交（典型业务是评论业务）。

另外，我提供的API都是标准API，如何连接API也是前端学习的重点。由于所有学生都调用同一个服务器的API，所以所有学生的数据都是共享的，我们学习的数据会动态变化，非常有趣。

我不知道在线课程中是否有人尝试过这种模式，但我尝试过。不要以为这没什么，提供在线API的技术难度和复杂度远比你想象的要复杂，这需要开发一个原本只是一个例子的前端项目作为一个真正的互联网产品。

二、提供所有项目设计源文件（PSD）

不仅会提供设计图、切割图，还会提供PSD源文件。和你一样，我看这些蓝图来开发项目。

三种新的小程序开发模式

如果说小程序的不断迭代过程中还有什么新特性，那么我认为只有一个特性是最关键的：组件。

彻底改变了小程序的开发模式。我们的小程序将采用独立组件构建，基于组件的开发对小程序的可维护性和功能可重用性具有极其重要的增强作用。小程序开发者必须用新的开发模式替代旧的开发模式，逐步建立自己的组件开发库。

新的课程小程序将完全建立在组件之上，你会看到一个完全不同于以往开发结构的全新开发模式。相信我，了解了基于组件的开发思路，会让你受益匪浅，大大提高你的开发效率。

此外，我们还会在课程中讲解wxs技术的应用、新版小程序获取用户信息等一些知识。

四个项目对细节都很用心

前端开发没有别的，其实就是细节。看完整个项目设计图，大部分同学肯定会觉得不难。但是如果考虑各种细节和良好的体验，这个项目是一个超级困难的项目。不相信？使用设计源文件和 API，尝试自己开发。过一段时间，我会推出我开发的版本。您可以比较您是否考虑了足够的细节。改天我也会写一篇文章来分析一下这个项目的细节。

小程序开发的五个标准框架

我来自服务器背景，所以我写的前端代码也有很浓的服务器编程色彩。这个对吗？这个可以吗？也许你想反驳，但实际上，包括 ES6 在内的前端框架的出现，都是借用了服务器的编程思维。没有其他原因。以前的前端不需要很好的体验，也不需要太复杂的业务逻辑处理，但是现在的前端不一样了。为什么JS出现模块，出现，出现MVVM？因为前端太复杂了。

前端要逐步考虑项目的复杂性，我会在课程中给出一套标准的小程序目录组织结构和框架设计，包括层、层、层，业务会分布在不同的是，Page只会负责数据的渲染，不再做强业务。

六.ES6语法的使用与巩固

ES6、ES7让JS越来越相似，这是好事。值得思考的是你是否有意识地使用 ES6 来解决你的项目中的问题。很多同学认为 ES6 就是语法糖，没什么特别的。那么如果我想说所有现代编程语言都是汇编语言甚至低级语言的语法糖，你怎么看？

我们的开发无非就是追求效率，句法糖是一种语言设计哲学，可以帮助我们提高效率，何乐而不为。

糖很甜，试试吧，真的很好吃。

七.弹性布局

Flex 只是一个布局神器，任何网格系统，响应式布局，都是地狱。小程序的布局支持有两点最值得称道：对Flex的良好支持，以及rpx的引入。 rpx让我们不再需要过多考虑适配问题，Flex让我们不再需要担心垂直居中、文本基线对齐、两端分布、甚至分布等问题。

rpx 不需要过多讨论。如果你不知道什么时候用px，什么时候用rpx，那你可以不假思索地用rpx，觉得有问题，然后换成px。

但是 Flex 布局有很多技巧。可能用十行 CSS 解决不了的问题，可以使用 Flex 的一个属性来解决。这就是技巧和经验。

新项目完全是 flex-，没有线条或 -。

八.公布小程序开发文档规范

目前的文档还比较粗糙，需要不断完善和调整，但是如果你个人编程风格不是特别强，建议按照公布的规范写小程序。

九门新小程序课程和老小程序课程

新课程无法替代旧课程，也无需更换。

虽然老版小程序有一些变化，比如大小限制（以前1MB现在2MB），应用场景（以前用完，现在完全没有应用场景了） ，但核心 API 没有 。数据绑定还是数据绑定，生命周期还是生命周期，模板还是模板，所以小程序还是一样的小程序，只是逐渐从少年成长为少年，带着青色的茬，出现了一些新的特点和功能，但无论如何，他的核心 API 保持不变。

如果老版本的课程出现问题，那么最大的问题就是音乐链接失效崩溃，豆瓣屏蔽了小程序的调用请求。但是这两个问题本身并不是小程序造成的，我在去年底和今年年初就已经修复了这两个问题。

老的小程序不用更换，还是不错的小程序入门课程。

为什么不能更换。旧版的课程太详细了。不仅讲小程序的开发，还帮助不熟悉前端开发的同学复习JS的基础知识，事件机制，CSS的应用。新课程主要讲小程序的新特性，不可能有时间把基础知识讲的这么详细。

不过新课程也会考虑到一些从未开发过小程序的同学，会教授一些基础知识。所以，如果你想问我这两门课程有什么区别，或者我应该选择哪门课程，那么我的建议是：如果你几乎没有写过前端并且是一个前端初学者，你必须阅读老版本如果你有几年前端开发经验，可以直接跳过老版本。

正如我在之前的文章中提到的，学习最好的课程只有一个方法：先自己开发，尽力实现每一个细节，然后听课比较。新课程之所以在我完整编写项目代码之前发布在线API和设计图，是为了给大家提供一种提前“预览”课程的方式。

让我们竞争，制造同样的产品，看看谁发展得更好。

最后，开发过程及注意事项：

由于在线 API 需要用户身份，因此 API 的每位访问者都必须获得一个代表身份的身份。 API的具体调用方式请参考开发文档。

首先进入，注册并进入课程列表。 API原本是提供给购买课程的同学使用的小程序开发多图片上传预览，但真心希望能提高学习效果，让同学们提前开发。目前不进行权限验证，有兴趣的同学可以申请测试。

点击新课程进行测试。需要注意的是，测试有效期至7. 15日晚。考试期满后考试作废，需购买课程申请正式考试。如果您不打算购买课程，请尽量在7.15天之前完成开发。

如果来不及开发，可以在公众号给我留言，提交开发成果截图。你真的在认真学习和发展，我会延长你的测试密钥。

开发项目所需的API文档、设计稿、开发规范文档都在上面的课程表中，可以直接点击蓝色链接在线查看和下载

对于努力学习的同学，一定要支持，不要买课程，我会尽我所能为你的学习提供便利。