Ś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
Wprowadzenie
Podgląd lekcji00:09:06
Jak ułożony jest kurs?
Podgląd lekcji00:03:26
Podstawowe pojęcia OOP
00:13:55
Jak działa dziedziczenie prototypowe
00:09:58
Dziedziczenie prototypowe - przykład
00:18:20
Tworzenie własnych konstruktorów
00:13:55
Korzystanie z prototypu
00:07:11
Przykład dziedziczenia wielokrotnego cz. 1
00:15:35
Przykład dziedziczenia wielokrotnego cz. 2
00:24:36
Metoda .toString
00:06:28
Rozszerzanie wbudowanych obiektów
00:08:01
Operator in oraz metoda hasOwnProperty
00:07:26
Problemy z this
00:08:36
Metody .call i .apply
00:09:19
Metoda .bind
00:09:30
Czym są domknięcia?
00:07:22
Prywatność w JavaScript
00:08:24
Czym jest JSON?
00:05:19
Obiekt JSON
00:07:29
Serializowanie obiektów
00:10:51
Jak działa protokół HTTP?
00:14:35
Czym jest AJAX?
Podgląd lekcji00:06:57
Same-origin policy i CORS
00:09:59
Same-origin policy i CORS w akcji
00:10:13
Wysyłanie żądania
00:09:50
Obsługa zdarzeń
00:08:33
Wysyłanie danych
00:13:00
Śledzenie postępu
00:07:25
Własna biblioteka AJAX cz. 1
00:14:17
Własna biblioteka AJAX cz. 2
00:10:50
Własna biblioteka AJAX cz. 3
00:25:52
Wysyłanie maila z AJAX i PHP
00:14:52
Jak działa JSONP?
00:15:30
Czym są ciasteczka?
00:06:41
Ustawianie ciasteczek
00:15:53
Odczytywanie ciasteczek
00:06:33
Czym są wyrażenia regularne?
00:01:55
RegExp w JavaScript
00:03:41
Dostępne symbole
00:13:45
Kwantyfikatory
00:09:49
Greedy i non-greedy
00:02:49
Kotwice
00:07:15
Grupowanie
00:06:06
Lookahead
00:09:20
Przechwycone fragmenty tekstu
00:10:42
Backreference
Podgląd lekcji00:01:51
Metoda .exec
00:09:10
Metoda .test
00:03:23
Metoda .match
00:03:51
Metoda .search
00:06:33
Metoda .replace
00:11:13
Metoda .split
00:03:21
Praktyczny projekt - “Antybluzgacz” cz. 1
00:09:25
Praktyczny projekt - “Antybluzgacz” cz. 2
00:11:51
Strict Mode
00:09:00
Minifikacja i konkatenacja skryptów
00:04:16
Lintery kodu
00:05:28
Delegacja zdarzeń DOM
00:06:36
Trick1 - Najwiekszy elementy w tablicy
00:01:20
Trick2 - Konwersja obiektów tablico-podobnych na tablice
00:01:47
Trick3 - Okreslenie, czy jeden element zawiera drugi
00:01:02
Trick4 - Preload obrazów w tle
00:04:12
Trick5 - Wylaczenie arkusza stylów
00:01:28
Trick6 - Wysylanie informacji bez uzycia AJAX
00:03:54
Trick7 - Wyswietlanie powiadomien w tytule strony
00:02:39
Trick8 - Tworzenie kopii obiektu
00:01:16
Trick9 - Kodowanie base64
00:03:06
Trick10 - Usuwanie elementu tablicy
00:01:38
Instalacja serwera Apache, PHP i MySQL dla OS X
00:03:56
Instalacja serwera Apache, PHP i MySQL dla Windows
00:03:56
Co dalej?
00:08:53
Podsumowanie
00:01:00
-
jQuery
71 lekcji · 7h 27min
Wprowadzenie
Podgląd lekcji00:04:56
Czym jest jQuery
Podgląd lekcji00:02:37
Co powinieneś już wiedzieć
Podgląd lekcji00:02:25
Jak korzystać z plików źródłowych
00:17:49
Instalacja jQuery
00:04:44
Podstawy selektorów
00:09:31
Zaawansowane selektory
00:06:07
Niestandardowe selektory
00:04:22
Filtrowanie
00:07:56
Filtrowanie hierarchiczne
00:04:44
Zdarzenie ‘load’
Podgląd lekcji00:03:22
Przypisywanie funkcji dla zdarzeń
00:07:24
Usuwanie funkcji zdarzeń
00:03:00
Delegacja zdarzeń
00:05:15
Obiekt zdarzenia
00:06:15
Wywoływanie zdarzeń
00:04:34
Przypisywanie i odczytywanie styli
00:08:16
Praca z klasami CSS
00:05:41
Praktyczny projekt Gwiazdkowa ocena
00:13:28
Tworzenie elementów
00:06:35
Wstawianie elementów
00:04:18
Praca z treścią elementów
00:09:42
Praca z atrybutami elementów
00:05:45
Manipulacja kolejnością elementów
00:08:31
Usuwanie elementów
00:05:30
Odczytywanie i ustawianie wymiarów
00:05:10
Położenie elementów w dokumencie
00:07:01
Praktyczny projekt Menu kontekstowe
00:16:04
Pokazywanie i ukrywanie elementów
00:09:11
Animacja właściwości CSS
00:03:43
Funkcje zwrotne
00:03:41
Kolejkowanie animacji
00:10:57
Easing animacji
00:03:49
Animacje z CSS3
Podgląd lekcji00:03:57
Praktyczny projekt Accordion
00:08:32
Pętla ‘each’ dla zbiorów
00:04:02
Ogólna pętla ‘each’
00:05:23
Metoda ‘map’
00:04:48
Metoda ‘grep’
00:02:36
Odczytywanie i przypisywanie wartości
00:08:39
Serializacja formularza
00:03:00
Praktyczny projekt Placeholder
00:11:29
‘data’ w jQuery
00:05:16
‘data’ w atrybutach HTML5
00:06:15
Wysyłanie zapytań
00:16:00
Skrótowe metody
00:05:20
JSONP
00:05:47
Globalna konfiguracja
00:05:21
Praktyczny projekt AJAXowa paginacja
00:11:53
Zasada działania Deferred
00:11:18
Praktyczny przyklad Preloader obrazów
00:19:49
Podstawy tworzenia pluginów
00:10:27
Konfiguracja pluginu
00:08:27
Praktyczny projekt Powiadomienie o cookies
00:14:28
Praktyczny projekt Zakladki
00:09:08
Praktyczny projekt Lightbox
00:29:11
Slider obrazów
00:07:30
Sortowanie w portfolio
00:06:18
jQueryUI
00:04:05
Gdzie szukać pluginów?
00:02:11
Sprawdzanie wersji jQuery
00:00:35
Wykrywanie przeglądarki
00:01:46
Skrót ‘document.ready’
00:02:01
Ustawianie kontekstu dla funkcji
00:03:08
Przestrzenie nazw dla zdarzeń
00:01:25
Korzystanie z własnych zdarzeń w pluginach
00:04:42
Wczytywanie jQuery w WordPressie
00:01:04
Rozwiązywanie konfliktów
00:02:36
Wysyłanie wielu zapytań AJAX
00:02:21
Korzystanie z funkcji pomocniczych
00:01:50
Podsumowanie
00:04:36
-
ES 6
81 lekcji · 10h 4min
Wprowadzenie
Podgląd lekcji00:07:48
Czym jest EcmaScript 6?
Podgląd lekcji00:06:40
Jak ułożony jest ten kurs?
00:05:01
Jak korzystać z plików źródłowych
00:12:34
Słowo var i tzw. hoisting
00:06:18
Nowe słowa let i const
00:14:14
Który zapis do jakich sytuacji?
00:03:28
Zmiany w literałach obiektów
00:06:56
Nowe metody dla Object
00:10:06
Nowa konstrukcja - arrow function
Podgląd lekcji00:10:29
Arrow function i kontekst
00:11:46
Domyślne parametry
00:08:28
Domyślne parametry i zmienna arguments
00:04:24
Nazwa funkcji i debugowanie
00:05:34
Operator rest
00:07:26
Operator spread
00:09:26
Dekompozycja obiektów
00:08:44
Dekompozycja tablic
00:06:07
Dekompozycja zagnieżdżonych struktur
00:06:06
Domyślne wartości i operator rest
00:05:42
Dekompozycja parametrów funkcji
00:04:13
Template strings
00:08:03
Funkcje tagujące
00:08:44
Nowe metody dla String
00:06:49
Tworzenie klas
00:09:40
Dziedziczenie
00:14:58
Dziedziczenie z wbudowanych typów
00:06:15
Metody statyczne
00:05:22
Użycie super na obiektach
00:07:26
Ciekawostki odnośnie klas
00:11:12
Tworzenie Symboli
00:08:54
Metody Symboli
00:05:34
Symbole wbudowane
00:12:04
Tworzenie iteratorów
00:08:45
Pętla for...of
00:06:17
Operator spread na iteratorach
Podgląd lekcji00:05:44
Dodawanie iteratora do klasy
00:08:36
Tworzenie generatorów
00:10:47
Przekazywanie wartości
00:09:40
Obsługa błędów
00:03:05
Zwracanie z generatora
00:03:43
Delegowanie generatorów
00:04:49
Korzystanie z Promise
00:07:05
Łączenie łańcuchowe
00:06:42
Metody statyczne Promise
00:05:19
Praca z wieloma promisami
00:08:47
Współpraca z generatorami
00:11:32
Korzystanie z Set
00:07:46
Korzystanie z WeakSet
00:09:34
Korzystanie z Map
00:07:31
Korzystanie z WeakMap
00:08:00
Gettery i settery w ES5
00:04:05
Tworzenie obiektu proxy
00:07:56
Pułapka z apply
00:05:05
Korzystanie z modułów
00:07:47
Różne sposoby eksportu i importu
00:14:22
Import bez eksportu
00:02:00
Ciekawostki odnośnie modułów
00:07:29
Korzystanie z modułów w przeglądarkach
00:09:18
Nowości w tablicach
00:07:15
Nowości dla Number
00:06:04
Nowości dla Math
00:05:31
Nowości dla RegExp
00:10:01
Nowy operator potęgowania
00:01:58
Metoda includes dla tablic
00:03:33
Nowości dla String
00:04:36
Funkcje asynchroniczne
00:03:32
Jak pracować z npm?
00:12:58
Tworzenie bundli kodu z webpackiem
00:16:42
Transpilowanie kodu ES6 do ES5
00:10:02
Korzystanie z babel-polyfill
00:12:47
Własna biblioteka DOM
00:10:37
Dodanie głównej klasy
00:12:25
Rozszerzanie poprzez mixiny
00:14:27
Metody atrybutów i CSS
00:07:16
Metody do pracy z treścią
00:03:08
Metody do pracy ze zdarzeniami
00:04:38
Łączenie łańcuchowe
00:03:44
Metody do pracy z Ajax
00:13:59
Transpilowanie do ES5 i UMD
00:14:48
Podsumowanie
00:05:17
-
ES 2018
0 lekcji ·
Poziom 6
5 kroków · 66 lekcji · 9h 2min-
HTML5
66 lekcji · 9h 2min
Wstep
Podgląd lekcji00:10:24
Czym jest HTML5?
Podgląd lekcji00:07:48
Jak korzystać z plików źródłowych
00:07:57
Wstep do manipulacji DOM
00:09:12
Nowe selektory w praktyce
00:08:53
Wstęp do classList
00:04:28
classList w praktyce
00:06:15
Atrybuty data-*
00:04:11
Praktyka z atrybutami data-*
00:06:47
Wstep do formularzy
00:07:56
Nowe typy pól formularzy
00:08:59
Wstęp do walidacji formularzy
00:09:06
Walidator formularzy cz.1
00:12:12
Walidator formularzy cz.2
00:13:44
Walidator formularzy cz.3
00:11:52
Wstep do geolokalizacji
00:07:20
Pozyskiwanie pozycji urządzenia
00:06:43
Mapa dojazdu z Google Maps cz.1
00:13:24
Mapa dojazdu z Google Maps cz.2
Podgląd lekcji00:14:58
Wstep do Web Storage
00:05:09
Zapisywanie danych po stronie klienta
00:06:29
Zapamiętywacz danych formularza cz.1
00:12:14
Zapamiętywacz danych formularza cz.2
00:07:54
Wstep do pracy z canvas
00:07:43
Prostokąty i linie
00:12:19
Łuki
00:05:55
Zapisywanie stanu
00:01:53
Bézier curve i Qadratic Curve
00:04:43
Rysowanie tekstu
00:03:37
globalCompositeOperation i globalAlpha
00:06:41
Cienie, wzorki i gradienty
00:08:02
Rysowanie obrazów
00:04:20
Maska przycinająca
00:02:22
Transformacje
00:06:08
Sketchpad cz.1
00:13:25
Sketchpad cz.2
00:13:42
Wstep do Audio i Video
00:11:03
Konwertowanie plików Audio i Video
00:03:15
Praktyczne porady do plików Audio i Video
Podgląd lekcji00:08:05
Audio i Video API
00:05:07
HTML5 Video Player cz.1
00:14:34
HTML5 Video Player cz.2
00:19:12
HTML5 Video Player cz.3
00:06:38
Wstep do File API
00:06:46
Odczytywanie informacji o plikach
00:03:20
Odczytywanie treści plików
00:09:41
Tworzenie obiektów Blob
00:06:52
Wstep do Web Workers
00:06:50
Metody tworzenia workerów
00:08:41
Nakładanie filtrów na obrazy
00:12:14
Wstep do Drag and Drop
00:07:51
Praktykowanie Drag and Drop
00:16:06
Image Uploader cz.1
00:13:02
Image Uploader cz.2
00:17:16
Wstep do Web Sockets
00:07:26
Nawiązywanie połączenia z serwerem
00:04:57
Real-Time Chat cz.1
00:15:45
Real-Time Chat cz.2 - tworzenie serwera z Node.js
00:09:33
Real-Time Chat cz.3
00:18:31
Wstep do History API
00:03:21
Praktyka
00:06:34
Wyszukiwarka w tabeli
00:15:34
Wstęp do Offline Applications
00:06:34
Przeniesienie aplikacji do Offline
00:07:53
Jak wesprzeć starsze przeglądarki?
00:06:49
Dziękuję za uwagę
00:02:39
-
Document Editing API
0 lekcji ·
-
Nawigacja
0 lekcji ·
-
Tabele
0 lekcji ·
-
Newslettery
0 lekcji ·
Poziom 7
2 kroków · 58 lekcji · 10h 59min-
GIT
35 lekcji · 8h 6min
Wprowadzenie
Podgląd lekcji00:04:25
Instalacja i Konfiguracja
00:15:24
Jak działa GIT?
00:20:20
Pierwszy Commit
00:07:47
Poprawiamy ostatni commit - amend
00:06:29
Praca z indeksem
00:14:24
Usuwanie i przenoszenie plików
Podgląd lekcji00:12:38
Ignorowanie plików
00:12:27
Przeglądanie historii - Log
00:23:38
Wyświetlanie zmian - Diff
00:13:47
Przywracanie plików - Checkout
00:08:44
Cofanie zmian - Revert
00:07:37
Edycja historii zmian - Reset
00:35:22
Zagubione zmiany - Reflog
00:12:52
Interaktywna edycja historii - Rebase
00:28:05
Gałęzie i Etykiety - Tag
00:16:04
Równoległe historie - Branch
00:16:46
Detached HEAD
00:05:16
Przechowalnia (Stash)
00:17:43
Wybieranie zmian - Cherry-Pick
00:13:28
Łączenie historii - Merge
00:16:52
Rozwiązywanie konfliktów
Podgląd lekcji00:14:12
Łączenie z przesunięciem - Merge Rebase
00:29:56
Klonowanie projektu - Clone
00:14:51
GitHub - Pierwsze Repozytorium
00:15:07
GitHub - Klucze SSH
00:17:24
Gałęzie zdalne - Remote
00:11:44
Przesyłanie zmian - Push
00:17:01
Pobieranie zmian - Pull i Fetch
00:11:55
Pobieranie ze zmianą bazy - Pull Rebase
00:12:52
Centralne Rezpozytorium - Dev i Topic Branch
00:10:30
Praca rozproszona - Fork i Upstream
00:10:14
Zarządzanie zmianami - Pull Request
00:11:09
Śledzenie zgłoszeń - Issue Tracker
00:12:43
Podsumowanie
00:04:03
-
Webpack
23 lekcji · 2h 53min
Wprowadzenie
Podgląd lekcji00:05:01
Czym jest webpack?
Podgląd lekcji00:08:08
Omówienie testowego projektu
00:06:38
Instalacja webpacka
00:05:21
Plik konfiguracyjny
00:08:10
Transpilacja ES6 do ES5
00:08:31
Korzystanie z webpack-dev-server
00:05:59
Importowanie modułów z npm
00:04:55
Praca z Handlebars
00:11:17
Kompilacja Sass do CSS
00:07:55
Praca z obrazkami w CSS
00:12:52
Korzystanie z pluginów
00:07:28
Automatyczne wstawianie styli i skryptów
00:05:05
Tworzenie wielu bundli
00:13:37
Prosty serwer do podglądu builda
00:02:12
Asynchroniczne ładowanie modułów
00:11:21
Tree shaking
00:03:06
Korzystanie z sourcemap
Podgląd lekcji00:06:43
Korzystanie z modułów bez importu
00:03:14
Tworzenie bibliotek
00:16:36
Workflow z React
00:15:44
Współpraca z Gulp.js
00:11:44
Podsumowanie
00:02:45
Poziom 8
3 kroków · 116 lekcji · 11h 22min-
Vue od Podstaw
62 lekcji · 6h 35min
Wprowadzenie
Podgląd lekcji00:08:03
Jak korzystać z plików źródłowych
00:03:14
Instalacja
00:08:08
Hello World z Vue
00:09:12
Czym jest Virtual DOM?
00:06:30
Metody
00:07:43
Wyliczone właściwości
00:09:16
Praca z szablonem
00:06:23
Atrybuty
00:07:29
Jak działają gettery i settery
00:06:51
Instancja Vue z bliska
00:12:17
Montowanie aplikacji
00:07:55
Zdarzenia cyklu życia
00:08:21
Przypisywanie obsługi zdarzeń
00:05:41
Przekazywanie parametrów
00:03:08
Modyfikatory zdarzeń
00:05:30
Modyfikatory klawiszy
00:08:01
Praca z klasami CSS
00:08:50
Liniowe style CSS
Podgląd lekcji00:07:20
Warunkowe pokazywanie elementów
00:05:11
Korzystanie z pętli
00:08:50
Unikalność elementów
00:05:28
Grupowanie elementów
00:03:38
Counter - Odliczanie
00:06:34
Uchwyty do elementów z DOM
00:07:48
Dwukierunkowe wiązanie danych
00:06:08
Własna implementacja modelu
00:03:41
Praca z radio i checkbox
00:03:13
Praca z polem select
00:03:35
Kontrolowanie zwracanych wartości
00:02:05
Obserwowanie zmian wartości
00:05:39
Tworzenie własnych filtrów
00:05:29
Sposoby na filtrowanie danych
00:05:00
Tworzenie własnych dyrektyw
00:06:26
Tworzenie własnych komponentów
00:09:54
Przekazywanie danych
00:05:29
Walidacja przekazywanych danych
00:04:21
Komunikacja pomiędzy komponentami w dół
00:03:59
Komunikacja pomiędzy komponentami w górę
00:06:05
Synchronizacja właściwości
00:02:53
Inne metody komunikacji
00:04:57
Edytowalna lista użytkowników cz.1
00:09:42
Edytowalna lista użytkowników cz.2
00:06:55
Edytowalna lista użytkowników cz.3
00:07:43
Dynamiczna podmiana komponentów
00:09:19
Kontrola treści komponentu za pomocą slotu
00:04:44
Tworzenie wielu slotów
00:07:54
Implementacja modelu na komponencie
Podgląd lekcji00:08:53
Podstawy animacji
00:07:34
Animacje zmiany komponentu
00:04:38
Animacje listy
00:06:30
Integracja z animate.css
00:04:58
Własny komponent animacji
00:04:49
Praca z narzędziem vue-cli
00:11:03
Tworzenie własnego komponentu
00:10:19
Praca ze stylami CSS
00:05:57
Tworzenie komponentów Slideshow
00:17:00
Dodanie preloadera obrazów
00:09:47
Pobieranie danych z serwera
00:10:19
Dodanie obsługi routingu
00:14:17
Tworzenie produkcyjnego builda
00:04:43
Zakończenie
00:03:33
-
Vue Techniki Zaawansowane
54 lekcji · 4h 47min
Wprowadzenie
Podgląd lekcji00:04:47
Jak korzystać z plików źródłowych
00:06:13
Klasyczne podejście do pracy z Vue
00:04:44
Bootstrap aplikacji z vue-cli
00:06:53
Jednoplikowe komponenty
00:10:58
Funkcja renderująca vs. szablon
00:07:42
Komponenty funkcyjne
00:05:21
Korzystanie z mixin
00:07:47
Przepływ informacji w aplikacji
00:05:50
Globalny bus do komunikacji
00:04:22
Rozszerzanie Vue
00:03:48
Czym jest VueX?
00:03:30
Pierwsze kroki z VueX
00:04:44
Pobieranie danych
00:04:01
Gettery
00:05:46
Mutacje
00:08:17
Akcje
00:05:14
Funkcje pomocnicze
00:08:04
Lepsza organizacja kodu
00:03:44
Debugowanie VueX
00:03:04
Pierwsze kroki z vue-router
00:03:21
Tworzenie tabeli routingu
Podgląd lekcji00:06:03
Generowanie odnośników
00:05:57
Dynamiczne parametry
00:06:05
Zagnieżdżone ścieżki
00:05:18
Nawigacja z poziomu kodu
00:04:14
Nazwane ścieżki
00:03:09
Nazwane widoki
00:04:27
Przekierowania
00:02:56
Uniwersalne komponenty
00:04:01
Tryb History API
00:03:30
Tworzenie guardów
00:09:24
Animacje
00:04:00
Dynamiczne wczytywanie modułów
00:05:51
Ustawienia pozycji suwaka
00:03:11
Pierwsze kroki z axios
00:03:08
Pobieranie i wysyłanie danych
00:06:34
Integracja axios z Vue
00:02:49
Założenia wstępne projektu pierwszego
00:01:59
Pobieranie danych do VueX
00:04:36
Generowanie widoku konfiguratora
00:14:03
Dodanie logiki konfiguratora
00:14:44
Założenia wstępne projektu drugiego
00:01:28
Pobranie danych do VueX
00:03:03
Generowanie widoku quizu
00:11:06
Dodanie logiki quizu
00:10:14
Obsługa routingu
00:12:58
Wyświetlanie podsumowania
00:12:16
Pierwsze kroki z vuelidate
00:02:00
Definiowanie reguł walidacji
Podgląd lekcji00:06:06
Wyświetlanie błędów
00:07:07
Sprawdzanie poprawności haseł
00:03:58
Asynchroniczna walidacja
00:04:09
Zakończenie
00:02:44
-
CMS z Vue
0 lekcji ·
Poziom 9
3 kroków · 137 lekcji · 26h 43min-
Angular od Podstaw
54 lekcji · 9h 54min
Wprowadzenie
Podgląd lekcji00:05:33
Edytor pliki narzedzia
00:18:20
Struktura Aplikacji
00:09:05
Główny Komponent
00:05:27
Wiązanie danych
00:11:33
Wykrywanie zmian
00:06:50
Dołączanie bibliotek
00:07:41
Dynamiczne właściwości
00:11:40
Atrybuty a właściwości
00:06:47
Obsługa zdarzeń
00:12:14
Dynamiczne stylowanie
00:09:18
Dynamiczne klasy CSS
00:06:42
Dyrektywa ngClass
00:05:11
Dyrektywa ngStyle
00:03:43
Wiązanie dwukierunkowe
Podgląd lekcji00:10:18
Dyrektywy Template i ngIf
00:11:11
Problem stanu i hidden
00:08:59
Dyrektywa ngSwitch
00:11:39
Dyrektywa ngFor
00:14:25
Komponenty
00:12:31
Style i enkapsulacja
00:12:16
Inputs Wejscia
00:10:42
Outputs Wyjscia
00:17:22
Projekcja z ngContent
00:09:14
Wiazania kopie i referencje
00:19:53
Moduły
00:12:02
Usługi
00:14:22
Wstrzykiwanie zależności
00:16:16
Usługi współdzielone i izolowane
00:12:33
Nowe API Spotify - aktualizacja
00:21:51
Praktyczny przykład
00:18:12
Praktyczny przyklad - dane z serwera
00:15:13
Wprowadzenie do Programowania Reaktywnego
00:11:43
RxJS Observable i Subject
00:10:37
Operatory map i startWith
00:08:03
Async Pipe
00:03:51
Reaktywne Formularze
00:15:15
Konfiguracja Routera
Podgląd lekcji00:09:03
Przekierowania
00:04:20
Routing dla modułów
00:07:10
Nawigacja z History API
00:10:32
Parametryzowane ścieżki
00:17:58
Zagnieżdzony routing
00:13:27
Routing reaktywny
00:05:11
Nawigacja z kodu
00:12:56
Lokalne referencje i HTML5 API
00:12:00
Dyrektywy ngForm i ngModel
00:15:00
Walidacja i komunikaty błędów
00:05:51
Stany formularza
00:09:56
Stylowanie stanu formularza
00:05:58
Elementy radio i select
00:10:24
Komunikacja z serwerem
00:24:24
Współdzielone usługi
00:26:38
Deployment produkcyjny
00:10:32
-
Angular - Wzorce
51 lekcji · 11h 21min
Wprowadzenie
Podgląd lekcji00:07:48
Konfiguracja i pliki źródłowe
00:07:22
Wzorzec wstrzykiwania zależności
00:17:32
Statyczne wiązanie zależności
00:09:12
Automatyczne wstrzykiwanie i Tokeny
00:20:31
Przesłanianie i mockowanie zależności
00:07:08
Hierarchia wstrzykiwania
00:15:30
Usługi typu Singleton
00:20:15
Wstrzykiwanie do widoku
00:21:18
Wstrzykiwanie do treści
00:09:56
Dyrektywa wstrzykująca
00:10:42
Proste pole tekstowe z ngModel
00:05:38
Pola checkbox i radio z ngModel
00:07:17
Pola textarea i select z ngModel
00:15:04
Zdarzenia formularza i ngForm
00:16:17
Model danych Formularza w ngForm
00:17:53
Zdarzenia i opcje ngModel
00:13:44
Zagnieżdżone modele z ngModelGroup
00:05:39
Dynamiczne dodawanie z ngModelGroup
00:09:34
Formularze sterowane modelem
00:08:31
Grupowanie pól z formGroup
00:12:20
Powielanie pól z formArray
00:11:00
Wzorzec Budowniczego
00:10:10
Zagnieżdżanie modele formularza
00:15:16
Manipulowanie strukturą formularza
00:15:09
Walidacja formularzy
00:16:06
Statusy pól formularza
00:12:18
Własne walidatory
00:18:12
Walidacja wielu pól
00:07:49
Dyrektywa walidująca
Podgląd lekcji00:15:19
Walidacja asynchroniczna
00:14:25
Komponent komunikatów formularza
00:15:46
Konfiguracja serwera REST
00:03:34
Klient Http i Observable
00:13:59
Współdzielenie subskrypcji Multicast
00:19:50
Cache zapytań i ReplaySubject
00:12:48
Zapytania mutujące i autoryzacja
Podgląd lekcji00:12:38
Obsługa nagłówków HTTP - logowanie
00:22:37
Obsługa błędów HTTP i wylogowanie
00:24:08
Globalne logowanie - Interceptory
00:21:35
Wyszukiwarka i podmiana zapytań
00:20:08
Obiekt Response i Stronicowanie
00:20:41
Konfiguracja modułu routingu
00:14:19
Routing dla modułów funkcjonalnych
00:08:34
Przekazywanie parametrów ścieżki
00:23:32
Zagnieżdżony routing
00:17:49
Nazwane gniazda routera
00:07:05
Nawigacja, popup i zdarzenia routera
00:23:06
Kontrola przejść nawigacji z Guards
00:17:52
Opóźnienie ładowania z Resolve
00:09:48
Zakończenie
00:00:57
-
Angular - UI
32 lekcji · 5h 28min
Wprowadzenie
Podgląd lekcji00:05:22
Konfiguracja i pliki źrodłowe
00:03:04
Statyczny komponent
00:04:03
Atrybuty komponentów
00:08:31
Dynamiczne właściwości
00:08:48
Nasłuchiwanie własnych zdarzeń
00:09:56
Sterowanie przez lokalne referencje
00:06:31
Dziedziczenie komponentów
00:07:37
Kompozycja widoku z ViewChild
00:15:01
Dynamiczna kompozycja z ViewChildren
00:17:58
Projekcja z ngContent
00:04:00
Multi-projekcja z select
00:06:08
Kompozycja zawartości z ContentChild
00:13:13
Kompozycja z ContentChildren
00:12:25
Zagnieżdzanie z ContentChildren
00:12:45
Komponowalna logika aplikacji
00:13:17
Komponowalna logika aplikacji cd.
00:08:51
Własne dyrektywy i ElementRef
Podgląd lekcji00:12:12
ContentChild i Renderer
00:15:59
Obsługa zdarzeń HostListener
00:09:30
HostListener - użycie zawansowane
00:10:57
Wiązanie właściwości z HostBinding
00:12:10
Dostęp do API z exportAs
00:08:08
Podmiana szablonu z ngIfElse
Podgląd lekcji00:16:52
Referencje w ngIf - składnia "as"
00:07:28
Mikroskładnia dyrektyw i kontekst implicit
00:13:24
Dynamiczne szablony ngTemplateOutlet
00:14:10
TemplateRef i dyrektywy jako referencja
00:06:43
Dyrektywy strukturalne i kontenery
00:29:54
Dynamiczne komponenty
00:19:32
Rekurencyjne komponenty
00:07:09
Zakończenie
00:01:47
Dołącz do ponad 10 tys. zadowolonych z naszych kursów
Super wprowadzenie w temat - aż chce się więcej! I zdecydowanie warto, jesli ktoś jeszcze tematu nie zna. Tylko słowo ostrzeżenia: po tym szkoleniu ilość rzeczy, które zostają zauważone i są do poprawienia wzrasta do kwadratu! :)
Bartek
24 listopada 2021
To najlepszy kurs jeśli chodzi o grafikę 3D. Bez tego kursu nie ma co nawet zaczynać przygody z 3D. Wszystko wytłumaczone od podstaw, sensownie i dogłębnie...
Dariusz Zamojski
14 listopada 2022
Super, prosto, jasno i przejrzyście :)
Piotr Bąk
13 września 2022
Wyjaśnione prosto i klarownie. Niewielkim nakładem pracy możemy sprawić, by ze strony mogły korzystać również osoby z niepełnosprawnością.
Łukasz Dragon
7 czerwca 2021
Świetnie poprowadzony, wiele wyjaśniający i dający solidne podstawy do rozpoczęcia przygody z fotografią. Dużo nowej wiedzy, przedstawionych zagadnień w zrozumiały sposób dla słuchacza. SZCZERZE POLECAM! :)
Anita
7 listopada 2022
Bardzo podoba mi się ten kurs, polecam!
Kamil Hajduła
26 października 2022
Bardzo dobrze merytorycznie przygotowany kurs. Choć już kilka lat przygotowuję pliki do druku to i tak udało mi się nieco poszerzyć już posiadaną wiedzę.
Sylwia Mielczarek
19 sierpnia 2022
Super warsztat, praktyczna wiedza podana w profesjonalny i przyjemny sposób. Sama przyjemność z nauki :-)
Piotr Kaniowski
30 czerwca 2021
Ciekawy kurs. Pozwala na zapoznanie i przećwiczenie różnych technik. Warto się z nim zapoznać.
Robert Studziński
6 stycznia 2020
Prowadzący ma cechy bardzo dobrego nauczyciela. Wszystkie zagadnienia są rzetelnie przygotowane i wytłumaczone.
Julita
20 kwietnia 2022
Bardzo dobry Kurs! Tym bardziej dla początkujących osób
Paweł
4 lutego 2022
Fajna treść łatwa do przyswojenia :0
Kamil Kłapciński
16 lutego 2021
Ścieżka Front-end Developer z UX
-
1273 lekcji w ścieżce
-
197 godzin materiału
-
Certyfikat ukończenia
-
Dostęp do społeczności Ahoy
Certyfikat Ścieżki Front-end Developer z UX
Obejrzyj wszystkie lekcje aby uzyskać Certyfikat w tej Ścieżce.
Ta sciezka jest przeznaczona dla osób, które pragna polaczyc umiejetnosci programowania front-end z wiedza na temat doswiadczenia uzytkownika (UX). Jest to idealna propozycja dla osób pragnacych poszerzyc swoje umiejetnosci zawodowe i stac sie bardziej wszechstronnymi deweloperami lub UX designerami. Sciezka jest odpowiednia zarówno dla poczatkujacych, jak i dla tych, którzy juz maja pewne doswiadczenie w tworzeniu stron internetowych. Wstepna znajomosc HTML, CSS, JavaScriptu oraz podstaw UX bedzie dodatkowym atutem, lecz nie jest wymagana.
Pytania i odpowiedzi
Przeczytaj najczęściej zadawane pytania dotyczące ścieżek i certyfikatów.
Masz więcej pytań?
Porozmawiaj z nami na na czacie
Zadzwoń +48 880880606
Choć można jednocześnie jechać windą i żuć gumę, nie można przerabiać w tym samym czasie wielu ścieżek. Chcemy, abyś maksymalnie skupił się na nauce w danej ścieżce i ukończył ją w terminie. Dopasowujemy do tego także cele w zadaniach oraz komunikację, aby nauka przebiegała optymalnie, dlatego nie przewidujemy opcji wielu otwartych ścieżek naraz. Możesz jednak w każdej chwili przełączyć się na nową ścieżkę, nie tracąc postępu w poprzednich - jeśli do nich wrócisz, postępy zostaną zachowane.
Dlaczego mam już postęp w ścieżce?Przechodząc do ścieżki, możesz zauważyć że masz już w niej jakiś postęp. Jest tak dlatego, że ścieżki składają się z kursów i warsztatów, które już wcześniej mogłeś oglądać! Postępy na platformie są wspólne dla tych materiałów a to znaczy, że w danej ścieżce możesz już mieć jakiś postęp nigdy do niej nie przystępując.
Jak uczyć się z innymi?Dobre pytanie! W ramach naszej społeczności Ahoy! organizujemy tak zwane sesje peer-learning. Dotyczy to nowych ścieżek, ale także istniejących, gdzie użytkownicy mogą zorganizować się w grupy wsparcia i wspólnie podjąć wyzwanie nauki w danej ścieżce. Aby mieć dostęp do przestrzeni peer-learningowej potrzebujesz abonament, który obejmuje społeczność Ahoy! Przejdź na tą przestrzeń i zaproponuj wspólną naukę. Mamy też materiały pomocy dotyczące tego, jak najlepiej się zorganizować.
Co się stanie jeśli w trakcie nauki zmieni się zawartość ścieżki?W zasadzie, niewiele - nowe materiały będą oznaczone jako nieobejrzane jeśli wcześniej ich nie przerobiłeś. Trzeba będzie przerobić je wszystkie aby uzyskać certyfikat. Natomiast jeśli już masz certyfikat ze ścieżki, nie zabieramy go po dodaniu nowych materiałów.
Czym się różni ścieżka od warsztatu i kursu?Kursy to kilku godzinne, kompleksowe opracowanie danego zagadnienia, podzielone na lekcje i rozdziały. Często uzupełniają je Warsztaty, które mają formę jednej dłuższej, praktycznej lekcji (30min-1h), natomiast ścieżki stanowią zbiór jednych i drugich materiałów - ułożoną z kursów i warsztatów playlistę, która pozwala Ci kompleksowo opanować dane zagadnienie.
Czy otrzymam certyfikat po ukończeniu ścieżki?Tak, po ukończeniu ścieżki (obejrzeniu wszystkich lekcji) otrzymasz certyfikat, którym możesz podzielić się w mediach społecznościowych. Certyfikat jest ważny przez 2 lata po ukończeniu ścieżki. Aby uzyskać go ponownie, musisz ponownie obejrzeć całą ścieżkę po tym czasie, ponieważ wiele lekcji może być zaktualizowanych.
We frontendzie nie można stać w miejscu, niezależnie od tego, czy jest się początkującym, czy zaawansowanym. Narzędzia i techniki się zmieniają, więc trzeba cały czas trzymać rękę na pulsie. Jako twórca kursów i programista mogę spokojnie polecić eduweb.pl jako aktualne i dobre źródło wiedzy.
Adam Romański
helloroman.com
Zacznij naukę w ścieżce Front-end Developer z UX
-
1273 lekcji w ścieżce
-
197 godzin materiału
-
Certyfikat ukończenia
-
Dostęp do społeczności Ahoy