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