Przejdź do treści
Użyj kodu SKILL45 i odbierz 45% zniżki. Minimalna kwota w koszyku 199 zł, aby aktywować kod. SPRAWDŹ ➜
strefakursów

Responsive Web Design & Bootstrap

Zadbaj o to aby twoja strona wyświetlała się prawidłowo na każdym urządzeniu.

51 lekcji Język: polski Certyfikat

Szczegóły, które warto znać

5,5 godziny materiałów
Bezterminowy dostęp
Imienny certyfikat PDF
51 lekcji wideo
Rekomendacje na LinkedIn
Kurs w języku polskim
Dostęp w aplikacji mobilnej

Opis szkolenia

Zadbaj o to aby twoja strona wyświetlała się prawidłowo
na każdym urządzeniu.

  • Posiadasz stronę internetową i chcesz ją dostosować do wszelkiego rodzaju urządzeń mobilnych?
  • Projektujesz strony i chcesz uwzględnić w swoich planach coraz większą grupę osób przeglądających Internet za pomocą tabletu czy telefonu?

Świetnym uzupełnieniem kursu Responsive Web Design jest kurs Bootstrap 3 - responsywne strony, w którym jeszcze szerzej i dokładniej omawiamy najnowszą wersję frameworku Bootstrap.

Dla kogo jest ten kurs?

Jeśli chcesz tworzyć nowoczesne witryny dostosowane do wszelkiego rodzaju przeglądarek mobilnych i stacjonarnych to ten kurs jest doskonałym wyborem.

Czego się nauczysz z tym kursem?

Poznasz najważniejsze zasady tworzenia stron na ekrany o różnych rozmiarach. Opanujesz liczne techniki i rozwiązania, które ułatwią ci tworzenie takich witryn. Zapoznasz się z frameworkiem Bootstrap (wersja 2.2) i dowiesz się jak wykonać krok po kroku kompletny projekt responsywnej strony. Przy okazji poznasz ciekawe narzędzia, które umożliwiają łatwe testowanie projektu w różnych rozdzielczościach. Po prostu zdobędziesz obszerną wiedzę na temat technologii określanych ogólnie jako Responsive Web Design.

Co znajduje się w kursie?

Kurs rozpoczyna się od omówienia podstaw. Poznasz kluczowe zasady tworzenia witryn responsywnych, dowiesz się jak wykorzystać możliwości Media Queries oraz jak stworzyć płynny układ kolumn. Opanujesz przydatne rozwiązania, które pozwolą dostosować typowe elementy strony jak: obrazki, tabele oraz menu do mobilnych przeglądarek. W kolejnej części szkolenia omówimy bardzo popularny framework Bootstrap. Dowiesz się jak za jego pomocą stworzyć strukturę witryny, jak dodać style oraz kilka ciekawych funkcjonalności. Następnie pokażemy ci jak projektować stronę w Photoshop na bazie tzw. siatki i jak testować witrynę w rożnych rozdzielczościach. W kolejnej części kursu będziemy tworzyli od podstaw kompletny projekt responsywnej strony. Użyjemy w nim kilku ciekawych rozwiązań: pluginy Mobilemenu oraz FlexSlider, framework Bootstrap itp. To doskonała okazja do podsumowania i przetestowania w praktyce zdobytej dotychczas wiedzy.

Wszystkie pliki, z których korzystamy dołączone zostały do kursu.

Co jeszcze warto wiedzieć?

Aby w pełni wykorzystać wiedzę zawartą w tym kursie przyda się podstawowa znajomość HTML5, CSS3 oraz jQuery. Przydatna również będzie podstawowa wiedza na temat projektowania stron internetowych w programie Photoshop.

Program kursu

7 modułów · 51 lekcji

1 · Podstawowe koncepcje
  • Wstęp 1m 25s
  • Responsywne witryny - przykłady 5m 45s
  • Wprowadzenie do Media Queries 7m 24s
  • Media Queries - przykład użycia 6m 43s
  • Fluid grid - płynny układ 8m 31s
2 · Przydatne rozwiązania
  • Nawigacja typu Select 5m 49s
  • Responsywne wideo 4m 38s
  • Tabele - plugin Footable 9m 00s
  • Responsywne obrazki 5m 59s
  • Tekst oparty na jednostkach relatywnych 6m 57s
