Kurs Nowoczesny Webdesign

Wprowadzenie

Lekcje

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
Wykup w abonamencie od 79zł
Przetestuj za darmo przez 7 dni!

Autor: Grzegorz Róg

Czas: 13 godzin

  • 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