后端程序员需要学习 CSS 吗?

作为一个后端程序员,或者说作为一个纯粹的 WordPress 程序员,我写了很多的 WordPress 插件,功能最多的 WPJAM Basic,还有其他免费和收费的 WordPress 插件(免费插件大家可以在公众号「WordPress果酱」回复关键字「免费」获取)。那么为什么作为后端程序员,我们为什么也要掌握 CSS 呢。

后端程序员尽量使用框架的样式

如果深入使用我开发的插件,肯定发现我写的的大部分的 WordPress 插件的使用的后台,都是保持 WordPress 后台原生的样式。

比如上图的设置界面的标签的样式,我就是使用 WordPress 原生的标签样式,我自己无需在写 CSS 了,我这样做的目的是为了:

1. 让插件界面尽量和 WordPress 原生的界面保持一致,使用体验保持一致,减少侵入式就是最好的体验。当然这也有点不好,就是很多人以为 WPJAM Basic 的功能是 WordPress 自带的。😓

2. 使用 WordPress 后台原生的样式,就可以自己尽量少写 CSS 代码,直接套用 WordPress 后台的自带的 class。

后端程序员也需要掌握 CSS

虽然我们已经尽量使用 WordPress 后台的样式,但是还是有一些界面的样式,WordPress 本身没有这样的 UI 和交互,还是需要自己去实现的,比如我们在实现页面装修的图片魔方的布局选择的时候:

上图的布局其实是一个单选框 radio,为了加强用户体验,我们通过示意图来演示这个布局下的图片魔方在前端的效果,这个功能就是需要通过 CSS 实现,所以作为一个后端程序员还是需要去掌握一定的 CSS 技能。

掌握了 CSS 技能之后,可以在一些功能实现和产品呈现上面更快的去实现自己的想法,比如现在整个花生小店的小程序的管理后台,都是我们后端团队自己去实现界面和交互的,然后提供 API 接口给到前端,前端团队只需要实现小程序端的功能。这样某个功能需求,就可以很快在后台率先实现,并且得到第一步的验证。

后端程序员如何学习 CSS

网上已经有非常多的 CSS 的教程,比如最经典的 CSS 教程,我之前通过几小时的时间,看了一遍 w3cSchool 的教程掌握了 CSS 的基础知识,然后平时碰到问题的时候通过搜索或者咨询一些前端大神来解决,当然我也会把自己碰到的一些问题总结到博客上,比如:

优化单选框 radio 样式,随点击变换选中和未选中状态图片

使用 CSS3 transform 实现弹窗绝对居中

当然如果还要更加系统的深入学习 CSS,我最近认真阅读的《深入解析CSS》这本书就非常不错。

CSS入门容易,但精通不易,学习CSS并不是学习一两个小技巧,而是要理解这门语言的方方面面,并知道如何将其搭配使用。不管你是入行不久的新手,还是和我一样有了一定经验但需要提升CSS技能的后端程序员,这本书都能帮到你。

深入解析CSS》这本书可以帮你深度掌握 CSS 语言,并快速了解 CSS 的新进展和新特性。书中不仅有讲解透彻的概念介绍,而且还有详细的分步示例。

​总体上说这本书还是非常实用的,并不是一本把 w3cSchool 纸质化的字典书,从工业化开发角度去讲 CSS,讲到了很多日常开发会忽略的细节,是入门后稍稍进阶的水平,讲得很浅显易懂。


©我爱水煮鱼,本站推荐使用的主机:阿里云,国外主机建议使用BlueHost

本站长期承接 WordPress 优化建站业务,请联系微信:「chenduopapa」。