Sass Tutorial for Beginners - CSS With Superpowers
In this course, you will learn the basics of Sass. We will start with a brief overview of what Sass is along with what is required to incorporate Sass into your environment. We will also set up a Sass compiler in Visual Studio Code. You will learn about Sass variables, maps, nesting, functions, mixins, extending, and operations.
Lastly, we will start from scratch on a real-world project (Portfolio website) using Sass. We will go step-by-step through each part, and at the end, we will deploy the site.
🔗 Project Code:
🎥 Tutorial from codeSTACKr. Check out their YouTube Channel:
⭐️ Course Contents ⭐️
⌨️ (0:00:00) Intro
⌨️ (0:00:58) What Is Sass?
⌨️ (0:01:24) Requirements
⌨️ (0:02:15) Install/Setup Live Sass Compiler VS Code Extension
⌨️ (0:04:02) Folder Structure / Sass Syntax
Z
1 view
176
59
3 months ago 00:05:27 1
Let’s build a CMS with Filament 3 and Laravel 11 | #32 - Carousel block part 2
3 months ago 00:11:39 1
Let’s build a CMS with Filament 3 and Laravel 11 | #31 - Carousel block
3 months ago 00:05:11 1
Let’s build a CMS with Filament 3 and Laravel 11 | #30 - Email Builder part 2
3 months ago 00:02:59 1
Let’s build a CMS with Filament 3 and Laravel 11 | #29 - Email Builder
3 months ago 00:08:18 1
Let’s build a CMS with Filament 3 and Laravel 11 | #28 - Small improvements
3 months ago 00:07:06 1
Let’s build a CMS with Filament 3 and Laravel 11 | #27- Menu Builder part 4
3 months ago 00:07:33 1
Let’s build a CMS with Filament 3 and Laravel 11 | #26- Menu Builder part 3
3 months ago 00:03:50 1
Let’s build a CMS with Filament 3 and Laravel 11 | #245- Menu Builder part 2
3 months ago 00:05:14 1
Let’s build a Twitter clone with Livewire 3 & Laravel Reverb | #18 - Infinite Scroll part 2
3 months ago 00:05:04 1
Let’s build a Twitter clone with Livewire 3 & Laravel Reverb | #18 - Infinite Scroll part 1
3 months ago 00:14:33 1
Let’s build a Twitter clone with Livewire 3 & Laravel Reverb | #17 - Follow functionality
3 months ago 00:05:53 1
Let’s build a Twitter clone with Livewire 3 & Laravel Reverb | #16 - Profile Page part 3
3 months ago 00:02:30 1
Let’s build a CMS with Filament 3 and Laravel 11 | #24 - Menu Builder
3 months ago 00:07:45 1
Let’s build a Twitter clone with Livewire 3 & Laravel Reverb | #16 - Profile Page part 2
3 months ago 00:04:47 1
Let’s build a CMS with Filament 3 and Laravel 11 | #23 - Laravel Pulse
3 months ago 00:02:28 1
Let’s build a CMS with Filament 3 and Laravel 11 | #22 - Theme plugin
3 months ago 00:05:35 1
Let’s build a Twitter clone with Livewire 3 & Laravel Reverb | #15 - Profile page part 1
3 months ago 00:02:18 1
Let’s build a Twitter clone with Livewire 3 & Laravel Reverb | #14 - Like button part 2
3 months ago 00:07:22 1
Let’s build a Twitter clone with Livewire 3 & Laravel Reverb | #13 - Like button part 1
3 months ago 00:05:00 1
Let’s build a Twitter clone with Livewire 3 & Laravel Reverb | #12 - Add links to tweet body
3 months ago 00:09:59 1
Let’s build a CMS with Filament 3 and Laravel 11 | #21 - Load more button part 2
3 months ago 00:19:48 1
Let’s build a CMS with Filament 3 and Laravel 11 | #20 - Load more button part 1
3 months ago 00:04:58 1
Let’s build a CMS with Filament 3 and Laravel 11 | #18 - Styling fixes
3 months ago 00:06:59 1
Let’s build a CMS with Filament 3 and Laravel 11 | #18 - Article Block Customizing part 3