Διαφήμιση
Ο σχεδιασμός και η ανάπτυξη ιστοτόπων είναι η εργοστασιακή δουλειά του 21ου αιώνα: καλές αμοιβές και παροχές, αξιοπρεπείς ώρες εργασίας και προοπτική ανέλιξης. Θα σας δείξουμε ποιες βασικές δεξιότητες μπορείτε να αρχίσετε να μαθαίνετε τώρα για να ξεκινήσετε με ένα άλμα σε αυτό το συναρπαστικό πεδίο.
Το Διαδίκτυο είναι θεμελιώδες για τον τρόπο με τον οποίο εργαζόμαστε και παίζουμε σήμερα — είτε χρησιμοποιούμε ψηφιακές διεπαφές, περνάμε τις μέρες μας κωδικοποιώντας ή ψωνίζουμε στις 3 το πρωί στο κρεβάτι. Ορισμένες γνώσεις σχετικά με την ανάπτυξη ιστού γίνονται μια βασική δεξιότητα για τον σύγχρονο εργαζόμενο στη γνώση. Εκείνοι που κατανοούν πώς να δημιουργούν σε αυτόν τον κλάδο είναι αυτοί που θα είναι οι πιο ανταγωνιστικοί και ασφαλείς στον 21ο αιώνα.
Θα απαριθμήσουμε τα βασικά στοιχεία αυτού του τομέα και θα σας αφήσουμε να έχετε μια καλή βάση για να προχωρήσετε.
1. Γλώσσα σήμανσης υπερκειμένου, έκδοση 5 (HTML5)
Ένας προγραμματιστής ιστού χρησιμοποιεί HTML για να συντάξει ιστοσελίδες. Είναι ταυτόχρονα μια γλώσσα και ένα σύνολο τεχνολογιών που κάνουν τον σύγχρονο ιστό να λειτουργεί και είναι σε θέση να υποστηρίζει πλούσιο διαδραστικό και πολυμεσικό περιεχόμενο. Η νέα έκδοση, HTML5, παρέχει πολλές περισσότερες επιλογές και δυνατότητες από πριν.
Χρειάζεστε μια ισχυρή γνώση της HTML, επειδή είναι το θεμέλιο του περιεχομένου ιστού και η δεξιότητά σας στην HTML5 θα καθορίσει πόσο καλά μπορείτε να κυριαρχήσετε τις άλλες τεχνολογίες που λειτουργούν με αυτό. Ευτυχώς για εσάς, έχουμε ένα HTML5 primer έτοιμο για χρήση Ξεκινήστε με την HTML5Έχετε ακούσει για HTML5. Όλοι το χρησιμοποιούν. Ανακοινώνεται ως ο σωτήρας του Διαδικτύου, επιτρέποντας στους ανθρώπους να δημιουργούν πλούσιες, ελκυστικές ιστοσελίδες χωρίς να καταφεύγουν στη χρήση Flash και Shockwave. Διαβάστε περισσότερα .
2. Διαδοχικά φύλλα στυλ, Επίπεδο 3 (CSS3)
Το CSS χρησιμοποιείται από έναν προγραμματιστή ιστού για να παρέχει την οπτική εμφάνιση και αίσθηση του ιστότοπου στο πρόγραμμα περιήγησης. Το τρέχον πρακτικό πρότυπο είναι CSS Επίπεδο 3. Οι «ενότητες» που φέρουν το επίπεδο 3 που βρίσκονται σε σταθερή φάση ανάπτυξης αξίζει να τις μάθετε. Πολλές ενότητες σε «δοκιμές» βρίσκονται επίσης στη φύση. Ένα από τα πιο σημαντικά και πρόσφατα είναι flexbox. Ενώ η δημιουργία πολύπλοκων διατάξεων στο παρελθόν ήταν δύσκολη, το flexbox έθεσε ένα νέο πρότυπο που όλοι οι προγραμματιστές κινούνται να υιοθετήσουν.
Μπορείτε να δείτε πώς συνεργάζονται τα HTML5 και CSS3 ακολουθώντας μαζί με μερικά από αυτά τα σεμινάρια που εξετάσαμε το 2015 Μάθετε HTML και CSS με αυτά τα Βήμα προς Βήμα σεμινάριαΕίστε περίεργοι για τα HTML, CSS και JavaScript; Εάν πιστεύετε ότι έχετε ταλέντο στο να μαθαίνετε πώς να δημιουργείτε ιστότοπους από την αρχή -- εδώ είναι μερικοί σπουδαίοι οδηγοί βήμα προς βήμα που αξίζει να δοκιμάσετε. Διαβάστε περισσότερα .
3. JavaScript (JS)
Η JavaScript κάνει τις ιστοσελίδες διαδραστικές. Η HTML5 είναι υπεύθυνη για το τι περιέχει μια ιστοσελίδα, η CSS δημιουργεί την εμφάνιση και την αίσθηση της, αλλά μόνο η JavaScript λέει σε μια ιστοσελίδα πώς να συμπεριφέρεται. Χωρίς JavaScript, οι ιστοσελίδες θα ήταν στατικές και αμετάβλητες.
Η JavaScript είναι η τελευταία από τις τρεις τεχνολογίες που χρησιμοποιούν οι προγραμματιστές ιστού δημιουργήστε το "the front-end" (το τμήμα του ιστότοπου που βλέπετε και με το οποίο αλληλεπιδράτε) Δημιουργία διεπαφών Ιστού: Από πού να ξεκινήσετεΘα σας δείξουμε πώς καταρρέουν οι διεπαφές Ιστού και, στη συνέχεια, θα επισημάνουμε τις βασικές έννοιες, τα εργαλεία και τα δομικά στοιχεία που χρειάζονται για να γίνετε σχεδιαστής ιστοσελίδων του 21ου αιώνα. Διαβάστε περισσότερα .
Ασύγχρονη JavaScript και XML (Ajax)
Αυτή είναι λιγότερο μια ξεχωριστή τεχνολογία παρά ένας τρόπος χρήσης JavaScript για τη δημιουργία εφαρμογών Ιστού με βελτιωμένη αλληλεπίδραση. Ο Ajax πραγματοποιεί λήψη δεδομένων στο παρασκήνιο (ασύγχρονα) και επιτρέπει σε μια σελίδα να ενημερώνεται αυτόματα χωρίς να μπαίνει σε κύκλο ανανέωσης και αναμονής. Το Gmail, οι Χάρτες Google και τα Έγγραφα Google κάνουν μεγάλη χρήση αυτής της τεχνικής. Μπορείς μάθετε περισσότερα στο δίκτυο του Mozilla Developer.
4. Επεξεργαστής υπερκειμένου PHP
Η PHP είναι μια γλώσσα δέσμης ενεργειών από την πλευρά του διακομιστή που χρησιμοποιούν οι προγραμματιστές ιστού για τη δημιουργία δυναμικών σελίδων σε έναν διακομιστή — ο διακομιστής εκτελεί ένα πρόγραμμα και στη συνέχεια στέλνει την έξοδο στο πρόγραμμα περιήγησής σας. Η PHP θα δημιουργήσει την ιστοσελίδα εν μέρει από τα περιεχόμενα μιας βάσης δεδομένων (εικόνα παρακάτω).
Η PHP είναι μία από τις πολλές λύσεις διακομιστή για την ίδια χρήση. Άλλα σε αυτήν την κατηγορία περιλαμβάνουν: Ιάβα, Ruby on Rails, Asp.net, Πύθων, και Perl.
Ωστόσο, η PHP είναι θεμελιώδης για το σύστημα διαχείρισης περιεχομένου WordPress, το οποίο βρίσκεται πίσω από σχεδόν το ένα τρίτο των ιστοσελίδων στο διαδίκτυο. Είναι επίσης εντός του Drupal, του Facebook, Magento, και Χαλαρότητα.
Ενώ κάθε γλώσσα έχει τα πλεονεκτήματα και τα μειονεκτήματά της, δεν υπάρχει αμφιβολία ότι υπάρχουν πολλές εφαρμογές για αυτήν μόλις μάθετε PHP Μάθετε να δημιουργείτε με την PHP: A Crash CourseΗ PHP είναι η γλώσσα που χρησιμοποιούν το Facebook και η Wikipedia για να εξυπηρετούν δισεκατομμύρια αιτήματα καθημερινά. η de-facto γλώσσα που χρησιμοποιείται για τη διδασκαλία του προγραμματισμού ιστού στους ανθρώπους. Είναι πανέμορφα απλό, αλλά εξαιρετικά ισχυρό. Διαβάστε περισσότερα .
5. Γλώσσα δομημένων ερωτημάτων (SQL)
SQL είναι το όνομα για μια οικογένεια γλωσσών που συνομιλούν με μια βάση δεδομένων, η οποία αποθηκεύει το μεγαλύτερο μέρος των πληροφοριών που χρειάζονται για έναν ιστότοπο αυτές τις μέρες. MySQL είναι μια από τις δημοφιλείς παραλλαγές, τόσο επειδή είναι ανοιχτού κώδικα όσο και επειδή αποδίδει καλά σε μέσες συνθήκες.
Μπορείς εξασκηθείτε στη σύνταξη SQL στον υπολογιστή σας εάν έχετε εγκαταστήσει το MS Office Πώς να γράψετε ερωτήματα Microsoft Access SQL από την αρχήΗ Microsoft Access είναι ένα από τα λιγότερο χρησιμοποιούμενα προϊόντα στην οικογένεια του Office. Είναι όμως και το πιο δυνατό. Δείτε πώς μπορείτε να τα χρησιμοποιήσετε με τη γλώσσα ερωτημάτων SQL. Διαβάστε περισσότερα .
6. Συστήματα ελέγχου έκδοσης (VCS)
Ο έλεγχος έκδοσης είναι ένα σύνολο πρακτικών για τη δόμηση αλλαγών στον κώδικα. Ο έλεγχος έκδοσης επιλύει το πρόβλημα της αδυναμίας κατανόησης ποια αλλαγή σε μια βάση κώδικα δημιούργησε επιτυχία ή αποτυχία. Παρακολουθώντας τις αλλαγές στον κώδικα σε ένα διάγραμμα διακλάδωσης, Οι προγραμματιστές ιστοτόπων μπορούν να καταλάβουν πότε ο κώδικας χάλασε και για ποιους λόγους Τι είναι το Git και γιατί πρέπει να χρησιμοποιήσετε τον έλεγχο έκδοσης εάν είστε προγραμματιστήςΩς προγραμματιστές ιστού, πολλές φορές τείνουμε να εργαζόμαστε σε ιστότοπους τοπικής ανάπτυξης και, στη συνέχεια, απλώς ανεβάζουμε τα πάντα όταν τελειώσουμε. Αυτό είναι καλό όταν είστε μόνο εσείς και οι αλλαγές είναι μικρές,... Διαβάστε περισσότερα .
Git είναι το πιο ευρέως χρησιμοποιούμενο λογισμικό για έλεγχο έκδοσης. GitHub είναι ένα από τα πιο δημοφιλή μέρη στο διαδίκτυο όπου οι προγραμματιστές μπορούν να μιλήσουν και να συγκρίνουν σημειώσεις, γι' αυτό αξίζει τον κόπο καιρός να κατανοήσουμε αυτό το ζωτικής σημασίας εργαλείο και να γίνουμε μέρος μιας ευρύτερης κοινότητας κωδικοποιητών που ανταλλάσσουν ιδέες και κώδικας.
7. Agile Methodology
Η ευέλικτη μεθοδολογία είναι λιγότερο τεχνολογία παρά τεχνική ανάπτυξης. Βρίσκεται σε αντίθεση με αυτό που ήταν το πρότυπο: διαδοχική (ή «καταρράκτης») ανάπτυξη. Αυτή η παραδοσιακή μέθοδος ανάπτυξης ξεκινά από την αρχική φάση του σχεδιασμού, προχωρά στην ανάπτυξη, στη δοκιμή και, τέλος, στην απελευθέρωση και στη συνέχεια στη συντήρηση. Η ευέλικτη μεθοδολογία προορίζεται να αντιμετωπίσει την αντιληπτή στατική και άκαμπτη σειρά αυτών των βημάτων.
Με το Agile, η επανάληψη και η εξέλιξη έχουν μεγαλύτερη σημασία από τη διαδοχική πρόοδο. Ενώ ένας «καταρράκτης» μπορεί να πάει μόνο προς μία κατεύθυνση (κάτω), Το Agile είναι πιο κυκλικό. Η πιο ευρέως εφαρμοσμένη μέθοδος Agile είναι SCRUM, και αν ενδιαφέρεστε να εργαστείτε στην ανάπτυξη σύγχρονου λογισμικού, αναμένεται να έχετε τουλάχιστον μια παροδική εξοικείωση με αυτό το στυλ εργασίας.
συμπέρασμα
Ενώ υπάρχουν πολλές περισσότερες από οκτώ δεξιότητες προγραμματισμού που πρέπει να γνωρίζουν οι προγραμματιστές ιστότοπων, θα παραβλέπατε εάν δεν καταλάβατε τα βασικά για καθεμία από αυτές τις οκτώ.
Λοιπόν, τι περιμένεις; Έχετε αρχίσει ήδη να διδάσκετε τον εαυτό σας την ανάπτυξη Ιστού και έχετε μια διαφορετική προσέγγιση; Θέλουμε να σας ακούσουμε στα σχόλια παρακάτω!
Ο Rodrigo απολαμβάνει τεχνική γραφή, ανάπτυξη ιστού και εμπειρία χρήστη. Όταν δεν σκέφτεται υπερβολικά τη διαδικασία, δεν χτυπά το πληκτρολόγιο ή δεν πιέζει pixel, απολαμβάνει την υπέροχη κουλτούρα του εξωτερικού και του κυβερνοπάνκ.