-----
Advanced CSS and Sass: Flexbox, Grid, Animations and More!
-----
网站:https://www.udemy.com/course/advanced-css-and-sass/
作者:Jonas Schmedtmann
Udemy评分:4.8
学生数:35519
官网售价:US$ 119.99
-----
欢迎来到“Advanced CSS and Sass”,互联网上最先进、最现代、最完整的 CSS 课程。这是您在高级 CSS 课程中想要的一切,等等。
您将学习复杂的 CSS 动画、高级响应式设计技术、flexbox 布局、Sass、CSS 架构、基本 CSS 概念等等。
就像在我的所有课程中一样,您将构建精美且精心设计的项目,这将使您为自己感到自豪,并为自己构建复杂的项目做好准备。
完成本课程后,您将:
1) 跟上最现代和最先进的 CSS 属性和技术;
2) 掌握前沿布局技术Flexbox和CSS Grid;
3) 准备好为各种设备和情况构建响应式布局;
4) 真正了解CSS在幕后是如何工作的;
5) 能够使用 Sass 构建大型 CSS 代码库以实现可重用性和可维护性。
请注意,本课程不适合绝对的初学者,因此您应该已经处于 HTML 和 CSS 的中级水平(如果不是这样,请查看我的其他课程)。
这门课程很庞大,需要 28 小时以上。这正是您将学到的:
大量现代尖端 CSS 技术可创建令人惊叹的设计和效果:剪辑路径、背景剪辑、蒙版图像、背景混合模式、外部形状、过滤器、背景过滤器、对象拟合、变换、列-count、连字符、透视、calc() 和自定义 CSS 属性;
具有@keyframes、动画和过渡的高级 CSS 动画;
现代 CSS 开发所需的高级 CSS 选择器、伪类和伪元素;
CSS如何在幕后工作:级联、特异性、继承、值处理、视觉格式化模型、盒子模型、盒子类型、定位方案和堆叠上下文;
CSS 架构: 7-1 规则、基于组件的设计、BEM 方法、编写可重用、可维护和可扩展的代码;
Sass 简介:变量、嵌套、部分、导入、混合、函数、扩展等;
在实际项目中使用 Sass:设置全局变量、构建可重用性、构建 CSS 和管理媒体查询;
NPM 生态系统:建立一个开发过程来编译 Sass 和自动浏览器重新加载,并创建一个构建过程来连接、前缀和压缩 CSS 文件;
现代响应式设计:流畅的网格、布局类型、灵活的图像,使用媒体查询来测试不同的屏幕宽度、像素密度和触摸功能;
高级响应式设计工作流程:移动优先与桌面优先策略、选择断点、em 与 rem 单位以及功能查询以测试浏览器支持;
HTML 和 CSS 中的响应式图像可加快页面加载速度:分辨率切换、密度切换、艺术指导;
HTML 和 CSS 中的 SVG 图像:如何以及为什么使用 SVG、生成 SVG 精灵、在 CSS 中更改 SVG 颜色和最佳实践;
HTML 和 CSS 中的视频:构建背景视频效果;
弹性盒布局:主要概念,弹性容器和弹性项目特定属性的介绍,应用于大型现实世界项目的高级定位技术;
CSS 网格布局:主要概念、CSS 网格与 flexbox 以及应用于实际项目的布局技术。仅这一部分就可能是一整门课程!
-----
********************************************************************
✔ 对于正常学习的同学,三连之后,可以私信UP要配套资料
✔ 其他需求的同学,(配套资料,中英文字幕和原版视频)可以到网站自助领取:
https://www.koudaizy.com/tutorials/advanced-css-and-sass/
*********************************************************************
-
字幕制作者(中文(中国)):口袋学堂
-
字幕制作者(English(US)):口袋学堂