Przejdź do treści
Użyj kodu ROZWOJ60 i odbierz 60% zniżki. Minimalna kwota w koszyku 300 zł, aby aktywować kod.
strefakursów

Ekspresowe tworzenie stron z Bootstrap & LESS

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

4,9 151 opinii Autor: Ksawery Kargól
97 lekcji Poziom: Zaawansowany Język: polski Certyfikat
119 zł

Oferta specjalna

Kup ten kurs za 48 zł z kodem

00 dni
00 godz.
00 min.
00 sek.

Minimalna wartość w koszyku, aby aktywować kod: 300 zł.

Dostęp od razu po zakupie

Płacisz raz i wchodzisz prosto do lekcji - bez subskrypcji, bez czekania na grupę.

Dodaj do listy życzeń

Szczegóły, które warto znać

11 godzin materiałów
Bezterminowy dostęp
Imienny certyfikat PDF
97 lekcji wideo
Poziom: Zaawansowany
Rekomendacje na LinkedIn
Napisy dostępne w językach: polski, angielski, ukraiński
Dostęp w aplikacji mobilnej

Opis szkolenia

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

Przejrzysty, efektowny kod
Slider w Bootstrap

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.

Logo Bootstrap

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
Przedstawienie stylu CSS
Logo Less

  • 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
HTML
CSS
CSS
Less
Less
Bootstrap
Bootstrap

Program kursu

12 modułów · 97 lekcji

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

Twój instruktor

Ksawery Kargól

Ksawery Kargól

Trener - praktyk AI

Ksawery Kargól to jeden z najbardziej rozpoznawalnych autorów technicznych na platformie Strefa Kursów. Od lat tworzy szkolenia, które pomagają uczestnikom wejść w świat nowych technologii krok po kroku, bez chaosu, zbędnego żargonu i poczucia, że „to nie dla mnie”. Jego największą siłą jest umiejętność tłumaczenia trudnych tematów prostym, uporządkowanym językiem. W swoich kursach prowadzi uczestnika od podstaw do praktycznego działania, pokazując nie tylko, co należy zrobić, ale też dlaczego dane rozwiązanie działa i jak można wykorzystać je w realnych projektach. Uczestnicy jego kursów szczególnie doceniają spokojne tempo, jasną strukturę i praktyczne podejście do nauki. To autor, który dobrze sprawdza się zwłaszcza wtedy, gdy temat wydaje się techniczny, trudny albo zarezerwowany tylko dla osób z doświadczeniem. Ksawery potrafi rozłożyć go na mniejsze kroki i przeprowadzić uczestnika przez cały proces w sposób zrozumiały i bez przytłoczenia. Jego szkolenia są dobrym wyborem zarówno dla osób początkujących, jak i tych, które chcą uporządkować swoją wiedzę, wrócić do podstaw albo pewniej korzystać z nowoczesnych narzędzi cyfrowych. Zamiast suchej teorii uczestnik otrzymuje konkretne przykłady, ćwiczenia i praktyczne rozwiązania, które pomagają szybciej przejść od oglądania lekcji do samodzielnego działania. Ksawery od lat współtworzy bibliotekę kursów Strefy Kursów, a jego materiały zebrały setki wysokich ocen od uczestników. To potwierdza, że jego największą wartością jest nie tylko znajomość technologii, ale przede wszystkim umiejętność przekładania jej na język zrozumiały dla szerokiego grona odbiorców. To dobry wybór dla osób, które chcą wejść w świat nowych technologii spokojnie, praktycznie i bez poczucia zagubienia.

Opinie kursantów

5,0 Zweryfikowana
„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 pokazał co i jak podczas pierwszych kroków z Bootstrapem i preprocesorami, co było dobrą podstawą do dalszej nauki. Powyższy kurs opiera się o Bootsrapa 3, a w u żytku jest już wersja 4, dlatego polecam wybrać nowszy kurs od Pana Kargóla z oferty Strefykursów np. ten https://strefakursow.pl/kursy/web_design/kurs_bootstrap_4_-_praktyczny_projekt.html"
Czytaj więcej
M Marcin Górski zweryfikowany kursant
5,0 Zweryfikowana
„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."
M Mateusz Czech zweryfikowany kursant
5,0 Zweryfikowana
„Kurs bardzo ciekawy zarówno dla początkujących jak i zaawansowanych osób. Kurs jest prowadzony bardzo merytorycznie pokazując wszystko na praktycznych przykładach Gorąco polecam"
K Krzysztof Piech zweryfikowany kursant
5,0 Zweryfikowana
„Kurs “Ekspresowe tworzenie stron z Bootstrap & LESS” to optymalny wybór dla webmasterów i osób tworzących witryny internetowe. Ten kurs uczy, jak efektywnie wykorzystać potencjał Bootstrapa i LESS do tworzenia atrakcyjnych stron internetowych"
M Mateusz Wykrota zweryfikowany kursant

Najczęściej zadawane pytania

Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to kompletne pakiety materiałów wideo przygotowane przez zespół naszych specjalistów. Po zakupie otrzymujesz natychmiastowy dostęp do wszystkich lekcji, testów i materiałów dodatkowych na swoim koncie - możesz zacząć się uczyć od razu, bez czekania. 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ść swoje 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 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 kursu?

