Responsive Web Design & Bootstrap
Zadbaj o to aby twoja strona wyświetlała się prawidłowo na każdym urządzeniu.
Szczegóły, które warto znać
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.
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
Trener - praktyk AI
Opinie kursantów
„Konkretny merytoryczny kurs, polecam."
„Gorąco polecam! Kurs bardzo merytoryczny i praktyczny!"
„Polecam, świetny kurs."
„Bardzo dobry kurs ! :)"
„Konkretny merytoryczny kurs, polecam."
„Gorąco polecam! Kurs bardzo merytoryczny i praktyczny!"
„Polecam, świetny kurs."
„Bardzo dobry kurs ! :)"
„Jestem bardzo zadowolony z kursu. Przedstawione w nim lekcje w jasny sposób przedstawiają najważniejsze zagadnienia w tej dziedzinie, które zrozumie każda początkująca osoba. Gorąco polecam!"
„Kurs przedstawia proces tworzenia kompletnej strony internetowej od A do Z. Dzięki temu otrzymujesz gotowy schemat przydatny do wykonywania zleceń komercyjnych Polecam!"
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.