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
02. Dobra praktyka z paddingiem
Treść wykładu zablokowana
Jeśli jesteś już zarejestrowany,
musisz się zalogować
.
Zapisz się na kurs, aby odblokować