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.
Te lekcje opowiem pokrótce o Ding tremę
Ding Living bo to jest też dosyć popularna rzecz którą większość deweloperów myli.
Generalnie jest to nowa właściwość która
jest dopiero zaproponowana więc w ogóle nie ma tutaj mowy o jakiejś implementacji
przez przeglądarki ale jest to zaproponowane w Inside Out.
Model Level 3 specyfikacji CSS i dzięki temu teoretycznie będziemy w
stanie użyć właściwości leming Bow i text Edge kup alfabet żeby np.
odciąć z danego
tekstu który jest z danego frontu Landing czyli tą
bezpieczną strefę którą każdy sąd w sobie posiada i on generalnie wywodzi się z
topografii czyli jak dawno temu na maszyn opisach pisane był
tekst no to mieliśmy pod każdym ze znaków taką przestrzeń która była po prostu takim
zabezpieczeniem żeby tekst na siebie nie wychodził.
Kiedy kolejne linie tekstu były pisane i my.
W świecie metalowym w świecie cyfrowym
zaadaptował to w ten sposób że po prostu ten
leming który jest tak naprawdę bezpieczną przestrzenią po prostu podzieliliśmy na
pół połowa całości była dystrybuowane na górę i na dół i to doprowadzały do wielu
problemów z tym że niektóre fronty miały tę przestrzeń i trzeba było robić albo
jakieś ujemne haki do lin chyba albo jakieś ujemne margines.
I to też nie zawsze działało bo jeżeli
faktycznie dany Front miał znaki z rodziny Latin extended czyli np.
Polski ogon dla Chin.
No to wtedy te haki już nie działały no bo
cała reszta tekstu nie była wyrównana do tego miejsca więc Landing Team pozwoli nam
powiedzieć przeglądarce tak jak powinien ten obszar bezpieczne wyglądać czy on w
ogóle tam powinien być jakie powinien mieć wartości.
No i.
To jest coś co będziemy w stanie zrobić w
przyszłości jeżeli przeglądarki zdecydują się zaimplementowane tą właściwość.
Ja tutaj się dzielę z tym bardziej jako
ciekawostką ale jeśli chcecie być tutaj czyli po prostu na bieżąco do tego
co dzieje się w świecie frontem do wiceprezesa no to Landing Dream.
Warto wiedzieć że w specyfikacji oficjalnie jest.