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.
Cześć z tej lekcji opowiem ci co powoduje
refleksję i pre-paid czyli to jest to co wspomniałem
pod koniec poprzedniej lekcji jest tutaj taka strona
która lista wszystkie właściwości CSS a
i przedstawia jak dane silniki przeglądarek.
Tutaj mamy linka gdziekolwiek Kita
acz HTML a który też już nie będzie wspierany bo jest już na ręku najnowszy
acz i tutaj mamy też podział na pierwszy zmieniony element jego wartość.
No i kolejne aktualizacje.
Jak to wygląda.
No i generalnie tutaj mamy podział na play out Point i kompozytor.
Generalnie zasada jest taka że im mniej
tych elementów jest faktycznie zaznaczone czy np.
są tutaj wyrażone tym bardziej znaczy to że te elementy nie są złe dla performance.
Czyli np.
widzimy że zmiana kursorem w przeglądarce czy faktycznie tutaj tej łapki
nie nie powoduje prawie w żadnym silniku przeglądarki.
Generalnie nie wszystkie właściwości będą
miały jakieś swoje odpowiedniki które nie będą robiły tego tak jak mieliśmy np.
w przypadku Left to Pride Left czy baton tak wtedy mogliśmy używać trans lat x y.
I oczywiście normalnie w osi pionowej lub poziomej przesuwać te elementy ale jeśli
są no to oczywiście możecie je tutaj znaleźć.
Jest to lista pełna wszystkich właściwości
CSS owych przynajmniej do momentu kiedy ta strona została stworzona.
Możecie też tutaj pojedyncze elementy wyszukać np.
Jeśli wpisze się tutaj Left no to wszystkie elementy które mają w sobie ale
zostaną tutaj wypisane włączając w to jakieś border.
Marcin Lew Dying Left no i samo Left które
jak widać jest bardzo ciężkie w kontekście.
Zachowywania naszej strony WWW.
Także jeśli będziecie mieli problemy z
waszym CSS em i zobaczycie że dany element prezentuje się za często i faktycznie Ryga
w tym narzędziu morskim które wam pokazałem przed chwilą.
No to możecie wejść na swoje Street Earth zobaczyć na listę właściwości która.
Z tych właściwości które ten styl posiada są najcięższe i spróbować się albo jej
pozbyć albo znaleźć jakieś inne alternatywne rozwiązanie tego problemu.
Performance Strike.
Bardzo dobra strona polecam.
I to by było na tyle.
Do zobaczenia w kolejnej lekcji.