Μέχρι τώρα, έχουμε κάνει αλλαγές κώδικα σε τοπικό επίπεδο χωρίς να χρησιμοποιήσουμε κανένα είδος ελέγχου έκδοσης. Με την πολυπλοκότητα αυτού του ιστότοπου να αυξάνεται, αυτό γίνεται όλο και περισσότερο ανεύθυνο. Τι άλλαξε και πότε; Γιατί άλλαξε; Πώς μπορούμε να δούμε τι ήταν πριν σε περίπτωση που προκαλεί προβλήματα για τα οποία ανακαλύπτουμε μόνο αργότερα;
Υπάρχουν τόσοι πολλοί καλοί λόγοι για να χρησιμοποιήσετε τον έλεγχο έκδοσης που είναι σχεδόν εκτός του πεδίου εφαρμογής αυτής της σειράς, αλλά αρκεί να πούμε ότι θα το χρησιμοποιήσουμε. Επιλύει όλες τις ερωτήσεις που περιέγραψα παραπάνω.
Στην περίπτωσή μας, χρησιμοποιώ ήδη έλεγχο έκδοσης σε CSS-Tricks. Χρησιμοποιώ το Git και φιλοξενώ το αποθετήριο στο Beanstalk. Η Beanstalk φροντίζει να αναπτύξει τον ιστότοπο μέσω FTP. Η εγκατάσταση είναι πολύ απλή. Για τα CSS-Tricks δεν έχω καν διακομιστή σταδιοποίησης, απλώς πιέζω τα πάντα στην παραγωγή.
Χρησιμοποιώ το Mac app Tower για να συνεργαστώ με το Git. Αν θέλετε μια πλήρη οθόνη για το πώς να τα ρυθμίσετε όλα από το μηδέν, το έχω διαθέσιμο εδώ.
Κάνουμε μια μικρή αλλαγή και μπορείτε να δείτε την αλλαγή να εμφανίζεται στον Πύργο ως "dif" (όπου μπορείτε να δείτε ποια γραμμή άλλαξε και πώς). Τελικά παίρνουμε τον στατικό μας σχεδιασμό στον οποίο εργαζόμαστε μέχρι τώρα και τον κάνουμε υποφάκελο στο πραγματικό αναπτυγμένο CSS-Tricks.com - και μετά κοιτάξτε το. Ναι, λειτουργεί! Λοιπόν, ως επί το πλείστον, Τώρα που ο σχεδιασμός βρίσκεται σε έναν υποφάκελο, ορισμένοι από τους συνδέσμους είναι σπασμένοι, αλλά αυτό δεν είναι μεγάλη υπόθεση.
Πρέπει να σημειώσω ότι δεν επιστρέφω αρκετά συχνά για να δείξω στον εαυτό μου δεσμεύσεις αρχείων στο Git σε μελλοντικά βίντεο. Απλώς φανταστείτε ότι στο τέλος κάθε βίντεο ανεβάζω στον Πύργο, επιλέγω σχετικές ομάδες αρχείων και τα δεσμεύω με ένα υπέροχο περιγραφικό μήνυμα δέσμευσης (που είναι αυτό που πραγματικά έκανα).
