Βασικές δεξιότητες για Master για προγραμματιστές Front-End

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

Ωστόσο, υπάρχουν λίγες δεξιότητες που θα απαιτήσει οποιαδήποτε εργασία ανάπτυξης στο μπροστινό μέρος - τις "βασικές" ικανότητες - και μερικές άλλες που θα πρέπει να εξετάσετε σοβαρά προσθέτοντας το ρεπερτόριό σας.

Τι πρέπει να ξέρετε

Περιηγηθείτε σε απευθείας σύνδεση σε αναζήτηση εργασίας για να μάθετε τι είναι το κλειδί για να γνωρίζουν και να κατανοούν οι προγραμματιστές του front-end. υπάρχουν τρία βασικά πράγματα. Μη διαπραγματεύσιμο.

Και είναι:

1. HTML
2. CSS
3. 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 παρακάτω είναι σχετικά εύκολο να μάθουν. Υπάρχουν τρία είδη που πρέπει να αναζητήσετε:

• Προκατασκευαστές: Χρησιμοποιώντας ένα precompiler (ή preprocessor) έχει πολλά πλεονεκτήματα, από την καθιέρωση code cleaner στη διατήρηση της οργάνωσης. Είναι ένας εύκολος τρόπος για να γράψετε CSS και προωθεί τις αρχές DRY (Do not Repeat Yourself). Οι δημοφιλείς προεκσυγκροτητές CSS είναι Sass, Less, and Stylus. Αν ξεκινάτε απλά, επιμείνετε στη μάθηση.
• CSS πλαίσια: Τα πλαίσια CSS συμβάλλουν στη βελτιστοποίηση της ροής εργασίας σας με ενσωματωμένα πλέγματα και άλλα στοιχεία CSS. Δύο δημοφιλή παραδείγματα είναι το Bootstrap και το Ίδρυμα.
• Ανταποκρίσιμος σχεδιασμός: Αυτές τις μέρες, υπάρχουν τόσα πολλά διαφορετικά είδη συσκευών που ο ιστότοπός σας θα πρέπει να είναι σε θέση να προσαρμόζεται σε όλους τους. Ο υπεύθυνος σχεδιασμός σας βοηθά να δημιουργήσετε ιστότοπους που λειτουργούν σε όλα τα μεγέθη οθόνης - επιφάνεια εργασίας, tablet και smartphone. Πλαίσια όπως το Bootstrap και το Ίδρυμα έχουν ενσωματωμένη σχεδίαση, έτσι εάν μαθαίνετε ένα από αυτά, είστε έτοιμοι.

Εργαλεία κατασκευής Front-End

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

• Διαχείριση Συσκευασιών: Μπορεί να είναι δύσκολο να οργανώσετε όλες τις βιβλιοθήκες, τα περιουσιακά στοιχεία και ούτω καθεξής, ειδικά για μεγάλα έργα ή εκείνα όπου εργάζεστε με μια ομάδα. Χρησιμοποιήστε έναν διαχειριστή πακέτων, όπως ο Bower, για να τα κατατάξετε όλα και να διατηρήσετε ένα ημερολόγιο των ενημερώσεών σας.
• Yeoman.io: Αν έχετε μερικές φορές πρόβλημα στη λήψη έργων από το έδαφος, χρησιμοποιήστε το Yeoman για να ξεκινήσετε γρήγορα με τα έργα και να παραμείνετε παραγωγικοί. Έχει τρέξει στη γραμμή εντολών.
• Δρομείς Εργασίας: Χρησιμοποιήστε το Grunt ή το Gulp, το οποίο τρέχει επίσης στη γραμμή εντολών, για να συμπιέσετε αρχεία και να βελτιστοποιήσετε τη ροή εργασιών. Μπορούν να λειτουργούν ως μεταγλωττιστές για τους Sass ή Less preprocessors, και έχουν επίσης ένα ευρύ φάσμα plugins με άλλα χαρακτηριστικά.

συμπέρασμα

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

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