Bądź na bieżąco!
Zostaw nam swojego maila, aby otrzymać najświeższe informacje o devbites!
Wyślemy Ci zapowiedzi, przykładowe materiały oraz - oczywiście - najlepszą ofertę!
PAMIĘTAJ, żeby odebrać wiadomość potwierdzającą i kliknąć w przycisk.
Zapisując się na newsletter zgadzasz się na przetwarzanie Twoich danych osobowych w celu wysyłania na wskazany przez Ciebie adres e-mail informacji handlowych o nowościach, promocjach, produktach i usługach związanych z serwisami devbites.pl i devstyle.pl. Będzie to marketing bezpośredni, do realizacji którego wykorzystamy Twoje telekomunikacyjne urządzenia końcowe. Administratorem Twoich danych osobowych będzie DEVSTYLE spółka z ograniczona odpowiedzialnością z siedzibą w Białymstoku (15-215) przy ul. Konopnickiej 14/8, NIP: 5423453088. Przysługuje Tobie prawo do cofnięcia zgody, żądania wglądu do Twoich danych, wniesienia sprzeciwu co do ich przetwarzania, sprostowania, usunięcia i ograniczenia przetwarzania. Więcej informacji o tym jak przetwarzamy Twoje dane znajdziesz nadevstyle.pl/rodo oraz w Regulaminie newslettera.
Tailwind CSS: Od Zera Do Bohatera
W świecie nowoczesnego web designu i developmentu, gdzie efektywność, responsywność i elegancja są na wagę złota, pojawia się TailwindCSS - narzędzie szturmem podbijające kolejne projekty. Być może ten framework (tym razem nie javascript!) nie jest Ci już obcy, ale czy naprawdę wiesz, jak w pełni wykorzystać jego potencjał?
Wiele osób mówi: "TailwindCSS to tylko kolejny zestaw klas, takie style inline", ale pozwólmy sobie przejść głębiej. W tym kursie odkryjesz nie tylko podstawy, ale i zaawansowane techniki, które sprawią, że tworzenie i utrzymywanie stylów nie będzie zmorą spędzającą sen z powiek.
Niezależnie od tego, czy dopiero zaczynasz swoją przygodę ze stylowaniem, czy też masz już w tym temacie doświadczenie - ten kurs otworzy przed Tobą nowe perspektywy w korzystaniu z Tailwind CSS. Przygotuj się na intensywną podróż przez klasy, warianty, wtyczki i wiele więcej, unikając pułapek czyhających na nieprzygotowanych!
![]()
Maciek Korsan
Czego nauczysz się w tym kursie
- wykorzystywania Tailwind CSS w pełni jego możliwości
- dlaczego Tailwind CSS to nie są style inline
- jak stosować podejście utility-first
- jak tworzyć style prostsze w utrzymaniu
- dostosowywania konfiguracji Tailwind CSS pod swój projekt
- stosowania wygodnych praktyk ułatwiających tworzenie stylów i unikanie pułapek
Wymagania
- Podstawowe zrozumienie HTML i CSS
- ...czyli jeśli wiesz czym są klasy CSS i jak ich używać w HTML-u - to sobie poradzisz :)
Agenda
1Czym jest i czym nie jest Tailwind CSS?
2Dodawanie Tailwind CSS do swojego projektu
3Czym jest podejście utility first?
4Sposób zapisywania klas i jednostki
5Tailwind CSS w VSCode
6Utility variants
7responsywność i mobile first
8tailwind.config.js bez tajemnic
9Wtyczki rozszerzające Tailwind CSS
10Tryb [Just in time] / Arbitrary values
11@apply i @layer
12Group i peer
13Uproszczone zapisywanie klas
14Zaawansowane selektory CSS
15Jak radzić sobie z problemami ze specyficznością
16Używanie niezaimplementowanych w Tailwind CSS własności
17Zmienne CSS
18Najczęstsze błędy popełniane przy korzystaniu z Tailwind CSS i jak łatwo ich unikać