3 · Framework Bootstrap
  • Omówienie i pobieranie plików 5m 12s
  • Tworzenie projektu opartego na Bootstrap 5m 50s
  • Użycie układu kolumnowego 7m 20s
  • Bootstrap - typografia 9m 13s
  • Przyciski i formularze 6m 42s
  • Obrazki oraz ikony 6m 58s
  • Style elementów nawigacyjnych 5m 39s
  • Elementy funkcjonalne 5m 36s
4 · Pozostałe frameworki i narzędzia
  • Alternatywy dla Bootstrap 3m 35s
  • Omówienie frameworku Skeleton 7m 09s
  • Projektowanie w programie Photoshop 6m 25s
  • Testowanie witryny responsywnej 8m 26s
5 · Praktyczny projekt - struktura HTML
  • Główne założenia projektu 3m 41s
  • Tworzenie struktury plików 5m 15s
  • Logo i nawigacja 5m 01s
  • Flexslider 8m 51s
  • Sekcja portfolio 6m 06s
  • Sekcja usługi 5m 14s
  • Sekcja najnowsze prace 4m 50s
  • Sekcja social 4m 12s
  • Sekcja klienci 4m 04s
  • Formularz kontaktowy 9m 20s
  • Struktura stopki 5m 10s
6 · Projekt - style CSS
  • Podstawowe style witryny 3m 28s
  • Ogólne style dla nagłówków 5m 36s
  • Menu główne 8m 16s
  • Formatowanie slidera 8m 54s
  • Slider - nadpisywanie wbudowanych reguł 4m 23s
  • Ogólne style zawartości 7m 10s
  • Style sekcji usługi 6m 49s
  • Pozostałe style dla treści 7m 45s
  • Ostylowanie sekcji social 7m 36s
  • Mapy - ostylowanie 3m 40s
  • Style formularza 10m 00s
  • Style stopki 8m 12s
7 · Projekt - elementy responsywne
  • Elementy responsywne - wstęp 6m 27s
  • Dostosowanie witryny do średnich szerokości 10m 53s
  • Maksymalna szerokość 767px - nagłówek 7m 12s
  • Maksymalna szerokość 767px - treść 10m 34s
  • Wyświetlanie na mniejszych urządzeniach 6m 57s
  • Dodatkowe menu dla urządzeń mobilnych 10m 31s

Twój instruktor

Ksawery Kargól

Ksawery Kargól

Trener - praktyk AI

Ksawery Kargól to jeden z najbardziej rozpoznawalnych autorów technicznych na platformie Strefa Kursów. Od lat tworzy szkolenia, które pomagają uczestnikom wejść w świat nowych technologii krok po kroku, bez chaosu, zbędnego żargonu i poczucia, że „to nie dla mnie”. Jego największą siłą jest umiejętność tłumaczenia trudnych tematów prostym, uporządkowanym językiem. W swoich kursach prowadzi uczestnika od podstaw do praktycznego działania, pokazując nie tylko, co należy zrobić, ale też dlaczego dane rozwiązanie działa i jak można wykorzystać je w realnych projektach. Uczestnicy jego kursów szczególnie doceniają spokojne tempo, jasną strukturę i praktyczne podejście do nauki. To autor, który dobrze sprawdza się zwłaszcza wtedy, gdy temat wydaje się techniczny, trudny albo zarezerwowany tylko dla osób z doświadczeniem. Ksawery potrafi rozłożyć go na mniejsze kroki i przeprowadzić uczestnika przez cały proces w sposób zrozumiały i bez przytłoczenia. Jego szkolenia są dobrym wyborem zarówno dla osób początkujących, jak i tych, które chcą uporządkować swoją wiedzę, wrócić do podstaw albo pewniej korzystać z nowoczesnych narzędzi cyfrowych. Zamiast suchej teorii uczestnik otrzymuje konkretne przykłady, ćwiczenia i praktyczne rozwiązania, które pomagają szybciej przejść od oglądania lekcji do samodzielnego działania. Ksawery od lat współtworzy bibliotekę kursów Strefy Kursów, a jego materiały zebrały setki wysokich ocen od uczestników. To potwierdza, że jego największą wartością jest nie tylko znajomość technologii, ale przede wszystkim umiejętność przekładania jej na język zrozumiały dla szerokiego grona odbiorców. To dobry wybór dla osób, które chcą wejść w świat nowych technologii spokojnie, praktycznie i bez poczucia zagubienia.

Opinie kursantów

