Σκηνές βίντεο 2025, Ιανουάριος

04: Γιατί SVG; Μικρό. - CSS-Κόλπα

04: Γιατί SVG; Μικρό. - CSS-Κόλπα

Το μέγεθος ενός αρχείου SVG εξαρτάται από το πόσο περίπλοκο είναι και όχι από το πόσο μεγάλο είναι. Θυμηθείτε ότι οι SVG δεν ενδιαφέρονται πραγματικά σε ποιο μέγεθος αποδίδονται, είναι "

08: Χρήση SVG: iframe / object / embed - CSS-Κόλπα

08: Χρήση SVG: iframe / object / embed - CSS-Κόλπα

Συγχώρεσέ με αν είμαι λίγο κάτω από αυτές τις μεθόδους. Δεν έχω συναντήσει ποτέ μια θήκη χρήσης όπου είναι σίγουρα ο τρόπος να πάει. Υπήρχε μια στιγμή που ήταν το "

03: Γιατί SVG; Εύκαμπτος. - CSS-Κόλπα

03: Γιατί SVG; Εύκαμπτος. - CSS-Κόλπα

Μόλις μάθαμε ότι τα SVG φαίνονται ορατά οπτικά. Τα SVG είναι επίσης ευέλικτα. Αυτό δεν είναι πραγματικά μοναδικό για στοιχεία στον Ιστό, αλλά αυτό που είναι μοναδικό είναι ότι "

06: Χρήση του SVG - SVG ως εικόνα φόντου - CSS-Κόλπα

06: Χρήση του SVG - SVG ως εικόνα φόντου - CSS-Κόλπα

Οι εικόνες SVG μπορούν επίσης να χρησιμοποιηθούν ως εικόνα φόντου και σε CSS, όπως PNG, JPG.webp ή GIF. .element (background-image: url (/images/image.svg);) Όλα τα ίδια "

# 29: Προετοιμασία της παραγωγής - CSS-Κόλπα

# 29: Προετοιμασία της παραγωγής - CSS-Κόλπα

Θα το επαναφέρουμε σε έναν κανονικό επεξεργαστή κειμένου σε αυτό το σενάριο, ακριβώς όπως ξεκινήσαμε. Σε μια κατάσταση "πραγματικού κόσμου", αυτά τα πράγματα είναι αλήθεια: Εσείς "

07: Χρήση SVG - Inline SVG - CSS-Κόλπα

07: Χρήση SVG - Inline SVG - CSS-Κόλπα

Ίσως ο καλύτερος τρόπος να χρησιμοποιήσετε το SVG είναι το "Inline SVG" - δηλαδή, τοποθετώντας τον κώδικα SVG απευθείας στο HTML σας. Λειτουργεί υπέροχα! Δείτε το στυλό gpcDi του Chris Coyier "

02: Γιατί SVG; Οξύτητα. - CSS-Κόλπα

02: Γιατί SVG; Οξύτητα. - CSS-Κόλπα

Θα ήθελα να τονίσω καθώς ξεκινάμε σε αυτό το μάθημα γιατί το SVG είναι τόσο επιτακτικό στη χρήση. Ίσως ο πιο επιτακτικός λόγος για τους σχεδιαστές: φαίνονται "

# 30: Αναδίπλωση σειράς - CSS-Κόλπα

# 30: Αναδίπλωση σειράς - CSS-Κόλπα

Τα κατάφερες! Ευχαριστώ πολύ που παρακολουθήσατε το μάθημα. Ελπίζω να έχετε μάθει αρκετά για το jQuery και το JavaScript ότι το επίπεδο εμπιστοσύνης σας σε αυτό έχει αυξηθεί και "

# 28: Δημιουργία πιο σύνθετου πρόσθετου - CSS-Κόλπα

# 28: Δημιουργία πιο σύνθετου πρόσθετου - CSS-Κόλπα

Τώρα που κατανοούμε τα βασικά της ανάπτυξης προσθηκών, μπορούμε να σκάψουμε λίγο πιο βαθιά. Επειδή τελικά μια προσθήκη είναι μια λειτουργία, μας παρέχει το πεδίο εφαρμογής "

# 27: Δημιουργία ενός απλού πρόσθετου jQuery - CSS-Κόλπα

# 27: Δημιουργία ενός απλού πρόσθετου jQuery - CSS-Κόλπα

