CSS3. Kurs video. Poziom pierwszy. Nowoczesne i stylowe strony WWW

Tomasz Kowalski

4.7

0 opinii

Podstawowe informacje:

Czas trwania: 06:58:12

Poziom: podstawowy

Autor: Tomasz Kowalski

Liczba lekcji: 104

Technologia: CSS3

Dla firm

Rozwiń umiejętności swoich pracowników dzięki kursom video

Dowiedz się więcej

Monitorowanie postępów pracowników. Przejrzyste raporty i imienne certyfikaty ukończenia kursów
Atrakcyjne rabaty dla zespołów. Im więcej pracowników liczy zespół, tym większy uzyskasz rabat
Doradztwo w wyborze tematyki szkoleń. Mamy setki kursów, dostosujemy program nauczania pod Twój zespół

Indywidualnie

89,00 zł

Dodaj do koszyka

Dostępny natychmiast po opłaceniu zakupu

Do przechowalni

Korzyści:

Certyfikat ukończenia
Test online
Dożywotni dostęp
Dostęp w aplikacji (także offline)
Napisy w języku polskim

Czego się nauczysz?

Stylizowania stron za pomocą nowoczesnych możliwości CSS3
Budowania responsywnych układów z wykorzystaniem Flexboxa i Grida
Tworzenia typografii webowej i pracy z kolorami oraz zmiennymi CSS
Stosowania selektorów, specyficzności i dziedziczenia w praktyce
Animowania i przejść (transitions, keyframes) dla interaktywnych efektów
Optymalizowania arkuszy stylów i organizowania kodu (BEM, modułowość)
Przygotowywania layoutów mobilnych w podejściu mobile-first
Debugowania problemów CSS w narzędziach DevTools

Spis lekcji

1. CSS2 02:36:38

1.1. Środowisko programistyczne, część 1.

00:04:47

1.2. Środowisko programistyczne, część 2.

00:04:10

1.3. Co to jest CSS?

00:05:09

1.4. Składnia języka CSS, część 1.

00:03:36

1.5. Składnia języka CSS, część 2.

00:04:31

1.6. Metody osadzania stylów, część 1.

00:04:02

1.7. Metody osadzania stylów, część 2.

00:05:28

1.8. Jednostki stosowane w CSS

00:05:00

1.9. Arkusz resetujący

OGLĄDAJ » 00:04:42

1.10. Komentarze

00:01:58

1.11. Pojęcie kaskadowości

00:03:49

1.12. Dziedziczenie stylów

00:03:50

1.13. Selektory elementów

00:06:05

1.14. Grupowanie selektorów

00:03:18

1.15. Selektor uniwersalny

00:03:17

1.16. Selektor potomka

00:04:14

1.17. Selektor dziecka i rodzeństwa

00:04:48

1.18. Selektory klasy, część 1.

00:04:42

1.19. Selektory klasy, część 2.

00:02:19

1.20. Selektory identyfikatora

00:04:09

1.21. Selektory atrybutów

00:04:56

1.22. Selektor pseudoklasy, część 1.

00:04:29

1.23. Selektor pseudoklasy, część 2.

00:03:30

1.24. Selektor pseudoklasy, część 3.

00:04:03

1.25. Pseudoelementy

00:05:02

1.26. Właściwość font-family

00:03:59

1.27. Właściwości font-size i font-variant

00:04:34

1.28. Właściwości font-style i font-weight

00:03:41

1.29. Właściwość text-decoration

00:04:21

1.30. Właściwości letter-spacing i word-spacing

00:04:21

1.31. Właściwości line-height, text-indent i color

00:03:48

1.32. Właściwość white-space, część 1.

00:04:22

1.33. Właściwość white-space, część 2.

00:02:23

1.34. Właściwości text-align i vertical align, część 1.

00:04:00

1.35. Właściwości text-align i vertical align, część 2.

00:03:57

1.36. Właściwość list-style-type

00:03:30

1.37. Właściwości list-style-image i list-style-position

00:03:19

1.38. Właściwość cursor

00:04:29

2. CSS3 04:21:34

2.1. Definiowanie kolorów w notacji słownej i RGB, część 1.

00:04:09

2.2. Definiowanie kolorów w notacji słownej i RGB, część 2.

00:04:16

2.3. Definiowanie kolorów w notacji szesnastkowej i RGBA, część 1.

00:03:57

2.4. Definiowanie kolorów w notacji szesnastkowej i RGBA, część 2.

00:03:38

2.5. Definiowanie kolorów w notacji HSL i HSLA

00:04:20

2.6. Definiowanie kolorów w notacji CMYK

00:02:01

2.7. Właściwość background

00:03:53

2.8. Właściwość background-image

00:04:25

2.9. Właściwości background-repeat i background-position

00:04:25

2.10. Właściwości background-attachment i background-size

00:04:24

2.11. Właściwość border, część 1.

00:04:03

2.12. Właściwość border, część 2.

00:02:03