5,0 Zweryfikowana
„Konkretny merytoryczny kurs, polecam."
K Kamil Kondras zweryfikowany kursant
5,0 Zweryfikowana
„Gorąco polecam! Kurs bardzo merytoryczny i praktyczny!"
Damian Cangaris zweryfikowany kursant
5,0 Zweryfikowana
„Polecam, świetny kurs."
K Krzysztof Pluciński zweryfikowany kursant
5,0 Zweryfikowana
„Bardzo dobry kurs ! :)"
P Paweł Stelmach zweryfikowany kursant

Najczęściej zadawane pytania

Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to kompletne pakiety materiałów wideo przygotowane przez zespół naszych specjalistów. Po zakupie otrzymujesz natychmiastowy dostęp do wszystkich lekcji, testów i materiałów dodatkowych na swoim koncie - możesz zacząć się uczyć od razu, bez czekania. 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ść swoje 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 możesz w łatwy sposób zweryfikować za pomocą licznych testów i ćwiczeń dołączonych do każdego kursu.

Czy otrzymam certyfikat ukończenia kursu?

Do każdego ukończonego przez Ciebie kursu wystawiamy imienny certyfikat w formacie PDF - będzie on dostępny na Twoim koncie w zakładce Certyfikaty. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu oraz obejrzenie wszystkich lekcji. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i unikalny numer certyfikatu. 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. Pamiętaj, że certyfikatów nie wysyłamy w formie papierowej.

Czy otrzymam fakturę VAT za zamówienie?

Tak, do każdego zamówienia wystawiamy fakturę VAT (23%) lub paragon - w zależności od danych podanych przy zakupie. Pobierzesz ją z zakładki Historia zamówień na swoim koncie. Powiadomimy Cię mailowo, gdy dokument będzie gotowy.
Potrzebujesz proformy? Zaznacz pole "Chcę otrzymać dokument proforma" przy składaniu zamówienia lub napisz: biuro@strefakursow.pl


Zakup w aplikacji mobilnej? Jeśli kupujesz przez App Store lub Google Play, sprzedawcą jest odpowiednio Apple lub Google. Fakturę otrzymasz od nich zgodnie z ich zasadami:



Możesz również pobrać dokument przez stronę Apple. Przejdź pod ten adres: https://reportaproblem.apple.com/, następnie zaloguj się swoim Apple ID, znajdź zakup na liście i kliknij, aby zobaczyć szczegóły i ewentualnie pobrać dokument. Apple zwykle wystawia fakturę jako dostawca usług cyfrowych. Jeśli potrzebujesz faktury VAT, możesz skontaktować się z pomocą techniczną Apple, aby uzyskać dodatkowe informacje na temat zgodności faktury z przepisami w Twoim kraju.

Zakup w Google Play(Android)

Gdy dokonujesz zakupu w aplikacji strefakursów.pl na Android za pośrednictwem Google Pay sprzedawcą jest Google. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:

  • Otwórz aplikację Google Play.
  • Kliknij ikonę swojego profilu w prawym górnym rogu.
  • Wybierz Płatności i subskrypcje > Historia zakupów.
  • Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły. Jeśli chcesz pobrać fakturę, kliknij przycisk Faktura (jeśli jest dostępny).

  • Możesz również znaleźć fakturę na stronie Google Pay. Przejdź pod ten adres: pay.google.com i zaloguj się na swoje konto Google, z którego dokonano zakupu. W sekcji Aktywność znajdziesz wszystkie transakcje dokonane w Google Play. Kliknij daną transakcję, aby zobaczyć szczegóły i pobrać fakturę.

Ile mam czasu na przerobienie materiałów?

Tyle, ile potrzebujesz! Uczysz się we własnym tempie - bez presji i bez abonamentu. Płacisz raz i zachowujesz dostęp do zakupionego kursu na swoim koncie bez z góry określonej daty końcowej. Przez pierwsze 12 miesięcy od zakupu dbamy o aktualność materiałów i zapewniamy pełną dostępność testów oraz certyfikatu. Później kurs nadal pozostaje na Twoim koncie - wracasz do lekcji, kiedy masz ochotę. Szczegółowe zasady dostępu znajdziesz w regulaminie.

Dla firm
Uczysz się do pracy? Kup ten kurs przez firmę
Dla siebie, pracownika lub zespołu – z fakturą i opcją ceny zespołowej.
Sprawdź zakup firmowy