Τώρα που εξετάσαμε τη χρήση προσθηκών jQuery, αξίζει να κατανοήσουμε πώς να τα δημιουργήσουμε επίσης. Έχουμε ήδη αγγίξει εν συντομία το γεγονός ότι "

# 26: Χρήση προσθήκης jQuery από το Wild - CSS-Κόλπα

# 26: Χρήση προσθήκης jQuery από το Wild - CSS-Κόλπα

Όλοι έχουν δει μια εξαιρετικά δροσερή προσθήκη jQuery εκεί έξω στο άγριο, άγριο internet, σωστά; Ίσως σας ενδιαφέρει μόνο να μάθετε περισσότερα "

# 25: Οργάνωση! - CSS-Κόλπα

# 25: Οργάνωση! - CSS-Κόλπα

Έχουμε κάνει μια πολύ καλή δουλειά μέχρι τώρα να οργανωθούμε. Η διάσπαση του HTML σε ένα πρότυπο ήταν ένα μεγάλο βήμα. Πιο βάζουμε τα νερά για να "

# 24: Πρότυπο με υπογράμμιση - CSS-Κόλπα

# 24: Πρότυπο με υπογράμμιση - CSS-Κόλπα

Στο τελευταίο βίντεο καλύψαμε templating με τιμόνι. Αλλά το Handlebars δεν είναι η μόνη λύση templating στο μπλοκ. Σε αυτό το βίντεο θα χρησιμοποιήσουμε το "

# 23: Πρότυπο με τιμόνι - CSS-Κόλπα

# 23: Πρότυπο με τιμόνι - CSS-Κόλπα

Σταματήσαμε στο τελευταίο βίντεο με λίγο μπερδεμένο χάος. Όλα σε ένα μπλοκ της JavaScript συνδυάζαμε την ανάκτηση δεδομένων, την οθόνη και τη λογική των επιχειρήσεων και "

# 21: Απλά αλλάξτε μαθήματα! - CSS-Κόλπα

# 21: Απλά αλλάξτε μαθήματα! - CSS-Κόλπα

Εάν μάθετε κάποιο σημαντικό κομμάτι φιλοσοφίας αρχιτεκτονικής front end από αυτήν τη σειρά, μάθετε αυτό. Απλά αλλάξτε τάξεις. Σε αυτό το screencast αρχίζουμε να πηγαίνουμε "

# 22: Η ανάγκη για τυποποίηση - CSS-Κόλπα

# 22: Η ανάγκη για τυποποίηση - CSS-Κόλπα

Το Templating είναι ένα σημαντικό μέρος της εργασίας με εφαρμογές JavaScript. Είναι αρκετά κοινό ότι τα δεδομένα είναι διαθέσιμα σε εσάς, αλλά όχι σε μορφή που είναι "

# 19: Είναι απλώς JavaScript - CSS-Κόλπα

# 19: Είναι απλώς JavaScript - CSS-Κόλπα

Ένα πράγμα που θέλω να καταστήσω απολύτως σαφές σε αυτήν τη σειρά είναι ότι κανένας από εμάς δεν πρέπει να είναι JavaScript κατά της βανίλιας. "Βανίλια" που σημαίνει "ωμή" ή "μητρική" "

# 17: ΑΝΑΚΟΙΝΩΣΗ με Ajax - CSS-Κόλπα

# 17: ΑΝΑΚΟΙΝΩΣΗ με Ajax - CSS-Κόλπα

Μιλήσαμε για το GET στο τελευταίο βίντεο, αλλά δεν δώσαμε αρκετή προσοχή στο POST. Έτσι νόμιζα ότι θα το κάναμε εδώ. Η μεγάλη διαφορά με το POST είναι ότι "

# 15: Αλυσίδα - CSS-Κόλπα

# 15: Αλυσίδα - CSS-Κόλπα

Έχουμε μιλήσει αρκετές φορές τώρα για μικρές πινελιές στο jQuery API που είναι πραγματικά πολύ ωραίο. Όλα θεωρούνται καλά και εκλεπτυσμένα. Αλυσίδα "

# 18: Ajax και JSON - CSS-Κόλπα

# 18: Ajax και JSON - CSS-Κόλπα

