Kurs Tworzenia Stron WWW w HTML i CSS od Podstaw do Eksperta
4.4 (119 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
999 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Kurs Tworzenia Stron WWW w HTML i CSS od Podstaw do Eksperta to your Wishlist.

Add to Wishlist

Kurs Tworzenia Stron WWW w HTML i CSS od Podstaw do Eksperta

Naucz się HTML 5, CSS 3, JS, XML, jQuery, AJAX, Responsive web design od podstaw. Wyjaśnię Ci wszystko od A do Z!
4.4 (119 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
999 students enrolled
Last updated 6/2017
Polish
Curiosity Sale
Current price: $10 Original price: $200 Discount: 95% off
30-Day Money-Back Guarantee
Includes:
  • 46.5 hours on-demand video
  • 6 Articles
  • 210 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • tworzyć od zera stronę WWW w HTML z rozwijanym menu w CSS
  • pobierać/zmieniać/dodawać zawartość na stronie bez przeładowywania
  • czym są, jakie są oraz jak korzystać z tagów HTML/selektorów CSS
  • tworzyć animacje/przejścia
  • nowości związane z HTML 5: tagi semantyczne, eventy, atrybuty
  • Responsive Web Design (idealnie wyglądająca strona niezależnie od urządzenia)
  • różnice między HTML, XHTML, HTML 5, CSS i CSS 3
  • czym jest jQuery, jQuery UI, jak z nich korzystać i jak tworzyć własne pluginy
  • pełnego wsparcia CSS 3
  • video i audio tagów, geolokalizacji
  • grafikę 2D / 3D (element canvas)
  • local storage
  • tworzyć aplikację, która przeniesione pliki z pulpitu ładuje od razu bezpośrednio na serwer z paskiem postępu
  • wielowątkowych aplikacji w JavaScript
  • nowych selektorów CSS 3, Web fonts - własne czcionki, rozwijane menu
  • stworzyć sklep z koszykiem do którego można przeciągać przedmioty. Koszyk automatycznie podlicza kwotę dodanych elementów.
  • zaokrąglać krawędzie, transformacji 2D/3D
  • tworzyć gradienty / cienie / przeźroczyste elementy
  • flex / table layout
  • AJAX, czyli technologię która umożliwi Ci wczytywanie / sprawdzanie danych na Twojej witrynie przez użytkownika bez przeładowywania lub też przechodzenia na inną stronę
  • czym jest XML i jego praktyczne zastosowanie w AJAX
  • tworzyć aplikację: suggestBox - pudełko z podpowiedziami, po wpisaniu pewnej literki, pudełko będzie podpowiadało użytkownikowi co miał na myśli (coś na wzór Google suggest box)
  • tworzyć aplikację: dynamiczna filtracja danych - po wpisaniu do formularza danych, dane tabelaryczne na stronie będą natychmiast aktualizowane bez przeładowywania strony, dodatkowo będzie zmieniał się URL, przez co użytkownicy będą mogli dzielić się dynamicznie wygenerowaną treścią oraz zaczną działać button'y historii BACK i FORWARD
  • tworzyć aplikację: rozwijane boxy - po kliknięciu na nagłówek rozwinie się pudełko, którego zawartość będzie pobrana dynamicznie z bazy danych
  • tworzyć aplikację: podpowiedzi, które po najechaniu myszką na element, pojawią się koło elementu i dadzą użytkownikowi więcej informacji o takim elemencie
  • tworzyć aplikację: automatyczne odświeżanie zawartości strony - dowiesz się jak sprawić, aby pewna część często zmieniającej się strony, mogła być aktualizowana natychmiast po zmianie bez żadnej ingerencji użytkownika i przeładowywania strony
  • SASS - rozszerzenie możliwości CSS, zredukujesz czas potrzebny na pisanie i edytowanie CSS
  • Compass - bibliotekę SASS
  • Grunt.js - biblioteka wykonująca za Ciebie monotonne zadania jak np. automatyczna kompresja obrazków/CSS/JS czy też dodawanie dodawanie vendor prexifów
  • Application Cache - aplikacje offline
View Curriculum
Requirements
  • Wszystko wyjaśnione jest w kursie. Nie musisz posiadać żadnych wiadomości. Wystarczą dobre chęci :)
Description

Naucz się wszystkiego od zera. Obal mit, że tworzenie stron internetowych jest trudne. Twórz własne strony WWW od A do Z. 

Po moim kursie możesz zostać pożądanym na rynku pracy front-end developerem tzn. osobą, która zajmuje się tym co widać na stronie.

Będziesz znał i rozumiał HTML 5, CSS 3, JS, XML, jQuery oraz AJAX. 

Co więcej nauczysz się Responsive Web Design czyli techniki, która sprawi, że Twoja strona będzie wyglądać idealnie na smartfonach jak i na komputerach stacjonarnych. 

To jeszcze nie koniec! Przekażę Ci w kursie cenną wiedzę na temat SASS, Compass oraz Grunt.js. Są to biblioteki używane przez profesjonalistów. Oszczędzą Ci one ogromną ilość czasu podczas tworzenia stron!

Po kursie nauczysz się szybko i bezproblemowo tworzyć ładnie wyglądająca stronę, zgodnie z najnowszymi normami. 

W każdej lekcji podaję jak najwięcej szczegółów, aby każdy mógł zrozumieć techniki tworzenia stron. Staram się nie tylko uczyć, ale również podczas wyjaśniania radzić jak przyjacielowi co jest "lepsze", a co "gorsze" :-)


