Kurs CSS
Kurs ten to pogląd na szereg terminów, technologii oraz architektur współczesnego CSSa w pigułce. Przedstawię Ci najważniejsze technologie oraz podejścia godne CSSa lat dwudziestych XXI wieku, oraz wskażę drogę dalej.
78 lekcji
9h 11min
5 (9 oceny)
CSS - od Podstaw
CSS na miarę lat 20 XXI wieku
Web dev nigdy nie stoi w miejscu - włączając w to CSS. Czołowe przeglądarki różną się implementacją różnych funkcjonalności, a coraz to nowe właściwości wchodzące do specyfikacji są w stanie postawić stylowanie do góry nogami. W tym kursie poznasz przegląd różnych technik i technologii które zmienią Twoje patrzenie na CSSa - zdecydowanie na lepsze! Koniec z tworzeniem hacków w JavaScript aby osiągnąć efekty takie jak wykresy kołowe czy płynne przewijanie. Poznasz też różne właściwości CSS które są w stanie przyśpieszyć Twoją witrynę!
Architektura CSS
Na pewnym etapie rozwoju jako Front-End developer, bądź wraz z rozwojem naszego produktu - standardowe podejście do CSSa może nie wystarczyć. W tym kursie poznasz 5 ciekawych architektur CSSa, poznasz ich podstawowe koncepty oraz moje opinie na ich temat. Dzięki temu, tworząc swój następny projekt, będziesz w stanie stworzyć architekturę CSSa bazując na sprawdzonych fundamentach.
Tworzenie layoutów przy współczesnych metodach pozycjonowania
CSS Grid i CSS Flexbox to właściwości które powinien znać każdy Front-end developer. Jeśli nie chcesz spędzać wielu godzin na poznawanie tych technologii z osobna, w tym kursie znajdziesz podstawowe informacje na temat tych dwóch technologii - w pigułce. Poznasz różnice między nimi oraz dowiesz się, co zmieniło się w nich w ostatnim czasie.
Przyśpiesz swoją stronę
Jeśli borykasz się z problemami wydajnościowymi na swojej stronie internetowej, ten kurs wskaże Ci techniki które pomogą Ci zmniejszyć czas ładowania, jak i ogólną wydajność Twojej witryny - czy to początkowe ładowanie, czy klatkująca animacja.
Preprocesory CSS
Czy nie wiesz jak zacząć z preprocesorami? Po co są nam one potrzebne? A może nie wiesz jak wpasowują się w obecne trendy tworzenia stron? Ten kurs odpowie na Twoje pytania! Dodatkowo, dowiesz się jak skonfigurować jeden z najbardziej popularnych preprocesorów CSS, oraz poznasz jego kluczowe funkcje czy składnie.Jako dodatek, dowiesz się jak dzielić Twoje zmienne SCSS wraz z Twoim kodem JavaScript!
Fundamenty animacji w CSS
Animacje CSSowe są już z nami od lat, ale jak konkretnie się za nie zabrać? Co trzeba zrobić, aby rozpocząć przygodę z animacjami? Jeśli nie wiesz, to w zaledwie kilku lekcjach poznasz narzędzia i składnie do tworzenia przejść i animacji ograniczonych tylko przez Twoją wyobraźnię* (i możliwości CSSa)
Dla kogo jest ten kurs?
Aby móc efektywnie korzystać z tego kursu, powinieneś posiadać średnio zaawansowaną wiedzę z kategorii Front End. Przyda się również umiejętność poszerzania pojedynczych zagadnień na własną rękę, ponieważ wiele z poruszanych w tym kursie tematów można by zgłębiać godzinami. Nie zaszkodzi również podstawowa wiedza o JavaScript. Postaram się wprowadzić Cię w różne obszary CSSa potrzebne w codziennej pracy jako Front-End developer. Doświadczeni developerzy znajdą w tym kursie powtórkę najistotniejszych informacji na temat współczesnego CSSa, jak i ciekawe zagadnienia o których często się zapomina.
Czego się nauczysz?
-
Najważniejsze koncepcje CSS
-
Praktyczne przykłady zastosowania
-
Kompendium wiedzy o nowych technikach
-
Preprocesory CSS
-
Flexbox oraz Grid
-
Podstawy tworzenia animacji
-
Architektura CSS
-
I wiele więcej!
Zawartość
CSS
15 rozdziały 78 lekcji 9h 11min
-
Wprowadzenie
9min
Problemy z CSSem
8min
-
Fundamenty współczesnego CSS
1h 17min
Kaskadowość
7min
Specyficzność selektorów
13min
Różne tryby wyświetlania
11min
Model pudełkowy
8min
Warstwy
10min
Dostępne jednostki
10min
Jednostki względne do rozmiaru okna
7min
Media queries
11min
-
CSS Flexbox
38min
Pokrótce o flexie
6min
Problematyka osi
11min
Rozmiary względne między elementami flexa
12min
Wady i zalety Flex boxa
9min
-
CSS Grid
31min
Pokrótce o gridzie
6min
Umieszczanie elementów na siatce
11min
Wady i zalety grida
7min
-
Różnice między środowiskami uruchomieniowymi
31min
Progressive enhancement
5min
Fallback styles
5min
Prefixy
5min
Wspierane właściwości - klauzula Supports
9min
Polyfille
7min
-
CSS Custom properties
16min
Zmienne w CSS
9min
Semantyczne zastosowanie zmiennych
8min
-
Preprocesory CSS
39min
Problemy rozwiązywane przez preprocesory
5min
Najpopularniejsze preprocesory CSS
7min
Konfiguracja SCSS w VSCode
6min
Konfiguracja SCSS z użyciem Gulp
6min
Konfiguracja SCSS z użyciem Parcel
5min
Konfiguracja SCSS z użyciem Webpack
9min
-
SCSS w pigułce
59min
Zmienne
12min
Nesting
10min
Pętle
8min
Funkcje
3min
Extendy kontra includy
9min
Udostępnianie zmiennych do JavaScript
8min
Moduły Sass
5min
Co dalej z SCSSem?
4min
-
Animacje
22min
-
Wydajny CSS
31min
Skomplikowane selektory
11min
Will change
6min
Malowanie układu strony
6min
CSS Triggers
3min
Odchudzanie CSSa
5min
-
Czcionki i fonty
16min
Importowanie fontów
5min
Używanie iconic fontów
6min
Font subsetting
5min
-
Ciekawe zagadnienia
1h 25min
Pozycjonowanie absolutne
9min
Odczytywanie atrybutów HTML
16min
CSS Counters
6min
Selektory względne
9min
Focus styles
7min
CSS Shapes
8min
Perspektywa
8min
Clip path
3min
Filter
8min
Blendmodes
4min
-
Architektura CSS
39min
Czym jest BEM
5min
Czym jest OOCSS
11min
Czym jest SMACSS
8min
Czym jest Atomic Design
6min
Czym jest ITCSS
6min
Czym są użyteczne klasy
4min
-
CSS na miarę lat dwudziestych XXI wieku
57min
Preferencje użytkownika
11min
Aspect ratio
6min
Content-visiblity i native lazy loading
7min
Scroll properties
7min
Conic Gradient
7min
Stylowanie podkreśleń
4min
Leading-trim
2min
Stylowanie notcha oraz ekranów składanych
6min
Czym jest houdini?
4min
Co czeka w specyfikacji CSS?
3min
-
Podsumowanie
Podziękowania
Autor kursu
Wojciech Połowniak
Sr. Fullstack Engineer
Średnia ocen autora: 5
Dołącz do ponad 10 tys. zadowolonych z naszych kursów
Choć kurs w chwili pisania tej recenzji jest jeszcze w budowie to muszę szczerze przyznać, że do tej pory nie spotkałem się z tak kompletnym i obszernym kursem dotyczącym pracy z CSS'em. Polecam go każdemu - zarówno początkującym chcących odkryć tajniki CSS, ale również tym zaawansowanym w celu usystematyzowania i uzupełnienia wiedzy o pewne smaczki. Wojtek - kawał dobrej roboty!
Wojciech Zięciak
30 marca 2021
Łukasz Krawczyk
14 czerwca 2021
Piotr Wybraniec
1 maja 2021
4 gwiazdki ze względu na błędy popełniane przez prowadzącego. Poza tym wszystko ok :)
Kasia Sabat
4 maja 2021
Krzysztof Kiersnowski
19 sierpnia 2021
Marek Piotrowski
9 września 2021
vvv
30 grudnia 2021
Joanna Wolska
2 stycznia 2022
Bartosz Maćkowiak
19 września 2022
Kurs CSS
-
78 lekcji wideo
-
9h 11min materiału
-
Ostatnia rewizja 07.04.2021
-
Certyfikat w ramach ścieżek
-
Dostęp z urządzeń mobilnych
Dlaczego wybrać właśnie ten kurs?
Efektywna nauka
Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
Wiedza ekspertów
Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
Praktyczne przykłady
Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.
Pytania i odpowiedzi
Przeczytaj najczęściej zadawane pytania
Masz więcej pytań?
Porozmawiaj z nami na na czacie
Zadzwoń +48 880880606
Nie każdy. Jeśli pliki są dostępne dla danego kursu, znajdziesz je w zakładce źródła. Niektóre kursy nie posiadają źródeł ponieważ nie są potrzebne, inne nie mogły być zamieszczone np. ze względu na prawa autorskie do wykorzystania komercyjnych prac naszych autorów. Staramy się aby kursy były maksymalnie praktyczne i chętnie pokazujemy zaplecze zawodowe naszych autorów, ale niekiedy nie możemy dołączyć go w postaci źródeł.
Jak jest skonstruowany kurs?Kurs składa się z rozdziałów oraz lekcji. Staramy się, aby optymalnie kursy miały 5-7 rozdziałów po około 5-10 lekcji w każdym. W ten sposób nauka jest optymalna a podtrzymanie uwagi staje się łatwiejsze. Rekomendujemy przerabianie nie więcej niż jednego rozdziału naraz a po jego przerobieniu powtórzenie materiału we własnym zakresie.
Jak najlepiej wykorzystać kurs?Potraktuj kurs jako inspirację do własnej pracy. Tam, gdzie się da staraj się powtarzać czynności, które wykonuje autor. Nie powtarzaj ich jednak bezmyślnie - spróbuj zmodyfikować przykłady i dostosować je do swoich potrzeb. W ten sposób przyswoisz materiał jeszcze lepiej!
Jak mogę uzyskać dostęp do kursu?Możesz albo wykupić ten konkretny kurs przez koszyk, uzyskując do niego (i jego rewizji) bezterminowy dostęp, albo wykupić wariant abonamentu, który obejmuje dany kurs i w ten sposób oglądać go oraz inne materiały na platformie tak długo, jak Twój abonament jest aktywny.
Czy kurs jest aktualny?Staramy się aby wszystkie materiały na stronie były aktualne. Nie znaczy to, że kurs powstał bardzo niedawno. Często na stronie znajdziesz trochę starsze kursy, jednak regularnie wykonujemy ich rewizję i zmieniamy lekcje - czy to przez dodanie stosownych komentarzy z aktualizacją, czy poprzez nagranie danej lekcji jeszcze raz. Datę ostatniej rewizji znajdziesz w informacjach o kursie.
Czym się różni kurs od warsztatu i ścieżki?Kursy to kilku godzinne, kompleksowe opracowanie danego zagadnienia, podzielone na lekcje i rozdziały. Często uzupełniają je Warsztaty, które mają formę jednej dłuższej, praktycznej lekcji (30min-1h), natomiast ścieżki stanowią zbiór jednych i drugich materiałów - ułożoną z kursów i warsztatów playlistę, która pozwala Ci kompleksowo opanować dane zagadnienie.
We frontendzie nie można stać w miejscu, niezależnie od tego, czy jest się początkującym, czy zaawansowanym. Narzędzia i techniki się zmieniają, więc trzeba cały czas trzymać rękę na pulsie. Jako twórca kursów i programista mogę spokojnie polecić eduweb.pl jako aktualne i dobre źródło wiedzy.
Adam Romański
helloroman.com
Zacznij naukę w CSS
-
78 lekcji wideo
-
9h 11min materiału
-
Ostatnia rewizja 07.04.2021
-
Certyfikat w ramach ścieżek
-
Dostęp z urządzeń mobilnych
Kursy które mogą Cię również zainteresować
Nowoczesny React
Michał Jabłoński
Podstawy pracy z Cursor IDE
Adam Gospodarczyk
Nowości w NextJS13
Daniel Noworyta
Tailwind CSS
Daniel Noworyta
NestJS od Podstaw
Adam Gospodarczyk
Szeroka Perspektywa Full-Stack Web Developmentu
Adam Gospodarczyk
Narzędzia JavaScript Full-Stack Web Developera
Adam Gospodarczyk