• 媒体品牌
    爱范儿
    关注明日产品的数字潮牌
    APPSO
    先进工具,先知先行,AIGC 的灵感指南
    董车会
    造车新时代,明日出行家
    玩物志
    探索城市新生活方式,做你的明日生活指南
  • 知晓云
  • 制糖工厂
    扫描小程序码,了解更多

如何转行小程序开发?不同品种的程序员该这样做

小程序

2016-11-26 17:45

现在人人见面必谈小程序。这种火热让很多人慌了神:我们是不是一定要学小程序开发呢?小程序开发应该从哪里入手?

今天,知晓程序(微信号 zxcx0101)就为你总结了小程序开发所需的技能,以及不同种类的程序员该如何转向小程序开发。

希望能帮大家顺利开启小程序开发之路。

必备技能清单

如果你想开发一个应用,那么了解和学习应用所用的编程语言是非常必要的。

对于小程序开发者来说,需要学习的语言主要有:

  • 微信标记语言(WeiXin Marked Language, WXML)
  • 微信样式表(WeiXin Style Sheet, WXSS)
  • JavaScript(JS)

虽然微信为小程序的界面构建「创造」了两种语言,但这两种语言,无论是从风格还是语法上,都与 HTML 和 CSS 非常接近,甚至是直接照搬。

也就是说,在开发微信小程序之前,你需要掌握的语言只有 HTML、CSS 和 JavaScript 三种,而这三种恰恰就是网页前端天天都要面对的。

学习、开发过网页前端的人都知道,「前端三件套」的学习成本其实是很低的,有些人甚至能在一周内熟练掌握这三种语言。

如果你是 iOS / Android 开发人员

如果你以前有 app 开发经验,那转向小程序开发并不难。你只需要简单学习三种语言的写法,就能轻松上手开发小程序。

无论是从 iOS 还是 Android 开始转,开发小程序都需要学习 JavaScript 语言。小程序的逻辑功能都是使用 JavaScript 来实现的,如果没有 JavaScript,小程序就变成了一具没有思维的空壳。

对于 iOS 开发来说,可能还要学习使用 HTML(WXML)构建界面的方式。

许多人在开发 iOS 应用时,会使用 iOS 的 Storyboard 文件构建界面和交互逻辑,Storyboard 可以让开发者通过拖动元素的方式快速构建界面。

但在小程序中,所有视觉元素和交互都需要通过 XML(WXML)代码实现,无法直接拖动元素来构建界面。这与 iOS 的 Storyboard 可视化的界面构建方式有很大差别。

对于原本就需要 XML 代码构建界面和交互的 Android 开发者来说,他们只需要了解小程序 WXML 可以使用的元素,就可以开工了。

如果你是网页前端开发人员

恭喜你,既然你已经能熟练使用 HTML、CSS 和 JS 语言,接下来的事情就简单得多了。

这并不代表前端网页开发与小程序开发没有差别,你在上手前还是有一些需要注意的地方。

首先,小程序的界面并非是一个「网页」,而是一个「应用界面」,以往网页前端常见的 <div><a> 等标签都不复存在。网页前端开发人员需要适应 WXML 的逻辑和写法。

同样,虽然 WXSS 文件基本「复刻」了 CSS,但小程序使用了 rpx(responsive pixel)作为尺寸单位(保证不同分辨率设备的元素正常显示)。开发人员需要了解 rpx 与各种长度单位的换算比例。

关注 zxcx0101,回复「rpx」,获取 rpx 的详细换算方式。

如果你是后端开发人员

即使是使用 Node.js 语言工作的后端开发人员,如果希望转向小程序开发,依然需要先从前端三件套入手学习。

不用担心,前端三件套是非常简单的语言,许多人只需要经过一周的学习就能熟悉。如果之前有相关经验,上手难度会更加低。

但是,许多业务流程完整小程序是离不开后端的数据处理的。后端开发者并不需要太担心小程序的火热会造成后端领域的侵蚀,相反,小程序的火热会令后端人员的需求迅速增长。

以上就是知晓程序(微信号 zxcx0101)为不同领域的开发者总结的小程序开发技能清单。希望能够帮助大家从不同领域快速上手小程序开发。

本文由知晓程序原创出品,关注微信号 zxcx0101,回复「解读」获得小程序官方文档解读文章。

快速关注知晓程序↓↓↓

zxcx知晓程序微信号 zxcx0101)是爱范儿旗下专注于小程序生态的公众号。我们提供最全面、新鲜的小程序资讯消息、观点、指南、活动和服务,在这里你能了解到关于小程序的一切。

登录,参与讨论前请先登录

评论在审核通过后将对所有人可见

正在加载中

净干文科生事情的理科生,悲观的乐观主义者,希望成为路人的铺路石,不矛盾的矛盾体。

本篇来自栏目

解锁订阅模式,获得更多专属优质内容