Χαρακτηριστικά του επαγγέλματος και βασικές αρμοδιότητες ενός web designer. Τι πρέπει να μπορεί να κάνει ένας σύγχρονος σχεδιαστής ιστοσελίδων

Πρώην μαθητές μπήκαν στο πανεπιστήμιο, όπου οι διαφωτιστές του πανεπιστημίου πίστευαν ότι ένας προγραμματιστής ιστού έπρεπε να ξέρει: πώς να ανοίγει έναν υπολογιστή, πώς να εκκινεί το Word και, για τους πιο προχωρημένους καθηγητές, πώς να κυριαρχεί σε έναν απλό επεξεργαστή ιστότοπου μαζί με έναν μαθητή.

Ο καιρός πέρασε, η δεκαετία του 2000 τελείωσε και τα πράγματα κινούνται προς τη δεκαετία του 20 του εικοστού αιώνα. Η ανθρωπότητα έχει προχωρήσει πολύ μπροστά και οι πρώτοι ιστότοποι, που ήταν περισσότερο μια σελίδα για τον εαυτό τους, εξελίχθηκαν σε εργαλείο διαφήμισης, πωλήσεων και έλξης. Έχουν εμφανιστεί κοινωνικά δίκτυα, όπως το Facebook, το VKontakte, το Odnoklassniki, που ανταγωνίζονται σοβαρά για την προσέλκυση πελατών με μηχανές αναζήτησης όπως το Google ή το Yandex, και όλα μαζί παλεύουν για επισκεψιμότητα με τις διαφημιστικές πλατφόρμες Avito και Yula.

Ένας προγραμματιστής ιστοσελίδων πρέπει να γνωρίζει ότι ένας σύγχρονος ιστότοπος είναι πρώτα από όλα ένα μέσο για την επίτευξη ενός συγκεκριμένου αποτελέσματος και για όλους τους επιτυχημένους ιστότοπους αυτό το αποτέλεσμα είναι εμπορικό. Ο πελάτης έρχεται στον προγραμματιστή όχι για έναν ιστότοπο ή μια διαδικτυακή εφαρμογή, αλλά για να λύσει τα προβλήματά του στον τομέα των πληροφοριών. Πιθανότατα, έχει ήδη εξαντλήσει τις δυνατότητες των κοινωνικών δικτύων, των διαφημιστικών πλατφορμών shareware και τελικά συνειδητοποίησε ότι η υπηρεσία ή το προϊόν του πρέπει να περιγράφεται όσο το δυνατόν λεπτομερέστερα και να διαφημίζεται με όλους τους δυνατούς τρόπους, από αποστολές SPAM, ταχυδρομικές αποστολές αγγελιοφόροι για διαφήμιση σε ερωτήματα αναζήτησης , ή ο πόρος ειδήσεων του θα πρέπει να προσεγγίζει όσο το δυνατόν περισσότερα άτομα.

Σήμερα, υπάρχουν και πιο συγκεκριμένα αιτήματα, για παράδειγμα από τη βιομηχανία τυχερών παιχνιδιών, το ηλεκτρονικό εμπόριο, τις τράπεζες, την ηλεκτρονική εκπαίδευση και πολλά άλλα. Κυριολεκτικά μπροστά στα μάτια μας, γεννιέται μια νέα μεγάλη βιομηχανία - το Διαδίκτυο των Πραγμάτων, όπου η ανάπτυξη ιστού είναι το κύριο συστατικό.

Τι πρέπει να γνωρίζουν οι διαφορετικοί τύποι προγραμματιστών ιστού

Οι προγραμματιστές ιστού χωρίζονται σε τρεις κατηγορίες:

• Προγραμματιστές Web Front End.
• Back End Developers Web;
• Προγραμματιστές FullStack (προγραμματιστές πλήρους κύκλου).

