✅ 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

Ekspresowe tworzenie stron z Bootstrap & LESS:Trailer

Poznaj zaawansowane aspekty Bootstrap i twórz jeszcze lepsze strony w jeszcze krótszym czasie

Ekspresowe tworzenie stron z Bootstrap & LESS:Wstępna struktura dla nagłówka strony

Poznaj zaawansowane aspekty Bootstrap i twórz jeszcze lepsze strony w jeszcze krótszym czasie

Ekspresowe tworzenie stron z Bootstrap & LESS:Domieszki - flexbox

Poznaj zaawansowane aspekty Bootstrap i twórz jeszcze lepsze strony w jeszcze krótszym czasie

Ekspresowe tworzenie stron z Bootstrap & LESS:Stylowanie zawartości slajdu

Poznaj zaawansowane aspekty Bootstrap i twórz jeszcze lepsze strony w jeszcze krótszym czasie

DARMOWE FRAGMENTY

Opinie użytkowników

Marcin Górski

5.0

Kurs bardzo udany! Dzięki niemu kilka lat temu zrobiłem pierwsze w życiu komercyjne zlecenie, z którego w końcu byłem w pełni zadowolony, a dzięki zdobytej wiedzy załapałem również pierwszą w życiu pracę jako junior developer. Wiele zawdzięczam panu Kargólowi, który… Czytaj więcej

Mateusz Czech

5.0

Z pewnością niezbędny kurs dla każdego kto tworzy strony internetowe i chce być na bieżąco z obecnymi trendami jak i potrafić korzystać z LESS i SASS, które znacznie ułatwiają pracę przy każdym większym projekcie.

Zobacz wszystkie

Tworzysz strony na Bootstrapie i chcesz poznać rozwiązania, które pozwolą ci pracować jeszcze szybciej?
Chcesz poznać liczne techniki i rozwiązania oferowane przez Bootstrapa, za pomocą których zawsze osiągniesz zamierzony efekt jak najmniejszym nakładem pracy?
Chcesz wiedzieć jak połączyć możliwości oferowane przez dwie niesamowite technologie, czyli Bootstrap oraz LESS?

Ten kurs jest właśnie dla Ciebie!

Czego się nauczysz z tym kursem?

Przedstawienie projektu stworzenego dzięki Bootstrap

Z kursem dowiesz się jak w pełni wykorzystać potencjał Bootstrapa do tworzenia nowoczesnych stron. Techniki, które poznasz sprawią, że style twoich stron będą się niemal same tworzyły. Będziesz w stanie tworzyć witryny w sposób modułowy, z możliwością szybkiej rozbudowy czy zmiany wyglądu. Łącząc LESS i Bootstrap otworzysz przed sobą niesamowite możliwości i będziesz żałować, że nie poznałeś takich rozwiązań wcześniej. Przekonasz się np., że kolorystykę strony można zmienić dosłownie w ciągu 30 sekund, albo że modyfikacja stylu na wszystkich podstronach jest możliwa przy użyciu 2-3 linii kodu.

Co ważne techniki, które poznasz pozwolą na nieograniczoną modyfikację samego frameworku i umożliwią ci tworzenie stron, które swoim wyglądem wyróżniają się pośród tysięcy Bootstrapowych projektów tworzonych według tego samego schematu.

Oprócz tego dowiesz się jak w nieszablonowy sposób użyć i jak zmodyfikować niektóre skrypty Bootstrapa np. karuzelę/slider. Na koniec opanujesz niezwykle przydatne rozwiązania, które ułatwią optymalizację i zwiększenie wydajności gotowego projektu.

Jaki projekt wykonasz?

Strona, którą stworzysz na dużą skalę wykorzystuje możliwości oferowane przez HTML5, CSS3, Bootstrap, LESS i JavaScript. Cały projekt wykonasz razem z autorem krok po kroku: od struktury, przez style aż do optymalizacji finalnej witryny.

Główne cechy projektu:

Podgląd projektu z wideoku konsoli przeglądarkowej

W pełni responsywny układ oparty na Bootstrap
Oryginalna modyfikacja karuzeli/slidera Bootstrapa
Style tworzone z użyciem LESS
Mobilny wariant menu
Typografia z użyciem Google Fonts
Plugin Scrollr do tworzenia efektu paralaksy

