Fundamenty CSS - stylowanie stron od podstaw
Twórz wspaniałe strony z użyciem niesamowitych możliwości współczesnego CSS. Poznaj od zera techniki stylowania stron z kaskadowymi arkuszami stylów.
Dostęp od razu po zakupie ·
Płacisz raz i wchodzisz prosto do lekcji - bez subskrypcji, bez czekania na grupę.
Ten kurs jest częścią ścieżki
Web Designer
21578 kursantów
Szczegóły, które warto znać
Opis szkolenia
Czego się nauczysz:
-
opanujesz zasady pisania stylów CSS
-
poznasz najważniejsze selektory
-
dowiesz się jak stylować wszystkie kluczowe elementy strony
-
zapoznasz się z modelem pudełkowym
-
opanujesz różne sposoby pozycjonowania elementów
-
poznasz nowoczesne techniki flexbox oraz grid
-
nauczysz się technik pracy z kolorami, dodawania tła oraz tworzenia responsywnych układów
-
budowania praktycznych projekt stylów dla strony
Jeśli chcesz tworzyć nowoczesne strony i rozwijać się jako front-end developer to musisz nauczyć się stylów CSS. Z tym kursem online zdobędziesz fundamentalne umiejętności, dzięki którym praca nad stylami nie sprawi Ci żadnego problemu. To kurs, który od początku uczy nowoczesnego podejścia z użyciem aktualnych technik pracy z kaskadowymi arkuszami stylów.

CSS od podstaw
Nawet jeśli nigdy nie napisałeś ani jednej linijki kodu CSS to z tym kursem online bardzo szybko opanujesz wszystko co jest Ci potrzebne do pracy. Zdobędziesz szeroką wiedzę i wiele przydatnych umiejętności. Na koniec kursu stworzysz praktyczny projekt stylów dla nowoczesnej witryny. To świetna okazja do podsumowania oraz rozwinięcia swoich umiejętności.

Kluczowe umiejętności pisania stylów
Kurs zawiera wszystko co musisz wiedzieć jako początkujący front-end developer. Opanujesz użycie najważniejszych selektorów. Dowiesz się jak stylować elementy tekstowe. Nauczysz się dodawać tła oraz animacje. Poznasz kluczowe techniki pozycjonowania elementów na stronie. zobaczysz czym jest model pudełkowy oraz jak definiować rozmiary oraz odstępy pomiędzy elementami. A to dopiero początek tego co osiągniesz z tym kursem.
Nowoczesne techniki tworzenia układów
Jeśli poważnie myślisz o tworzeniu stron internetowych, to musisz poznać współczesne techniki tworzenia layoutów. Dzięki temu kursowi zdobędziesz m.in praktyczne umiejętności pracy z flexbox. Nauczysz się też układać elementy na siatce z użyciem grid. Zobaczysz jak wielkie możliwości oferują te dwie techniki i jak wielką mają przewagą nad tradycyjnym podejściem do budowania layoutów.

Responsywne strony
Każdy developer musi mieć wiedzę na temat tworzenia responsywnych układów, które prawidłowo działają na różnych ekranach. Z tym kursem online poznasz przydatne, praktyczne techniki używania media-queries, które są fundamentalnym elementem współczesnego CSS. Dzięki nim będziesz w stanie dopasować zawartość strony do dowolnego urządzenia - smartfona, tabletu i komputera.
Projekt stylów - podsumowanie wiedzy w praktyce
Ten kurs to nie tylko wiedza na temat podstaw CSS. W jego trakcie krok po kroku napiszesz kompletne style dla nowoczesnej strony. Będzie to świetna okazja aby zobaczyć na własne oczy jak poszczególne elementy CSS składają się w sensowną całość. Razem ze mną będziesz pisać style dla strony, której struktura została utworzona w kursie Fundamenty HTML, który również dla Ciebie przygotowałem. Te dwie pozycje tworzą przemyślaną całość z kompletną i aktualną wiedzą w zakresie HTML i CSS.

