ODBIERZ TWÓJ BONUS :: »

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

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
35,60 zł 89,00 zł (-60%)
29,90 zł najniższa cena z 30 dni Dodaj do koszyka
Korzyści:
Ścieżki rozwoju w helion.pl

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.

Wybrane bestsellery

Oceny i opinie klientów: CSS3. Kurs video. Poziom pierwszy. Nowoczesne i stylowe strony WWW Tomasz Kowalski (13)

Informacja o opiniach
Weryfikacja opinii następuje na podstawie historii zamowień na koncie Użytkownika umiejszczającego opinię. Użytkownik mógł otrzymać punkty za opublikowanie opinii uprawniającej do uzyskania rabatu w ramach Programu Kadr.
4.7
  • 6 (6)
  • 5 (3)
  • 4 (0)
  • 3 (2)
  • 2 (2)
  • 1 (0)
  • Ok

    Opinia: anonimowa Opinia dodana: 2025-03-22 Ocena: 6   
    Opinia niepotwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Bardzo dobry kurs dla początkujących i na powtórkę zapomnianej. Prowadzony z dobrą dykcją. Poza teorią praktyka. Kolejne elementy kodu z lekcji pokazywane na żywo w przeglądarce. Mogłem sobie przypomnieć i uporządkować wiedzę, z której od dłuższego czasu nie korzystałem.

    Opinia: Artur Opinia dodana: 2019-08-01 Ocena: 6   
    Opinia potwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Bardzo dobrze przeprowadzony kurs podstawowy z CSS. Wszystko ładnie przedstawione na przykładach. doskonała dykcja prowadzącego.

    Opinia: anonimowa Opinia dodana: 2018-03-15 Ocena: 6   
    Opinia potwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Bardzo konkretnie i ciekawie prowadzony kurs. Widać, że autor dobrze przygotował temat, bez zbędnych przestojów, szanuje czas kursanta, wyraźny głos, dobra jakość nagrania. Szkoda, że pan Tomasz Kowalski nie ma w swoim dorobku innych kursów. Mógłby uczyć innych lektorów jak należy prowadzić prezentację :-)

    Rozwiń »
    Opinia: Mirosław Opinia dodana: 2016-12-20 Ocena: 6   
    Opinia niepotwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Bardzo dobra prezentacja kursu. Rzeczowa i zrozumiała.

    Opinia: anonimowa Opinia dodana: 2016-06-15 Ocena: 6   
    Opinia potwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Bardzo wyraźnie i dokładnie nagrany lektor, który sprawnie i bez zbędnego przeciągania tłumaczy podstawy CSS-a. Największą zaletą jaką wprowadził autor jest to, że kod pomocniczy jest już napisany poza kursem a w nim jedynie tłumaczony. Dzięki temu nie ma zbędnych przerw. Jak najbardziej polecam wszystkim żółtodziobom!

    Rozwiń »
    Opinia: Norbert Suski Opinia dodana: 2016-02-11 Ocena: 6   
    Opinia potwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Zdecydowanie zaletą tego kursu jest dobrze nagrany lektor-prowadzący posiada bardzo dobrą dykcję przez co kurs wydaje się ciekawszy. Lekcje są krótkie, ale zawierają dużo informacji. Niestety prowadzący w swoim kursie omawiając tematykę dot. chociażby szablonów stron internetowych wykorzystywał bardzo kontrastujące ze sobą kolory neonowe, które wręcz oślepiały widza:) Dobór kolorów powinien być bardziej przemyślany:)

    Rozwiń »
    Opinia: Agnes Opinia dodana: 2018-02-22 Ocena: 5   
    Opinia potwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Jest tu wszystko czego powinno się oczekiwać od podstaw css a nawet nieco więcej. Bez zbędnego przeciągania, konkretnie i tak prosto jak się da. Pewnym minusem jest brak wytłumaczenia zagadnień wykraczających poza tematykę kursu(tj.tworzenie znaczników przy użyciu języka javascript). Zdecydowanie polecam

    Rozwiń »
    Opinia: Paweł Opinia dodana: 2016-11-23 Ocena: 5   
    Opinia potwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Kurs pozwala szybko uporządkować wiadomości z css. Solidny, dobrze wprowadza w podstawy tego języka. Spełnił moje oczekiwania

    Opinia: anonimowa Opinia dodana: 2016-10-03 Ocena: 5   
    Opinia potwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • data wydania 2015 trochę to już stare opowiadanie

    Opinia: titunek Opinia dodana: 2024-10-01 Ocena: 3   
    Opinia niepotwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Kurs co prawda merytoryczny ale tempo mówienia przez lektora zabójcze (za szybko i bez przerw). Ciężko się to ogląda.

    Opinia: anonimowa Opinia dodana: 2018-07-17 Ocena: 3   
    Opinia potwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Słabo..., autor odbiega od tematu, rozciąga wypowiedzi do rangi opowiadań, potrzebna super koncentracja na 20 zdań, by na koniec szukać wyjaśnienia w google. Saaabo w porównaniu do atestowanych książek MEN. Od siebie dodam objaśnienia do niezrozumiałych lekcji. div span { ... } zadziała. div > span { ... } nie zadziała. div p { ... } zadziała div > p { ... } zadziała Kolejna przykładowa struktura: (div w divie) body div { ... } nada styl dla każdego diva body > div { ... } nada style tylko dla pierwszego diva div > div { ... } nada style tylko dla drugiego diva (dosłownie - jakiegoś diva, który znajduje się w innym divie). Konkluzja: a) potomek wystarczy że znajduje się w rodzicu - nieważne na jakiej "głębokości" i ilu innych rodziców ma nad sobą. b) dziecko oznacza element znajdujący się bezpośrednio w rodzicu i nieposiadający innych (bezpośrednich) rodziców niż ten zdefiniowany

    Rozwiń »
    Opinia: anonimowa Opinia dodana: 2018-05-09 Ocena: 2   
    Opinia potwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
  • Kurs wykonany byle jak, bez pomysłu, ewidentnie robiony na szybko. Mnóstwo zbędnego gadania, niewiele przydatnych rzeczy, niechlujny i roztargniony prowadzący. Nie polecam i chciałbym wyrazić ubolewanie, że nie ma tutaj kursu od Jarosława Bacy

    Opinia: anonimowa Opinia dodana: 2016-08-01 Ocena: 2   
    Opinia potwierdzona zakupem
    Opinia dotyczy produktu: kurs video
    Czy opinia była pomocna:
więcej opinii »

Szczegóły kursu

Dane producenta » Dane producenta:

Helion SA
ul. Kościuszki 1C
41-100 Gliwice
e-mail: gpsr@helion.pl
Format: Online
Data aktualizacji: 2015-06-10
ISBN: 978-83-283-1049-0, 9788328310490
Numer z katalogu: 31742
Kategorie:

Videopoint - inne kursy

Kurs video
35,60 zł
Dodaj do koszyka
Zamknij Pobierz aplikację mobilną Helion