Ikony Font Awesome
Responsywne zagnieżdżanie Map Google (plus API Google Maps)
Responsywne zagnieżdżanie filmów z Vimeo/Youtube
Modułowy charakter projektu pozwala na łatwą adaptację do różnych celów
Różne skrypty jQuery, które możesz zastosować w swoich projektach

11 godzin filmów prowadzonych przez doświadczonego autora
Wszystkie niezbędne pliki i materiały. Każdą czynność pokazaną przez lektora możesz bez problemu powtórzyć
Gotowy projekt strony, który możesz bez problemu modyfikować i adaptować do różnych celów

Co jeszcze trzeba wiedzieć?

Do wygodnej pracy z kursem potrzebna jest podstawowa znajomość frameworku Bootstrap. Do tworzenia kodu użyty został program Sublime Text 2, ale można go bez problemu zastąpić innymi edytorami.

HTML

CSS

Less

Bootstrap

ZOBACZ WIĘCEJ

Często kupowane w pakiecie

Ekspresowe tworzenie stron z Bootstrap & LESS

Produktywne tworzenie stron z LESS & SASS

229 recenzji

Poziom Średniozaawansowany

113 wykładów

4.9

99zł

Razem do zapłaty

49 zł

-75% 198 zł

+396 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

Wstęp 0m 24s

Jak korzystać z plików 1m 14s

Jaki edytor wybrać 6m 03s

Projekt 6m 00s

Struktura plików projektu 4m 11s

2 Budujemy strukturę i treść

Podłączamy najważniejsze pliki 4m 48s

Struktura dla mobilnej wersji menu 6m 19s

Wstępna struktura dla nagłówka strony Podgląd 6m 35s

Nagłówek - pozostałe elementy 7m 46s

Slider - podstawowa struktura 9m 26s

Slider - pozostałe elementy 4m 36s

Struktura sekcji Intro 7m 46s

Zawartość paska Foto 10m 18s

Zawartość sekcji Nasze usługi 4m 33s

Wideo - jak przygotować strukturę 5m 34s

Wideo - responsywne zagnieżdżanie 5m 31s

3 Struktura i treść - kontynuacja

Nasze zalety - struktura kolumn 8m 29s

Nasze zalety - zawartość 9m 06s

Sekcja Pełna oferta - treść 8m 16s

Sekcja Najnowsze projekty - treść 11m 46s

Promo - opis produktu 8m 09s

Promo - slider 5m 16s

Pasek serwisów społecznościowych 4m 49s

Treść sekcji Statystyki 6m 36s

Kontakt - formularz 8m 25s

Kontakt - Google Maps 9m 15s

4 Struktura i treść - pozostałe elementy

Zawartość paska na dole strony 4m 18s

Zawartość stopki - social 6m 51s

Zawartość stopki - kolejne kolumny 5m 13s

Zawartość stopki - galeria 5m 27s

5 Style i funkcjonalności

Jak będziemy pracowali 7m 53s

Co zawiera pakiet źródłowy Bootstrap 6m 38s

Jak przygotować strukturę plików LESS 6m 12s

Kompilacja źródeł 6m 41s

Uzupełnianie brakujących plików 6m 44s

Jak nadpisywać style Bootstrap 6m 50s

Co nam jeszcze potrzeba? 4m 39s

Uruchamiamy skrypty slidera 5m 36s

6 Zmienne i domieszki LESS

Zmienne - tekst i bazowe kolory 9m 02s

Zmienne - własne kolory 8m 35s

Zmienne - definiujemy pozostałe wartości 6m 14s

Domieszki/Mixins - wprowadzenie 6m 10s

Domieszki - pozycjonowanie i wyrównanie 6m 43s

Domieszki - różne style cz.1 7m 31s

Domieszki - różne style cz.2 10m 01s

Domieszki - flexbox Podgląd 5m 54s

7 Definiujemy globalne style

Zapisywanie Media Queries do zmiennych 6m 11s

Bazowe style tekstu 5m 56s

Style dla przycisków 7m 34s

Globalne style dla formularzy 8m 19s

