【Udemy中英字幕】Professional CSS 2023 (Flexbox & Grid & Animations & More)

专业 CSS 2023（Flexbox、网格、动画等）

通过使用 Flexbox、网格、动画和过渡等构建 2 个精美项目，在 2023 年掌握现代 CSS！

讲师：ByteGrad by Wesley

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

你将学到什么

如何在 2023 年通过从头开始构建实际项目并了解它们如何组合在一起来编写 CSS 代码
避免数百个初学者错误，这样那些必须与您的代码交互的人就可以轻松地进行操作
使用 Flexbox 和 CSS 网格实现从简单到复杂的布局
每个 CSS 编码人员都应该知道的 2023 年重要最佳实践（例如使用 rem 而不是 px）
实现出色的 CSS 动画 + 过渡
通过媒体查询为移动设备、平板电脑、笔记本电脑和台式机实施响应式网页设计 (RWD) (@media)
使用最流行的 CSS 预处理器 (Sass/SCSS) 及其增加的价值
为什么人们使用 BEM 以及在 React/Vue/Angular 中编写 CSS 的差异
实现简单的 CSS 构建过程（添加供应商前缀并缩小 CSS 文件）
别再为 CSS 苦苦挣扎——一旦你掌握了像 Flexbox 这样的东西，它就会变得有趣（相信我）
掌握前端开发人员的所有关键概念
您可以使用大量简单的设计技巧来显着改善项目的外观
奖励：通过学习本课程，您自然也会提高设计和 HTML

要求

不需要，对初学者友好

描述

— UDEMY 新功能（刚刚将我的课程切换到 Udemy）–

这是掌握现代 CSS 的第一资源！

从头开始构建2 个美观、真实的项目，将您的 CSS 提升到高级、专业水平。其他课程首先从过时的概念（如浮动）开始——我们将从一开始就使用现代概念（如 Flexbox）。

课程项目

2 顶级的真实项目。经过专业设计，可帮助您使用最新的最佳实践对现代网站和网络应用程序进行编码。

SocialEditor：为社交媒体帖子构建一个灵活的图形设计编辑器（使用 Flexbox 进行布局）。

BetterPhotos：为摄影社区构建时尚的主页（使用 Flexbox 和 Grid 布局）。

来自其他地方的评论

“直到最近，我还没有坐下来正确地学习 CSS。我了解 JavaScript 和 React，但任何项目的 CSS 部分都是一件苦差事。我尝试过各种 CSS 课程来完善我的 CSS 知识，几乎是 Udemy 上所有流行的课程。然而，我会失去兴趣，因为它们要么太基础，要么太冗长。我强烈推荐 Wesley 的 ByteGrad CSS 课程”

“嗨，Wesley，我想向您问好，最重要的是 –感谢您创建的精彩 CSS 课程。让我说，这确实是我经历过的最好的（之一）。我最初是一名后端开发人员，我的前端经验是可用的，但有些有限，但现在我感觉好多了，真的，不仅仅是说说而已。”

“正如阿尔伯特·爱因斯坦所说：“榜样不是另一种教学方式，而是唯一的教学方式。感谢 ByteGrad 通过创建 CSS 程序节省了我的时间。在 Lynda 和 YouTube 上看了很多混乱的课程后，我终于可以在你们学校遵循一些逻辑了。谢谢你！”

“嗨，Wesley，对我来说，你的 CSS 课程很棒，我真的很感激你以简洁的方式展示了现实世界场景的策略，同时用示例解释了上下文，什么不该做以及为什么不该做。当我在那些初学者愚蠢的“快乐的一天场景”上学习新技术时，这正是我一直在努力解决的问题。就我个人而言，我也很欣赏你不要插入不必要的“娱乐”，我在普通的 IT 书籍中发现了这种情况，这会破坏阅读流程，增加很多额外的工作。”

你将学到什么

1) 如何在 2023 年通过从头开始构建现实项目并查看它们如何组合在一起来编写 CSS 代码

2) 避免数百个初学者错误，这样那些必须与您的代码交互的人就可以轻松地进行操作

3)使用 Flexbox 和 CSS Grid 实现从简单到复杂的布局

4)每个 CSS 编码者都应该知道的关键最佳实践（例如使用 rem 而不是 px）

5)实现从简单到复杂的CSS 动画和过渡

6)通过媒体查询为移动设备、平板电脑、笔记本电脑和台式机实施响应式网页设计 (RWD) (@media)

7)使用最流行的CSS 预处理器 (Sass/SCSS)及其增加的价值

8)为什么人们使用 BEM 以及在React/Vue/Angular 中编写 CSS 的差异

9) 实现一个简单的CSS 构建过程（添加供应商前缀并缩小 CSS 文件）

10)您可以使用大量简单的设计技巧来显着改善项目的外观

11) 奖励：通过学习本课程，您自然也会提高您的设计和 HTML 技能