✅ Nowoczesny system szkoleniowy dla firm i zespołów! Zobacz ofertę

Zastanawiasz się jak zwiększyć motywację i zaangażowanie w swoim zespole? Poznaj nasz nowoczesny system szkoleniowy dla firm i zespołów. Dzięki skutecznemu systemowi motywacji aż 80% użytkowników kończy szkolenie! Twórz programy nauczania dopasowane nie tylko do specyfiki Twojej działalności, ale przede wszystkim do potrzeb działu, stanowiska czy konkretnego pracownika. Wybierz pakiet

✅ Ucz się o dowolnej porze i oglądaj szkolenia bez dostępu do Internetu w aplikacji mobilnej

Pobierz naszą aplikację mobilną strefakursów.pl i ucz się bez żadnych ograniczeń. Pobieraj kursy i lekcje na swoje urządzenie i oglądaj nawet bez dostępu do Internetu. Dla nowych użytkowników aplikacji mamy niespodziankę! Aby odebrać prezent musisz zezwolić aplikacji na wysyłanie powiadomień. Pobierz aplikację

Pomoc i kontakt

Koszyk

Zaloguj się

strefakursów.pl Programowanie

Produktywne tworzenie stron z LESS & SASS:Trailer

Twórz wspaniałe strony internetowe przy mniejszym nakładzie pracy

Produktywne tworzenie stron z LESS & SASS:Zmienne

Twórz wspaniałe strony internetowe przy mniejszym nakładzie pracy

Produktywne tworzenie stron z LESS & SASS:Domieszki w SASS

Twórz wspaniałe strony internetowe przy mniejszym nakładzie pracy

Produktywne tworzenie stron z LESS & SASS:Dyrektywa IF

Twórz wspaniałe strony internetowe przy mniejszym nakładzie pracy

DARMOWE FRAGMENTY

Ten kurs jest częścią ścieżki:

Web Designer

20953 użytkowników podnosi swoje kwalifikacje w tej ścieżce kariery.

Opinie użytkowników

Patryk Rutkowski

5.0

Świetny kurs. Warty kupna, ponieważ różnica w szybkości "tworzenia" kodu jest nieporównywalna do pisana czystego CSS. Auto przedstawia bardzo użyteczne techniki w przyśpieszeniu tworzenia kodu.

Jakub Szafarczyk

5.0

Kolejny kurs uzupełniający oraz utrwalający wiedzę w zakresie tworzenia stron w oparciu o Framework Bootstrap oraz technologię LESS i SASS. Świetny kurs by zaznajomić się z tymi powszechnie stosowanymi technologiami webowymi.

Zobacz wszystkie

Tworzysz strony internetowe i chcesz dowiedzieć się jak drastycznie przyspieszyć pracę nad dowolnym projektem?
Masz już dość ciągłego poprawiania i edytowania kiepsko napisanych arkuszy stylów?
Chcesz tworzyć nowoczesne strony z użyciem technologii, które są aktualnie na topie, a ich znajomość jest niezbędna praktycznie każdemu webmasterowi?
Chcesz zdobyć umiejętności, które sprawią, że zmienisz kompletnie swoje dotychczasowe podejście to tworzenia stron internetowych?

To szkolenie jest właśnie dla Ciebie!

Czego się nauczysz z tym kursem?

Nauczysz się wykorzystywać w praktyce niesamowite możliwości jakie oferują dwa najpopularniejsze preprocesory CSS czyli LESS oraz SASS. Dowiesz się na czym polega idea tych technologii oraz jakie korzyści mogą Ci zapewnić podczas kodowania stron internetowych.

Razem z autorem szkolenia wykonasz kompletny projekt nowoczesnej witryny i wyniesiesz swoje umiejętności na niespotykany wcześniej poziom. W pewnym momencie zaczniesz się zastanawiać jak można było kodować arkusze stylów w tradycyjny sposób czyli bez użycia preprocesorów.