++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Ponad 21,500 studentów na Udemy uczy się z moich kursów. Dołącz do grupy zadowolonych Użytkowników. Jeśli mój kurs Ci się nie spodoba to pamiętaj, że masz aż 30 dni na to by uzyskać pełną refundację. Gwarantuję Ci 100% satysfakcji.

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Jeśli masz jakiekolwiek pytania  związane z poruszonymi tematami to pisz śmiało, zawsze chętnie pomogę :)

Proszę zanim zakupisz kurs oglądnij darmowe lekcje! Nie kupuj kota w worku! Sprawdź jakość kursów przed zakupem!

Naucz się szybko i bezproblemowo tworzyć strony WWW :) Zostań web developerem już dziś!

Who is the target audience?
  • Ten kurs tworzenia stron WWW jest przeznaczony dla każdego. Nie musisz wiedzieć nic na temat tworzenia stron internetowych, aby się za niego zabrać.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
242 Lectures
46:29:40
+
Wstęp do Kursu
1 Lecture 04:52

W jaki sposób zabrać się do mojego kursu Tworzenia Stron WWW, aby wynieść z tego jak najwięcej korzyści?

Preview 04:52
+
Instalacja narzędzi oraz rejestracja hostingu
3 Lectures 22:09
  • Dowiesz się czym jest host, jaka jest różnica między płatnym oraz darmowym hostingiem. Rejestrujemy się na interii tworząc miejsce na naszą stronkę.
Preview 08:09

  • Ściągamy z internetu program FileZilla, który służy nam do połączenia się z serwerem, instalujemy go i poznajemy jego niektóre funkcje. Łączymy się z naszym serwerem i "wrzucamy" na niego nasz pierwszy plik!
Preview 05:50

  • Dowiesz się czym są edytory. Tworzymy plik o rozszerzeniu .html przy pomocy notatnika, następnie ściągamy oraz instalujemy Aptana Studio i tworzymy nasz pierwszy projekt.
Preview 08:10
+
HTML, XHTML i HTML 5
2 Lectures 15:16
  • Dowiadujemy się:
    - co oznacza WWW, HTML
    - czym jest hipertekst i dlaczego jest taki wyjątkowy
    - czym są tagi = znaczniki = słowa kluczowe
Preview 09:14

W tej lekcji dowiesz się czym jest HTML oraz czym różni się poszczególne wersje HTML od siebie.

Preview 06:02
+
Podstawy HTML
7 Lectures 01:09:44
  • Zaczynamy zabawę stwarzając nasz pierwszy dokument HTML. Dowiadujemy się:
    - czym jest głowa oraz ciało strony ;)
    - czym są białe znaki
    - czym są roboty oraz w jaki sposób zwracają one uwagę na tag title i pisanie stron zgodnie z regułami.
Preview 10:01

  • Dowiadujemy się w jaki sposób poprawnie nazywać nasze pliki o rozszerzeniu .html oraz jaki to ma wpływ na naszą pozycję w wyszukiwarkach.
Preview 04:28

  • Dowiadujemy się:
    - czym są atrybuty 
    - czym są komentarze oraz do czego służą
    - jak stworzyć własne akapity
    - jak zmienić kolor naszej strony
    - czym jest rgb
    - co oznacza termin deprecated
    - jak stworzyć "dymek" z dodatkową informacją nad naszym tekstem
    - jak wyrównywać akapity do lewej, prawej, środka oraz co robi justowanie.
