Kurs Nowoczesny Webdesign

Wprowadzenie

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

62 ocen

Wprowadzenie

Zajmujesz się, lub zamierzasz się zająć Tworzeniem Stron WWW? Jesteś programistą, grafikiem, chcesz stworzyć stronę firmy lub kierujesz zespołem? Ten kurs jest wszystkim, czego potrzebujesz aby projektować nowoczesne, skuteczne i funkcjonalne serwisy. Poznasz i zoptymalizujesz proces koncepcyjny, dowiesz się jak pracować wydajnie w zespole, optymalizować grafikę, wykorzystać RWD i podejście Mobile First. Powiem Ci jak skutecznie optymalizować i promować strony WWW. Poznasz też dziesiątki narzędzi oraz linków, które pomogą Ci usprawnić pracę i zebrać potrzebne zasoby. Pokażę Ci na setkach przykładów jak działają nowoczesne strony WWW oraz jakie są trendy w projektowaniu. Gwarantuję, że inwestycja w kurs zwróci się wielokrotnie w Twojej pracy!

  1. Mobile First i RWD – Najlepsze Praktyki
  2. Praca koncepcyjna - UX, Uzytkownicy, Prototypowanie
  3. Grafika i UI strony WWW – Narzedzia, Formaty
  4. Typografia na stronach WWW
  5. Najlepsze, inspirujace przyklady serwisów
  6. Architektura Informacji i Nawigacja
  7. Optymalizacja stron WWW
  8. Praca w Zespole - Praktyczne Narzedzia
  9. Wstep do SEO - Pozycjonowanie i Promocja
  10. I wiele wiecej!

Technologie w sieci - Pojęcia

Poznasz podstawowe zagadnienia związane z funkcjonowaniem stron WWW w sieci - porozmawiamy o przeglądarce, domenach oraz DNS, wyborze odpowiedniego dostawcy usług hostingowych i najważniejszych parametrach na które należy zwrócić uwagę aby nasza strona WWW mogła skalować się wraz ze wzrostem ruchu. Powiem też o tym jak wygląda podział ról w procesie projektowania a także poznamy podstawowe pojęcia jak serwer i client-side oraz ich najważniejsze technologie html css js, pomówimy o blibliotekach i frameworkach, bazach danych i technologiach serwerowych jak asp net i php. Ta część głównie kierowana jest do osób które stawiają swoje pierwsze kroki w webdesignie i stanowi dopełnienie całego materiału.

Mobile first

Czy wiesz, że aż 25% ludzi na świecie korzysta wyłącznie z urządzeń mobilnych do przeglądania sieci? W tej części kursu będziesz miał okazję zainspirować się nowym podejściem do projektowania w związku ze zmieniającym się ekosystemem urządzeń i technologii mobilnych. Dowiesz się czym jest podejście mobile first oraz jakie są zalety rozpoczęcia procesu projektowego od małych ekranów. Poznasz też aktualne kierunki i trendy związane z wykorzystaniem IOT oraz VR i sensorów. Sprawdzimy statystyki i przygotujemy się do praktycznych aspektów projektowania na wiele ekranów, czyli…

Responsive Web Design

Projektowanie jako proces

Współczesny proces tworzenia serwisów, czy raczej aplikacji internetowych w ciągu ostatnich lat ewoluował w kierunku sprawnego dostarczania rezultatów i realizacji celów biznesowych w rekordowym czasie. W kursie omówimy dokładnie nowe podejście, wspominając także o metodologii Agile i podejściu Scrum, które z odpowiednimi modyfikacjami zastosujesz do każdego serwisu - niezależnie, czy tworzy go duży zespół osób, czy tylko grafik i programista. Jeśli słyszałeś o Agile UX i Lean UX to prawdopodobnie zainteresuje Cię to w jaki sposób zorganizować pracę tak aby przebiegała ona z nakierowaniem na rezultat. Powiem Ci też jak niemal całkowicie zrezygnować z przestarzałej dokumentacji na rzecz aktywnego angażowania zespołu i właściciela projektu.

Podstawy pracy koncepcyjnej

Kurs, który masz przed sobą prowadzi Cię w sposób spójny i zrozumiały po kolejnych etapach procesu projektowania stron WWW. Ma on stanowić kompletne źródło wiedzy, do którego będziesz wracał w różnych fazach swoich projektów. Dlatego kolejnym działem jest wyjaśnienie zagadnienia pracy koncepcyjnej i jego pierwszego etapu jakim jest definicja celów oraz stworzenie modelu biznesowego dla powstającej witryny. Pokażę Ci jak zdefiniować cele, akcje oraz funkcje serwisu i jak powinien przebiegać podział tych elementów w fazie koncepcyjnej.

Użytkownicy i testy

Kolejnym etapem pracy będzie zweryfikowanie tego, czy cele biznesowe serwisu odpowiadają zapotrzebowaniu oraz specyficznym wymaganiom użytkowników. Powiem Ci jak małym nakładem czasu przeprowadzić testy na użytkownikach i wyjaśnię, dlaczego są potrzebne w fazie koncepcyjnej. Zdefiniujemy także użytkowników, do których chcemy kierować swój serwis a także stworzymy persony, które będą towarzyszyć nam podczas kreowania strategii treści dla serwisu.

Treść i architektura informacji na stronie WWW

Ta obszerna część kursu obejmuje niezwykle ważny etap pracy koncepcyjnej, w ramach którego najpierw opracujemy schemat i architekturę treści dla naszego serwisu a następnie zbudujemy relację podstron witryny tworząc tym samym tzw. Sitemapę. Przy okazji pokażę Ci mnóstwo ciekawych narzędzi wspierających ten proces. Zajmiemy się kolejno hierarchią treści i podstron budując tym samym nawigację na naszej stronie. Pokażę Ci także szereg praktycznych, nowoczesnych rozwiązań związanych z nawigacją w serwisie.Kolejno zajmiemy się tworzeniem wizualnego schematu witryny a naszą pracę rozpoczniemy od prostych Wireframe'ów oraz projektowania w oparciu o tekst, by przejść do coraz bardziej zaawansowanych technik pracując nad mockupami oraz prototypami serwisu. Pokażę Ci szereg rozwiązań i narzędzi które będą pomocne również do tworzenia interaktywnych prototypów takich jak UX Pin, Invision czy Adobe Muse.Zbudujemy też tzw. Content Inventory, czyli repozytorium treści, które znajdą się w serwisie. Poznasz sposoby na jego łatwą aktualizację oraz narzędzia chmurowe, które pozwolą na zdalną współpracę nad treścią z innymi autorami.

