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

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
Twisto

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
Przejrzysty, efektowny kod
Slider w Bootstrap

Jaki projekt wykonasz?

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

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

42977 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 142
4.9
93%
7%
0%
0%
0%
Recenzje użytkowników (142)
PROFIL PUBLICZNY
Potwierdzona transakcja
5.0
5
Świetny kurs jako poszerzenie wiedzy
PROFIL PUBLICZNY
Potwierdzona transakcja
5.0
5
Wcześniej umiałem używać tylko sass a po tym kursie rozumiem już i używanie less, więc polecam.
PROFIL PUBLICZNY
Potwierdzona transakcja
5.0
5
dobry kurs
PROFIL PUBLICZNY
Potwierdzona transakcja
5.0
5
Bardzo dobry kurs :)
PROFIL PUBLICZNY
Potwierdzona transakcja
5.0
5
Świetny kurs, polecam !!!
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.

Ekspresowe tworzenie stron z Bootstrap & LESS

Poznaj zaawansowane aspekty Bootstrap i twórz jeszcze lepsze strony w jeszcze krótszym czasie
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?

25
99zł

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

2024-03-27

1032

⏰ To szkolenie kupisz 75% taniej jeszcze tylko przez: 04 : 06 : 34 : 32

for-teamsOferta dla firm i zespołów
To szkolenie obejmuje:
unlimited accessNielimitowany dostęp
clock 11 godzin szkolenia
videos 97 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: Zaawansowany
Uczestnicy kursu kupili również:
Twisto

Odbierz 20% rabatu na pierwsze zamówienie

newsletter signup image
Nasz newsletter obserwuje już 98648 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