Ξεκινήστε τον κώδικα JavaScript ακριβώς τώρα με αυτούς τους 5 μεγάλους δωρεάν πόρους

Διαφήμιση

"Η αγάπη - η αγάπη είναι ένα ρήμα, η αγάπη είναι μια λέξη που κάνει, " ή έτσι το τραγούδι πηγαίνει. Και στην πραγματικότητα, το ίδιο μπορεί να λεχθεί και για τη JavaScript: αυτή η γοητευτική γλώσσα προγραμματισμού είναι μια γλώσσα που κάνει .

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

Για την πραγματοποίηση περιηγημένης περιήγησης: Η διαδρομή JavaScript του Codeacademy

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

Αν ψάχνετε για έναν πόρο που είναι ταυτόχρονα δωρεάν και έχει μια μεγάλη έμφαση στην πραγματοποίηση, χρειάζεστε την εντολή JavaScript του Codeacademy. Αυτός ο καθοδηγημένος κύκλος μαθημάτων JavaScript χρησιμοποιεί το απόλυτο ελάχιστο των κειμενικών εξηγήσεων, όλα γεμίζουν στην πλαϊνή γραμμή. Ο κύριος όγκος της οθόνης καταλαμβάνεται από έναν κομψό επεξεργαστή κώδικα ο οποίος εκτελείται στον browser σας. Για να προχωρήσετε στο μάθημα, πρέπει να ολοκληρώσετε τις πραγματικές (απλές) αναθέσεις κωδικοποίησης:

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

Για πειραματισμό: Κονσόλα του Chrome και jsFiddle

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

Κάνοντας κλικ στο εικονίδιο που εμφανίζεται παραπάνω, μπορείτε να εμφανίσετε μια κονσόλα JavaScript, η οποία εκτελείται στο πλαίσιο της σελίδας που βλέπετε αυτήν τη στιγμή. Με άλλα λόγια, μπορείτε να χειριστείτε την τρέχουσα σελίδα με αυθαίρετο κώδικα JavaScript, να χρησιμοποιήσετε οποιεσδήποτε βιβλιοθήκες (όπως το jQuery jQuery Tutorial - Ξεκινώντας: Βασικά και Επιλογείς jQuery Tutorial - Ξεκινώντας: Βασικά και Επιλογές Την περασμένη εβδομάδα μίλησα για το πόσο σημαντικό είναι το jQuery σε κάθε σύγχρονο προγραμματιστή ιστού και γιατί είναι φοβερό ... Αυτή την εβδομάδα, νομίζω ότι ήρθε η ώρα να βγάλουμε τα χέρια μας με κάποιο κωδικό και να μάθουμε πώς ... Διαβάστε περισσότερα) φορτωμένα με τη σελίδα και κάντε ό, τι επιθυμείτε.

Αυτός είναι ένας πολύ καλός τρόπος μάθησης με δοκιμασία και λάθος, επειδή είναι τόσο προσιτός και υπάρχει μηδενικός φόβος. Δεν μπορείτε να κάνετε οποιαδήποτε ζημιά - καμία από τις αλλαγές σας δεν αποθηκεύονται οπουδήποτε και το μόνο που χρειάζεται είναι να πατήσετε το πλήκτρο F5 για να επαναφέρετε όλα όσα έχετε κάνει και να αρχίσετε ξανά. Ένα άλλο σημαντικό πράγμα που πρέπει να καταλάβετε για την κονσόλα είναι ότι δεν περιορίζεστε σε ένα-liners: Μπορείτε να γράψετε πολλές γραμμές κώδικα. Για να ξεκινήσετε μια νέα γραμμή χωρίς να εκτελέσετε τον κώδικα που έχετε εισάγει μέχρι στιγμής, πατήστε Shift + Enter.

Μερικές φορές μπορεί να θέλετε να δημιουργήσετε το δικό σας περιβάλλον, αν και: Ένας προσαρμοσμένος συνδυασμός HTML, CSS, βιβλιοθήκες JavaScript, και τον δικό σας κώδικα. Αυτό μπορεί να σας βοηθήσει να δοκιμάσετε πιο ολοκληρωμένες ιδέες. Αν θέλετε να δημιουργήσετε κάτι τέτοιο χωρίς να χρειάζεται να ρυθμίσετε κάτι τοπικά, το jsFiddle είναι αυτό που χρειάζεστε. Πρόκειται για περιβάλλον τεσσάρων παραθύρων: HTML, CSS, JavaScript και την έξοδο. Μια πλαϊνή μπάρα σας επιτρέπει να διαλέξετε όλα τα είδη των πρόσθετων στοιχείων, όπως τη βιβλιοθήκη JavaScript στη οποία θέλετε να βασιστείτε. Υπάρχουν επίσης πολλά παραδείγματα, μερικά από τα οποία μπορεί να είναι υπερβολικά περίπλοκα για αρχάριους:

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