Atomowe komponenty

Zamiast tworzenia klasycznych stron WWW opartych o podstrony, zaproponuję Ci zupełnie nowe podejście bazujące na tworzeniu systemów opartych o komponenty. Poznasz atomy oraz molekuły tworzące gotowy organizm i strony Twojego serwisu i odkryjesz mnóstwo zalet takiego podejścia, które znacznie odciąży Twój serwis i sprawi, że będziesz mógł go łatwo skalować. Pomówimy o graficznych bibliotekach komponentów oraz ich organizacji a także rozwiązaniach opartych o przeglądarkę i HTML oraz CSS. Dowiesz się czym jest Style Guide i jak stworzyć uniwersalne wytyczne do komponentów w Twoim serwisie. Pokażę Ci też najlepiej przygotowane przykłady Style Guide.

Liczy się styl!

Kolejną część kursu poświęcimy na omówienie praktycznych zagadnień związanych z poszukiwaniem inspiracji stylistycznych do projektu. Pokażę Ci narzędzia, które pozwolą w łatwy sposób gromadzić inspiracje w postaci zasobów i tablic a następnie na ich podstawie stworzymy wytyczne do zaprojektowania graficznego UI serwisu. Dowiesz się czym są Style Tiles i dlaczego warto tą część procesu zaplanować w odpowiednim czasie.

BONUS! Inspirujące Strony WWW - Trendy 2016

To nie wszystko! Jako bonus do tego kursu otrzymasz ponad godzinną lekcję z przeglądem setek serwisów WWW, które zainspirują Cię do dalszej pracy. Przyjrzymy się aktualnym trendom w projektowaniu takim jak Flat UI czy Material Design. Będziesz miał okazję obejrzeć najlepiej zaprojektowane serwisy na Świecie i dowiedzieć się, co sprawia że ich UI i UX są wyjątkowe. To nie wszystko! W ramach kursu otrzymasz darmowe aktualizacje tego materiału w każdym roku tak, abyś mógł dopasować się do zmieniających się trendów!

Grafika na stronach WWW

W kolejnej części kursu porozmawiamy o nowych trendach w zakresie przygotowywania i optymalizacji na strony WWW. Dowiesz się jakie są popularne formaty grafiki, jak możemy zastąpić ją z pomocą typografii czy elementów CSS3 a także jak przygotować pliki na Twoją stronę WWW. Dowiesz się też jak pracować z formatem SVG i popularnymi bibliotekami wspomagającymi pracę z grafiką.Porozmawiamy także o projektowaniu w oparciu o zasoby - przekażę Ci mnóstwo linków do darmowych zasobów jak grafiki - zdjęcia, ikony, czy gotowe zestawy UI przygotowane dla Photoshop, Sketch czy Illustrator, tak abyś mógł pracować wydajniej mając do dyspozycji świetnej jakości źródła.

Typografia w sieci

Kolory w sieci i Grid

Kolejna część dotyczy kolorystyki na stronach WWW oraz siatki - poznasz właściwe zastosowania kolorów oraz dowiesz się jak działa psychologia kolorów. Pokażę Ci także szereg narzędzi, które ułatwią i pomogą w wyborze kolorystyki na stronę WWW. Poza tym będziemy także pracować w oparciu o siatkę jako jeden z kanonów projektowania, który łatwo zrozumiesz dzięki aplikacjom optymalizującym pracę na gridzie.

Praca w zespole

Z kursu dowiesz się także jak skutecznie pracować w zespole. Nieważne, czy jest to zespół składający się z kilkunastu osób pracujących zdalnie, czy z dwóch które ściśle ze sobą współpracują - pokażę Ci jak zautomatyzować procesy oraz jak zarządzać skuteczną komunikacją w zespole z wykorzystaniem nowych, ciekawych narzędzi. Automatyzatory zadań, repozytoria plików, praca w oparciu o chmurę czy biblioteki CC, Slack, OneDrive i wiele innych narzędzi pomoże Ci zrealizować sprawnie zadania projektowe w ramach nowego procesu Parallel Design.

Wydajność stron WWW

Promocja i pozycjonowanie

Ostatnia część kursu stanowi wprowadzenie do nowoczesnego SEO, czyli optymalizacji strony pod kątem indeksowania w wyszukiwarkach. Poznasz elementarne składowe procesu zarządzania indeksowaniem oraz sposoby na monitorowanie i analitykę Twojej strony pod tym kątem. Poza tym, będziemy także mówić o promocji strony w sieci, gdzie poznasz podstawowe kanały, którymi warto obecnie docierać do Twoich odbiorców.Jako bonus do kursu znajdziesz również wzory prawidłowo skonstruowanych dokumentów!

Podsumowując, dowiesz się między innymi:

  • Wprowadzenie do webdesignu i podstawowe pojęcia
  • Proces projektowania stron WWW
  • Mobile First jako nowoczesne podejście do projektowania
  • Responsive Web Design – najlepsze praktyki
  • Praca koncepcyjna nad serwisem
  • Grafika na strony WWW – narzędzia, formaty i wiele więcej
  • Typografia na stronach WWW
  • Narzędzia wspierające proces kreatywny
  • Najlepsze przykłady serwisów i rozwiązań
  • Nawigacja na stronach WWW
  • Optymalizacja stron WWW
  • Praca w zespole i ciekawe narzędzia
  • Wstęp do pozycjonowania i promocji
  • I wiele, wiele więcej!

Dla kogo jest ten kurs?

Kurs jest przeznaczony dla wszystkich osób, które pracują ze stronami WWW - grafików, programistów, koderów, a także osób które kierują projektami webowymi lub odpowiadają za ich ousourcing w firmach. Jeśli chcesz dowiedzieć się, jak funkcjonują nowoczesne strony WWW - ten kurs jest właśnie dla Ciebie!

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ń.
33 minuty

CSS Houdini

Przegląd Możliwości

CSS Houdini to zestaw API dający możliwość dostępu do CSSOM z poziomu JavaScriptu. Dzięki nim zyskujemy ogromną kontrolę nad renderowaniem elementów. Możliwe jest nawet rozszerzanie samego CSS poprzez "uczenie" go sposobu rysowania bądź układania elementów. To wszystko przy zachowaniu najwyższej wydajności wynikającej z bezpośredniej interakcji z mechanizmami renderowania, wykorzystywanymi przez przeglądarki. CSS Houdini przez wielu uznawane jest jako "przyszłość CSS".

