Front-end εναντίον Back-End vs. 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 web development είναι αυτό που συμβαίνει πίσω από τις σκηνές. Το πίσω άκρο επιτρέπει την εμπειρία εμπρός.

Για να κάνετε τα πράγματα εύκολα, σκεφτείτε το μπροστινό μέρος ως μέρος του παγόβουνου πάνω από το νερό. Είναι αυτό που βλέπει ο χρήστης - ο κομψός χώρος. Το πίσω μέρος είναι το υπόλοιπο πάγο. δεν μπορεί να το δει ο τελικός χρήστης, αλλά είναι το πιο θεμελιώδες στοιχείο μιας διαδικτυακής εφαρμογής. Το back end τρέχει στο διακομιστή ή, όπως συχνά ονομάζεται "server side".

Σε αντίθεση με την ανάπτυξη front-end (η οποία χρησιμοποιεί κυρίως HTML, CSS και JavaScript), η back-end ανάπτυξη ιστού μπορεί να βασίζεται σε μια σειρά γλωσσών και πλαισίων.

Μερικές δημοφιλείς γλώσσες που χρησιμοποιούνται στο πίσω μέρος περιλαμβάνουν:

• Ρουμπίνι (συχνά χρησιμοποιείται σε συνδυασμό με το πλαίσιο Rails - AKA Ruby on Rails)
• Πύθων (που χρησιμοποιείται συχνά με το πλαίσιο Django στο πίσω μέρος)
• PHP (το δημοφιλές WordPress CMS χρησιμοποιεί την PHP στο back-end του - η PHP έχει μερικά δημοφιλή πλαίσια, το ένα είναι το Laravel)
• Node.js (όλο και πιο δημοφιλές - αυτό είναι ένα περιβάλλον back-end για εφαρμογές ιστού που έχουν δημιουργηθεί με JavaScript)

Ωστόσο, για να λειτουργούν μεγάλης κλίμακας ιστότοποι και εφαρμογές ιστού, είναι κάτι περισσότερο από μια γλώσσα και ένα πλαίσιο στο παρελθόν. Όλες οι πληροφορίες σε έναν ιστότοπο ή μια εφαρμογή πρέπει να αποθηκευτούν κάπου.

Αυτό είναι όπου οι βάσεις δεδομένων έρχονται in. Back-end προγραμματιστές χειρίζονται αυτά επίσης.

(Σημείωση: μπορείτε να δημιουργήσετε έναν ιστότοπο χωρίς βάση δεδομένων χρησιμοποιώντας μόνο HTML και CSS. Αυτός θα ήταν ένας στατικός ιστότοπος και θα ήταν πολύ λιγότερο ευέλικτος. Ωστόσο, ένας ιστότοπος που βασίζεται σε πληροφορίες που παράγονται δυναμικά - Facebook, Yelp, οποιοσδήποτε ιστότοπος ηλεκτρονικού εμπορίου - χρειάζεται μια βάση δεδομένων.)

Οι δημοφιλείς βάσεις δεδομένων περιλαμβάνουν:

• MySQL
• PostgreSQL
• MongoDB
• Και άλλοι

Τυπικά ορισμένες γλώσσες / πλαίσια back-end απαιτούν μια συγκεκριμένη βάση δεδομένων.Για παράδειγμα, το πλαίσιο πλήρους στοίβας MEAN απαιτεί MongoDB.

Πέρα από τη γνώση μιας γλώσσας / πλαισίου back-end και την εκτέλεση βάσεων δεδομένων, οι back-end προγραμματιστές πρέπει επίσης να έχουν μια κατανόηση της αρχιτεκτονικής των διακομιστών.

Η δημιουργία ενός διακομιστή επιτρέπει σωστά σε έναν ιστότοπο να τρέχει γρήγορα, να μην καταρρέει και να μην δίνει σφάλματα στους χρήστες. Αυτό πέφτει κάτω από τον τομέα του back-end προγραμματιστή επειδή τα περισσότερα σφάλματα εμφανίζονται στο πίσω μέρος και όχι στο μπροστινό μέρος.

Πλήρης στοίβα

Ναι, το μαντέψατε: Η πλήρης στοίβα είναι ο συνδυασμός τόσο του εμπρός όσο και του πίσω τμήματος.

Ένας προγραμματιστής πλήρους στοίβα είναι ένα jack-of-all-trades. Είναι υπεύθυνοι για όλα τα επίπεδα ανάπτυξης, από τον τρόπο με τον οποίο ο διακομιστής έχει εγκατασταθεί στο σχεδιαζόμενο CSS.

Αυτές τις μέρες, υπάρχει τόσο πολύ που πηγαίνει στην ανάπτυξη ιστού ότι είναι σχεδόν αδύνατο να χειριστεί και τις δύο πλευρές. Ενώ πολλοί άνθρωποι μπορούν να ισχυριστούν ότι είναι πλήρης στοίβα, ή στην πραγματικότητα, εξακολουθούν να επικεντρώνονται περισσότερο στη μία πλευρά: τον πελάτη ή τον διακομιστή. (AKA το εμπρόσθιο ή το πίσω μέρος).

Σε μικρότερες εταιρείες / νεοσύστατες επιχειρήσεις, ένα άτομο πιθανότατα θα είναι υπεύθυνο για όλες τις πλευρές του φάσματος ανάπτυξης ιστού. Ωστόσο, σε μεγαλύτερες εταιρείες, οι άνθρωποι εργάζονται σε ομάδες και έχουν εξειδικευμένους ρόλους - ο ένας εστιάζει αποκλειστικά στην αρχιτεκτονική εξυπηρετητών, έναν άλλο (ή λίγους) στο μπροστινό μέρος, κλπ.

συμπέρασμα

Η ανάπτυξη ιστού έχει πολλά πρόσωπα και εξελίσσεται καθημερινά. Υπάρχουν πολλά να μάθουν, αλλά δεν αισθάνονται πιεσμένοι να μάθουν τα πάντα με τη μία. Θυμηθείτε, σε περιβάλλοντα χώρου εργασίας, συνήθως θα είστε σε μια ομάδα με άλλους. Επικεντρωθείτε στην τελειοποίηση των δεξιοτήτων σας σε μια πτυχή της ανάπτυξης ιστοσελίδων τη φορά. Μην κατακλύζεστε, και θα είστε επαγγελματίας πριν το ξέρετε.