LESS oraz SASS to rozszerzenia CSS, które niesamowicie ułatwiają tworzenie oraz modyfikowanie stylów. Aby z nich korzystać wystarczy znać podstawy CSS oraz pobrać darmowe biblioteki - dowiedz się więcej

Jaki projekt wykonamy w kursie?

Strona, którą stworzysz oparta jest na nowoczesnych rozwiązaniach i na duża skalę wykorzystuje możliwości oferowane przez HTML5, CSS3, LESS/SASS oraz jQuery.

W pełni responsywny układ, który dopasowuje się do urządzenia użytkownika.
Przejrzysta i łatwa do utrzymania struktura arkusza stylów stworzona w oparciu o preprocesory CSS.
Kolory i właściwości tekstu oparte na zmiennych: 30 sekund pracy pozwoli kompletnie zmienić wygląd całej witryny!
Mobilne menu uruchamiane automatycznie na mniejszych urządzeniach.
Animacje oparte na popularnej i bardzo łatwej w użyciu bibliotece Animate.css
Aż dwa różne slidery oparte na darmowych rozwiązaniach (bxSlider oraz Owl Carousel)
Modułowa struktura całej strony, która umożliwia łatwą adaptację do różnych celów.
Wykorzystanie kilku pomocniczych skryptów, które z pewnością znajdą zastosowania w twoich własnych projektach.
Ikony bazujące na Font Awesome
Tekst oparty na Google Fonts.

Co zawiera to szkolenie?

12 godzin filmów prowadzonych przez doświadczonego webmastera.
Ponad 110 lekcji – więcej niż jakakolwiek inna pozycja na temat LESS/SASS.
Wszystkie niezbędne pliki i materiały. Każdą czynność pokazaną przez autora możesz bez problemu powtórzyć oraz przećwiczyć.
Kompletny projekt strony, który możesz wykorzystać do nauki albo w dowolnym innym celu.

Co jeszcze powinieneś wiedzieć?

Do komfortowej pracy z kursem potrzebna jest podstawowa znajomość HTML oraz CSS. Do pisania kodu w kursie użyty został program Sublime Text 2 ale można go bez problemu zastąpić innymi edytorami.

HTML

CSS

LESS

SASS

ZOBACZ WIĘCEJ

-45% z kodem: SKILLUP

Taniej tylko do środy!

Ekspresowe tworzenie stron z Bootstrap & LESS

Produktywne tworzenie stron z LESS & SASS

228 recenzji

Poziom Średniozaawansowany

113 wykładów

4.9

99zł

Razem do zapłaty

109 zł

-45% 198 zł

+1584 punktów premium

KUP W PAKIECIE

Nie wiesz od czego zacząć naukę?

Chętnie pomożemy! Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji.

Rozpocznij teraz

Program nauczania

1 Wprowadzenie

Powitanie 1m 09s

Jak korzystać z plików 1m 42s

Co to jest preprocesor CSS 7m 16s

Jak działa LESS/SASS 6m 01s

Wybór właściwego edytora 6m 22s

2 LESS - podstawy

Kompilacja za pomocą biblioteki JS 4m 40s

Kompilacja za pomocą WinLess 9m 07s

Zmienne Podgląd 5m 17s

Mixins - Domieszki 4m 29s

Zagnieżdżanie 4m 58s

Przydatne operacje 6m 29s

Korzystanie z funkcji 6m 16s

3 LESS - techniki zaawansowane

Domieszki z parametrami 4m 41s

Domieszki z parametrami - kontynuacja 6m 11s

Dopasowanie do wzorca 4m 20s

Zagnieżdżanie - pseudoklasy 4m 07s

Pseudoklasa Extend 4m 58s

4 SASS - podstawy

Kompilacja SASS 7m 28s

Zmienne w SASS 3m 54s

Domieszki w SASS Podgląd 4m 49s

Domieszki parametryczne 7m 57s

Użycie zagnieżdżania 3m 46s

Funkcje wbudowane 5m 12s

