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
Okładka kursu Tailwinda

Dożywotni dostępKupujesz raz, aktualizacje gratis.

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!

Opinie o kursie

Opinie pochodzą od kursantów, którzy przerobili kurs i podzielili się nimi na Discordzie.

Program

Plan kursu

  1. 1

    Poznaj Tailwind

    Wprowadzenie do Tailwind CSS.

  2. 2

    Projekt #1

    Formularz zapisu na newsletter (UI).

  3. 3

    Projekt #2

    Popularne wyzwanie z Frontend Mentora, które sprawia wiele problemów!

  4. 4

    Projekt #3

    Strona WWW stworzona z wykorzystaniem Tailwinda.

  5. 5

    Projekt #4

    Karty – przydatny komponent na strony WWW.

  6. 6

    Projekt #5

    Efektywny timeline z wykorzystaniem pseudoelementów.

  7. 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 kurs

51 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