Εισαγωγικό ΕπίπεδοTailwind CSS v4shadcn/uiCSSDesign Systems

Modern UI Engineering με Tailwind CSS v4 & shadcn

Δημιουργήστε design systems επαγγελματικού επιπέδου με Tailwind CSS v4, CSS variable tokens, προσβάσιμα shadcn/ui components και dark/light θέματα.

2 Ενότητες

4 Μαθήματα

56 Λεπτά συνολικά

Χωρίς πρόσφατο έλεγχο περιεχομένου. Οι εντολές και τα παραδείγματα ενδέχεται να έχουν αλλάξει από τη δημοσίευση.

Η Πρόοδός σας0%

Ύλη Μαθήματος

Τα δοκιμαστικά μαθήματα είναι ανοιχτά σε όλους. Τα Pro μαθήματα απαιτούν ενεργή συνδρομή.

Ενότητα 1

Ενότητα 1: Η Επανάσταση του Tailwind v4

Εξερευνήστε τη διαμόρφωση CSS-first και την αστραπιαία ταχύτητα μεταγλώττισης.

2 μαθήματα

Αποχαιρετήστε το tailwind.config.js. Ανακαλύψτε τη διαμόρφωση απευθείας σε καθαρό CSS.

Υλοποιήστε προσβάσιμα παράθυρα διαλόγου (dialogs), αναπτυσσόμενα μενού (dropdowns) και συρτάρια (drawers).

Ενότητα 2

Ενότητα 2: Theming & Design System

Χτίστε dark/light θέματα και ένα mini design system με shadcn.

2 μαθήματα

Υλοποιήστε θεματικά tokens και next-themes στρατηγική.

Χτίστε button, card και dialog από tokens με λίστα ελέγχου.

Φόρτωση περιεχομένου...