Responsive Web Design & Bootstrap

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

Ten kurs został zastąpiony nowszym Kurs Bootstrap 3 - responsywne strony Zobacz nowy kurs

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.

Spis treści

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

Recenzje (54)

Średnia ocena 5 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ę !

Marcin Bilicz 228 dni temu

No cóż wybór między bootstrapem a foundation jak dla mnie nie był prosty . Ja osobiście wybrałem foundation , jest lżejszy i subtelniejszy . Daję 5 gwiazdek, bo pomimo mojego osobistego wyboru kurs obowiązkowy dla wszystkich twórców witryn internetowych.

wojciech ścisłowski 231 dni temu

Bardzo fajny kurs, temat przedstawiono w sposób rzetelny i bardzo zrozumiały dla początkującego. Pierwsze projekty z wykorzystaniem zdobytej wiedzy stały się faktem :-) Zdecydowanie polecam.

Krzysztof Głuch 232 dni temu

Krok po kroku do konkretnego celu, choć dotyczący 2 wersji bootstrapa to jednak można znaleźć w nim wiele ciekawych smaczków.Niezwykle szczegółowo i dokładnie opowiedzane każde zagadnienie.

Marcin Leissa 251 dni temu

Kurs pomógł mi poszerzyć posiadaną już przeze mnie wiedzę.

Sylwia Wojtaszek 254 dni temu

Niezbędnik dla każdego developera. Ciekawe podejście do tematu i dużo pożytecznej wiedzy.

Jerzy Olender 289 dni temu

W dzisiejszych czasach podstawową cechą dobrze zaprojektowanej strony internetowej jest możliwość jej odpowiedniego wyświetlania na ekranach urządzeń mobilnych o różnych wymiarach. Dzięki temu kursowi poznałem efektywne techniki pozwalające tworzyć strony spełniające te kryterium. Jeśli znasz już przynajmniej podstawy Html i Css to kurs ten powinien być naturalnym wyborem.

Michał Andrzejewski 304 dni temu

Strony kompatybilne z mobile to obecnie konieczność. Ten kurs opisuje w najdokładniejszy z możliwych sposobów jak stworzyć stronę responsywną bez wielu nieprzespanych nocy.

Marcin Kamiński 312 dni temu

dobry kurs, dla początkujących jak znalazł. dla mnie idealny, by przypomnieć sobie parę spraw.

Ksymena Makselon 320 dni temu

Polecam! bardzo fajnie przygotowany.

Mateusz Bodzioch 351 dni temu

Dobrze przeprowadzony kurs, ciekawe przykłady. Informacje przekazane w przystępny sposób i rzetelny - godny polecenia.

Piotr Gorszkowski 353 dni temu

Polecam bardzo dobry kurs, świetnie opisane projekty, bardzo dobrze wytłumaczone

Piotr Panasiuk 361 dni temu

Rewelacyjnie przedstawiony temat.Polecam

Mariusz Szadkowski 363 dni temu

Świetny framework, świetny kurs. Dzięki szkoleniu bez problemu i bardzo szybko stworzymy własną, skalowalną stronę www. Jak zawsze Pan Ksawery objaśnia wszystko bardzo szczegółowo i na wysokim poziomie. Każdy, kto zajmuje się tworzeniem stron i chciałby poznać ten framework powinien zaznajomić się z tym kursem. POLECAM !!!

Łukasz Kuczek 374 dni temu

Bardzo dobry kurs. Szczególnie przydatny do tworzenia atrakcyjnych oraz nowoczesnych responsywnych witryn internetowych. Polecam do zakupu.

Grzegorz Pastuszko 374 dni temu

Bardzo wyczerpujący kurs! Naprawdę Polecam!

Mirosław Drozd 405 dni temu

Jestem mega zadowolony z tego kursu, w bardzo prosty sposób wyjaśnia metodykę RWD i pokazuje możliwości najpopularniejszego frameworka Bootstrap, w połączeniu z kursem Bootstrap 3 daje solidna dawkę wiedzy. POLECAM KAŻDEMU!!.

Patryk Mieszczakowski 424 dni temu

Wykonany w kursie projekt serwisu na Frameworku Bootstrap, pokazał mi wiele przydatnych, konkretnych technik, przyspieszających pracę podczas budowania strony, dostosowującej się pod różne rozdzielczości. Zawartość kursu oceniam na duży plus.

Kinga Brojanowska 431 dni temu

Kurs bardzo mi się podobał, poszczególne elementy omówione dokładnie, na koniec wykonany kompletny projekt responsywnej strony.

Filip Ciepałowicz 436 dni temu

Kurs bardzo ciekawy i co najważniejsze dobrze wykonany, dzięki niemu mogę teraz tworzyć strony na wszelkie urządzenia :)

Marcin Hatko 461 dni temu

Rewelacyjny kurs - jak każdy w Strefie Kursów - w końcu ktoś mi wytłumaczył na czym polega strona "responsywna" i jak ugryźć Bootstrap'a - polecam