Atrybuty i Kolory
17:46

  • Dowiadujemy się:
    - czym są meta tagi
    - czym są metadane
    - jak dobierać słowa kluczowe oraz opis w meta tagach
Meta Tagi
10:50

  • Dowiadujemy się:
    - o co w ogóle chodzi z całym tym dziwnym kodowaniem
    - jak ustawić poprawną stronę kodową na swojej stronie, tak aby zawsze były interpretowane polskie znaki
    - jakie kodowanie jest najlepsze dla robotów indeksujących naszą stronę
Kodowanie
10:44

  • Dowiadujemy się:
    - czym jest DTD oraz do czego służy
    - jak stworzyć stronę zgodnie z zasadami XHTML 1.0 Transitional
DTD - typ oraz reguły pisewnictwa
07:07

  • Dowiadujemy się czym są encje oraz po co je stosować. Dowiadujemy się jak uzyskać nietypowe znaki typu całka. Przypominamy sobie wszystkie zasady dotyczące pisania poprawnego dokumentu XHTML. Poznajemy stronę na której możemy przetestować poprawność naszej strony.
Encje - walidacja strony
08:48
+
Najważniejsze tagi w HTML
8 Lectures 02:56:05
  • Dowiadujemy się czym jest formatowanie oraz poznajemy wiele znaczników między innymi, takie które:
    - "łamią wiersze"
    - pogrubiają, pochylają, podkreślają, przekreślają tekst
    - tworzą indeks górny i dolny
    - zmieniają kolor, wielkość oraz czcionkę tekstu.
    Dowiadujemy się czym są znaczniki semantyczne, dlaczego warto je używać. Poznajemy wiele znaczników semantycznych.
Formatowanie Tekstu
27:39

  • Dowiadujemy się:
    - czym są listy
    - jak stworzyć ponumerowaną, nieponumerowaną listę
    - jak stworzyć słowniczek definicji
    - jak stworzyć pole z legendą oraz opisem
    - jak stworzyć "niełamiącą się" spację.
    - jak stworzyć poziomą linię
Wykazy List
11:51

  • Uczymy się:
    - czym są tabelki
    - do czego służą...
    - jak je tworzyć...
    - zmieniać wypełnienia...
    - nadawać im kolory...
    - "poruszać" się w ich wnętrzu...
    - tworzyć z nich szablony stron...
    - i wiele innych
    Dowiadujemy się od czego pochodzą nazwy tagów typu tr, td etc.
Tabelki
28:13

  • Uczymy się "wrzucać" na naszą stronę obrazki, a następnie się nimi "bawimy" ;-)
    Dowiadujemy się jak sprawić, aby w starszych wersjach IE, były poprawnie interpretowane pliki PNG.
Obrazki
11:07

  • Dowiadujemy się jak "wrzucać", czyli osadzać na naszej stronie pliki multimedialne tzn. np. dźwiękowe, wizualne. Pokazujemy na przykładzie jak osadzić plik QuickTime o rozszerzeniu .mov. Dowiadujemy się co trzeba zrobić, aby "w tle" odpalić muzyczkę.
Osadzanie plików na stronie
15:46

  • Dowiadujemy się czym są odnośniki.
  • Uczymy się tworzyć odsyłacze (linki) do innych stron
  • Dowiadujemy się czym są etykiety oraz po co one są.
  • Tworzymy etykiety, by łatwo było poruszać się po naszej witrynie
  • Tworzymy odsyłacze do e-maili, oraz do gadu-gadu
  • Tworzymy obrazek, który pokazuje nasz aktualny stan gg (dostępny, zaraz wracam, niedostępny)
Odnośniki (linki)
19:41

  • Dowiadujemy się wszystkiego o ramkach... między innymi:
    - jak stworzyć opartą na nich stronkę (robimy szablon)
    - jak stworzyć wewnętrzną ramkę
    - jak otworzyć stronę w nowym oknie(karcie) lub w ramce znajdującej się na stronie
    - i wiele innych...
Ramki
23:38

  • Dowiadujemy się czym jest oraz jak zrobić formularz: 
    - radio (z kropkami)
    - check (z checkami)
    - z polem kombi (wyboru)
    - password (hasła)
    - ukryte
    - buttony
    - wysyłające oraz różnice między wszystkimi i wiele innych ciekawostek...
Formularze
38:10
+
Fundamenty CSS
13 Lectures 02:09:33

