|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/getting-started-with-less-beginner-crash-course/
课程评论：没有评论
课程名称：初学者LESS快速入门课程 课程概述：LESS是一种CSS的超集，也是预处理编程语言，常被称为“动态CSS”。LESS语法借鉴了传统的CSS，并能编译成标准的CSS3。LESS允许您通过如变量、Mixin、嵌套和数学运算符等强大功能，扩展您的CSS，从而提高维护效率，减少代码量。 课程重点：虽然CSS是一种优秀的语言，但也存在一些局限性。例如，如果在样式表中有多处使用相同的颜色代码，您需要反复编辑，非常繁琐！LESS的优势在于：减少重复代码和错误，逻辑上将CSS分割成多个文件，使编码更加高效。每位网页开发者或前端UI工程师都应优先使用LESS而非传统CSS。 您将学习的内容： - 定义变量以加快维护速度 - 声明可重用的Mixin - 使用嵌套来清理样式表结构 - 利用运算符进行数学运算 - 深入了解内置函数、参数化和保护Mixin - 使用@import指令将外部样式表整合到单一文档中 在课程最后，您将通过一个实践项目应用所学内容。课程目标是帮助您创建更智能、更清晰的样式表，减少代码，并保持代码的整洁和组织。 课程结束时，您将掌握LESS的特性，能够将LESS样式表编译为标准CSS，并轻松整合Mixin库及外部资源（如Font Awesome和Google Font）到您的项目中。此外，您还能安装并使用SimpLESS应用程序，将LESS文件编译为优美的CSS。SimpLESS是一个GUI应用程序，适用于LESS和Sass编译，易于新用户学习，兼容PC和MAC。 通过《初学者LESS快速入门课程》，学习提升您的CSS水平，编写更优雅的样式代码。借助多个演示和示例，您将看到预处理语言的强大之处。
What is LESS ? Less is a CSS is a superset of CSS and a pre-processor programming language, often referred as "Dynamic CSS". LESS syntax is modelled after traditional CSS LESS compiles into standard CSS3 LESS allows you to extend your CSS with great features such as: Variables for faster maintenance Mixins as re-usable objects Nesting for a cleaner stylesheet structure Math calculations with the Operators. Less code and more work done! Why use LESS ? While CSS is a great language, it has its limitations. For example, if you have a color code used multiple times in your stylesheet, you need to edit this one multiple times to update your design. Very tedious process! LESS is great for the following reasons.: Allows to cut down one code and save time Reduce repetition (DRY) and mistakes It makes logical sense to break out CSS into multiple files with the feature Every web developer or front-end UI engineer should use LESS over traditional CSS => What you will learn: In the first section, you will: learn how to define Variables for faster maintenance. learn how to declare Mixins as reusable objects learn about Nesting for a cleaner stylesheet structure. learn how to perform mathematical calculations with the Operators On a more advanced level, we will discuss about: Built-in functions Parametized and Guarded mixins The @import directive to include external stylesheets in one single document. In a last chapter, you will apply what you have learned with a hand-on project. => The objectives of this course is to help you create smarter and cleanerer stylesheets, cut down on code, keep your code DRY (Don't Repeat Yourself) and organized. => By the end of the course, you will understand how to use the LESS features and compile the less stylesheets into standard CSS you will understand how to easily integrate mixins libraries as well as external resources such as Font Awesome and Google Font into your project. You will also be able to install and use the application SimpLESS to compile your less files into beautiful CSS. SimpLESS is a GUI application for Less and Sass compilation. SimpLESS is simple to learn for first-time users and it is compatible with both PC and MAC. In Getting Started with LESS, learn to take your CSS to the next level and write better styling code. With several demonstrations and examples. you will see the power of the pre-processor language.
