강의

멘토링

커뮤니티

Programming

/

Web Development

Sass Basics for Beginners & Grapefruit Talk Clone Coding

Sass is an extension language of CSS. It complements the shortcomings of CSS and guarantees excellent productivity, and is powerful and concise. Learn the basic syntax and enjoy clone coding using what you have learned. It's more fun and less burdensome!

(4.9) 17 reviews

145 learners

Level Basic

Course period Unlimited

  • uknow
Sass
Sass
Clone Coding
Clone Coding
HTML/CSS
HTML/CSS
Sass
Sass
Clone Coding
Clone Coding
HTML/CSS
HTML/CSS

Reviews from Early Learners

Reviews from Early Learners

4.9

5.0

만두

52% enrolled

I heard you well!

5.0

파이리

100% enrolled

This is the best course for non-majors and beginners.

5.0

lye2017

33% enrolled

It's easy to understand because you explain it clearly and simply.

What you will gain after the course

  • Sass

  • SCSS

  • CSS

CSS code I wrote with Sass
Take readability and productivity to the next level!

Next Level of CSS,
Introductory Sass Course

This course is a 23-part Sass introductory course for beginner CSS developers, covering everything from basic theory to practical exercises. Anyone with a basic understanding of HTML/CSS can easily follow this course.


This lecture
I recommend this to these people

HTML/CSS is
I learned it…

Anyone who wants to develop further as a web developer

Sass
Want to learn?

Those who know Sass but are hesitant to study it

Because of CSS
I'm stressed

Anyone who has ever stayed up all night struggling with CSS

Clone coding
They say it's popular...

Anyone interested in learning through clone coding


however,
What is Sass?

Sass (Syntatically Awesome StyleSheets) is a powerful and stable CSS extension language. As a CSS preprocessor, it offers a variety of features for stylesheets, significantly improving productivity and readability.


What kind of lecture is it?

This course is for those of you who are interested in learning Sass but are hesitant because of the difficulty. We'll cover the essential fundamentals at the introductory level, then spend some time familiarizing yourself with Sass through cloning. Cloning is a learning method where you learn by building a real-world service. It's a fast and effective way to learn by building a real-world service yourself !


Lecture contents
Check it out in advance


Grapefruit Talk Clone Coding
Preview the results

We'll be actively utilizing Sass to build a website. The website we'll be building is called JamongTalk, a website modeled after the messenger app KakaoTalk. Of course, JamongTalk isn't a live website. It's a website we created for you to practice with.


Clone coding... Is it burdensome?

Some people may find the clone coding approach, which involves setting a completion goal and coding step-by-step to achieve it, daunting. For those who find this challenging, we've provided the completed code, so you can ease your fears and join us with a step-by-step approach.


Before class
Please check

First, please prepare the following items!

💻 Computer
💻 Code editor (we use Visual Studio Code in class)
💻 Typing skills (slow speed is okay)

Second, I will let you know in advance before taking the class!

👉🏻 Most basic theory videos feature scenes where you write code. However, because they can easily become boring , they often speed up the video or skip the typing part. Therefore, when following along with the coding exercises, we recommend using the pause function appropriately while practicing! (Please be assured that cloning codes at a relatively slow pace. ^^)


Unocoding's
HTML/CSS Basics Course

HTML Basics for Beginners

Introduces the key concepts and basic grammar of HTML, the foundation of websites.

CSS Basics for Beginners

Introduces the key concepts and basic grammar of CSS needed to decorate a website.


Recommended for
these people

Who is this course right for?

  • Anyone who is studying or has studied HTML/CSS

  • People who studied CSS but feel like something is lacking

  • People who want to experience clone coding

Need to know before starting?

  • HTML

  • CSS

Hello
This is

18,297

Learners

961

Reviews

31

Answers

5.0

Rating

7

Courses

A multi-talented creator with a background in development.
I am currently active as a programming instructor and author.
I also run the YouTube channel .

I hope and believe that the unnecessary suffering experienced during the learning process should and must disappear. By sharing the sincerity and insights of those who have gone before, that pain can be reduced.

I hope that the unnecessary pain experienced during the learning process disappears, and I believe it must.
Sharing the sincerity and experience of those who have gone before can reduce that pain.

I will strive to ensure that you can feel that sincerity in all of my lecture content.
I am always working hard to help many people find coding enjoyable and understand it simply.

Thank you! ^^

Thank you! ^^

Curriculum

All

27 lectures ∙ (4hr 7min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

17 reviews

4.9

17 reviews

  • jinuuu님의 프로필 이미지
    jinuuu

    Reviews 7

    Average Rating 5.0

    5

    100% enrolled

    • mandu00님의 프로필 이미지
      mandu00

      Reviews 18

      Average Rating 4.8

      5

      52% enrolled

      I heard you well!

      • charmander님의 프로필 이미지
        charmander

        Reviews 5

        Average Rating 5.0

        5

        100% enrolled

        This is the best course for non-majors and beginners.

        • lye20179846님의 프로필 이미지
          lye20179846

          Reviews 1

          Average Rating 5.0

          5

          33% enrolled

          It's easy to understand because you explain it clearly and simply.

          • whdgh612669님의 프로필 이미지
            whdgh612669

            Reviews 5

            Average Rating 4.2

            5

            67% enrolled

            It's the best

            $13.20

            uknow's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!