Kurs Tworzenia Stron WWW cz. 3
Zdobądź bezcenne doświadczenie i zmiażdż konkurencję tajną wiedzą, której w innych kursach po prostu nie ma!
W tej części kursu:
- stworzysz 2 nowoczesne i profesjonalne strony oparte o Flexboxa i Grida,
- zdobędziesz tajną wiedzę, dzięki której zrozumiesz jak działa UI/UX, co bezpośrednio przełoży się na projektowanie i tworzenie lepszych stron WWW oraz da Ci potężną przewagę nad innymi kandydatami na Juniora,
- poznasz od podstaw Gita oraz GitHuba,
- poznasz metodologię BEM i dowiesz się jak wykorzystać ją w 100% w połączeniu z SASS-em,
- zrobisz mnóstwo projektów, dzięki którym przećwiczysz informacje zdobyte we wcześniejszych kursach oraz zwiększysz swoje umiejętności.
Zniżki, BLIK / przelew, zwrot
Posiadasz cz. 1 i cz. 2? Zgłoś się po zniżkę -40% na Discorda! 🙂
Wolisz zakup BLIK / przelewem? Również napisz na Discordzie. 😉
https://mmcschool.pl/spolecznosc
Jeśli kurs Ci się nie spodoba, możesz zwrócić go w ciągu 14 dni od zakupu (jeśli nie przerobisz więcej, niż 30%).
Plan kursu
Wstęp
Dostępne w
dni
dni
po rejestracji
Animowane karty
Dostępne w
dni
dni
po rejestracji
- 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
Dostępne w
dni
dni
po rejestracji
Przyciski: outline & padding
Dostępne w
dni
dni
po rejestracji
Przyciski
Dostępne w
dni
dni
po rejestracji
Menu
Dostępne w
dni
dni
po rejestracji
Tooltipy, inputy itd.
Dostępne w
dni
dni
po rejestracji
Git & GitHub
Dostępne w
dni
dni
po rejestracji
- 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
Dostępne w
dni
dni
po rejestracji
Projektuj lepsze strony internetowe! Porady UI/UX!
Dostępne w
dni
dni
po rejestracji
- 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
Dostępne w
dni
dni
po rejestracji
- 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
Dostępne w
dni
dni
po rejestracji
Strona WWW GRID
Dostępne w
dni
dni
po rejestracji
- 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?
Dostępne w
dni
dni
po rejestracji