Ścieżka Front-end Developer z UX
Sciezka nowoczesnego front-end Developera
43 kroków
1273 lekcji
197 godzin
Opis ścieżki
Sciezka nowoczesnego front-end Developera
Czego się nauczysz?
-
Poznasz technologie front-end
-
Projektowanie interfejsów UX
-
Kodowanie stron HTML/CSS/JS
-
Praktyka z narzedziami UX
-
Tworzenie responsywnych stron
-
Rozumienie potrzeb uzytkownika
-
Prototypowanie i testy UX
Dla kogo jest ta ścieżka?
Zawartość
Poziom 1
3 kroków · 210 lekcji · 25h 13min-
Nowoczesny Webdesign
80 lekcji · 10h 46min
Wprowadzenie
Podgląd lekcji00:07:07
Technologie Server i Client Side
00:09:39
Domeny serwery
00:11:17
Technologie Front Endu
00:09:36
Pojecie UI oraz UX
00:03:33
Skąd czerpać informacje i statystyki?
00:06:16
Czym jest podejście Mobile First?
00:07:23
Dlaczego korzystać z Mobile First?
00:09:29
Projektowanie pod dotyk
00:11:06
Aplikacje natywne i webowe
00:09:43
Czym jest Responsive Web Design?
00:09:58
Anatomia ekranów
00:09:48
Przeglądarka a ekran
00:07:54
Praktyczne wskazówki RWD
00:12:27
Techniki Fluid i Media Queries
00:16:05
Responsywne obrazki i tekst
00:10:31
Nowy proces projektowania
00:10:44
Etapy i proces w metogologii Scrum
00:10:16
Cele i funkcje serwisu WWW
00:09:57
Użytkownicy i testy
00:07:19
Testy architektury informacji
00:09:33
Tworzenie mapy witryny
00:04:47
Koncepcje nawigacji
00:10:42
Nawigacja w praktyce
00:13:23
Organizacja i rodzaje treści
00:08:02
Sposoby na organizacje treści
00:05:17
Markdown i inne schematy
00:05:42
Definiowanie podstron serwisu
00:11:38
Wireframe oraz content design
00:09:29
Praca z Balsamiq Mockups
00:08:22
Prototypowanie z Muse
00:09:04
Praktyczne wskazówki do treści
00:07:14
Prototypowanie flow
00:05:00
Interakcje z UX Pin
00:15:39
Podsumowanie pracy koncepcyjnej
00:03:28
Atomowe komponenty
00:06:12
Graficzne biblioteki komponentów
00:06:56
Projektowanie w przeglądarce
00:06:53
Czym jest style guide?
00:09:16
Stylistyka witryny
00:00:00
Grafika i formaty
00:09:22
Zalety plików .svg i eksport
Podgląd lekcji00:11:10
Grafika na ekrany HIDPI
00:10:48
Czym jest Grid?
00:06:34
Grid w praktyce oraz frameworki
00:13:24
Zasoby w sieci
00:06:28
Ikony, UI Kity i grafiki
00:18:16
Podstawowe pojęcia typografii
00:08:33
Responsywna typografia
Podgląd lekcji00:11:38
Korzystanie z TypeKit
00:05:10
Kerning, tracking, leading
00:07:17
Rytm w typografii i na stronach
00:16:33
Praca z Open Type
00:06:12
Przegląd ciekawych fontów
00:05:43
Dodatkowe wskazówki do typografii
00:07:23
Kolory i przestrzeń bitowa
00:06:31
Profile kolorystyczne i kalibracja
00:08:15
Notacja, kolorystyka i CSS
00:09:54
Dobór kolorów na stronę
00:08:36
Psychologia kolorów
00:13:56
Podstawy nowoczesnej pracy
00:03:30
Zarządzanie plikami
00:07:36
Dokumentacja i chumura
00:07:23
Skuteczna komunikacja
00:11:58
Najciekawsze narzędzia
00:06:36
Współpraca Designer-Developer
00:08:05
Co zidentyfikować w kreacji?
00:05:15
Czytanie kodu w przeglądarce
00:06:16
Praktyczne wskazówki do pracy w zespole
00:03:14
Wydajność i testy użyteczności
00:06:32
Co wpływa na szybkość?
00:07:44
Jak testować szybkość?
00:09:25
Praktyczne wskazówki optymalizacji
Podgląd lekcji00:08:24
Podsumowanie i dodatkowe porady
00:05:17
Współczesna promocja w sieci
00:08:30
Anatomia wyszukiwania
00:10:50
Narzędzia i diagnostyka SEO
00:10:36
Wstęp do promocji w sieci
00:02:42
Przegląd skutecznych narzędzi
00:08:09
Monitoring i analityka
00:07:43
-
HTML i CSS
57 lekcji · 7h 10min
Wprowadzenie
Podgląd lekcji00:01:00
Historia HTML
00:08:26
Hello HTML
00:05:08
Znaczniki
00:06:10
Edytor Kodu
00:04:11
Składnia HTML
00:09:52
Elementy Liniowe i Blokowe
00:08:01
Model Treści
00:06:32
Praca ze znacznikami
00:09:19
Znaczniki Liniowe
00:05:16
Ścieżki i obrazy
00:07:20
Atrybuty zdjęć
00:07:24
Hiperłącza
00:09:20
Popularne błędy
00:06:57
Wprowadzenie do CSS
00:07:55
Osadzanie Stylów
00:10:26
Typy Selektorów
00:10:06
Kaskadowość
00:08:12
Specyficzność cz.1
00:05:02
Specyficzność cz.2
00:08:59
Dobre praktyki CSS
00:10:41
Model Pudełkowy
00:06:19
Box Model w Praktyce
00:10:21
Skrócona notacja
00:07:33
Jednostki
00:08:04
Jednostki w Praktyce
Podgląd lekcji00:08:40
Praca z kolorami
00:13:38
Formatowanie tekstu
00:12:07
Inne właściwości tekstu
00:08:58
Reguła font face
00:05:33
Fonty hostowane
00:08:48
Wypełnienie gradientem
00:04:21
Tło w CSS
00:08:18
Układ dokumentu
00:04:45
Pozycjonowanie elementów
00:12:19
Praca z Float
00:06:21
Opływanie a układ
00:05:30
Media w CSS
00:08:10
Technika Fluid
00:07:24
Praca z Media Queries
00:08:25
Ukrywanie elementów
00:05:16
Pseudoklasy
00:07:20
Grupowanie semantyczne i techniczne
00:13:37
Struktura HTML
00:08:34
Typografia na stronie
00:09:06
Kolory
00:06:10
Właściwość display
00:05:36
Dekoracje tekstu
00:13:55
Formaty grafiki
00:07:31
Osadzanie tła
Podgląd lekcji00:06:31
Obrazki SVG
00:06:32
Układ strony WWW
00:11:10
Poprawki layoutu
00:05:37
Tworzenie ramki
00:09:10
Praca z RWD
00:10:35
Stylowanie headera
00:13:39
Zakończenie
00:02:06
-
Projektowanie Graficzne
73 lekcji · 7h 17min
Wprowadzenie
Podgląd lekcji00:03:19
Co znajdziesz w kursie
00:02:01
Pliki źródłowe
00:05:58
Co tworzy udaną kompozycję
00:03:01
Kształt i linia
00:03:12
Znaczenie koloru
00:03:36
Wpływ koloru na kompozycję
00:02:30
Układ tekstu dla lepszej komunikacji
00:01:47
Korzystanie z przestrzeni negatywnej
00:03:08
Znaczenie rozmiaru kompozycji
00:03:23
Korzystanie z równowagi i napięcia
00:03:04
Kontrast kluczowym składnikiem projektu
00:02:52
Skala
00:01:27
Poczucie spójności przez powtórzenia
00:03:07
Harmonia stylu
00:02:33
Łączenie skojarzeń
Podgląd lekcji00:04:32
Symetria i asymetria
00:02:11
Budowanie układu w oparciu o prostokąty
00:02:25
Złota proporcja
00:03:35
Anatomia siatki technicznej
00:04:46
Potęga minimalizmu
00:04:48
Różnorodność w publikacji wielostronnicowej
00:02:05
Ukryte znaczenia
00:01:58
Łam zasady
00:01:07
Teoria koloru
00:03:35
RGB i CMYK
00:03:59
Adobe Color
00:06:06
Potrzeby klienta
00:06:23
Burza mózgów
00:03:32
Szkic i koncepcja
00:04:48
Wybór odpowiedniego rozwiązania
Podgląd lekcji00:04:22
Ćwiczenie planowania i koncepcji
00:06:26
Rozwiązanie ćwiczenia
00:07:21
Wprowadzenie do Illustratora
00:16:58
Rysowanie i transformacje
00:14:01
Przycinanie obiektów
00:08:54
Trasowanie zdjęć
00:12:13
Próbki kolorów
00:07:59
Praca z piórem
00:15:58
Podstawy gradientu
00:14:06
Typografia
00:14:43
Opcje obrysu
00:06:35
Tryby mieszania w Illustratorze
00:06:10
Finalizacja
00:12:14
Eksport pdf z Illustratora
00:04:22
Rozpoczynanie pracy
00:09:11
Smart Objects
00:05:36
Wycinanie i maska warstwy
00:09:23
Edycja maski
00:03:22
Korekta kolorów
00:07:49
Tryby mieszania w Photoshopie
00:08:24
Tworzenie selekcji
00:09:51
Dopracowanie kompozycji i biblioteka CC
00:08:57
Interfejs w InDesign
00:09:53
Nowy dokument
00:09:48
Umieszczanie plików
00:07:08
Warstwy i transformacje
00:09:23
Praca z ramką graficzną
00:11:45
Ramka tekstowa
00:04:49
Podstawy panelu próbek
00:06:10
Zamiana tekstu na krzywe
00:05:27
Umieszczanie plików tekstowych
00:06:42
Łączenie ramek tekstowych
00:04:24
Styl akapitowy i znakowy
00:12:00
Lokalne formatowanie
00:05:51
Edycja zewnętrznych plików
00:08:13
Eksport pdf z InDesign
00:08:00
Paczka
00:08:39
Zbieranie informacji
00:06:24
Okładka w wersji cyfrowej
00:09:32
Następne kroki
00:05:02
Bonus - wizytówka w stylu flat
00:15:52
Podsumowanie
00:01:01
Poziom 2
3 kroków · 127 lekcji · 15h 59min-
Wprowadzenie do UX
59 lekcji · 5h 44min
Wprowadzenie
Podgląd lekcji00:04:48
Co to jest User Experience
00:10:22
Narzędzia do wszystkiego
00:13:47
Historia myślenia o User Experience
00:07:48
Dlaczego UX jest ważne
00:03:47
Czym dokładnie jest UX
00:05:02
Doświadczenia mają znaczenie
00:03:29
Dlaczego wybieramy to, a nie tamto
00:05:58
Dlaczego biznes się tym interesuje
00:09:40
Czy świat off-line zniknie
00:03:39
Customer Experience
00:02:15
Touchpoint
00:02:22
Brand Experience
00:02:01
Multikanałowość
00:04:22
Multikanałowość - przykłady
00:03:35
Podsumowanie 1 części
00:00:57
Kim można zostać w User Experience
00:02:10
Obszar 1 - Biznes i Strategia
00:03:20
Obszar 2 - Badania
00:06:05
Obszar 3 - UX and Graphic Design
00:04:20
Obszar 4 - Development
00:04:10
Prolog
00:02:11
Analiza
00:07:08
Strategia
00:01:41
Design
Podgląd lekcji00:02:23
Development
00:04:55
Proces projektowy
00:03:25
Analiza projektu
00:06:26
Jak myśleć o swoim start-upie
00:07:19
Metoda 5WHY
00:04:14
Strategia i planowanie
00:01:17
Persona
00:24:56
Value Proposition
00:09:20
Scenariusze użytkownika
00:04:14
Customer Journey
00:25:20
Podsumowanie etapu Strategii
00:03:11
Projektowanie
00:02:28
Architektura informacji
00:16:11
Gridy
Podgląd lekcji00:05:31
Wczesne szkice
00:13:48
Makiety
00:07:09
Grafiki
00:08:28
Wdrożenie
00:03:57
Optymalizacja
00:07:39
Podsumowanie procesu projektowego
00:03:29
Po co robić badania
00:11:01
Kiedy robić badania
00:03:56
Badania w fazie Analizy
00:01:50
Wywiady Indywidualne
00:08:58
Obserwacje etnograficzne
00:04:00
Badania w fazie Design
00:00:59
Audyt Ekspercki
00:06:10
Testy użyteczności
00:10:08
Badania RITE
00:05:55
Eye-Tracking
00:08:06
Badania w fazie Optymalizacji
00:01:30
10 Heurystyk Nielsena
00:17:55
5 złotych zasad UX
00:06:28
Podsumowanie całego kursu
00:04:46
-
UX Aplikacji Mobilnych
36 lekcji · 4h 27min
Wprowadzenie
Podgląd lekcji00:04:55
Dlaczego UX jest ważny
00:07:09
Jak nie robić aplikacji
Podgląd lekcji00:07:39
Co decyduje o sukcesie aplikacji
00:13:58
Ile kosztuje aplikacja mobilna
00:08:13
Kiedy nie tworzyć aplikacji
00:17:00
Od czego zacząć projektowanie
00:05:19
Badania potrzeb grupy docelowej
00:09:40
Definiowanie zakresu funkcjonalnego cz. 1
00:05:18
Definiowanie zakresu funkcjonalnego cz. 2
00:05:04
Opis aplikacji
00:10:14
User flow
00:05:31
Czas
00:08:28
Case Study - Warta mobile
00:05:43
Onboarding
00:10:20
Kluczowa funkcja
00:07:25
Rodzaje nawigacji
00:09:59
Hamburger w nawigacji
00:09:16
Trendy w nawigacji
00:07:37
Case study - stwórz własną nawigacje
00:07:22
Gesty
00:06:28
Motion design
00:06:14
Sound design
00:05:29
Wprowadzanie danych
00:13:45
Dobre i złe praktyki
00:05:32
Wytyczne przy wprowadzaniu danych
00:06:29
Notyfikacje
Podgląd lekcji00:13:39
Kontekst
00:14:26
GUI - Material Design
00:08:02
GUI - Windows Phone
00:04:22
GUI w iOS
00:03:56
Porównanie GUI
00:03:24
Co nie zależy od projektanta
00:08:45
CUI
00:08:58
Wytyczne dla CUI
00:07:40
Zakończenie
00:01:22
-
Kariera w UX
32 lekcji · 5h 48min
Wstęp
Podgląd lekcji00:03:27
Skąd się wziął UX
00:02:51
Dlaczego UX to wartościowa specjalizacja?
00:03:37
Kontekst pracy UX
00:08:54
Modelowy proces projektowania
00:06:49
Podwójny diament projektowania krok po kroku
00:12:21
Nazwy stanowisk w branży UX cz. 1
Podgląd lekcji00:09:11
Nazwy stanowisk w branży UX cz. 2
00:10:24
Dyskusyjne nazwy stanowisk
00:12:41
Praca w agencji
00:08:27
Wady i zalety pracy w agencji
00:15:09
Praca w wewnętrznych działach projektowych
00:08:31
Etapy dojrzałości UX
00:13:08
Narzędzia do prototypowania
00:14:14
Narzędzia badawcze
00:08:54
Narzędzia analityczne
00:10:15
Metody badawcze
00:09:50
Metody i narzędzia UX
00:10:36
Zasady projektowania i użyteczności
00:22:30
Umiejętności miękkie
00:18:10
Kursy i książki
00:15:16
Blogi, podcasty, mentoring
00:14:24
Wybór specjalizacji
00:14:24
Jak znaleźć pierwszy projekt
Podgląd lekcji00:16:23
Konstrukcja efektywnego CV
00:11:58
Efektywne CV krok po kroku
00:17:38
Portfolio UX Designera
00:07:52
Jak opisać projekty w portfolio
00:14:48
Wysyłanie aplikacji
00:13:57
Networking oraz znaki ostrzegawcze
00:06:57
Odnalezienie się w nowej roli
00:21:07
Zakończenie
00:00:46
Poziom 3
9 kroków · 145 lekcji · 20h 38min-
InVision i Craft
25 lekcji · 3h 55min
Witaj w Kursie
Podgląd lekcji00:05:07
Przegląd platformy
00:08:14
Faza przygotowań
00:11:35
Kontrola wersji z Abstract
00:05:47
Etap koncepcyjny
00:10:32
Tworzenie Moodboardów
00:09:25
Projektujemy Blueprinty
00:05:39
Korzystanie z Freehand
00:14:33
Tworzenie User Flows
00:09:23
Prototypowanie Wireframeów
00:11:00
Kolejne ekrany prototypu
00:10:09
Interakcje w prototypie
00:15:17
Faza projektowania
00:09:39
Tworzenie Style Guide
00:13:10
Praca z Design Systemem
00:07:04
Zaawansowane opcje DSM
00:12:04
Tworzenie projektu z Craft
00:08:03
Kolejne zdetalowane plansze
00:12:33
Organizowanie bibliotek komponentów
Podgląd lekcji00:05:50
Stany elementów
00:08:55
Stany w praktyce
00:08:34
Praca z interakcjami
00:09:17
Zaawansowane funkcje platformy
Podgląd lekcji00:13:42
Przekazanie plików projektowych
00:07:56
Zaawansowany Handoff
00:12:26
-
Projektowania Stron WWW
39 lekcji · 5h 29min
Wprowadzenie
Podgląd lekcji00:03:45
Proces tworzenia stron WWW
00:04:28
Koncepcja i skojarzenia
00:09:33
Użytkownicy witryny
00:04:44
Cele strony WWW
00:06:29
Architektura informacji
00:06:35
Mapa witryny
00:05:06
Markdown i projektowanie w tekście
00:07:56
Inspiracje do logotypu
00:07:42
Logo - szkicowanie
00:04:56
Import plików do Illustrator
00:10:01
Detale logotypu
00:12:15
Praca z Adobe Comp
00:09:07
Szkic wireframe
00:03:13
Tworzymy wireframe
00:12:30
Testy na urządzeniu
00:08:16
Praca z prototypem
00:09:47
Typografia w projekcie
00:11:56
Style tekstu
00:12:53
Organizacja warstw
00:12:50
Atomy i biblioteki
Podgląd lekcji00:08:00
Praca z bibliotekami
00:05:33
Widok tabletowy
00:15:55
Tworzymy footer
00:04:10
Widok desktopowy
00:11:55
Gotowy wireframe
00:07:19
Interakcje i layer comps
00:10:40
Praca z UX Pin
00:14:03
Prototypy w InVision
Podgląd lekcji00:07:16
InVision - interakcje
00:10:36
Inspiracje od stylistyki
00:12:46
Inspiracje i zbieranie zasobów
00:12:46
Praca z tłem dla strony
00:13:07
Pozostałe elementy graficzne
00:06:19
Style atomów
00:10:22
Praca z bibliotekami
00:07:41
Omówienie strony głównej
00:05:08
Widoki mobile
00:07:00
Eksport grafiki
00:13:59
-
Figma
28 lekcji · 3h 11min
Wprowadzenie
Podgląd lekcji00:02:41
Ustawienia aplikacji
00:10:07
Przegląd Funkcji
00:08:17
Artboardy
00:09:35
Opcje widoku - piksele
00:08:02
Layout grid
00:09:14
Import Sketch Ai
00:07:38
Skalowanie w Figma
00:05:45
Gotowe komponenty Sketch
00:05:03
Kolory
00:09:53
Wstawianie Obrazków
00:04:32
Ramka tekstowa
00:05:04
Praca z kształtami
00:05:06
Pen Tool ikony
00:12:47
Zaawansowane operacje na kształtach
00:13:53
Komponenty
Podgląd lekcji00:06:16
Drugi ekran linia przerywana
00:06:46
Maski, trzeci ekran
00:07:32
Efekty, ekrany otwarcia
00:12:41
Ostatnie ekrany
00:09:09
Constraints
00:14:47
Historia wersji
00:03:32
Podgląd na urządzeniu
00:03:05
Współpraca z zespołem
Podgląd lekcji00:04:08
Komentarze
00:02:28
Biblioteki
00:07:21
Eksport grafik
00:06:29
Do usłyszenia
00:01:29
-
Adobe XD
0 lekcji ·
-
Interakcje
0 lekcji ·
-
Sketch
50 lekcji · 7h 10min
Wprowadzenie
Podgląd lekcji00:03:24
Nawigacja i zmiana widoku
00:06:04
Tworzenie selekcji
00:06:00
Strony i Artboardy
00:07:04
Organizacja warstw
00:04:06
Operacje logiczne
00:07:39
Praca z kształtami
00:10:24
Narzędzie Wektorowe
00:10:58
Transformacje kształtów
00:08:56
Jeszcze inne transformacje
00:07:46
Opcje wyrównania
00:10:32
Skalowanie i Resizing
00:09:45
Maskowanie
00:09:21
Eksport grafik
00:11:32
Operacje matematyczne
Podgląd lekcji00:06:08
Pixel Grid
00:05:16
Tworzymy Symbole
00:13:17
Praca w skali 1x
00:09:15
Grid Layout
00:07:54
Szkice oraz mockupy
00:06:37
Praca z Kolorami
00:11:07
Style Guide w Projekcie
00:08:02
Praca z Typografią
00:07:35
Type Ramp
00:07:28
Tworzenie Topu
00:11:28
Ekran Główny - dodatki
00:10:36
Organizacja i Nazewnictwo
00:12:38
Iteracje Artboardu Home
00:10:29
Warianty przycisku
00:07:40
Podgląd na urządzeniu
00:02:59
Ekran Logowania
00:12:42
Kolejny ekran i Ikony
00:09:34
Ekran Główny i Gradienty
00:09:19
Ekran Ustawień
00:13:06
Ekran Devices
00:14:58
Ekran Akcji
00:10:52
Ekran Szczegółów Akcji
00:05:51
Menu Dolne
00:07:37
Ekran Alarmu
Podgląd lekcji00:11:50
Ekrany Senses Blinds
00:12:17
Ekran Lampy
00:14:25
Ekran Temperatury
00:06:19
Ekrany Kamer
00:10:27
Ekran horyzontalny i widok tabletowy
00:14:57
Wprowadzenie do Marvel
00:08:23
Definiowanie Przejść i Hotspotów
00:16:11
Działający Prototyp
00:06:09
Sketch Cloud
00:06:31
Nowość - Prototypowanie w Sketch!
00:08:38
Dziękuję za uwagę
00:02:24
-
Abstract
0 lekcji ·
-
Zeplin
1 lekcji · 30min
-
Typografia
2 lekcji · 23min
Poziom 4
10 kroków · 86 lekcji · 16h 45min-
Narzędzia deweloperskie
1 lekcji · 1h
-
Sublime Text 3
0 lekcji ·
-
CSS3
51 lekcji · 7h 1min
Wprowadzenie
Podgląd lekcji00:07:24
Możliwości CSS
00:06:02
Krótko o historii CSS
00:07:17
Wsparcie w przeglądarkach
00:07:00
Przydatne narzędzia
00:09:06
Przycisk w CSS i prefiksy
00:11:47
Biblioteki eCSStender i Modernizr
00:11:48
Systematyka dalszej części kursu
00:04:58
Struktura HTML5 strony
00:19:23
Pliki projektów
00:03:43
Selektory potomka i rodzeństwa
00:08:54
Pseudoklasy - wprowadzenie
00:06:24
Pseudoklasy w CSS3
00:04:42
Pseudoklasy NTH
00:08:41
Praktyczne wykorzystanie pseudoklas
00:11:07
Pseudoklasy w elementach UI
00:02:31
Selektory atrybutów
00:08:42
Reguła @font-face
00:11:44
Google Web Fonts
00:07:11
Tekst w wielu kolumnach
00:06:11
Cień dla tekstu
00:08:52
Efekty na tekście
00:09:14
Kolory w CSS3
00:09:22
Gradienty w CSS3
00:10:51
Kolory i Photoshop
00:04:06
Zaokrąglanie narożników
00:12:28
Obrazek jako border
00:11:25
Właściwości tła
00:08:34
Wielokrotne tło
00:11:21
Przycinanie tekstu
00:04:33
Zmiana rozmiaru kontenerów
00:06:30
Elastyczny model pudełkowy
00:08:54
Wyrównanie kontenerów
Podgląd lekcji00:07:25
Flex Box w praktyce
00:07:01
Transformacje w CSS3
00:09:53
Praktyczne zastosowania
00:12:49
Przejścia w CSS3
00:06:50
Przejścia w praktyce
00:09:55
Zdjęcia z Polaroid
00:13:22
Transformacje 3D
00:09:04
Wprowadzenie do animacji
00:10:01
Easing i narzędzia
00:08:55
Animacja Kuli Ziemskiej
Podgląd lekcji00:05:14
Animacja po ścieżce
00:08:28
Inne animacje
00:14:29
Wprowadzenie do Media Queries
00:01:34
Zastosowania Media Queries
00:14:48
Media Queries na stronie cz. I
00:08:32
Media Queries na stronie cz. II
00:17:31
Obsługa jQuery
00:08:11
Zakończenie
00:01:06
-
CSS Layout
1 lekcji · 1h
-
Wzorce RWD
0 lekcji ·
-
Flexbox
0 lekcji ·
-
Preprocesory
31 lekcji · 6h 2min
Wprowadzenie
Podgląd lekcji00:05:46
Czym są preprocesory?
Podgląd lekcji00:05:33
Poprawne kolorowanie składni w Sublime Text 2
00:02:12
Poprawne kolorowanie składni w Dreamewaver do CS6*
00:02:58
Poprawne kolorowanie skladni w Notepad
00:02:04
Wstęp do LESS
00:16:37
Wstęp do SASS
00:14:41
Zagnieżdżone selektory
00:15:59
Zmienne
00:15:11
Mixiny
00:19:59
Instrukcje warunkowe
00:17:48
Polecenie extend
00:11:43
Pętle
00:17:15
Wbudowane funkcje
00:12:31
Własne funkcje
00:09:31
Funkcje kolorów
00:14:12
Importowanie plików
00:16:11
Debugowanie kodu
00:12:22
Podsumowanie działu
00:07:25
CSS3 Selection
Podgląd lekcji00:09:58
CSS3 3D Button cz. 1
00:20:57
2CSS3 3D Button cz. 2
00:16:26
CSS3 Keyframes - animowane tło
00:10:42
BONUS - Zdalne pobieranie projektów w Sublime Text 2
00:07:26
Wstęp do Compass
00:21:11
Wiersz poleceń i podstawy Konsoli
00:08:53
Tworzenie projektów z linii poleceń i plik config.rb
00:14:01
CSS Sprites z Compass cz. 1
00:15:45
CSS Sprites z Compass cz. 2
00:16:23
Inne frameworki dostępne do pracy z Compass
00:15:56
Dziękuję za uwagę
00:01:43
-
Emmet
1 lekcji · 42min
-
Najciekawsze wtyczki
1 lekcji · 1h
-
BEM CSS
0 lekcji ·
Poziom 5
5 kroków · 328 lekcji · 36h 42min-
JavaScript od Podstaw
104 lekcji · 10h 2min
Wprowadzenie
Podgląd lekcji00:09:57
Czym jest JavaScript?
Podgląd lekcji00:06:53
JavaScript a jQuery
00:02:20
JavaScript poza przeglądarką
00:03:18
Wstawianie skryptów na stronę WWW
00:04:43
Do czego służą zmienne?
00:04:10
Tworzenie zmiennych
00:08:46
Tekstowy typ danych
00:05:51
Liczbowy typ danych
00:03:36
Prawda, fałsz i wartości prawdziwe oraz fałszywe
00:05:14
null vs. undefined
00:05:32
Operatory arytmetyczne
00:08:49
Operatory porównania
00:08:28
Operatory logiczne
00:07:52
Inkrementacja i dekrementacja
00:05:13
Do czego służą instrukcje warunkowe?
00:02:58
Instrukcja if
00:06:52
Skrócony zapis if
00:03:45
Instrukcja switch
00:05:34
Do czego służą pętle?
00:03:51
Pętla while
00:07:41
Pętla do while
00:02:34
Pętla for
Podgląd lekcji00:04:14
Pętla for in
00:04:16
Przerywanie lub kontynuacja pętli
00:07:30
Czym są obiekty?
00:03:12
Tworzenie obiektów i praca z właściwościami
00:09:24
Funkcje jako metody obiektów
00:04:02
Porównywanie obiektów
00:03:05
Do czego służą tablice?
00:03:24
Tworzenie tablic jedno i wielowymiarowych
00:08:11
Dodawanie elementów do tablicy
00:06:02
Usuwanie elementów tablicy
00:08:00
Sortowanie elementów tablicy
00:09:03
Używanie pętli na tablicach
00:08:00
Metody tablic
00:13:59
Do czego służą funkcje?
00:01:43
Tworzenie funkcji
00:09:49
Zwracanie wartości
00:06:42
Parametry funkcji
00:10:01
Zakres zmiennych
00:10:31
Zmienna arguments
00:08:20
Funkcje anonimowe
00:06:51
Wbudowane funkcje JavaScript
00:06:04
Obiekt String
00:13:10
Obiekt Number
00:05:44
Obiekt Boolean
00:02:56
Obiekt Array
00:03:10
Obiekt Function
00:06:39
Obiekt Math
00:04:00
Obiekt Date
00:11:00
Obiekt RegExp
00:04:32
Pozostałe obiekty
00:01:53
Blok try catch
00:06:28
Zgłaszanie własnych błędów
00:07:05
Czym jest DOM?
00:05:59
DOM API a JavaScript
00:08:03
Globalny obiekt window
00:06:53
Obiekt navigator
00:03:17
Obiekt screen
00:01:34
Obiekt location
00:02:53
setTimeout i setInterval
00:09:56
Metody przeszukiwania drzewa DOM
00:13:01
Tworzenie elementów HTML
00:04:22
Wstawianie i usuwanie elementów ze strony
00:07:39
Tworzenie fragmentu dokumentu
00:04:58
Relacje między elementami
00:06:46
Praca z atrybutami
00:06:31
Praca z klasami CSS
Podgląd lekcji00:04:05
Inne właściwości elementów
00:04:36
innerHTML, outerHTML oraz textContent
00:06:41
Wartości pól formularza
00:08:41
Praca ze stylami CSS elementów
00:09:46
Współprzędne położenia elementu
00:06:06
Wymiary elementu
00:06:52
Pozycje suwaków
00:03:24
Czym są zdarzenia?
00:05:40
Przypisywanie i usuwanie zdarzeń dla elementów
00:07:48
Obiekt event i target
00:05:41
Czym jest “bubbling”
00:04:18
Czym jest “capturing”?
00:04:58
Zapobieganie domyślnej akcji przeglądarki
00:07:40
Zdarzenie DomContentLoaded i load
00:06:26
Typy błędów w JavaScript
00:03:13
Debugowanie kodu JavaScript
00:09:42
Losowanie Dużego Lotka
00:15:32
Sortowanie tabeli po kolumnach cz. 1
00:15:32
Sortowanie tabeli po kolumnach cz. 2
00:10:01
Walidacja formularza cz. 1
00:12:58
Walidacja formularza cz. 2
00:13:30
Powrót do góry strony
00:11:54
Tooltip
00:24:58
Trick1 - Konwersja na prawde/falsz
00:01:23
Trick2 - Warunkowe przypisywanie wyrazen
00:01:04
Trick3 - Generowanie powtarzajacego sie ciagu znaków
00:01:05
Trick4 - Odwrócenie tekstu
00:01:01
Trick5 - Warunkowe wywolywanie funkcji
00:01:14
Trick6 - Zwracanie wielu wartosci z funkcji
00:00:34
Trick7 - Etykietowanie petli
00:01:46
Trick8 - Przetasowanie tablicy
00:00:51
Trick9 - Powiekszenie pierwszej litery tekstu
00:00:45
Trick10 - Porównanie dwóch dat
00:00:51
Co dalej?
00:08:43
Podsumowanie
00:01:25
-
JavaScript w Praktyce
72 lekcji · 9h 9min