Łopatologiczne wyjaśnienie czym jest CSS :)

Preview 03:17

  • Dowiadujemy się:
    - czym jest CSS do czego służy oraz od czego pochodzi jego nazwa.
    - czym są selektory oraz własności, co one robią.
    - jak stworzyć style inline, wewnętrznie oraz zewnętrznie
    - jaki jest priorytet wykonywania styli
Preview 18:20

  • Poznajemy atrybuty o kluczach class oraz id, dowiadujemy się po co one są oraz do czego służą.
Class oraz Id
10:13

  • Dowiadujemy się czym są tagi div oraz span. Do czego służą oraz po co się je używa.
Div i span
09:54

  • Sprawiamy, aby nasze linki zmieniały swój wygląd w zależności od ich stanu: nieodwiedzone, odzwiedzone, aktywne oraz po najechaniu. Pokazujemy trochę ciekawostek ;-)
Linki
10:12

  • Poznajemy własności CSS, które:
    - zmieniają kolory
    - dekorują tekst np. podkreślają, przekreślają, nadkreślają etc.
    - powiększają pierwsze litery każdego słowa, wszystkie litery lub też je zmniejszają...
    - zmieniają wyrównanie tekstu
    - tworzą nam akapity z wcięciami
    - tworzą odstępy między literami, słowami, liniami tekstu
    - sprawiają, że tekst się "nie zawija"
    - sprawiają, że wszystkie "białe znaki" są interpretowane
    Dowiadujemy się czym jest dziedziczenie własności oraz w jaki sposób ono działa.
    Poznajemy różnicę między jednostkami tzn. px, em, mm, cm, % etc. Szczególnie skupiamy się na em, % i px.
Formatowanie tekstu
19:27

  • Bawimy się tekstem... zmieniając jego czcionki... powiększając go... pochylając... pogrubiając... poznajemy różnicę między oblique, a italic oraz następną jednostkę ex i wiele innych.
czcionki
11:28

  • Solidna lekcja poświęcona tłom, uczymy się nadawać im kolory, dowiadujemy się w jaki sposób zrobić powtarzające się, nie powtarzająca się lub też "nie ruszające się" wyśrodkowane obrazkowe tło i wiele innych!
tła
14:20

  • Bawimy się obramowaniami, poznajemy różne typy... groove... solid... dashed itp., nadajemy im kolory, wielkość - łączymy to wszystko i wiele innych!
obramowanie
09:42

  • Bawimy się tabelkami, nadając im szerokość, wysokość, kolory, odstępy między ramkami i wiele innych...
tabelki
07:54

  • Tworzymy wykazy, podobne jak w HTML, ale dodatkowo potrafimy użyć obrazka jako wyróżnika, tak jak jest to zaprezentowane tutaj ('tick' po lewej)
wykazy list
04:43

  • Dowiadujemy się jak zmienić wygląd kursora naszej myszki po najechaniu na dowolny element naszej strony.
zmiana kursora myszki
03:54

  • Dowiadujemy się w jaki sposób sprawić, aby niektóre elementy naszej strony np. obrazki stały się przeźroczyste tzn. "prześwitały" ;-). Tworzymy galerię z 4 obrazków, które po najechaniu na nich myszką zmieniają swój stan przeźroczystości - tworzy to fajny efekt :)
przeźroczystość
06:09
+
Pozycjonowanie elementów na stronie z CSS
5 Lectures 42:01
  • Dowiadujemy się czym są marginesy oraz wypełnienia. Bawimy się nimi robiąc kilka ćwiczeń. Przydatna rzecz, aby wszystko wyglądało na stronach estetycznie. Uczymy się obliczać wartości takie jak szerokość, aby strony się "nie rozlatywały".
Marginesy - wypełnienia - box model
13:33

  • Dowiadujemy się w jaki sposób działają własności float i clear oraz co one oznaczają. Bawimy się ćwicząc poznane własności na przykładach :-)
Pływanie elementów - float i clear
08:13

  • Uczymy się na przykładach pozycjonować, czyli ustawiać różnego rodzaju elementy naszej strony, absolutnie, relatywnie, statycznie, "fixed". Pokazujemy np. w jaki sposób sprawić aby jakiś tekst np. data dnia była zawsze po prawej stronie, kreujemy zaczątek "newsów". Dowiadujemy się jak sprawić, aby element naszej strony był zawsze na środku.
pozycjonowanie
13:55

  • Dowiadujemy się czym są warstwy / z-index. Bawimy się nimi na przykładzie.
