微信小程序的开发学习建议和入门项目

今天微信小程序有更新了，新增了大量的接口，同时修复了比较多的bugs，增加分享，扫一扫等功能。

微信小程序更新内容

应该说小程序可以开发比较多的功能了，市面上的80-90%的APP可以通过小程序来完成，特别是一些电商、新闻类等CRUD的APP，其功能都可以在小程序上实现。另外小程序的开发相对一些webapp开发来说简单得多，基本上掌握简单的CSS、HTML和javascript就可以开发小程序了，微信小程序框架内提供了数据的绑定操作，我们不需要需操作DOM就可以实现数据的展示工作。

目前前端开发非常的火爆，各种框架层出不穷。类似Vuejs前段框架，Facebook开源的react-native，阿里的Weex、ionic、nativescript等跨框架。但是作为iOS开发者，想学习这些框架需要学习的东西比较多，所以想通过学习转去做前端或者开发跨平台应用程序，个人觉得通过微信小程序去学习前端知识和javascript还是很不错的方式，主要是微信小程序学习和开发相对简单，学习的成本是相对最低的。

学习建议

• 先学习HTML、CSS和javascript
• 学些网页布局Flex
• 学习javascript 的ES5一些语法
• 下载学习微信小程序的官方demo
• 开始上手项目开发

效果图截图

个人根据百思不得姐的项目，写了一个简单的demo,大家可以参考一下，布局主要采用Flex布局方式，可以作为学习小程序和上手的学习项目。 https://github.com/ramoslin02/baisibudejie ， 有需要记得Star.

另外github上也有很多的项目，比如模仿Cnode网站的小程序，个人根据fork coolfishstudio的项目增加了导航栏的切换功能，具体可以参考 https://github.com/ramoslin02/wechat-webapp-cnode 和 https://github.com/coolfishstudio/wechat-webapp-cnode

转载请注明：微信小程序的开发学习建议和入门项目 - 编程知识库