Ta strona korzysta z plików cookie, abyśmy mogli zapewnić jak najlepszą obsługę. Informacje o plikach cookie są przechowywane w przeglądarce i wykonują takie funkcje, jak rozpoznawanie cię po powrocie do naszej witryny i pomaganie naszemu zespołowi w zrozumieniu, które sekcje witryny są dla Ciebie najbardziej interesujące i przydatne.
Cześć, mam na imię Mateusz i zapraszam Cię do uczestnictwa w moim kursie tworzenia stron internetowych!
Nauczysz się tworzyć w pełni responsywne i nowoczesne strony internetowe, poznasz język HTML, CSS, JavaScript, preprocesor SASS, poznasz Bootstrapa, dowiesz się, czym jest semantyka no i przede wszystkim – będziesz sporo ćwiczył/a!
Teoria bez praktyki jest niczym i doskonale zdaję sobie z tego sprawę. Dlatego w moim kursie znajdziesz mnóstwo ćwiczeń i quizów, dzięki którym utrwalisz oraz sprawdzisz swoją wiedzę.
Dla ułatwienia nauki, kurs został podzielony na części, ponieważ ilość materiału do przyswojenia jest ogromna.
Na szczęście nie musisz się niczym przejmować, bo chętnie pomogę z każdym napotkanym przez Ciebie problemem. 🙂 Co więcej – mamy Discorda! I mówiąc “mamy” mam na myśli mnie oraz innych uczestników moich kursów. 🙂
Zachęcam więc do dołączenia (linki znajdziecie w zasobach do początkowych odcinków kursu), ponieważ czekają tam na Was wskazówki, quizy, konkursy i oczywiście – pomoc!
Warto również dodać, że mimo iż jest to kurs dla zupełnie początkujących, to jednak mówimy tu o tworzeniu stron WWW. Zakładam więc, że radzisz sobie z obsługą komputera, wiesz jak tworzyć pliki i foldery i wiesz, jaka jest różnica między kursorem a przeglądarką. 😉
Tego już nie musicie czytać. Udemy chce, żeby w tym opisie było ponad 200 słów, więc piszę ten dziwny tekst, żeby spełnić ich ten wymóg.
Organizacja
Visual Studio Code
Poznajmy HTML!
Witajcie w świecie CSS!
-
18HTML – wprowadzenie
-
19Podstawowa struktura HTML
-
20Semantyka i najczęściej używane tagi HTML
-
21Kod do kolejnych odcinków
-
22Elementy blokowe i liniowe
-
23Nagłówki
-
24Linki
-
25Podstawowa struktura strony
-
26QUIZ z tagów HTML
Sprawdź swoją wiedzę z poznanych tagów. :)
-
27Metatagi
-
28Formularze
-
29Formatowanie i zabawa z tekstem
-
30Metatagi, formularze i formatowanie
Utrwal swoją wiedzę z ostatnich lekcji. ;)
-
31Informacje do list w HTML
-
32Listy w HTML
-
33Kod do odcinka o tabelach
-
34Tabele w HTML
-
35Audio, video, obrazki
-
36QUIZ ze wszystkich tagów HTML
Sprawdź swoją wiedzę!
-
37DOCTYPE & HTML lang
-
38Wprowadzenie do zadania – stwórz podobną stronę!
-
39Rozwiązanie zadania – stwórz podobną stronę!
Przeglądarki internetowe
-
40CSS – wprowadzenie
-
41QUIZ z budowy CSS
-
42Gdzie umieścić CSS?
-
43Ścieżki do plików
-
44Emmet
-
45QUIZ z umieszczania CSS na stronie
-
46Zadanie – napraw CSS!
-
47Rozwiązanie zadania – napraw CSS!
-
48Krótszy zapis i komentarze
-
49!important oraz dobra praktyka nazywania klas
-
50Wprowadzenie do zadania – ostyluj stronę według wytycznych
-
51Treść zadania – ostyluj stronę według wytycznych
-
52Rozwiązanie zadania – ostyluj stronę według wytycznych
Czcionki, kolory i obrazy
Jednostki, kaskadowość, dziedziczenie i kombinatory
-
56Wprowadzenie do czcionek
-
57Google Fonts
-
58Lista fajnych czcionek Google Fonts
-
59Font Awesome
-
60Info do Font Awesome
-
61Alternatywy dla Font Awesome
-
62Aktualizacja odnośnie Tabler Icons
-
63Stylowanie tekstu
-
64Stylowanie tekstu – właściwości CSS
-
65QUIZ z czcionek
-
66Kolory
-
67Obrazy
-
68Wprowadzenie do zadania – ostyluj stronę według wytycznych
-
69Treść zadania – ostyluj stronę według wytycznych
-
70Rozwiązanie zadania – ostyluj stronę według wytycznych
Box model, display, position
-
71Px, %, vw, vh
-
72Rem & em
-
73Max/min-width & max/min-height
-
74Wprowadzenie do zadania z kształtami
-
75Rozwiązanie zadania z kształtami
-
76Specyficzność CSS
-
77Kaskadowość i dziedziczenie
-
78Kombinatory
-
79QUIZ z dziedziczenia oraz rodziny w CSS
-
80Zadanie z kombinatorami – wprowadzenie
-
81Treść zadania z kombinatorami
-
82Zadanie z kombinatorami – rozwiązanie
-
83BONUS: Dodatkowy materiał – ściąga CSS