warstwy - z-index
03:33

  • Dowiadujemy się czym jest przepełnienie / overflow oraz w jaki sposób możemy na nie reagować.
przepełnienie - overflow
02:47
+
ĆWICZENIE: Tworzenie strony od ZERA
10 Lectures 01:53:33
  • Pokazujemy jaką stronkę będziemy tworzyć od zera, aby można było wyobrazić sobie efekt końcowy.
Zapowiedź
05:15

  • Tworzymy tło strony internetowej na dwa różne sposoby.
Tło
05:57

  • Tworzymy kontener oraz dowiadujemy się czym on jest oraz po co się go stosuje. Tworzymy górną część strony z logiem. Centrujemy stronę.
Kontener i górna część
09:47

  • Tworzymy "pudełeczko" w którym zamieszczamy informacje kontaktowe do firmy.
Kontakt Box
06:48

  • Tworzymy górne menu naszej strony.
Górne Menu
11:56

  • Tworzymy środkowe menu naszej strony.
Środkowe Menu
08:22

  • Tworzymy totalnie od zera rozwijane menu w CSS!
Rozwijane menu w CSS
22:03

  • Tworzymy środkową cześć strony, sprawiamy aby wyglądała bardzo dobrze dla użytkownika jak i pod kątem pozycjowania.
Środkowa część strony
23:21

  • Tworzymy dolną część strony wraz ze stopką.
Dolna część strony i stopka
15:23

  • Uczymy się tworzyć podstrony
Tworzenie podstron
04:41
+
CSS 3
21 Lectures 04:05:50
  • Dowiadujemy się czym jest CSS 3, co będziemy wiedzieć po kursie oraz jakie jest wsparcie CSS 3 w przeglądarkach. Czy powinniśmy się martwić IE, gdy korzystamy z CSS3, czy to jednak mit?
Czym jest CSS 3?
10:00

Czym się różni CSS od CSS3?

CSS vs CSS3
00:21

  • Tworzymy projekt w netbeans oraz omawiamy szablon html5boilerplate.
Stworzenie projektu w Netbeans i omówienie szablonu html5boilerplate
11:13

  • Dowiadujemy się czym są vendor prefixy, jak z nich korzystać oraz jak sprawić, by znalezienie vendor prefixów trwało jak najkrócej. Poznajemy również skrypt, który robi to za nas.
Czym są vendor prefixy
13:01

  • Dowiadujemy się jak sprawić by nowe selektory i właściwości działały pod IE
Selektory i właściwości pod IE
06:58

  • Przypominamy sobie czym są selektory oraz analizujemy podstawowe selektory CSS.
Selektory
11:12

  • Dowiadujemy się czym są selektory atrybutów przedstawiając je na praktycznych przykładach. Pokazujemy jak stworzyć własny atrybut i się do niego odwołać.
Selektory Atrybutów
17:54

  • jak stworzyć tooltip (wskazówkę / dymek) z podpowiedzią z użyciem wyłącznie CSS 3!!
  • sprawić, aby w tabeli parzyste / nieparzyste wiersze miały inne tło - jak podmienić kolor przeglądanego wiersza tabeli oraz wyświetlić po najechaniu myszką dodatkowe wcześniej ukryte informacje
  • jak po zaznaczeniu inputa typu radio zmienić tekst obok, aby sugerował, że odpowiedni radio został oznaczony
  • jak dodać obramowanie wokół inputa typu tekstowego podczas (skupienia), czyli np. wpisywanie czegoś do odpowiedniej rubryki w formularzu
  • jak dodać przed każdym linkiem ikonę, która reprezentuje ściąganie plików - dodatkowo jak sprawić, by po najechaniu na taki link zmieniała ona swój odcień
  • jak zedytować wygląd tylko np. pierwszej kolumny w tabeli
  • jak sprawić, żeby np. co drugie tło wiersza miało inny kolor (tabela lepiej wygląda)



Pseudo Selektory
34:08

  • - pokazujemy jak ściągać oraz korzystać z czcionek google fonts
    - pokazujemy jak działa reguła font-face na przykładzie zwykłych czcionek ściągniętych z internetu. Zastanawiamy się nad tym jak sprawić, aby czcionka była wspierana w każdej przeglądarce oraz jakie czcionki wybierać by nie łamać licencji
Web fonts - własne czcionki
16:16

  • jak sprawić, aby wybrany przez nas tekst zmienił wszystkie litery na duże / małe albo zmienił wielkość tylko pierwszych liter na duże?