Krzysztof Kamieński 478 dni temu

W dzisiejszych czasach chyba obowiązkowy kurs dla każdego webmastera.

Tomasz Rusiecki 484 dni temu

Kurs Responsive Web Design & Bootstrap to najlepszy kurs jaki dotąd spotkałem. Jest stworzony dla ludzi którzy wiedzą już coś o RWD a także tych którzy dopiero zaczynają swoją przygodę z mobilnymi witrynami. Polecam!

Damian Łaciński 535 dni temu

Wszystko super !

Kamil Malinowski 536 dni temu

To był mój pierwszy kurs od strefykursów i na pewno nie ostatni, nauczyłem się o wiele więcej niż w ogóle zakładałem, lektor świetnie omawia tematy i w to w taki sposób, że przyswajanie wiedzy jest przyjemne proste. W kursie pojawiło się też dużo praktyki i funkcjonalnych, gotowych skryptów jak chociażby ten na mobilne menu. Z całą pewnością wart swojej ceny, polecam.

Jakub Frydryk 550 dni temu

Kurs naprawdę niesamowity. Musiałem ogarnąć ten framework w dwa dni ze względu na zlecenie. Ten kurs mi na to pozwolił. Teraz korzystam z Bootstrapa swobodnie. Polecam ten kurs wszystkim! :)

Damian Narodzonek 553 dni temu

Świetne wprowadzenie do tematyki RWD.

Andrzej Kierski 577 dni temu

Bardzo dobry kurs z bardzo dobrze dobranym przykładem dającym możliwości poznania i nauczenia się zagadnień omawianych w kursie

Miroslaw Staskiewicz 599 dni temu

Duża dawka wiedzy na temat responsive web design oparta na technologii bootstrap.

Marek Kwiatkowski 599 dni temu