Front End Web Developer– ειδικός στην ανάπτυξη διεπαφής χρήστη και τη διάταξη προτύπων. Πρέπει να είναι καλά σε HTML, JavaScript και CSS. Σε τι χρησιμεύουν αυτές οι φαινομενικά τρομακτικές συντομογραφίες; - Αυτή είναι μια γλώσσα σήμανσης υπερκειμένου, είναι αυτή που ελέγχει όλα όσα εμφανίζει το πρόγραμμα περιήγησης στην οθόνη σας. Η JavaScript είναι η γλώσσα του ιστού που κάνει τα πράγματα να λειτουργούν, όπως η αυτόματη συμπλήρωση φορμών ή η απόκρυψη περιεχομένου σε εκδόσεις επιτραπέζιων υπολογιστών και κινητών σελίδων ιστοτόπων. CSS – Cascading Style Sheets, χρησιμοποιούνται για την προσαρμογή της εμφάνισης στοιχείων ιστοτόπου HTML. Επίσης, ένας προγραμματιστής Front End πρέπει να γνωρίζει το jQuery, ένα πλαίσιο JS και είναι καλό να γνωρίζει τα React JS, Angular 1 και 2, Bootsrap και Material.

Back End Developer Web– ειδικός στην ανάπτυξη της λογικής διακομιστή, με κατανόηση του πλαισίου στο οποίο θα εκτελεστεί. Ο προγραμματιστής πρέπει να γνωρίζει άπταιστα μια από τις γλώσσες προγραμματισμού της οικογένειας, Java, C, Python, Ruby και να έχει κατανόηση των άλλων στο επίπεδο που μπορώ, αλλά όχι όλες και όχι ταυτόχρονα.

Προγραμματιστής πλήρους κύκλου(γνωστός και ως προγραμματιστής FullStack) είναι ένας ειδικός που συνδυάζει και τις δύο προηγούμενες ενσαρκώσεις. Είναι σε θέση να δημιουργήσει μια διαδικτυακή εφαρμογή από την αρχή μέχρι το τέλος. Γνωρίζει δίκτυα, SQL και noSQL, γνωρίζει όλα τα πρότυπα ασφαλείας, έχει πρακτικές δεξιότητες στην εργασία με συστήματα ελέγχου εκδόσεων και πολλά άλλα.

Τι πρέπει να γνωρίζουν όλοι οι προγραμματιστές ιστού

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

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

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

Ένας προγραμματιστής ιστού πρέπει να γνωρίζει έναν τεράστιο όγκο πληροφοριών, να έχει πολλές πρακτικές δεξιότητες και να είναι κύριος της τέχνης του, γιατί σήμερα οι προγραμματιστές ιστού δημιουργούν μια νέα πραγματικότητα γύρω μας, είναι αυτοί που αλλάζουν ζωές προς το καλύτερο με τη δουλειά τους .

Ολοκληρώστε το δικό μας και ξεκινήστε να κερδίζετε χρήματα σε έναν ενδιαφέροντα και ακριβοπληρωμένο τομέα!

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

Αξίζει να ξεκινήσετε!

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

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

Η ανάπτυξη Ιστού προσελκύει ανθρώπους με δημιουργικό μυαλό. Υπάρχουν προγραμματιστές και καλλιτέχνες εδώ. Ένα προϊόν χρειάζεται έναν ποιοτικό πυρήνα - καθώς και μια ελκυστική εμφάνιση. Υπάρχει ακόμη ενεργός συζήτηση σχετικά με το τι είναι πιο σημαντικό για ένα προϊόν Ιστού: εμφάνιση ή απόδοση. Και αν κάποιοι (Telegram, Facebook) αποδεικνύουν ότι ακόμη και ένα απλό οπτικό μέρος γίνεται καλά αντιληπτό από τον χρήστη, τότε άλλοι (Instagram) δείχνουν ότι μερικές φορές ο χρήστης είναι πρόθυμος να πληρώσει ταχύτητα για μια όμορφα σχεδιασμένη εφαρμογή.

Πρέπει επίσης να γίνετε προγραμματιστής ιστού επειδή κάθε προσέγγιση έχει τη δική της εφαρμογή. Αυτός είναι ένας κόσμος συνεχούς ανάπτυξης και αναζήτησης. Όλα εδώ εστιάζονται στον πελάτη και τις ανάγκες του. Επιπλέον, έχοντας αποκτήσει εμπειρία στο περιβάλλον web, μπορείτε να ξεκινήσετε την ανάπτυξη λογισμικού: οι γλώσσες και τα εργαλεία έχουν γίνει κοινά για αυτούς τους τύπους ανάπτυξης.
Frontend ή backend;

