Ωστόσο, υπάρχουν μερικές δεξιότητες που θα απαιτήσουν οποιαδήποτε εργασία ανάπτυξης στο μπροστινό μέρος - τις "βασικές" δεξιότητες - και μερικές άλλες που θα πρέπει να εξετάσετε σοβαρά προσθέτοντας το ρεπερτόριό σας.
Τι πρέπει να ξέρετε
Περιηγηθείτε σε απευθείας σύνδεση σε αναζήτηση εργασίας για να μάθετε τι είναι το κλειδί για να γνωρίζουν και να κατανοούν οι προγραμματιστές του front-end. υπάρχουν τρία βασικά πράγματα.
Μη διαπραγματεύσιμο.
Και είναι:
- HTML
- CSS
- JavaScript (jQuery)
Αυτά είναι τα βασικά στοιχεία. Ευτυχώς, υπάρχουν πολλές ελεύθερες ή οικονομικά προσιτές ηλεκτρονικές πλατφόρμες εκμάθησης όπου μπορείτε να μάθετε αυτές τις δεξιότητες εάν δεν τις γνωρίζετε ήδη.
HTML
Η γλώσσα σήμανσης HyperText ή η HTML είναι το βασικό δομικό στοιχείο όλων των ιστότοπων στο Διαδίκτυο. Όπως λέει η Jennifer Kyrnin,
"Είναι η γλώσσα των ιστοσελίδων-η γλώσσα σήμανσης που διαβάζουν τα προγράμματα περιήγησης για την απόδοση ιστοσελίδων."
Οι ιστοσελίδες δεν μπορούν να υπάρχουν χωρίς HTML.
CSS
Το CSS και το HTML συνεργάζονται: το CSS προσθέτει στυλ στο HTML. Μου αρέσει να χρησιμοποιώ την αναλογία ότι η HTML είναι σαν ένα πρόσωπο, και το CSS είναι σαν το μακιγιάζ.
Παρόλο που το CSS δεν είναι απαραίτητο για να αποκτήσετε έναν ιστότοπο σε απευθείας σύνδεση, βασικά κάθε δικτυακός τόπος χρησιμοποιεί ένα είδος στυλ.
Διαφορετικά, θα ήταν αρκετά βαρετό. Με τις πιο πρόσφατες εκδόσεις του CSS, μπορείτε να κάνετε πράγματα όπως κινούμενα σχέδια και πιο προηγμένο στυλ που ήταν δυνατή μόνο με το JavaScript ή το Flash στο παρελθόν.
JavaScript
Το JavaScript, ή η JS, έχει προχωρήσει γρήγορα τα τελευταία χρόνια. Έχει πολλούς σκοπούς σήμερα και μπορεί να χρησιμοποιηθεί στο μπροστινό ή στο πίσω μέρος.
Σε σχέση με την ανάπτυξη του front-end, το JS είναι σημαντικό επειδή βοηθάει να γίνουν διαδραστικές οι ιστοσελίδες. Μπορείτε να κάνετε awesome πράγματα όπως να δημιουργήσετε δημοσκοπήσεις, κουίζ ή υποβολές φόρμας.
Σήμερα υπάρχουν πολλές ηλεκτρονικές βιβλιοθήκες JS για να σας βοηθήσουν να μεταφέρετε τις ιστοσελίδες σας στο επόμενο επίπεδο.
Ωστόσο, για να γίνετε πρωτοπόρος προγραμματιστής, πρέπει απλά να καταλάβετε το βασικό JavaScript καθώς και τη δημοφιλέστερη βιβλιοθήκη JS - jQuery.
Ωραία-να-έχει
Μετά από να πάρει τα βασικά, αυτά είναι άλλες δεξιότητες που είναι ωραίο να έχουμε. (Και πολλές θέσεις εργασίας για την ανάπτυξη στο μπροστινό μέρος τους αναζητούν.)
MV * πλαίσια JavaScript
Τα πλαίσια του JavaScript σας βοηθούν να οργανώσετε και να συμπυκνώσετε τον κώδικα σας.
Όσον αφορά τις επιλογές MV * (ή MVC), υπάρχουν τριάντα εκεί έξω: δύο από τα πιο δημοφιλή είναι backbone.js και angular.js.
Χωρίς αμφιβολία, η εκμάθηση ενός πλαισίου JS είναι το πιο δύσκολο κομμάτι να γίνετε ένας πραγματικός προγραμματιστής, αλλά είναι ο καλύτερος τρόπος να μεταφέρετε τις δεξιότητές σας στο επόμενο επίπεδο.
Εργαλεία CSS
Σε σύγκριση με τα παραπάνω πλαίσια JavaScript, τα εργαλεία CSS που ακολουθούν είναι σχετικά εύκολο να μάθουν. Υπάρχουν τρία είδη που πρέπει να αναζητήσετε:
Προκατασκευαστές: Χρησιμοποιώντας έναν προ-προγραμματιστή (προ-επεξεργαστή) έχει πολλά πλεονεκτήματα, από το να κάνετε κώδικα καθαρότερο στη διατήρηση της οργάνωσης. Είναι ένας εύκολος τρόπος για να γράψετε CSS και προωθεί τις αρχές DRY (Do not Repeat Yourself). Οι δημοφιλείς προεκσυγκροτητές CSS είναι Sass, Less, and Stylus. Αν ξεκινάτε απλά, επιμείνετε στη μάθηση.
Πλαίσια CSS: Τα πλαίσια CSS συμβάλλουν στη βελτιστοποίηση της ροής εργασίας σας με ενσωματωμένα πλέγματα και άλλα στοιχεία CSS. Δύο δημοφιλή παραδείγματα είναι το Bootstrap και το Ίδρυμα.
Ανταποκρινόμενος σχεδιασμός: Αυτές τις μέρες, υπάρχουν τόσες πολλές διαφορετικές συσκευές που ο ιστότοπός σας θα πρέπει να είναι σε θέση να προσαρμόζεται σε όλους τους. Ο υπεύθυνος σχεδιασμός σας βοηθά να δημιουργείτε ιστότοπους που λειτουργούν σε όλα τα μεγέθη οθόνης - επιφάνεια εργασίας, tablet και smartphone. Πλαίσια όπως το Bootstrap και το Ίδρυμα έχουν ενσωματωμένο σχεδιασμό, έτσι εάν μαθαίνετε ένα από αυτά, είστε έτοιμοι.
Εργαλεία κατασκευής Front-End
Ως προγραμματιστής, θα πρέπει να είστε σε θέση να διαχειριστείτε τη βελτιστοποίηση του μεγέθους του αρχείου και την αποτελεσματικότητα της ροής εργασιών. Αυτά τα εργαλεία μπορούν να σας βοηθήσουν.
Διαχείριση Συσκευασιών: Μπορεί να είναι δύσκολο να οργανώσετε όλες τις βιβλιοθήκες, τα περιουσιακά στοιχεία και ούτω καθεξής, ειδικά για μεγάλα έργα ή εκείνα όπου εργάζεστε με μια ομάδα.
Χρησιμοποιήστε έναν διαχειριστή πακέτων, όπως ο Bower, για να διαλέξετε τα πάντα και να διατηρήσετε ένα ημερολόγιο των ενημερώσεών σας.
Yeoman.io: Εάν έχετε μερικές φορές πρόβλημα στη λήψη έργων από το έδαφος, χρησιμοποιήστε το Yeoman για να ξεκινήσετε γρήγορα με τα έργα και να παραμείνετε παραγωγικοί. Έχει τρέξει στη γραμμή εντολών.
Task Runners: Χρησιμοποιήστε το Grunt ή το Gulp, το οποίο τρέχει επίσης στη γραμμή εντολών, για να συμπιέσετε αρχεία και να βελτιστοποιήσετε τη ροή εργασιών. Μπορούν να λειτουργήσουν ως μεταγλωττιστές για τους Sass ή Less Preprocessors, και έχουν επίσης ένα ευρύ φάσμα plugins με άλλα χαρακτηριστικά.
συμπέρασμα
Ενώ το ωραίο να έχετε μπορεί να φαίνεται σαν πολλά, σκεφτείτε τους ως δεξιότητες που θα πρέπει να προσθέσετε με την πάροδο του χρόνου. Τα βασικά πράγματα που πρέπει να γνωρίζετε είναι το HTML, το CSS και το JavaScript.
Εάν έχετε άλλες ικανότητες στο διαδίκτυο , ακόμα και αν δεν σχετίζονται με το μπροστινό μέρος, μεταφέρετε τους στο τραπέζι - όπως το σχεδιασμό, την επεξεργασία βίντεο, το SEO κ.λπ. Ποτέ δεν γνωρίζετε τι μπορεί να ψάχνει μια εταιρεία .
Και μάντεψε τι? Μπορεί να είστε η τέλεια εφαρμογή.