od Podstaw
9 godz. 11 min · HTML i CSS · Full-stack i Programowanie
Wojciech PołowniakSr. Fullstack EngineerWeb 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ę!
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.
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.
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.
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!
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)
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.
W tej ostatniej lekcji z kursu będę mówił
o tym co czeka w specyfikacji CSS a jak się dalej rozwijać.
Przykładowo warto śledzić źródła takie jak CSS wg oficjalne dokumentacji HTML czy.
Po prostu osoby z branży które zajmują się
rozwijaniem tych właściwości czy to poprzez Twittera czy to poprzez na
przykład grupę na Facebooku Polską gdzie jest after hours czy jest już.
Po prostu co prawda nazwa grupy wskazuje tutaj założenia ale są tam też nowinki CSS
owe zwłaszcza tak jak wspomniałem chód jest też technologią krwawą.
W związku z czym takie informacje tam też będziecie i jednym z takich rzeczy są np.
warstwy. Jest to propozycja który doda
oprócz kaskady specyfice i reguł takich jak important kolejną warstwę
abstrakcji która będzie mechanizmem zarządzania naszym kodem.
Szczerze mówiąc nie jestem pewien jak konkretnie się to pasuje.
Jest to dopiero propozycji też mi osobiście ciężko jest się przebić i
zrozumieć to dopóki nie będę miał tego zaimplementowane w przeglądarce.
W związku z czym prawdopodobnie nie byłoby
najlepszą osobą do tworzenia takich specyfikacji.
Chyba że faktycznie to czytał.
Ale zostawiam tutaj Tobie informację że
jest coś takiego jak kask Players i będzie on dodatkiem do wszystkich tych
rzeczy które w tym kursie poznaliśmy potencjalnie w przyszłości.
Oczywiście w samej oficjalnej stronie.
CSS wg możemy przeczytać całą specyfikację CSS a jeżeli faktycznie zależy nam na
zrozumieniu daleko za zagadnienia no to wszystkie informacje znajdziecie tutaj.
Będą tutaj wymienione rzeczy takie jak sektor Chess czyli.
Coś co pozwoli nam zbierać informacje o elementach warunkowych
zależności od tego czy dany element posiada inny element czy lektor.
Sterowanie głosu za pomocą CSS.
I nie chodzi tutaj oczywiście o mówienie
do komputera ale stylowe tego jak tekst jest czytany np.
przez Screen liderem są właściwości takie jak Speak.
I tam możemy teoretycznie zmieniać ich PIT czyli wysokość czy głębokość.
Możemy to robić oczywiście z poziomu JavaScript.
W tym momencie ale takie rzeczy też teoretycznie będą
wspierane. No i po prostu polecam śledzić ten
dokument bo tak naprawdę wszystkie nowinki CSS wychodzą właśnie w tym dokumencie.
Niefortunne jest to że po prostu trzeba się przez ten dokument przebić.
Ale jeżeli siedzicie różne źródła na Twitterze czy na Facebooku czy na innych
grupach tematycznych czy nawet na grupie wiekowej gdzie też pewnie różne nowinki
świata front endu będą się przejawiać no to macie szansę być blisko tego.
K.T. Czyli najnowszych technologii w kontekście CSS a i
zachęcam po prostu do nauki na własną rękę poznawania tej specyfikacji.
Być może nie tak na sucho ale faktycznie
robiąc to co robicie czyli stylu strony WWW.
No i szukać nowych źródeł rozwijania się na własną rękę.