Ακόμη και εκείνοι που αρχίζουν να μελετούν το πεδίο από το μηδέν γνωρίζουν ότι υπάρχουν αυτές οι δύο κύριες κατευθύνσεις στην ανάπτυξη. Λίγοι όμως γνωρίζουν τι σημαίνει το καθένα από αυτά. Και αν όλα είναι λίγο-πολύ ξεκάθαρα στο "μπροστινό μέρος", τότε το τμήμα διακομιστή, το backend, καλύπτεται στο σκοτάδι για ανδρείκελα. Χωρίς ενδελεχή κατανόηση καθενός από τους φορείς ανάπτυξης, είναι αδύνατο να προσδιορίσετε με ποιον από αυτούς θα είστε πιο άνετοι. Μια λεπτομερής ανασκόπηση μπορεί να διευκρινίσει για αρχάριους.

Έτσι μπορούμε γενικά να χαρακτηρίσουμε τι σημαίνει να δημιουργείς ένα προϊόν για το διαδίκτυο. Όχι, δεν επιμένουμε ότι ένας αρχάριος πρέπει να επιλέξει το πίσω μέρος, απλώς αυτή είναι μια πιο μυστηριώδης πλευρά.

Πράγματι, ο τρόπος με τον οποίο κατασκευάζονται τα περισσότερα στοιχεία στο οπτικό τους μέρος είναι γενικά σαφής σε όλους. Αλλά τι είδους μαγεία σας αναγκάζει να φορτώσετε λειτουργικά στοιχεία που χρειάζονται σε μια συγκεκριμένη στιγμή δεν είναι σαφές σε όλους. Αυτή η μαγεία στο δίκτυο ελέγχεται από την πλευρά του διακομιστή: πληροφορίες που επεξεργάζονται στον διακομιστή και όχι στο μηχάνημα του χρήστη.

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

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

Και αυτό είναι μόνο ένα παράδειγμα: είναι πιο κατανοητό για αρχάριους. Γενικά, η πλευρά του διακομιστή μπορεί να εκτελέσει απεριόριστο αριθμό λειτουργιών. Ο προγραμματιστής, δημιουργώντας ένα προϊόν από την αρχή, καθορίζει ποιες λειτουργίες θα εκτελεστούν από την ισχύ του διακομιστή και ποιες θα πέσουν στους ώμους του μηχανήματος χρήστη. Πολλά εξαρτώνται από την υπηρεσία που δημιουργεί ο webmaster.

Για παράδειγμα, η πιο δημοφιλής εφαρμογή carpooling BlaBlaCar εξαρτάται από το backend περισσότερο από όλες τις σελίδες επαγγελματικών καρτών μαζί. Μια τεράστια ομάδα προγραμματιστών αλληλεπιδρά με την πλευρά του διακομιστή, ενώ το μπροστινό μέρος του είναι κατανοητό, ακόμη και για ομοιώματα ιστού. Είναι απαραίτητο όχι μόνο να επισημοποιηθεί ολόκληρη η διαδικασία αίτησης-απόκρισης. Αλλά και να δημιουργήσετε εφαρμογές για φορητές και επιτραπέζιους υπολογιστές για κάθε πλατφόρμα.

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

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

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

Javascript και οι τροποποιήσεις του.

Ruby, το οποίο γέννησε ένα από τα πιο διάσημα πλαίσια - Ruby on Rails.

Στην πραγματικότητα, η γλώσσα που επιλέγετε να μάθετε δεν είναι τόσο σημαντική. Μετά από όλα, καθένα από αυτά είναι κατάλληλο για αλληλεπίδραση με τον διακομιστή. Εκτός από αυτά, θα είναι χρήσιμο να μάθετε τη γλώσσα ερωτήματος. Το πιο διάσημο και χρησιμοποιημένο είναι το SEQUEL ή SQL. Οι ομοιότητες μεταξύ αυτών των γλωσσών είναι έντονες. Έτσι, έχοντας μάθει το ένα, δεν θα είναι δύσκολο να προσαρμοστείς στις λειτουργίες με το άλλο.

Σύγχρονες τάσεις και προσεγγίσεις στην ανάπτυξη ιστοσελίδων

Μάθετε τον αλγόριθμο για γρήγορη ανάπτυξη από την αρχή στη δημιουργία ιστοσελίδων

