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ść tej lekcji opowiem o użytecznych klasach.
Czyli mam tutaj na myśli termin CSS.
Termin CSS to jest takie troszkę
rozwinięcie obiektu intencje sesja w kontekście takim że faktycznie
zmiany do naszego HTML a poprzez dodatkowe
klasy które zmieniają rozmiar czy wygląd naszych elementów no i
jest to bardzo dobre rozwiązanie w kontekście tego że nie musimy myśleć nad
tworzeniem klas tak naprawdę cały CSS jest schowany za warstwą
abstrakcji w postaci tych właśnie klas możemy tworzyć nawet.
Klasy które będą na różnych rozdzielczości
pokazywały się w różny sposób jest to bardzo dobrze udokumentowana biblioteka.
Pozbywa się problemu z pixel perfect
ponieważ tak naprawdę nie jesteśmy w stanie robić nawet pixel perfect.
Przy pomocy ponieważ operuje on na konkretnych.
Wartościach siatek jednostkach względny
czyli nie ma tutaj możliwości pixel perfect to jest też plus dla
deweloperów ponieważ jeżeli nawet ktoś będzie próbował
przepchnąć pixel perfect no to nie jest w stanie tego zrobić.
Szybkość typowanie jesteśmy naprawdę
bardzo łatwo w stanie tworzyć różne komponenty i generalnie o tej
rundzie mówił też Adam gospodarczych w jednym z warsztatów na platformie ePUAP.
Jeżeli chcesz poznać lepiej no to zapraszam cię na ten konkretny warsztat.
Ja tutaj chciałbym jeszcze przemieszczać wady tej ruiny.
Z mojego punktu widzenia przede wszystkim dla osób które tego nie znają no to
taki kod który tutaj mam zaprezentowany nie będzie koniecznie czytelny.
Zwłaszcza dla osób które są przyzwyczajone
do nadawania jednej klasy na element i stylowe Dania wewnątrz CSS a tutaj tak
naprawdę celujemy wewnątrz HTML a co prawda nie są to oczywiście style
najnowsze ale ale stylowe odbywa się wewnątrz HTML a co niektórzy deweloperzy
mogą uznać za niepoprawne natomiast ja tutaj uważam że
termin do oprocentowania jest świetny ale jeżeli byśmy chcieli rating Edge solution
czyli takie rozwiązanie naprawdę bardzo szybkie no to ja np.
nie polecił. Przede wszystkim dlatego że przez to że
oferujemy na takich klasach które muszą być jak najbardziej genetyczne
i dostosowane do różnych potrzeb to w kodzie źródłowym
są tam różne sektory bezpośredniego dziecka czy inne zależności od siebie
które po pierwsze musimy poznać a po drugie koniec końców być może byłoby
gdybyśmy napisali po prostu te sektory samodzielnie.
Dodatkowo jeżeli czegoś nie jesteśmy w
stanie zrobić w tej rundzie no to musimy to zrobić poza ringiem.
Już mamy kilka źródeł stylowe bo część rzeczy robimy.
Tej łatwej czyli sposobem Linda a część musimy dodatkowo pakować.
W związku z czym może to też być
problematyczne po prostu w zrozumieniu co jest aplikować w którego stylu
i co pochodzi faktycznie z tej rundy a co jest intencją twórczą deweloperów.
Ja winda dodałem jako architekturę ponieważ jest to rozwiązanie dosyć
popularne ostatnio i wymaga od nas też myślenia w terminowy
sposób a twórcy tej winda mają dobre portfolio.
Literatury w kontekście UX design także na
pewno nie jest to narzędzie nie dopracowane.
Jeżeli chciałbyś dowiedzieć się więcej w
kontekście tej Linda i tego jak on może działać jako architekturę naszego kodu CSS
no to zapraszam na warsztat Adama gospodarczy K.
A ja chciałem tylko dodać że oczywiście
możemy też próbować używać tej winda razem z innymi metodologia mi.
Jeśli faktycznie mamy taką potrzebę.