Czego się nauczysz z kursem?

Podczas tego szkolenia przybliżymy Ci techniki tworzenia zaawansowanych witryn internetowych opartych na frameworku Bootstrap. Ważne jest, że omawiamy nie tylko podstawy Bootstrapa, ale uczymy również jak wykonać kompleksowy projekt responsywny krok po kroku. Co więcej, dowiesz się też jak korzystać z szczególnie popularnej i przydatnej technologii LESS, która znacznie ułatwia pracę z złożonymi arkuszami stylów.

Jak to działa

Ten kurs zawiera ponad 60 instrukcji wideo prowadzonych przez wykwalifikowanego programistę i projektanta stron. Po obejrzeniu filmów będziesz w stanie szybko opanować wszystkie elementy i zastosować je w praktyce. Dołączone pliki z ćwiczeniami i gotowe projekty pozwolą Ci od razu przystąpić do pracy. W razie potrzeby możesz się do nich odwołać. Kurs zawiera także w pełni responsywny układ, który działa poprawnie na każdym urządzeniu, karuzelę na stronie frontowej z automatyczną zmianą zdjęć, responsywne obrazki, nowoczesny design w stylu Flat, przejrzystą strukturę kodu umożliwiającą łatwą rozbudowę strony, nowoczesną i przejrzystą nawigację w oparciu o komponenty frameworku Bootstrap, efekty i animacje z użyciem CSS oraz nowoczesne i przyjazne dla użytkownika formularze.

JavaScript w Bootstrapie

Bootstrap oferuje użyteczny zestaw pluginów, dzięki którym można łatwo dodać różnego rodzaju funkcje do strony internetowej. Przedstawimy kilka przykładów ich zastosowania. Poznasz sposoby tworzenia menu harmonijkowego, paneli z zakładkami i okienek podpowiedzi. Ponadto zaprezentujemy jak tworzyć karuzelę zdjęć i okienka modalne.

Technologia LESS

LESS to preprocesor CSS pozwalający na stosowanie zmiennych, funkcji itp. Praca z nim jest bardzo wygodna i efektywna, szczególnie przy tworzeniu bardziej rozbudowanych witryn. Jest on bardzo popularny i jego znajomość może być bardzo przydatna. W ostatnim rozdziale tego kursu przyjrzymy się najważniejszym zagadnieniom dotyczącym używania tego ciekawego narzędzia.

Elementy Bootstrap

Masz wiele gotowych stylów dla każdego elementu strony, co ułatwia i przyspiesza tworzenie witryny, a także zapewnia jej spójny wygląd. W niniejszej sekcji dowiesz się, jak wstawiać przyciski, ikonki, tabele, galerie i inne. Poznaj też sposoby na przygotowanie responsywnych obrazów.

Nawigacja na stronie

Korzyścią z używania Bootstrapa jest duża ilość przejrzystych i łatwych w użyciu elementów nawigacyjnych. Poprzez oglądanie filmów w tym szkoleniu, szybko poznasz, jak dodać do swojej strony menu w wielu wariantach oraz pasek typu "breadcrumb".

Formularze

Bootstrap jest łatwy w użyciu do tworzenia i stylizowania formularzy. Ten rozdział pomaga w szybkim opanowaniu podstawowych koncepcji dotyczących tworzenia formularzy, używania pól tekstowych oraz dodawania atrakcyjnych efektów.

Rozbudowany projekt

W ramach niniejszego rozdziału zostanie zaprezentowane 28 filmów, które krok po kroku wyjaśnią jak wykonać projekt nowoczesnej witryny. Jest to doskonała okazja, aby nabyć nowe, przydatne umiejętności.

Co jeszcze znajduje się w kursie?

Wstęp

W pierwszym rozdziale można zapoznać się z lektorem, nauczyć się obsługiwać załączone pliki i poznać edytor, którego będzie trzeba używać w kolejnych rozdziałach.

Konfiguracja środowiska

Teraz zaczniemy pracę z frameworkiem Bootstrap. Poznasz skąd wziąć wszystkie potrzebne elementy, jak przygotować je do dalszych działań oraz jak połączyć pliki CSS i JavaScript.

Podstawowe funkcje

Ten rozdział da Ci szybki wgląd w kluczowy element frameworku, tj. siatkę, która stanowi strukturę witryny. Pokażemy Ci w kilku filmach, jak zdefiniować kolumny układu, jak je przesuwać, w jaki sposób dynamicznie zmienić ich kolejność oraz jak tworzyć zagnieżdżenia elementów siatki. Jest to bardzo istotna wiedza, bez której trudno przejść do następnych etapów.

Co jeszcze warto wiedzieć?

Kurs jest zgodny z wersjami 3.X. Aby pracować wygodnie, wskazane jest posiadanie podstawowych umiejętności w HTML oraz CSS. Do tworzenia kodu użyty został edytor Sublime Text 2, jednakże można go zastąpić innym programem edycyjnym.