5 SASS - zagadnienia zaawansowane

Definiowanie funkcji 7m 01s

Listy 4m 22s

Współdzielenie właściwości - polecenie Extend 6m 00s

Placeholder 4m 45s

Dyrektywa IF Podgląd 6m 04s

Pętla EACH 6m 23s

Pętla FOR 6m 18s

Pętla WHILE 6m 07s

Import 6m 14s

Formatowanie wyjściowego CSS 4m 52s

6 Kompletna strona z użyciem preprocesora

Projekt, który stworzymy 5m 11s

Podstawowa struktura 3m 37s

7 Zawartość strony

Tworzymy górny pasek 10m 10s

Dodajemy zawartość slidera 7m 45s

Dodajemy sekcję usługi 6m 15s

Tworzymy portfolio 9m 52s

Tworzymy kolejną sekcję 3m 40s

Dodajemy element wideo 6m 04s

Sekcja Nasze zalety 5m 22s

Statystyki i parallax 6m 13s

Sekcja Nasz zespół 6m 44s

Sekcja Opinie klientów 5m 04s

Stopka cz. 1 6m 26s

Stopka cz. 2 5m 18s

8 Struktura stylów

Jak wykorzystać możliwości LESS 4m 44s

Tworzymy strukturę plików 9m 51s

Reset stylów 4m 10s

Definiowanie bazowych kolorów 4m 50s

Pozostałe kolory 7m 00s

Domieszki - pozycjonowanie i widoczność 6m 56s

Domieszki - rozmiary i obramowania 8m 44s

Domieszki - clearfix, ukrywanie i narożniki 6m 10s

Domieszki - przejścia i nakładki 7m 27s

9 Struktura stylów - kontynuacja

Fonty Google 3m 28s

Typografia - zmienne i domieszki 7m 07s

Typografia - style tekstu 6m 59s

Media queries w LESS 5m 39s

Semantic GS - podstawa siatki kolumn 8m 00s

Układ dla różnych urządzeń cz.1 4m 55s

Układ dla różnych urządzeń cz.2 8m 35s

Kontener, obrazki oraz odnośniki 5m 49s

Pozostałe bazowe style 5m 42s

Style przycisków 4m 46s

10 Style dla nagłówka i slidera

Nagłówek - podstawowe style 7m 58s

Nagłówek - style dla menu 9m 18s

Slicknav - skrypt menu mobilnego 7m 00s

Inicjalizacja skryptu menu 11m 26s

Nadpisywanie stylów menu 11m 17s

bxSlider - główny slider na stronie 6m 49s

Ładowanie obrazków do slidera 8m 23s

Podstawowe style slidera 10m 37s

Slider - ostatnie poprawki 5m 02s

Plugin Images loaded - ładowanie obrazków 7m 11s

11 Sekcja Usługi oraz Portfolio

Style dla sekcji Usługi 9m 18s

Owl Carousel - slider dla portfolio 12m 07s

Portfolio - wstępne style 9m 52s

Portfolio - style dla detali 9m 34s

Portfolio - dodajemy efekt hover 7m 19s

12 Środkowa część witryny

Najkrótsza część projektu 3m 13s

Sekcja Wideo - wstępne style 10m 08s

Sekcja Wideo - nagłówek oraz przycisk 5m 07s

Pasek poniżej wideo 7m 17s

Sekcja Nasze zalety - układ dla urządzeń 7m 21s

Sekcja Nasze zalety - różne style 5m 11s

Statystyki - skrypt (countTo) 7m 22s

Statystyki - definiowanie stylów 5m 31s

Baner z efektem parallax - wstęp 7m 38s

Baner z efektem parallax - style 4m 21s

13 Style dolnej części strony

Nasz zespół - ogólne style 5m 27s

Nasz zespół - style dla profilu 4m 25s

Nasz zespół - ikony social 5m 15s

Konfiguracja slidera z opiniami 5m 07s

Slider z opiniami - style 8m 24s

Stopka - style podstawowe 6m 10s

