Πρόγραμμα μελέτης JavaScript για αρχάριους

Θέλετε λοιπόν να μάθετε JavaScript; Συγχαρητήρια! Το 2017, υπάρχουν περισσότεροι διαθέσιμοι πόροι από ποτέ, σε μια μεγάλη ποικιλία μορφών για να ξεκινήσετε.

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

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

Φροντίστε να μου αφήσετε μια γραμμή σε 3 μήνες όταν έχετε τακτοποιήσει τα πάντα και έχετε αποφασίσει για την καλύτερη πορεία δράσης (ή προχωρήσατε σε κάτι πιο γόνιμο).

Βήμα 1: Ενότητα JavaScript του FreeCodeCamp

Το freeCodeCamp είναι ένας απίστευτος πόρος για την εκμάθηση των βασικών (και πέραν αυτών) της ανάπτυξης ιστού.

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

Χρησιμοποιώντας ένα φιλικό πρόγραμμα επεξεργασίας κειμένου στο πρόγραμμα περιήγησης, το freeCodeCamp θα σας δώσει πρώτα μια μικρή γεύση από τη δημοφιλή βιβλιοθήκη JavaScript, το jQuery και, στη συνέχεια, θα βυθιστείτε στην καθαρή σύνταξη JavaScript και πώς να εκτελέσετε διάφορες εργασίες όπως λειτουργίες boolean, string και χειρισμός πίνακα, βρόχους και άλλα.

Βήμα 1.5: Ενίσχυση με το κομμάτι JavaScript του Codecademy.

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

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

Βήμα 2: JavaScript του Tony Alicea: Κατανόηση των περίεργων μερών

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

JavaScript: Η κατανόηση των Weird Parts είναι μια εξαιρετική σειρά premium βίντεο που πηγαίνει βαθιά στη λειτουργία της γλώσσας με πολύ προσιτό και κατανοητό τρόπο. Η σειρά των 11,5 ωρών είναι γεμάτη με πρακτικές πληροφορίες που θα μπορείτε να χρησιμοποιήσετε στα προγράμματά σας.

Θα μάθετε για το εύρος, το κλείσιμο, την πρωτότυπη κληρονομιά, τις λειτουργίες πρώτης κατηγορίας και πολλά άλλα σε αυτήν την ολοκληρωμένη σειρά. Αξίζει τα 20 $.

Όπως με οποιοδήποτε μάθημα βιβλίου ή βίντεο, φροντίστε να κωδικοποιήσετε και να σημειώσετε τις δικές σας σημειώσεις για μελλοντική αναφορά.

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

Βήμα 3: Kyle Simpson's You Don't Know JS

Δεν είμαι σίγουρος τι μπορώ να πω για αυτή τη σειρά που δεν έχει ειπωθεί αλλού σε αυτό το σημείο, αλλά είναι απίστευτο. Μόλις ολοκληρώσετε το μάθημα του Tony Alicea, ξεκινήστε να διαβάζετε το You Don't Know JS ενώ συνεχίζετε να εργάζεστε στο πρόγραμμα και τα προγράμματα του FreeCodeCamp. Ο Simpson αξίζει περισσότερο από τα χρήματά σας, αλλά αν δεν μπορείτε να πληρώσετε, τα βιβλία είναι όλα ελεύθερα διαθέσιμα στο GitHub του.

Πρέπει τουλάχιστον να διαβάσετε τους τόμους Scope & Closures και This & Object Prototypes. Αυτά τα βιβλία θα ενισχύσουν αυτό που μάθατε από τον Tony Alicea και επίσης αντικρούετε και προκαλείτε αυτό το υλικό κατά καιρούς. Αυτό είναι καλό! Ο Kyle Simpson είναι ένας άντρας με γνώμη, και είναι εξαιρετικά πολύτιμο να αποκτήσει την ειδική προοπτική του για πράγματα, όπως η χρησιμότητα του αντικειμενοστρεφούς παραδείγματος προγραμματισμού σε μια γλώσσα όπως το JavaScript Ακόμα κι αν κάποια από τα ζητήματα αισθάνονται πέρα ​​από την αντίληψή σας, υπάρχει αξία απλώς να τα γνωρίζετε.

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

Μερικές σημειώσεις σχετικά με τον αγώνα, το να μην γνωρίζουμε τις απαντήσεις και την επιμονή.

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

1. Περπατήστε

Κάνε ένα διάλειμμα. Βγείτε από τον υπολογιστή. Πάρτε λίγο τσάι ή καφέ. Σκεφτείτε κάτι άλλο για λίγο. Μπορεί να είναι πολύτιμο να καθαρίσετε το κεφάλι σας για λίγο. Θα εκπλαγείτε πόσες φορές θα μπορείτε να λύσετε γρήγορα το πρόβλημα όταν επιστρέψετε.

2. Ζητήστε βοήθεια

Μην ντρέπεστε ή ντρέπεστε να ζητήσετε βοήθεια. Μερικές φορές ένα ώθηση προς τη σωστή κατεύθυνση είναι το μόνο που χρειάζεστε για να επιστρέψετε στο δρόμο. Σύμφωνα με την εμπειρία μου, οι άνθρωποι αγαπούν να βοηθούν τους άλλους και είναι περισσότερο από ευτυχείς να περάσουν λίγα λεπτά για το πρόβλημά σας. Η κοινότητα freeCodeCamp στο Gitter και το κανάλι CodeNewbie Slack είναι ιδανικές για αυτό.

3. Προχωρήστε σε κάτι άλλο

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

Αυτός είναι απλώς ένας οδηγός

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

Το έγραψα από την απογοήτευση που βίωσα όταν προσπαθούσα να επιλέξω ανάμεσα στο εκατομμύριο και μισό εκπαιδευτικούς πόρους εκεί έξω. Ήταν ωραίο να βρω ένα σχέδιο που τελικά λειτούργησε για μένα αφού έλαβα κάποιες καλές συμβουλές, αλλά λανθασμένες συμβουλές ("Το Eloquent JavaScript είναι ένα υπέροχο βιβλίο για αρχάριους!"), Και πολλά ξεκινά και στάσεις.

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

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