Ευχαριστούμε που στάλθηκε η αποσαφήνισή σας! Ένα μέλος της ομάδου μας θα επικοινωνήσει μαζί σας σύντομα.
Ευχαριστούμε για την εκδήλωση κράτησης! Ένας από τους συνεργάτες μας θα επικοινωνήσει μαζί σας σύντομα.
Εξέλιξη Κομματιού
Εισαγωγή
- Επισκόπηση του 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)
Πρακτικές ασκήσεις, προσωπική καθοδήγηση και διευκρινίσεις ερωτήσεων.
Jose Paulos - INESC TEC
Κομμάτι - Tailwind CSS
Μηχανική Μετάφραση
Ο εκπαιδευτικός.
Jose Ferreira - INESC TEC
Κομμάτι - Tailwind CSS
Μηχανική Μετάφραση