SCSS(SASS)+FLEX Practical Responsive Web Project with Figma
Master the practical use of SCSS (SASS) and FLEX Layout! This is a systematic responsive website project creation process that designs the main page and key sub-page UI of the entire website with Figma, creates an HTML wireframe structure with consistent class names, and completes publishing. In the course, which lasts more than 41 hours in total, you will learn the core theory and practical application skills and design and create PC-mobile-tablet responsive layouts, which will greatly improve your experience and know-how with responsive web projects as well as your core jQuery theory and practical application skills.
SCSS Essential Theory Video Update
Hello. This is Coding Works.
For smooth SCSS(SASS)+FLEX practical responsive web project publishing work, we have updated the SCSS Essential Theory. The SCSS Essential Theory video covers almost all the theories of SCSS over 5 hours and 9 minutes, so you can learn the SCSS Essential Theory in depth.
▼ Added sections and video content (2023.07.06)
Section 4. SCSS Essential Theory
SCSS Core Theory (01) - Selector Nesting
SCSS Core Theory (02) - Parent Selector Reference (&) and Comment Processing
SCSS Core Theory (03) - Application of Parent Selector Reference (&)
SCSS Core Theory (04) – Creating representative CSS selectors in SCSS
SCSS Core Theory (05) - Parent Selector Reference (&) Virtual Class
SCSS Core Theory (06) - Parent Selector Reference (&) Attribute Selector
SCSS Core Theory (07) - Exiting Parent Selector Nesting @at-root
SCSS Core Theory (08) – Automatically generating CSS properties using prefixes
SCSS Core Theory (09) – Reducing Selector Duplication with Virtual Class :is
SCSS Core Theory (10-1) - Variables 01
SCSS Core Theory (10-2) - Variables 02
SCSS Core Theory (10-3) - Variable Scope and CSS Variable Declaration
SCSS Core Theory (11-1) - Importing External Files @import
SCSS Core Theory (11-2) - Importing Partial Files with @import
SCSS Core Theory (12) - Operators, Removing the Output Window
SCSS Core Theory (13-1) - Declaring a group @mixin, using a group @include
SCSS Core Theory (13-2) - Applying @mixin and @include
SCSS Core Theory (13-3) - Button Design Using @mixin and @include
SCSS Core Theory (13-4) - Using @mixin's parameters (arguments) with @include
SCSS Core Theory (14) - @extend to get selector properties
SCSS Core Theory (15) - Placeholder Selector % used with @extend
SCSS Core Theory (16) - Declaring multiple variables, built-in functions (map-get)