{"id":14595,"date":"2021-09-12T10:35:07","date_gmt":"2021-09-12T08:35:07","guid":{"rendered":"https:\/\/www.bajorat-media.com\/?post_type=kurse&#038;p=14595"},"modified":"2021-10-21T11:13:31","modified_gmt":"2021-10-21T09:13:31","slug":"get-started-with-sass-scss","status":"publish","type":"kurse","link":"https:\/\/www.bajorat-media.com\/en\/courses\/get-started-with-sass-scss\/","title":{"rendered":"Take off with Sass \/ SCSS"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8220;1&#8243; disabled_on=&#8220;off|off|off&#8220; admin_label=&#8220;Header&#8220; _builder_version=&#8220;4.11.3&#8243; _module_preset=&#8220;5686f541-a4a9-4868-af98-d67da22a508d&#8220; hover_enabled=&#8220;0&#8243; saved_tabs=&#8220;all&#8220; global_colors_info=&#8220;{}&#8220; sticky_enabled=&#8220;0&#8243;][et_pb_row _builder_version=&#8220;3.25&#8243; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;3.25&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220;][et_pb_text _builder_version=&#8220;4.10.8&#8243; _dynamic_attributes=&#8220;content&#8220; _module_preset=&#8220;b9f442f4-b048-485e-ae5e-d5bde1104a6a&#8220; global_colors_info=&#8220;{}&#8220;]@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF90aXRsZSIsInNldHRpbmdzIjp7ImJlZm9yZSI6IjxzcGFuIGNsYXNzPVwiaDNcIj5VbnNlcmUgS3Vyc2U8L3NwYW4+PGgxPiIsImFmdGVyIjoiPC9oMT4ifX0=@[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8220;1&#8243; _builder_version=&#8220;4.10.5&#8243; _module_preset=&#8220;default&#8220; custom_padding=&#8220;||0px|||&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_row column_structure=&#8220;1_2,1_2&#8243; _builder_version=&#8220;4.11.0&#8243; _module_preset=&#8220;default&#8220; max_width=&#8220;1085px&#8220; module_alignment=&#8220;center&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;1_2&#8243; _builder_version=&#8220;4.11.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_text _builder_version=&#8220;4.11.0&#8243; _module_preset=&#8220;38be5576-73c4-4040-aefa-5423521f93da&#8220; custom_margin=&#8220;|||441px|false|false&#8220; global_colors_info=&#8220;{}&#8220;]<\/p>\n<header class=\"entry-header\">\n<h2 class=\"entry-title\">Durchstarten mit Sass \/ SCSS<\/h2>\n<\/header>\n<div class=\"entry-content\">\n<div class=\"vc_row wpb_row vc_row-fluid\">\n<div class=\"wpb_column vc_column_container vc_col-sm-6\">\n<div class=\"vc_column-inner\">\n<div class=\"wpb_wrapper\">\n<div class=\"wpb_text_column wpb_content_element \">\n<div class=\"wpb_wrapper\">\n<p><strong>M\u00f6chtest Du lernen, wie Du mittels Sass \/ SCSS Deinem Code Superkr\u00e4fte verleihen kannst?<br \/><\/strong>Sass \/ SCSS ist die ausgereifteste, stabilste meistverwendete und vor allem umfangreichste CSS-Erweiterungssprache \/\u00a0Stylesheet-Sprache der Welt.<\/p>\n<p><strong>Sass<\/strong>\u00a0(<strong>S<\/strong>yntactically\u00a0<strong>A<\/strong>wesome\u00a0<strong>S<\/strong>tylesheets) ist eine Stylesheet-Sprache, die als CSS-Pr\u00e4prozessor, mit Variablen, Schleifen und vielen anderen Funktionen, die Cascading Style Sheets (CSS) nicht mitbringen, die Erstellung von CSS vereinfacht und die Pflege gro\u00dfer Stylesheets massiv erleichtert und beschleunigt.<\/p>\n<p>Mit\u00a0<strong>Sass \/ SCSS<\/strong>\u00a0machst Du Deinem CSS-Code sprichw\u00f6rtlich Feuer unter dem Hintern!<\/p>\n<p>In diesem Kurs lernst Du s\u00e4mtliche Vorteile und Funktionen von Sass und SCSS an anschaulichen Beispielen und ganz praxisbezogen kennen. F\u00fcr viele Einsteiger ist die Installation und Kommandozeile von Sass oft eine der gr\u00f6\u00dften H\u00fcrden. Deshalb erf\u00e4hrst Du in dem Kurs Schritt f\u00fcr Schritt die Installation in einem extra Video f\u00fcr Windows und Mac OS.<\/p>\n<p>F\u00fcr 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\u00f6chtest. So oder so \u2013\u00a0Dank der verst\u00e4ndlichen und anschaulichen Schritt f\u00fcr Schritt Videos sind vormalige\u00a0H\u00fcrden jetzt auf ein Minimum reduziert und Du kannst selber entscheiden, wie Du mit Sass \/ SCSS arbeiten m\u00f6chtest.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8220;1_2&#8243; _builder_version=&#8220;4.10.5&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_code _builder_version=&#8220;4.10.7&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;]<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/_FlbA-Su84Y\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>[\/et_pb_code][et_pb_text _builder_version=&#8220;4.11.0&#8243; _module_preset=&#8220;38be5576-73c4-4040-aefa-5423521f93da&#8220; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><strong>Informationen zum Kurs \/ Video-Training:<\/strong><br \/>Autor: Pascal Bajorat<br \/>Verlag: Bajorat Media<\/p>\n<p>Kurs-Preis:\u00a0<del>94,99\u20ac inkl. MwSt<\/del>.<br \/>Aktuelles Angebot f\u00fcr 29,99\u20ac inkl. MwSt.<strong><\/strong><\/p>\n<p>[\/et_pb_text][et_pb_button button_url=&#8220;https:\/\/store.bajorat-media.com\/kurs\/komplettkurs-durchstarten-mit-sass-scss\/?utm_source=bajorat-media.com&#038;utm_medium=link&#038;utm_campaign=publications&#8220; url_new_window=&#8220;on&#8220; button_text=&#8220;Jetzt Kurs Webseite besuchen&#8220; _builder_version=&#8220;4.11.2&#8243; _module_preset=&#8220;a9b497e8-689a-4b57-b697-0be25d7fccd5&#8243; global_colors_info=&#8220;{}&#8220;][\/et_pb_button][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8220;1_2,1_2&#8243; _builder_version=&#8220;4.11.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;1_2&#8243; _builder_version=&#8220;4.11.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_image src=&#8220;https:\/\/www.bajorat-media.com\/wp-content\/uploads\/2021\/09\/Durchstarten-mit-Sass-SCSS.png&#8220; alt=&#8220;Durchstarten mit Sass SCSS&#8220; title_text=&#8220;Durchstarten mit Sass SCSS&#8220; _builder_version=&#8220;4.10.7&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][\/et_pb_image][et_pb_text _builder_version=&#8220;4.11.0&#8243; _module_preset=&#8220;38be5576-73c4-4040-aefa-5423521f93da&#8220; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><strong>Neben der Kommandozeile lernst Du folgende popul\u00e4re Sass-Compiler \/ Software kennen:<\/strong><br \/>PhpStorm, CodeKit, Compass und ScoutApp.<\/p>\n<p>Dieser Kurs \u201eDurchstarten mit Sass \/ SCSS\u201c versteht sich als\u00a0<strong>vollst\u00e4ndige Lernreferenz und Komplettkurs<\/strong>.\u00a0<strong>Du wirst neben allen\u00a0Basics von Sass \/ SCSS auch viele erweiterte und fortgeschrittene Funktionen kennenlernen.<\/strong>\u00a0Am Ende des Kurses wird es keine Funktionen mehr in Sass \/ SCSS geben, die Dir noch unbekannt sind.<\/p>\n<p>Aber keine Angst! Der Kurs ist so aufgebaut, dass sich die Funktionen St\u00fcck f\u00fcr St\u00fcck steigern. Bereits die ersten Kapitel werden Dich in die Lage versetzen Sass \/ SCSS produktiv f\u00fcr Deine eigenen Projekte einzusetzen. Alle Funktionen von Sass \/ SCSS sind dabei in einzelne Lektionen unterteilt, so kannst Du jederzeit zu einzelnen Funktionen oder Strukturen \u201enachschlagen\u201c und Dich bei Bedarf zielgerichtet informieren.<\/p>\n<p>Im Kurs lernst Du neben weiteren Bereichen folgende Kernfunktionen und Informationen kennen:<\/p>\n<ul>\n<li>Unterschied zwischen Sass und SCSS<\/li>\n<li>Einrichtung von Compiler-Software<\/li>\n<li>Einf\u00fchrung in die Kommandozeile<\/li>\n<li>Variablen<\/li>\n<li>Operatoren<\/li>\n<li>Nesting<\/li>\n<li>@extend<\/li>\n<li>Kommentare<\/li>\n<li>@import<\/li>\n<li>Mixins (@mixin \/ @include)<\/li>\n<li>@if \/ @else if \u2013 Conditional Logic<\/li>\n<li>@debug, @warn und @error<\/li>\n<li>Schleifen in Sass \/ SCSS: @for, @while und @each<\/li>\n<li>Funktionen in SCSS \u2013 SASS (z.B. lighten, darken, saturate, uvm.)<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8220;1_2&#8243; _builder_version=&#8220;4.11.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_text _builder_version=&#8220;4.11.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><strong>Deine Fragen werden beantwortet \u2013 versprochen!<\/strong><\/p>\n<p>Selbstverst\u00e4ndlich bist Du bei dem Kurs nicht auf Dich alleine gestellt. Du kannst jederzeit Fragen \u00fcber den Fragen &amp; Antworten Bereich stellen. In der Regel erh\u00e4ltst Du dort noch innerhalb eines Werktages (meist sogar innerhalb weniger Stunden) eine R\u00fcckmeldung auf Deine Fragen.<\/p>\n<p><strong>Arbeitsmaterial<\/strong><br \/>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.<\/p>\n<p><strong>Die Erfolgsgarantie &amp; Geld-zur\u00fcck-Versprechen<br \/><\/strong>Ich bin\u00a0von Sass und SCSS \u00fcberzeugt und glaube fest daran, dass diese Stylesheet-Sprache Deinen Workflow extrem optimieren wird und\u00a0auch, dass Du mit Hilfe dieses Kurses innerhalb von wenigen Stunden Sass effizient einsetzen kannst. Solltest Du auf Probleme sto\u00dfen, stehe ich Dir pers\u00f6nlich \u00fcber den Fragen &amp; 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\u00fcckgeben und erh\u00e4ltst den Kaufpreis erstattet.<\/p>\n<p><strong>Sass \/\u00a0SCSS Referenzkarte zum Ausdrucken<\/strong><br \/>Mit dem Kurs erh\u00e4ltst 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.<\/p>\n<p><strong>Informationen zum Kurs \/ Video-Training:<\/strong><br \/>Autor: Pascal Bajorat<br \/>Verlag: Bajorat Media<\/p>\n<p>Kurs-Preis:\u00a0<del>94,99\u20ac inkl. MwSt<\/del>.<br \/>Aktuelles Angebot f\u00fcr 29,99\u20ac inkl. MwSt.<strong><\/strong><\/p>\n<p>[\/et_pb_text][et_pb_button button_url=&#8220;https:\/\/store.bajorat-media.com\/kurs\/komplettkurs-durchstarten-mit-sass-scss\/?utm_source=bajorat-media.com&#038;utm_medium=link&#038;utm_campaign=publications&#8220; url_new_window=&#8220;on&#8220; button_text=&#8220;Jetzt Kurs Webseite besuchen&#8220; _builder_version=&#8220;4.11.2&#8243; _module_preset=&#8220;a9b497e8-689a-4b57-b697-0be25d7fccd5&#8243; global_colors_info=&#8220;{}&#8220;][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8220;1&#8243; custom_padding_last_edited=&#8220;on|desktop&#8220; prev_background_color=&#8220;#ffffff&#8220; disabled_on=&#8220;off|off|off&#8220; admin_label=&#8220;Footer&#8220; module_id=&#8220;footer-contact&#8220; _builder_version=&#8220;4.11.3&#8243; _module_preset=&#8220;default&#8220; use_background_color_gradient=&#8220;on&#8220; background_color_gradient_start=&#8220;rgba(30,143,229,0.8)&#8220; background_color_gradient_end=&#8220;rgba(33,117,155,0.9)&#8220; background_color_gradient_direction=&#8220;130deg&#8220; background_color_gradient_overlays_image=&#8220;on&#8220; background_image=&#8220;https:\/\/www.bajorat-media.com\/wp-content\/uploads\/2021\/06\/ueber-uns-factory-berlin.jpg&#8220; background_enable_image=&#8220;off&#8220; custom_padding=&#8220;16vw||7vw||false|false&#8220; custom_padding_tablet=&#8220;100px||100px||true&#8220; custom_padding_phone=&#8220;||||true&#8220; top_divider_style=&#8220;ramp2&#8243; top_divider_height=&#8220;250px&#8220; top_divider_flip=&#8220;vertical&#8220; top_divider_height_tablet=&#8220;150px&#8220; top_divider_height_phone=&#8220;110px&#8220; top_divider_height_last_edited=&#8220;on|phone&#8220; global_module=&#8220;15280&#8243; saved_tabs=&#8220;all&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_row module_class=&#8220; et_pb_row_fullwidth&#8220; _builder_version=&#8220;3.25&#8243; _module_preset=&#8220;default&#8220; width=&#8220;89%&#8220; width_tablet=&#8220;80%&#8220; width_phone=&#8220;&#8220; width_last_edited=&#8220;on|desktop&#8220; max_width=&#8220;89%&#8220; max_width_tablet=&#8220;80%&#8220; max_width_phone=&#8220;&#8220; max_width_last_edited=&#8220;on|desktop&#8220; custom_margin_phone=&#8220;|||&#8220; custom_margin_last_edited=&#8220;off|desktop&#8220; custom_padding=&#8220;|||&#8220; make_fullwidth=&#8220;on&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;3.25&#8243; _module_preset=&#8220;default&#8220; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220;][et_pb_text _builder_version=&#8220;4.10.5&#8243; _module_preset=&#8220;3930226d-e9ff-4d87-bef4-1be8103c6a44&#8243; text_font=&#8220;||||||||&#8220; header_font=&#8220;||||||||&#8220; header_2_font=&#8220;Roboto|500|||||||&#8220; header_2_text_color=&#8220;#FFFFFF&#8220; header_2_font_size=&#8220;50px&#8220; header_2_line_height=&#8220;1.4em&#8220; header_3_font=&#8220;Roboto|700||on|||||&#8220; header_3_text_align=&#8220;center&#8220; header_3_text_color=&#8220;#ffffff&#8220; header_3_font_size=&#8220;24px&#8220; header_3_letter_spacing=&#8220;5px&#8220; header_3_line_height=&#8220;2em&#8220; text_orientation=&#8220;center&#8220; background_layout=&#8220;dark&#8220; max_width=&#8220;850px&#8220; module_alignment=&#8220;center&#8220; custom_margin=&#8220;|||&#8220; custom_padding=&#8220;|||&#8220; text_font_size_last_edited=&#8220;off|desktop&#8220; header_2_font_size_tablet=&#8220;40px&#8220; header_2_font_size_phone=&#8220;32px&#8220; header_2_font_size_last_edited=&#8220;on|desktop&#8220; header_3_font_size_tablet=&#8220;16px&#8220; header_3_font_size_phone=&#8220;14px&#8220; header_3_font_size_last_edited=&#8220;on|phone&#8220; global_colors_info=&#8220;{}&#8220;]<\/p>\n<h3>Haben wir Ihr Interesse geweckt?<\/h3>\n<h2>Lassen Sie uns gemeinsam Ihr Projekt angehen!<\/h2>\n<p>[\/et_pb_text][et_pb_button button_url=&#8220;@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjEzNzA5In19@&#8220; button_text=&#8220;Kontaktieren Sie uns!&#8220; button_alignment=&#8220;center&#8220; _builder_version=&#8220;4.10.8&#8243; _dynamic_attributes=&#8220;button_url&#8220; _module_preset=&#8220;a9b497e8-689a-4b57-b697-0be25d7fccd5&#8243; button_letter_spacing_hover=&#8220;5.5px&#8220; global_colors_info=&#8220;{}&#8220; button_text_size__hover_enabled=&#8220;off&#8220; button_one_text_size__hover_enabled=&#8220;off&#8220; button_two_text_size__hover_enabled=&#8220;off&#8220; button_text_color__hover_enabled=&#8220;off&#8220; button_one_text_color__hover_enabled=&#8220;off&#8220; button_two_text_color__hover_enabled=&#8220;off&#8220; button_border_width__hover_enabled=&#8220;off&#8220; button_one_border_width__hover_enabled=&#8220;off&#8220; button_two_border_width__hover_enabled=&#8220;off&#8220; button_border_color__hover_enabled=&#8220;off&#8220; button_one_border_color__hover_enabled=&#8220;off&#8220; button_two_border_color__hover_enabled=&#8220;off&#8220; button_border_radius__hover_enabled=&#8220;off&#8220; button_one_border_radius__hover_enabled=&#8220;off&#8220; button_two_border_radius__hover_enabled=&#8220;off&#8220; button_letter_spacing__hover_enabled=&#8220;off|hover&#8220; button_letter_spacing__hover=&#8220;2px&#8220; button_one_letter_spacing__hover_enabled=&#8220;off&#8220; button_two_letter_spacing__hover_enabled=&#8220;off&#8220; button_bg_color__hover_enabled=&#8220;off&#8220; button_one_bg_color__hover_enabled=&#8220;off&#8220; button_two_bg_color__hover_enabled=&#8220;off&#8220;][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sass \/ SCSS is the most mature, stable most used and most importantly the most comprehensive CSS extension \/ stylesheet language in the world.<\/p>","protected":false},"featured_media":14611,"menu_order":0,"template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"1080","inline_featured_image":false,"footnotes":""},"class_list":["post-14595","kurse","type-kurse","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.bajorat-media.com\/en\/wp-json\/wp\/v2\/kurse\/14595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bajorat-media.com\/en\/wp-json\/wp\/v2\/kurse"}],"about":[{"href":"https:\/\/www.bajorat-media.com\/en\/wp-json\/wp\/v2\/types\/kurse"}],"version-history":[{"count":15,"href":"https:\/\/www.bajorat-media.com\/en\/wp-json\/wp\/v2\/kurse\/14595\/revisions"}],"predecessor-version":[{"id":15712,"href":"https:\/\/www.bajorat-media.com\/en\/wp-json\/wp\/v2\/kurse\/14595\/revisions\/15712"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bajorat-media.com\/en\/wp-json\/wp\/v2\/media\/14611"}],"wp:attachment":[{"href":"https:\/\/www.bajorat-media.com\/en\/wp-json\/wp\/v2\/media?parent=14595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}