Kurs Tailwind CSS
W tym kursie nauczysz się korzystać z popularnego Tailwind CSS od całkowitych podstaw! Dla utrwalenia wiedzy stworzysz kilka projektów.
- Certyfikat ukończenia
- Bezpłatne aktualizacje
- Dożywotni dostęp

Dożywotni dostępKupujesz raz, aktualizacje gratis.
łatwyPoziom
~3hCzas trwania
54Ilość lekcji
39złPłatność jednorazowa
Szczegóły
O kursie
Czego się nauczysz?
W tym kursie poznasz Tailwinda, czyli framework CSS, który potrafi znacząco przyśpieszyć naszą pracę (szczególnie, jeśli mowa o pracy z responsywnymi stronami WWW).
Oprócz omówienia dokumentacji z perspektywy osoby z doświadczeniem, czeka na Ciebie aż 5 projektów, które pozwolą Ci zostać ekspertem!
Ukończona cz. 2
Przed przystąpieniem do tego kursu warto ukończyć „Kurs Tworzenia Stron WWW cz. 2”.
Lub dobra znajomość HTML i CSS
Jeśli nie przerabiałeś/łaś cz. 2, wystarczy, że dobrze znasz HTML i CSS.
Płatność
Płacisz jednorazowo na naszej platformie kursowej.
Zniżki
Aktualne zniżki znajdziesz na Discordzie, na kanale #zniżki.
Zostań częścią naszej społeczności i korzystaj ze specjalnych ofert!
Zwrot do 14 dni
Jeśli kurs Ci się nie spodoba, możesz go zwrócić w ciągu 14 dni od zakupu.
Zwrot nie przysługuje:
- po upływie 14 dni od zakupu
- po przerobieniu więcej niż 30% kursu
- w przypadku zakupu na fakturę
Opinie o kursie
Opinie pochodzą od kursantów, którzy przerobili kurs i podzielili się nimi na Discordzie.
Program
Plan kursu
- 1
Poznaj Tailwind
Wprowadzenie do Tailwind CSS.
- 2
Projekt #1
Formularz zapisu na newsletter (UI).
- 3
Projekt #2
Popularne wyzwanie z Frontend Mentora, które sprawia wiele problemów!
- 4
Projekt #3
Strona WWW stworzona z wykorzystaniem Tailwinda.
- 5
Projekt #4
Karty – przydatny komponent na strony WWW.
- 6
Projekt #5
Efektywny timeline z wykorzystaniem pseudoelementów.
- 7
Dodatki
Kilka dodatków uzupełniających potęgę Tailwinda.
Zacznij już dziś
Kurs Tailwind CSS
- Certyfikat ukończenia
- Bezpłatne aktualizacje
- Dożywotni dostęp
39złjednorazowo
Kup kurs51 lekcji
Lista odcinków
Poznaj Tailwind27
- Czym jest Tailwind?
- Narzędzia
- Instalacja Tailwinda
- Kontenery i breakpointy
- Kolumny
- Kolory
- Konfiguracja kolorów cz. 1
- Konfiguracja kolorów cz. 2
- Margin & padding
- Width & height
- Position
- Zadanie
- Display & visibility
- Object fit
- Typografia
- Pseudoelementy & pseudoklasy
- Transition
- Animacje
- Transform
- Background
- Border
- Shadow & opacity
- Flexbox
- Zadanie
- Dodatki
- Ikony
- Minifikacja CSS
Projekt #14
- Tworzymy template
- Konfiguracja projektu
- Wersja mobilna
- Wersja desktopowa
Projekt #25
- Konfiguracja projektu
- Pierwsza karta
- Pozostałe karty
- Wersja desktopowa
- Kod
Projekt #311
- Omówienie projektu
- Konfiguracja
- Nawigacja
- Sekcja powitalna cz. 1
- Sekcja powitalna cz. 2
- About me
- What I’m doing cz. 1
- What I’m doing cz. 2
- Past clients
- Footer
- Kod
Projekt #41
- Karty z hoverem na rodzica
Projekt #51
- Timeline z pseudoelementami
Dodatki2
- Daisy
- Elements