Co jeszcze powinieneś wiedzieć?
Aby wyciągnąć maksimum wiedzy z tego kursu nie musisz posiadać żadnej wiedzy na temat CSS-ów, ale powinieneś znać podstawy kodowania w HTML-u. Jeżeli nie zdobyłeś jeszcze tej wiedzy możesz ją uzupełnić, dzięki innym naszym szkoleniom.
Kup w pakiecie i oszczędź
Fundamenty języka HTML - kodowanie stron od podstaw
159 zł
Fundamenty CSS - stylowanie stron od podstaw
159 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 64 zł
Zyskujesz 25.44 zł w punktach na kolejne zakupy.
Fundamenty CSS - stylowanie stron od podstaw
159 zł
Kurs Metodologia BEM - jak pisać dobry kod CSS
129 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 58 zł
Zyskujesz 23.04 zł w punktach na kolejne zakupy.
Kurs Webflow - tworzenie stron bez kodowania
169 zł
Fundamenty CSS - stylowanie stron od podstaw
159 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 66 zł
Zyskujesz 26.24 zł w punktach na kolejne zakupy.
Kurs WordPress - twórz własne motywy od podstaw
179 zł
Fundamenty CSS - stylowanie stron od podstaw
159 zł
Cena za zakup pakietu
Oszczędzasz w pakiecie: 68 zł
Zyskujesz 27.04 zł w punktach na kolejne zakupy.
Program kursu
13 modułów · 76 lekcji
1 · Wprowadzenie
- Wstęp 00m 52s
- Jak korzystać z materiałów? 01m 54s
- Składnia CSS 07m 04s
- Sposoby dodawania stylów do dokumentu HTML 05m 08s
2 · Selektory
- Co to jest selektor? 01m 28s
- Selektor elementu 03m 51s
- Selektor klasy i identyfikatora 05m 12s
- Selektor atrybutów 08m 52s
- Specyficzność selektorów 07m 58s
3 · Pseudoklasy i pseudoznaczniki
- Co to jest pseudoklasa? 03m 30s
- Pseudoklasy strukturalne 11m 56s
- Inne pseudoklasy 11m 16s
- Co to jest pseudoznacznik? 03m 28s
4 · Wartości i jednostki w CSS
- Jednostki bezwzględne 02m 56s
- Jednostki względne 05m 31s
- Wartości procentowe i obliczone 05m 22s
- Kiedy nie trzeba podawać jednostek? 02m 36s
5 · Kolory w CSS
- Podstawowe sposoby definiowania kolorów 05m 25s
- Model RGB oraz RGBA 04m 51s
- Model HSL i HSLA 04m 45s
- Właściwość opacity 03m 47s
- Co to jest gradient? 01m 11s
- Gradient liniowy 06m 06s
- Gradient promieniowy 07m 14s
- Gradienty złożone 04m 35s
6 · Typografia w CSS
- Właściwość font-family 06m 29s
- Reguła @font-face 06m 03s
- Rozmiar tekstu 06m 00s
- Wysokość linii oraz odstępy 03m 05s
- Rozmieszczenie i style tekstu 07m 15s
- Właściwość text-shadow 04m 15s
- Style dla list 04m 42s
7 · Układ elementów na stronie
- Czym jest model pudełkowy? 03m 06s
- Marginesy 04m 01s
- Paddingi 03m 43s
- Szerokość i wysokość 05m 39s
- Właściwość border 07m 29s
- Właściwość border-radius 05m 11s
- Cienie elementów 04m 57s
- Kontrolowanie modelu pudełkowego 03m 34s
- Właściwość position 11m 17s
8 · Tła w CSS
- Właściwość background-color oraz background-image 13m 10s
- Właściwość background 02m 54s
- Filtry 06m 21s
- Maskowanie 05m 55s
9 · Transformacje i animacje
- Właściwość transform 06m 26s
- Właściwość transition 09m 45s
- Właściwość animation 17m 07s
10 · Flexbox - elastyczny model pudełkowy
- Czym jest flexbox i jak deklarować ten model? 02m 38s
- Sposoby zmiany kolejności elementów 04m 24s
- Właściwość flex-grow 03m 07s
- Właściwość flex-shrink 02m 27s
- Właściwość flex-basis 02m 47s
- Wyrównywanie elementów 01m 47s
- Właściwości flex-wrap i flex-flow 03m 07s
11 · Grid - siatka
- Czym jest grid i jak deklarować siatkę? 05m 23s
- Rozmieszczenie elementów w siatce 06m 50s
- Powtarzanie linii siatki 03m 55s
- Obszary nazwane 05m 56s
12 · Media Queries
- Czym jest moduł Media Queries? 03m 50s
- Cechy mediów 06m 02s
13 · Praktyczny projekt
- Omówienie projektu i przygotowanie środowiska 05m 35s
- Podstawowe style główne oraz pomocnicze 15m 52s
- Utilities - style pomocnicze 13m 34s
- Style dla headera 09m 24s
- Style dla głównej sekcji 05m 53s
- Stylowanie sekcji "clients" 02m 52s
- Style dla sekcji z ofertą firmy 03m 06s
- Stylowanie sekcji "purposes" 03m 23s
- Stylowanie sekcji "join" 02m 59s
- Style dla stopki 04m 26s
- Przygotowanie Media Queries 05m 18s
- Zapytania o media - responsywność strony cz. 1 14m 58s
- Zapytania o media - responsywność strony cz. 2 14m 48s
- Dodanie animacji 03m 35s
- Zakończenie 00m 53s
Twój instruktor
Krystian Lisowski
Frontend Developer
Opinie kursantów
„Kurs łatwy, przystępny i zrozumiały. Dobrze tłumaczy podstawy, ale nie uczy tylko podstawowej wiedzy. Naprawdę dzięki temu co przekazywane jest w trakcie kursu można rewelacyjne stylować strony tak by wyglądały profesjonalnie i by były responsywne."
„Podobnie jak w przypadku kursu HTML, wszystko jest bardzo dokładnie omówione. Są tu przedstawione zarówno podstawy, jak i nieco bardziej zaawansowane zagadnienia, co jednak nie powinno nikomu sprawić problemu, ponieważ wszystko zostało omówione po kolei, w zrozumiały sposób. Wielkim plusem jest zwrócenie uwagi na responsywność strony do różnego typu urządzeń. Polecam!"
Czytaj więcej
Zwiń
„Fajny kurs, wartościowe poszerzenie wiedzy. Fajne przykłady, proste tłumaczenia pozwalające łatwo zrozumieć dane zagadnienie. Na końcu praktyczny projekt. 5/5"
„Wszystko bardzo czytelne, na praktycznych przykładach, bez zbędnego lania wody ;) kurs fajnie uzupełnia się z kursem html"
„Solidnie wytłumaczone podstawy. Myślę, że jeśli ktoś zaczyna swoją przygodę z CSS to ten kurs będzie odpowiedni. Polecam. "
„Dzięki kursowi podjąłem się nowych zadań w pracy. CSS pozwala mi czasem niewielkim wysiłkiem wprowadzić znaczącą zmianę. Wiedza jest bardzo przydatna, nie tylko dla modyfikacji wyglądu aplikacji, ale tworzeniu widoków przyjaznych dla użytkownika. Ostatecznie wpływa na odbiór całej aplikacji i satysfakcję, również moją jako programiście."
Czytaj więcej
Zwiń
„Przydatne dla początkujących "
„Polecam kurs na wysokim poziomie, warty swojej ceny. "
„Dobry kurs."
„Profesjonalnie i skutecznie. Absolutne podstawy frontendu wyjaśnione od A do Z. Polecam!!!"
Najczęściej zadawane pytania
Jak wygląda uczestnictwo w kursie online?
Kursy online w strefakursów.pl to kompletne pakiety materiałów wideo przygotowane przez zespół naszych specjalistów. Po zakupie otrzymujesz natychmiastowy dostęp do wszystkich lekcji, testów i materiałów dodatkowych na swoim koncie - możesz zacząć się uczyć od razu, bez czekania. Konto jest bezpłatne i możesz założyć je w dowolnym momencie lub w trakcie dokonywania pierwszego zakupu w serwisie strefakursów.pl. Materiały, do których otrzymasz dostęp, pozwolą Ci rozwinąć się zawodowo i podnieść swoje kwalifikacje. Każdy kurs przepełniony jest praktyczną wiedzą, która ułatwi Ci osiągnięcie wymarzonych życiowych celów. Zdobytą wiedzę i postępy możesz w łatwy sposób zweryfikować za pomocą licznych testów i ćwiczeń dołączonych do każdego kursu.
Czy otrzymam certyfikat ukończenia kursu?
Do każdego ukończonego przez Ciebie kursu wystawiamy imienny certyfikat w formacie PDF - będzie on dostępny na Twoim koncie w zakładce Certyfikaty. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu oraz obejrzenie wszystkich lekcji. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i unikalny numer certyfikatu. Certyfikat możesz wydrukować lub opublikować w Internecie za pośrednictwem specjalnego odnośnika np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV. Pamiętaj, że certyfikatów nie wysyłamy w formie papierowej.
Czy otrzymam fakturę VAT za zamówienie?
Tak, do każdego zamówienia wystawiamy fakturę VAT (23%) lub paragon - w zależności od danych podanych przy zakupie. Pobierzesz ją z zakładki Historia zamówień na swoim koncie. Powiadomimy Cię mailowo, gdy dokument będzie gotowy.
Potrzebujesz proformy? Zaznacz pole "Chcę otrzymać dokument proforma" przy składaniu zamówienia lub napisz: biuro@strefakursow.pl
Zakup w aplikacji mobilnej? Jeśli kupujesz przez App Store lub Google Play, sprzedawcą jest odpowiednio Apple lub Google. Fakturę otrzymasz od nich zgodnie z ich zasadami:
Możesz również pobrać dokument przez stronę Apple. Przejdź pod ten adres: https://reportaproblem.apple.com/, następnie zaloguj się swoim Apple ID, znajdź zakup na liście i kliknij, aby zobaczyć szczegóły i ewentualnie pobrać dokument. Apple zwykle wystawia fakturę jako dostawca usług cyfrowych. Jeśli potrzebujesz faktury VAT, możesz skontaktować się z pomocą techniczną Apple, aby uzyskać dodatkowe informacje na temat zgodności faktury z przepisami w Twoim kraju.
Zakup w Google Play(Android)
Gdy dokonujesz zakupu w aplikacji strefakursów.pl na Android za pośrednictwem Google Pay sprzedawcą jest Google. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:
- Otwórz aplikację Google Play.
- Kliknij ikonę swojego profilu w prawym górnym rogu.
- Wybierz Płatności i subskrypcje > Historia zakupów.
- Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły. Jeśli chcesz pobrać fakturę, kliknij przycisk Faktura (jeśli jest dostępny).
Możesz również znaleźć fakturę na stronie Google Pay. Przejdź pod ten adres: pay.google.com i zaloguj się na swoje konto Google, z którego dokonano zakupu. W sekcji Aktywność znajdziesz wszystkie transakcje dokonane w Google Play. Kliknij daną transakcję, aby zobaczyć szczegóły i pobrać fakturę.
Ile mam czasu na przerobienie materiałów?
Tyle, ile potrzebujesz! Uczysz się we własnym tempie - bez presji i bez abonamentu. Płacisz raz i zachowujesz dostęp do zakupionego kursu na swoim koncie bez z góry określonej daty końcowej. Przez pierwsze 12 miesięcy od zakupu dbamy o aktualność materiałów i zapewniamy pełną dostępność testów oraz certyfikatu. Później kurs nadal pozostaje na Twoim koncie - wracasz do lekcji, kiedy masz ochotę. Szczegółowe zasady dostępu znajdziesz w regulaminie.
Powiązane tematy
Zobacz też
Podobne kursy
Programowanie
Fundamenty języka HTML - kodowanie stron od podstaw
159 zł
Programowanie
Kurs Bootstrap 4 - od podstaw
119 zł
Programowanie
Warsztaty tworzenia stron internetowych
119 zł
Programowanie
Kurs HTML i JavaScript - praktyczne projekty
149 zł
Programowanie
Kurs Metodologia BEM - jak pisać dobry kod CSS
129 zł
Programowanie
Flexbox & Grid - responsywne layouty od podstaw
119 zł
Programowanie
Kurs Bootstrap 4 - praktyczny projekt
119 zł
Programowanie
Kurs Tworzenie stron internetowych - praktyczne projekty
159 zł
Programowanie
Produktywne tworzenie stron z LESS & SASS
119 zł
Programowanie
Kurs Błyskawiczne tworzenie stron z Tailwind CSS
159 zł
Ten kurs jest częścią ścieżki
Web Designer
Twórz atrakcyjne i funkcjonalne strony internetowe z użyciem nowoczesnych technik. Opanuj kluczowe podstawy, niezbędne narzędzia i zacznij tworzyć wspaniałe strony!
Dostęp od razu po zakupie ·
159 zł
Zwiastun kursu
Wszystkie opinie
121 zweryfikowanych opinii
4,9
