inflearn logo
inflearn logo

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

Sass
Sass
Clone Coding
Clone Coding
HTML/CSS
HTML/CSS
Sass
Sass
Clone Coding
Clone Coding
HTML/CSS
HTML/CSS
날개 달린 동전

Recommend Course to grow and earn commission!

날개 달린 동전

Marketing Partners

Recommend Course to grow and earn commission!

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 uknow

18,319

Learners

965

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! ^^

More

Reviews

All

17 reviews

4.9

17 reviews

  • jinuuu님의 프로필 이미지
    jinuuu

    Reviews 7

    Average Rating 5.0

    5

    100% enrolled

    • charmander님의 프로필 이미지
      charmander

      Reviews 5

      Average Rating 5.0

      5

      100% enrolled

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

      • whdgh612669님의 프로필 이미지
        whdgh612669

        Reviews 5

        Average Rating 4.2

        5

        67% enrolled

        It's the best

        • mandu00님의 프로필 이미지
          mandu00

          Reviews 18

          Average Rating 4.8

          5

          52% enrolled

          I heard you well!

          • lye20179846님의 프로필 이미지
            lye20179846

            Reviews 1

            Average Rating 5.0

            5

            33% enrolled

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

            uknow's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!

            $13.20