W tej części kursu poznasz od podstaw HTML oraz CSS. Stworzysz też swoje dwie pierwsze strony internetowe! :)
Dowiesz się jak tworzyć responsywne strony internetowe.
Dowiesz się czym jest pojęcie 'mobile first' i czemu jest tak ważne.
Poznasz dobre praktyki pisania kodu, wykorzystywane przez deweloperów z wieloletnim doświadczeniem!
Podgląd
05:07
Podgląd
00:13
Zasoby do odcinków
00:12
Jak się uczyć
06:44
Bardzo ważne narzędzie, które Wam niesamowicie pomoże! :)
07:01
Do poprzedniego odcinka
00:06
Pomoc
03:41
Mapa, frontend vs backend
05:07
Dowód na to, że mapa działa
00:13
Monitory
00:40
Visual Studio Code podstawowa konfiguracja
08:55
Visual Studio Code dodawanie folderów, tworzenie plików
04:23
Visual Studio Code struktura plików i dalsza konfiguracja
11:36
Ładniejsze formatowanie HTML
00:09
Visual Studio Code praca z Live Serverem
03:58
Lista fajnych styli + lista ustawień VS Code
00:24
Podgląd
06:08
Podstawowa struktura HTML
05:17
Semantyka i najczęściej używane tagi HTML
07:59
Kod do kolejnych odcinków
00:18
Elementy blokowe i liniowe
06:23
Nagłówki
08:46
Linki
06:28
Podstawowa struktura strony
05:48
QUIZ z tagów HTML
4 pytania
Metatagi
03:47
Formularze
07:00
Formatowanie i zabawa z tekstem
10:16
Metatagi, formularze i formatowanie
5 pytania
Listy w HTML
01:10
Kod do odcinka o tabelach
00:13
Tabele w HTML
07:12
Audio, video, obrazki
08:15
QUIZ ze wszystkich tagów HTML
12 pytania
DOCTYPE & HTML lang
02:20
Wprowadzenie do zadania stwórz podobną stronę!
00:46
Rozwiązanie zadania stwórz podobną stronę!
05:14
CSS wprowadzenie
06:41
QUIZ z budowy CSS
8 pytania
Gdzie umieścić CSS?
06:49
Ścieżki do plików
05:15
Emmet
01:12
QUIZ z umieszczania CSS na stronie
3 pytania
Zadanie napraw CSS!
00:17
Rozwiązanie zadania napraw CSS!
04:01
Krótszy zapis i komentarze
04:17
!important oraz dobra praktyka nazywania klas
06:25
Wprowadzenie do zadania ostyluj stronę według wytycznych
00:50
Treść zadania ostyluj stronę według wytycznych
00:24
Rozwiązanie zadania ostyluj stronę według wytycznych
03:20
Z jakich przeglądarek korzystać
03:30
Domyślne style przeglądarek
00:11
Narzędzia deweloperskie
06:00
Wprowadzenie do czcionek
09:40
Google Fonts
07:24
Lista fajnych czcionek Google Fonts
00:03
Font Awesome
03:38
Alternatywy dla Font Awesome
03:48
Aktualizacja odnośnie Tabler Icons
00:11
Stylowanie tekstu
09:52
Stylowanie tekstu właściwości CSS
00:07
QUIZ z czcionek
7 pytania
Kolory
09:13
Obrazy
05:29
Wprowadzenie do zadania ostyluj stronę według wytycznych
01:36
Treść zadania ostyluj stronę według wytycznych
00:34
Rozwiązanie zadania ostyluj stronę według wytycznych
08:18
Px, %, vw, vh
08:14
Rem & em
06:54
Max/min-width & max/min-height
02:47
Wprowadzenie do zadania z kształtami
01:28
Rozwiązanie zadania z kształtami
05:47
Specyficzność CSS
00:09
Kaskadowość i dziedziczenie
05:13
Kombinatory
05:57
QUIZ z dziedziczenia oraz rodziny w CSS
11 pytania
Zadanie z kombinatorami wprowadzenie
00:41
Treść zadania z kombinatorami
00:30
Zadanie z kombinatorami rozwiązanie
05:29
BONUS: Dodatkowy materiał ściąga CSS
00:09
Box model
08:53
Margin & padding
06:01
Wprowadzenie do zadania z margin & padding
00:17
Rozwiązanie zadania z margin & padding
03:37
Overflow
01:37
QUIZ z box model
7 pytania
Border
02:11
Stylowanie linków
02:50
Stylowanie przycisków i :hover
05:27
Display inline, inline-block oraz block
03:08
QUIZ z właściwości Display
3 pytania
Position relative i z-index
05:36
Position absolute
06:23
Notatka z position relative & absolute
00:13
Kod do zadania z position
00:18
Wprowadzenie do zadania zabawa z position!
01:51
Rozwiązanie zadania zabawa z position!
05:09
Position fixed
01:35
Position sticky
02:42
QUIZ z position
4 pytania
Kod i treść do zadania ułóż elementy za pomocą position
00:53
Wprowadzenie do zadania ułóż elementy za pomocą position
03:02
Rozwiązanie zadania ułóż elementy za pomocą position
07:41
Wprowadzenie do zadania zoom, move & color
01:31
Treść zadania zoom, move & color
00:30
Rozwiązanie zadania zoom, move & color
09:35
Transition
08:17
Transition porównanie
01:32
QUIZ z transition
3 pytania
Transform
06:24
Transform origin
02:07
Calc
03:41
Wprowadzenie do zadania transform & transition
01:38
Treść zadania transform & transition
00:47
Rozwiązanie zadania transform & transition
10:21
Optymalizacja zadania z transform & transition
03:38
Float
04:21
Background
07:31
RWD co to jest? Czemu jest tak ważne?
06:53
Metatag viewport
02:36
@media queries
06:06
Wprowadzenie do zadania z media queries
00:31
Treść zadania z media queries
00:15
Rozwiązanie zadania z media queries
02:45
Mobile first!
04:03
Dobre praktyki pisania kodu
07:17
Dlatego dbanie o kolejność jest tak ważne... ;)
00:30
Polish-english
00:38
Tworzymy stronę z podstronami cz. 1 (struktura i nawigacja)
11:07
Tworzymy stronę z podstronami cz. 2 (header)
12:24
Tworzymy stronę z podstronami cz. 3 (footer)
04:58
Tworzymy stronę z podstronami cz. 4 (main)
10:05
Tworzymy stronę z podstronami cz. 5 (podstrony)
10:23
Zadanie z @media queries
03:12
Tworzymy responsywną stronę WWW cz. 1 (struktura i nawigacja)
13:33
Tworzymy responsywną stronę WWW cz. 2 (header)
12:32
Tworzymy responsywną stronę WWW cz. 3 (sekcja main)
08:38
Tworzymy responsywną stronę WWW cz. 4 (sekcja main)
09:40
Tworzymy responsywną stronę WWW cz. 5 (main + footer)
04:11
Tworzymy responsywną stronę WWW cz. 6 (ostatnie szlify)
08:16
Treść zadania powtórka z rozrywki
00:39
Rozwiązanie zadania powtórka z rozrywki! :)
04:37
Wprowadzenie do zadania hero image
00:43
Treść zadania hero image
00:19
Rozwiązanie zadania hero image
06:37
Podgląd
00:18
Przydatne strony
04:07
Kolejna przydatna strona
00:06
Minifikacja kodu
01:49
Walidator kodu HTML
00:51
Prefiksy
01:55
Kursor
01:09
Reset i normalizacja CSS
02:48
Problem z listami
00:55
Co dalej?
00:08
Bonusowy materiał
00:11