Transformacja Tekstu
01:44

  • jak stworzyć cienie dla tekstu oraz boxów, jak stworzyć efekt 3d tekstu przy pomocy cieniów
Cienie
09:36

  • - dowiadujemy się jak korzystać oraz jakie są różnice między opacity oraz rgba
    - dowiadujemy się jak zmienić hashowany kolor na wersję rgb
    - poznajemy ciekawą stronę do generowania tła
    - jak sprawić, aby rgba działało w starszych wersjach IE
Przeźroczystość
05:07

  • - jak tworzyć zaokrąglone krawędzie
    - jak sprawić, by działały pod IE
    - poznajemy ciekawą stronę do generowania krawędzi
    - jak tworzyć krawędzie o różnych zaokrągleniach
Zaokrąglone krawędzie
04:06

  • - czym jest gradient
    - jak sprawić, aby działał pod IE6+ oraz innych przeglądarkach
    - poznajemy ciekawe generatory gradientów i omawiamy jak działają
    - pokazujemy jak uniknąć błędów w wyświetlaniu gradientów w różnych przeglądarkach
Gradienty
10:37

  • - jak tworzyć płynne przejścia np. zmiany koloru oraz tła po najechaniu na przycisk "Zaloguj się"
    - jak tworzyć własne przejścia nie zdefiniowane w css z pomocą cubiz-bezier
    - jak stworzyć prostą płynną animację przejścia 'klocka' z jednego miejsca na drugie
Transitions - płynne przejścia
16:47

  • W jaki sposób przeskalować, obrócić, przesunąć, pochylić elementy na stronie. Jak po kliknięciu na np. przycisk wykonać płynną animację przesunięcia i obrócenia elementu.
Transformacje 2D
08:12

  • Jak tworzyć skomplikowane animacje w CSS 3. Jak zatrzymać / kontynuować wykonywanie animacji w np. środku jej wykonywania.
Animacje
16:03

  • Jak działają transformacje 3d. Omawiamy rotacje wokół osi X,Y,Z. Czym jest perspektywa i jak działa. Jak prawidłowo tworzyć obiekty do transformacji w 3d. Jak sprawić, aby po najechaniu 'kartka' obróciła się na drugą stronę. Jak tworzyć ciekawsze efekty obracania np. tak jakby były przewracana kartki w książce.
Transformacje 3D
23:43

  • Ćwiczymy poprzednie lekcje. Tworzymy krok po kroku od zera kostkę sześcienną w 3d oraz sprawiamy, aby się kręciła.
Kostka 3D
14:18

  • Poznajemy multiple backgrounds (wielokrotne tła) - jak sprawić, aby mieć więcej niż jedno tło w jednym elemencie. Jak zmienić rozmiar tła, jego początek powtarzania oraz przycięcie. Poznajemy właściwości background-size, background-origin oraz background-clip.
Zabawa z tłem
10:43

  • Co zrobić, aby wyświetlać tekst w kolumnach?
Wielokolumnowy układ treści
03:51
+
FlexBox CSS 3
3 Lectures 44:54
  • Omawiamy bardzo dokładnie czym jest oraz jak działa elastyczny układ pudełka.
Flex Box Layout
22:38

  • Tworzymy najpopularniejszy szablon strony z pomocą flex (nagłówek, nawigacja, artykuł, reklama, stopka).
Flex box - szablon strony
11:17

  • Pokazujemy co zrobić, aby flex box był wspierany w jak najszerszej gamie przeglądarek.
Flex Box - wsparcie
10:59
32 More Sections
About the Instructor
Arkadiusz Włodarczyk
4.5 Average rating
3,054 Reviews
26,912 Students
13 Courses
Excellent teacher, Expert in Programming

I am the author of 27 very popular video courses about programming, web-development and math in Poland. I've also created 7 video courses in English. Over 25,000 people enrolled in my Udemy courses. I put all my heart into creation of courses. I always try to explain everything the easiest possible way. I'm sure that my courses will help you in the programming and web development adventure :)

I believe that everyone has the ability to develop software if they are taught properly. Including you. I'm going to give you the context of each new concept I teach you. After my course you will finally understand everything that you code.

I've been developing websites for over 15 years and I've been programming for over 10 years. I have enormous experience in that field and today I want to share with you my knowledge.

If you have any questions regarding any of the covered topics in my courses, please feel free to ask.