>> ROGER ZURAWICKI: Γεια σε όλους.
Μπορώ να πάρει την προσοχή σας;
Ευχαριστώ, παιδιά.
Σήμερα θέλω να μιλήσω για Meteor.
Είναι ένα πλαίσιο το JavaScript.
Θα πρέπει να πηγαίνει μέσα από το πώς μπορείτε να κάνουν πραγματικά δροσερό εφαρμογές web.
>> Πριν φτάσουμε σε JavaScript, απλά θέλω να σας πω ρε παιδιά ότι αυτό θα
να - θα έχετε μια νεότερη κομμάτι αυτό το εξάμηνο.
Θα πρέπει να είναι περίπου JavaScript.
Νομίζω ότι [δεν ακούγεται] για πρώτη φορά πρόκειται να καλύπτουν την PHP πράγματα web HTML πριν
κινηθεί προς JavaScript.
Και σε CS50, JavaScript θεωρείται σαν ένα κωδικό πελάτη.
Γι 'αυτό παίρνει μόνο τρέχει σε ο web browser.
>> Όμως, χάρη στις πρόσφατες εξελίξεις στην τεχνολογία, τώρα έχουμε καταφέρει να τρέξει
JavaScript ως server, καθώς και.
Έτσι, αυτό έχει δημιουργήσει μια πραγματικά δροσερή πλαίσιο, διότι τώρα μπορείτε να γράψετε
νομίμως τον ίδιο κωδικό για ο πελάτης και ο διακομιστής.
Και όταν ορίζετε λειτουργίες σας εξυπηρετητή, ο πελάτης σας μπορεί να καλέσω εκείνους
ίδιες λειτουργίες.
Και αυτό το καθιστά πολύ πιο εύκολο.
Ενώ πριν, αν είστε με τη χρήση της PHP για ο server, JavaScript στο μπροστινό μέρος
τέλος, θα πρέπει να γράψετε μια συνάρτηση PHP και, στη συνέχεια, μια έκδοση του JavaScript
ίδια λειτουργία για να κάνει το ίδιο είδος εργασίας.
>> Έτσι, πριν ξεκινήσουμε, θα ήθελα να σας δείξω μια επίδειξη του τι
Meteor μπορεί να κάνει για σας.
Θα σας δείξω το demo, το οποίο είναι ό, τι θα είστε σε θέση να δημιουργήσει από το
τέλος αυτού του σεμιναρίου.
Εμείς απλά πηγαίνετε εδώ.
Αυτό είναι ένα app Leaderboard.
Είναι στην πραγματικότητα βασίζεται έξω από το παράδειγμα ότι Meteor σας δίνει.
>> Meteor είναι πολύ ωραίο γιατί όταν εγκαταστήσετε ως ένα πακέτο, μπορείτε να
ουσιαστικά παίζουν με αυτά τα τέσσερα demos.
Και το Leaderboard είναι η πρώτη από αυτές τις επιδείξεις.
Μετά το σεμινάριο, θα σας ενθαρρύνω όλους να διερευνήσει ακριβώς τα άλλα demos
διότι πιστεύω ότι είναι πραγματικά δροσερό, και θα σας δείξει τη δύναμη του Meteor.
>> Έτσι τι είναι αυτό, αυτό είναι φιλοξενείται στο Leaderboard.
Αυτό είναι ακριβώς ειλικρινά μια λίστα με ονόματα.
Και μπορείτε να επιλέξετε τους ανθρώπους.
Κιτρινίζουν.
Και τότε μπορείτε να δώσετε τα πέντε σημεία.
Και θα παρατηρήσετε ότι η λίστα είναι ταξινομημένα γιατί όπως ο ίδιος δώσει περισσότερες
και περισσότερα σημεία, είμαι τώρα στην κορυφή.
Έτσι, αυτό είναι όπου θα αρχίσουμε.
>> Και τι θα είστε σε θέση να πάρει από αυτό το σεμινάριο είναι μερικά περισσότερα
χαρακτηριστικά που έχετε προσθέσει στο το Leaderboard.
Θα πρέπει να καλύπτει τον τρόπο, καθώς και προσθέσει πέντε πόντους σε έναν παίκτη, μπορούμε
διαγραφή παικτών, μπορούμε να προσθέσουμε νέους παίκτες, και μπορούμε να επιλέξουμε πώς θέλουμε
να τις ταξινομήσετε.
Και όλα αυτά είναι πολύ εύκολο κλήσεις API ότι Meteor σας παρέχει.
Μπορείτε επίσης να έχουν έναν χαρακτηριστικό εδώ για τυχαία τα αποτελέσματα.
>> Έτσι, αυτό που είναι πραγματικά δροσερό για αυτό είναι εσείς μπορεί πραγματικά
όλα να πάνε στο site.
Θα το βάλω σε μεγαλύτερο κείμενο εδώ.
One-ρίζα-μολύβδου erboard.meteor.com.
Και όταν τα παιδιά πηγαίνουν στο site, θα πρέπει να είναι σε θέση να επεξεργαστείτε το site, και
όλες οι επεξεργασίες σας θα είναι ορατή για όλους τους άλλους.
Έτσι, μπορείτε να - είναι εσείς όλα είναι σε θέση να συνδεθεί με το site?
Έτσι παίζουν με αυτό.
Πήγαινε και να αρχίσει τη διαγραφή κάποια ονόματα.
Δείτε τι συμβαίνει.
>> Έτσι, βλέπετε όλοι μπορούν να παίξουν.
Αυτή είναι μόνο η προεπιλεγμένη ασφάλεια λειτουργίας για Meteor.
Θα δείτε ότι όλοι μπορούν να αλλάξει τα δεδομένα του άλλου.
Μην ανησυχείτε.
Meteor δεν έχουν ασφάλεια.
Αυτό είναι ένα πολύ εύκολα να εφαρμοστεί χαρακτηριστικό, όπου θα μπορούσε να δημιουργήσει χρήστες
και συνδέσεις.
Αλλά τώρα, όποιος επισκέπτεται το ιστοσελίδα μπορεί να δώσουν στον εαυτό τους, όπως πολλοί
σημεία όπως θέλουν.
Γι 'αυτό και πάντα έτσι, επειδή αυτό είναι ένας διασκεδαστικός τρόπος για να ξεκινήσετε.
Και τότε θα μιλήσουμε μόνο σχετικά με τις λεπτομέρειες, πώς
Meteor δίνει αυτή τη δυνατότητα.
>> Έτσι, Πάω να καλύψει ό, τι είναι Meteor, και στη συνέχεια απλά θα πρέπει να καλύπτουν το
δύο προϋποθέσεις που CS50 Δεν έχει καλύψει αρκετό.
Αλλά μέχρι το τέλος του χρόνου, θα πρέπει να να είναι άνετα με HTML και
Javascript για να πάρει πραγματικά τα χέρια σας βρώμικο συνεργασία με Meteor.
Και νομίζω ότι είναι απλά ένας πολύ καλός τρόπος για ακόμη λιγότερο άνετα τους μαθητές να κάνουν
τελικών σχεδίων επειδή μπορεί πραγματικά μείνετε σε μία γλώσσα, και παίρνουν για να
δείτε τις αλλαγές τους λειτουργεί αμέσως.
>> Έτσι, αυτή η διαφάνεια δείχνει μόνο μερικά από τα σημαντικές τεχνολογίες που Meteor JS
δίνει σε εσάς.
Meteor δεν είναι μια νέα τεχνολογία μόνη της.
Είναι πραγματικά ένα συνονθύλευμα από όλα αυτά τα διαφορετικά πράγματα
έχουμε στο διαδίκτυο.
Καθώς και HTML, CSS, JavaScript, εμείς έχουν κάποιες τεχνολογίες, όπως Node.js,
το οποίο είναι αυτό που σας επιτρέπει να εκτελέσετε JavaScript στο πίσω άκρο στον υπολογιστή σας
διακομιστή, καθώς και κάποια JavaScript βιβλιοθήκες, όπως jQuery, Underscore.
>> Όλα αυτά θα είναι εξοικειωμένοι με σας μέχρι το τέλος του εξαμήνου.
Και εμείς επίσης να χρησιμοποιήσετε μια βάση δεδομένων που ονομάζεται MongoDB, το οποίο είναι ένα πραγματικά
δημοφιλής βάση δεδομένων τώρα αυτά τα νέα ξεκινήματα.
Μπορείτε να σκεφτείτε από το όπως όπως MySQL, αλλά λειτουργεί πολύ καλά με JavaScript.
Και υπάρχουν και κάποιες άλλες τεχνολογίες εδώ και πολλά άλλα που δεν έχω αναφέρονται
ότι όλα τα interface πραγματικά ωραία με Meteor.
>> Πρέπει να βάλω αυτή τη διαφάνεια, διότι μερικές φορές παίρνω σύγχυση σχετικά με αυτό.
Meteor είναι μόνο JavaScript.
Δεν είναι η PHP.
Δεν είναι το Ruby on Rails.
Έτσι, αν γράφετε κώδικα, εάν θέλετε να γράψει ένα έργο Meteor, που πραγματικά
Δεν μπορείτε να χρησιμοποιήσετε κώδικα Ruby.
Μπορείτε πραγματικά δεν χρησιμοποιούν PHP.
>> Ενώ θα δούμε ότι οι διαφορές κώδικα και σύνταξη μπορεί να μην είναι ότι
διαφορετικά, θέλω να σας τονίσω ότι η Meteor, ό, τι ο κώδικας είναι
μόνο σε JavaScript.
Και όλα αυτά που δείχνουν να ο χρήστης θα είναι HTML CSS.
Αλλά δεν είστε χρησιμοποιώντας πραγματικά κάποια από οι άλλες γλώσσες ότι και άλλες
σεμινάρια θα μπορούσε να καλύψει.
Τι Meteor είναι, επίσης, είναι ένα web server.
Έτσι ακόμα κι αν δεν έχετε καμία JavaScript, και απλά θέλετε να εξυπηρετήσει
CSS και HTML αρχεία, Meteor μπορεί να κάνει αυτό για σας.
>> Και εδώ είναι η σύνδεση και πάλι στο demo που πήρα εσείς
άρχισε να παίζει με.
Αλλά ας προχωρήσουμε σε HTML.
Πόσοι άνθρωποι εδώ έχουν καμία ιδέα για το τι HTML είναι;
OK μεγάλη.
Και αυτό είναι εντελώς καλά.
Μπορείτε πραγματικά δεν χρειάζεται να γνωρίζει πολλά για επειδή θα πάμε πάνω από το
χρήση πολύ απλά.
>> Αυτό είναι ό, τι η απλή Η σελίδα HTML μοιάζει.
Αυτό μπορεί να είναι όπως σας γεια, κόσμο για HTML, ενώ ξεκινήσαμε σε C με
Γεια σας, τον κόσμο.
Δεν θέλω να τονίσω σχετικά με την λεπτομέρειες για το τι HTML, τι το κεφάλι, τι
το σώμα, τι Τίτλος κάνει εκεί.
Απλά θέλω να τονίσω τη δομή, πώς θα έχουν ετικέτες.
Και αυτό είναι τα στηρίγματα γωνία.
Και αυτό είναι όπου έχετε περιγραφές σας.
>> Έτσι, μπορεί να έχετε το έγγραφο HTML.
Και τότε θα κλείσετε το έγγραφο HTML με backslash ίδιο πράγμα.
Και έχετε διαφορετικά είδη των ετικετών.
Και παρατηρήσετε ότι είναι όλα συμφωνημένα.
Θα έχετε σαν ετικέτα του σώματος και, στη συνέχεια, μια στενή ετικέτα του σώματος.
Και μέσα στην ετικέτα του σώματος, που θα είναι το περιεχόμενο της ιστοσελίδας σας.
Έτσι, αυτή η ιστοσελίδα θα εμφανίσει απλά σε λευκό φόντο και μαύρο κείμενο
Γεια σας, τον κόσμο.
Μήπως αυτό έχει νόημα;
OK.
>> Τώρα είμαι πρόκειται να γρήγορα καλύπτουν JavaScript.
Σύμφωνα με τα λόγια της προηγούμενης TF, "JavaScript είναι η καλύτερη προγραμματισμού
γλώσσας που υπάρχουν σήμερα.
Άλλοι άνθρωποι θα προσπαθήσουν να να σας πω αλλιώς.
Κάνουν λάθος. "JavaScript είναι αρκετά ωραία, και εγώ θα σας δείξω γιατί.
>> Έτσι, αυτό είναι το κλασικό παράδειγμα αρχίσουμε με το Γ. Έχουμε γειά σου, τον κόσμο.
Και θα παρατηρήσετε ότι ακόμα και αν συρρικνωθεί αυτό, θα πρέπει να έχουν τουλάχιστον δύο
γραμμές κώδικα εδώ.
Έχω αρκετές γραμμές κώδικα.
Αυτό μπορεί να γίνει πολύ απλά.
Μια γραμμή σε JavaScript με console.log, και, στη συνέχεια, σειρά σας,
Γεια σας, τον κόσμο.
>> Τώρα, ακόμα κι αν κινείστε σε ένα νέο γλώσσα JavaScript, σχεδόν όλα τα
δεξιότητες που έχετε μάθει από την κωδικοποίηση στη C είναι άμεσα φορητό.
Έτσι, χορδές, η ιδέα της χορδές σε διπλά εισαγωγικά, ότι είναι το ίδιο.
Το ερωτηματικό, που είναι το ίδιο.
>> Ένα τακτοποιημένο χαρακτηριστικό για JavaScript πραγματικότητα είναι ότι
δεν χρειάζεται το ερωτηματικό.
Μπορεί να μαντέψει ότι θα πρέπει να βάλει εκεί ένα ερωτηματικό.
Αλλά είπε ότι, θα πρέπει πάντα να προσπαθείτε να θέσει ερωτηματικά σας εκεί.
Θεωρείται καλό στυλ.
Και επίσης, δεν υπάρχει καμία κύρια λειτουργία.
Απλά ξεκινούν από την κορυφή του αρχείου και διαβάστε γραμμή πράγματα από τη γραμμή.
>> Στη συνέχεια, αυτό είναι ό, τι χρειάζεται για να κάνει ότι γεια, παγκόσμιο πρόγραμμα.
Και στη συνέχεια παρατηρήσετε ότι θα πρέπει να κάνει γεια και στη συνέχεια να εκτελέσετε ένα γεια.
Με JavaScript, είναι θεωρείται μια ερμηνευμένη γλώσσα.
Τι θα πρέπει να γνωρίζετε είναι ότι δεν υπάρχει αποφάσεων.
>> Δεν υπάρχει μεταγλώττιση.
Απλά τρέχει κόμβο.
Και να θυμάστε κόμβος είναι το πρόγραμμα που θα τρέξει JavaScript σας σε μια κονσόλα,
σε ένα μαύρο κουτί, δεν είναι η ιστοσελίδα.
Έτσι, μπορείτε απλά να δώσει το αρχείο, και είναι πρόκειται να εκτυπώσετε ένα γεια, κόσμο.
>> Θα κάνω πραγματικότητα ένα μικρό demo του ότι για σας παιδιά εδώ.
Οπότε ας πάμε πάνω για να μου Node.js τερματικό.
OK.
Ας έρθουν εδώ.
Έτσι, Πάω να ξεκινήσει κόμβο.
Και θα σας δείξω παιδιά σε μόλις μια sec πώς να πάρει ότι
εγκατασταθεί, αν δεν το κάνουν.
Επιτρέψτε μου να κάνω ότι είναι λίγο μεγαλύτερο.
OK.
Ελπίζω εσείς να δείτε.
>> Έτσι, μπορώ να γράψω κώδικα, όπως έκανα πριν το console.log.
Γεια σου, Ρότζερ.
Και πρόσεξα ότι δεν πρέπει να κάνουμε το ερωτηματικό, αλλά στη συνέχεια να πάρω αυτό το παράξενο
απροσδιόριστο πράγμα.
Καλά στην πραγματικότητα, δεν πειράζει για το απροσδιόριστο πράγμα.
Πράγματα που θέλω να παρατηρήσετε είναι ότι θα δεν χρειάζεται η κύρια λειτουργία εδώ
να αρχίσει να τρέχει κώδικα.
Και δεν υπάρχει τέλος backslash.
Υπάρχουν κάποια μικρά χαρακτηριστικά που JavaScript μπορεί να κάνει για σας.
>> ΚΟΙΝΟ: [δεν ακούγεται].
>> ROGER ZURAWICKI: Ω, ναι.
Λυπάμαι γι 'αυτό.
Και αυτό βέλος σημαίνει μόνο κόμβο είναι έτοιμο για άλλη εντολή.
Έτσι μπορείτε να έχετε το κάνετε απλά μαθηματικά, όπως το 1 συν 1.
Και ακριβώς όπως και στη C, αυτά τα μαθηματικά σύμβολα είναι ακριβώς το ίδιο.
Μπορώ να κάνω console.log ενός αριθμού.
Και τότε εκτυπώνει δύο.
JavaScript είναι ωραίο με αυτή την έννοια, επειδή παρότι δύο είναι int,
όπως και στη C, αν δεν με printf δύο, θα πάρετε ένα λάθος.
>> Αλλά JavaScript ξέρει, OH, είστε εκτύπωση κάτι.
Πάω να χρειαστεί ένα string.
Έτσι, επιτρέψτε μου να μετατρέψετε ότι δύο σε μια σειρά για σας.
Και μπορείτε επίσης να κάνετε κάποια περίεργα πράγματα όπως γεια και στη συνέχεια συν δύο.
Αυτό είναι απλώς άλλο ένα παράδειγμα για το πώς δύο μπορούν να μετατραπούν εκεί, καθώς και.
>> Έτσι, με ότι έξω από το δρόμο, ας καλύπτουν μόνο λίγο περισσότερο JavaScript.
Έτσι, C, έχουμε τύπους.
Κάθε φορά που δημιουργείται μια νέα μεταβλητή, μπορούμε πρέπει να πω ότι είναι ότι είναι char * ή
κορδόνι στην περίπτωση CS50.
Ή αν είχαμε έναν δεκαδικό αριθμό, είχαμε να πούμε float.
Αν χρειαζόμασταν μια Boolean, είχαμε να πούμε b.
Και στη συνέχεια, αφού είχαμε κάτι που ήταν β, έπρεπε να μείνει ένα bool.
Εμείς δεν θα μπορούσε μαγικά να αλλάξει σε ένας int αν γράψαμε στο
παρενθέσεις, int του b.
>> Στο JavaScript, δεν υπάρχουν τύποι.
Απλά σκεφτείτε το σαν var.
Και var είναι το πώς μπορείτε να δημιουργήσετε ένα νέο τύπο.
Έτσι, μπορεί να έχει var s είναι ένα string, var n είναι float,
και var b είναι αλήθεια.
Και ένα πράγμα που δεν μπορείτε να κάνετε σε C είναι Μπορώ τώρα να πω, μετά από αυτή τη γραμμή, β
ισούται με έναν ακέραιο.
Και αυτό λειτουργεί μια χαρά.
Ενώ στη C, θα έλεγα, όπως ακέραιος σας δεν είναι μια bool.
Δεν μπορώ να το κάνω αυτό για σας.
Ή [δεν ακούγεται] θα ρίξει ένα λάθος.
>> Και μπορώ να επιστρέψετε γρήγορα σε κόμβο και δείχνουν κάποια από τις συγκεκριμένες λειτουργίες.
Έτσι, μπορώ να έχω μια var a.
Καλέστε το "μήλο". Μέχρι τώρα, όταν μπορώ να εκτυπώσω ένα, Παίρνω σειρά μου, «μήλο». Αλλά μπορώ
Επίσης, τώρα να πω μια ισούται με 3.
Και παρατηρήσετε ότι δεν υπάρχει σφάλμα.
Και τώρα ισούται με 3.
Οποιεσδήποτε ερωτήσεις μέχρι τώρα;
Ναι.
>> ΚΟΙΝΟ: Περιμένετε, έτσι console.log είναι βασικά printf, σωστά;
>> ROGER ZURAWICKI: Console.log είναι printf σας.
>> ΚΟΙΝΟ: Σωστά.
Πως λοιπόν αν πληκτρολογήσετε σε οκτώ ή [δεν ακούγεται], τι κάνει η
[Δεν ακούγεται];
>> ROGER ZURAWICKI: Σωστά.
Γι 'αυτό είναι -
τα πράγματα στο πράσινο θα εκτυπωθεί στην κονσόλα.
Και τι θα δούμε στη συνέχεια είναι όταν κινούμαστε στο διαδίκτυο
σελίδα, δεν θα πρέπει να κάνει -
JavaScript θα έχει ένα HTML πρότυπο, το οποίο θα καλύπτει το
Meteor μέρος του σεμιναρίου.
Και αυτό είναι όπου μπορείτε να πείτε, να μου δώσει η αξία ενός, και θα θέσει σε
ιστοσελίδα σας.
Επειδή κάθε πρόγραμμα περιήγησης στο web που πράγματι έχει μια μικρή κονσόλα.
Και αν είδατε εσείς πολύ προσεκτικά, θα πάρετε κάποιες πληροφορίες, όπως σας
printf είναι που εμφανίζονται εκεί με κάθε ιστοσελίδα που έχετε τοποθετήσει.
>> ΚΟΙΝΟ: Πώς μπορείτε να πάρετε στην οθόνη κέλυφος;
>> ROGER ZURAWICKI: Έτσι, υπάρχει μια εντολή που ονομάζεται κόμβος, και έρχεται με Meteor.
Γι 'αυτό θα σταματήσουν μόνο από εκεί.
Κόμβος είναι το πρόγραμμα που τρέχει JavaScript.
Αν πάτε σε meteor.com, σας μπορείτε να εγκαταστήσετε Meteor, και
Meteor έρχεται με κόμβο.
Επειδή Meteor είναι απλά μια συλλογή όλα αυτά τα πακέτα λογισμικού.
Όταν φτάσουμε στο παράδειγμα μας, θα το κάνω με τα πόδια σε όλους μέσω της εγκατάστασης
Meteor, και στη συνέχεια μπορείτε να παίξετε με τον κόμβο στον εαυτό σας.
Εντάξει, ωραία.
>> Έτσι, ένα άλλο μεγάλο χαρακτηριστικό γνώρισμα για την εργασία με JavaScript είναι βρόχοι είναι το ίδιο.
Λίγο πολύ ακριβώς το ίδιο.
Για βρόχους, ενώ βρόχους, κάνει while loops, αν άλλος.
Είναι όλοι το ίδιο με τις τιράντες.
Είναι η ίδια σύνταξη.
Στην περίπτωση ενός for loop, το μικρό λεπτομέρεια που πρέπει να δώσουν προσοχή
να είναι αντί int i ισούται με 0, έχουμε να πούμε var i ισούται με 0.
Αλλά αυτό είναι επειδή από τις μεταβλητές τύποι που μιλήσαμε πριν.
>> Παρατηρήστε ότι η printf γίνεται ένα ημερολόγιο, ένα console.log.
Και δεν χρειάζεται να κάνουν το ποσοστό p backslash n και στη συνέχεια να περάσει στο i.
Μπορείτε να πείτε μόνο εγώ.
Και θα εκτυπώσετε τους αριθμούς από μηδέν έως τέσσερα.
Αν εσείς θέλετε να δοκιμάσετε αυτό, γιατί Σας έφερε ένα καλό σημείο.
Αν θέλατε να εκτελέσετε αυτόν τον κώδικα στον υπολογιστή σας δικό του browser, θα ήθελα να συστήσω
ο καθένας ανοίγει το Google Chrome.
Google Chrome ή οποιοδήποτε πρόγραμμα περιήγησης στο web πραγματικά, αλλά μου αρέσει το Google Chrome
επειδή είναι πολύ τυποποιημένα.
>> Μπορείτε να πάτε σε, πιστεύω, αν κάνετε δεξί κάντε κλικ σε οποιαδήποτε ιστοσελίδα, μόνο στο
άσπρο διάστημα, θα δείτε μια επιλογή Επιθεωρήστε ονομάζεται Element.
Είναι συνήθως η τελευταία.
Και όταν κάνετε κλικ σε αυτό, θα πρέπει να πάρετε ένα πράγμα στο κάτω μέρος εμφανίζονται εδώ.
Επιτρέψτε μου να μεγεθύνετε εδώ.
Και έχουμε μερικές καρτέλες εδώ.
Το ένα σας νοιάζει είναι κονσόλα.
>> Και αυτό είναι μια κονσόλα JavaScript ότι μπορείτε τώρα να εργαστεί με.
Μεγάλη.
Έτσι μπορώ να πληκτρολογήσετε τα ίδια πράγματα Έγραφα πριν το κόμβο.
Ένα συν ένα είναι δύο.
Var α ισούται με το "μήλο".
Και τότε θα εκτυπώσετε μια, και είναι «Μήλο».
Έτσι, σε κάθε web browser, Firefox, Chrome, Safari, ό, τι χρησιμοποιείτε, όπως
Εφ 'όσον έχετε πρόσβαση σε JavaScript κονσόλα, το ίδιο είδος
Κωδικός έτρεχα στον κόμβο σας μπορεί να τρέξει στη δική σας κονσόλα.
>> ΚΟΙΝΟ: [δεν ακούγεται];
>> ROGER ZURAWICKI: Πώς να φτάσουμε στην κονσόλα;
Θα πρέπει να κάντε δεξί κλικ σε ένα κενό χώρο στη σελίδα, και στη συνέχεια να πάτε στο
Επιθεωρήστε Element.
Έτσι, στην πραγματικότητα, θα ήθελα να σας παιδιά απλά να βεβαιωθείτε ότι μπορείτε να
Επιθεωρήστε Element στο Chrome.
Και δείτε όταν πληκτρολογείτε σε ορισμένες κώδικα στην κονσόλα
ότι τρέχει σωστά.
Αισθανθείτε ελεύθερος να υποβάλει οποιεσδήποτε ερωτήσεις, αν κάτι που δεν είναι σαφές εδώ.
>> ΚΟΙΝΟ: [δεν ακούγεται].
>> ROGER ZURAWICKI: Οποιοσδήποτε τύπος, σωστά.
Υπάρχει μόνο ένας τύπος για όλους μεταβλητές JavaScript.
Και όταν πρέπει να δηλώσουν μια μεταβλητή, λέτε var.
>> ΚΟΙΝΟ: [δεν ακούγεται].
>> ROGER ZURAWICKI: Ναι.
Το κάνει, αλλά σε JavaScript, είναι πολύ smart σχετικά με την κατανομή της μνήμης.
Δεν υπάρχει malloc.
Δεν υπάρχει δωρεάν.
Έτσι δεν χρειάζεται να ανησυχείτε γι 'αυτό.
Αυτό είναι ένα άλλο καλό χαρακτηριστικό γνώρισμα που JavaScript σας παρέχει.
>> Έτσι, θα ήθελα να προχωρήσω.
Θα ήταν ότι είναι εντάξει;
OK.
Μεγάλη.
>> ΚΟΙΝΟ: Είμαι απλά έχει πρόβλημα εύρεση του [; Επιθεωρήστε Element. ?]
>> ROGER ZURAWICKI: Έτσι Safari εμφάνιση λίγο διαφορετική, αλλά εσείς
έχουν Chrome ή Firefox;
Αυτά είναι τα ευκολότερα αυτοί να εργαστεί με.
Και για τα έργα σας, Θα ήθελα να συστήσω να κολλήσει με ένα πρόγραμμα περιήγησης, επειδή
θα πάρετε πολλά bugs σχεδόν γιατί κάθε πρόγραμμα περιήγησης αντιμετωπίζει
JavaScript HTML λίγο διαφορετικά.
Πιστεύω λοιπόν ότι η ζωή σας θα είναι πολύ ευκολότερη αν επιμείνουμε σε Chrome, διότι
Είναι διαθέσιμο σε όλες τις συσκευές.
Και αυτό είναι ένα πολύ δημοφιλές πρόγραμμα περιήγησης.
Εντάξει;
>> Έτσι, το επόμενο θέμα που θα πρέπει να καλύπτει JavaScript -
Λυπάμαι για τη μορφοποίηση εδώ.
Έπρεπε να τεντώσει τις διαφάνειες για να ταιριάζει ο προβολέας widescreen.
Αλλά θα ήθελα τώρα να μιλήσω για πώς μπορείτε να πραγματοποιήσετε λειτουργίες.
Στο C, θα πρέπει να δηλώσουν κάθε λειτουργία.
Όπως προσθέτουν int, και παίρνει έναν int στην x, και το int y, και στη συνέχεια να τα προσθέσετε
και να την επιστρέψει.
>> Στο JavaScript, λειτουργίες είναι στην πραγματικότητα άλλη μεταβλητή τύπου.
Έτσι απλά λέμε var προσθέσετε και να ισούται με μια λειτουργία.
Μια λειτουργία που παίρνει ένα Χ και ένα Υ.
Και τι κάνει αυτή η λειτουργία να κάνω;
Επιστρέφει το x συν y με τον ίδιο ακριβώς σύνταξη όπως σε C. Και θα παρατηρήσετε ότι σε
JavaScript, δεν θα σας πει ποια είναι η συνάρτηση επιστρέφει διότι από
μεταβλητές δεν έχουν τύπους ούτως ή άλλως, δεν είναι πραγματικά παραγωγική, υποθέτω,
να αναφέρονται όλες σας τύπους λειτουργίες σας.
Και στη συνέχεια, όταν θα καλέσετε μια συνάρτηση, είναι ακριβώς την ίδια σύνταξη όπως C. Μπορείτε
μόλις περάσει δύο επιχειρήματα σας.
Θα ήθελα να δοκιμάσω αυτό στον κόμβο μου.
Μπορώ να αλλάξω τη διαφάνεια;
>> ΚΟΙΝΟ: [δεν ακούγεται].
Θα έχουμε ένα αντίγραφο των διαφανειών;
>> ROGER ZURAWICKI: Ναι.
Οπότε ας πάμε πίσω στον κόμβο.
OK.
Γι 'αυτό θα πω var add ισούται λειτουργία.
Λαμβάνοντας ένα x, y λήψη.
Και τότε γνωρίζει ότι η δήλωση του δεν έχει ολοκληρωθεί.
Έτσι, στον κόμβο ή την κονσόλα σας, θα παρατηρήσετε dot dot dot.
Έτσι, μπορείτε να κρατήσετε πληκτρολογήσετε τον κωδικό σας.
Και τώρα θα πω την επιστροφή x συν y.
Και στη συνέχεια, κλείστε το στήριγμα.
Και τη στιγμή που κλείσει το στήριγμα, το θεωρεί ότι η δήλωση έχει τελειώσει.
>> Και τώρα μπορώ να πω προσθέσω ένα και δύο.
Και θα πάρω τρεις έξω.
Σημειώστε ότι αν απλώς προσέθεσε, είναι μου λέει ότι είναι μια λειτουργία.
Και ένα πράγμα μόνο και μόνο για να δώσουν προσοχή στην είναι αν δώσετε λάθος αριθμό των
επιχειρήματα, θα κάνει.
Θα τρέξει, αλλά μπορείτε να πάρετε κάποια πραγματικά περίεργα αποτελέσματα.
Σαν ένα είδος αξίας σκουπίδια, μπορείτε να σκεφτείτε από το.
Επομένως, σας παρακαλώ προχωρήστε και δοκιμάστε αυτό σε προγράμματα περιήγησης σας.
>> ΕΝΤΑΞΕΙ, έτσι προς το συμφέρον του χρόνου, εγώ θα τώρα να προχωρήσουμε στο επόμενο χαρακτηριστικά σε
JavaScript.
Έτσι, έχουμε μιλήσει σχετικά με τις λειτουργίες.
Έχουμε μιλήσει για βρόχους, αν δηλώσεις πάρα πολύ.
Η σύνταξη είναι η ίδια ως C και μεταβλητές.
Και τώρα θέλω να μιλήσω για τους πίνακες.
Λυπάμαι που οι διαφάνειες πήρε λίγο αποκοπεί.
Αλλά στην πραγματικότητα, στο πρώτο τμήμα, ό, τι χρειάζεστε θα λειτουργήσει.
>> Έτσι, έχουμε ένα άλλο είδος για μεταβλητές που ονομάζονται συστοιχίες.
Και χρησιμοποιούμε αγκύλες για να υποδηλώσει τους.
Έτσι, στο πρώτο παράδειγμα, var arr, άδειο πίνακα.
Αυτή είναι η κενή λίστα, έτσι ώστε μια σειρά που δεν περιέχουν στοιχεία.
Και μπορείτε επίσης να έχετε μια σειρά με τρεις χορδές.
Σε C, κάθε στοιχείο σε σειρά σας έπρεπε να είναι του ίδιου τύπου.
>> Αλλά επειδή το JavaScript είναι μόνο ένα είδος, συστοιχίες μπορούν πραγματικά να
έχουν διαφορετικούς τύπους των αξιών.
Όπως εδώ, έχουμε έναν πίνακα με float, ένα bool, και ένας int.
Ο τρόπος που μπορείτε να πάρετε μήκος ενός πίνακα, δεν χρειάζεται να χρησιμοποιούν πραγματικά το μέγεθος του
ή οτιδήποτε άλλο.
Μπορείτε απλώς να πω πίνακα και Στη συνέχεια dot μήκος.
Και αυτό το μήκος dot, μπορείτε να σκεφτείτε το είδος του σαν ένα struct, πως κάθε
πίνακας έχει ένα πεδίο, μια επιπλέον μεταβλητή μέσα από αυτό που ονομάζεται το μήκος, το οποίο
παρακολουθεί το πόσο καιρό είναι σειρά σας.
>> Έτσι, είμαι απλώς γρήγορα πρόκειται να υπεισέλθω σε κόμβο και δείχνουν εσείς το ίδιο πράγμα.
Έτσι, μπορώ να έχω μια σειρά.
Μπορεί να είναι η κενή λίστα.
Και θα μου εκτυπώσει πίσω μια κενή λίστα.
Μεγάλη.
Τώρα μπορώ να πω ότι η σειρά έχει 1, και 2.3, και αληθινή.
Έτσι, όλοι οι διαφορετικοί τύποι.
Και θα παρατηρήσετε ότι λειτουργεί μια χαρά.
Η σειρά παίρνω πίσω στηρίγματα όλες οι τιμές έδωσα.
>> Αν ήθελα να πάρει το πρώτο στοιχείο της η συστοιχία, η σύνταξη είναι στην πραγματικότητα
η ίδια όπως στο C. Μπορείτε μπορούμε να πούμε συστοιχία μηδέν.
Και μπορείτε να πάρετε ένα.
Μπορώ να πω το ίδιο και για σειρά δύο, και παίρνω αλήθεια.
Αν κάνω κάτι έξω από τον πίνακα, JavaScript είναι μια ασφαλής γλώσσα
γιατί δεν θα πάρετε ένα σφάλμα seg.
Θα πάρω απροσδιόριστη.
>> Και αυτό το απροσδιόριστο, μπορείτε να το είδος των σκέφτομαι ως null.
Αλλά μπορεί να είναι πραγματικά ενοχλητικό όταν κώδικα, επειδή θα πρέπει να βεβαιωθείτε ότι
σχεδόν όλα όσα κάνετε, εργαστείτε με είναι απροσδιόριστο.
Και θα δούμε μερικά παραδείγματα αυτό όταν εργαζόμαστε σε Meteor.
>> Αν συστοιχία τεσσάρων είναι απροσδιόριστη, Μπορώ να εκχωρήσετε μια τιμή.
Γι 'αυτό θα πω ότι ισούται με ένα.
Και τότε, αν πάω σε array, I έχει την πρόσθετη αξία εκεί.
Και παρατηρήσετε ότι διάταξη των τριών, η οποία επίσης Απροσδιόριστος ήταν, παραμένει απροσδιόριστο.
Γι 'αυτό και τώρα έχουμε έναν πίνακα με μια τρύπα στη μέση.
Αλλά αν μου τυπωμένο συστοιχία τεσσάρων, Θα ήθελα να πάρετε ένα.
Αν έκανα διάταξη των τριών, παίρνω απροσδιόριστη.
>> Έτσι, το ωραίο χαρακτηριστικό ότι η JavaScript σας επιτρέπει να κάνετε είναι ότι οι κατάλογοι μπορούν να
αλλάξετε το μέγεθος.
Πίνακες, πίνακες είναι πίνακες, να αλλάξετε το μέγεθος.
Και μπορείτε να καθορίσετε οποιαδήποτε θέση εσωτερικό τους.
Και όλα τα κενά θα γεμίσουν με αυτές τις ακαθόριστες τιμές.
>> Έτσι, έχουμε μιλήσει για τους πίνακες.
Τώρα, το τελευταίο πράγμα που θέλω να καλύψει JavaScript, και αυτό είναι πολύ σημαντικό
για την κατανόηση του κώδικα που Πάω να σας δείξω,
πρόκειται να είναι αντικείμενα.
Και τα αντικείμενα είναι ένας όρος -
Βασικά, είναι παρούσα σε πολλές γλώσσες προγραμματισμού.
Και κάθε γλώσσα προγραμματισμού θέλει να σκεφτείτε τους λίγο διαφορετικά.
>> Νομίζω όμως ότι για Meteor, μια καλή αναλογία είναι η struct C.
Στο C, αν θέλουμε να βρούμε το struct φοιτητής, θα είχαμε να διευκρινίζει όλα τα
πράγματα μέσα από αυτό.
Γι 'αυτό πρέπει να έχει ένα όνομα.
Πρέπει να έχει ένα χρόνο.
Πρέπει να έχει ένα φύλο.
Αλλά πρέπει επίσης να δώσει το τύπους όλα αυτά τα πράγματα.
>> Και τώρα που έχουμε αυτό το καλούπι για το struct που ονομάζεται φοιτητής, μπορούμε να έχουμε μια
νέο struct, και στη συνέχεια μπορούμε με το χέρι πούμε τι είναι το καθένα από τα πεδία.
Και αυτό είναι όπου χρησιμοποιούμε τελεία ονομασία, dot έτους, dot φύλο.
Και τότε ακριβώς, στην τελευταία γραμμή του κώδικα εδώ, είμαι απλώς η εκτύπωση
το όνομα του φοιτητή struct.
>> Στον κόσμο JavaScript, υπάρχει υπάρχει τέτοιο πράγμα όπως φοιτητής struct.
Δεν δημιουργούν μια προκαθορισμένη δομή.
Μπορείτε πραγματικά μόνο, σε αυτές τις βάσεις, να μας πεις ποια είναι τα πάντα.
Και είναι αυτό το παράξενο συμβολισμό με το παχέος εντέρου και, στη συνέχεια, το κόμμα, αλλά θα
συνηθίσει σε αυτό αρκετά σύντομα.
>> Και είναι πραγματικά μια πραγματικά εύκολη, ευέλικτο τρόπο ακριβώς
χειρισμό αντικειμένων.
Θα παρατηρήσετε ότι αν θέλω να πάρω τώρα όνομα από s, εγώ απλά κάνω s.name.
Υπάρχουν ερωτήσεις σχετικά με αυτό;
Αυτό συνήθως έχει μια πολύ συγκεχυμένη θέμα, όταν θα γνωρίσει ο κόσμος
JavaScript.
Θα κάνω μερικά παραδείγματα στον κόμβο.
Ναι;
>> ΚΟΙΝΟ: [δεν ακούγεται].
>> ROGER ZURAWICKI: Έτσι κάνετε ένα παράδειγμα, πολλαπλές
μεταβλητές αυτού του τύπου.
>> ΚΟΙΝΟ: [δεν ακούγεται].
>> ROGER ZURAWICKI: OK.
Έτσι υποθέτω ότι ο τρόπος που θα πάει για είναι που θα θέσει τα αντικείμενα σε μια σειρά,
και τώρα θα έχετε ένα παράταξη αντικειμένων.
Μήπως αυτό απαντήσω στην ερώτησή σας;
>> ΚΟΙΝΟ: [δεν ακούγεται].
>> ROGER ZURAWICKI: Ναι.
S είναι ένα αντικείμενο.
Έτσι, μπορούμε να πάμε σε κόμβο και απλά παίζουν λίγο.
>> ΚΟΙΝΟ: [δεν ακούγεται];
>> ROGER ZURAWICKI: Ω, εντάξει.
Έτσι, αν ρωτάτε τι κατηγορίες είναι, Τα μαθήματα αντιμετωπίζονται πολύ διαφορετικά,
και έχουν ένα πολύ περίεργο σχήμα ονομάζεται πρωτοτύπων, που δεν έχετε
πρέπει να γνωρίζουν.
Δεν υπάρχει σταθερό τρόπο να το κάνει.
Έτσι, εάν θέλετε να δημιουργήσετε πολλαπλές, σας θα ήταν απλά το είδος της έχουν μια λειτουργία
ή κάτι τέτοιο.
Θα δημιουργήσει τη δική του λειτουργία.
Και θα επιστρέψει ένα αντικείμενο.
Αυτός θα είναι ο ευκολότερος τρόπος για να το κάνουμε.
Μήπως αυτό έχει νόημα;
OK.
Μεγάλη.
Έτσι, τη στιγμή που έχουμε μια κατανόηση της JavaScript αντικείμενα, είναι -
Ω, ναι.
>> ΚΟΙΝΟ: [δεν ακούγεται]
παράδειγμα, ποια είναι η διαφορά μεταξύ "Roger" με διπλά εισαγωγικά σε σχέση με
[Δεν ακούγεται] με μονά εισαγωγικά.
>> ROGER ZURAWICKI: OK.
Έτσι, αυτό είναι το C, έχουμε την ενιαία αποσπάσματα που εκπροσωπούν χαρακτήρες, και το διπλό
εισαγωγικά αντιπροσωπεύουν χορδές.
JavaScript ρίχνει στην πραγματικότητα αυτό μακριά επειδή μπορείτε να έχετε με χορδές
μονά ή διπλά εισαγωγικά, και υπάρχει υπάρχει τέτοιο πράγμα όπως μια ενιαία χαρακτηριστικά.
Αλλά αν απλά αντιγράψει το ίδιο Κώδικα C, JavaScript θα
αντιμετωπίσουμε μια χαρά.
Ποια είναι ο λόγος που αντιμετωπίζονται ως -
γι 'αυτό κυριολεκτικά μπορώ λιμάνι ο κώδικας με αυτή την έννοια.
>> Και θέλω να σας δείξω ένα παράδειγμα ενός πιο πολύπλοκο αντικείμενο.
Έτσι, μπορείτε να παρατηρήσετε ότι ένα αντικείμενο μπορεί να έχει ως χορδές τιμές.
Μπορεί να έχετε μια άλλη λίστα τιμών.
Θα μπορούσε να έχει μια λίστα αντικειμένων, όπως τιμές.
Δεν υπάρχει πραγματικά κανένα όριο σε αυτό.
Έτσι, εδώ, είναι απλά μια καλή επίδειξη για το πώς μπορείτε να πάρετε μια πολύ
διαφόρων τύπων σε εξέλιξη όλα σε ένα αντικείμενο.
Μήπως αυτό έχει νόημα;
>> Τώρα, μπορείτε επίσης να έχετε συστοιχίες των αντικειμένων.
Και εδώ είναι το είδος παρόμοιο με αυτό που ρώτησε, αν μπορείτε να έχετε αντικείμενα
το ίδιο είδος.
Αλλά το πρόβλημα είναι, δεν υπάρχει σταθερή μορφή για αντικείμενα σε JavaScript.
Έτσι, θα πρέπει να τους ορίσετε εσείς.
Και θα πρέπει να βεβαιωθείτε ότι είναι ομοιόμορφη.
Έτσι, εδώ, όταν δημιουργώ ένα αντικείμενο, έχω για να βεβαιωθείτε ότι ο καθένας έχει μια
όνομα, και το καθένα έχει ένα σπίτι.
>> Και τότε έχω μια σειρά από αυτά, και ότι μπορεί να εξοχικό σπίτι μου.
Και τότε εδώ μπορείτε να το είδος της δείτε το βρόχο for συμβαίνει.
Ο βρόχος είναι απλά μια πραγματικά κοινή τρόπος για να διασχίσει πάνω από μια σειρά
σε JavaScript.
Σημειώστε ότι αυτό το μοτίβο είναι πολύ παρόμοια στο ισοδύναμο C, όπου μπορείτε
έχουν int i ισούται με μηδέν. εγώ είναι μικρότερο από το μήκος.
Και τότε εγώ συν συν.
>> Είναι σχεδόν το ίδιο κωδικό, εκτός από μερικές λεπτομέρειες.
Έτσι κάνει όλους μας να καταλάβουμε τι είναι ένα αντικείμενο;
Απλά σκεφτείτε το σαν ένα struct C.
Και ο τρόπος που έχουν πρόσβαση τα πεδία είναι μόνο με την τελεία.
Και εφ 'όσον μπορείτε να θυμηθείτε πώς να χρησιμοποιήσω την τελεία, θα είστε μια χαρά.
>> ΕΝΤΑΞΕΙ, έτσι τώρα μπορεί ο καθένας διαβάσετε αυτό το σύνδεσμο;
Αυτός είναι ο σύνδεσμος για το έργο.
Υπάρχει κάποιος που έχει πρόβλημα βλέποντας το σύνδεσμο;
Εντάξει, ας το αλλάξουμε τότε.
Δεν είναι -
Ναι, αυτό είναι ίσως το ευκολότερος τρόπος για να το κάνει.
Μεγάλη.
>> Έτσι, αν πάτε σε αυτό το site, θα πρέπει να υπάρχει είναι μερικές οδηγίες που θα είμαι
πάει πάνω σχετικά με το πώς μπορούμε να εγκαταστήσουμε Meteor και να πάρει δείγμα έργου μας λειτουργία.
Θέλω να βεβαιωθείτε ότι ο καθένας έχει η σύνδεση προς τα κάτω πριν προχωρήσω.
Μπορώ να προχωρήσουμε;
Εντάξει, ωραία.
>> Οπότε είμαι εδώ στην ιστοσελίδα.
Θα παρατηρήσετε στο αρχείο readme, έχουμε κάποιες οδηγίες για το πώς
να πάρει ου συσταθεί.
Θα πρέπει να είναι είτε στο CS50 συσκευής ή απλά για ένα Mac.
Τα Windows δεν θα λειτουργήσει.
Αλλά βασικά τίποτα που δεν είναι Τα Windows θα πρέπει να συνεργαστεί με αυτά
οδηγίες ακριβώς το πρόστιμο.
Αλλά μπορώ να το κάνω λίγο μεγαλύτερο, καθώς και.
>> Έτσι θα τρέξει το πρώτο ζεύγος εντολών.
Αυτά τα παιδιά θα εγκαταστήσει μόνο Meteor.
Μπορώ να μπω σε τερματικό μου.
Και αν μπορώ να εκτελέσω το ίδιο πράγμα τώρα, Έχω ήδη εγκαταστήσει.
Γι 'αυτό είναι λίγο μικρότερη.
Μπορεί να πάρει λίγο περισσότερο χρόνο για σας παιδιά.
Αλλά θέλω πρώτα να βεβαιωθείτε ότι έχουμε Meteor λειτουργία.
Μετά Meteor έχει εγκαταστήσει, θα πρέπει να να είναι σε θέση να πάρει κόμβο στην κονσόλα.
>> ΚΟΙΝΟ: Αναρωτιούνται έναν κωδικό πρόσβασης.
>> ROGER ZURAWICKI: Αυτό θα σας κωδικό πρόσβασης χρήστη, εάν είστε σε έναν υπολογιστή Mac.
Το μόνο που χρειάζεται είναι άδεια τροποποιήσει κάποια αρχεία του συστήματος.
Άρα το ερώτημα ήταν, αν σας ρωτήσει για έναν κωδικό πρόσβασης, απλά ρωτώντας σας
το κωδικό όνομα χρήστη σας, όταν μπορείτε να συνδεθείτε στο Mac σας.
Και αυτό είναι έτσι ώστε να μπορείτε να αλλάξετε τα αρχεία του συστήματος.
>> Και όταν είστε έτοιμοι, μπορείτε να προχωρήσετε στο επόμενο βήμα, το οποίο θα αντιγράψει το
δείγμα κώδικα που έχω από την ιστοσελίδα.
Και θα πάρετε ένα νέο κατάλογο σε σας κατάλογο που ονομάζεται leaderboard, και
μπορούμε να αρχίσουμε να εργαζόμαστε από εκεί.
Έτσι είμαι απλά αντιγραφή και επικόλληση αυτών εντολές στο τερματικό μου.
Και για μένα, έχω ήδη κλωνοποιηθεί.
Έτσι, μπορώ απλά τώρα να προχωρήσουμε στο leaderboard.
Και πρέπει να έχω μερικά αρχεία εκεί.
Οποιεσδήποτε ερωτήσεις;
>> ΚΟΙΝΟ: [δεν ακούγεται] δεν λειτουργεί.
>> ROGER ZURAWICKI: Ω, ίσως Πρέπει git επίσης εγκατεστημένο.
>> ΚΟΙΝΟ: [δεν ακούγεται].
>> ROGER ZURAWICKI: Συγγνώμη;
>> ΚΟΙΝΟ: [δεν ακούγεται].
>> ROGER ZURAWICKI: Ω, εντάξει.
OK.
Αυτό συμβαίνει γιατί μπορεί να χρειαστεί να συνδεδεμένοι στο GitHub για να πάρει αυτό το σύνδεσμο.
Αν εσείς μπορείτε να δείτε ότι, ο ευκολότερος τρόπος για να το κάνω τότε θα πω είναι
κατεβάστε το zip.
Και αυτό θα κατεβάσετε μόνο όλα τα αρχεία.
Και στη συνέχεια, τη στιγμή που θα τεθεί σε σας κατεβάσετε ή να σας κατάλογο -
Θα ήθελα να συστήσω τη θέση της σε σας κατάλογο έτσι μπορούμε όλοι να
εκτελέσετε τις ίδιες εντολές.
Όσο έχουμε τα αρχεία, θα είμαστε να είναι σε θέση να αρχίσουν να εργάζονται μαζί τους.
Επιτρέψτε μου να ξέρω αν οι άνθρωποι έχουν προβλήματα κατά τη λήψη των αρχείων.
>> ΚΟΙΝΟ: Με κατάλογο, εννοείτε -
>> ROGER ZURAWICKI: Έτσι το σπίτι κατάλογο θα είναι John Harvard, εάν είστε σε
η συσκευή CS50.
Για να φτάσετε στον αρχικό σας κατάλογο, απλά πληκτρολογήστε C.
>> ΚΟΙΝΟ: [δεν ακούγεται]
Συσκευή CS50 [δεν ακούγεται].
>> ROGER ZURAWICKI: Ναι.
Θέλετε να εκτελέσετε τις εντολές στο τερματικό σας.
>> ΚΟΙΝΟ: [δεν ακούγεται].
Πήρα ένα σφάλμα που λέει όχι τέτοιο αρχείο ή κατάλογος.
>> ROGER ZURAWICKI: Μπορούμε να ρίξουμε μια γρήγορη σπάσει και απλά βεβαιωθείτε ότι
ο καθένας έχει εγκατασταθεί Meteor, και εγώ θα πήγαινε να προσπαθήσει να βοηθήσει τους ανθρώπους έξω.
Παρακαλώ να προσπαθήσουμε να βοηθήσουμε ο ένας τον άλλο, αν τρέχετε σε προβλήματα.
Δυστυχώς, ναι.
Είσαι τόσο στη συσκευή;
>> ΚΟΙΝΟ: Ναι.
Έχω την RISA
>> ROGER ZURAWICKI: OK.
Αν πάτε πίσω στο δικτυακό τόπο, πηγαίνετε μετακινηθείτε μέχρι την κορυφή.
Και υπάρχει αυτό το HTTPS.
>> ΚΟΙΝΟ: Αντιγράψτε αυτό;
>> ROGER ZURAWICKI: Ναι.
Και τότε θα θέλετε να πληκτρολογήστε το git clone.
Έτσι, αν πατήσετε Control A -
>> ΚΟΙΝΟ: Εδώ;
Και θα το κάνει [δεν ακούγεται];
>> ROGER ZURAWICKI: G-Ι-Τ.
>> ΚΟΙΝΟ: [δεν ακούγεται].
>> ROGER ZURAWICKI: Git και στη συνέχεια κλώνος.
Έτσι είναι πολύ παρόμοια με την εντολή που είχε παραπάνω, αλλά η διεύθυνση URL άλλαξε.
Έτσι, πριν ήταν αυτό, τώρα είναι αυτό.
Επιτρέψτε μου να ενημερώσετε το -
ναι.
>> ΚΟΙΝΟ: [δεν ακούγεται].
>> ROGER ZURAWICKI: Αυτό έχει κατεβάσει.
>> ΚΟΙΝΟ: [δεν ακούγεται].
>> ROGER ZURAWICKI: Ω, έτσι ώστε να δεν αντέγραψε σωστά.
Θα το διορθώσω.
Υπάρχει ένα λάθος με την προσπάθεια να κατεβάσετε τα αρχεία.
Επιτρέψτε μου να ενημερώσετε την εντολή για σας παιδιά ώστε να μπορώ να βεβαιωθείτε ότι θα λειτουργήσει.
Λυπάμαι γι 'αυτό.
Θα πρέπει να είναι το ίδιο για Macs ή συσκευή CS50.
>> ΚΟΙΝΟ: [δεν ακούγεται].
>> ROGER ZURAWICKI: Έχω ενημερωθεί η Εντολή για τον αριθμό δύο, αν
μπορείτε να ανανεώσετε τη σελίδα.
Και με αυτό, το URL, θα πρέπει να σε θέση να κατεβάσετε τα αρχεία.
>> ΚΟΙΝΟ: Έτσι, αν είμαστε ακόμα κατέβασμα [δεν ακούγεται].
>> ROGER ZURAWICKI: Εάν είστε ακόμα λήψη Meteor;
>> ΚΟΙΝΟ: [δεν ακούγεται].
>> ROGER ZURAWICKI: Ναι, αν θέλετε να αναπτύξει για το Mac σας.
Αλλά θα πρέπει να έχετε τον προγραμματιστή Xcode εργαλεία που είναι εγκατεστημένα.
Έχω δοκιμαστεί αυτές τις εντολές για το CS50 συσκευής, ώστε να μπορώ να εγγυηθώ
ότι αυτό θα λειτουργήσει.
Ναι. άσε με να φύγω και να σας βοηθήσει.
>> ΚΟΙΝΟ: [δεν ακούγεται].
Δίνω τον κωδικό μου.
Αυτό είναι το Mac.
Και τότε κάνω [δεν ακούγεται].
>> ROGER ZURAWICKI: OK.
Θα ήθελα να δοκιμάστε να εκτελέσετε όλες τις εντολές αποκλειστικά στο τερματικό συσκευής CS50.
>> ΚΟΙΝΟ: [δεν ακούγεται].
>> ROGER ZURAWICKI: Θα ήθελα να πάρει αυτό που εργάζονται Οποιοδήποτε στο τερματικό, σχετικά με την
Συσκευή CS50, και στη συνέχεια το τερματικό Mac.
>> ΚΟΙΝΟ: Έτσι, αν το κάνεις για το CS50 συσκευή έτσι, [δεν ακούγεται].
>> ROGER ZURAWICKI: Θα ήθελα να προχωρήσουμε για, αλλά αν οι άνθρωποι εξακολουθούν να έχουν
Αντιμετωπίζετε προβλήματα στην εγκατάσταση Meteor, Kevin είναι πιο από ευτυχής να σας βοηθήσω έξω,
Kevin στο γκρι πουκάμισο.
Τι θα πρέπει να έχουμε εμείς πάμε να εκτελέσετε την τελευταία εντολή, νούμερο τρία, σε
τερματικό μας.
Όταν το κάνουμε αυτό, θα τρέξει Meteor.
>> Και θα πρέπει -
OH, έχω ήδη Meteor λειτουργία.
Έτσι, δεν πρόκειται να αφήσει - επιτρέψτε μου Απλά κλείστε άλλες μου Meteor.
Όταν τρέχω Meteor, σας Πρέπει τώρα να δείτε ότι -
θα πρέπει να δείτε τον τρέχοντα κατάλογο ότι είναι το σερβίρισμα.
Και τώρα πρόκειται να πω στον σέρβερ τρέχει σε http://localhost.
Αυτό είναι το URL που θέλετε να βάλετε στο web browser σας.
>> Και σε αυτό το URL, θα πρέπει να είναι σε θέση να πρόσβαση σε ένα ωραίο leaderboard.
Έτσι, παρατηρούμε ότι αυτό είναι σε localhost, πράγμα που σημαίνει ότι αν το κάνετε οποιαδήποτε
αλλαγές, εσείς δεν πρόκειται να δείτε τις αλλαγές του άλλου.
Λαμβάνοντας υπόψη ότι στην ιστοσελίδα που σας έδειξα στην αρχή, θα μπορούσαμε να πάρουμε
αλλαγές του καθενός γιατί όλοι η πρόσβαση στην ίδια ιστοσελίδα.
>> Έτσι, επιτρέψτε μου να πάει στο [; λέξη?]
3000.
Έτσι θα πρέπει να είναι σε θέση να επιβεβαιώσει ακριβώς ότι η λειτουργικότητα λειτουργεί.
Μπορείτε να επιλέξετε διαφορετικούς ανθρώπους, και μπορείτε να τους δώσετε διαφορετικά σημεία.
Έτσι, δίνω σημεία κάποιον.
Μπορείτε επίσης να δείτε ότι να αυξηθεί σε βαθμό.
>> Τώρα, προς το συμφέρον του χρόνου, υπάρχει είναι τα τρία χαρακτηριστικά που έχω
εφαρμοστεί.
Και θα πάμε να εφαρμόσει τη διαγραφή χρήστες ως πρώτο χαρακτηριστικό μας.
Αλλά πριν προχωρήσουμε, είναι Υπάρχουν ερωτήσεις;
Είχες το χέρι σου.
Ναι;
>> ΚΟΙΝΟ: [δεν ακούγεται].
>> ROGER ZURAWICKI: Μπορείτε να ελέγξετε Meteor ότι έχει εγκατασταθεί;
>> ΚΟΙΝΟ: [δεν ακούγεται].
>> ROGER ZURAWICKI: Τοπική υποδοχής 3.000;
Και είστε στη συσκευή CS50;
Μπορώ να κάνω -
δεν χρειάζεται να είναι σε ένα Mac.
Αυτό θα λειτουργήσει στη συσκευή.
>> ΚΟΙΝΟ: [δεν ακούγεται].
>> ROGER ZURAWICKI: Στην κανονική πρόγραμμα περιήγησης στο web, ναι.
>> ΚΟΙΝΟ: [δεν ακούγεται].
>> ROGER ZURAWICKI: Είναι Meteor τρέχει;
Έτσι Εντάξει, υπάρχει μια διάκριση εδώ.
Εάν το τρέξιμο στο συσκευής, θα πρέπει να κάνετε
localhost εντός της συσκευής.
Αν τρέχει στο Mac σας, όπως είμαι, τότε μπορώ να κάνω
Mac Google Chrome μου.
Αλλά αν χρησιμοποιείτε τη συσκευή CS50, θα πρέπει να κάνουμε τα πάντα
στη συσκευή.
Έτσι, μπορείτε να χρησιμοποιήσετε το Google Chrome στη συσκευή.
>> ΚΟΙΝΟ: [δεν ακούγεται].
>> ROGER ZURAWICKI: Είναι εξακολουθεί να μην λειτουργεί;
>> ΚΟΙΝΟ: [δεν ακούγεται].
>> ROGER ZURAWICKI: Έτσι απλά για να επαναλάβω, πώς μπορώ να έχω πρόσβαση στην ιστοσελίδα τώρα.
Έχετε μια διεύθυνση URL εδώ localhost 3000.
Αν είστε στη συσκευή CS50, πρέπει να ανοίξετε το CS50
Google Chrome συσκευής.
Και σε αυτό το Google Chrome στο πλαίσιο της συσκευή, μπορείτε να πληκτρολογήσετε σε αυτό το URL,
και θα πρέπει να δείτε ένα leaderboard.
Έτσι, Πάω να το θέσω απλά off προς την πλευρά εδώ λίγο.
Και τώρα είμαι πρόκειται να ανοίξει μου επεξεργαστή κειμένου εδώ.
Έτσι, επιτρέψτε μου να βεβαιωθείτε ότι ο κωδικός είναι σε τάξη.
OK.
Μεγάλη.
>> Θα ήθελα τώρα να περπατήσετε μέσα ο κωδικός λίγο.
Και το πρώτο αρχείο θα ήθελα να ξεκινήσετε με Is leaderboard.html.
Θα είστε σε θέση να πάρετε τον κώδικα αυτό μετά το σεμινάριο, γι 'αυτό ακριβώς θέλω να δείξω
σας στον υπολογιστή μου τι συμβαίνει.
Ελπίζω, λοιπόν, όλοι μπορούν να δουν αυτό.
Έτσι, στην αρχή του αρχείου, εμείς έχουν το κεφάλι μας και τον τίτλο, η οποία
είναι παρόμοιο με αυτό που είδαμε σε κάθε έγγραφο HTML.
Και μετά θα πάμε να έχουν η ετικέτα του σώματος εδώ.
>> Αυτό που έχω επιλέξει είναι το κύριο σώμα, βασικά αυτό είναι
πρόκειται να πάρει εμφανίζεται.
Αλλά υπάρχουν κάποια νέα μη-HTML πράγματα, και αυτό είναι στην
διπλές αγκύλες γωνία.
Και αυτά είναι πρότυπο ετικέτες.
Έτσι θα δείτε εδώ αυτό το βραχίονα βραχίονα νέο leaderboard.
Και αυτό είναι το είδος του - σκεφτείτε ότι όπως καλώντας μια λειτουργία για την HTML.
>> Αυτή είναι μια ειδική έκδοση του HTML.
Είναι η έκδοση που χρησιμοποιεί Meteor, η οποία Γι 'αυτό μπορείτε να εμφανίσετε διαφορετικές
πράγματα, όπως το leaderboard τα ονόματα και τα κουμπιά.
Αλλά leaderboard σας λέει να πάτε στο πρότυπο με το όνομα leaderboard.
Έτσι, το πρότυπο δεν θα εμφανίζονται πλέον από μόνη της, αλλά είναι μια λειτουργία, έτσι ώστε να
θα καλεστεί.
Και θα υποκαταστήσει σε όλα αυτά κώδικα εδώ στο leaderboard.
>> Το ενδιαφέρον μέρος του leaderboard εδώ είναι ακριβώς αυτό το τραπέζι.
Αν απλά να το διαβάσετε, να διαβάσετε αυτόν τον κωδικό φωναχτά, θα πρέπει να είναι διαισθητικό
γιατί leaderboard, το μόνο που έχουμε εδώ είναι ένας πίνακας.
Αυτό το αναγνωριστικό κλάσης πράγματα που δεν πρέπει να ανησυχούν.
Απλά ξέρω ότι υπάρχει μια κεφαλίδα του πίνακα.
Αυτό είναι αυτό κλωστή.
>> Και βρίσκει ένα όνομα και μια βαθμολογία.
Όλες αυτές οι ετικέτες, όπως thtable, κλωστή, θα πρέπει ακριβώς να μάθετε καθώς πηγαίνετε εμπρός.
Δεν είναι σημαντικό ότι έχετε απομνημονεύσει αυτά, επειδή μπορείτε απλά να αποκτήσετε πρόσβαση σε οποιοδήποτε
αναφορά σε απευθείας σύνδεση.
Ή μέχρι το τέλος του εξαμήνου, οι απλά θα είναι πολύ εξοικειωμένοι με σας.
>> Μετά την επικεφαλίδα του πίνακα, ο μέρος που θέλω να επιστήσω σας
προσοχή είναι αυτή η ετικέτα.
Επειδή είναι σε διπλές αγκύλες, Είναι ένα πρότυπο.
Έτσι ώστε να σημαίνει για καθένα από τους παίκτες, ό, τι παίκτες είναι, θα πρέπει να
το εμφανίσετε.
Και πάμε στο πρότυπο παίκτη.
>> Αν μετακινηθείτε προς τα κάτω λίγο περισσότερο -
Ελπίζω ότι ο καθένας μπορεί να δει ότι.
Έχουμε το πρότυπο παίκτη.
Και αυτό το πρότυπο καθορίζει ουσιαστικά ένα κελί πίνακα, όπου μπορείτε να βάλετε το όνομα
εδώ και το σκορ.
Σμίκρυνση τώρα, μπορούμε να δούμε ότι αυτό το κομμάτι του κώδικα -
και ότι ήταν παίκτης μας εκεί κάτω -
ορίζει ένα από αυτά τα κύτταρα.
Κάθε πράγμα που κάνω κλικ γίνεται κίτρινο.
>> Ένας απλός τρόπος που θα μπορούσε να αλλάξει τώρα.
Βεβαιωθείτε ότι Meteor βρίσκεται ακόμη σε εξέλιξη.
Meteor θα πρέπει να είναι μια διαδικασία διακομιστή, έτσι μπορείτε να το αφήσετε
εκτελείται όταν αναπτυχθεί.
Ας πούμε ότι ήθελα να αλλάξω όλα τα ονόματα ή το σκορ.
Και θα ήθελα να πω ότι πρόκειται για να προσθέσετε σημεία εδώ.
Έτσι, η αλλαγή που έκανα ήταν εδώ, αντί ακριβώς σκορ, I
προσθέσετε το σκορ σημεία χώρο.
>> Πάω για σμίκρυνση, και είμαι πρόκειται να αποθηκεύσετε το αρχείο μου.
Και μετά θα αποθηκεύσετε το αρχείο μου, χρειάζομαι για να βεβαιωθείτε ότι Meteor βρίσκεται σε λειτουργία.
Λυπάμαι γι 'αυτό.
Θέλω να σας δείξω αλλαγές έγιναν σε πραγματικό χρόνο.
Γι 'αυτό θα αλλάξει μόνο κάποιο κείμενο.
Κάντε κλικ σε έναν παίκτη.
Είμαι βάζοντας σε όλα τα καλύμματα.
Και θα πρέπει να είναι ότι, εάν αυτό λειτουργεί σωστά, όταν το αποθηκεύσετε,
Θα ενημερώσετε.
>> Ναι, νομίζω ότι αυτή τη στιγμή το πρόβλημα είναι Δεν είμαι στο σωστό κατάλογο.
OK.
Λυπάμαι γι 'αυτό.
Μέχρι εδώ, τι θα παρατηρήσετε είναι αλλαγή μου πέρασε.
Τώρα να πω ότι θέλετε να επιστρέψετε την αλλαγή.
Θέλω να πάω πίσω σε ό, τι είχα.
Είμαι ακριβώς πρόκειται να το πληκτρολογήσετε κανονικά.
Κάντε κλικ σε έναν παίκτη.
>> Τη στιγμή που τον σώσει, ο ιστοσελίδα ανανεώνεται για μένα.
Και βλέπω την αλλαγή μου σε η περιοχή αμέσως.
Αυτό είναι ένα πραγματικά χρήσιμο χαρακτηριστικό στο debugging γιατί τώρα
Δεν έχω να -
όταν γράφουμε κώδικα C, όχι μόνο δεν θα Πρέπει να αποθηκεύσετε το αρχείο, αλλά έπρεπε να
κάνει και στη συνέχεια να το εκτελέσετε ξανά.
Meteor είναι πολύ ωραίο γιατί σε αντίθεση με C, τη στιγμή που θα σώσει HTML ή
Αρχείο JavaScript, η αλλαγή εμφανίζεται αμέσως.
>> Ένα ερώτημα είναι, σε αυτά τα πρότυπα, τον τρόπο μπορώ να πάρω τις τιμές, όπως συσκευές αναπαραγωγής
ή επιλέξτε ένα όνομα;
Αν έχω μεγεθύνετε εδώ στον κώδικα μου, Βλέπω αυτό για κάθε παίκτες.
Έτσι, το πρότυπο γνωρίζει ότι Έχω παίκτες με κάποιο τρόπο.
Και ξέρει ότι υπάρχει ένα επιλεγμένο όνομα.
Όταν το κάνει αυτό προέρχεται από;
Αυτό προέρχεται από το JavaScript.
>> Και αν πάτε να leaderboard.js, αυτό αρχείο, τώρα όταν πάω εδώ, έχουμε ένα
λίγες εντολές που ορίζονται.
Αυτό είναι ειδική σύνταξη Meteor.
Σημειώστε ότι δεν χρειάζεστε vars ή οτιδήποτε.
Αλλά αυτά είναι μόνο structs κατά structs κατά structs ή αυτά τα αντικείμενα.
Και όλα είμαι καθορισμό είναι το πρότυπο ονομάζεται leaderboard.
>> Leaderboard θα πρέπει να πάρετε μια πράγμα που ονομάζεται παίκτες.
Και τι είναι οι παίκτες;
Είναι ό, τι επιστρέφει η έκφραση αυτή.
Και τι είναι επιλεγμένο το όνομα;
Είναι λίγο περισσότερο κώδικα.
Οι λεπτομέρειες του κώδικα θα καλύπτουν λίγο αργότερα.
Αλλά τώρα θέλω να καταλάβετε ότι σε αυτόν τον κώδικα, παίρνουμε
παίκτες, και δίνουμε την τιμή.
Σε αυτή την περίπτωση, είναι μια λειτουργία που εκτελείται.
Έτσι, μπορούμε να πάρουμε την τιμή πίσω όταν εκτελείτε τη λειτουργία.
Αυτό είναι ένα αρχείο καταγραφής.
Μήπως αυτό έχει νόημα;
>> Μπορώ να αλλάξω τον τρόπο που είναι ταξινομημένο.
Εδώ, υπάρχει ένα αντικείμενο ταξινόμησης.
Και τι λέει αυτό είναι Πάω να ταξινομήσετε ανά βαθμολογία φθίνουσα πρώτο και
στη συνέχεια το όνομα αύξουσα.
Αν αλλάξω αυτό σε μία, πρόκειται να ταξινομήσετε σκορ αύξουσα.
Έτσι το μηδέν πρέπει να είναι στην κορυφή.
Και όταν ζουμ στην ιστοσελίδα μου, τώρα να δούμε ότι η ιστοσελίδα ενημερώθηκε.
Και το σκορ είναι ανάβαση.
>> Η επόμενη λειτουργία θέλω μόνο για την κάλυψη είναι η αύξηση κλικ.
Από το συμφέρον του χρόνου, δεν θα το κάνω να είναι σε θέση να καλύψει περισσότερο από το Meteor
κώδικα, αλλά υπάρχει αφθονία των πόρων διαθέσιμες, και θα είμαι
εδώ μετά το σεμινάριο.
Αλλά θέλω να καλύψει τα γεγονότα leaderboard.
Αυτή η σύνταξη θα μάθετε Λίγο αργότερα στη διάλεξη.
Αυτό είναι JavaScript.
>> Απλά λέμε, όταν παίρνουμε ένα κλικ, και είναι σχετικά με την αύξηση, αυτό
hash σημαίνει ακριβώς ID.
Από την ετικέτα αύξηση ID, τότε θέλουμε για την ενημέρωση - τις λέξεις κλειδιά που θέλετε
να παρακολουθήσετε είναι ενημερωμένη και επιλέξτε και ο παίκτης.
Έτσι, όποιο παίκτη επιλεγεί, θα τον ενημερώνει.
Και αυτό που κάνουμε είναι να αυξήσετε βαθμολογία της κατά πέντε.
Και αυτό θα περιγράψει τη λειτουργικότητα έχουμε εδώ.
>> Μετά το τέλος του σεμιναρίου, θα να είναι σε θέση να δείτε λίγο περισσότερο κώδικα.
Όμως, πηγαίνοντας πίσω στο στόχο μου που θέλω να αλλάξτε τη θέση του, θα ήθελα εδώ
για να προσθέσετε ένα κουμπί αφαίρεση έτσι Μπορώ να διαγράψει τον παίκτη.
Έτσι για να το κάνουμε αυτό, θα πρέπει να κάνει δύο πράγματα.
Θα πρέπει να ενημερώσετε τον κώδικα HTML, ενημερώσετε το δείτε, αυτό που παίρνει εμφανίζεται στο χρήστη, και
τότε έχουν κάποια JavaScript ότι όταν η πατήσετε το κουμπί, Meteor πρόκειται
να κάνει κάτι.
Πρόκειται να καταργήσετε αυτό το player.
>> Έτσι, υπάρχουν πολλά κομμάτια του κώδικα που βασικά έχει ήδη
έχει κάνει για μένα.
Αν κοιτάζω εδώ, έχω ήδη έναν τρόπο να πάρει το επιλεγμένο παίκτη.
Αυτός είναι αυτά τα πράγματα, αν μπορείτε να το δείτε.
Έτσι, αν εγώ απλά -
Πάω να έχουν ένα άλλο γεγονός.
Έτσι, Πάω να αντιγράψετε ό, τι έχω.
Επειδή αυτό είναι μια λίστα, Χρειάζομαι μόνο ένα κόμμα.
>> Έτσι τώρα θα πάω να κάνετε κλικ διαγράψετε.
Και τότε, αντί των παικτών ενημέρωση, Πάω να κάνω τους παίκτες να διαγράψετε.
Και όλοι οι παίκτες να διαγράψετε τις ανάγκες είναι ένα επιλεγμένο παίκτη.
Έτσι, αυτή η λειτουργία είναι όλα όσα χρειαζόμαστε.
Θα χρειάζεται να προσθέσετε κάποια HTML εδώ όμως.
Έτσι, αν μετακινηθείτε προς τα κάτω εδώ, αυτή είναι η άποψη HTML.
Είχαμε ένα πράγμα εδώ, η οποία ήταν μια ετικέτα.
Δεν χρειάζεται να ανησυχείτε για αυτό.
>> Αυτό που έχει σημασία για εσάς είναι αυτό το αναγνωριστικό αύξηση.
Και αυτό είναι που μας επέτρεψε να πούμε, όταν κάναμε κλικ προσαύξησης, θα πρέπει να
δώσει πέντε σημεία.
Και θα δείτε ότι αυτό είναι ένα κουμπί.
Αυτό είναι το τι σημαίνει το btn.
Και το κείμενο στο κουμπί είναι να δώσουμε πέντε σημεία.
Λοιπόν, τι Πάω να κάνουμε είναι να είμαι πρόκειται να αντιγράψετε αυτή τη γραμμή.
Πάω να αλλάξετε το αναγνωριστικό για να διαγράψετε.
Και Πάω να αλλάξει η κείμενο εδώ για να διαγράψετε.
>> Έτσι, βεβαιωθείτε ότι τα πάντα έσωσε.
Θέλω να πάω πίσω στο JavaScript μου για να βεβαιωθείτε ότι έχω
διαγραφή παρατάσσονται εδώ.
Καλή.
Έτσι, Πάω να σώσει τα δύο αρχεία.
Μετά την αποθήκευση των δύο αρχείων, μπορεί να πάει πίσω προς τα κάτω.
Και τώρα βλέπουμε έχουμε ένα κουμπί διαγραφή.
Και ένα ακόμα βήμα.
Θα παρατηρήσετε μπορείτε να πάρετε μια σφάλματος, επειδή όταν κάνω κλικ
διαγράψετε, τίποτα δεν συμβαίνει.
>> Ένας τρόπος για να διορθώσετε αυτό είναι να πάει πίσω στην Επιθεωρήστε Element.
Το κάνω αυτό για το σκοπό ώστε να μπορείτε να δείτε πώς θα debug κάτι.
Σε Επιθεωρήστε Element, έχουμε ολόκληρου του κειμένου μας εδώ κάτω.
Θέλω να πάω πίσω στην κονσόλα.
Και τι συμβαίνει όταν πάω εδώ είναι να πάρω κάποιο είδος του λάθους.
Λέει ότι δεν υπάρχει μέθοδος να διαγράψετε.
>> Έτσι, αυτό που λέει είναι όταν πάω πίσω στον κώδικα, κάλεσα player
διαγράψετε εδώ.
Διαγραφή δεν είναι στην πραγματικότητα η σωστή εντολή.
Έτσι για να μάθετε ποια είναι η σωστή εντολή είναι, υπάρχει το Meteor API.
Η τεκμηρίωση που θέλω να σας επισημάνω παιδιά να είναι ακριβώς στο meteor.com.
Έτσι έχω εδώ.
Αυτό είναι ακριβώς έτσι εσείς ξέρετε όπου για να μάθετε περισσότερα.
>> Υπάρχει μια σύνδεση με την τεκμηρίωση.
Και βασικά, μπορώ μόνο βρίσκουν για διαγραφή.
Και αυτό που βλέπετε, να διαγράψετε είναι στην πραγματικότητα αφαιρέσετε.
Αυτή είναι η εντολή που Θέλω να καλέσω.
Έτσι, τώρα που ξέρουμε ότι, Πάω να αλλάξει αυτό διαγραφή για να καταργήσετε.
Έτσι τώρα, όταν πάω πίσω στο leaderboard μου ιστοσελίδα, Πάω να κάνετε κλικ
διαγράψετε, και τώρα φεύγω.
Δεν υπάρχει πιο Roger.
Και μπορώ να συνεχίσω τη διαγραφή κάθε ενιαίας ονομασίας μέχρι να έχω μείνει τίποτα.
>> Έτσι, αυτό ήταν μια μικρή προεπισκόπηση το πώς να χρησιμοποιήσετε Meteor.
Θα μάθετε πολλά περισσότερα JavaScript και HTML αναγκαίο να
το βλέμμα πιο όμορφη, η οποία θα καλύπτει [αυτής της εβδομάδας; κομμάτι?] οριστεί για HTML
και JavaScript στο επόμενο [? κομμάτι?] ρυθμιστεί.
>> Επομένως, μην πάρετε ανησυχούν αν όχι όλα αυτά τα πράγματα έρχεται εύκολα για εσάς.
Θα Μέχρι τη στιγμή της το τελικό σχέδιο.
Ευχαριστούμε για την εμφανίζονται.
Ο σύνδεσμος θα ενημερώσει αμέσως μετά την σεμινάριο, ώστε να μπορείτε να δείτε κάποια περισσότερα
παραδείγματα που έχω σχετικά με το πώς εφαρμόζονται για να πάρει την πιο προηγμένη leaderboard
ότι έχω σε αυτή την ιστοσελίδα εδώ στο ένα ριζοσπαστικό-leaderboard.meteor.
Σας ευχαριστώ.
>> [Χειροκροτήματα]