[2022] Kurs Tworzenia Stron WWW cz. I - HTML, CSS, RWD
- Opis
- Program
- Najczęściej zadawane pytania
- Recenzje
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.
-
12Visual Studio Code – podstawowa konfiguracjaVideo lesson
-
13Visual Studio Code – dodawanie folderów, tworzenie plikówVideo lesson
-
14Visual Studio Code – struktura plików i dalsza konfiguracjaVideo lesson
-
15Ładniejsze formatowanie HTMLText lesson
-
16Visual Studio Code – praca z Live ServeremVideo lesson
-
17Lista fajnych styli + lista ustawień VS CodeText lesson
-
18HTML – wprowadzenieVideo lesson
-
19Podstawowa struktura HTMLVideo lesson
-
20Semantyka i najczęściej używane tagi HTMLVideo lesson
-
21Kod do kolejnych odcinkówText lesson
-
22Elementy blokowe i linioweVideo lesson
-
23NagłówkiVideo lesson
-
24LinkiVideo lesson
-
25Podstawowa struktura stronyVideo lesson
-
26QUIZ z tagów HTMLQuiz
Sprawdź swoją wiedzę z poznanych tagów. :)
-
27MetatagiVideo lesson
-
28FormularzeVideo lesson
-
29Formatowanie i zabawa z tekstemVideo lesson
-
30Metatagi, formularze i formatowanieQuiz
Utrwal swoją wiedzę z ostatnich lekcji. ;)
-
31Informacje do list w HTMLText lesson
-
32Listy w HTMLVideo lesson
-
33Kod do odcinka o tabelachText lesson
-
34Tabele w HTMLVideo lesson
-
35Audio, video, obrazkiVideo lesson
-
36QUIZ ze wszystkich tagów HTMLQuiz
Sprawdź swoją wiedzę!
-
37DOCTYPE & HTML langVideo lesson
-
38Wprowadzenie do zadania – stwórz podobną stronę!Video lesson
-
39Rozwiązanie zadania – stwórz podobną stronę!Video lesson
-
40CSS – wprowadzenieVideo lesson
-
41QUIZ z budowy CSSQuiz
-
42Gdzie umieścić CSS?Video lesson
-
43Ścieżki do plikówVideo lesson
-
44EmmetVideo lesson
-
45QUIZ z umieszczania CSS na stronieQuiz
-
46Zadanie – napraw CSS!Text lesson
-
47Rozwiązanie zadania – napraw CSS!Video lesson
-
48Krótszy zapis i komentarzeVideo lesson
-
49!important oraz dobra praktyka nazywania klasVideo lesson
-
50Wprowadzenie do zadania – ostyluj stronę według wytycznychVideo lesson
-
51Treść zadania – ostyluj stronę według wytycznychText lesson
-
52Rozwiązanie zadania – ostyluj stronę według wytycznychVideo lesson
-
56Wprowadzenie do czcionekVideo lesson
-
57Google FontsVideo lesson
-
58Lista fajnych czcionek Google FontsText lesson
-
59Font AwesomeVideo lesson
-
60Info do Font AwesomeText lesson
-
61Alternatywy dla Font AwesomeVideo lesson
-
62Aktualizacja odnośnie Tabler IconsText lesson
-
63Stylowanie tekstuVideo lesson
-
64Stylowanie tekstu – właściwości CSSText lesson
-
65QUIZ z czcionekQuiz
-
66KoloryVideo lesson
-
67ObrazyVideo lesson
-
68Wprowadzenie do zadania – ostyluj stronę według wytycznychVideo lesson
-
69Treść zadania – ostyluj stronę według wytycznychText lesson
-
70Rozwiązanie zadania – ostyluj stronę według wytycznychVideo lesson
-
71Px, %, vw, vhVideo lesson
-
72Rem & emVideo lesson
-
73Max/min-width & max/min-heightVideo lesson
-
74Wprowadzenie do zadania z kształtamiVideo lesson
-
75Rozwiązanie zadania z kształtamiVideo lesson
-
76Specyficzność CSSText lesson
-
77Kaskadowość i dziedziczenieVideo lesson
-
78KombinatoryVideo lesson
-
79QUIZ z dziedziczenia oraz rodziny w CSSQuiz
-
80Zadanie z kombinatorami – wprowadzenieVideo lesson
-
81Treść zadania z kombinatoramiText lesson
-
82Zadanie z kombinatorami – rozwiązanieVideo lesson
-
83BONUS: Dodatkowy materiał – ściąga CSSText lesson
