Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Meditation Personal Transformation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 1.5 hours on-demand video
  • 3 articles
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development CSS

Getting Started with LESS - Beginner Crash Course

Learn to write better and more maintainable CSS with LESS
Rating: 3.7 out of 53.7 (281 ratings)
2,630 students
Created by Sandra L
Last updated 9/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • You will be able to use the application SimpLess to easily compile your less files into beautiful CSS
  • You will be able to write and easily maintain object-oriented CSS with variables, mixins and functions
  • You will understand how to work faster with mixin libraries such as the Semantic Grid and LESS elements that includes a collection of the most commonly mixins
Curated for the Udemy for Business collection

Course content

4 sections • 21 lectures • 1h 44m total length

  • Preview01:08
  • Course Instructions
    01:09

  • Preview00:39
  • Course Materials & Online Resources
    00:24
  • Preview08:10
  • Nested Rules
    Preview10:13
  • Mixins
    10:52
  • Operators
    06:03

  • Intro Advanced Less features
    00:47
  • Parametized mixins with default
    13:01
  • Guarded mixins
    06:10
  • Built-in Functions
    02:36
  • @import Directive
    07:22

  • Introduction
    01:08
  • Project Overview
    02:10
  • Instructions
    01:35
  • The Grid
    10:14
  • Header
    05:47
  • Body - Main Section
    08:47
  • Footer
    02:16
  • More
    03:50

Requirements

  • A working knowledge of HTML, CSS and Javascript is preferred

Description

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,

  1. you will understand how to use the LESS features and compile the less stylesheets into standard CSS
  2. you will understand how to easily integrate mixins libraries as well as external resources such as Font Awesome and Google Font into your project.
  3. You will also be able to install and use the application SimpLESS to compile your less files into beautiful CSS.
    1. SimpLESS is a GUI application for Less and Sass compilation.
    2. 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.

Who this course is for:

  • Any beginner making their first steps with a pre-processor language
  • Anyone willing to work on the client-side - NO knowledge of the command lines or server configuration is required
  • Some coding skills are required for the best learning experience

Instructor

Sandra L
Javascript and Web Developer
Sandra L
  • 4.3 Instructor Rating
  • 1,151 Reviews
  • 22,512 Students
  • 20 Courses

Hello

I am Sandy, freelance web and mobile Developer based out of Toronto, in Ontario, Canada, I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery. 

I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few. 

I am also keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.

On top of being a Udemy instructor, I am an avid learner of new technologies and digital stuff. 

*****************************

Bonjour,

Je suis Sandy, développeur javascript et mobile. Je suis passionnée de développement Front (HTML, CSS, CSS3 Animation, Sass, Javascript et ReactJS...).

Mes autres intérêts sont le graphic et motion design. Je suis également passionnée de conception visuelle, le montage vidéo, la photographie et le gaming.

Venez rejoindre ma communauté de 20k+ apprenants. Je publie régulièrement pour enrichir mon catalogue de nouveau contenu. Depuis 2014, je partage mes connaissances, aussi bien en français qu'en anglais, sur les technologies Front et javascript qui ne cessent d'évoluer et d'offrir de nouvelles fonctionnalités pour faciliter notre réussite dans ce beau métier du développement et de la transformation digitale.

Cheers, Salutations !

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.