Adam Gospodarczyk

9 godzin 11 minut

Kurs CSS

od Podstaw

CSS jest już z nami ponad 20 lat i dalej się rozwija. Coraz to nowe właściwości są dostępne do dyspozycji developerów, tak by tworzenie stron WWW było szybsze, wygodniejsze i wydajniejsze. Tempo zmian w sieci jest ogromne, w związku z czym aby nie pozostać w tyle musimy patrzeć zarówno w przód, co czeka na nas w przyszlości - jak i to co mamy do dyspozycji już teraz. Kurs ten to pogląd na szereg terminów, technologii oraz architektur współczesnego CSSa w pigułce. Przedstawię Ci najważniejsze technologie oraz podejścia godne CSSa lat dwudziestych XXI wieku, oraz wskażę drogę dalej.

Wojciech Połowniak

48 minut

Wydajny blog z Next.js

w 60 minut

Next.js to framework umożliwiający łatwe tworzenie wydajnych stron www. Sam Next.js opiera się o React.js i jego zadaniem jest zapewnienie wszystkich niezbędnych narzędzi do wygodnego developmentu i deploymentu aplikacji - a to wszystko praktycznie bez konieczności konfiguracji! W tym warsztacie zobaczysz jak stworzyć blog wykorzystując Next.js.

Artur Chmaro

46 minut

Nowoczesny Workflow Webdevelopera

Edycja 2020-21

W pracy programisty, prócz samej wiedzy i umiejętności, niezwykle ważny jest odpowiedni zestaw narzędzi i ich konfiguracja. Na rynku nieustannie pojawiają się nowe rozwiązania, których zadaniem jest ułatwienie nam pracy. Z tego powodu istotne jest, aby pozostawać na bieżąco i regularnie sprawdzać co nowego pojawiło się w ostatnim czasie. W tym warsztacie poznasz narzędzia, z których warto korzystać w 2020 roku - w tym m.in.: IDE i ich konfiguracja, przydatne wtyczki, praca w środowisku developerskim, nowe warte uwagi frameworki, nowoczesne narzędzia no-code i low-code i trochę sprzętu.

Adam Gospodarczyk

47 minut

Tailwind CSS

Czy zastąpi Bootstrapa?

Arkusze stylów CSS pozornie są proste do opanowania i nie ma w nich zbyt wielu skomplikowanych elementów. Największym wyzwaniem okazuje się jednak zarządzanie nimi wraz z rozwojem projektu. Z tego powodu powstało wiele bibliotek i technik zarządzania kodem CSS. Przez lata najpopularniejszy był Bootstrap oraz konwencja nazewnicza - BEM CSS. Od niedawna stosunkowo świeże podejście prezentuje Tailwind CSS, który rozwiązuje problem w zupełnie nowy sposób. W tym Materiale poznasz jego wady i zalety na tle innych dostępnych na rynku rozwiązań stworzonych z myślą o skalowalnym zarządzaniu kodem CSS.

Adam Gospodarczyk

8 godzin 15 minut

Strony WWW bez Kodowania

Dzięki narzędziom no-code

W tym kursie poznasz techniki tworzenia stron WWW bez kodowania, z pomocą nowoczesnych narzędzi i edytorów. Narzędzia no-code to rewolucja w podejściu do tego, jak projektujemy strony internetowe. Coraz większe możliwości web builderów pozwalają na tworzenie witryn w rekordowym czasie. Dzięki temu, że nie korzystamy z klasycznych metod kodowania, takie narzędzia są także dużo bardziej dostępne dla osób początkujących. Ten kurs to prawdziwa, wybuchowa mieszanka wiedzy o podejściu no-code, w połączeniu z konkretnymi scenariuszami, w których je zastosujemy!

Grzegorz Róg

3 godziny 32 minuty

Kurs Accessibility

Dostępność stron WWW

Nawet najbardziej estetyczna, nowoczesna strona czy aplikacja internetowa jest bezużyteczna, gdy użytkownik nie może z niej skorzystać w wygodny sposób. Na twórcy stron WWW ciąży duża odpowiedzialność - powinien tworzyć strony, które są nie tylko atrakcyjne wizualnie, ale też dostępne i użyteczne dla wszystkich. Niestety, wielu developerów zapomina o tym aspekcie lub nie posiada odpowiedniej wiedzy, potrzebnej do tego, by tworzyć strony dostępne dla użytkownika. Znajomość zagadnień z tego Kursu pomoże Ci tworzyć lepsze, zoptymalizowane dla wszystkich użytkowników strony, zadbać o user experience, jak i poznać nowoczesne, praktyczne rozwiązania, które wykorzystasz w codziennej pracy.

Wojciech Połowniak

2 godziny 2 minuty

Narzędzia Deweloperskie w Przeglądarce

Wydajne Tworzenie Stron WWW

W dzisiejszych czasach, gdy aplikacje internetowe stają się coraz bardziej rozbudowane, znajomość nowoczesnych narzędzi do pracy z nimi to konieczność. Jednym z takich narzędzi jest Chrome DevTools, wbudowane w każdą instalację przeglądarki Chrome na świecie. I choć miliony użytkowników nie wiedzą nawet o jego istnieniu, pozostaje ono zaledwie dwa kliknięcia od nich. Przekonaj się jak to narzędzie uzupełni proces Twojej pracy nad stronami internetowymi!

Piotr Palarz

4 godziny 1 minuta

Kurs Visual Studio Code

Poznaj najlepszy edytor kodu

Visual Studio Code to obecnie jeden z najpopularniejszych edytorów kodu. Tytuł ten, wśród wielu świetnych narzędzi tego typu, nie był łatwy do zdobycia. VS Code zawdzięcza swój sukces ciągłemu rozwojowi, rosnącej liczbie przydatnych rozszerzeń i możliwości dostosowania do niemal każdego projektu, bez względu na technologię, w której jest tworzony. Z kursu dowiesz się jak wydajnie pracować z tym narzędziem, aby tworzenie kodu było prostsze, szybsze i przede wszystiim - przyjemniejsze.

Piotr Palarz

3 godziny 3 minuty

Kurs CSS Grid

Zaawansowane layouty

