Kurs Bootstrap 3 - responsywne strony
Twórz nowoczesne responsywne strony z frameworkiem Bootstrap
Opis szkolenia
-
Chcesz tworzyć nowoczesne responsywne witryny?
-
Potrzebujesz narzędzi, które pozwolą ci skupić się na projekcie i uwolnią cię konieczności tworzenia każdego fragmentu kodu CSS i HTML od podstaw?
-
Chcesz dowiedzieć się jak za pomocą Bootstrapa stworzyć od podstaw kompletną witrynę?
-
Potrzebujesz praktycznej wiedzy na temat aktualnych trendów i rozwiązań w web designie?
Sprawdź co mamy Ci do zaoferowania
Czego się nauczysz z kursem?
Z tym szkoleniem poznasz tajniki tworzenia nowoczesnych stron opartych na frameworku Bootstrap. Co ważne w kursie omawiamy nie tylko podstawy Bootstrapa, ale również pokazujemy jak wykonać krok po kroku kompletny projekt responsywnej strony. To nie wszystko: dowiesz się także jak korzystać z niezwykle popularnej i przydatnej technologii LESS, która bardzo ułatwia pracę z rozbudowanymi arkuszami stylów.
Jak to działa?
Kurs zawiera ponad 60 filmów instruktażowych prowadzonych przez lektora – doświadczonego programistę i webdesignera. Oglądając filmy błyskawicznie opanujesz wszystkie zagadnienia i będziesz w stanie zastosować zdobytą wiedzę w praktyce. Wszystkie niezbędne pliki zostały dołączone do kursu – zarówno pliki z ćwiczeniami jak i gotowe projekty. Po obejrzeniu filmów możesz więc od razu przystąpić do pracy. Do plików możesz się także odwołać w razie wystąpienia jakichkolwiek problemów.
-
w pełni responsywny układ, który działa poprawnie na każdym urządzeniu,
-
karuzela na stronie frontowej z automatyczną zmianą zdjęć,
-
responsywne obrazki,
-
nowoczesny design w stylu Flat,
-
przejrzysta struktura kodu umożliwiająca łatwą rozbudowę strony,
-
nowoczesna i przejrzysta nawigacja w oparciu o komponenty frameworku Bootstrap,
-
efekty i animacje z użyciem CSS,
-
nowoczesne i przyjazne dla użytkownika formularze.
JavaScript w Bootstrapie
Bootstrap posiada ciekawy zestaw pluginów, za pomocą których możesz łatwo dodać do strony przydatne funkcjonalności. Pokażemy ci kilka bardzo ciekawych i jednocześnie praktycznych przykładów użycia tej technologii. Dowiesz się jak stworzyć menu harmonijkowe, panel z zakładkami, oraz okienka podpowiedzi (tzw. „tooltipsy”). Po za tym opanujesz tworzenie karuzeli zdjęć oraz okien modalnych.
Technologia LESS
LESS to tzw. preprocesor CSS – czyli takie rozszerzenie dla kaskadowych arkuszy stylów umożliwiające użycie zmiennych, funkcji itp. W praktyce pozwala to na wygodniejsza pracę, zwłaszcza podczas tworzenia bardziej rozbudowanych witryn. LESS jest bardzo powszechnie używany i jego znajomość może być bardzo przydatna. Dlatego w ostatnim rozdziale rightu poznasz najważniejsze zagadnienia dotyczące użycia tej niezwykle ciekawej technologii.
Elementy Bootstrap
Duża liczba predefiniowanych stylów dla każdego elementu strony pozwoli ci to nie tylko przyspieszyć twoją pracę ale również zapewni spójny wygląd dla całej witryny. Dlatego w tym rozdziale opowiemy ci m.in. o wstawianiu przycisków, ikonek, tabel, galerii itp. Dowiesz się również jak przygotować responsywne obrazy.
Nawigacja na stronie
Duża ilość przejrzystych i łatwych w użyciu elementów nawigacyjnych jest kolejną istotną zaletą Bootstrapa. Oglądając filmy w tej części szkolenia szybko dowiesz się jak dodać na swojej witrynie menu w różnych wariantach oraz pasek typu „breadcrumb”.
Formularze
Formularze to kolejny element, który można bardzo łatwo przygotować oraz ostylować dzięki Bootstrapowi. Ten rozdział pozwoli ci szybko opanować najważniejsze zagadnienia związane z tworzeniem formularzy, użyciem pól tekstowych oraz dodawaniem ciekawych efektów.
Rozbudowany projekt
Ten rozdział obejmuje aż 28 filmów, które pokażą ci jak wykonać krok po kroku komplety projekt nowoczesnej witryny. To doskonała okazja do podsumowania dotychczasowej wiedzy oraz do zdobycia nowych przydatnych umiejętności.
Wstęp
Pierwszy rozdział to doskonała okazja aby zapoznać się lektorem, dowiedzieć się jak korzystać z plików dołączonych do kursu oraz poznać edytor używany w dalszych rozdziałach.
Konfiguracja środowiska
Na tym etapie rozpoczniemy pracę z frameworkiem Bootstrap. Dowiesz się skąd pobrać niezbędne komponenty, jak przygotować je do dalszej pracy oraz jak podłączyć pliki CSS oraz JavaScript.
Podstawowe funkcje
Ten rozdział pozwoli ci szybko zapoznać się z kluczowym elementem frameworku czyli z tzw. siatką która pełni rolę szkieletu strony. W kilku filmach pokażemy ci m.in. jak zdefiniować układ kolumn, jak te kolumny przesuwać, jak dynamicznie zmieniać ich kolejność i jak zagnieżdżać elementy siatki. To bardzo ważna wiedza bez której ciężko przejść do kolejnych etapów.
Co jeszcze warto wiedzieć?
Kurs kompatybilny z wersjami 3.X. Do komfortowej pracy przydatna będzie podstawowa znajomość HTML oraz CSS. Do tworzenia kodu użyty został edytor Sublime Text 2 ale nic nie stoi na przeszkodzie, aby go zastąpić dowolnym innym programem edycyjnym.
Twój instruktor
Tomasz Kubisztal
Projektant elementów reklamowych i programista
Opinie kursantów
„Z tym kursem błyskawicznie poznasz wszystkie istotne aspekty Bootstrap 3. Dowiesz się jak wykorzystać rozbudowany zestaw gotowych komponentów, jak tworzyć nowoczesne layouty oraz jak dodać do strony różne elementy interaktywne. "
„Bardzo dobry kurs, można nauczyć się wiele przydatnych rzeczy, które pomogą w tworzeniu bardzo nowoczesnych i responsywnych stron, ponad to wiedza jest przekazywana w bardzo przystępny i przyjemny sposób."
„Bootstrap funkcjonuje na wieku witrynach internetowych. Kurs polecam front-end developerom którzy opanowali język znaczników HTML oraz arkusze styki CSS. Bootstrap pozwala szybko stylowac stronę i tworzyć responsywne układy."
„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"
„ok"
„Bardzo dobry kurs, wiele z niego wyniosłem :)"
„Fajny Kurs, można dużo się nauczyć."
Paweł Kaczmarz
„Polecam"
„Polecam"
Karolina Niedopytalska
„Solidne podstawy Bootstrap"
Łukasz Dróżka
Powiązane tematy