Pozostałe style globalne 12m 34s

8 Style dla górnej części strony

Położenie i rozmiary nagłówka 9m 57s

Style menu głównego 9m 13s

Zmiana wysokości za pomocą skryptu 10m 50s

Skrypt dla menu mobilnego 7m 05s

Style menu mobilnego cz.1 6m 31s

Style menu mobilnego cz.2 6m 04s

Wstępne style dla górnego slidera 6m 34s

Ładowanie obrazków za pomocą CSS 6m 30s

Stylowanie zawartości slajdu Podgląd 9m 24s

Style dla kontrolek 8m 47s

9 Style strony startowej cz.1

Style dla sekcji Intro 7m 31s

Style dla paska ze zdjęciami 10m 58s

Style dla sekcji Nasze usługi - wstęp 6m 00s

Style dla sekcji Nasze usługi - efekt hover 9m 11s

Style dla sekcji Wideo - ogólne 6m 24s

Style dla sekcji Wideo - tekst i szczegóły 8m 03s

Podstawowe style dla sekcji Nasze zalety 6m 50s

Definiowanie własnych punktorów 11m 32s

Sekcja Oferta - wszystkie style 8m 44s

10 Style strony startowej cz.2

Najnowsze projekty - ogólne style 5m 26s

Jak przygotować efekt hover dla zdjęcia 8m 39s

Najnowsze projekty - pozostałe style 6m 46s

Sekcja Promo - style opisu i lewej kolumny 7m 15s

Pasek logo - definiowanie różnych układów 6m 17s

Pasek logo - style dla ikon 8m 20s

Skrypt do odliczania 7m 53s

Justowanie elementów 7m 22s

Pozostałe style dla sekcji statystyk 6m 37s

Tworzymy style dla formularza kontaktowego 7m 27s

Style dla paska pod formularzem 6m 40s

11 Style dla stopki

Ogólne właściwości stopki 7m 57s

Style dla listy serwisów społecznościowych 5m 59s

Style dla drugiej i trzeciej kolumny 4m 51s

Style dla galerii w stopce 5m 10s

Koniec stopki - pozostałe style 5m 56s

12 Poprawki oraz optymalizacja

Naprawiamy efekt hover w Chrome 5m 24s

Biblioteka Skrollr 5m 24s

Efekt parallax dla górnego slidera 7m 39s

Poprawiamy kolor hover dla przycisków 6m 53s

Usuwanie niepotrzebnych elementów Bootstrap 8m 47s

Alternatywa dla slidera na małe urządzenia 8m 42s

Naprawiamy strukturę wierszy 5m 53s

Kompilacja do pliku CSS 8m 55s

Warunkowe ładowanie skryptów 5m 28s

Logo dla najmniejszych urządzeń 5m 48s

Zakończenie 0m 25s

Ocena uczestników

55064 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 2914 wszystkich opinii.

91%

Recenzje użytkowników (150)

Piotr B

19 sierpnia 2025

5.0

Kurs nadal aktualny, choć większość developerów frontendu nie potrzebuje tych wszystkich szczegółów. Jednakże profesjonaliści powinni zapoznać się z tym materiałem, gdyż jest bardziej przystępny, niż publikacje drukowane, czy ebooki!

Michał Hader

12 maja 2025

5.0

Super Kurs!

Przemek Milner

4 kwietnia 2025

5.0

Super wykonany jak zawsze.

Kamil Świokło

28 marca 2025

5.0

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

Jakub Żuk

3 marca 2025

5.0

Kurs warty sprawdzenia

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 kursu wystawiamy imienny certyfikat - będzie on dostępny na platformie szkoleniowej w zakładce Certyfikaty. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu oraz obejrzenie wszystkich lekcji. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i unikalny numer certyfikatu. Warto podkreślić, że jesteśmy wpisani do Rejestru Instytucji Szkoleniowych (nr wpisu 2.12/00119/2017). Ten numer również będzie widoczny na certyfikacie.

Certyfikat możesz wydrukować (plik pdf) 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.

Pamiętaj, że certyfikatów nie wysyłamy w formie papierowej.

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

(150 ocen)

Ekspresowe tworzenie stron z Bootstrap & LESS

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