Stopka - kolumna O nas 6m 27s

Stopka - kolumna Nasz blog 6m 51s

Stopka - kolumna Galeria 4m 30s

Stopka - kolumna Linki 5m 36s

Końcowa sekcja "Copyright" 3m 58s

14 Finalizowanie projektu

Nadpisujemy style dla kontrolek slidera cz.1 4m 43s

Nadpisujemy style dla kontrolek slidera cz.2 5m 13s

Biblioteka Animate - łatwe animacje w CSS 6m 03s

Skrypt Viewport Checker 7m 12s

Dodawanie animacji do slidera 5m 03s

Finalny skrypt animacji 10m 08s

Rozwiązanie problemu z kontrolkami slidera 4m 10s

Plugin wideo cz.1 4m 05s

Plugin wideo cz.2 6m 41s

Finalny projekt - kompilacja 4m 57s

Pożegnanie 0m 27s

Ocena uczestników

53201 użytkowników oceniło i zrecenzowało szkolenia strefakursów.pl

Średnia ocena uczestników w niezależnym serwisie Google to 4.9/5 ⭐⭐⭐⭐⭐ z 2800 wszystkich opinii.

91%

Recenzje użytkowników (228)

Kamil Świokło

28 marca 2025

5.0

teraz będzie mi się zdecydowanie efektywniej pracować, dziękuję ;)

Michał Hader

10 lutego 2025

5.0

Super.

Sebastian Gąsior

16 grudnia 2024

5.0

Super kurs

Tomasz Garbacz

1 grudnia 2024

5.0

Podoba mi się

Piotr Woźniak

22 października 2024

5.0

Ciekawy kurs, szczególnie ze względu na bardzo przydatne pluginy.

WIĘCEJ RECENZJI

Najczęściej zadawane pytania

Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to wideoporadniki przygotowane przez zespół naszych specjalistów. Twoje uczestnictwo w szkoleniu polega na tym, że otrzymujesz dostęp do wykładów wideo oraz innych materiałów szkoleniowych za pośrednictwem platformy szkoleniowej zaraz po zalogowaniu się na swoje konto. Konto jest bezpłatne i możesz założyć je w dowolnym momencie lub w trakcie dokonywania pierwszego zakupu w serwisie strefakursów.pl. Materiały, do których otrzymasz dostęp pozwolą Ci rozwinąć się zawodowo i podnieść Twoje kwalifikacje. Każdy kurs przepełniony jest praktyczną wiedzą, która ułatwi Ci osiągnięcie wymarzonych życiowych celów. Zdobytą wiedzę i postępy w nauce możesz w łatwy sposób zweryfikować za pomocą licznych testów i ćwiczeń dołączonych do każdego kursu.

Czy otrzymam certyfikat ukończenia szkolenia i jaką ma on formę?

Do każdego ukończonego przez Ciebie szkolenia wystawiamy imienny certyfikat. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i nazwa instytucji certyfikującej. Warto podkreślić, że jesteśmy wpisani do Rejestru Instytucji Szkoleniowych (nr wpisu 2.12/00119/2017).

Certyfikat możesz wydrukować lub opublikować w Internecie za pośrednictwem specjalnego odnośnika np. na LinkedIn lub innych portalach społecznościowych . Jak również dołączyć do swojego CV.

Czy otrzymam fakturę VAT za zamówienie?

Tak, do każdego zamówienia mamy obowiązek wystawić fakturę VAT (23%) lub paragon. Rodzaj dokumentu zależy od danych, które podasz w formularzu podczas składania zamówienia. Faktury zwykle wystawiamy do 3 dni roboczych od momentu zaksięgowania wpłaty. Poinformujemy Cię o tym fakcie mailowo, a dokument będzie można pobrać bezpośrednio z poziomu zakładki Historia zamówień na Twoim koncie w strefakursów.pl. Jeśli potrzebujesz proformy do opłacenia zamówienia, złóż zamówienie zaznaczając w formularzu pole "Chcę otrzymać dokument proforma" lub skontaktuj się z nami telefonicznie bądź mailowo (biuro@strefakursow.pl).

