Επικοινωνήστε μαζί μας

Εξέλιξη Κομματιού

Εισαγωγή

  • Επισκόπηση του Tailwind CSS

Ξεκινώντας

  • Εγκατάσταση του Tailwind CSS
  • Εγκατάσταση του Node
  • Εγκατάσταση του VS code
  • Ρύθμιση του περιβάλλοντος

Βασικά στοιχεία του Tailwind CSS

  • Σύνδεση του Tailwind CSS με HTML
  • Δημιουργία containers με utility κλάσεις
  • Προσθήκη ιδιοτήτων πλάτους και ύψους
  • Κατανόηση της λειτουργίας του flexbox
  • Αναδίπλωση και αλλαγή μεγέθους στοιχείων flex
  • Δημιουργία διάταξης πλέγματος και γραμμών
  • Προσαρμογή της ροής των στοιχείων σε διάταξη πλέγματος
  • Προσθήκη κενών μεταξύ και στοίχιση στοιχείων
  • Στοίχιση μεμονωμένων στοιχείων
  • Προσθήκη padding και margins σε στοιχεία
  • Διαμόρφωση κειμένου χρησιμοποιώντας τις utility κλάσεις του Tailwind
  • Προσθήκη και διαμόρφωση περιγραμμάτων
  • Προσθήκη σκιών σε στοιχεία
  • Χρήση σημείων διακοπής (breakpoints) για την προσθήκη αποκρίσιμης συμπεριφοράς
  • Χρήση ψευδο‑επιλογέων
  • Οδηγίες layer και apply
  • Χρήση components για επαναχρησιμοποίηση κώδικα

Δημιουργία ενός καλύτερου περιβάλλοντος ανάπτυξης

  • Δημιουργία περιβάλλοντος με το Tailwind CLI
  • Οδηγίες και Συναρτήσεις

Σύνοψη και Επόμενα Βήματα

Απαιτήσεις

  • Βασική γνώση HTML και CSS

Κοινό

  • Προγραμματιστές
 7 Ώρες

Αριθμός συμμετέχοντων


Τιμή ανά συμμετέχοντα

Σχόλια (2)

Εφεξής Μαθήματα

Σχετικές Κατηγορίες