[2020] Kurs Tworzenia Stron WWW cz. I - HTML, CSS, RWD
4.8 (285 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,963 students enrolled

[2020] Kurs Tworzenia Stron WWW cz. I - HTML, CSS, RWD

Podstawy HTML, CSS, semantyka, dobre praktyki pisania kodu i RWD, czyli responsywne strony internetowe!
4.8 (285 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,963 students enrolled
Created by Mateusz Maj
Last updated 5/2020
Polish
Current price: $90.99 Original price: $129.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 11.5 hours on-demand video
  • 7 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • 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!
Course content
Expand all 107 lectures 11:45:44
+ Poznajmy HTML!
17 lectures 01:59:38
Visual Studio Code
08:39
Lista wtyczek i ustawień do Visual Studio Code
00:19
Podstawowa struktura HTML
06:05
Semantyka i najczęściej używane tagi HTML
11:14
Główne tagi HTML cz. 1
14:44
Główne tagi w HTML cz. 2
06:28

Sprawdź swoją wiedzę z poznanych tagów. :)

QUIZ z tagów HTML
5 questions
Metatagi
05:36
Formularze
05:38
Formatowanie i zabawa z tekstem
11:17

Utrwal swoją wiedzę z ostatnich lekcji. ;)

Metatagi, formularze i formatowanie
5 questions
Listy w HTML
04:00
Tabele w HTML
14:28
Tagi SCRIPT
02:41
Pozostałe tagi HTML
09:53

Sprawdź swoją wiedzę!

QUIZ ze wszystkich tagów HTML
13 questions
DOCTYPE & HTML lang
03:17
Wprowadzenie do zadania - stwórz podobną stronę!
02:54
Rozwiązanie zadania - stwórz podobną stronę!
06:20
+ Witajcie w świecie CSS!
6 lectures 44:03
CSS - wprowadzenie
07:33
QUIZ z budowy CSS.
8 questions
Gdzie umieścić CSS?
08:34
QUIZ z umieszczania CSS na stronie
3 questions
Zapis skrócony i komentarze
12:05
!important oraz dobra praktyka nazywania klas
07:16
Wprowadzenie do zadania - ostyluj stronę według wytycznych
03:55
Rozwiązanie zadania - ostyluj stronę według wytycznych
04:40
+ Przeglądarki internetowe
2 lectures 10:46
Domyślne style przeglądarek
03:09
Narzędzia deweloperskie
07:37
+ Czcionki, kolory i obrazy
10 lectures 01:21:16
Wprowadzenie do czcionek
11:07
Info odnośnie Google Fonts
01:04
Google Fonts & Font Awesome
13:28
Aktualizacja Google Fonts
03:17
Stylowanie tekstu
14:15
Stylowanie tekstu - właściwości CSS
00:07
QUIZ z czcionek
4 questions
Kolory
10:59
Obrazy
10:21
Wprowadzenie do zadania - ostyluj stronę według wytycznych
03:45
Rozwiązanie zadania - ostyluj stronę według wytycznych
12:53
+ Jednostki, kaskadowość, dziedziczenie i kombinatory
6 lectures 42:28
Jednostki
12:53
Kaskadowość
08:01
Specyficzność CSS
00:09
Dziedziczenie
05:34
Kombinatory
07:02
QUIZ z dziedziczenia oraz rodziny w CSS
11 questions
Zadanie z kombinatorami
08:49
+ Box model, display, position
16 lectures 01:45:47
Box model
10:21
Overflow
01:45
QUIZ z box model
7 questions
Border
04:54
Stylowanie linków
05:47
Stylowanie przycisków i :hover
09:58
Display inline, inline-block oraz block
04:58
QUIZ z właściwości Display
3 questions
Position relative i z-index
05:41
Position absolute
07:41
Wprowadzenie do zadania - zabawa z position!
04:07
Rozwiązanie zadania - zabawa z position!
05:38
Position fixed
02:44
Position sticky
04:04
QUIZ z position
4 questions
Wprowadzenie do zadania - ułóż elementy za pomocą position
07:37
Rozwiązanie zadania - ułóż elementy za pomocą position
09:42
Wprowadzenie do zadania - zoom, move & color
04:56
Rozwiązanie zadania - zoom, move & color
15:54
+ Transition, transform, floaty i background
11 lectures 01:01:02
Transition
08:41
Transition - porównanie
01:47
Transform
09:51
Transform origin
04:41
Wyjaśnienie problemu z transform origin
00:09
Wprowadzenie do zadania - transform & transition
02:26
Treść zadania transform & transition
00:45
Rozwiązanie zadania - transform & transition
11:14
Optymalizacja zadania z transform & transition
06:47
Float
06:41
Background
08:00
+ Responsive Web Design
5 lectures 32:54
RWD - co to jest? Czemu jest tak ważne?
08:27
Różnice między RWD i AWD
02:19
Metatag viewport
05:17
@media queries
12:12
Mobile first!
04:39
+ Dobre praktyki pisania kodu
2 lectures 14:20
Dobre praktyki pisania kodu
10:07
BEM
04:13
Requirements
  • Umiejętność posługiwania się komputerem.
Description

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ą. ;) 


Who this course is for:
  • Osoby, które chcą nauczyć się tworzyć strony internetowe od podstaw. :)