CSS Grid to najnowsza metoda pozycjonowania elementów natywna dla CSSa - a niektórzy twierdzą, że jest to następca dla CSS Flexbox. Być może mają racje, ponieważ w porównaniu do Flexboxa, Grid ma o wiele większe możliwości i spójniejszą składnię. Dodatkowo idealnie wpasowuje się w ideę Progressive Enhancement, czyli stopniowego dostarczania coraz to lepszych doświadczeń użytkownikom, w zależności od używanego przez nich urządzenia. CSS grid to potężne narzędzie które pozwoli Ci stworzyć responsywne layouty - nawet bez użycia media queries.

Wojciech Połowniak

1 godzina 24 minuty

Kurs HTTP i API

Jak działają strony i aplikacje

Kurs HTTP i API to wprowadzenie do technologii web i tego, jak działa Internet oraz przeglądarka. Powinien zapoznać się z nim każdy, kto planuje tworzyć strony internetowe i chce rozwijać swoją karierę w ścieżkach webdevelopmentu. Przyda się też twórcom i właścicielom internetowych projektów, którym pozwoli lepiej zrozumieć mechanizmy działające pod maską webowych stron i aplikacji po to, aby je rozwijać czy korzystać z automatyzacji. Porozmawiamy o wysyłaniu i odbieraniu danych z serwera, plikach tymczasowych i w końcu o API, czyli interfejsie, który pozwala programistom komunikować się z aplikacjami i nowoczesnymi narzędziami.

Grzegorz Róg

1 godzina

Najciekawsze Wtyczki i Narzędzia dla Deweloperów

Tworzenie stron i aplikacji internetowych staje się coraz bardziej skomplikowane. Można jednak znacznie ułatwić sobie pracę, wykorzystując odpowiednie narzędzia. <br><br> W tym warsztacie przyjrzymy się najciekawszym wtyczkom dostępnym dla przeglądarek internetowych, które sprawdzą się w pracy każdego Web Developera. Zobaczysz jak lepiej debugować i testować tworzone przez siebie projekty, jak wydajniej pracować z techniką Responsive Web Design, podglądać rozwiązania stworzone przez innych czy tworzyć zrzuty ekranu całych stron internetowych. Nie zabraknie też kilku sztuczek z wbudowanych narzędzi deweloperskich przeglądarek. <br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

8 minut

Wysyłanie do GitHub

Z tej krótkiej lekcji dowiesz się w jaki sposób utworzyć swoje pierwsze repozytorium w serwisie GitHub, a także jak wysyłać do niego kod tworzonego przez Ciebie projektu.

Piotr Palarz

1 godzina

Poznaj CSS Flexbox

Dowiedz się czym jest CSS Flexbox oraz jak stosować nowoczesne metody CSS do pozycjonowania elementów layoutu strony WWW. Flexbox to jeden z najlepszych sposobów na rozłożenie kontenerów na Twojej stronie, wspierany przez wszystkie nowoczesne przeglądarki. Mnóstwo właściwości, oraz poziom skomplikowania Flexbox'a sprawia, że pierwsze spotkanie z tą technologią często zniechęca, zwłaszcza początkujących web designerów i developerów, natomiast okazuje się że opanowanie podstaw Flexboxa nie jest wcale trudne a jego bardziej złożone właściwości stają się niezwykle intuicyjne. W Warsztacie poznasz wszystkie najważniejsze właściwości pracy z Flexbox na małych, praktycznych przykładach. Jeśli jeszcze nie pracowałeś z Flexbox'em, zapewne stanie się on jednym z podstawowych metod pozycjonowania elementów layoutu w Twoich kolejnych pracach, jeśli już go znasz - uporządkujesz wiedzę i być może poznasz nowe właściwości. <br><br> Na Warsztat zaprasza Grzegorz Róg

Grzegorz Róg

7 godzin 34 minuty

Kurs HTML i CSS

od Podstaw

Chcesz stworzyć swoją pierwszą stronę WWW i poznać podstawy Web Designu? Nie mogłeś lepiej trafić. Projektowanie stron Internetowych zaczyna się właśnie tutaj - od nauki HTML i CSS, które leżą u podstaw każdej witryny. Opanowanie tych zagadnień z Kursu pozwoli Ci od początku nauczyć się poprawnych praktyk, stosowanych przez profesjonalistów, oraz tworzyć nowoczesne strony zgodne ze standardami HTML5 i CSS3!

Grzegorz Róg

1 godzina 20 minut

Strony WWW z Jekyll i GitHub Pages

W dzisiejszych czasach do serwowania stron internetowych wykorzystujemy głównie systemy zarządzania treścią (CMS). Często jednak nasza strona lub blog jest na tyle prosta, że uruchamianie całego systemu CMS za każdym razem, gdy ktoś ją odwiedzi, nie jest najwydajniejszą drogą do przedstawienia naszych treści.<br><br> I tutaj z pomocą przychodzą nam tzw. generatory statycznych stron. Najpopularniejszym z nich jest Jekyll. Podobnie jak w przypadku systemów CMS stworzyć możemy własny szablon strony czy bloga lecz to czego brakuje, to baza danych i zaplecze administracyjne. I w większości przypadków są to rzeczy, bez których możemy się obejść. Wpisy na bloga pisać można bezpośrednio w kodzie HTML lub, co dużo wygodniejsze, w Markdownie. A kiedy nowa podstrona lub wpis są gotowe, Jekyll zbuduje całą stronę od nowa, dzieląc ją na poszczególne pliki i podkatalogi. W ten sposób cała nasza strona jest serwowana jako statyczne pliki HTML, co w znacznym stopniu przyspiesza jej działanie.<br><br> W warsztacie tym dowiesz się jak zainstalować Jekyll, jak stworzyć własny szablon, a także jak wydajnie tworzyć treści na własną stronę lub bloga. Na koniec zobaczysz również w jaki sposób za darmo hostować stronę za pomocą Github Pages.<br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

1 godzina

Dobre wzorce Responsive Web Design oraz UX

W tym Warsztacie skoncentrujemy się na najważniejszych koncepcjach związanych z zastosowaniem Responsive Web Design. Kluczowe dla osób początkujących w RWD jest zrozumienie pewnych typowych schematów tego, jak zachowują się elementy na stronach WWW w momencie, gdy zmienia się rozdzielczość. W Warsztacie przypomnimy najważniejsze techniki RWD a także przywołamy układy, które pojawiają się w responsywnych schematach stron WWW. Omówimy też kilka przydatnych snippetów - fragmentów kodu, które przydadzą się przy tworzeniu serwisów RWD. Przy okazji przyjrzymy się także ich zastosowaniom w praktyce na przywołanych stronach WWW, które dodatkowo przeanalizujemy pod kątem najlepszych praktyk UX. <br><br> Na Warsztat zaprasza Grzegorz Róg

