Disclosure: when you buy through links on our site, we may earn an affiliate commission.

Into to SASS for Beginners – part 1

Pre-requisite: Some knowledge at least of the most basic CSS selectors and how they apply styles to html elements Things covered: A brief of overview of the ...
/5
(0 reviews)
21 students
Created by

7.8

CourseMarks Score®

6.1

Freshness

N/A

Feedback

9.0

Content

Platform: Skillshare
Video: 34m
Language: English
Next start: On Demand

Top UI Design courses:

Detailed Analysis

CourseMarks Score®

7.8 / 10

CourseMarks Score® helps students to find the best classes. We aggregate 18 factors, including freshness, student feedback and content diversity.

Freshness Score

6.1 / 10
This course was last updated on 9/2018.

Course content can become outdated quite quickly. After analysing 71,530 courses, we found that the highest rated courses are updated every year. If a course has not been updated for more than 2 years, you should carefully evaluate the course before enrolling.

Student Feedback

We analyzed factors such as the rating and the ratio between the number of reviews and the number of students, which is a great signal of student commitment. If a course does not yet have a rating, we exclude Feedback Score from the overall CourseMarks Score.

New courses are hard to evaluate because there are no or just a few student ratings, but Student Feedback Score helps you find great courses even with fewer reviews.

Content Score

9.0 / 10
Video Score: 7.6 / 10
The course includes 34m video content. Courses with more videos usually have a higher average rating. We have found that the sweet spot is 16 hours of video, which is long enough to teach a topic comprehensively, but not overwhelming. Courses over 16 hours of video gets the maximum score.
Detail Score: 9.4 / 10

The top online course contains a detailed description of the course, what you will learn and also a detailed description about the instructor.

Table of contents

Description

Pre-requisite: Some knowledge at least of the most basic CSS selectors and how they apply styles to html elements

Things covered:

  • A brief of overview of the topics will cover and a quick teaser example of SASS
  • Quick CSS review: A quick review of the basic CSS selectors that will be used during the class
  • What is SASS? I will explain what SASS is and how it differs from CSS. Also explain the difference between the two syntaxes supported by SASS (SASS and SCSS). I’ll also introduce
  • Variables: I will introduce the concept of variables in SASS and how they are used to minimize duplication of code.
  • Styles class structure: I will explain class structure strategies that will enable the students to write code that is more easily maintainable.
  • codepen.io: I will introduce a free online tool that allows to create a project with an html page and .scss files to enable students to visually see how their code results in different styles being applied to the page. 
  • Small Project: I will provide an introduction to the project that the students will complete on codepen.io and where they will write all the SASS necessary to style a simple web page.

You will learn

Code to https://codepen.io/ (you can register for free, then go to Dashboard)
Create a new Project
Add a New File to your project called “index.html”
Add a directory called “styles”
Add a file called “index.scss” inside “styles” directory.

Start writing SASS in your index.scss to style the index.html page as you like. Make sure you make use of SASS variables and proper class structure as explained during the class.
Here is some basic starter SASS you can use:

$color-warning: #F90;

button {
cursor: pointer;
padding: 10px;

&.warning {
background-color: $color-warning;
}

}


Here is the start index.html content:

<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″ />
<title>Intro to SASS: Mini-Project 1</title>
<!– Styles –>
<link rel=”stylesheet” href=”styles/index.processed.css”>
</head>

<body>
<div class=”panel”>
<h1>Mini-Project 1</h1>
<h3>A brief sub-title for project 1</h3>
<p>
WARNING: make sure you read all the terms before clicking ok.
</p>
<button type=”button” class=”warning”>
CONFIRM?
</button>
</div>
</body>
</html>

Requirements

There is no prerequisite, anyone can begin this course.. This course is also great for beginners without any UI Design knowledge.

This course is for

This course is suitable for beginners.

How much does the Into to SASS for Beginners - part 1 course cost? Is it worth it?

You can enrol in this course with a Skillshare subscription that costs $8/month, but you start with a FREE 7-day trial. You can also enrol in thousands of courses on a variety of topics with your subscription, including several UI Design courses.

Does the Into to SASS for Beginners - part 1 course have a money back guarantee or refund policy?

There is no money-back guarantee with Skillshare, but you can start with a free one-week trial to learn without risk. With the subscription, you can download classes to your tablet or phone using the Skillshare app.

Are there any SCHOLARSHIPS for this course?

At the moment we couldn't find any available scholarship forInto to SASS for Beginners - part 1, but you can access more than 30 thousand classes for $8/month on Skillshare, including this one!

Who is the instructor? Is Damiano Fusco a SCAM or a TRUSTED instructor?

Damiano Fusco has created 1 courses that got 0 reviews which are generally positive. Damiano Fusco has taught 16 students and received a average review out of 0 reviews. Depending on the information available, Damiano Fusco is a TRUSTED instructor.
Software Developer – Web Designer
Software Developer – Web Designer

7.8

CourseMarks Score®

6.1

Freshness

N/A

Feedback

9.0

Content

Platform: Skillshare
Video: 34m
Language: English
Next start: On Demand

Students are also interested in

Review widget (for course creators):

Into to SASS for Beginners - part 1 rating
Code for the widget (just copy and paste it to your site):
<a href="https://coursemarks.com/course/into-to-sass-for-beginners-part-1/" target="_blank" title="Into to SASS for Beginners – part 1 on Coursemarks.com"><img border="0" src="https://coursemarks.com/widget/cmrated.svg" width="200px" alt="Into to SASS for Beginners – part 1 rating"/></a>