高级 CSS 和 SASS:框架、Flexbox、网格、动画
使用 SASS 创建具有可重用组件的您自己的 CSS 框架。高级&现代 CSS Flexbox、网格、动画
讲师:Norbert B. Menyhart
口袋资源独家Udemy付费课程,独家中英文字幕,配套资料齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
你将学到什么
- CSS
- Flexbox 布局:使用 Flexbox 构建多个真实世界模板
- CSS 网格布局:使用 CSS 网格构建多个真实世界模板
- 带有 @keyframes 的高级 CSS 动画、动画
- 高级 CSS 过渡
- 萨斯
- 社会保障体系
- 构建网页
- 高级响应式设计:媒体查询、em 和 rem 单位等。
- 在实际项目中使用 Sass:管理媒体查询、全局变量、CSS 动画等。
- 响应式图像
- 创建您自己的 CSS 框架
- 创建您自己的可重用的颜色、屏幕尺寸和版式变量组件,并在网页中实现它们
- 创建您自己的可重用按钮组件并在网页中实现它们
- 创建您自己的可重用卡片组件并在网页中实现它们
- 创建您自己的可重用导航组件并在网页中实现它们
- 创建您自己的可重用表单组件并在网页中实现它们
- 网页开发要点
- 在课程问答中获得友好和快速的支持
要求
- 超文本标记语言
- 基础CSS
- 电脑或MAC
描述
你的基础知识做好了吗? html hello world,样式颜色为红色,很好,是时候创建令人惊叹的网站了。我们将慢慢启动并创建一个简单的登陆页面,然后我们将使用现代 CSS 技术,如 CSS flexbox、CSS Grid、动画、过渡,然后开始创建我们自己的可重用 sass 组件,并通过我们自己的网站中的类应用模板。
本课程适合谁:
- 不适合绝对初学者!
- 想要提升 CSS 游戏水平的初级 CSS 开发人员。
- 希望更深入地了解 CSS 工作原理的 CSS 开发人员。
- 希望拥有用于客户演示的基本网页模板的自由职业者。
- 希望将其工具集扩展到动画、Flexbox、CSS Grid、Sass 等的 CSS 开发人员。
- 希望最终了解 CSS 在幕后如何工作的前端开发人员。
- 一般来说:任何想要真正掌握 CSS 的人!
简而言之,本课程适合那些已经掌握了 HTML、CSS 基础知识并想要进入下一级别的人。
下一个级别是什么?
现在我们来看看您将在本课程中实际学到什么:
- 从初级到高级 CSS 网页结构。
- 使用伪元素和类。
- 弹性盒布局。
- 网格布局
- CSS 过渡
- 带有关键帧的 CSS 动画
- 高级响应式设计:媒体查询媒体、em 和 rem 单位等。
- 在 CSS 中使用变量。
- 完整的 SASS 技术和 SCSS 到 CSS 编译器。
- SASS语法
- SASS 变量
- SASS范围
- SASS 影子
- SASS 数据类型:数字、字符串、颜色、列表、地图、布尔值和 Null。
- SASS 运算符
- SASS函数
- SASS混音
- SASS 流控制包括:if、else if、else、each、for、while。
- 创建可重用变量组件。
- 创建可重用的版式组件。
- 创建可重复使用的按钮组件。
- 创建可重复使用的卡片组件。
- 创建可重用的导航组件。
- 创建可重用的表单组件。
为什么选择SASS?
如果你的 CSS 很混乱!?您希望在您的项目中创建一些清晰的内容。那么您需要变得更有组织性才能成为更高效的开发人员!
组织起来并提高工作效率的最佳方法是将所有内容分成易于控制的部分。
如何?
本课程的主要重点是对创建过程进行逆向工程,从而通过使用名为Partials的 SASS 样式表结构更深入地了解 CSS 。部分将帮助您将设计分成小部分并易于管理!
您将学习复杂的 CSS 动画和过渡、高级响应式设计技术、Flexbox 布局、CSS 网格、Sass、CSS 架构、基本 CSS 概念等等。
完成本课程后,您将深刻理解:
- 弹性盒
- CSS 网格
- 动画
- 过渡
- Sass 和 SCSS
- 响应式网页设计
- 您自己的 CSS 框架和可重用组件
- 多个网页模板。
- 您自己的投资组合网站。
本课程包含:
• 终身访问 20 多个小时的高清质量视频。没有包月。
• 每个项目的可下载资源、HTML 起始代码;
• 所有视频均可下载。即使没有互联网连接,您也可以随时随地学习!
• 每当您有疑问或遇到困难时,课程问答中都会提供友好、快速的支持;
• 英文隐藏式字幕。
还有一件事!
生命中最重要的事情是什么?
如果你的答案是时间,那么你是对的。无论是与家人、配偶、朋友在一起的时间,时间都是至关重要的。我们怎样才能获得更多时间?我们不能。 :(
时间不可回收!想要它消失,它就永远消失了。
我们能做的就是节省时间。
那么我们可以节省时间吗?
通过提高效率,我们如何提高效率,我们建立了适合我们的系统。
如果我能把这门课程压缩成一个词,那就是效率。
我的名字在:
Menyhart B. Norbert和 我非常欢迎您成为我课程的新学生。我相信你会喜欢它的!
本课程适合谁:
- 初学者 CSS
- 初级SASS
- 初级 Web 开发人员
- 高级 HTML
- 初级前端 Web 开发人员
- 高级网络开发人员
- 高级前端 Web 开发人员
- 对前端 Web 开发人员感到好奇的高级后端 Web 开发人员
- 自由职业者