Grzegorz Róg

1 godzina

BEM CSS

CSS to potężny język, dzięki któremu opisujemy wygląd tworzonych stron internetowych. Język ten jednak został stworzony dawno temu, by oddzielić warstwę prezentacyjną od struktury witryny internetowej i na tamte czasy był absolutną rewolucją. Dzisiaj, wraz z rozwojem technologii i aplikacji webowych, zaczynamy dostrzegać braki w specyfikacji CSS, które utrudniają łatwe tworzenie i utrzymywanie kodu CSS dla dużych projektów.<br><br> Z tego powodu powstaje wiele technik wykorzystania istniejących możliwości CSS w sprytny sposób. Jedną z nich jest BEM CSS, którą poruszymy w tym warsztacie. Dowiesz się co leży u podstaw tej techniki, jak ją skutecznie wykorzystywać, a także jak połączyć jej użycie z preprocesorem kodu SASS. Dzięki zdobytej wiedzy będziesz tworzył prostszy w utrzymaniu i ponownym wykorzystaniu kod HTML i CSS. <br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

5 godzin 48 minut

Kurs Projektowania Stron WWW

UI/UX w Praktyce

Kurs, który masz przed soba jest uzupelnieniem i praktycznym rozwinieciem kursu <a href="http://eduweb.pl/kursy/uzytecznosc/projektowanie-stron-ui-ux.html">Nowoczesny Webdesign</a>. Zdecydowanie zalecamy obejrzenie kursu Nowoczesny Webdesign w pierwszej kolejnosci. Witaj w praktycznym kursie Projektowania Stron WWW, gdzie na przestrzeni 6 godzin materialów wideo dowiesz sie, jak przygotowac, krok po kroku, funkcjonalny layout serwisu WWW. W kursie omówimy zagadnienia zwiazane z uzytecznoscia oraz praca koncepcyjna a takze z pomoca narzedzi takich jak Photoshop, Illustrator, UX Pin czy Invision stworzymy funkcjonalny prototyp i layout strony WWW. Jesli zajmujesz sie projektowaniem stron i chcesz poznac nowoczesne techniki tworzenia layoutów - nie mogles lepiej trafic

Grzegorz Róg

1 godzina 25 minut

Techniki tworzenia nawigacji z HTML i CSS

W warsztacie tym poznasz kilka ciekawych technik tworzenia nawigacji na potrzeby stron internetowych. Zaczniemy od najprostszych i najczęściej wykorzystywanych schematów, przechodząc kolejno do bardziej zaawansowanych menu. <br><br> Zobaczysz m. in. jak stworzyć rozwijane menu za pomocą wyłącznie HTML i CSS, jak sprawić, by było ono w ciekawy sposób animowane, a także jak dostosować różnego rodzaju nawigacje dla niewielkich ekranów urządzeń mobilnych.<br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

1 godzina

Techniki Kodowania Newsletterów

Techniki tworzenia stron internetowych i wspierane technologie idą do przodu w zaskakującym tempie. Z miesiąca na miesiąc korzystać możemy z nowych rozwiązań, które implementowane są w nowoczesnych przeglądarkach internetowych i coraz mniej czasu poświęcać musimy na zacieranie różnic w działaniu czy wyświetlaniu się naszej strony www. <br><br> Co jednak, gdy stajemy przed wyzwaniem zakodowania mailingu na potrzeby newslettera? Wydawać by się mogło, że to podobne, lecz nieco prostsze zadanie niż stworzenie witryny internetowej. Okazuje się jednak, że tak wcale nie jest. Duża ilość klientów i serwisów pocztowych sprawia, że mailingi wciąż tworzyć musimy za pomocą przestarzałych metod, które królowały wśród twórców witryn kilkanaście lat temu. Jak sobie z tym poradzić, by newsletter był poprawnie wyświetlany zarówno w Gmailu jak i programie Outlook? Odpowiedzi na te oraz inne pytania znajdziesz w tym warsztacie. <br><br> Na początku omówimy kluczowe zasady kodowania mailingów z pomocą HTML i CSS. Następnie na konkretnym przykładzie zobaczysz, jak sobie z tym poradzić. Skorzystamy również z nowoczesnych rozwiązań i z pomocą <a href="http://eduweb.pl/live/wprowadzenie-do-grunt-js" style="color: #1696c5;">automatora zadań Grunt.js</a> przyspieszymy i ułatwimy tworzenie kodu newslettera. Na koniec zobaczysz, w jaki sposób przetestować poprawność wyświetlania się newslettera w popularnych klientach i serwisach. <br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

1 godzina

Firefox Developer Edition

Poznaj Firefox Developer Edition. To przeglądarka, która została stworzona specjalnie dla Web Developerów, aby maksymalnie wspomóc proces tworzenia stron i aplikacji internetowych. <br><br> Oprócz świetnych narzędzi developerskich, które od dawna rozwijane były w podstawowej wersji Firefoxa, w FDE znajdziesz również kilka przełomowych nowości, takich jak np. Valence. Dzięki temu bez trudu zdebugujesz strony wyświetlone na urządzeniach z systemem iOS czy Android. <br><br> W warsztacie tym poznasz najważniejsze narzędzia Firefox Developer Edition, dzięki którym Twoja praca będzie przyjemniejsza i szybsza. <br><br> Do usłyszenia, Piotr Palarz

Piotr Palarz

1 godzina

Wprowadzenie do Git

Git to jeden z najbardziej popularnych i zdaniem wielu najlepszy system VCS, czyli kontroli wersji. Oferuje on ciekawe podejście do wersjonowania projektów oraz liczne zalety jak podejście do przechowywania plików, lokalne operacje czy mechanizmy spójności danych. Jeśli korzystasz z innych popularnych aplikacji jak SVN, możesz także połączyć go z Gitem, lub sprawdzić dlaczego warto zainteresować się tym darmowym systemem opartym o Open Source. <br><br> Warsztat stanowi wprowadzenie do Git'a oraz wyjaśnienie podstaw tego systemu, między innymi: <ul class="livelist"> <li>Czym jest Git i dlaczego warto z niego korzystać</li> <li>Różnice w stosunku do innych systemów VCS</li> <li>Instalacja i konfiguracja Git</li> <li>Podstawowe polecenia w Terminalu</li> </ul> <br>Na godzinny Warsztat przeznaczony dla osób, które chcą zacząć swoją przygodę z Git zaprasza Piotr Palarz

