• Odbierz zwrot 50 zł na kartę revolut
  • Szkolenia
    strefakursów.pl Programowanie
    DARMOWE FRAGMENTY

    Responsive Web Design & Bootstrap

    Zadbaj o to aby twoja strona wyświetlała się prawidłowo na każdym urządzeniu.
    To szkolenie zostało zaktualizowane.
    Zobacz nowy kurs
    Płatności twisto

    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.

    ZOBACZ WIĘCEJ
    Program nauczania
    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 Podgląd 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 Podgląd 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 Podgląd 10m 31s
    Ocena uczestników
    5 5 58
    5.0
    99%
    1%
    0%
    0%
    0%
    Recenzje użytkowników (58)
    5
    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!
    5
    Kurs przedstawia proces tworzenia kompletnej strony internetowej od A do Z. Dzięki temu otrzymujesz gotowy schemat przydatny do wykonywania zleceń komercyjnych Polecam!
    5
    Kurs znakomicie opisuje zagadnienia z RWD.Po ukończeniu wszystkich lekcji, śmiało mogę stwierdzić,iż opanowałem solidne podstawy w temacie responsywności.Dzięki kursowi otworzyłem oczy na wiele istotnych aspektów już na wstępnym etapie projektowania strony… Czytaj więcej
    5
    Dzięki temu kursowi nauczyłem się jak w prosty sposób tworzyć strony responsywne. Polecam go każdemu webmasterowi. Wiedza z tego kursu jest naprawdę wartościowa.
    5
    Nic innego nie mogę napisać tylko coś wspaniałego, zresztą jak wszystkie kursy, prosto, czytelnie i zrozumiale tłumaczone. Podejście do klienta ogromny plus, odpowiadają nawet na pytania nie związane z kursami. Uwielbiam Strefę Kursów :-) Pozdrawiam całą mega ekipę !
    Informacje o szkoleniu
      58 recenzji
      5,5 godziny
      51 wykładów
    • Możliwość pobrania pliku
    • Nielimitowany dostęp
    • Dostęp z urządzeń mobilnych
    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