Υπάρχει μια καλή πιθανότητα ότι στον «πραγματικό κόσμο», το # 1 πράγμα για το οποίο χρησιμοποιείτε το Ajax είναι η αποστολή και λήψη δεδομένων JSON. Και για καλό λόγο. Ο JSON δεν "

# 16: Εισαγωγή στο Ajax - CSS-Κόλπα

# 16: Εισαγωγή στο Ajax - CSS-Κόλπα

Η Ajax κατατάσσεται αρκετά ψηλά στους μεγαλύτερους λόγους για τη χρήση του jQuery. Το jQuery όχι μόνο διορθώνει τα προβλήματα μεταξύ των προγραμμάτων περιήγησης, αλλά κάνει τη σύνταξη πολύ εύκολη. "

# 20: Δεδομένα! δεδομένα-*! .δεδομένα()! .attr (δεδομένα- *)! - CSS-Κόλπα

# 20: Δεδομένα! δεδομένα-*! .δεδομένα()! .attr (δεδομένα- *)! - CSS-Κόλπα

Δεδομένα. Στον κόσμο του jQuery, όλα αφορούν κομμάτια πληροφοριών που συνδέονται απευθείας με στοιχεία (και όχι, για παράδειγμα, μια μεταβλητή με ευθύνη μόνο στο "

# 14: Προσαρμοσμένα συμβάντα - CSS-Κόλπα

# 14: Προσαρμοσμένα συμβάντα - CSS-Κόλπα

Επειδή μόλις μιλήσαμε για συμβάντα, τώρα είναι η κατάλληλη στιγμή για να αναφέρουμε προσαρμοσμένα συμβάντα. Όλα τα γεγονότα για τα οποία έχουμε μιλήσει μέχρι στιγμής είναι "πραγματικά" γεγονότα για να "

# 13: Εισαγωγή σε εκδηλώσεις - CSS-Κόλπα

# 13: Εισαγωγή σε εκδηλώσεις - CSS-Κόλπα

Ο χειρισμός εκδηλώσεων είναι ένας άλλος από αυτούς τους μεγάλους λόγους για τη χρήση του jQuery. Υπάρχουν κάποιες διαφορές μεταξύ των προγραμμάτων περιήγησης στο πώς να το κάνετε, το οποίο το jQuery ομαλοποιείται σε ένα "

# 11: Κινούμενη εικόνα με jQuery - CSS-Κόλπα

# 11: Κινούμενη εικόνα με jQuery - CSS-Κόλπα

Εάν ξεκινήσατε πρώτα με το jQuery πριν από πολλά χρόνια, ίσως ήταν η ικανότητά σας να κάνετε κινούμενα σχέδια. Αυτή ήταν ίσως μια από τις πρώτες μεγάλες κληρώσεις του jQuery. Αυτά τα"

# 12: Λειτουργίες επιστροφής κλήσης - CSS-Κόλπα

# 12: Λειτουργίες επιστροφής κλήσης - CSS-Κόλπα

Το αγαπημένο του καθενός: concept video time! Οι επιστροφές κλήσης είναι μια σημαντική ιδέα στο JavaScript. Είναι συναρτήσεις που καλούνται όταν μια ενέργεια έχει "

# 09: Λήψεις και ρυθμιστές - CSS-Κόλπα

# 09: Λήψεις και ρυθμιστές - CSS-Κόλπα

Η έννοια του getter και setter στο JavaScript είναι μόνο ένα από αυτά τα πράγματα που πρέπει να καταλάβετε. Είναι καλοί στο jQuery επειδή το API είναι τόσο "

# 10: Εκφραστικός έναντι έμμεσης επανάληψης - CSS-Κόλπα

# 10: Εκφραστικός έναντι έμμεσης επανάληψης - CSS-Κόλπα

Ένα άλλο πρωτότυπο βίντεο! Αυτό είναι "μόνο ένα από αυτά" που πρέπει να καταλάβετε στο jQuery. Είναι στην πραγματικότητα λίγο μοναδικό για το jQuery, σε αυτό το άλλο δημοφιλές "

# 07: Κάνε! - CSS-Κόλπα

# 07: Κάνε! - CSS-Κόλπα

Όπως έχουμε μιλήσει, το jQuery μπορεί να θεωρηθεί ως βιβλιοθήκη "select and do". Έχουμε μιλήσει για την επιλογή αρκετά, οπότε τώρα ας μιλήσουμε για μερικά "