与 Sarah Drasner 一起学习开发者设计和 SVG 动画 ✨💖

❥ 赞助商

嗨,我是来自 Frontend Masters 的 Marc — 很高兴支持 CSS-Tricks ❤️!

你是否已经查看了 Sarah Drasner 的课程?她有两个关于开发者设计的很棒的课程,还有 SVG 和 Vue.js 的课程!

开发者设计

开发者设计 课程中,你将学习在项目的整个生命周期中变得自给自足 — 从概念到设计到实现!

你将学习…

  • 编写动态布局代码并了解构图原则。
  • 通过遵循简单的规则来选择与你的设计相得益彰的排版。
  • 选择色板,并了解理论以理解它们为什么能和谐搭配。
  • 了解何时以及如何使用 Photoshop 或 Sketch 等设计工具。
  • 为性能使用正确的图像格式。
  • 进行原型设计以快速传达你的想法并使你的布局快速运行。

SVG 基础知识和动画

SVG 基础知识和动画 课程中,你将学习构建和优化 SVG — 可扩展的网页图形格式,可以实现令人印象深刻的小文件大小,以实现快速加载的网站。

你将学习…

  • 〰 使用路径命令创建柏拉图和自定义形状。
  • ⚡️ 优化 SVG 以实现更小的文件大小以提高性能。
  • 💻 使用代码和图形程序组合新的 SVG。
  • 🖱 使用用户输入控制复杂的动画和时间线。
  • 💥 利用 GreenSock 的 JavaScript 库实现沉浸式动画效果。

Vue.js 入门

Vue.js 入门 课程中,你将快速开始使用 Vue.js JavaScript 框架!

你将学习…

  • 构建自定义的可重复使用的组件并对其进行动画处理。
  • 使用道具、插槽和作用域样式创建灵活的组件。
  • 掌握过滤器和混入等高级功能以转换数据。
  • 使用 Vue-CLI 快速启动和运行单页应用程序。
  • 使用 Vuex 管理大型应用程序的状态。

此课程适合具有一定 JavaScript 知识,并希望学习如何快速有效地构建和维护复杂应用程序的开发人员。

你一定会喜欢 Sarah 的精彩课程!

直接链接 →