Kurs Responsive Web Design

Wprowadzenie

Koszyk Koszyk
  • Opis
  • Recenzje
  • Autor
  • Transkrypt
  • Pytania i odpowiedzi
  • QA

24 ocen

Wprowadzenie

Projektowanie na wiele ekranów i rozdzielczości to jedno z największych wyzwań współczesnych front-end developerów. Materiał, który masz przed sobą stanowi szereg niezwykle praktycznych lekcji, dzięki którym będziesz mógł jeszcze skuteczniej kodować responsywne serwisy.

  1. Szereg skutecznych technik projektowania responsywnych stron WWW
  2. Omówienie ciekawych bibliotek JavaScript i jQuery
  3. Przeglad mozliwosci testowania stron przygotowanych w RWD
  4. Responsywne tabele oraz skalowanie i osadzanie obrazków na stronach
  5. Formaty i optymalizacji grafiki na nowoczesne urzadzenia
  6. Narzedzia wspomagajace prace jak Inspect czy Reflow
  7. Adobe Generator oraz obsluga zdarzen dotykowych

Praktyczna wiedza na dziesiątkach przykładów

Poznaj zestaw uniwersalnych technik kodowania responsywnych stron WWW. Większość przykładów, które omawiamy w kursie koncentruje się wokół optymalnego wykorzystania technologii HTML, CSS, JavaScript czy jQuery. Ponadto, dowiesz się także jak pracować z grafiką na potrzeby nowoczesnych stron WWW i które formaty wybrać.

Dodatki ułatwiające kodowanie responsywnych serwisów

Szereg warsztatów na dziesiątkach praktycznych przykładów omawia optymalizację procesu kodowania witryn dzięki zastosowaniu rozszerzeń, bibliotek JavaScript, wtyczek jQuery czy po prostu sprawdzonych sposobów na pracę z takimi elementami strony jak obrazki oraz skalowalne tabele.

Obsługa ekranów dotykowych

W kursie znalazł się także materiał, który omawia obsługę Touch Events na ekranach dotykowych. Zdarzenia takie jak swipe, tap, pinch & zoom pozwalają nam reagować na obsługę ekranu dotykowego i tworzyć dopasowaną, użyteczną zawartość. W jednym z praktycznych przykładów zajmiemy się budową dotykowej przewijarki zdjęć z jQuery.

Testowanie responsywnych witryn

Dowiedz się jakie są sposoby na testowanie stron WWW, począwszy od optymalizacji najprostszych technik testowania w przeglądarce, przez testowanie na fizycznych urządzeniach oraz optymalizację tego procesu narzędziami takimi jak Edge Inspect, aż do rozwiązań które pozwolą Ci testować serwisy na wielu urządzeniach zdalnie czy korzystać z narzędzi developerskich na urządzeniach. Dzięki zdobytej wiedzy będziesz wiedział, jak optymalnie testować w zależności od potrzeb konkretnego projektu.

Perfekcyjna grafika na wszystkich wyświetlaczach

Sprawdź najlepsze techniki pracy z grafiką na potrzeby responsywnych stron WWW, oraz nowych, wysokiej jakości wyświetlaczy urządzeń mobilnych. Poznaj zasady skalowania w systemach iOS, Android i Windows i optymalne sposoby na zapisywanie grafiki na ich potrzeby, jak również sprytne sztuczki przyspieszenia całego procesu w Photoshop. Dowiedz się także więcej o formacie SVG i jego zastosowaniach.

Narzędzia wspomagające pracę

Zobacz jak można szybko tworzyć responsywne, proste projekty z pomocą zewnętrznych narzędzi. Na przykładzie Edge Reflow i integracji z Photoshop razem z technologią Adobe Generator, dowiesz się jak w rekordowym czasie, w interfejsie graficznym wykonać proste projekty stron WWW. Być może na potrzeby niektórych projektów będzie to jeden z najlepszych sposobów na dostarczenie pracy.

Podsumowując, kurs zawiera między innymi:

  • Szereg skutecznych technik projektowania responsywnych stron WWW
  • Omówienie ciekawych bibliotek JavaScript i jQuery wspomagających pracę
  • Przegląd możliwości testowania stron przygotowanych w technice Responsive Web Design
  • Responsywne tabele oraz skalowanie i osadzanie obrazków na stronach
  • Wskazówki dotyczące formatów i optymalizacji grafiki na nowoczesne urządzenia
  • Narzędzia wspomagające pracę jak Inspect czy Reflow
  • Nowe technologie jak Adobe Generator oraz obsługa zdarzeń dotykowych
  • I wiele, wiele więcej