super kurs! bardzo polecam! w szybki i przyjemny sposób można zacząć tworzyć responsywne strony, a i jakieś omówienie bootstrap i kilku innych framework`ów się znajdzie :)

Weronika Urbańczyk 604 dni temu

W kursie spodobał mi się sposób omówienia tematu. Jeśli chcesz robić responsywne strony to ten kurs ci w tym pomoże. W połączeniu z kursem html5 daje solidne podstawy do rozpoczęcia przygody z tworzeniem stron www.

Mariusz Ściseł 625 dni temu

Prostota.

Damian Szołtysek 643 dni temu

Dzięki temu kursowi mogłem w końcu rozpocząć tworzyć poważne zlecenia! Zdecydowanie polecam!

Adrian Moroń 646 dni temu

Przejrzyście i jasno wyjaśniony RWD.

Paweł Ka 669 dni temu

Wspaniały kurs! Profesjonalnie i bardzo przystępnie przedstawiony materiał kursu sprawił, że nabrałem apetytu na więcej. Tak w tym jaki i innych zakupionych kursach z radością powitał bym kontynuację an wyższych poziomach zaawansowania.

Paweł Rutkowski 685 dni temu

Polecam wszystkim,którzy chcą poznać framework Bootsrap od podstaw przy okazji tworząc na prawdę ładną stronę.Na prawdę wszystkie treści zostały przedstawione bardzo dobrze.

Paweł Jakimowicz 750 dni temu

niezły, dobry lektor, sensowne ćwiczenia wynoisłem z niego naprawdę dużo, polecam

Artur Wysocki 759 dni temu

Naprawdę ten kurs jak i inne, które zakupiłem są świetnie przeprowadzone i dają dobre podstawy do dalszego zgłębiania tematu. Polecam.

Stanisław Kaczmarski 891 dni temu

Polecam.Świetny kurs i bardzo dobrze przeprowadzony.

Michał Goryszewski 920 dni temu

Kurs bardzo Ciekawy. Na pewno poznasz w nim pewne standardy i informacje skąd korzystać w trakcie tworzenia strony. Ogólnie w tej cenie to bardzo przydatne informacje i jestem zadowolony.

Dawid Boho 935 dni temu

Bardzo dobry kurs. Wiele można się z niego nauczyć. Warto go kupić.

Dariusz Sikorski 952 dni temu

Kurs kupiłem jakiś czas temu ale dopiero niedawno go przerobiłem. I żałuję, ze zrobiłem to tak późno. Jest to o co mi chodziło z dziedziny Responsive Web Design. Dowiedziałem się jak w prosty sposób tworzyć strony działające na róznych rozdzielczosciach. Bardzo pomógł mi w zozumieniu technik które były dla mnie niezbyt jasne.

Arkadiusz Wośkało 972 dni temu

Responsive Web Design & Bootstrap jest bardzo fajny sporo wiedzy no i przedewszystkim pozwala zrozumieć technologie RWD. Ja natomiast sugerowałbym robienie przykładów na jakiś popularnych CMS (może jest pomysł na bardziej zaawansowany kurs), bo w samej Joomla są również ciekawe frameworki RWD.

Radosław Dzimiński 1038 dni temu

Kurs bardzo przydatny, pomaga opanoować techniki tworzenia responsywnych stron internetowych. Poziom kursu jak zwykle na najwyższym poziomie. Framework Bootstrap znacznie pomaga i przyspiesza pracę nad responsywną witryną. Polecam

Marcin Kozikowski 1045 dni temu

Tworzenie responsywnych stron internetowych jest niemałym atutaem na rynku pracy dla każdego webmastera. Jeżeli chcesz pozyskać umiejętność tworzenie stron na urządzenia mobilne, ten kurs jest właśnie dla Ciebie.

Grzegorz Topolewski 1082 dni temu

Kurs nie tylko wprowadza nas krok po kroku do świata RWD ale również daje przegląd kilku na prawdę ciekawych pluginów oraz metod testowania responsywnej witryny. Na prawde godny polecenia.

Mateusz Holk-Łebiński 1160 dni temu

Witam i polecam kurs responsive web design Bootstrap ze strefy kursów. Bardzo dobrze wytłumaczone przykłady, krok po kroku opisana każda czynność. Bardzo dobra merytoryka kursu widac ze prowadzacy ma doświadczenie w programowaniu, tworzeniu elastycznych sron www. Polecam Tomek.

Tomek Kowalczyk 1195 dni temu

Do zakupu kursu podchodziłem z pewnym dystansem, jednak okazał się bardzo trafnym zakupem. Pomimo, iż na codzień zajmuje się tworzeniem stron www z kursu można dowiedzieć się wielu ciekawych rozwiązań odnośnie tworzenia responsywnych stron oraz samego frameworka Bootstsrap. Sam kurs przygotowany w bardzo dostępny sposób, dość treściwie wyczerpując poruszone w nim zagadnienia. Szczerze mogę polecić tym którzy się zastanawiają na jego zakupem.

Krzysztof Prusaczyk 1259 dni temu

Badrdzo treściwy kurs. Jako początkujący Webmaster dowiedziałem się wielu przydatnych rzeczy. Czekam z niecierpliwością na kolejny kurs dla zaawansowanych dzięki któremu będę mógł dalej rozwijać swoje projekty. POLECAM!

Kamil Kolat 1270 dni temu

Kurs bardzo dobrze przygotowany pod względem merytorycznym. Dużo ciekawych informacji na temat składania kodu na urządzenia mobilne. Temat bardzo aktualny, zwłaszcza że urządzenia mobilne i przeglądania treści to praktycznie codzienność. Polecam Sławomir Kozłowski

Sławomir Kozłowski 1280 dni temu

Jak zwykle bez zastrzeżeń.

Krystian Węsek 1314 dni temu

Rozwój tabletów i smartfonów spowodował jeszcze większy głód na informację w internecie. Szybko, rzeczowo i solidnie dowiesz się dlaczego strony wizytówkowe w aktualnej postaci to przeszłość. Łykając wiedzę z tego kursu posiądziesz nie podważalne argumenty podczas prezentacji swojej oferty potencjalnemu klientowi. Umiejętność wykonania responsywnych stron da ci atut, który pozwoli pokonać ofertę konkurencji w walce o klienta. KUP i przekonaj się sam!

Jarosław Ślamczyk 1326 dni temu

Bardziej wyczerpująco chyba się nie da. Super kurs, dzięki niemu Twoja strona będzie dostępna dla maniaków mobilności.

Daniel Bieganowski 1361 dni temu

Bardzo dokładnie, przystępnie przedstawione jak zaprojektować stronę do danego urządzenia mobilnego. Naprawdę fajne, POLECAM!!!

Mariusz Koczara 1391 dni temu


Produkt niedostępny

Szkolenie zawiera

  • Możliwość pobrania pliku
  • Możesz pobrać pliki z kursem i zachować kopie.
  • Nielimitowany dostęp
  • Oglądasz kursy gdzie chcesz i kiedy chcesz.
  • Stałe aktualizacje
  • Szkolenie będzie na bieżąco aktualizowane, a Ty będziesz miał dostęp do wszystkich nowych lekcji.
  • Dodatkowe materiały
  • Wraz ze szkoleniem otrzymasz wszystkie pliki użyte w kursie.
  • Certyfikat ukończenia
  • Na koniec otrzymasz certyfikat potwierdzający ukończenie szkolenia.
  • Dostęp z urządzeń mobilnych
  • Masz dostęp do szkolenia również z urządzeń mobilnych i możesz uczyć się w dowolnym miejscu.

Informacje o kursie

  • Czas trwania 5,5 godziny

Autor

Ksawery Kargól

Ksawery Kargól

Certyfikowany ekspert Adobe®

Ksawery Kargól to doświadczony designer i web developer. Jest certyfikowanym ekspertem Adobe®. Tworzenie stron to jego życiowa pasja. Od początku związany z strefakursow.pl. Twórca kilkudziesięciu publikacji cieszących się uznaniem na całym świecie.

Szybka pomoc

FAQ (Najczęściej Zadawane Pytania)

888 223 111