Με τώρα, έχουμε παρακολουθεί όλα τα λεπτά που πρέπει να γνωρίζετε για να ξεκινάτε να χρησιμοποιήσετε κομπονίτες στις εργασίες σας. Πριν κάνετε αυτό, είναι καλύτερα να κάνετε κάποια πρακτηρία ώστε να κατασκευάσετε ό,τι μάθατε στη μηχανή σας, διότι η καλύτερη πραγματική πραγματική πραγματική είναι να γράψετε κομμάτια. Όταν λειτουργείτε σε μια εργασία, συνήθως έχετε ένα τεμπλίτ ή χρησιμοποιήσετε ένα κομμάτι CSS όπως Bootstrap, Bulma ή Semantic UI. Β είναι ένα από τα πιο συχνά χρήματα να χρησιμοποιήσουμε.
Για τις εξερσάσεις, θα χρησιμοποιήσω ο Semantic UI που έρχεται με πολλές ειδικές του UI. Αν θέλετε να χρησιμοποιήσετε ένα άλλο framework CSS που είστε περισσότεροι με, κάντε αυτό. Ένα τρόπο του Semantic είναι ότι χρειάζεται JQuery σε το JavaScript Library. Ακόμα θα χρησιμοποιήσουμε το CSS τους, οπότε δεν χρειάζεται τίποτα άλλο.
Το element που θα χρησιμοποιήσουμε σε αυτό το εξερσάσιο είναι το card. Το σκοπό είναι να δημιουργήσουμε ένα κομπόνο που δημιουργεί ένας ανθρώπιος GitHub προφίλ, όπως αυτό. Αυτό θα είναι το user's avatar. Αυτό είναι το όνομα.
Εδώ μπορούμε να χρησιμοποιήσουμε το μέρος του user, εδώ το βιό, και τελικά μπορούμε να δημιουργήσουμε το νόμο των followers που έχει το user. Μπορούμε επίσης να δημιουργήσουμε τα σχέδια για να στείλουμε στην εφαρμογή του user και την εφαρμογή του followers. Μπορείτε να κοπείτε το markup, αν κλικείτε αυτό το μικρό εικονό εδώ. Δεν ξεχνάτε να συμμετείτε το semantic UI στην εφαρμογή σας.
Προσπαθώ να παρακολουθήσετε να παρακολουθήσετε το μόνο του CSS από ένα CDN. Το σημαντικό για αυτό το εξαιρετικό είναι να δημιουργήσουμε ένα κομπονέτο, όπως η GitHub UserCard, που παρακολουθεί το username του χρηματοποίησης, όπως αυτό. Τώρα, όπως πιστεύετε, το κομπονέτο χρειάζεται να δημιουργήσει ένα Ajax call στο API του GitHub, ώστε να αντιμετωπίζει τα χρήματα του χρηματοποίησης. Μπορείτε να το κάνετε χρησιμοποιώντας το method FEDS ή το Library του Axios, σε ένα κομπονέτος LifecycleHook.
com slash users slash the username. js, Semantic UI και Axios. Θα βρειτε ένα λιγό στην περιγραφή του βίντεο. Εντάξει, είναι η ώρα για εσάς να παρακολουθείτε το βίντεο, να κάνετε το εξαιρετικό και να έρθετε να δείτε την λύση όταν είστε έτοιμοι.
Αν προσπαθείτε να το λειτουργήσετε, δεν προσπαθείτε και δεν επιτρέψτε εύκολα. Μπορεί να χτυπήσει λίγο, αν αυτή είναι η πρώτη φορά που γράφετε ένα κομπονέτο ή αν ξεκινήσετε. Αν αυτό είναι το περίπτωμα, σας ερωτήσω να προσπαθείτε όσο δύσκολο μπορείτε να το λειτουργήσετε και το επόμενο εξάσταση, ώστε να μπορείτε να καταλαβαίνετε πραγματικά τα σχέδια. Αν έχετε κάποια ερώτηση, μπορείτε να αφήσετε ένα σχέδιο ή να καταλαβαίνετε στο στρατιωτικό εργασία μας.
Εντάξει, συνεχίστε! Σε ευχαριστώ! Ας δούμε πώς μπορούμε να εμπλεμαστεί το GitHub User Card κομπονέτο. Θέλω και κάνω σίγουρα ότι έχω όλα που χρειάζοντας πριν αντιμετωπίωσα το τεχνικό.
Για να ξεκινήσω, θα εγγραφώ το τεχνικό και θα δώσω ένα προπ, χρηματιστικό, που χρειαζόμαστε για να γνωρίζουμε κανένα χρηματιστικό. Το χρηματιστικό πρέπει να είναι τύπος στρινκ και χρειάζοντας. Η λειτουργία αυτής της χρηματιστικής είναι να κάνουμε ένα πρόβλημα στο GitHub για να δημιουργήσουμε τα χρηματιστικά για να τα δημιουργήσουμε. Έτσι, ας δώσουμε την δεδοκτή δημιουργία για να χρη Θα κάνουμε το AjaxCall όταν το κομπονέτος είναι δημιουργήσει και πριν είναι αντιμετωπίσει στο δοκιματιό.
Για αυτή τη στιγμή, χρησιμοποιούμε το CreatedHook. Εδώ θα χρησιμοποιήσουμε το AxiosGetMethod για να χρησιμοποιήσουμε τον χρησιμοποιημένο από GitHub χρησιμοποιώντας το παρελθόν χρησιμοποιημένο. Μετά, θα εφαρμόζω την ανάπτυξη της δημιουργίας στη δημιουργία της χρησιμοποιημένης. Υπάρχει καλό.
Επειδή χρησιμοποιούμε το κομπονέτο στο HTML, αν ανοίξουμε DevTools, μπορούμε να ε και εφαρμόζω ότι ο χρησιμοποιητής είναι εδώ. Εντάξει, αυτό είναι ωραίο. Ας φτιάξουμε το τεμπλέτι τώρα. Θα δημιουργήσω το τεμπλέτι και χρησιμοποιήσω την ιδέα του για να το ασφαλίσουμε στον κομπονέτο μας.
Ας χτυπήσουμε το HTML εδώ. Εδώ έχουμε αξίστηση στο χρησιμοποιητής. Έτσι, θα αλλαγώ τις βασικές βασικές αξίσεις με το τι έχουμε από την API. Αν θέλετε να δείτε τη δημιουργή δευτερικής δευτερικής δευτερικής δευτερικής δευτερικής Και το κάνει!
Υπάρχει ωραίο, αλλά χάσαμε το Avatar. Ας το καταστρέψουμε. url. Για τα σχέδια, μπορούμε να τα αφήσουμε σχετικά στο τεμπλετ ή να δημιουργήσουμε προχωρές συγκεκριμένες.
Θα τα βάζω στο τεμπλετ. Ωραίο, ας δούμε αν δουλεύουν. Αυτό είναι το προφίλ μου και οι υπόλοιπες μου. Ωραίο!
Καλό! Η συμπεριφορά μας είναι έτοιμη. Μπορούμε να δημιουργήσουμε τόσο πολλές GitHub κάρδες όπως θέλουμε. Ας δώσουμε ένα για το Acrium.
Αυτή είναι μια καλή φωτοσυκλέτα. Αν θέλεις να δημιουργήσεις τα δύο κάρδια στην ίδια λεπτά, μπορείς να τα καταστρέψεις σε ένα div με ένα κλασσό UI και κάρδια. Αυτό είναι σχετικό με το semantic UI, οπότε δεν πρέπει να το θεωρείς. Αν θέλουμε να δημιουργήσουμε πολλές GitHub κάρδια, μπορούμε να δημιουργήσουμε ένα σχέδιο στα διάρκεια μας και να δημιουργήσουμε ένα κάρδιο για κάθε element.
Και τώρα ας χρησιμοποιήσουμε V4 στον κομπονέτο μας για να περάσουμε την δυναμική του χρησιμοκρατία. Καλή Με τώρα, έχουμε παρακολουθεί όλα τα λεπτά που πρέπει να γνωρίζετε για να ξεκινάτε να χρησιμοποιήσετε κομπονίτες στις εργασίες σας. Πριν κάνετε αυτό, είναι καλύτερα να κάνετε κάποια πρακτηρία ώστε να κατασκευάσετε ό,τι μάθατε στη μηχανή σας, διότι η καλύτερη πραγματική πραγματική πραγματική είναι να γράψετε κομμάτια. Όταν λειτουργείτε σε μια εργασία, συνήθως έχετε ένα τεμπλίτ ή χρησιμοποιήσετε ένα κομμάτι CSS όπως Bootstrap, Bulma ή Semantic UI.
Β είναι ένα από τα πιο συχνά χρήματα να χρησιμοποιήσουμε. Για τις εξερσάσεις, θα χρησιμοποιήσω ο Semantic UI που έρχεται με πολλές ειδικές του UI. Αν θέλετε να χρησιμοποιήσετε ένα άλλο framework CSS που είστε περισσότεροι με, κάντε αυτό. Ένα τρόπο του Semantic είναι ότι χρειάζεται JQuery σε το JavaScript Library.
Ακόμα θα χρησιμοποιήσουμε το CSS τους, οπότε δεν χρειάζεται τίποτα άλλο. Το element που θα χρησιμοποιήσουμε σε αυτό το εξερσάσιο είναι το card. Το σκοπό είναι να δημιουργήσουμε ένα κομπόνο που δημιουργεί ένας ανθρώπιος GitHub προφίλ, όπως αυτό. Αυτό θα είναι το user's avatar.
Αυτό είναι το όνομα. Εδώ μπορούμε να χρησιμοποιήσουμε το μέρος του user, εδώ το βιό, και τελικά μπορούμε να δημιουργήσουμε το νόμο των followers που έχει το user. Μπορούμε επίσης να δημιουργήσουμε τα σχέδια για να στείλουμε στην εφαρμογή του user και την εφαρμογή του followers. Μπορείτε να κοπείτε το markup, αν κλικείτε αυτό το μικρό εικονό εδώ.
Δεν ξεχνάτε να συμμετείτε το semantic UI στην εφαρμογή σας. Προσπαθώ να παρακολουθήσετε να παρακολουθήσετε το μόνο του CSS από ένα CDN. Το σημαντικό για αυτό το εξαιρετικό είναι να δημιουργήσουμε ένα κομπονέτο, όπως η GitHub UserCard, που παρακολουθεί το username του χρηματοποίησης, όπως αυτό. Τώρα, όπως πιστεύετε, το κομπονέτο χρειάζεται να δημιουργήσει ένα Ajax call στο API του GitHub, ώστε να αντιμετωπίζει τα χρήματα του χρηματοποίησης.
Μπορείτε να το κάνετε χρησιμοποιώντας το method FEDS ή το Library του Axios, σε ένα κομπονέτος LifecycleHook. com slash users slash the username. js, Semantic UI και Axios. Θα βρειτε ένα λιγό στην περιγραφή του βίντεο.
Εντάξει, είναι η ώρα για εσάς να παρακολουθείτε το βίντεο, να κάνετε το εξαιρετικό και να έρθετε να δείτε την λύση όταν είστε έτοιμοι. Αν προσπαθείτε να το λειτουργήσετε, δεν προσπαθείτε και δεν επιτρέψτε εύκολα. Μπορεί να χτυπήσει λίγο, αν αυτή είναι η πρώτη φορά που γράφετε ένα κομπονέτο ή αν ξεκινήσετε. Αν αυτό είναι το περίπτωμα, σας ερωτήσω να προσπαθείτε όσο δύσκολο μπορείτε να το λειτουργήσετε και το επόμενο εξάσταση, ώστε να μπορείτε να καταλαβαίνετε πραγματικά τα σχέδια.
Αν έχετε κάποια ερώτηση, μπορείτε να αφήσετε ένα σχέδιο ή να καταλαβαίνετε στο στρατιωτικό εργασία μας. Εντάξει, συνεχίστε! Σε ευχαριστώ! Ας δούμε πώς μπορούμε να εμπλεμαστεί το GitHub User Card κομπονέτο.
Θέλω και κάνω σίγουρα ότι έχω όλα που χρειάζοντας πριν αντιμετωπίωσα το τεχνικό. Για να ξεκινήσω, θα εγγραφώ το τεχνικό και θα δώσω ένα προπ, χρηματιστικό, που χρειαζόμαστε για να γνωρίζουμε κανένα χρηματιστικό. Το χρηματιστικό πρέπει να είναι τύπος στρινκ και χρειάζοντας. Η λειτουργία αυτής της χρηματιστικής είναι να κάνουμε ένα πρόβλημα στο GitHub για να δημιουργήσουμε τα χρηματιστικά για να τα δημιουργήσουμε.
Έτσι, ας δώσουμε την δεδοκτή δημιουργία για να χρη Θα κάνουμε το AjaxCall όταν το κομπονέτος είναι δημιουργήσει και πριν είναι αντιμετωπίσει στο δοκιματιό. Για αυτή τη στιγμή, χρησιμοποιούμε το CreatedHook. Εδώ θα χρησιμοποιήσουμε το AxiosGetMethod για να χρησιμοποιήσουμε τον χρησιμοποιημένο από GitHub χρησιμοποιώντας το παρελθόν χρησιμοποιημένο. Μετά, θα εφαρμόζω την ανάπτυξη της δημιουργίας στη δημιουργία της χρησιμοποιημένης.
Υπάρχει καλό. Επειδή χρησιμοποιούμε το κομπονέτο στο HTML, αν ανοίξουμε DevTools, μπορούμε να ε και εφαρμόζω ότι ο χρησιμοποιητής είναι εδώ. Εντάξει, αυτό είναι ωραίο. Ας φτιάξουμε το τεμπλέτι τώρα.
Θα δημιουργήσω το τεμπλέτι και χρησιμοποιήσω την ιδέα του για να το ασφαλίσουμε στον κομπονέτο μας. Ας χτυπήσουμε το HTML εδώ. Εδώ έχουμε αξίστηση στο χρησιμοποιητής. Έτσι, θα αλλαγώ τις βασικές βασικές αξίσεις με το τι έχουμε από την API.
Αν θέλετε να δείτε τη δημιουργή δευτερικής δευτερικής δευτερικής δευτερικής δευτερικής Και το κάνει! Υπάρχει ωραίο, αλλά χάσαμε το Avatar. Ας το καταστρέψουμε. url.
Για τα σχέδια, μπορούμε να τα αφήσουμε σχετικά στο τεμπλετ ή να δημιουργήσουμε προχωρές συγκεκριμένες. Θα τα βάζω στο τεμπλετ. Ωραίο, ας δούμε αν δουλεύουν. Αυτό είναι το προφίλ μου και οι υπόλοιπες μου.
Ωραίο! Καλό! Η συμπεριφορά μας είναι έτοιμη. Μπορούμε να δημιουργήσουμε τόσο πολλές GitHub κάρδες όπως θέλουμε.
Ας δώσουμε ένα για το Acrium. Αυτή είναι μια καλή φωτοσυκλέτα. Αν θέλεις να δημιουργήσεις τα δύο κάρδια στην ίδια λεπτά, μπορείς να τα καταστρέψεις σε ένα div με ένα κλασσό UI και κάρδια. Αυτό είναι σχετικό με το semantic UI, οπότε δεν πρέπει να το θεωρείς.
Αν θέλουμε να δημιουργήσουμε πολλές GitHub κάρδια, μπορούμε να δημιουργήσουμε ένα σχέδιο στα διάρκεια μας και να δημιουργήσουμε ένα κάρδιο για κάθε element. Και τώρα ας χρησιμοποιήσουμε V4 στον κομπονέτο μας για να περάσουμε την δυναμική του χρησιμοκρατία. Καλή