Για αναφορά: Δίκτυο προγραμματιστών Mozilla και τεκμηρίωση API jQuery

Έχουμε αναφέρει στο παρελθόν το Mozilla Developer Network ως έναν από τους πολλούς πόρους που μπορούν να σας βοηθήσουν να μάθετε τον κώδικα Μάθετε στον Κώδικα: 10 δωρεάν και φανταστικές online πηγές για να βελτιώσετε τις δεξιότητές σας Μάθετε να Κωδικοποιήστε: 10 δωρεάν και φανταστικές online πηγές για να βελτιώσετε τις δεξιότητές σας Κωδικοποίηση. Ένα θέμα που αποφεύγεται από πολλούς. Υπάρχει αφθονία δωρεάν πόρων και εργαλείων, τα οποία είναι διαθέσιμα στο διαδίκτυο. Σίγουρα θα μπορούσατε να πάρετε κάποια μαθήματα σχετικά με το θέμα σε μια κοντινή ... Διαβάστε περισσότερα. Αυτό ήταν σε ένα γενικότερο πλαίσιο, καθώς το MDN περιέχει πληροφορίες για μια ευρεία ποικιλία θεμάτων. Για τους σκοπούς μας εδώ, θα πρέπει να γνωρίζετε ότι το MDN χρησιμεύει ως ένα πολύ σταθερό εγχειρίδιο αναφοράς σε όλα τα JavaScript. Το MDN προσφέρει έναν δομημένο Οδηγό JavaScript, τον οποίο μπορείτε να ακολουθήσετε βήμα προς βήμα (ανάλογα με το επίπεδο των προηγούμενων γνώσεων προγραμματισμού), αλλά η πραγματική του δύναμη βρίσκεται στο τμήμα αναφοράς του JavaScript. Αυτή είναι μια ενότητα που μπορείτε να χρησιμοποιήσετε ως λεξικό των ειδών, για να καταλάβετε τη δομή συγκεκριμένων δηλώσεων.

Ένας άλλος βασικός πόρος αναφοράς είναι η τεκμηρίωση API jQuery. Ακριβώς όπως το MDN, αυτή η τεκμηρίωση API μπορεί να φαίνεται τρομακτικό, τρομακτικό και εντελώς εχθρικό από την αρχή. Και ναι, κανένας από αυτούς τους πόρους αναφοράς δεν θα σας οδηγήσει μέσα από απαλές εξηγήσεις - αλλά το κάνουν για να είναι ολοκληρωμένοι, πολύ αξιόπιστοι και έγκυροι.

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

Και τέλος, ένα προαιρετικό βιβλίο

Υπάρχει πραγματικά ένα βιβλίο που θα ήθελα να συστήσω. Δεν πρόκειται για JavaScript και δεν θα βρείτε ασκήσεις σε αυτό. Στην πραγματικότητα, έχει σχεδόν καθόλου κώδικα. Και όμως, είναι ένα πολύ καλό βιβλίο για να διαβάσετε αν είστε περίεργοι για προγραμματισμό οποιουδήποτε είδους: Ονομάζεται Code Simplicity και σας διδάσκει πώς να σκεφτείτε τον προγραμματισμό και πώς να προσεγγίσετε το θέμα ως σύνολο. Μπορείτε να διαβάσετε την πλήρη ανασκόπηση μου ακριβώς στη σελίδα του Αμαζονίου (που σήμερα χαρακτηρίζεται ως η πιο χρήσιμη κριτική πελάτη, awww), αλλά με λίγα λόγια, αυτό είναι ένα σπουδαίο βιβλίο για τις φιλοσοφικές βάσεις της κωδικοποίησης. Είναι σαν να κάνετε μερικά βήματα πίσω από το πληκτρολόγιο και να αναλογιστείτε το θέμα ως σύνολο.

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

Μάθετε με το να κάνετε;

Και τώρα τελικά θα σας ρωτήσω: Πώς πλησιάζετε τη μάθηση στον κώδικα; Μαθαίνετε να κάνετε, ή είστε περισσότερο αναγνώστης; Ποιοι είναι οι πόροι που έχετε χρησιμοποιήσει στην προσπάθειά σας να γίνετε κωδικοποιητής; Επιτρέψτε μου να μάθω στα σχόλια!