CSS 开发者开始之前希望知道的 5 件事

你可以学任何东西，但你不能学所有东西 🙃

所以接受这一点，并专注于对你重要的东西

— Una Kravets 👩🏻‍💻 (@Una) 2017 年 9 月 1 日

Una Kravets 绝对正确。在现代 CSS 开发中，有太多东西要学。对于今天刚开始学习的人来说，很难知道从哪里开始。

以下是我希望当初开始学习的时候就知道的一些事。

1. 不要低估 CSS

它看起来很简单。毕竟，它只是一组规则，用于选择元素并根据一组属性和值修改它。

CSS 就是这样，但它远不止于此！

一个成功的 CSS 项目需要最完美的架构。写得不好的 CSS 非常脆弱，而且很快就会变得难以维护。学习如何组织代码至关重要，以便创建具有长生命周期的可维护结构。

但即使是一个优秀的代码库也必须处理大量的设备、屏幕尺寸、功能和用户偏好。更不用说可访问性、国际化和浏览器支持了！

CSS 就像一只小熊：可爱无害，但随着它长大，它会把你吃掉。

• 在编写和交付代码之前学习如何阅读代码。
• 你有责任跟上最佳实践。 MDN、W3C、A List Apart 和 CSS-Tricks 是你的真理之源。
• 网络没有固定的形状；每个设备都是不同的。拥抱多样性，了解我们所处的环境。

2. 分享和参与

分享非常重要！我多么希望有人在我刚开始的时候告诉我这一点。我花了十年才明白分享的价值；当我意识到这一点的时候，它彻底改变了我看待工作和与他人合作的方式。

如果你周围都是优秀的开发者，你就会成为一个更好的开发者，所以参与开源项目吧。CSS 社区充满了善良而慷慨的开发者。越早越好。

分享你所学到的所有东西。过程和结果一样重要；即使是最微不足道的事情也可能对其他人产生影响。

• 学习 Git。 Git 是开源的语言，你肯定想成为其中的一部分。
• 参与一个开源项目。
• 分享！写博客、文档或推文；在聚会和会议上发言。
• 找一个责任伙伴，一个会鼓励你持续分享的人。

3. 选择合适的工具

你的代码编辑器应该是你思维的延伸。

你使用的是 Atom、VSCode 还是传统的 Vim 并不重要；你越能根据自己的思维方式来塑造工具，你就会成为一个越优秀的开发者。你不仅会提高速度，而且还会拥有不间断的思维线，从而产生流畅的想法。

终端是你的朋友。

作为一名 CSS 开发者，除了编写 CSS 本身，还有很多其他事情要做。构建代码、编译、代码规范检查、格式化和浏览器实时刷新只是你日常工作中要处理的一部分。

• 研究哪种 IDE 最适合你。有一些高性能的文本编辑器，比如 Vim，或者更易于使用的选项，比如 Atom 或 VSCode.
• 尽早学会使用终端并学习 CLI。短篇书籍“Working the command line”是一个很好的起点。

4. 了解浏览器

浏览器不仅是你的画布，还是一个强大的调试工具，可以用来调试代码、测试性能以及从他人那里学习。

学习浏览器如何渲染你的代码是一个开眼界的体验，它会将你的编码技能提升到一个新的水平。

每个浏览器都是不同的；了解这些差异并接受它们。爱它们所是的一切。(是的，即使是 IE)。

• 花时间查看一下调试器。
• 你无法拥有所有设备；获取一个 BrowserStack 或 CrossBrowserTesting 账户，这很值得。
• 安装所有你能安装的浏览器，并学习它们是如何渲染你的代码的。

5. 学习编写可维护的 CSS

这可能需要你花上几年时间，但如果 CSS 开发者只应该拥有一种技能，那就是编写可维护的结构。

这意味着要确切地了解级联、盒模型和特异性是如何工作的。掌握 CSS 架构模型，了解它们的优缺点以及如何实现它们。

请记住，模块化架构会带来独立的模块、良好的性能、可访问的结构和响应式组件（即：CSS 幸福）。

• 学习 CSS 架构，跟上趋势，并 **有自己的观点！**
• 关注那些为 CSS 道路铺平道路的人，比如 Harry Roberts、Una Kravets、Brad Frost、Ben Frain、Sara Soueidan、Chris Coyier、Eric Meyer、Jen Simmons、Rachel Andrew 以及其他许多人。

未来一片光明

现代 CSS 太棒了。它的未来更加美好。我喜欢 CSS，并享受我花在编码上的每一秒钟。

如果你需要帮助，你可以 联系我，或者可能是本文中提到的任何 CSS 开发者。你可能会惊讶于 CSS 社区的善良和慷慨。

你对我的建议有什么看法？你还有什么建议吗？请在评论中告诉我你的想法。