Autoplay
Autocomplete
Poprzedni wykład
Zakończ i kontynuuj
Kurs Tworzenia Stron WWW cz. 3
Wstęp
01. Witajcie w trzeciej części kursu! :) (4:15)
02. Projekty z pierwszych działów (2:50)
03. Strona WWW oparta o Flexboxa [podgląd] (7:08)
04. Strona WWW oparta o Grida [podgląd] (3:02)
05. Jak zdobyć zniżkę na kurs?
06. Co muszę wiedzieć, aby móc przystąpić do kursu?
07. Pomoc na Discordzie
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
01. Omówienie projektu #4 (1:53)
02. Projekt #4 - HTML i CSS (3:24)
Do kolejnego odcinka
03. Projekt #4 - Link nr 1 (6:09)
04. Projekt #4 - Link nr 2 (5:30)
05. Projekt #4 - Link nr 3 (3:03)
06. Projekt #4 - Link nr 4 (2:54)
07. Projekt #4 - Link nr 5 (5:13)
Przyciski: outline & padding
01. Czym jest outline? Czemu jest tak ważny? (4:46)
02. Dobra praktyka z paddingiem (2:20)
Przyciski
01. Omówienie projektu #5 (1:22)
02. Projekt #5 - HTML i CSS (4:02)
03. Projekt #5 - Slide (9:37)
04. Projekt #5 - Slice (3:06)
05. Projekt #5 - Hmm (3:22)
06. Projekt #5 - Border (5:17)
07. Projekt #5 - Glass (3:47)
Menu
01. Omówienie projektu #6 (1:12)
02. Projekt #6 - HTML & CSS (6:07)
03. Projekt #6 - CSS cz. 1 (3:22)
04. Projekt #6 - CSS cz. 2 (4:49)
Tooltipy, inputy itd.
01. Tooltipy (4:21)
02. Inputy (5:32)
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:52)
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:26)
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
01. BEM - wprowadzenie (6:31)
02. Stylowanie elementów (12:42)
03. Omówienie zadania - nadaj klasy BEM (0:41)
04. Rozwiązanie zadania - nadaj klasy BEM (1:52)
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:13)
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:21)
23. Customowy font na serwerze
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
Kurs CSS Grid
Generator 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:14)
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?
Na co zwracać uwagę po cz. 3?
Zakończenie
Teach online with
05a. Kontrast favicony
Treść wykładu zablokowana
Jeśli jesteś już zarejestrowany,
musisz się zalogować
.
Zapisz się na kurs, aby odblokować