Do każdego ukończonego przez Ciebie kursu wystawiamy imienny certyfikat w formacie PDF - będzie on dostępny na Twoim koncie 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. 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. Pamiętaj, że certyfikatów nie wysyłamy w formie papierowej.

Czy otrzymam fakturę VAT za zamówienie?

Tak, do każdego zamówienia wystawiamy fakturę VAT (23%) lub paragon - w zależności od danych podanych przy zakupie. Pobierzesz ją z zakładki Historia zamówień na swoim koncie. Powiadomimy Cię mailowo, gdy dokument będzie gotowy.
Potrzebujesz proformy? Zaznacz pole "Chcę otrzymać dokument proforma" przy składaniu zamówienia lub napisz: biuro@strefakursow.pl


Zakup w aplikacji mobilnej? Jeśli kupujesz przez App Store lub Google Play, sprzedawcą jest odpowiednio Apple lub Google. Fakturę otrzymasz od nich zgodnie z ich zasadami:



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

Ile mam czasu na przerobienie materiałów?

Tyle, ile potrzebujesz! Uczysz się we własnym tempie - bez presji i bez abonamentu. Płacisz raz i zachowujesz dostęp do zakupionego kursu na swoim koncie bez z góry określonej daty końcowej. Przez pierwsze 12 miesięcy od zakupu dbamy o aktualność materiałów i zapewniamy pełną dostępność testów oraz certyfikatu. Później kurs nadal pozostaje na Twoim koncie - wracasz do lekcji, kiedy masz ochotę. Szczegółowe zasady dostępu znajdziesz w regulaminie.

Dla firm
Uczysz się do pracy? Kup ten kurs przez firmę
Dla siebie, pracownika lub zespołu – z fakturą i opcją ceny zespołowej.
Sprawdź zakup firmowy
Sprawdź zakup firmowy

Powiązane tematy

Tworzenie stron internetowych Bootstrap HTML CSS

Zobacz też

Podobne kursy

Kurs HTML5 zaawansowany

Programowanie

Kurs HTML5 zaawansowany

4.8 (149)

109 zł

Kurs CSS3 zaawansowany

Programowanie

Kurs CSS3 zaawansowany

4.8 (122)

109 zł

Kurs HTML 5.1 - podstawy tworzenia stron

Programowanie

Kurs HTML 5.1 - podstawy tworzenia stron

4.9 (289)

119 zł

Produktywne tworzenie stron z LESS & SASS

Programowanie

Produktywne tworzenie stron z LESS & SASS

4.9 (236)

119 zł

Jak przyspieszać i optymalizować strony

IT i oprogramowanie

Jak przyspieszać i optymalizować strony

4.9 (133)

119 zł

Kurs CSS3 - kodowanie ze stylem

Programowanie

Kurs CSS3 - kodowanie ze stylem

4.9 (186)

119 zł

Kurs Excel - zaawansowane funkcje i formuły

IT i oprogramowanie

Kurs Excel - zaawansowane funkcje i formuły

Bestseller
4.9 (345)

169 zł

Kurs Bezpieczeństwo aplikacji webowych

Programowanie

Kurs Bezpieczeństwo aplikacji webowych

4.8 (49)

119 zł

Warsztaty tworzenia stron internetowych

Programowanie

Warsztaty tworzenia stron internetowych

5.0 (119)

119 zł

Wprowadzenie do tworzenia stron internetowych

Programowanie

Wprowadzenie do tworzenia stron internetowych

4.9 (361)

119 zł

Dostęp od razu po zakupie

119 zł

Zwiastun kursu

Wszystkie opinie

151 zweryfikowanych opinii

4,9

5 91%
4 8%
3 1%
2 0%
1 0%

Zwrot w 3 krokach

Masz 30 dni na zwrot od daty zakupu.

  1. 1

    Zleć zwrot jednym kliknięciem

    Przejdź do Historii zamówień i wybierz „Dokonaj zwrotu" przy zamówieniu, które chcesz zwrócić.

  2. 2

    Potwierdzamy zwrot

    Dostajesz potwierdzenie przyjęcia zwrotu - zwykle w 1 dzień roboczy.

  3. 3

    Pieniądze wracają

    Tą samą metodą, którą zapłacono - zwykle w 3-5 dni roboczych, maksymalnie 14 dni.

Pełne warunki znajdziesz w regulaminie zakupów.

Kod na pierwszy zakup

Odbierz 10% rabatu na pierwsze zamówienie

Dołącz do newslettera z promocjami i odbierz kod rabatowy.

Jest z nami już ponad 106 tys. subskrybentów

Podając adres e-mail zapisujesz się do newslettera i akceptujesz politykę prywatności. W każdej chwili możesz się wypisać.

Ups! Coś poszło nie tak

Zabezpieczenie antybotowe uznało, że Twoje ostatnie zgłoszenie mogło pochodzić od bota, i je zablokowało. Spróbuj ponownie. W razie problemów skontaktuj się z nami.