Piotr Palarz

44 minuty

Document Editing API w HTML5

Warsztat ten jest obiecaną kontynuacją ścieżki tworzenia witryn i aplikacji z użyciem HTML5, którą rozpoczęliśmy w kursie <a href="http://eduweb.pl/kursy/html/html-javascript-zaawansowane.html" class="blue">HTML5 i JavaScript - Techniki Zaawansowane</a>. <br><br> W lekcji tej poznasz niewielką, acz ciekawą specyfikację - <strong>Document Editing API</strong>. Stworzymy oczywiście praktyczną aplikację, a będzie to edytor tekstowy typu <strong>WYSIWYG</strong>, a więc uproszczona alternatywa dla TinyMCE czy innych znanych edytorów. Wprost w przeglądarce będziesz mógł pogrubiać, pochylać, przekreślać tekst, dodawać listy nieuporządkowane, zmieniać kolory i wiele, wiele więcej. <br><br> W warsztacie nie zabraknie również kilku ciekawych sztuczek w <strong>Chrome Developer Tools</strong>, których być może jeszcze nie znasz. <br><br> Zapraszam i do usłyszenia! <br><br> Piotr Palarz

Piotr Palarz

1 godzina 35 minut

Wprowadzenie do Web Components

Web Components to zbiór kilku świetnych specyfikacji, które w odpowiedni sposób połączone całkowicie zmieniają reguły gry, jeśli chodzi o tworzenie nowoczesnych i skalowalnych witryn oraz aplikacji internetowych. Wiele wskazuje na to, że za jakiś czas, tworzenie wyżej wymienionych będzie jeszcze prostsze, a wszystko to dzięki stworzonym przez społeczność komponentom, które łatwo się ze sobą łączą i nie przyprawiają o ból głowy nawet osoby początkujące. <br><br> Warto już teraz zainteresować się tematem i być świadkiem rewolucyjnych zmian w branży, które właśnie powoli odbywają się na naszych oczach. W warsztacie tym dowiesz się wszystkiego co jest niezbędne by zrozumieć istotę Web Components, a także zacząć tworzyć własne komponenty! <br><br> Zapraszam i do usłyszenia! <br> Piotr Palarz  

Piotr Palarz

1 godzina 15 minut

Kodowanie w Sublime Text 3

Produktywność w pracy każdego z nas to rzecz niezwykle ważna. Jeśli tworzysz strony internetowe lub pracujesz pisząc kod to ten warsztat jest zdecydowanie dla Ciebie. <br><br> Poruszymy w nim bowiem temat świetnego edytora tekstu jakim jest <strong>Sublime Text</strong>. Znając ogromne możliwości i tricki w nim dostępne, wejdziesz na wyższy poziom pisania kodu w sposób bardzo szybki, a do tego przyjemny. <br><br> Omówimy wiele wbudowanych w edytor funkcji, takich jak szybkie przeskakiwanie między plikami projektu, przeskakiwanie do konkretnej linii lub np. definicji CSS w kodzie, zarządzanie projektami, tworzenie własnych snippetów i konfiguracja ustawień użytkownika. <br><br> Następnie zainstalujemy Package Control Managera, czyli plugin, dzięki któremu w łatwy sposób rozszerzać będziemy mogli edytor Sublime Text o nowe funkcjonalności. Omówimy również kilka świetnych dodatków, które na pewno przyspieszą i umilą Twoją pracę. Dowiesz się między innymi, jak pobierać z serwera zawsze aktualną wersję biblioteki jQuery lub jak wystartować z kolejnym projektem jeszcze szybciej, jak przechowywać w chmurze swoje ustawienia, a także jak dostosować wygląd Twojego edytora tak, aby nigdy Ci się nie znudził. <br><br> Jeśli chcesz pracować z kodem jak prawdziwy ninja, nie możesz przejść obojętnie obok tego edytora. <br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

9 godzin 36 minut

Kurs HTML5 i JavaScript

Techniki Zaawansowane

Nowe specyfikacje HTML5 przy użyciu JavaScript dają niesamowite możliwości twórcom stron WWW. Mechanizmy Geolokacji, Aplikacji Offline, Wideo czy Canvas to standard, który już teraz możemy wykorzystać. Poznaj go na praktycznych przykładach z naszym obszernym kursem. Materiał, który masz przed sobą to kompendium nowoczesnych technik pracy ze stronami WWW, które powinien znać każdy webdeveloper.

Piotr Palarz

40 minut

Responsywne Tabele w HTML5

W kolejnym Warsztacie odkrywamy tajemnice i skuteczne techniki projektowania zgodnie z Responsive Web Design. Tym razem dowiesz się, jak stworzyć elastyczne tabele z wykorzystaniem HTML5 i CSS3 oraz jak ciekawie zaprezentować dane, które będą dobrze wyglądać także na urządzeniach przenośnych czy telefonach. <br><br> Na warsztat zaprasza Maciej Żukiewicz

Maciej Żukiewicz

9 godzin 42 minuty

Kurs Responsive Web Design

Skuteczne Techniki

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.

Grzegorz Róg

1 godzina

Responsive Design i optymalizacja stron na tablet

Ten Warsztat kierujemy do front-end developerów oraz innych osób, które zajmują się tworzeniem stron WWW. Pokażemy w nim ciekawe techniki związane z kodowaniem witryn uwzględniając wiele ekranów i rozdzielczości. W szczególności dowiesz się jak Responsive Web Design można wspomóc gotowymi wtyczkami i skryptami, które ułatwią obsługę na urządzeniach dotykowych. W Warsztacie poruszymy między innymi zagadnienia obsługi Touch Events na przykładzie slidera oraz nawigacji. <br><br> Na Warsztat zaprasza Maciej Żukiewicz

Grzegorz Róg

1 godzina

CSS Layout - Przyszłość Projektowania Stron WWW