Αυτή η γλώσσα είναι απαραίτητη για την επικοινωνία με βάσεις δεδομένων - έτσι μπορείτε να φτιάξετε γρήγορα μια εφαρμογή που χρησιμοποιεί μεγάλες ποσότητες δεδομένων. Τα πιο δημοφιλή συστήματα διαχείρισης βάσεων δεδομένων είναι τα MySQL, MSSQL, MariaDB και άλλα. Είναι δύσκολο να πούμε ποιο είναι καλύτερο, αλλά η MySQL έχει κερδίσει τη μεγαλύτερη δημοτικότητα. Η ικανότητα αλληλεπίδρασης με βάσεις δεδομένων είναι απαραίτητη για έναν προγραμματιστή διαδικτυακών εφαρμογών. Δεν είναι δύσκολο να κατακτήσεις τα βασικά σημεία, αλλά για να γίνεις ικανός, χρειάζεσαι εμπειρία στην επίλυση συγκεκριμένων προβλημάτων.

Όχι μόνο από το σχεδιασμό

...μπορεί να περιγραφεί ως frontend, παρά το γεγονός ότι έτσι αντιλαμβάνονται οι αρχάριοι την πλευρά του πελάτη. Σε κάποιο βαθμό, έχουν δίκιο, επειδή το μεγαλύτερο μέρος της δουλειάς ενός προγραμματιστή front-end είναι η διεπαφή που είναι ορατή στον χρήστη. Ωστόσο, είναι υπεύθυνος όχι μόνο για το σχεδιασμό, αλλά και για τη διαδραστική εμπειρία χρήστη.

Σχεδιάστε - μην κωδικοποιείτε

Το μπροστινό μέρος έχει δύο βασικούς φορείς ανάπτυξης: σχεδιαστές και σχεδιαστές διάταξης. Αν σας αρέσει η δημιουργικότητα και οι διατάξεις, τότε αρχίστε να μαθαίνετε τα βασικά του σχεδιασμού ιστοσελίδων. Πρώτα απ 'όλα, εγκαταστήστε ένα πρόγραμμα επεξεργασίας γραφικών όπως το Adobe Photoshop. Υπάρχει πολύ εκπαιδευτικό υλικό σε αυτόν τον τομέα, και είναι υψηλής ποιότητας. Η μερίδα του λέοντος απευθύνεται ειδικά στα ομοιώματα.

Αμέσως μετά την εγκατάσταση του PS, η λειτουργικότητα και η διεπαφή θα σας φαίνονται μη φιλικές και τα εργαλεία θα είναι δύσχρηστα. Πράγματι, η εργασία με το πρόγραμμα απαιτεί ορισμένες δεξιότητες. Αλλά, πρώτον, δεν είναι τόσο δύσκολο όσο φαίνεται, και δεύτερον, το πλήρες δυναμικό των δυνατοτήτων του Photoshop δεν σας χρησιμεύει. Υπάρχουν μαθήματα στο YouTube που ειδικεύονται σε μακέτες προϊόντων ιστού. Επιλέξτε τα για προπόνηση!

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

Αν μιλάμε για τη γλώσσα προγραμματισμού, τότε για τον προγραμματιστή front-end είναι η Javascript. Και θα ήταν υπέροχο αν δεν υπήρχε ο αγώνας ενάντια στον χρόνο που αναφέραμε παραπάνω. Χάρη σε αυτό, ένας σύγχρονος προγραμματιστής ιστού πρέπει να εργαστεί με δύο πρότυπα ταυτόχρονα: το πέμπτο και το έκτο ECMAScript. Τα νέα προϊόντα γράφονται στον τόμο 6, αλλά ορισμένα προϊόντα εξακολουθούν να χρησιμοποιούν τον τόμο 5. Θα πρέπει να αντιμετωπίσετε το καθένα.

Πριν από μερικά χρόνια, μια σημαντική δεξιότητα ήταν η ικανότητα σύνταξης κώδικα μεταξύ προγραμμάτων περιήγησης. Εν ολίγοις, αυτό σημαίνει τη σύνταξη ενός προγράμματος Javascript που θα λειτουργεί καλά σε μεγάλα προγράμματα περιήγησης. Προηγουμένως, οι κατασκευαστές λογισμικού για περιήγηση στο διαδίκτυο ανταγωνίζονταν για να δουν ποιανού τεχνολογία θα γινόταν γενικά αποδεκτή. Σήμερα, όμως, σχεδόν όλα τα προγράμματα περιήγησης είναι τυποποιημένα και οι διαφορές τους συγκεντρώνονται στη διεπαφή χρήστη. Μέχρι πρόσφατα, η συμβατότητα μεταξύ προγραμμάτων περιήγησης σήμαινε ότι ο κώδικας Javascript θα ήταν κατάλληλος για σύγχρονα προγράμματα περιήγησης και τον Internet Explorer. Αλλά η κοινωνία αναγνώρισε το IE ως μη εφαρμόσιμο και εγκατέλειψε τη χρήση του λίγο λιγότερο από εντελώς.

