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 lekcji opowiem trochę o moduły.
Sasa to jest coś co weszło do specyfikacji Sasa specyfikacji.
Tutaj mam na myśli dokumentację
pod koniec ubiegłego roku na ten rok bardzo szybko leciał.
Generalnie jest to zupełnie nowe podejście które zmieni całkiem dużo w czasie.
Natomiast nie ma tutaj problemu ponieważ SAS Puls będą jakby standardem dopiero za
kilka lat więc możemy dalej korzystać z CASA w takiej formie jak obecnie bez
problemu a też dostarczają nam narzędzia do migracji ze starego systemu na nowy.
Tutaj ja przytacza artykuł Streets Miriam Susan.
Po prostu dlatego bo tutaj mam bardzo ładne chwile ze wszystkich funkcjonalności
które są dostępne w Polsce m.in. jedną z ważniejszych rzeczy jest to że
słowa kluczowe import którego my użyliśmy aby za importować sobie
nasze zmienne czasowe zostanie zamienione słowem kluczowym juz
przede wszystkim dlatego żeby nie konfliktowi z negatywnym CSS owym importem
którego możemy używać do importowanych czcionek czy frontów.
Wszystkie funkcje które sobie definiują daliśmy.
Czy na przykład to Litwin którego użyliśmy w jednym z poprzednich lekcji będą teraz
ukryte za pasem czyli nie będziemy bezpośrednio kochać liter tylko
prawdopodobnie będziemy używać kolor kropka liter.
W ten sposób.
To jest jedno z tych zmian.
Tych zmian jest naprawdę tutaj dużo ja
tutaj oczywiście ten link do artykułu jest stricte pod linkiem.
Ale jest jeszcze kilka takich o których możemy wspomnieć.
Na przykład mamy możliwość przekazywania danych z jednego pliku do drugiego
bo często to się tak działo że po prostu budowaliśmy jeden plik po drugim
te pliki oczywiście nie powinny się komplikować tylko służyły jako takie
pomocnicze pliki do przekazywania danych z jednego miejsca do drugiego.
No to tutaj może mamy do tego specjalne słowo kluczowe które nazywa się forward.
Tutaj jeszcze widać że składnia
podświetlenia nie wspiera tego słowa kluczowego w czasie.
Natomiast to co robi forward to tak naprawdę on importuje dany plik czyli tak
jak my sobie importować wcześniej nasze wersje skrawka
CSS no to tutaj ten import się dzieje tylko że przy użyciu innego słowa
kluczowego i on jest dalej eksportowane do dalszego pliku bez faktycznego jakby
ładowania czy kombinowania tych danych które się tutaj znajdą jeśli chcemy użyć
jakiejś funkcjonalności czyli na przykład koloru czy w tym przypadku formatów musimy
zadeklarować sobie najpierw format to jest wbudowany jakiś moduł Sasa który
mierzy biblioteki czyli osoby które faktycznie zarządzają tą biblioteką i ją
rozwijają nam stworzyli i po zainteresowaniu tego w ten sposób możemy
używać form z kropka Dowolna metoda która była w tym czasie forma zadeklarowana.
Jest to o wiele czystsze rozwiązanie niż faktycznie korzystanie z takich globalnych
nazw zwłaszcza jeśli korzystamy z kilku bibliotek czasowych.
No i tutaj są konflikty
nazwach funkcji na przykład wtedy byłoby to naprawdę ciężko rozwiązać.
Przy starszym systemie ludzie oczywiście dochodzili do różnych rozwiązań
natomiast teraz przy użyciu SAS jest to o wiele prostsze.
Jak przejść na SAS.
Jest takie specjalne narzędzie najgorętszy
Tool i teoretycznie powinniście móc je zainstalować za pomocą n.p.m. Instal Dash
II Sas manipulator no i wtedy wywołać je za pomocą jakichś kolejnych komend.
Wasz projekt zostanie teoretycznie
emigrowali do nowej składni czyli wszystkie wasze zmienne.
Cały wasz kod zostanie zastąpiony tym nowym a działać będzie w ten sam sposób.
W związku z czym ja polecam tak naprawdę spróbować sobie emigrować.
Wasze obecne projekty przy pomocy tego narzędzia zwłaszcza że z biegiem czasu tak
naprawdę z marszu będą coraz bardziej powszechne i domyślne.
No i od starej składni będzie się powoli odchodziła.
Zakładając że faktycznie wszystkie
projekty które obecnie są na tym starym syn tak się będą się emigrować
dalej może się zdarzyć sytuacja że idąc do pracy w nowej firmie będziecie pracowali
ze starą składową Sasa i z różnych powodów być może nie będzie
możliwe przejście na tę nową więc wtedy faktycznie uczenie się tej obecnej składni
z portami z globalnym spisem dalej ma sens według mnie.
Zwłaszcza że jakby nie patrzeć to jest tylko nadbudówki tego wszystkiego co
wypracował sobie przez te wszystkie lata więc nie jest to zdecydowanie wiedza
wyrzucona do kosza ale warto po prostu wiedzieć że SAS juz nadchodzą i niedługo.
Będzie to standard z którym będziemy pracować.
Jeżeli chodzi o Sasa.