SCSS(SASS)+FLEX Practical Responsive Web Project with Figma
Master SCSS (SASS) and FLEX Layout in practice! This is a systematic responsive website project production course where you will design the main page and core sub-page UI of an entire website using Figma, create an HTML wireframe structure with consistent class names, and complete the publishing process. Throughout more than 41 hours of coursework, you will thoroughly learn core theories and practical application skills. By designing and building responsive layouts for PC, mobile, and tablet, you will not only gain experience and know-how in responsive web projects but also significantly improve your core jQuery theory and practical application skills.
339 learners
Level Basic
Course period Unlimited
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)