Πρόσφατα, έχουν τεθεί απαιτήσεις υψηλότερης παραγγελίας σε προγραμματιστές front-end. Αν νωρίτερα, ένας τέτοιος προγραμματιστής έμοιαζε περισσότερο με σχεδιαστή διάταξης που έχει εκπαιδευτεί στις περιπλοκές των JS από την πλευρά του πελάτη και «βιδώνει» σενάρια από τη βιβλιοθήκη, τώρα είναι ένα άτομο με ένα εκτεταμένο σύνολο δεξιοτήτων. Η σύγχρονη αγορά θέλει να δει έναν προγραμματιστή front-end κάτι σαν αυτό:

Γνωρίζει HTML/CSS με τις προδιαγραφές του.

χρησιμοποιεί προεπεξεργαστές για βελτιστοποίηση.

αισθάνεται σίγουρος με τη JavaScript.

λειτουργεί με πλαίσια js όπως το Angular και το React.

Δημιουργεί σχέδιο χρησιμοποιώντας τη μεθοδολογία BEM.

κατανοεί το δημοφιλές CMS (έτσι ώστε αργότερα η λειτουργικότητα να είναι κατανοητή ακόμα και για ανδρείκελα).

κατανοεί τα βασικά του backend και δεν φοβάται να μπει σε αυτό εάν είναι απαραίτητο.

λειτουργεί με συστήματα ελέγχου έκδοσης όπως το Git.

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

Ή μήπως σε μια πλήρη στοίβα;

Σε οποιονδήποτε τομέα, είτε είστε γιατρός, μηχανικός, μαθηματικός ή προγραμματιστής ιστού, πρέπει να προσπαθήσετε να κατακτήσετε ένα πλήρες σύνολο δεξιοτήτων. Και το γεγονός ότι οι προγραμματιστές front-end σήμερα καλούνται να γνωρίζουν τα βασικά του backend είναι ένα φυσικό φαινόμενο.

Φαίνεται όμως ότι σε μια εποχή τέτοιας ανάπτυξης που βιώνουμε τώρα, δεν θα είναι δυνατό να κατακτήσουμε αμέσως όλες τις δεξιότητες στην ανάπτυξη ιστού από την αρχή. Το γεγονός είναι ότι ενώ κατακτάς ένα πράγμα, κάτι νέο θα εφευρεθεί και ο χρόνος που δαπανήθηκε θα μπορούσε να είχε δαπανηθεί για το «γυάλισμα» και το πρακτικό μέρος. Οι μεγάλες εταιρείες κατανοούν ότι είναι πιο εύκολο να προσλάβεις δύο ειδικούς παρά να ελπίζεις ότι κάποιος μπορεί να καλύψει δύο πεδία μάχης ταυτόχρονα.

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

Αν όμως μόλις ξεκινάτε την προπόνησή σας, κινηθείτε και προς τις δύο κατευθύνσεις. Αυτό δεν σημαίνει ότι θα γίνετε σίγουρα full stack. Αλλά με αυτόν τον τρόπο μπορείτε να μάθετε ποιος φορέας ανάπτυξης σας αρέσει και σε ποιον απλά θα πλοηγηθείτε.

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

Και τέλος, ο κύριος κανόνας: ποτέ μην σταματήσετε να βελτιώνεστε, ανεξάρτητα από την πλευρά της ανάπτυξης που θα επιλέξετε.

Σύγχρονες τάσεις και προσεγγίσεις στην ανάπτυξη ιστοσελίδων

Μάθετε τον αλγόριθμο για γρήγορη ανάπτυξη από την αρχή στη δημιουργία ιστοσελίδων

