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
58 recenzji
5,5 godziny
51 wykładów
Twisto
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ę !
Ksawery Kargól

Ksawery Kargól

Certyfikowany ekspert Adobe®

5.0
Responsive Web Design & Bootstrap
Zadbaj o to aby twoja strona wyświetlała się prawidłowo na każdym urządzeniu.
Informacje o szkoleniu
  • Możliwość pobrania pliku
  • Nielimitowany dostęp
  • Dodatkowe materiały
  • Certyfikat ukończenia
  • 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