Zakup w aplikacji mobilnej strefakursów.pl, a faktura

Zakup w App Store(iOS)

Gdy dokonujesz zakupu w aplikacji strefakursów.pl na iOS za pośrednictwem Apple Pay sprzedawcą jest Apple. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:

Otwórz Ustawienia na iPhone
Kliknij swoje imię i nazwisko na górze ekranu, aby przejść do ustawień Apple ID.
Wybierz Multimedia i zakupy > Pokaż konto.
Przewiń w dół i wybierz Historia zakupów.
Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły oraz możliwość pobrania faktury.

Możesz również pobrać dokument przez stronę Apple. Przejdź pod ten adres: https://reportaproblem.apple.com/, następnie zaloguj się swoim Apple ID, znajdź zakup na liście i kliknij, aby zobaczyć szczegóły i ewentualnie pobrać dokument. Apple zwykle wystawia fakturę jako dostawca usług cyfrowych. Jeśli potrzebujesz faktury VAT, możesz skontaktować się z pomocą techniczną Apple, aby uzyskać dodatkowe informacje na temat zgodności faktury z przepisami w Twoim kraju.

Zakup w Google Play(Android)

Gdy dokonujesz zakupu w aplikacji strefakursów.pl na Android za pośrednictwem Google Pay sprzedawcą jest Google. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:

Otwórz aplikację Google Play.
Kliknij ikonę swojego profilu w prawym górnym rogu.
Wybierz Płatności i subskrypcje > Historia zakupów.
Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły. Jeśli chcesz pobrać fakturę, kliknij przycisk Faktura (jeśli jest dostępny).

Możesz również znaleźć fakturę na stronie Google Pay. Przejdź pod ten adres: pay.google.com i zaloguj się na swoje konto Google, z którego dokonano zakupu. W sekcji Aktywność znajdziesz wszystkie transakcje dokonane w Google Play. Kliknij daną transakcję, aby zobaczyć szczegóły i pobrać fakturę.

Czy dostęp do szkolenia jest ograniczony czasowo?

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów. Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl, możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Ksawery Kargól

Full Stack Developer

4.9

(228 ocen)

Produktywne tworzenie stron z LESS & SASS

Q: ✅ Dożywotni dostęp do szkolenia i możliwość powtarzania materiału w dowolnym miejscu i czasie.

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów . Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl , możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Q: ✅ Nie wiesz od czego zacząć naukę? Chętnie pomożemy!

W naszej ofercie znajdują się setki kursów online, jeśli nie wiesz od czego zacząć naukę zaufaj naszemu doświadczeniu. Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji. Rozpocznij teraz

Twórz wspaniałe strony internetowe przy mniejszym nakładzie pracy

Kto pyta nie błądzi! Zobacz Najczęściej zadawane pytania

Rozpocznij naukę teraz za darmo, zapłać w ciągu 30 dni z lub – Jak to działa?

Dożywotni, nielimitowany dostęp do kursu

99zł

Kup teraz za 54,45 zł z kodem: SKILLUP Pozostało:

(przy zakupach za minimum 99 zł)

Oferta dla firm i zespołów

To szkolenie obejmuje:

Nielimitowany dostęp online

Certyfikat ukończenia

12 godzin szkolenia

113 wykładów

Poziom: Średniozaawansowany

Rekomendacje na LinkedIn

Napisy dostępne w językach:
polski, angielski, ukraiński

Dostęp w aplikacji mobilnej

Powiązane tematy:

Ten kurs jest częścią ścieżki

4.8

Web Designer

Twórz atrakcyjne i funkcjonalne strony internetowe z użyciem nowoczesnych technik. Opanuj kluczowe podstawy, niezbędne narzędzia i zacznij tworzyć wspaniałe strony!

754 wykładów

20953 uczestników

Dowiedz się więcej