Η επιθυμία να γίνεις προγραμματιστής Ιστού δεν προκύπτει από το πουθενά. Πολλοί εξελιγμένοι χρήστες του Διαδικτύου γνωρίζουν ή υποψιάζονται ότι κυκλοφορούν πολλά χρήματα στο Διαδίκτυο. Αν κοιτάξετε τη λίστα του Forbes με τους είκοσι πλουσιότερους ανθρώπους στον κόσμο για το 2015, μπορείτε να δείτε ότι υπάρχουν έως και πέντε εκπρόσωποι της βιομηχανίας πληροφορικής: Bill Gates (79,2 δισεκατομμύρια δολάρια), Larry Ellison (54,3 δισεκατομμύρια δολάρια), Mark Zuckerberg (33,4 δισεκατομμύρια δολάρια), ο Λάρι Πέιτζ (29,7 δισεκατομμύρια δολάρια) και ο Σεργκέι Μπριν (29,2 δισεκατομμύρια δολάρια). Όλοι αυτοί οι άνθρωποι έχουν άμεση σχέση με τον προγραμματισμό. Μπορούμε να βγάλουμε ένα απλό συμπέρασμα - αν ξέρετε πώς να προγραμματίζετε, μπορείτε να κερδίσετε καλά χρήματα. Φυσικά, πρέπει να είσαι επαγγελματίας στον τομέα σου.

Από πού να ξεκινήσω;

Οι προγραμματιστές Ιστού, μαζί με άλλους ειδικούς (προγραμματιστές διάταξης, σχεδιαστές κ.λπ.), συμμετέχουν σε εργασίες για έργα ιστού ή, πιο απλά, σε ιστότοπους. Για το λόγο αυτό, είναι απαραίτητη η εκμάθηση HTML και CSS.

• HTML - (από τα αγγλικά HyperText Markup Language) γλώσσα σήμανσης υπερκειμένου. Ας σημειώσουμε αμέσως ότι η HTML δεν είναι γλώσσα προγραμματισμού. Μπορείτε να κατεβάσετε το μάθημα βίντεο για HTML στην ενότητα
• CSS - (από τα Αγγλικά Cascading Style Sheets) cascading style sheets. Η CSS είναι μια επίσημη γλώσσα για την περιγραφή της εμφάνισης ενός εγγράφου γραμμένου με χρήση γλώσσας σήμανσης, π.χ. HTML. Μπορείτε επίσης να κατεβάσετε ένα μάθημα βίντεο για το CSS στην ενότητα

Μέχρι να μάθετε HTML και CSS, τουλάχιστον σε βασικό επίπεδο, μην ξεκινήσετε να μαθαίνετε γλώσσες προγραμματισμού. Το HTML και το CSS είναι απαραίτητα για την εκμάθηση ανεξάρτητα από τη γλώσσα προγραμματισμού Ιστού που χρησιμοποιείτε στο μέλλον.

Ποια γλώσσα να σπουδάσω;

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

1. Πελάτης - εκτελείται στο πρόγραμμα περιήγησης του χρήστη (Google Chrome, Opera, Firefox κ.λπ.).
2. Διακομιστής - εκτελείται από την πλευρά του διακομιστή, π.χ. συνήθως στον απομακρυσμένο υπολογιστή στον οποίο βρίσκεται η τοποθεσία.

Παρόμοια με την κατανομή των γλωσσών προγραμματισμού Ιστού, οι προγραμματιστές ιστού μπορούν να χωριστούν σε δύο ομάδες:

1. Front-end προγραμματιστές?
2. Προγραμματιστές back-end.

Προγραμματιστής front-endασχολείται με «πράγματα» που βλέπει ένας επισκέπτης του ιστότοπου, όπως αναπτυσσόμενα μενού, αναδυόμενα παράθυρα κ.λπ. Εάν σκοπεύετε να γίνετε προγραμματιστής ιστού από την πλευρά του πελάτη, τότε εκτός από HTML και CSS, πρέπει να μάθετε τη γλώσσα προγραμματισμού ιστού JavaScript. Ο κώδικας γραμμένος σε JavaScript μπορεί να εκτελεστεί σε οποιοδήποτε πρόγραμμα περιήγησης που είναι εγκατεστημένο σε οποιαδήποτε συσκευή. Αυτό επιτυγχάνεται από το γεγονός ότι όλα τα σύγχρονα προγράμματα περιήγησης περιλαμβάνουν διερμηνέα JavaScript. Θεωρητικά, δεν υπάρχει ιδιαίτερη ανάγκη για έναν προγραμματιστή front-end να μάθει γλώσσες προγραμματισμού από την πλευρά του διακομιστή, αλλά οι επαγγελματίες τις γνωρίζουν. Αυτό είναι απαραίτητο για την κατανόηση της αλληλεπίδρασης μεταξύ των τμημάτων του πελάτη και του διακομιστή, η οποία μπορεί να είναι κρίσιμη όταν εργάζεστε σε σοβαρά έργα web.

