• Odbierz zwrot 50 zł na kartę revolut
  • 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
  • Poziom: Zaawansowany
  • 89
    +890 punktów premium
    Zacznij naukę teraz, zapłać w ciągu 21 dni!
    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 120
    4.9
    91%
    8%
    1%
    0%
    0%
    Recenzje użytkowników (120)
    5
    Bardzo dobry kurs dla osób rozpoczynających przygodę z bootstrap-em chcących poszerzyć swoją wiedzę o możliwość jego edycji czy ingerowania w "składnie" jak i poznać zagadnienia związane dynamicznym arkuszem stylów jakim jest LESS.
    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
    Informacje o szkoleniu
      120 recenzji
      11 godzin
      97 wykładów
    • Możliwość pobrania pliku
    • Nielimitowany dostęp
    • Dostęp z urządzeń mobilnych
    89
    +890 punktów premium
    Zacznij naukę teraz, zapłać w ciągu 21 dni!
    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