Dla kogo jest ten kurs?

Kurs został opracowany z myślą o osobach, które projektują strony WWW i chcą poznać nowe metody i skuteczne techniki pracy związane z optymalizacją witryn pod urządzenia mobilne i rozdzielczości. Do pracy z kursem wymagana jest wiedza z zakresu HTML, warto znać także przynajmniej podstawy JavaScript i jQuery. Szczególnie polecamy wcześniejsze przerobienie kursów HTML i CSS, jak również kursu Elastyczne Strony WWW. Jesteśmy pewni, że materiał który masz przed sobą będzie stanowił ciekawe źródło wiedzy i przełoży się na Twoją codzienną pracę ze stronami WWW.

Dlaczego wybrać właśnie ten kurs?

  1. Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
  2. Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
  3. Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.

Autor: Grzegorz Róg

Od wielu lat projektuje serwisy internetowe, dużą wagę przykładając do ich funkcjonalności a także skutecznych technik promocji. Swoje umiejętności praktyczne zdobywa projektując grafikę oraz strony www dla wiodących polskich i zagranicznych agencji reklamowych. Współpracuje między innymi z Adobe, Microsoft, Wacom. Jako trener i spiker prowadzi szkolenia oraz eventy i warsztaty. Posiada szereg uprawnień i certyfikatów eksperckich. <br><br> W wolnych chwilach stara się przekazać Ci całą praktyczną wiedzę, pasję i doświadczenie. Zapraszamy do kursu - gwarantujemy, że ta świetna zabawa przyniesie Ci mnóstwo satysfakcji!

Od wielu lat projektuje serwisy internetowe, dużą wagę przykładając do ich funkcjonalności a także skutecznych technik promocji. Swoje umiejętności praktyczne zdobywa projektując grafikę oraz strony www dla wiodących polskich i zagranicznych agencji reklamowych. Współpracuje między innymi z Adobe, Microsoft, Wacom. Jako trener i spiker prowadzi szkolenia oraz eventy i warsztaty. Posiada szereg uprawnień i certyfikatów eksperckich. <br><br> W wolnych chwilach stara się przekazać Ci całą praktyczną wiedzę, pasję i doświadczenie. Zapraszamy do kursu - gwarantujemy, że ta świetna zabawa przyniesie Ci mnóstwo satysfakcji!

5

Średnia ocen autora

Ten kurs nie posiada jeszcze transkryptu. Choć bardzo się staramy, wygenerowanie transkryptów do wszystkich kursów jest bardzo czasochłonne. W wielu przypadkach wymaga zaangażowania drogiego oprogramowania i godzin pracy przy poprawianiu transkryptu tak, aby był on możliwie jak najlepszy.

Zależy nam na tym, aby przygotować transkrypty do wszystkich naszych treści. To jedyny sposób dla osób niedosłyszących, aby mogły wygodnie uczyć się technologii. Poza tym, transkrypty ułatwiają skanowanie kursu w poszukiwaniu informacji i jego indeksowanie.

Szukamy osób, które mogłyby nam pomóc w poprawianiu transkryptów. Jeśli masz chwilę wolnego czasu i interesuje Cię dany kurs, w zamian za taką pomoc chętnie udostępnimy Ci wybrany materiał. Wyślij swoje zgłoszenie tutaj, jeśli możesz pomóc nam rozwijać platformę.

  • Informacje
  • Lekcje

Autor: Grzegorz Róg

Czas: 9 godzin 42 minut

  • Certyfikat w ramach Ścieżki
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół
Podaruj w prezencie

Wstęp do kursu

  • Wprowadzenie

Skuteczne Techniki RWD

  • CSS3 Layout

  • Skuteczne Techniki RWD

  • Dostosowanie obrazów do urządzeń

  • Responsywne tabele

  • Wykorzystanie Touch Events

  • Tworzenie nawigacji na stronie

Praca z Photoshop i Reflow

  • Perfekcyjna grafika dla urządzeń mobilnych

  • Generator w Photoshop i Reflow

  • Responsywne strony w Reflow

  • Testowanie mobilnych stron WWW

}