CSS Flexbox & Grid - responsywne layouty od podstaw        |         -20% z kodem: FLEXBOX       |         Rabat ważny do poniedziałku  
Szkolenia
strefakursów.pl Programowanie
DARMOWE FRAGMENTY

Ekspresowe tworzenie stron z Bootstrap & LESS

Poznaj zaawansowane aspekty Bootstrap i twórz jeszcze lepsze strony w jeszcze krótszym czasie
89
+890 punktów premium
Zacznij naukę teraz, zapłać w ciągu 21 dni!
119 recenzji
11 godzin
97 wykładów
Twisto
Płatności twisto
  • 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
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
5 4.9 119
4.9
91%
8%
1%
0%
0%
Recenzje użytkowników (119)
5
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.
5
Najlepszy kurs Bootstrap w polskim internecie. Szczerze polecam wszystkim osobom. Pozdrawiam cały zespol StrefaKursow.pl oraz dziękuje za przekazaną wiedzę. Zdrowych i wesołych Świąt :-)
5
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
5
PROFIL PUBLICZNY
kolejny kurs o tematyce związanej z tworzeniem layoutów w oparciu o framework Bootstrap, który w połączeniu z technologią LESS zdecydowanie przyśpiesza tworzenie stron i umożliwia wielokrotne użycie komponentów przygotowanych w czasie produkcji oraz szybką konfigurację… Czytaj więcej
5
Bardzo ciekawy kurs. Sporo teorii i przede wszystkim zastosowanie praktyczne. Osobiście nie wyobrażam sobie pracy nad stronami internetowymi. polecam każdemu, kto chce poznać SASS i LESS
Ksawery Kargól

Ksawery Kargól

Certyfikowany ekspert Adobe®

4.9
Ekspresowe tworzenie stron z Bootstrap & LESS
Poznaj zaawansowane aspekty Bootstrap i twórz jeszcze lepsze strony w jeszcze krótszym czasie
Informacje o szkoleniu
  • Poziom Zaawansowany
  • Możliwość pobrania pliku
  • Nielimitowany dostęp
  • Dodatkowe materiały
  • Certyfikat ukończenia
  • Dostęp z urządzeń mobilnych
89
+890 punktów premium
Tylko teraz możesz odebrać rabat na pierwsze zamówienie
Dlaczego warto?
Będziesz regularnie otrzymywał atrakcyjne rabaty
Nie przegapisz żadnej z naszych promocji
Będziesz informowany o aktualnych konkursach
Nie wysyłamy spamu
Nie, dziękuję, kupię bez zniżki
strefakursów.pl korzysta z plików cookie, aby dostosować usługi do Twoich preferencji. Niektóre pliki cookie są zaś niezbędne do prawidłowego działania witryny. Dzięki nim możemy wyświetlać Ci spersonalizowane oferty i informacje o promocjach, zarówno w witrynach strefakursów.pl, jak i na innych stronach. Oczywiście to Ty decydujesz. Możesz w każdej chwili określić warunki przechowywania lub dostępu do plików cookies w Twojej przeglądarce.
AKCEPTUJĘ PLIKI COOKIE