TE RABATY TO NIE WYDMUSZKI!     |      DO -75% NA WSZYSTKIE KURSY       |      OGRANICZONE CZASOWO!
Pomoc i kontakt
Koszyk
Twój koszyk jest pusty. Wypełnij go wiedzą i zdobądź nowe umiejętności!
Nie wiesz od czego zacząć?
Zobacz nowości
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

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

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?

Responsywny projekt strony WWW

Jaki projekt wykonamy w kursie?

Struktura projektu
  • 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

  • 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.

Kod źródłowy

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.

HTML5
HTML
CSS3
CSS
LESS
LESS
SASS
SASS
ZOBACZ WIĘCEJ

Kup w pakiecie i oszczędź dodatkowe 10%

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
user-image user-image user-image user-image user-image user-image

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

Google logo

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

5 4.9 215
4.9
91%
8%
1%
0%
0%
Recenzje użytkowników (215)
PROFIL PUBLICZNY
Potwierdzona transakcja
5.0
5
Bardzo dobry kurs - jak każdy przygotowany i prowadzony przez Ksawerego. Doskonała porcja praktycznych informacji związanych z zastosowaniem preprocesora LESS, jak również kilku funkcjonalnych pluginów do wykorzystania na stronie. Czytelnie, merytorycznie i krok po… Czytaj więcej
PROFIL PUBLICZNY
Potwierdzona transakcja
5.0
5
Fajny i przydatny kurs wprowadzający do preprocesorów.
PROFIL PUBLICZNY
Potwierdzona transakcja
5.0
5
Bardzo rzeczowe szkolenie
PROFIL PUBLICZNY
Potwierdzona transakcja
5.0
5
bardzo pomocne informacje
PROFIL PUBLICZNY
Potwierdzona transakcja
5.0
5
Bardzo dobre źródło wiedzy
Najczęściej zadawane pytania
minus plus
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.

minus plus
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.

minus plus
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 dokumentu Proforma lub faktury odroczonej, złóż zamówienie, a w uwagach do zamówienia dodaj komentarz “Proforma” lub "Faktura z odroczonym terminem płatności", lub skontaktuj się z nami telefonicznie bądź mailowo (biuro@strefakursow.pl).

minus plus
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.

Produktywne tworzenie stron z LESS & SASS

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 logo twisto lub logo paypoJak to działa?

40
99zł

za ten zakup otrzymasz zwrot o wartości 3.96 zł

2024-03-27

1028

⏰ To szkolenie kupisz 60% taniej jeszcze tylko przez: 04 : 08 : 59 : 58

for-teamsOferta dla firm i zespołów
To szkolenie obejmuje:
unlimited accessNielimitowany dostęp
clock 12 godzin szkolenia
videos 113 wykładów
languageNapisy dostępne w językach:
polski, angielski, ukraiński
mobile accessDostęp w aplikacji mobilnej
certificateCertyfikat ukończenia
linkedin recommendationRekomendacje na LinkedIn
level Poziom: Średniozaawansowany
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
19699 uczestników
Dowiedz się więcej
Ścieżka kariery - Web Designer
Uczestnicy kursu kupili również:
Twisto

Odbierz 20% rabatu na pierwsze zamówienie

newsletter signup image
Nasz newsletter obserwuje już 98652 osób!
Dlaczego warto?
Będziesz regularnie otrzymywał atrakcyjne rabaty
Nie przegapisz żadnej z naszych promocji
Będziesz informowany o aktualnych konkursach
Nie wysyłamy spamu
E-mail jest niepoprawny.
Nie chcę otrzymać zniżki.
shield-error

Ups! Coś poszło nie tak :(

Google Recaptcha uznał, że jesteś botem i zablokował Twoją ostatnią akcję. Spróbuj ponownie. W razie problemów skontaktuj się z nami.

ZAMKNIJ I SPRÓBUJ PONOWNIE