In diesem Kapitel wirst du die wichtigen Grundlagen über Sass und SCSS und deren Unterschiede erfahren.
Komplettkurs: Durchstarten mit Sass / SCSS
Lerne Sass / SCSS von der Kommandozeilen-Installation bis hin zur vollständigen Funktionsreferenz. Schritt für Schritt zu Profi - mit oder ohne Vorkenntnisse.
Nur noch bis 31.10. zu diesem Preis!
- Die wichtigsten Funktionen der Sass Kommandozeile
- Grafische-Oberflächen / GUI-Tools für die Kompilierung von Sass / SCSS
- Die Unterschiede zwischen Sass / SCSS
- Alle wichtigen Strukturen und Funktionen von Sass / SCSS wie z.B. Variablen, Nesting, Mixins, Funktionen uvm.
- Beispiele für die Verwendung von komplexeren Mixins und Schleifen
- Code-Debugging und Kontrolle mittels @debug, @warn und @error
+++ Sass / SCSS Kurs mit Referenzkarte & Erfolgsgarantie für alle Teilnehmer +++
Möchtest du lernen, wie du mittels Sass / SCSS deinem Code Superkräfte verleihen kannst? Sass / SCSS ist die ausgereifteste, stabilste meistverwendete und vor allem umfangreichste CSS-Erweiterungssprache / Stylesheet-Sprache der Welt.
Sass (Syntactically Awesome Stylesheets) ist eine Stylesheet-Sprache, die als CSS-Präprozessor, mit Variablen, Schleifen und vielen anderen Funktionen, die Cascading Style Sheets (CSS) nicht mitbringen, die Erstellung von CSS vereinfacht und die Pflege großer Stylesheets massiv erleichtert und beschleunigt.
Mit Sass / SCSS machst du deinem CSS-Code sprichwörtlich Feuer unter dem Hintern!
In diesem Kurs lernst du sämtliche Vorteile und Funktionen von Sass und SCSS an anschaulichen Beispielen und ganz praxisbezogen kennen. Für viele Einsteiger ist die Installation und Kommandozeile von Sass oft eine der größten Hürden. Deshalb erfährst du in dem Kurs Schritt für Schritt die Installation in einem extra Video für Windows und Mac OS.
Für Kommandozeilen-Muffel gibt es jedoch gleich mehrere Videos zu GUI-Tools / Compiler-Software, falls du lieber direkt mit einfacher Software statt der Kommandozeile arbeiten möchtest. So oder so – Dank der verständlichen und anschaulichen Schritt für Schritt Videos sind vormalige Hürden jetzt auf ein Minimum reduziert und du kannst selber entscheiden, wie du mit Sass / SCSS arbeiten möchtest.
Neben der Kommandozeile lernst du folgende populäre Sass-Compiler / Software kennen:
PhpStorm, CodeKit, Compass und ScoutApp.
Dieser Kurs „Durchstarten mit Sass / SCSS“ versteht sich als vollständige Lernreferenz und Komplettkurs. Du wirst neben allen Basics von Sass / SCSS auch viele erweiterte und fortgeschrittene Funktionen kennenlernen. Am Ende des Kurses wird es keine Funktionen mehr in Sass / SCSS geben, die dir noch unbekannt sind.
Aber keine Angst! Der Kurs ist so aufgebaut, dass sich die Funktionen Stück für Stück steigern. Bereits die ersten Kapitel werden dich in die Lage versetzen Sass / SCSS produktiv für deine eigenen Projekte einzusetzen. Alle Funktionen von Sass / SCSS sind dabei in einzelne Lektionen unterteilt, so kannst du jederzeit zu einzelnen Funktionen oder Strukturen „nachschlagen“ und dich bei Bedarf zielgerichtet informieren.
Im Kurs lernst du neben weiteren Bereichen folgende Kernfunktionen und Informationen kennen:
- Unterschied zwischen Sass und SCSS
- Einrichtung von Compiler-Software
- Einführung in die Kommandozeile
- Variablen
- Operatoren
- Nesting
- @extend
- Kommentare
- @import
- Mixins (@mixin / @include)
- @if / @else if – Conditional Logic
- @debug, @warn und @error
- Schleifen in Sass / SCSS: @for, @while und @each
- Funktionen in SCSS – SASS (z.B. lighten, darken, saturate, uvm.)
Deine Fragen werden beantwortet – versprochen!
Selbstverständlich bist du bei dem Kurs nicht auf dich alleine gestellt. Du kannst jederzeit Fragen über den Fragen & Antworten Bereich stellen. In der Regel erhältst du dort noch innerhalb eines Werktages (meist sogar innerhalb weniger Stunden) eine Rückmeldung auf deine Fragen.
Arbeitsmaterial
Alle relevanten Beispiele aus dem Kurs sind als Code-Vorlage beigelegt, so kannst du diese nicht nur einfach nachbauen, sondern auch jederzeit direkt mit dem Code aus den Vorlagen experimentieren.
Die Erfolgsgarantie & Geld-zurück-Versprechen
Ich bin von Sass und SCSS überzeugt und glaube fest daran, dass diese Stylesheet-Sprache deinen Workflow extrem optimieren wird und auch, dass du mit Hilfe dieses Kurses innerhalb von wenigen Stunden Sass effizient einsetzen kannst. Solltest du auf Probleme stoßen, stehe ich dir persönlich über den Fragen & Antworten Bereich zur Seite. Sollte dir der Kurs nicht gefallen oder falls du Probleme mit Sass / SCSS hast, kannst du den Kurs innerhalb von 30 Tagen nach Kauf ohne Wenn und Aber zurückgeben und erhältst den Kaufpreis erstattet.
Sass / SCSS Referenzkarte zum Ausdrucken
Mit dem Kurs erhältst du eine Sass / SCSS Referenzkarte mit den wichtigsten Strukturen und Funktionen. Diese kannst du ausdrucken (oder auch digital verwenden) und zum lernen an deinen Arbeitsplatz legen.
+++ Worauf wartest du noch? Dank Erfolgsgarantie & Geld-zurück-Versprechen hast du nichts zu verlieren aber alles zu gewinnen! Ich würde mich freuen, dich als Teilnehmer begrüßen zu dürfen. +++
Das wirst du lernen
- Die wichtigsten Funktionen der Sass Kommandozeile
- Grafische-Oberflächen / GUI-Tools für die Kompilierung von Sass / SCSS
- Die Unterschiede zwischen Sass / SCSS
- Alle wichtigen Strukturen und Funktionen von Sass / SCSS wie z.B. Variablen, Nesting, Mixins, Funktionen uvm.
- Beispiele für die Verwendung von komplexeren Mixins und Schleifen
- Code-Debugging und Kontrolle mittels @debug, @warn und @error
Bestehen für den Kurs bestimmte Anforderungen oder Voraussetzungen?
- Du solltest Grundlagenwissen in HTML und CSS mitbringen, da Sass / SCSS auf CSS aufsetzt
- Grundlegender Umgang mit Computern sollte kein Problem sein.
- KEINE weiteren Vorkenntnisse mit Kommandozeilen-Tools oder Compilern erforderlich.
Für wen eignet sich dieser Kurs:
- Du möchtest die Vorzüge von Sass / SCSS kennenlernen? Hier lernst du alle Funktionen Schritt für Schritt kennen.
- Du möchtest praxisorientiert und nicht nur theoretisch lernen? Ich arbeite ausschließlich mit gut nachvollziehbaren Beispielen aus der Praxis.
- Du weißt nicht, wo du bei Sass / SCSS anfangen sollst? Kein Problem ich zeige dir jedes Detail mit praktischen Beispielen und Schritt für Schritt.
- Du möchtest möglichst sofort mit Sass / SCSS bei Produktivprojekten durchstarten? Kein Problem! Der Kurs ist so aufgebaut, dass du direkt dein Wissen der ersten Videos in eigene Projekte einfließen lassen kannst.
Kapitel & Inhalte in diesem Kurs
Sass / SCSS Compiler installieren & einrichten
Weißt du was ein Sass Compiler ist? Nicht?! Kein Problem in diesem Kapitel erfährst du wie aus einer .scss oder .sass Datei die fertige .css Datei entsteht.
Lektionen
Software & Sass / SCSS Tools
In diesem Kapitel lernst du die Software kennen, mit welcher du Sass bzw. SCSS Code kompilieren kannst.
Lektionen
Durchstarten mit Sass / SCSS - Funktionsreferenzen
Diese Funktionsreferenz ist das Herzstück dieses Kurses; Hier lernst du Schritt für Schritt alle wichtigen Funktionen von Sass / SCSS kennen. Von der Schleife bis zur Variable ist alles dabei, was du für Sass Projekte benötigen könntest.
Lektionen
Sass Kommandozeile & zusätzliche Infos / Tipps
Sollen wir in den nächsten Gang hochschalten? Du kennst jetzt alle Funktionen und Grundlagen von Sass / SCSS. In diesem Kapitel erfährst du nun zusätzlich wie die Kommandozeile von Sass funktioniert, damit du für alle Eventualitäten gerüstet bist.
Lektionen
Sass / SCSS Referenzkarte
Wie war das nochmal? Brauchst du eine kleine Gedankenstütze? Hier findest du unsere Sass / SCSS Referenzkarte mit den wichtigsten Funktionen zum Ausdrucken für den Schreibtisch oder Schnell-Referenz in PDF-Form.