Wstęp
Animowane karty
-
Pro tip do kursu
-
01. Omówienie projektu #1 (1:33)
-
02. Projekt #1 - HTML (3:31)
-
03. Projekt #1 - CSS cz. 1 (6:49)
-
04. Projekt #1 - CSS cz. 2 (8:45)
-
05. Omówienie projektu #2 (0:46)
-
06. Projekt #2 - HTML (2:44)
-
07. Projekt #2 - Karta 1 i 2 (10:11)
-
08. Projekt #2 - Karta 3 (5:08)
-
09. Omówienie projektu #3 (1:59)
-
10. Projekt #3 - HTML i CSS (4:31)
-
11. Projekt #3 - CSS cz. 1 (3:51)
-
12. Projekt #3 - CSS cz. 2 (5:23)
-
13. Projekt #3 - CSS cz. 3 (7:37)
Linki
Przyciski: outline & padding
Przyciski
Menu
Tooltipy, inputy itd.
Git & GitHub
-
Mała aktualizacja + info o instalacji
-
01. Instalacja Gita (4:36)
-
01a. Instalacja na MacOS (0:47)
-
02. Terminal (9:21)
-
03. Do czego służy Git? (6:53)
-
Jeśli nie widzicie folderu .git
-
04. Tworzymy repozytorium (10:29)
-
Info dla użytkowników Windowsa
-
05. Sprawdzamy historię zmian (4:18)
-
06. Branch & merge cz. 1 (9:07)
-
07. Branch & merge cz. 2 (4:49)
-
08. Omówienie zadania – zabawa z repo (2:37)
-
09. Rozwiązanie zadania – zabawa z repo (6:20)
-
10. GitHub – wprowadzenie (9:33)
-
11. HTTPS – wysyłamy repo na GitHuba (8:57)
-
12. Ciekawostka o origin (6:34)
-
13. README.md (4:58)
-
14. Nadawanie uprawnień innym użytkownikom (3:04)
-
15. Pobieranie repo (3:27)
-
16. Praca na branchach (7:07)
-
17. Aktualizowanie repo (4:11)
-
18. Pull request (6:40)
-
19. Git lens (1:59)
-
20. gitignore (4:22)
-
21. SSH (7:53)
-
22. Hostowanie strony na GitHub
BEM & SASS
Projektuj lepsze strony internetowe! Porady UI/UX!
-
Wszystko co musicie wiedzieć o hostingu, domenie itd.
-
01. White space (7:09)
-
02. Dobieranie kolorów stron (7:56)
-
03. Skala szarości (3:27)
-
04. Nie zamykajmy się na wąską grupę kolorów (1:48)
-
05. Kontrast (4:05)
-
05a. Kontrast favicony
-
06. Kolor CTA (4:14)
-
06a. Dodatkowe info do CTA (0:42)
-
07. Palety kolorów (10:12)
-
08. Text-shadow (2:30)
-
09. Przyciski (3:42)
-
10. Kursor (2:59)
-
11. Kursor cz. 2 (1:06)
-
12. Nawigacja (7:59)
-
13. Typografia (5:14)
-
13a. Typografia – sprawa kolejna
-
14. Polish-english (2:37)
-
15. Przecież u mnie działa… (3:27)
-
16. Textarea (3:51)
-
17. Textarea i resize
-
18. REM & EM (4:34)
-
19. Jak używać REM i EM? (2:44)
-
20. Nazwy folderów
-
21. Kółko nie pasuje do kwadratu (2:06)
-
22. Tekst góra/dół/prawo/lewo (2:22)
-
23. Customowy font na stronie
Strona WWW Flexbox
-
Info do projektu
-
01. Omówienie projektu (5:23)
-
02. Tworzymy strukturę (7:25)
-
03. Tworzymy burger button (12:03)
-
04. Header cz. 1 (7:32)
-
05. Header cz. 2 (13:02)
-
06. Header cz. 3 (5:05)
-
Do nawigacji
-
07. Nawigacja cz. 1 (5:54)
-
08. Nawigacja cz. 2 (8:23)
-
09. Nawigacja cz. 3 (9:55)
-
10. Dreams cz. 1 (4:16)
-
11. Dreams cz. 2 (2:40)
-
12. Dreams cz. 3 (7:13)
-
13. Hero image (9:44)
-
14. Wyspy cz. 1 (7:17)
-
15. Wyspy cz. 2 (6:30)
-
16. Wyspy cz. 3 (9:18)
-
17. Wyspy cz. 4 (2:16)
-
18. Oferty cz. 1 (5:53)
-
19. Oferty cz. 2 (6:06)
-
20. Oferty cz. 3 (5:59)
-
21. Opinie cz. 1 (3:58)
-
Literówka
-
22. Opinie cz. 2 (4:02)
-
23. Opinie cz. 3 (7:06)
-
24. Kontakt cz. 1 (4:19)
-
25. Kontakt cz. 2 (6:19)
-
26. Footer cz. 1 (6:46)
-
27. Footer cz. 2 (8:39)
-
28. Kończymy stronę - JS cz. 1 (10:42)
-
29. Kończymy stronę - JS cz. 2 (6:23)
CSS Grid
Strona WWW GRID
-
01. Omówienie projektu (1:47)
-
02. Tworzymy strukturę cz. 1 (4:26)
-
03. Tworzymy strukturę cz. 2 (6:58)
-
04. Header cz. 1 (10:21)
-
05. Header cz. 2 (10:29)
-
06. Header cz. 3 (5:55)
-
07. Header cz. 4 (8:21)
-
08. Header cz. 5 (3:52)
-
09. Header cz. 6 (9:15)
-
10. Sekcja Cards cz. 1 (3:49)
-
11. Sekcja Cards cz. 2 (7:20)
-
12. Sekcja Cards cz. 3 - zadanie (3:41)
-
13. Sekcja Invest cz. 1 (6:45)
-
14. Sekcja Invest cz. 2 (6:17)
-
15. Sekcja Invest cz. 3 (9:16)
-
16. Sekcja Plans cz. 1 (5:30)
-
17. Sekcja Plans cz. 2 (5:56)
-
18. Sekcja Newsletter cz. 1 (5:32)
-
19. Sekcja Newsletter cz. 2 (2:05)
-
20. Sekcja Galeria (5:01)
-
21. Sekcja Kontakt (10:33)
-
22. Krótka informacja odnośnie sekcji "Kontakt"
Co dalej?