2.13. Właściwość border, część 3.

00:04:11

2.14. Właściwość border-radius, część 1.

00:04:18

2.15. Właściwość border-radius, część 2.

00:03:07

2.16. Właściwość outline

00:03:18

2.17. Właściwość margin

00:04:39

2.18. Właściwość padding

00:04:31

2.19. Model kontenerowy

OGLĄDAJ » 00:04:45

2.20. Model kontenerowy - znaczniki liniowe i blokowe

00:03:52

2.21. Model kontenerowy - właściwość display

00:04:00

2.22. Model kontenerowy - definicja kontenera

00:03:34

2.23. Model kontenerowy - wyśrodkowanie

00:04:14

2.24. Model kontenerowy - wymiary, część 1.

00:04:15

2.25. Model kontenerowy - wymiary, część 2.

00:04:17

2.26. Model kontenerowy - warstwy

00:04:07

2.27. Model kontenerowy - właściwość overflow

00:02:50

2.28. Model kontenerowy - właściwość visibility

00:04:07

2.29. Tabele - właściwość caption-side

00:02:51

2.30. Tabele - właściwości border-collapse i border-spacing

00:03:20

2.31. Tabele - właściwości empty-cells i table-layout

00:04:52

2.32. Pozycjonowanie - rozmieszczanie elementów na stronie

00:04:45

2.33. Pozycjonowanie - position: static

00:03:02

2.34. Pozycjonowanie - position: absolute

00:02:16

2.35. Pozycjonowanie - position: relative

00:03:48

2.36. Pozycjonowanie - position: fixe

00:02:43

2.37. Szablon strony internetowej, część 1.

00:04:05

2.38. Szablon strony internetowej, część 2.

00:04:13

2.39. Szablon strony internetowej, część 3.

00:04:25

2.40. Szablon strony internetowej, część 4.

00:04:10

2.41. Szablon strony internetowej, część 5.

00:04:54

2.42. Szablon strony internetowej, część 6.

00:04:34

2.43. Szablon strony internetowej, część 7.

00:02:58

2.44. Szablon strony internetowej, część 8.

00:04:55

2.45. Szablon strony internetowej, część 9.

00:02:24

2.46. Szablon strony internetowej, część 10.

00:03:59

2.47. Szablon strony internetowej - właściwość box-shadow

00:04:04

2.48. Szablon strony internetowej - gradienty

00:04:12

2.49. Szablon strony internetowej - gradienty a różne przeglądarki internetowe

00:04:11

2.50. Szablon strony internetowej - gradient trójkolorowy

00:03:46

2.51. Szablon strony internetowej - gradient radialny, część 1.

00:03:16

2.52. Szablon strony internetowej - gradient radialny, część 2.

00:04:18

2.53. Szablon strony internetowej - menu i przyciski, część 1.

00:04:33

2.54. Szablon strony internetowej - menu i przyciski, część 2.

00:04:15

2.55. Szablon strony internetowej - menu i przyciski, część 3.

00:03:55

2.56. Szablon strony internetowej - menu i przyciski, część 4.

00:04:11

2.57. Szablon strony internetowej - menu i przyciski, część 5.

00:03:55

2.58. Szablon strony internetowej - przeskalowywanie i obracanie obrazów, część 1.

00:04:10

2.59. Szablon strony internetowej - przeskalowywanie i obracanie obrazów, część 2.

00:04:59

2.60. Szablon strony internetowej - przeskalowywanie i obracanie obrazów, część 3.

00:04:47

2.61. Selektory CSS3 - specjalne selektory atrybutu, część 1.

00:04:06

2.62. Selektory CSS3 - specjalne selektory atrybutu, część 2.

00:05:00

2.63. Selektory CSS3 - specjalne selektory atrybutu, część 3.

00:04:57

2.64. Selektory CSS3 - specjalne selektory atrybutu, część 4.

00:03:09

2.65. Pseudoklasy CSS3, część 1.

00:03:20

2.66. Pseudoklasy CSS3, część 2.

00:04:37

Obierz kurs na... CSS3!

Czy wiesz, jak zatrzymać internautów na stronach, które projektujesz? A może masz już dość witryn z małą wydajnością i ciężką grafiką? Zastanawiasz się, w jaki sposób zastąpić animacje wykonane w przestarzałej technologii Flash? Jeśli pragniesz zostać twórcą nowoczesnych stron internetowych, to znajomość języka CSS wydaje się jak najbardziej uzasadniona. Jeszcze lepiej, gdy będzie to CSS3, który otwiera nową erę w dziedzinie projektowania stron WWW.
Kaskadowe arkusze stylów (Cascading Style Sheets) to specjalny język opracowany w celu bardziej elastycznego formatowania elementów stron internetowych. Pozwolił oddzielić treść strony od jej wyglądu. Dzięki zastosowaniu zupełnie nowego myślenia o projektowaniu podbijesz sieć lekkimi, responsywnymi i eleganckimi witrynami.
Wprowadzenie nowych standardów w internecie oznacza nieograniczone możliwości — poznasz je wszystkie dzięki szkoleniu CSS3. Kurs video. Poziom pierwszy. Nowoczesne i stylowe strony WWW. Już wkrótce zrozumiesz podstawy najbardziej obiecującego języka programowania i zaczniesz je wykorzystywać w pracy nad własnymi stronami.

