Sass Tutorial für Anfänger - CSS mit Superkräften

Blog

In diesem Kurs lernen Sie die Grundlagen von Sass. Wir beginnen mit einem kurzen Überblick darüber, was Sass ist und was erforderlich ist, um Sass in Ihre Umgebung zu integrieren. Wir werden auch einen Sass-Compiler in Visual Studio Code einrichten. Sie lernen Sass-Variablen, Maps, Verschachtelungen, Funktionen, Mixins, Erweiterungen und Operationen kennen.



Schließlich werden wir mit Sass bei einem realen Projekt (Portfolio-Website) von vorne beginnen. Wir werden jeden Teil Schritt für Schritt durchgehen und am Ende die Site bereitstellen.

⭐️ Kursinhalte ⭐️
⌨️ (0:00:00) Einführung
⌨️ (0:00:58) Was ist Sass?
⌨️ (0:01:24) Anforderungen
⌨️ (0:02:15) Live Sass Compiler VS Code Extension installieren/einrichten
⌨️ (0:04:02) Ordnerstruktur / Sass-Syntax
⌨️ (0:08:06) Variablen
⌨️ (0:10:03) Karten
⌨️ (0:03:00) Verschachtelung
⌨️ (0:16:54) Teile
⌨️ (0:19:40) Funktionen
⌨️ (0:21:30) Mixin-Beispiel 1
⌨️ (0:24:26) Mixin-Beispiel 2
⌨️ (0:28:00) Mixin-Beispiel 3
⌨️ (0:30:20) Verlängern
⌨️ (0:32:05) Mathematische Operationen
⌨️ (0:33:49) Weitere Informationen (Dokumentation)



⌨️ (0:34:02) Real-World-Beispiel von Grund auf (Portfolio-Site)
⌨️ (0:34:38) index.html
⌨️ (0:40:35) Font Awesome Setup
⌨️ (0:41:29) main.scss / _config.scss
⌨️ (0:48:18) _home.scss
⌨️ (0:52:55) Übergang leichter Mixin
⌨️ (0:54:24) Textfarbfunktion
⌨️ (0:57:10) _menu.scss
⌨️ (1:02:38) main.js
⌨️ (1:06:08) Menüfortsetzung
⌨️ (1:19:38) about.html
⌨️ (1:23:51) _about.scss
⌨️ (1:30:37) projects.html
⌨️ (1:35:05) _projects.scss
⌨️ (1:43:57) contact.html
⌨️ (1:47:09) _contact.scss
⌨️ (1:49:56) _responsive.scss
⌨️ (2:01:35) Auf Github-Seiten bereitstellen

Projektnummer: https://github.com/codeSTACKr/portfolio-sass



So erhalten Sie Benutzereingaben in c++

#sass #css #webdev

www.youtube.com

Sass Tutorial für Anfänger - CSS mit Superkräften

In diesem Sass-Tutorial für Anfänger lernen Sie die Grundlagen von Sass. Wir beginnen mit einem kurzen Überblick darüber, was Sass ist und was erforderlich ist, um Sass in Ihre Umgebung zu integrieren. Wir werden auch einen Sass-Compiler in Visual Studio Code einrichten. Sie lernen Sass-Variablen, Maps, Verschachtelungen, Funktionen, Mixins, Erweiterungen und Operationen kennen. Schließlich werden wir mit Sass bei einem realen Projekt (Portfolio-Website) von vorne beginnen. Wir werden jeden Teil Schritt für Schritt durchgehen und am Ende die Site bereitstellen.