|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/advanced-css-sass-framework-flexbox-grid-animations/
课程评论：没有评论
课程名称：高级 CSS 和 SASS：框架、Flexbox、Grid、动画 概述：您已经掌握了基础知识（HTML“你好，世界”、样式颜色为红色等），现在是时候创建惊人的网站了。本课程将逐步开始，创建一个简单的登录页面，接着将学习现代 CSS 技术，如 CSS Flexbox、CSS Grid、动画和过渡，随后将创建可重复使用的 SASS 组件，并通过类应用到自己的网站模板中。 适合人群：本课程不适合绝对初学者！适合希望提升 CSS 技能的初级 CSS 开发者、想深入了解 CSS 工作原理的开发者、需要为客户展示基本网页模板的自由职业者、希望扩展动画、Flexbox、CSS Grid、Sass 工具集的 CSS 开发者以及前端开发者。总之，适合所有希望真正掌握 CSS 的人。 课程内容： - 从初级到高级 CSS 网页结构设计 - 使用伪元素和类 - Flexbox 布局 - Grid 布局 - CSS 过渡 - CSS 动画（使用关键帧） - 先进响应式设计（媒体查询、媒体、em 和 rem 单位等） - 在 CSS 中使用变量 - 完整的 SASS 技术和 SCSS 到 CSS 编译器 - SASS 语法、变量、作用域、数据类型等 - 创建可重复使用的组件，如字体、按钮和导航 - 高级组织和效率提升 学习目标：完成本课程后，您将深入理解 Flexbox、CSS Grid、动画、过渡、Sass 和响应式网页设计，能够创建自己的 CSS 框架、可重复使用的组件以及多个网页模板。此外，您将能够构建自己的作品集网站。 课程特点： - 终身访问 20+ 小时高清质量视频，无需每月订阅 - 可下载的资源，项目的 HTML 启动代码 - 所有视频可下载，随时随地学习，即使没有互联网连接 - 友好且快速的课程支持，随时解答问题 - 英文字幕 最后，时间是生活中最重要的东西。如何节省时间？通过提高效率来建立有效的系统。如果用一个词概括这门课程，那就是“效率”。欢迎您加入我的课程，我相信您会喜欢它！
Got your basics done? html hello world, style color red, good, it's time to create amazing web sites. We are going to start up slowly and create a simple landing page, then we will go through modern CSS technology like CSS flexbox, CSS Grid, animations, transition, then start creating our own reusable sass components and apply then trough classes in our own website templates.Who is this course for:NOT for Absolute Beginners!Beginner CSS developers who want to up there CSS game. CSS developers who want to have a deeper understanding on how CSS Works.Freelancers who want to have basic Web-page Templates for client presentations. CSS developers who want to expand their tool-set to animations, Flexbox, CSS Grid, Sass, and much more.Front-end developers who want to finally understand how CSS works behind the scenes.In general: anyone who wants to truly master CSS!In a nutshell, this course is for those of you who got your basics done in HTML,CSS and want to go to the next level.What is the next level?Now we get in to what YOU actually will learn in this course:From Beginner to Advance CSS Web Pages Structuring.Using Pseudo Elements and Classes.Flexbox layouts.Grid layoutsCSS TransitionsCSS Animations with keyframesAdvanced Responsive Design: media queries media, em and rem units, etc.Using Variables in CSS.Complete SASS technology and SCSS to CSS compiler. SASS SyntaxSASS VariablesSASS ScopeSASS ShadowingSASS Data Types: Numbers, String, Colors, Lists, Maps, Boolean and Null.SASS OperatorsSASS FunctionsSASS MixinSASS Flow Control with: if, else if, else, each, for, while.Creating Reusable Variables Components.Creating Reusable Typography Components.Creating Reusable Buttons Components.Creating Reusable Cards Components.Creating Reusable Navigation Components.Creating Reusable Form Components.Why SASS ?If your CSS to cluttered up!? And You want to create some clarity in your Project. Then You need to get more organized in order to become a more efficient Developer!The best way to get organized and up your productivity is to slice everything up in to easy to control pieces.How?The main Focus of this Course is to Reverse Engineer the creation process, thus resulting in a more deeper understanding of CSS by using SASS Structure of Style-sheets named Partials. Partials will help you separate your design in to small and ease to manage peaces!You will learn complex CSS Animations and Transitions, advanced responsive design techniques, Flexbox layouts, CSS Grid ,Sass, CSS architecture, fundamental CSS concepts, and so much more.After finishing this course you will have a profound understanding of:FlexboxCSS GridAnimationsTransitionSass and ScssResponsive webdesignYour Own CSS Framework with reusable ComponentsMultiple Web-page Templates.Your Own Portfolio Website. This Course contains:• Lifetime access to 20+ hours of HD quality videos. No monthly subscription. • Downloadable assets, HTML starter code for each project;• All videos are downloadable. Learn wherever you want, even without an internet connection!• Friendly and fast support in the course Q & A whenever you have questions or get stuck;• English closed captions.Just one more thing!What is the most important thing in life?If your answer was time then you are right. Either it's time whit you Family, your Spouse, your Friends, time is of essence. How can we get more time? We can't.:(Time is NOT recyclable! Wants it's gone it's gone forever. What we can do is save time. So have can we save time? By getting more efficient, how do we get more efficient, we set up systems that work for us. If I could compress this course in to one word it would be efficiency.My Name in:Menyhart B. Norbert and I would love to welcome you as a new student in my course. I'm sure you're gonna love it!
