面向 JavaScript 开发人员的 CSS

CSS for JavaScript Developers

 

旨在帮助 JavaScript 开发人员对 CSS 充满信心的全新交互式学习体验

CSS 可以很有趣。我保证。

对于很多前端开发人员来说,CSS 是他们工作中最令人沮丧的部分。

当你在 Typescript 中出错时,你会得到一个有用的工具提示,告诉你你做错了什么。相比之下,在 CSS 中,你被蒙在鼓里,没有任何线索说明为什么你没有得到预期的结果。

这些不断令人眼花缭乱的惊喜让我们脱离心流状态,动摇我们的信心。难怪我们这么多人不喜欢编写 CSS!

尽管如此,尽管如此,CSS 实际上是一种高度一致且健壮的语言。感觉是不可预测的,因为其中涉及复杂的系统,这些系统对我们来说是完全不可见的。

CSS 是一种隐式语言。

不管你花了多少年练习 CSS——如果你不了解它的底层系统是如何工作的,你的心智模型将永远是不完整的。

想想我们大多数人是如何学习 CSS 的:我们学习单个属性是如何工作的,而不是关注布局算法如何使用这些属性作为输入。我们学习针对特定情况的“酷技巧”,而不是可以广泛应用于任何情况的概念。

这就像当你丢失碎片时试图解决一个难题。但更糟糕的是,因为我们责备自己!

没有人天生具有 CSS 技能。

我们假设我们缺少某种“CSS 基因”,我们只是不擅长这些东西。这是世界上最不公平的自我批评。如果你学会了 CSS 的规则,你也可以擅长它!

精通 CSS 会改变游戏规则。突然之间,你工作中最令人沮丧的部分变得有趣了!作为 JS 开发人员,我们在本可以接受 CSS 并使用它来构建世界一流的用户界面时,花费了大量精力来避免编写 CSS。

那么如何学习 CSS 的规则呢?好吧,你可以花无数时间研究 MDN 文档和 CSSWG 规范,然后花几年时间练习。这就是我所做的。不可否认,它是有效的——最终的结果是非常值得的——但旅程是漫长而艰巨的。

我想帮助你加快这个过程。在过去的一年里,我一直在将所有的知识和经验打包成一个全面的自定进度在线课程。

我称之为……

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。