Pod koniec roku oprócz podsumowań, warto zajrzeć w przyszłość i zastanowić się, co czeka nas, webdesignerów w nadchodzącym czasie. Przez lata nauczyliśmy się do osadzania layoutów naszych stron WWW i pozycjonowania treści wykorzystywać rozmaite sztuczki i techniki, które zupełnie odbiegały od standardowego zastosowania standardów. Najpierw tworzyliśmy layouty w oparciu o tabelki, które przecież służą do prezentacji danych tabelarycznych, kolejno używaliśmy opływania do celów, które odbiegały od pierwotnego zamysłu twórców specyfikacji HTML. I tak, przez lata wyrobiliśmy setki złych nawyków, obejść, haków, nie zastanawiając się nawet nad tym, jak powinno w idealnym świecie wyglądać projektowanie struktury witryny. Nowa specyfikacja i standardy CSS3 na szczęście zmieniają ten stan rzeczy. Przynajmniej częściowo. <br><br> Zastanów się na chwilę, co by było, gdyby projektowanie układu strony było tak proste jak składanie magazynu w InDesign, czy projektowanie wyglądu w Photoshop. To przyszłość, ale nie tak odległa! Zapomnij o float! Zajrzyj do szklanej kuli layoutu CSS i dowiedz się, jak będziemy wygodnie tworzyć w przyszłości z pomocą ciekawych, istniejących już technik. <br><br> Na inspirujący, wizjonerski Warsztat zaprasza Grzegorz Róg

Grzegorz Róg

1 godzina

Skuteczne Techniki Responsive Web Design

Zapraszamy na kolejny Warsztat w którym zajmiemy się najbardziej praktycznymi zagadnieniami związanymi z projektowaniem elastycznych stron, które dobrze prezentują się na wielu rozdzielczościach. Technikę Responsive Web Design omawialiśmy szczegółowo w kursie Elastyczne Strony WWW i wielu Warsztatach, tym razem do tego zbioru dodamy szereg nowoczesnych, ciekawych technik, między innymi: <ul class="livelist"> <li>Responsywne slidery w CSS3 i jQuery wykorzystujące touch events</li> <li>Responsywne menu, dostosowujące się do ilości elementów</li> <li>Fluid Layout oraz ciekawe techniki</li> <li>Prosty Grid Layout</li> <li>Techniki do umieszczania responsywnych playerów video np. Youtube, Vimeo</li> <li>Techniki pozwalające na umieszczenie Widgetów Facebook na stronach responsywnych</li> <li>Inne ciekawe techniki w RWD</li> </ul> <p>Na Warsztat zaprasza Maciej Żukiewicz</p>

Grzegorz Róg

42 minuty

Emmet - Pisz Kod HTML i CSS z Prędkością Światła

Produktywność w pracy każdego z nas to rzecz niezwykle ważna. Po co bowiem marnować czas na rzeczy, które musimy po prostu wykonać niczym rzemieślniczą pracę? A więc skoro od początku wiesz co masz zrobić i wiesz jak to zrobić, a do tego do pojawia się okazja by zrobić to kilkakrotnie szybciej niż dotychczas, warto tę okazję wykorzystać. <br><br> A o czym dokładnie mowa? O Emmecie. Nie, to nie żadne zwierzątko - to narzędzie, które pozwala pisać kod HTML oraz CSS z prędkością światła, a do tego w bardzo intuicyjny sposób. Emmet jest udostępniany za darmo, jako dodatek do wielu popularnych edytorów kodu i jest bezapelacyjnie narzędziem typu "must have" dla każdej osoby, która choć przez kilka chwil dziennie pisze kod HTML lub CSS. <br><br> W warsztacie, który masz przed sobą, przerobimy praktycznie wszystko co Emmet ma nam do zaoferowania, a dodatkowo dowiesz się, jak można dostosować jego działanie do własnych potrzeb na przykładzie edytora Sublime Text. A więc jeśli tylko Twój edytor widnieje na <a href="http://emmet.io/download/" target="_blank" rel="nofollow">tej liście</a>, to nic nie powinno Cię już zatrzymywać przed polubieniem go! <br><br> Zapraszam i do usłyszenia! <br> Piotr Palarz

Piotr Palarz

6 godzin 19 minut

Kurs Preprocesory CSS

SASS, LESS i Compass

Projektuj strony WWW jeszcze szybciej i wydajniej dzięki preprocesorom CSS. Te niezwykle przydatne narzędzia wspomagają proces kodowania witryn internetowych oraz rozszerzania ich o nowe funkcje. W ostatnim czasie Preprocesory CSS stały się obowiązkowym narzędziem każdego webdevelopera a ich nauka nie jest trudna i wymaga jedynie znajomości podstaw CSS!

Piotr Palarz

1 godzina

Tworzenie Stron WWW - Przydatne Pluginy

W trakcie tego warsztatu omówimy szereg pluginów, przydatnych dla każdego front-end developera. Będą to pluginy pozwalające na dodawanie bardzo ciekawych efektów dla obrazków na stronach WWW bez konieczności tworzenia różnych wersji grafiki w Photoshop. Następnie zajmiemy się bibliotekami, które pozwalają na tworzenie rozbudowanych animacji, bez konieczności używania całej biblioteki jQuery. Kolejną kategorią będą pluginy, dzięki którym możemy umieszczać ciekawe czcionki na stronie bez użycia Font-Face. Omówimy wtyczki jquery pomocne w tworzeniu rozbudowanych formularzy. Na samym końcu przyjżymy się, jak napisać stoper używając tylko i wyłącznie HTML5 i CSS3! <br/><br/> Serdecznie zapraszam, Maciej Żukiewicz

Maciej Żukiewicz

1 godzina 10 minut

Powiadomienie o Ciasteczkach na Stronie

Warsztat w całości poświęcony zaprojektowaniu i wykonaniu w postaci wtyczki jQuery automatycznego panelu z informacją o ciasteczkach na danej stronie. List takich ciasteczek możemy zobaczyć lub też zaakceptować politykę zgadzając się jednocześnie na warunki regulaminu klikając w odpowiedni przycisk na panelu.<br><br> Jako Bonus prezentacja autorskiej aplikacji Expression Studio, jej możliwości zastosowania w codziennym dniu pracy oraz 10 sposobów na ułatwienie sobie życia dzięki niej. <br><br> Serdecznie zapraszam, Mateusz Manaj

Grzegorz Róg

1 godzina

Fonty na stronach WWW

W tym Warsztacie poznasz mechanizm działania fontów na stronach oraz podstawowe narzędzia wspomagające osadzenie na stronie własnych krojów pisma takie jak Google Web Fonts czy reguła @font-face. Dowiesz się także jak pracować z typografią w narzędziach takich jak Adobe Dreamweaver, Edge Animate czy Adobe Muse przy wykorzystaniu bibliotek Typekit oraz narzędzi Edge Web Fonts. Dzięki temu będziesz mógł zastosować na swojej stronie dowolny krój pisma a jej zawartość będzie skalowalna oraz indeksowana przez popularne wyszukiwarki. <br><br> Na Warsztat zaprasza Grzegorz Róg

