Front-end εναντίον Back-End vs. Full-Stack Ανάπτυξη Ιστού

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

Ανάπτυξη Ιστού Front-End

Η ανάπτυξη του μπροστινού τμήματος, ενώ τα συστατικά του αλλάζουν πάντοτε, ασχολείται ουσιαστικά με τα εξωτερικά τμήματα μιας ιστοσελίδας ή μιας διαδικτυακής εφαρμογής. Στον πυρήνα της, η ανάπτυξη του front-end περιλαμβάνει HTML, CSS και JavaScript:

• HTML: Η γλώσσα σήμανσης HyperText, ή η HTML, είναι το βασικό δομικό στοιχείο όλων των ιστότοπων στο Διαδίκτυο. Χωρίς αυτό, οι ιστοσελίδες δεν μπορούν να υπάρχουν.
• CSS: Το CSS προσθέτει στυλ στο HTML. Μου αρέσει να χρησιμοποιώ την αναλογία ότι η HTML είναι σαν ένα πρόσωπο και το CSS είναι σαν το μακιγιάζ.
• JavaScript: Η JavaScript, ή η JS, έχει εξελιχθεί τα τελευταία χρόνια. Σε σχέση με την ανάπτυξη του front-end, το JS είναι σημαντικό επειδή βοηθάει στην δημιουργία διαδραστικών ιστοσελίδων.

Το μπροστινό μέρος συνδέεται με τις αρχές σχεδιασμού και σχεδίασης, αλλά οι προγραμματιστές του 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 προγραμματιστές χειρίζονται αυτά επίσης.

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

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

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

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

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

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

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

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

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

συμπέρασμα

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