Co Cię czeka podczas naszego profesjonalnego szkolenia?

Przygotujesz środowisko programistyczne do dalszej pracy.
Poznasz składnię języka CSS i metody osadzania stylów.
Przekonasz się, w jaki sposób kaskadowość zmieni jakość Twoich witryn.
Wprowadzisz podział na moduły.
Skorzystasz z nowych selektorów, pseudoklas i pseudoelementów.
Będziesz definiować kolory w notacji słownej, szesnastkowej, RGB i RGBA oraz innych.
Dowiesz się, czym jest model kontenerowy.

By z satysfakcją stwierdzić, że potrafisz...

…pisać przejrzysty kod oraz wzbogacić swoją stronę o ciekawe efekty wizualne i nowe właściwości.

Kaskadowe arkusze stylów są nieodzowną częścią każdej strony WWW aspirującej do miana nowoczesnej. CSS3. Kurs video. Poziom pierwszy. Nowoczesne i stylowe strony WWW pokaże Ci, jak z użyciem najnowszych trendów i od podstaw stworzyć atrakcyjne wizualnie witryny. Przybliży Ci również przydatne techniki optymalizacji. Dzięki temu praca nawet nad bardzo złożonymi projektami będzie łatwa i szybka. Twoje strony będą niezwykle efektowne, a do tego wydajne oraz przyjazne dla użytkownika. Skorzystaj z wiedzy naszego eksperta i wprowadź standard CSS3 do swojego życia!

Najmodniejsze strony w sieci

Dzięki wiedzy przekazanej w szkoleniu CSS3. Kurs video. Poziom pierwszy. Nowoczesne i stylowe strony WWW w swoich projektach rozdzielisz warstwę prezentacji wizualnej od warstwy danych, a Twój dokument HTML będzie bardziej przejrzysty i łatwiejszy do zarządzania. Przekonasz się też, że strony stworzone w języku CSS3 są elastyczne, lekkie i przyjazne dla użytkownika. To także witryny responsywne, czyli przeznaczone dla urządzeń mobilnych — a stąd zaledwie krok do podbicia nie tylko internetu, ale i rynku smartfonów oraz tabletów.

Przyszedł czas na nowe praktyki

Ze szkoleniem CSS3. Kurs video. Poziom pierwszy. Nowoczesne i stylowe strony WWW nauczysz się w stopniu średnio zaawansowanym wykorzystywać potencjał języka CSS2 i CSS3. Poznasz ciekawe rozwiązania, które zaimplementujesz do własnych projektów. Generowanie grafiki oraz gradientów, autorskie animacje i efekty, proste zarządzanie treścią — dzięki przygotowanemu dla Ciebie kursowi poznasz nie tylko te tajniki kaskadowych arkuszy stylów.

Zostań webmasterem najnowszej generacji

CSS3. Kurs video. Poziom pierwszy. Nowoczesne i stylowe strony WWW podpowie Ci, jak pilnować zgodności tworzonych stron ze standardami, czym są nowe selektory i których właściwości fontów i tekstu najlepiej użyć w projektowanej witrynie. Dowiesz się, w jaki sposób tworzyć układy stron przy użyciu stylów CSS. Zdobędziesz rozeznanie w profilach kolorów, właściwościach obramowań i tła, możliwościach związanych z tekstem oraz gradientami, a także transformacjach, przejściach i animacjach. Te umiejętności pomogą Ci wyznaczać nowe szlaki w internecie i pozostawić konkurencję zawsze o krok w tyle.

Poznaj naszego eksperta

Tomasz Kowalski jest twórcą stron w standardach XHTML 1.0, CSS 2.1, HTML5, CSS3 oraz aplikacji internetowych w technologii PHP5, MySQL5, JavaScript, jQuery. Autor i właściciel portali toinfo.pl oraz informatyk.toinfo.pl. Twórca zestawów egzaminacyjnych dla okręgowych komisji egzaminacyjnych z zakresu montażu oraz eksploatacji komputerów osobistych oraz urządzeń peryferyjnych, a także tworzenia aplikacji internetowych i baz danych oraz administrowania bazami. Autor książek Urządzenia techniki komputerowej. Podręcznik do nauki zawodu technik informatyk oraz E-12. Montaż i eksploatacja komputerów osobistych oraz urządzeń peryferyjnych. Podręcznik do nauki zawodu technik informatyk, które uzyskały numery dopuszczenia MEN i zostały wydane przez Helion. Nauczyciel oraz wykładowca, wieloletni egzaminator Centralnej Komisji Egzaminacyjnej.