Back-end προγραμματιστήςασχολείται με τον προγραμματισμό του τμήματος του διακομιστή, χωρίς το οποίο είναι αδύνατο να υπάρξει ένας δυναμικός ιστότοπος, για παράδειγμα ένας ιστότοπος που λειτουργεί με τη μηχανή WordPress ή Joomla. Οι επισκέπτες του ιστότοπου, κατά κανόνα, δεν γνωρίζουν καν την ύπαρξή του. Είναι ο προγραμματιστής back-end που είναι υπεύθυνος για τη διασφάλιση ότι ο χρήστης μπορεί να εγγραφεί στον ιστότοπο και ότι τα δεδομένα του αποθηκεύονται στη βάση δεδομένων. Ένας προγραμματιστής back-end πρέπει να είναι ικανός σε τουλάχιστον μία γλώσσα προγραμματισμού από την πλευρά του διακομιστή, όπως η PHP.

Εάν είστε λάτρης της δωρεάν μηχανής WordPress και σκοπεύετε να δημιουργήσετε ιστότοπους και πρόσθετα μόνο σε αυτήν, τότε θα πρέπει να μάθετε και JavaScript και PHP. Δεν μπορείτε να κάνετε χωρίς γνώση της MySQL, ενός συστήματος διαχείρισης βάσεων δεδομένων. Είναι στη MySQL που αποθηκεύονται οι «πιο πολύτιμες» πληροφορίες, όπως κείμενα άρθρων, ρυθμίσεις κινητήρα, σχόλια χρηστών κ.λπ.

Βιβλία για προγραμματισμό ιστού για ανδρείκελα

Αφού εξετάσαμε τα προϊόντα του καταστήματος OZON, επιλέξαμε αρκετά βιβλία για JavaScript, PHP και MySQL που θα είναι κατανοητά στους αρχάριους προγραμματιστές ιστού. Τα βιβλία είναι γραμμένα από διάσημους συγγραφείς όπως οι: Chris Minnick, Eve Holland, Eric Freeman, Elizabeth Robson, Nikhil Abraham, Brett McLaughlin.

Αναπτυξιακό περιβάλλον

WebStorm— περιβάλλον ανάπτυξης για JavaScript, CSS και HTML (ανάπτυξη front-end). Αυτή η επιλογή είναι κατάλληλη για όσους αποφάσισαν να μην ασχοληθούν προς το παρόν με την εκμάθηση γλωσσών προγραμματισμού από την πλευρά του διακομιστή, αλλά θέλουν να δοκιμάσουν να αναπτύξουν μόνο το τμήμα πελάτη του ιστότοπου.

PhpStorm— σας επιτρέπει να σκοτώσετε δύο πουλιά με μια πέτρα, καθώς σας επιτρέπει να προγραμματίζετε τόσο σε PHP όσο και σε JavaScript. Το PhpStorm περιλαμβάνει όλες τις δυνατότητες του WebStorm και περιέχει εργαλεία για εργασία με βάσεις δεδομένων. Το PhpStorm είναι μια ιδανική επιλογή για όσους έχουν αποφασίσει να ασχοληθούν σοβαρά με την ανάπτυξη ιστού.

Σπουδαίος!Τα προϊόντα JetBrains είναι cross-platform, δηλ. μπορεί να εγκατασταθεί σε υπολογιστές με διάφορα λειτουργικά συστήματα (Windows, Mac OS X, Linux).

Διεπαφή PhpStorm IDE

συμπέρασμα

Συνοψίζοντας όλα όσα αναφέρθηκαν παραπάνω, σημειώνουμε ένα σημαντικό πράγμα - για να γίνετε καλός προγραμματιστής, πρέπει να προγραμματίσετε πολύ. Εξάσκηση, εξάσκηση και περισσότερη εξάσκηση!

Εάν ενδιαφέρεστε για άρθρα σχετικά με τον προγραμματισμό, αφήστε σχόλια και προτείνετε τα θέματά σας.