Grzegorz Róg

1 godzina

htaccess w Praktyce

W tym warsztacie pokażę Ci w jaki sposób wykonać piękne linki w Twoim serwisie internetowym, jak zabezpieczyć się przed niechcianym użytkownikiem, wykonać autoryzację oknem systemowym czy też odpalić exe'ka w Twojej przeglądarce. Ale to nie wszystko, na 10 przykładach pokażę Ci jak to wszystko wygląda w praktyce oraz sprytne trick'i do wykorzystania wprost na Twojej stronie opartej o serwer Apache. <br><br> Serdecznie zapraszam, Mateusz Manaj

Grzegorz Róg

1 godzina

Narzędzia Developerskie w Przeglądarce cz. II

W tym Warsztacie, którego pierwszą część znajdziesz <a href="http://eduweb.pl/live/strony-www-w-przegladarce---narzedzia-developerskie">tutaj</a>, przejdziemy do pokazania narzędzia dostępnego jako zewnętrzny dodatek do przeglądarki Firefox, a będzie nim popularny Firebug. <br><br> Oprócz tego przyjrzymy się również wbudowanemu narzędziu przeglądarki od Mozilli, dzięki któremu podejrzymy strukturę naszej strony w 3D! Następnie sprawdzimy, co drzemie pod skrótem F12 w przeglądarce Internet Explorer i jak można to wykorzystać przy tworzeniu witryn. <br><br> Jako bonus, dowiesz się, w jaki sposób logować informacje, ostrzeżenia czy błędy do naszej konsoli prosto ze skryptów PHP, dzięki dodatkom ChromePHP oraz FirePHP. Mamy wiele do omówienia, zatem zapraszam!<br> Piotr Palarz

Grzegorz Róg

1 godzina

Strony WWW w Przeglądarce - Narzędzia Developerskie

Podczas tego warsztatu dowiesz się czym jest narzędzie Chrome Developer Tools wbudowane w przeglądarkę Google Chrome, poznasz metody inspekcji kodu HTML i CSS, a także debugowania kodu JavaScript.<br><br> Nie zabraknie również kilku słów o sposobach mierzenia wydajności stron i aplikacji internetowych za pomocą tego narzędzia. Kiedy już poznasz moc zawartą w Chrome Developer Tools, przejdziemy do pokazania bardzo podobnego narzędzia dostępnego jako zewnętrzny dodatek do przeglądarki Firefox, a będzie nim popularny Firebug. <br><br> Przygotowaliśmy także drugą część tego Warsztatu, do której obejrzenia zapraszamy na <a href="http://bit.ly/YnOnyV">tej stronie</a> <br><br> Mamy wiele do omówienia, zatem zapraszam!<br> Piotr Palarz

Grzegorz Róg

Autor: Grzegorz Róg

**Idea Architect**

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!

eduweb.pl
@grzegorzrog

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: 11 godzin 24 minuty

Aktualizacja: 12.05.2020

  • 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

Technologie w sieci - Pojęcia

  • Technologie Server i Client Side

  • Domeny serwery

  • Technologie Front Endu

  • Pojecie UI oraz UX

  • Skąd czerpać informacje i statystyki?

Mobile First

  • Czym jest podejście Mobile First?

  • Dlaczego korzystać z Mobile First?

  • Projektowanie pod dotyk

  • Aplikacje natywne i webowe

Responsive Web Design

  • Czym jest Responsive Web Design?

  • Anatomia ekranów

  • Przeglądarka a ekran

  • Praktyczne wskazówki RWD

  • Techniki Fluid i Media Queries

  • Responsywne obrazki i tekst

Projektowanie jako proces

  • Nowy proces projektowania

  • Etapy i proces w metogologii Scrum

Podstawy pracy koncepcyjnej

  • Cele i funkcje serwisu WWW

  • Użytkownicy i testy

  • Testy architektury informacji

Treść i architektura informacji na stronie WWW

  • Tworzenie mapy witryny

  • Koncepcje nawigacji

  • Nawigacja w praktyce

  • Organizacja i rodzaje treści

  • Sposoby na organizacje treści

  • Markdown i inne schematy

  • Definiowanie podstron serwisu

  • Wireframe oraz content design

  • Praca z Balsamiq Mockups

Prototypowanie

  • Prototypowanie z Muse

  • Praktyczne wskazówki do treści

  • Prototypowanie flow

  • Interakcje z UX Pin

  • Podsumowanie pracy koncepcyjnej

Atomowe komponenty

  • Atomowe komponenty

  • Graficzne biblioteki komponentów

  • Projektowanie w przeglądarce

  • Czym jest style guide?

Język programowania - współczesne tredny

  • Stylistyka witryny

Grafika na stronach WWW

  • Grafika i formaty

  • Zalety plików .svg i eksport

  • Grafika na ekrany HIDPI

Grid - projektowanie w oparciu o siatkę

  • Czym jest Grid?

  • Grid w praktyce oraz frameworki

Projektowanie w oparciu o zasoby

  • Zasoby w sieci

  • Ikony, UI Kity i grafiki

Typografia w sieci

  • Podstawowe pojęcia typografii

  • Responsywna typografia

  • Korzystanie z TypeKit

  • Kerning, tracking, leading

  • Rytm w typografii i na stronach

  • Praca z Open Type

  • Przegląd ciekawych fontów

  • Dodatkowe wskazówki do typografii

Kolory w sieci

  • Kolory i przestrzeń bitowa

  • Profile kolorystyczne i kalibracja

  • Notacja, kolorystyka i CSS

  • Dobór kolorów na stronę

  • Psychologia kolorów

Praca w zespole

  • Podstawy nowoczesnej pracy

  • Zarządzanie plikami

  • Dokumentacja i chumura

  • Skuteczna komunikacja

  • Najciekawsze narzędzia

  • Współpraca Designer-Developer

  • Co zidentyfikować w kreacji?

  • Czytanie kodu w przeglądarce

  • Praktyczne wskazówki do pracy w zespole

Wydajność stron WWW

  • Wydajność i testy użyteczności

  • Co wpływa na szybkość?

  • Jak testować szybkość?

  • Praktyczne wskazówki optymalizacji

  • Podsumowanie i dodatkowe porady

Promocja i pozycjonowanie

  • Współczesna promocja w sieci

  • Anatomia wyszukiwania

  • Narzędzia i diagnostyka SEO

  • Wstęp do promocji w sieci

  • Przegląd skutecznych narzędzi

  • Monitoring i analityka

}