03. Strona WWW oparta o Flexboxa [podgląd] | MMC School

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)
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. Customowa czcionka na serwerze

Strona WWW Flexbox

CSS Grid

Kurs 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

03. Strona WWW oparta o Flexboxa [podgląd]

Zakończ i kontynuuj