SCSS Kurz und Knackig
3.9 (24 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
410 students enrolled
Wishlisted Wishlist

Please confirm that you want to add SCSS Kurz und Knackig to your Wishlist.

Add to Wishlist

SCSS Kurz und Knackig

In diesem Crashkurs bringe ich dir alle Grundlagen des populären CSS Präprozessors bei
3.9 (24 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
410 students enrolled
Created by Philipp Rost
Last updated 2/2017
German
Price: Free
Includes:
  • 1 hour on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • use CSS preprocessors
  • to compile SCSS into CSS
  • write clean SCSS
  • to write better CSS
View Curriculum
Requirements
  • CSS
  • HTML
Description

Willkommen in meinem Kurs

In meinem Kurs Modernes CSS mit SCSS/SASS wirst du den modernen und populären CSS Präprozessor kennenlernen und nicht mehr missen wollen. Du wirst lernen wie du unter anderem Mixins nutzt oder For-Schleifen und Funktionen. 

Warum solltest du SCSS oder Sass lernen?

Einen CSS Präprozessor in der Webentwicklung zu nutzen ist mittlerweile Standard und macht unser CSS überschaulicher, wiederverwendbarer und erweitert es um viele Funktionen. SCSS ist hierbei mit Abstand der bekannteste Präprozessor neben LESS und hat eine feste Community und viele Nutzer.

Kursinhalte:

  • Variablen
  • Interpolation
  • Mixins
  • Vererbung mit Extend
  • Nesting
  • Maps
  • If, for, each und while Schleifen/Directives
  • Funktionen
  • Imports und Partials

Außerdem

Gebe ich dir in einer Bonus Lektion wertvolle Tipps mit auf dem Weg die dir helfen werden deine CSS, SCSS, HTML und Javascript Skills zu verbessern.

Who is the target audience?
  • Beginners
  • Webdevelopers
  • Students
  • Webdesigner
  • Programmer
Students Who Viewed This Course Also Viewed
Curriculum For This Course
20 Lectures
01:13:17
+
Einführung
4 Lectures 05:44

Kurs Intro

Introduction
01:12

Was ist ein Präprozessor?
01:44

Was ist der Unterschied zwischen Sass und SCSS?
01:07

Wie führe ich diesen Kurs am besten durch und was benötige ich?
01:41
+
Variablen
2 Lectures 06:51

Variablen in SCSS und SASS fangen immer mit dem "$" Zeichen an. Anschließend gebt Ihr der Variable einen Namen und verwendet die ":" um einen Wert zuzuweisen. 

Bsp.: $variable : 100px;

Beachtet in SCSS müsst ihr Zeilen mit dem ";" abschließen in Sass dagegen nicht.

Variablen Deklarierung
04:57

Interpolation benötigt ihr wann immer ihr eure Variable irgendwo hinzufügen wollt, so zum Beispiel an einen Klassenselektor oder innerhalb eines Strings. 

Dafür verwendet ihr folgende Syntax: #{$variable}

Interpolation
01:54
+
Nesting
2 Lectures 08:03

Nesting erlaubt es euch eure Selektoren zu verschachteln um so die gleiche Struktur zu erhalten wie in eurem HTML Code.

Bsp.:

.klassenselector1{

           .klassenselektor2{

           

            }

}

Was ist Nesting und wie funktioniert Nesting in SCSS
05:19

Nesting von Properties
02:44
+
Mixins
1 Lecture 11:17
Mixins und Vendor Prefixes
11:17
+
Datentypen
2 Lectures 06:23
Numbers, Strings, Listen und Farben
03:13

Maps
03:10
+
Schleifen und Abfragen
3 Lectures 12:02
If-Bedingungen
02:53

For-Loop
04:09

While und Each Loops
05:00
+
Vererbung und Imports
3 Lectures 11:16
Extend Directive
02:39

Imports
06:44

Partials
01:53
+
Media Directives und Funktionen
2 Lectures 06:55
Media Directives
03:33

Funktionen
03:22
+
Bonus
1 Lecture 04:46
Inspirationen und Ideen finden
04:46
About the Instructor
Philipp Rost
3.9 Average rating
24 Reviews
410 Students
1 Course
Passionated Professional Software Developer

I'm a passionated software developer from Germany who is constantly eager to dive deeper into various topics such as Front End/Backend and Game Developing.

I always wanted to work in that professional field and I begun as 14 years old teenager to teach myself PHP and the markup language HTML as well as CSS. Back then the functionality of Javascript was limited to the front end. The fascinating way how javascript developed into something that huge and turned into something so widely spread, even to the Backend with NodeJS and with this immensely huge variety of frameworks such as jQuery, React and AngularJS is just breathtaking and keeps me constantly motivated. 

But I also love to motivate others to join my path in self learning skills that can be useful privately as well as in the industry. I always believed in the "Where there's a will there's a way" principle and I know personally that you can achieve what you desire if you work hard for it. I want to bring you and everyone who is interested in this particular skills to the same level as me and help you even to grow your skills with me together.

---------------------------------------------------------------------------------------------------------------------------

Ich bin ein leidenschaftlicher Software Entwickler aus Deutschland welcher wissbegierig danach strebt tiefer in verschiedene Themen wie die Front End Entwicklung/ Backend und Game Developing einzutauchen.

Ich wollte schon immer in diesem Bereich arbeiten und fing als 14 jähriger an mir selbst PHP und die Deklarierungssprache HTML sowie CSS beizubringen. Damals waren die Möglichkeiten mit Javascript noch auf das Front End begrenzt. Umso faszinierender ist es für mich wie sich Javascript innerhalb dieses kurzen Zeitraums zu etwas so großem entwickelt hat und so weit verbreitet. Die immense Anzahl an Frameworks wie jQuery, Angular und React raubt mir immer noch den Atem und hält mich stets motiviert.

Aber ich möchte natürlich auch euch dazu motivieren meinen Weg einzuschlagen und die gleichen Fähigkeiten zu erlangen. Aus eigener Erfahrung kann ich sagen wie schwer es manchmal ist, sich selbst alle diese Dinge beizubringen und am Ball zu bleiben. Dennoch kann ich behaupten das es machbar ist und man alles schaffen kann wenn nur der Wille da ist. Ich werde euch helfen meine Fähigkeiten die ich über viele Jahre hinweg mir selbst beigebracht habe, ebenso auch die Kenntnisse die ich während des Studiums erlangen durfte an euch verständnisvoll weiterzugeben. Außerdem möchte ich das ihr nicht an einem bestimmten Punkt stagniert oder hängen bleibt, vielmehr würde ich mich freuen wenn ihr mit mir zusammen in euren Fähigkeiten und Interessen wächst.