Front-End vs. Back-End vs. Full-Stack Web Development
Περιεχόμενο
Η ανάπτυξη Ιστού δεν είναι μόνο ένα πράγμα. Περιλαμβάνει πολλαπλές δεξιότητες, και υπάρχουν διαφορετικά είδη σταδιοδρομίας στον χώρο ανάπτυξης διαδικτύου. Τρεις όροι που χρησιμοποιούνται συχνά είναι "front end", "back end" και "full stack". Εδώ είναι οι βασικές διαφορές μεταξύ των τριών.
Ανάπτυξη ιστού διεπαφής
Η ανάπτυξη front-end, ενώ τα στοιχεία της αλλάζουν πάντα, ασχολείται ουσιαστικά με τα εξωτερικά τμήματα μιας ιστοσελίδας ή μιας εφαρμογής ιστού. Στον πυρήνα της, η ανάπτυξη front-end περιλαμβάνει HTML, CSS και JavaScript:
- HTML: Το HyperText Markup Language, ή HTML, είναι το βασικό δομικό στοιχείο όλων των ιστότοπων στο Διαδίκτυο. Χωρίς αυτό, οι ιστοσελίδες δεν μπορούν να υπάρχουν.
- CSS: Το CSS προσθέτει στυλ σε HTML. Μου αρέσει να χρησιμοποιώ την αναλογία ότι το HTML μοιάζει με πρόσωπο και το CSS μοιάζει με το μακιγιάζ.
- JavaScript: Το JavaScript, ή το JS, εξελίσσεται τα τελευταία χρόνια. Σε σχέση με την ανάπτυξη front-end, το JS είναι σημαντικό επειδή συμβάλλει στη δημιουργία διαδραστικών ιστοσελίδων.
Η διεπαφή συνδέεται με τις αρχές της διάταξης και του σχεδιασμού, αλλά οι προγραμματιστές front-end δεν είναι απαραίτητα σχεδιαστές. Βασικά, οι προγραμματιστές front-end κατασκευάζουν την εξωτερική εμφάνιση - τις σελίδες του ιστότοπου που βλέπουν οι χρήστες. Αυτό σημαίνει ότι ο προγραμματιστής front-end πρέπει να λαμβάνει υπόψη την αναγνωσιμότητα και τη χρηστικότητα του ιστότοπου ή / και της εφαρμογής. Επιπλέον, η διεπαφή εκτελείται στον πελάτη - που σημαίνει τον τοπικό υπολογιστή του χρήστη - στις περισσότερες περιπτώσεις, το πρόγραμμα περιήγησης ιστού. Και οι πληροφορίες δεν αποθηκεύονται από την πλευρά του πελάτη.
Ανάπτυξη Ιστού Back-End
Το back-end web development είναι αυτό που συμβαίνει πίσω από τα παρασκήνια. Το πίσω μέρος επιτρέπει την εμπειρία front-end.
Για να κάνετε τα πράγματα εύκολα, σκεφτείτε το μπροστινό μέρος ως μέρος του παγόβουνου πάνω από το νερό. Είναι αυτό που βλέπει ο χρήστης - ο κομψός ιστότοπος. Το πίσω άκρο είναι ο υπόλοιπος πάγος. Δεν είναι ορατό από τον τελικό χρήστη, αλλά είναι το πιο θεμελιώδες στοιχείο μιας διαδικτυακής εφαρμογής. Το πίσω μέρος εκτελείται στον διακομιστή ή, όπως λέγεται συχνά, "διακομιστή".
Σε αντίθεση με την ανάπτυξη front-end (η οποία χρησιμοποιεί κυρίως HTML, CSS και JavaScript), η ανάπτυξη ιστού back-end μπορεί να βασίζεται σε μια σειρά γλωσσών και πλαισίων.
Μερικές δημοφιλείς γλώσσες που χρησιμοποιούνται στο πίσω μέρος περιλαμβάνουν:
- Ρουμπίνι (χρησιμοποιείται συχνά σε συνδυασμό με το πλαίσιο Rails - AKA Ruby on Rails)
- Πύθων (το οποίο χρησιμοποιείται συχνά με το πλαίσιο Django στο πίσω μέρος)
- PHP (το δημοφιλές WordPress CMS χρησιμοποιεί PHP στο πίσω μέρος του - η PHP έχει μερικά δημοφιλή πλαίσια, το ένα είναι το Laravel)
- Node.js (όλο και πιο δημοφιλές - αυτό είναι ένα περιβάλλον υποστήριξης για εφαρμογές ιστού που έχουν δημιουργηθεί με JavaScript)
Προκειμένου να λειτουργούν μεγάλης κλίμακας ιστότοποι και εφαρμογές ιστού, είναι κάτι περισσότερο από μια γλώσσα και ένα πλαίσιο υποστήριξης. Όλες οι πληροφορίες σε έναν ιστότοπο ή μια εφαρμογή πρέπει να αποθηκευτούν κάπου.
Εδώ μπαίνουν οι βάσεις δεδομένων. Οι προγραμματιστές back-end τα χειρίζονται επίσης.
Οι δημοφιλείς βάσεις δεδομένων περιλαμβάνουν:
- MySQL
- PostgreSQL
- MongoDB
- Και άλλοι
Συνήθως ορισμένες γλώσσες / πλαίσια back-end απαιτούν μια συγκεκριμένη βάση δεδομένων. Για παράδειγμα, το πλαίσιο πλήρους στοίβας MEAN απαιτεί MongoDB.
Πέρα από τη γνώση μιας γλώσσας / πλαισίου back-end και την εκτέλεση βάσεων δεδομένων, οι προγραμματιστές back-end πρέπει επίσης να έχουν κατανόηση της αρχιτεκτονικής του διακομιστή.
Η σωστή ρύθμιση ενός διακομιστή επιτρέπει σε έναν ιστότοπο να τρέχει γρήγορα, να μην παρουσιάζει σφάλματα και να μην δίνει σφάλματα στους χρήστες. Αυτό εμπίπτει στον τομέα του προγραμματιστή back-end, επειδή τα περισσότερα σφάλματα εμφανίζονται στο πίσω μέρος και όχι στη διεπαφή.
Πλήρης στοίβα
Η πλήρης στοίβα είναι ο συνδυασμός τόσο του εμπρός όσο και του πίσω άκρου. Ένας προγραμματιστής πλήρους στοίβας είναι ένα jack-of-all-trade. Είναι υπεύθυνοι για όλα τα επίπεδα ανάπτυξης, από τον τρόπο με τον οποίο ο διακομιστής έχει ρυθμιστεί έως το CSS που σχετίζεται με το σχεδιασμό.
Αυτές τις μέρες, υπάρχει τόσο μεγάλο μέρος στην ανάπτυξη ιστού που είναι σχεδόν αδύνατο να χειριστείτε και τις δύο πλευρές. Παρόλο που πολλά άτομα μπορούν να ισχυριστούν ότι είναι πλήρη στοίβα, ή στην πραγματικότητα είναι, συνήθως επικεντρώνονται περισσότερο στη μία πλευρά: στον πελάτη ή στον διακομιστή.
Σε μικρότερες εταιρείες / νεοσύστατες επιχειρήσεις, ένα άτομο θα είναι πιο πιθανό να είναι υπεύθυνο για όλες τις πλευρές του φάσματος ανάπτυξης ιστού. Ωστόσο, σε μεγαλύτερες εταιρείες, οι άνθρωποι εργάζονται σε ομάδες και έχουν εξειδικευμένους ρόλους - το ένα επικεντρώνεται αποκλειστικά στην αρχιτεκτονική του διακομιστή, ένα άλλο (ή μερικά άτομα) στο μπροστινό μέρος κ.λπ.
συμπέρασμα
Η ανάπτυξη ιστού έχει πολλά πρόσωπα και εξελίσσεται περισσότερο κάθε μέρα. Υπάρχουν πολλά να μάθουν, αλλά μην αισθάνεστε πιεσμένοι να μάθετε τα πάντα ταυτόχρονα. Θυμηθείτε, σε περιβάλλοντα εργασίας, συνήθως θα βρίσκεστε σε μια ομάδα με άλλους. Επικεντρωθείτε στην ενίσχυση των δεξιοτήτων σας σε μία πτυχή της ανάπτυξης ιστού κάθε φορά. Μην κατακλύζεστε και θα είστε επαγγελματίας πριν το γνωρίζετε.
