1 00:00:00,000 --> 00:00:08,100 2 00:00:08,100 --> 00:00:08,890 >> ROGER ZURAWICKI: Γεια σε όλους. 3 00:00:08,890 --> 00:00:11,310 Μπορώ να πάρει την προσοχή σας; 4 00:00:11,310 --> 00:00:12,090 Ευχαριστώ, παιδιά. 5 00:00:12,090 --> 00:00:14,030 Σήμερα θέλω να μιλήσω για Meteor. 6 00:00:14,030 --> 00:00:16,710 Είναι ένα πλαίσιο το JavaScript. 7 00:00:16,710 --> 00:00:21,110 Θα πρέπει να πηγαίνει μέσα από το πώς μπορείτε να κάνουν πραγματικά δροσερό εφαρμογές web. 8 00:00:21,110 --> 00:00:24,940 >> Πριν φτάσουμε σε JavaScript, απλά θέλω να σας πω ρε παιδιά ότι αυτό θα 9 00:00:24,940 --> 00:00:26,900 να - θα έχετε μια νεότερη κομμάτι αυτό το εξάμηνο. 10 00:00:26,900 --> 00:00:28,520 Θα πρέπει να είναι περίπου JavaScript. 11 00:00:28,520 --> 00:00:32,910 Νομίζω ότι [δεν ακούγεται] για πρώτη φορά πρόκειται να καλύπτουν την PHP πράγματα web HTML πριν 12 00:00:32,910 --> 00:00:34,530 κινηθεί προς JavaScript. 13 00:00:34,530 --> 00:00:39,650 Και σε CS50, JavaScript θεωρείται σαν ένα κωδικό πελάτη. 14 00:00:39,650 --> 00:00:41,970 Γι 'αυτό παίρνει μόνο τρέχει σε ο web browser. 15 00:00:41,970 --> 00:00:45,740 >> Όμως, χάρη στις πρόσφατες εξελίξεις στην τεχνολογία, τώρα έχουμε καταφέρει να τρέξει 16 00:00:45,740 --> 00:00:48,090 JavaScript ως server, καθώς και. 17 00:00:48,090 --> 00:00:51,630 Έτσι, αυτό έχει δημιουργήσει μια πραγματικά δροσερή πλαίσιο, διότι τώρα μπορείτε να γράψετε 18 00:00:51,630 --> 00:00:55,250 νομίμως τον ίδιο κωδικό για ο πελάτης και ο διακομιστής. 19 00:00:55,250 --> 00:00:57,810 Και όταν ορίζετε λειτουργίες σας εξυπηρετητή, ο πελάτης σας μπορεί να καλέσω εκείνους 20 00:00:57,810 --> 00:00:59,090 ίδιες λειτουργίες. 21 00:00:59,090 --> 00:01:00,370 Και αυτό το καθιστά πολύ πιο εύκολο. 22 00:01:00,370 --> 00:01:04,519 Ενώ πριν, αν είστε με τη χρήση της PHP για ο server, JavaScript στο μπροστινό μέρος 23 00:01:04,519 --> 00:01:08,040 τέλος, θα πρέπει να γράψετε μια συνάρτηση PHP και, στη συνέχεια, μια έκδοση του JavaScript 24 00:01:08,040 --> 00:01:10,880 ίδια λειτουργία για να κάνει το ίδιο είδος εργασίας. 25 00:01:10,880 --> 00:01:14,330 >> Έτσι, πριν ξεκινήσουμε, θα ήθελα να σας δείξω μια επίδειξη του τι 26 00:01:14,330 --> 00:01:17,190 Meteor μπορεί να κάνει για σας. 27 00:01:17,190 --> 00:01:20,330 Θα σας δείξω το demo, το οποίο είναι ό, τι θα είστε σε θέση να δημιουργήσει από το 28 00:01:20,330 --> 00:01:21,580 τέλος αυτού του σεμιναρίου. 29 00:01:21,580 --> 00:01:24,260 30 00:01:24,260 --> 00:01:25,670 Εμείς απλά πηγαίνετε εδώ. 31 00:01:25,670 --> 00:01:27,410 Αυτό είναι ένα app Leaderboard. 32 00:01:27,410 --> 00:01:31,970 Είναι στην πραγματικότητα βασίζεται έξω από το παράδειγμα ότι Meteor σας δίνει. 33 00:01:31,970 --> 00:01:37,220 >> Meteor είναι πολύ ωραίο γιατί όταν εγκαταστήσετε ως ένα πακέτο, μπορείτε να 34 00:01:37,220 --> 00:01:39,140 ουσιαστικά παίζουν με αυτά τα τέσσερα demos. 35 00:01:39,140 --> 00:01:41,410 Και το Leaderboard είναι η πρώτη από αυτές τις επιδείξεις. 36 00:01:41,410 --> 00:01:44,620 Μετά το σεμινάριο, θα σας ενθαρρύνω όλους να διερευνήσει ακριβώς τα άλλα demos 37 00:01:44,620 --> 00:01:48,300 διότι πιστεύω ότι είναι πραγματικά δροσερό, και θα σας δείξει τη δύναμη του Meteor. 38 00:01:48,300 --> 00:01:51,310 >> Έτσι τι είναι αυτό, αυτό είναι φιλοξενείται στο Leaderboard. 39 00:01:51,310 --> 00:01:54,950 Αυτό είναι ακριβώς ειλικρινά μια λίστα με ονόματα. 40 00:01:54,950 --> 00:01:56,510 Και μπορείτε να επιλέξετε τους ανθρώπους. 41 00:01:56,510 --> 00:01:57,780 Κιτρινίζουν. 42 00:01:57,780 --> 00:02:00,060 Και τότε μπορείτε να δώσετε τα πέντε σημεία. 43 00:02:00,060 --> 00:02:02,850 Και θα παρατηρήσετε ότι η λίστα είναι ταξινομημένα γιατί όπως ο ίδιος δώσει περισσότερες 44 00:02:02,850 --> 00:02:05,850 και περισσότερα σημεία, είμαι τώρα στην κορυφή. 45 00:02:05,850 --> 00:02:07,420 Έτσι, αυτό είναι όπου θα αρχίσουμε. 46 00:02:07,420 --> 00:02:11,690 >> Και τι θα είστε σε θέση να πάρει από αυτό το σεμινάριο είναι μερικά περισσότερα 47 00:02:11,690 --> 00:02:13,600 χαρακτηριστικά που έχετε προσθέσει στο το Leaderboard. 48 00:02:13,600 --> 00:02:18,240 Θα πρέπει να καλύπτει τον τρόπο, καθώς και προσθέσει πέντε πόντους σε έναν παίκτη, μπορούμε 49 00:02:18,240 --> 00:02:28,720 διαγραφή παικτών, μπορούμε να προσθέσουμε νέους παίκτες, και μπορούμε να επιλέξουμε πώς θέλουμε 50 00:02:28,720 --> 00:02:29,540 να τις ταξινομήσετε. 51 00:02:29,540 --> 00:02:35,240 Και όλα αυτά είναι πολύ εύκολο κλήσεις API ότι Meteor σας παρέχει. 52 00:02:35,240 --> 00:02:39,120 Μπορείτε επίσης να έχουν έναν χαρακτηριστικό εδώ για τυχαία τα αποτελέσματα. 53 00:02:39,120 --> 00:02:41,450 >> Έτσι, αυτό που είναι πραγματικά δροσερό για αυτό είναι εσείς μπορεί πραγματικά 54 00:02:41,450 --> 00:02:43,820 όλα να πάνε στο site. 55 00:02:43,820 --> 00:02:46,575 Θα το βάλω σε μεγαλύτερο κείμενο εδώ. 56 00:02:46,575 --> 00:02:51,390 57 00:02:51,390 --> 00:02:52,640 One-ρίζα-μολύβδου erboard.meteor.com. 58 00:02:52,640 --> 00:03:03,390 59 00:03:03,390 --> 00:03:07,622 Και όταν τα παιδιά πηγαίνουν στο site, θα πρέπει να είναι σε θέση να επεξεργαστείτε το site, και 60 00:03:07,622 --> 00:03:09,595 όλες οι επεξεργασίες σας θα είναι ορατή για όλους τους άλλους. 61 00:03:09,595 --> 00:03:12,730 62 00:03:12,730 --> 00:03:17,740 Έτσι, μπορείτε να - είναι εσείς όλα είναι σε θέση να συνδεθεί με το site? 63 00:03:17,740 --> 00:03:18,750 Έτσι παίζουν με αυτό. 64 00:03:18,750 --> 00:03:20,440 Πήγαινε και να αρχίσει τη διαγραφή κάποια ονόματα. 65 00:03:20,440 --> 00:03:21,690 Δείτε τι συμβαίνει. 66 00:03:21,690 --> 00:03:35,370 67 00:03:35,370 --> 00:03:38,510 >> Έτσι, βλέπετε όλοι μπορούν να παίξουν. 68 00:03:38,510 --> 00:03:41,930 Αυτή είναι μόνο η προεπιλεγμένη ασφάλεια λειτουργίας για Meteor. 69 00:03:41,930 --> 00:03:44,360 Θα δείτε ότι όλοι μπορούν να αλλάξει τα δεδομένα του άλλου. 70 00:03:44,360 --> 00:03:44,920 Μην ανησυχείτε. 71 00:03:44,920 --> 00:03:46,460 Meteor δεν έχουν ασφάλεια. 72 00:03:46,460 --> 00:03:49,860 Αυτό είναι ένα πολύ εύκολα να εφαρμοστεί χαρακτηριστικό, όπου θα μπορούσε να δημιουργήσει χρήστες 73 00:03:49,860 --> 00:03:50,600 και συνδέσεις. 74 00:03:50,600 --> 00:03:53,750 Αλλά τώρα, όποιος επισκέπτεται το ιστοσελίδα μπορεί να δώσουν στον εαυτό τους, όπως πολλοί 75 00:03:53,750 --> 00:03:55,000 σημεία όπως θέλουν. 76 00:03:55,000 --> 00:03:57,140 77 00:03:57,140 --> 00:04:00,090 Γι 'αυτό και πάντα έτσι, επειδή αυτό είναι ένας διασκεδαστικός τρόπος για να ξεκινήσετε. 78 00:04:00,090 --> 00:04:02,360 Και τότε θα μιλήσουμε μόνο σχετικά με τις λεπτομέρειες, πώς 79 00:04:02,360 --> 00:04:03,610 Meteor δίνει αυτή τη δυνατότητα. 80 00:04:03,610 --> 00:04:10,820 81 00:04:10,820 --> 00:04:15,660 >> Έτσι, Πάω να καλύψει ό, τι είναι Meteor, και στη συνέχεια απλά θα πρέπει να καλύπτουν το 82 00:04:15,660 --> 00:04:18,920 δύο προϋποθέσεις που CS50 Δεν έχει καλύψει αρκετό. 83 00:04:18,920 --> 00:04:21,970 Αλλά μέχρι το τέλος του χρόνου, θα πρέπει να να είναι άνετα με HTML και 84 00:04:21,970 --> 00:04:25,250 Javascript για να πάρει πραγματικά τα χέρια σας βρώμικο συνεργασία με Meteor. 85 00:04:25,250 --> 00:04:28,740 Και νομίζω ότι είναι απλά ένας πολύ καλός τρόπος για ακόμη λιγότερο άνετα τους μαθητές να κάνουν 86 00:04:28,740 --> 00:04:32,930 τελικών σχεδίων επειδή μπορεί πραγματικά μείνετε σε μία γλώσσα, και παίρνουν για να 87 00:04:32,930 --> 00:04:37,620 δείτε τις αλλαγές τους λειτουργεί αμέσως. 88 00:04:37,620 --> 00:04:42,520 >> Έτσι, αυτή η διαφάνεια δείχνει μόνο μερικά από τα σημαντικές τεχνολογίες που Meteor JS 89 00:04:42,520 --> 00:04:43,610 δίνει σε εσάς. 90 00:04:43,610 --> 00:04:46,090 Meteor δεν είναι μια νέα τεχνολογία μόνη της. 91 00:04:46,090 --> 00:04:48,390 Είναι πραγματικά ένα συνονθύλευμα από όλα αυτά τα διαφορετικά πράγματα 92 00:04:48,390 --> 00:04:49,920 έχουμε στο διαδίκτυο. 93 00:04:49,920 --> 00:04:55,650 Καθώς και HTML, CSS, JavaScript, εμείς έχουν κάποιες τεχνολογίες, όπως Node.js, 94 00:04:55,650 --> 00:04:58,490 το οποίο είναι αυτό που σας επιτρέπει να εκτελέσετε JavaScript στο πίσω άκρο στον υπολογιστή σας 95 00:04:58,490 --> 00:05:02,520 διακομιστή, καθώς και κάποια JavaScript βιβλιοθήκες, όπως jQuery, Underscore. 96 00:05:02,520 --> 00:05:06,320 >> Όλα αυτά θα είναι εξοικειωμένοι με σας μέχρι το τέλος του εξαμήνου. 97 00:05:06,320 --> 00:05:10,680 Και εμείς επίσης να χρησιμοποιήσετε μια βάση δεδομένων που ονομάζεται MongoDB, το οποίο είναι ένα πραγματικά 98 00:05:10,680 --> 00:05:14,250 δημοφιλής βάση δεδομένων τώρα αυτά τα νέα ξεκινήματα. 99 00:05:14,250 --> 00:05:18,650 Μπορείτε να σκεφτείτε από το όπως όπως MySQL, αλλά λειτουργεί πολύ καλά με JavaScript. 100 00:05:18,650 --> 00:05:22,140 Και υπάρχουν και κάποιες άλλες τεχνολογίες εδώ και πολλά άλλα που δεν έχω αναφέρονται 101 00:05:22,140 --> 00:05:23,880 ότι όλα τα interface πραγματικά ωραία με Meteor. 102 00:05:23,880 --> 00:05:26,900 103 00:05:26,900 --> 00:05:30,540 >> Πρέπει να βάλω αυτή τη διαφάνεια, διότι μερικές φορές παίρνω σύγχυση σχετικά με αυτό. 104 00:05:30,540 --> 00:05:31,695 Meteor είναι μόνο JavaScript. 105 00:05:31,695 --> 00:05:33,040 Δεν είναι η PHP. 106 00:05:33,040 --> 00:05:34,360 Δεν είναι το Ruby on Rails. 107 00:05:34,360 --> 00:05:37,950 Έτσι, αν γράφετε κώδικα, εάν θέλετε να γράψει ένα έργο Meteor, που πραγματικά 108 00:05:37,950 --> 00:05:38,900 Δεν μπορείτε να χρησιμοποιήσετε κώδικα Ruby. 109 00:05:38,900 --> 00:05:41,660 Μπορείτε πραγματικά δεν χρησιμοποιούν PHP. 110 00:05:41,660 --> 00:05:45,800 >> Ενώ θα δούμε ότι οι διαφορές κώδικα και σύνταξη μπορεί να μην είναι ότι 111 00:05:45,800 --> 00:05:48,930 διαφορετικά, θέλω να σας τονίσω ότι η Meteor, ό, τι ο κώδικας είναι 112 00:05:48,930 --> 00:05:50,660 μόνο σε JavaScript. 113 00:05:50,660 --> 00:05:53,920 Και όλα αυτά που δείχνουν να ο χρήστης θα είναι HTML CSS. 114 00:05:53,920 --> 00:05:56,780 Αλλά δεν είστε χρησιμοποιώντας πραγματικά κάποια από οι άλλες γλώσσες ότι και άλλες 115 00:05:56,780 --> 00:05:59,250 σεμινάρια θα μπορούσε να καλύψει. 116 00:05:59,250 --> 00:06:01,020 Τι Meteor είναι, επίσης, είναι ένα web server. 117 00:06:01,020 --> 00:06:03,930 Έτσι ακόμα κι αν δεν έχετε καμία JavaScript, και απλά θέλετε να εξυπηρετήσει 118 00:06:03,930 --> 00:06:07,020 CSS και HTML αρχεία, Meteor μπορεί να κάνει αυτό για σας. 119 00:06:07,020 --> 00:06:10,520 120 00:06:10,520 --> 00:06:13,770 >> Και εδώ είναι η σύνδεση και πάλι στο demo που πήρα εσείς 121 00:06:13,770 --> 00:06:15,380 άρχισε να παίζει με. 122 00:06:15,380 --> 00:06:18,230 Αλλά ας προχωρήσουμε σε HTML. 123 00:06:18,230 --> 00:06:22,060 Πόσοι άνθρωποι εδώ έχουν καμία ιδέα για το τι HTML είναι; 124 00:06:22,060 --> 00:06:22,670 OK μεγάλη. 125 00:06:22,670 --> 00:06:25,800 Και αυτό είναι εντελώς καλά. 126 00:06:25,800 --> 00:06:29,410 Μπορείτε πραγματικά δεν χρειάζεται να γνωρίζει πολλά για επειδή θα πάμε πάνω από το 127 00:06:29,410 --> 00:06:31,220 χρήση πολύ απλά. 128 00:06:31,220 --> 00:06:34,570 >> Αυτό είναι ό, τι η απλή Η σελίδα HTML μοιάζει. 129 00:06:34,570 --> 00:06:38,840 Αυτό μπορεί να είναι όπως σας γεια, κόσμο για HTML, ενώ ξεκινήσαμε σε C με 130 00:06:38,840 --> 00:06:40,760 Γεια σας, τον κόσμο. 131 00:06:40,760 --> 00:06:44,360 Δεν θέλω να τονίσω σχετικά με την λεπτομέρειες για το τι HTML, τι το κεφάλι, τι 132 00:06:44,360 --> 00:06:46,120 το σώμα, τι Τίτλος κάνει εκεί. 133 00:06:46,120 --> 00:06:49,130 Απλά θέλω να τονίσω τη δομή, πώς θα έχουν ετικέτες. 134 00:06:49,130 --> 00:06:50,860 Και αυτό είναι τα στηρίγματα γωνία. 135 00:06:50,860 --> 00:06:52,380 Και αυτό είναι όπου έχετε περιγραφές σας. 136 00:06:52,380 --> 00:06:54,790 >> Έτσι, μπορεί να έχετε το έγγραφο HTML. 137 00:06:54,790 --> 00:06:59,300 Και τότε θα κλείσετε το έγγραφο HTML με backslash ίδιο πράγμα. 138 00:06:59,300 --> 00:07:01,200 Και έχετε διαφορετικά είδη των ετικετών. 139 00:07:01,200 --> 00:07:02,730 Και παρατηρήσετε ότι είναι όλα συμφωνημένα. 140 00:07:02,730 --> 00:07:05,300 Θα έχετε σαν ετικέτα του σώματος και, στη συνέχεια, μια στενή ετικέτα του σώματος. 141 00:07:05,300 --> 00:07:08,620 Και μέσα στην ετικέτα του σώματος, που θα είναι το περιεχόμενο της ιστοσελίδας σας. 142 00:07:08,620 --> 00:07:12,770 Έτσι, αυτή η ιστοσελίδα θα εμφανίσει απλά σε λευκό φόντο και μαύρο κείμενο 143 00:07:12,770 --> 00:07:14,242 Γεια σας, τον κόσμο. 144 00:07:14,242 --> 00:07:17,610 Μήπως αυτό έχει νόημα; 145 00:07:17,610 --> 00:07:19,500 OK. 146 00:07:19,500 --> 00:07:22,640 >> Τώρα είμαι πρόκειται να γρήγορα καλύπτουν JavaScript. 147 00:07:22,640 --> 00:07:26,990 Σύμφωνα με τα λόγια της προηγούμενης TF, "JavaScript είναι η καλύτερη προγραμματισμού 148 00:07:26,990 --> 00:07:28,550 γλώσσας που υπάρχουν σήμερα. 149 00:07:28,550 --> 00:07:30,520 Άλλοι άνθρωποι θα προσπαθήσουν να να σας πω αλλιώς. 150 00:07:30,520 --> 00:07:33,840 Κάνουν λάθος. "JavaScript είναι αρκετά ωραία, και εγώ θα σας δείξω γιατί. 151 00:07:33,840 --> 00:07:36,620 152 00:07:36,620 --> 00:07:42,380 >> Έτσι, αυτό είναι το κλασικό παράδειγμα αρχίσουμε με το Γ. Έχουμε γειά σου, τον κόσμο. 153 00:07:42,380 --> 00:07:45,500 Και θα παρατηρήσετε ότι ακόμα και αν συρρικνωθεί αυτό, θα πρέπει να έχουν τουλάχιστον δύο 154 00:07:45,500 --> 00:07:46,560 γραμμές κώδικα εδώ. 155 00:07:46,560 --> 00:07:48,990 Έχω αρκετές γραμμές κώδικα. 156 00:07:48,990 --> 00:07:50,160 Αυτό μπορεί να γίνει πολύ απλά. 157 00:07:50,160 --> 00:07:53,950 Μια γραμμή σε JavaScript με console.log, και, στη συνέχεια, σειρά σας, 158 00:07:53,950 --> 00:07:55,340 Γεια σας, τον κόσμο. 159 00:07:55,340 --> 00:07:59,570 >> Τώρα, ακόμα κι αν κινείστε σε ένα νέο γλώσσα JavaScript, σχεδόν όλα τα 160 00:07:59,570 --> 00:08:02,950 δεξιότητες που έχετε μάθει από την κωδικοποίηση στη C είναι άμεσα φορητό. 161 00:08:02,950 --> 00:08:07,130 Έτσι, χορδές, η ιδέα της χορδές σε διπλά εισαγωγικά, ότι είναι το ίδιο. 162 00:08:07,130 --> 00:08:08,890 Το ερωτηματικό, που είναι το ίδιο. 163 00:08:08,890 --> 00:08:11,190 >> Ένα τακτοποιημένο χαρακτηριστικό για JavaScript πραγματικότητα είναι ότι 164 00:08:11,190 --> 00:08:12,360 δεν χρειάζεται το ερωτηματικό. 165 00:08:12,360 --> 00:08:14,950 Μπορεί να μαντέψει ότι θα πρέπει να βάλει εκεί ένα ερωτηματικό. 166 00:08:14,950 --> 00:08:18,035 Αλλά είπε ότι, θα πρέπει πάντα να προσπαθείτε να θέσει ερωτηματικά σας εκεί. 167 00:08:18,035 --> 00:08:21,160 Θεωρείται καλό στυλ. 168 00:08:21,160 --> 00:08:22,650 Και επίσης, δεν υπάρχει καμία κύρια λειτουργία. 169 00:08:22,650 --> 00:08:25,580 Απλά ξεκινούν από την κορυφή του αρχείου και διαβάστε γραμμή πράγματα από τη γραμμή. 170 00:08:25,580 --> 00:08:28,820 171 00:08:28,820 --> 00:08:32,760 >> Στη συνέχεια, αυτό είναι ό, τι χρειάζεται για να κάνει ότι γεια, παγκόσμιο πρόγραμμα. 172 00:08:32,760 --> 00:08:36,059 Και στη συνέχεια παρατηρήσετε ότι θα πρέπει να κάνει γεια και στη συνέχεια να εκτελέσετε ένα γεια. 173 00:08:36,059 --> 00:08:38,530 Με JavaScript, είναι θεωρείται μια ερμηνευμένη γλώσσα. 174 00:08:38,530 --> 00:08:40,780 Τι θα πρέπει να γνωρίζετε είναι ότι δεν υπάρχει αποφάσεων. 175 00:08:40,780 --> 00:08:41,950 >> Δεν υπάρχει μεταγλώττιση. 176 00:08:41,950 --> 00:08:43,440 Απλά τρέχει κόμβο. 177 00:08:43,440 --> 00:08:47,220 Και να θυμάστε κόμβος είναι το πρόγραμμα που θα τρέξει JavaScript σας σε μια κονσόλα, 178 00:08:47,220 --> 00:08:49,030 σε ένα μαύρο κουτί, δεν είναι η ιστοσελίδα. 179 00:08:49,030 --> 00:08:52,480 Έτσι, μπορείτε απλά να δώσει το αρχείο, και είναι πρόκειται να εκτυπώσετε ένα γεια, κόσμο. 180 00:08:52,480 --> 00:08:56,750 >> Θα κάνω πραγματικότητα ένα μικρό demo του ότι για σας παιδιά εδώ. 181 00:08:56,750 --> 00:08:59,380 Οπότε ας πάμε πάνω για να μου Node.js τερματικό. 182 00:08:59,380 --> 00:09:04,470 183 00:09:04,470 --> 00:09:05,322 OK. 184 00:09:05,322 --> 00:09:06,150 Ας έρθουν εδώ. 185 00:09:06,150 --> 00:09:07,930 Έτσι, Πάω να ξεκινήσει κόμβο. 186 00:09:07,930 --> 00:09:10,230 Και θα σας δείξω παιδιά σε μόλις μια sec πώς να πάρει ότι 187 00:09:10,230 --> 00:09:12,000 εγκατασταθεί, αν δεν το κάνουν. 188 00:09:12,000 --> 00:09:14,800 Επιτρέψτε μου να κάνω ότι είναι λίγο μεγαλύτερο. 189 00:09:14,800 --> 00:09:17,800 190 00:09:17,800 --> 00:09:17,870 OK. 191 00:09:17,870 --> 00:09:20,120 Ελπίζω εσείς να δείτε. 192 00:09:20,120 --> 00:09:27,390 >> Έτσι, μπορώ να γράψω κώδικα, όπως έκανα πριν το console.log. 193 00:09:27,390 --> 00:09:28,915 Γεια σου, Ρότζερ. 194 00:09:28,915 --> 00:09:31,710 195 00:09:31,710 --> 00:09:35,330 Και πρόσεξα ότι δεν πρέπει να κάνουμε το ερωτηματικό, αλλά στη συνέχεια να πάρω αυτό το παράξενο 196 00:09:35,330 --> 00:09:36,850 απροσδιόριστο πράγμα. 197 00:09:36,850 --> 00:09:40,310 Καλά στην πραγματικότητα, δεν πειράζει για το απροσδιόριστο πράγμα. 198 00:09:40,310 --> 00:09:43,590 Πράγματα που θέλω να παρατηρήσετε είναι ότι θα δεν χρειάζεται η κύρια λειτουργία εδώ 199 00:09:43,590 --> 00:09:45,050 να αρχίσει να τρέχει κώδικα. 200 00:09:45,050 --> 00:09:46,790 Και δεν υπάρχει τέλος backslash. 201 00:09:46,790 --> 00:09:50,683 Υπάρχουν κάποια μικρά χαρακτηριστικά που JavaScript μπορεί να κάνει για σας. 202 00:09:50,683 --> 00:09:53,510 >> ΚΟΙΝΟ: [δεν ακούγεται]. 203 00:09:53,510 --> 00:09:54,000 >> ROGER ZURAWICKI: Ω, ναι. 204 00:09:54,000 --> 00:09:57,460 Λυπάμαι γι 'αυτό. 205 00:09:57,460 --> 00:10:02,200 Και αυτό βέλος σημαίνει μόνο κόμβο είναι έτοιμο για άλλη εντολή. 206 00:10:02,200 --> 00:10:05,380 Έτσι μπορείτε να έχετε το κάνετε απλά μαθηματικά, όπως το 1 συν 1. 207 00:10:05,380 --> 00:10:10,360 Και ακριβώς όπως και στη C, αυτά τα μαθηματικά σύμβολα είναι ακριβώς το ίδιο. 208 00:10:10,360 --> 00:10:13,750 Μπορώ να κάνω console.log ενός αριθμού. 209 00:10:13,750 --> 00:10:15,090 Και τότε εκτυπώνει δύο. 210 00:10:15,090 --> 00:10:19,000 JavaScript είναι ωραίο με αυτή την έννοια, επειδή παρότι δύο είναι int, 211 00:10:19,000 --> 00:10:22,020 όπως και στη C, αν δεν με printf δύο, θα πάρετε ένα λάθος. 212 00:10:22,020 --> 00:10:24,140 >> Αλλά JavaScript ξέρει, OH, είστε εκτύπωση κάτι. 213 00:10:24,140 --> 00:10:25,070 Πάω να χρειαστεί ένα string. 214 00:10:25,070 --> 00:10:28,410 Έτσι, επιτρέψτε μου να μετατρέψετε ότι δύο σε μια σειρά για σας. 215 00:10:28,410 --> 00:10:34,970 Και μπορείτε επίσης να κάνετε κάποια περίεργα πράγματα όπως γεια και στη συνέχεια συν δύο. 216 00:10:34,970 --> 00:10:39,520 Αυτό είναι απλώς άλλο ένα παράδειγμα για το πώς δύο μπορούν να μετατραπούν εκεί, καθώς και. 217 00:10:39,520 --> 00:10:45,135 >> Έτσι, με ότι έξω από το δρόμο, ας καλύπτουν μόνο λίγο περισσότερο JavaScript. 218 00:10:45,135 --> 00:10:48,660 219 00:10:48,660 --> 00:10:50,540 Έτσι, C, έχουμε τύπους. 220 00:10:50,540 --> 00:10:53,925 Κάθε φορά που δημιουργείται μια νέα μεταβλητή, μπορούμε πρέπει να πω ότι είναι ότι είναι char * ή 221 00:10:53,925 --> 00:10:55,850 κορδόνι στην περίπτωση CS50. 222 00:10:55,850 --> 00:10:58,350 Ή αν είχαμε έναν δεκαδικό αριθμό, είχαμε να πούμε float. 223 00:10:58,350 --> 00:11:00,690 Αν χρειαζόμασταν μια Boolean, είχαμε να πούμε b. 224 00:11:00,690 --> 00:11:04,220 Και στη συνέχεια, αφού είχαμε κάτι που ήταν β, έπρεπε να μείνει ένα bool. 225 00:11:04,220 --> 00:11:07,360 Εμείς δεν θα μπορούσε μαγικά να αλλάξει σε ένας int αν γράψαμε στο 226 00:11:07,360 --> 00:11:09,450 παρενθέσεις, int του b. 227 00:11:09,450 --> 00:11:11,820 >> Στο JavaScript, δεν υπάρχουν τύποι. 228 00:11:11,820 --> 00:11:13,350 Απλά σκεφτείτε το σαν var. 229 00:11:13,350 --> 00:11:15,270 Και var είναι το πώς μπορείτε να δημιουργήσετε ένα νέο τύπο. 230 00:11:15,270 --> 00:11:19,210 Έτσι, μπορεί να έχει var s είναι ένα string, var n είναι float, 231 00:11:19,210 --> 00:11:21,230 και var b είναι αλήθεια. 232 00:11:21,230 --> 00:11:24,980 Και ένα πράγμα που δεν μπορείτε να κάνετε σε C είναι Μπορώ τώρα να πω, μετά από αυτή τη γραμμή, β 233 00:11:24,980 --> 00:11:26,230 ισούται με έναν ακέραιο. 234 00:11:26,230 --> 00:11:27,400 Και αυτό λειτουργεί μια χαρά. 235 00:11:27,400 --> 00:11:30,840 Ενώ στη C, θα έλεγα, όπως ακέραιος σας δεν είναι μια bool. 236 00:11:30,840 --> 00:11:32,770 Δεν μπορώ να το κάνω αυτό για σας. 237 00:11:32,770 --> 00:11:34,050 Ή [δεν ακούγεται] θα ρίξει ένα λάθος. 238 00:11:34,050 --> 00:11:37,970 239 00:11:37,970 --> 00:11:43,420 >> Και μπορώ να επιστρέψετε γρήγορα σε κόμβο και δείχνουν κάποια από τις συγκεκριμένες λειτουργίες. 240 00:11:43,420 --> 00:11:44,960 Έτσι, μπορώ να έχω μια var a. 241 00:11:44,960 --> 00:11:52,120 Καλέστε το "μήλο". Μέχρι τώρα, όταν μπορώ να εκτυπώσω ένα, Παίρνω σειρά μου, «μήλο». Αλλά μπορώ 242 00:11:52,120 --> 00:11:54,900 Επίσης, τώρα να πω μια ισούται με 3. 243 00:11:54,900 --> 00:11:56,610 Και παρατηρήσετε ότι δεν υπάρχει σφάλμα. 244 00:11:56,610 --> 00:12:00,630 Και τώρα ισούται με 3. 245 00:12:00,630 --> 00:12:01,880 Οποιεσδήποτε ερωτήσεις μέχρι τώρα; 246 00:12:01,880 --> 00:12:07,030 247 00:12:07,030 --> 00:12:07,570 Ναι. 248 00:12:07,570 --> 00:12:10,780 >> ΚΟΙΝΟ: Περιμένετε, έτσι console.log είναι βασικά printf, σωστά; 249 00:12:10,780 --> 00:12:12,180 >> ROGER ZURAWICKI: Console.log είναι printf σας. 250 00:12:12,180 --> 00:12:12,652 >> ΚΟΙΝΟ: Σωστά. 251 00:12:12,652 --> 00:12:17,844 Πως λοιπόν αν πληκτρολογήσετε σε οκτώ ή [δεν ακούγεται], τι κάνει η 252 00:12:17,844 --> 00:12:18,790 [Δεν ακούγεται]; 253 00:12:18,790 --> 00:12:19,160 >> ROGER ZURAWICKI: Σωστά. 254 00:12:19,160 --> 00:12:21,690 Γι 'αυτό είναι - 255 00:12:21,690 --> 00:12:24,240 τα πράγματα στο πράσινο θα εκτυπωθεί στην κονσόλα. 256 00:12:24,240 --> 00:12:27,050 Και τι θα δούμε στη συνέχεια είναι όταν κινούμαστε στο διαδίκτυο 257 00:12:27,050 --> 00:12:29,300 σελίδα, δεν θα πρέπει να κάνει - 258 00:12:29,300 --> 00:12:32,650 JavaScript θα έχει ένα HTML πρότυπο, το οποίο θα καλύπτει το 259 00:12:32,650 --> 00:12:34,730 Meteor μέρος του σεμιναρίου. 260 00:12:34,730 --> 00:12:38,730 Και αυτό είναι όπου μπορείτε να πείτε, να μου δώσει η αξία ενός, και θα θέσει σε 261 00:12:38,730 --> 00:12:39,920 ιστοσελίδα σας. 262 00:12:39,920 --> 00:12:42,520 Επειδή κάθε πρόγραμμα περιήγησης στο web που πράγματι έχει μια μικρή κονσόλα. 263 00:12:42,520 --> 00:12:46,380 Και αν είδατε εσείς πολύ προσεκτικά, θα πάρετε κάποιες πληροφορίες, όπως σας 264 00:12:46,380 --> 00:12:51,210 printf είναι που εμφανίζονται εκεί με κάθε ιστοσελίδα που έχετε τοποθετήσει. 265 00:12:51,210 --> 00:12:53,580 >> ΚΟΙΝΟ: Πώς μπορείτε να πάρετε στην οθόνη κέλυφος; 266 00:12:53,580 --> 00:12:57,680 >> ROGER ZURAWICKI: Έτσι, υπάρχει μια εντολή που ονομάζεται κόμβος, και έρχεται με Meteor. 267 00:12:57,680 --> 00:13:01,230 Γι 'αυτό θα σταματήσουν μόνο από εκεί. 268 00:13:01,230 --> 00:13:03,580 Κόμβος είναι το πρόγραμμα που τρέχει JavaScript. 269 00:13:03,580 --> 00:13:07,070 Αν πάτε σε meteor.com, σας μπορείτε να εγκαταστήσετε Meteor, και 270 00:13:07,070 --> 00:13:08,480 Meteor έρχεται με κόμβο. 271 00:13:08,480 --> 00:13:11,470 Επειδή Meteor είναι απλά μια συλλογή όλα αυτά τα πακέτα λογισμικού. 272 00:13:11,470 --> 00:13:15,280 Όταν φτάσουμε στο παράδειγμα μας, θα το κάνω με τα πόδια σε όλους μέσω της εγκατάστασης 273 00:13:15,280 --> 00:13:17,625 Meteor, και στη συνέχεια μπορείτε να παίξετε με τον κόμβο στον εαυτό σας. 274 00:13:17,625 --> 00:13:22,154 275 00:13:22,154 --> 00:13:23,980 Εντάξει, ωραία. 276 00:13:23,980 --> 00:13:29,640 >> Έτσι, ένα άλλο μεγάλο χαρακτηριστικό γνώρισμα για την εργασία με JavaScript είναι βρόχοι είναι το ίδιο. 277 00:13:29,640 --> 00:13:31,430 Λίγο πολύ ακριβώς το ίδιο. 278 00:13:31,430 --> 00:13:35,530 Για βρόχους, ενώ βρόχους, κάνει while loops, αν άλλος. 279 00:13:35,530 --> 00:13:36,880 Είναι όλοι το ίδιο με τις τιράντες. 280 00:13:36,880 --> 00:13:38,540 Είναι η ίδια σύνταξη. 281 00:13:38,540 --> 00:13:41,350 Στην περίπτωση ενός for loop, το μικρό λεπτομέρεια που πρέπει να δώσουν προσοχή 282 00:13:41,350 --> 00:13:45,340 να είναι αντί int i ισούται με 0, έχουμε να πούμε var i ισούται με 0. 283 00:13:45,340 --> 00:13:49,580 Αλλά αυτό είναι επειδή από τις μεταβλητές τύποι που μιλήσαμε πριν. 284 00:13:49,580 --> 00:13:53,360 >> Παρατηρήστε ότι η printf γίνεται ένα ημερολόγιο, ένα console.log. 285 00:13:53,360 --> 00:13:57,370 Και δεν χρειάζεται να κάνουν το ποσοστό p backslash n και στη συνέχεια να περάσει στο i. 286 00:13:57,370 --> 00:13:58,380 Μπορείτε να πείτε μόνο εγώ. 287 00:13:58,380 --> 00:14:01,910 Και θα εκτυπώσετε τους αριθμούς από μηδέν έως τέσσερα. 288 00:14:01,910 --> 00:14:04,830 Αν εσείς θέλετε να δοκιμάσετε αυτό, γιατί Σας έφερε ένα καλό σημείο. 289 00:14:04,830 --> 00:14:08,730 Αν θέλατε να εκτελέσετε αυτόν τον κώδικα στον υπολογιστή σας δικό του browser, θα ήθελα να συστήσω 290 00:14:08,730 --> 00:14:11,040 ο καθένας ανοίγει το Google Chrome. 291 00:14:11,040 --> 00:14:14,220 Google Chrome ή οποιοδήποτε πρόγραμμα περιήγησης στο web πραγματικά, αλλά μου αρέσει το Google Chrome 292 00:14:14,220 --> 00:14:17,350 επειδή είναι πολύ τυποποιημένα. 293 00:14:17,350 --> 00:14:24,240 >> Μπορείτε να πάτε σε, πιστεύω, αν κάνετε δεξί κάντε κλικ σε οποιαδήποτε ιστοσελίδα, μόνο στο 294 00:14:24,240 --> 00:14:26,880 άσπρο διάστημα, θα δείτε μια επιλογή Επιθεωρήστε ονομάζεται Element. 295 00:14:26,880 --> 00:14:28,810 Είναι συνήθως η τελευταία. 296 00:14:28,810 --> 00:14:32,630 Και όταν κάνετε κλικ σε αυτό, θα πρέπει να πάρετε ένα πράγμα στο κάτω μέρος εμφανίζονται εδώ. 297 00:14:32,630 --> 00:14:35,840 298 00:14:35,840 --> 00:14:37,780 Επιτρέψτε μου να μεγεθύνετε εδώ. 299 00:14:37,780 --> 00:14:41,390 Και έχουμε μερικές καρτέλες εδώ. 300 00:14:41,390 --> 00:14:43,580 Το ένα σας νοιάζει είναι κονσόλα. 301 00:14:43,580 --> 00:14:48,820 >> Και αυτό είναι μια κονσόλα JavaScript ότι μπορείτε τώρα να εργαστεί με. 302 00:14:48,820 --> 00:14:49,370 Μεγάλη. 303 00:14:49,370 --> 00:14:52,560 Έτσι μπορώ να πληκτρολογήσετε τα ίδια πράγματα Έγραφα πριν το κόμβο. 304 00:14:52,560 --> 00:14:54,790 Ένα συν ένα είναι δύο. 305 00:14:54,790 --> 00:14:59,110 Var α ισούται με το "μήλο". 306 00:14:59,110 --> 00:15:03,430 Και τότε θα εκτυπώσετε μια, και είναι «Μήλο». 307 00:15:03,430 --> 00:15:08,760 Έτσι, σε κάθε web browser, Firefox, Chrome, Safari, ό, τι χρησιμοποιείτε, όπως 308 00:15:08,760 --> 00:15:11,240 Εφ 'όσον έχετε πρόσβαση σε JavaScript κονσόλα, το ίδιο είδος 309 00:15:11,240 --> 00:15:15,520 Κωδικός έτρεχα στον κόμβο σας μπορεί να τρέξει στη δική σας κονσόλα. 310 00:15:15,520 --> 00:15:17,530 >> ΚΟΙΝΟ: [δεν ακούγεται]; 311 00:15:17,530 --> 00:15:18,690 >> ROGER ZURAWICKI: Πώς να φτάσουμε στην κονσόλα; 312 00:15:18,690 --> 00:15:22,880 Θα πρέπει να κάντε δεξί κλικ σε ένα κενό χώρο στη σελίδα, και στη συνέχεια να πάτε στο 313 00:15:22,880 --> 00:15:26,100 Επιθεωρήστε Element. 314 00:15:26,100 --> 00:15:28,290 Έτσι, στην πραγματικότητα, θα ήθελα να σας παιδιά απλά να βεβαιωθείτε ότι μπορείτε να 315 00:15:28,290 --> 00:15:29,860 Επιθεωρήστε Element στο Chrome. 316 00:15:29,860 --> 00:15:32,630 Και δείτε όταν πληκτρολογείτε σε ορισμένες κώδικα στην κονσόλα 317 00:15:32,630 --> 00:15:33,880 ότι τρέχει σωστά. 318 00:15:33,880 --> 00:16:15,820 319 00:16:15,820 --> 00:16:18,430 Αισθανθείτε ελεύθερος να υποβάλει οποιεσδήποτε ερωτήσεις, αν κάτι που δεν είναι σαφές εδώ. 320 00:16:18,430 --> 00:16:23,340 321 00:16:23,340 --> 00:16:24,590 >> ΚΟΙΝΟ: [δεν ακούγεται]. 322 00:16:24,590 --> 00:16:27,280 323 00:16:27,280 --> 00:16:28,200 >> ROGER ZURAWICKI: Οποιοσδήποτε τύπος, σωστά. 324 00:16:28,200 --> 00:16:31,370 Υπάρχει μόνο ένας τύπος για όλους μεταβλητές JavaScript. 325 00:16:31,370 --> 00:16:34,160 Και όταν πρέπει να δηλώσουν μια μεταβλητή, λέτε var. 326 00:16:34,160 --> 00:16:35,410 >> ΚΟΙΝΟ: [δεν ακούγεται]. 327 00:16:35,410 --> 00:16:39,010 328 00:16:39,010 --> 00:16:40,050 >> ROGER ZURAWICKI: Ναι. 329 00:16:40,050 --> 00:16:43,730 Το κάνει, αλλά σε JavaScript, είναι πολύ smart σχετικά με την κατανομή της μνήμης. 330 00:16:43,730 --> 00:16:44,600 Δεν υπάρχει malloc. 331 00:16:44,600 --> 00:16:45,780 Δεν υπάρχει δωρεάν. 332 00:16:45,780 --> 00:16:48,490 Έτσι δεν χρειάζεται να ανησυχείτε γι 'αυτό. 333 00:16:48,490 --> 00:16:51,140 Αυτό είναι ένα άλλο καλό χαρακτηριστικό γνώρισμα που JavaScript σας παρέχει. 334 00:16:51,140 --> 00:16:56,990 335 00:16:56,990 --> 00:16:58,440 >> Έτσι, θα ήθελα να προχωρήσω. 336 00:16:58,440 --> 00:17:01,360 Θα ήταν ότι είναι εντάξει; 337 00:17:01,360 --> 00:17:02,610 OK. 338 00:17:02,610 --> 00:17:04,780 339 00:17:04,780 --> 00:17:07,720 Μεγάλη. 340 00:17:07,720 --> 00:17:10,660 >> ΚΟΙΝΟ: Είμαι απλά έχει πρόβλημα εύρεση του [; Επιθεωρήστε Element. ?] 341 00:17:10,660 --> 00:17:13,609 342 00:17:13,609 --> 00:17:16,250 >> ROGER ZURAWICKI: Έτσι Safari εμφάνιση λίγο διαφορετική, αλλά εσείς 343 00:17:16,250 --> 00:17:18,599 έχουν Chrome ή Firefox; 344 00:17:18,599 --> 00:17:21,619 Αυτά είναι τα ευκολότερα αυτοί να εργαστεί με. 345 00:17:21,619 --> 00:17:25,079 Και για τα έργα σας, Θα ήθελα να συστήσω να κολλήσει με ένα πρόγραμμα περιήγησης, επειδή 346 00:17:25,079 --> 00:17:29,610 θα πάρετε πολλά bugs σχεδόν γιατί κάθε πρόγραμμα περιήγησης αντιμετωπίζει 347 00:17:29,610 --> 00:17:31,980 JavaScript HTML λίγο διαφορετικά. 348 00:17:31,980 --> 00:17:35,170 Πιστεύω λοιπόν ότι η ζωή σας θα είναι πολύ ευκολότερη αν επιμείνουμε σε Chrome, διότι 349 00:17:35,170 --> 00:17:37,052 Είναι διαθέσιμο σε όλες τις συσκευές. 350 00:17:37,052 --> 00:17:38,790 Και αυτό είναι ένα πολύ δημοφιλές πρόγραμμα περιήγησης. 351 00:17:38,790 --> 00:17:59,860 352 00:17:59,860 --> 00:18:01,110 Εντάξει; 353 00:18:01,110 --> 00:18:03,310 354 00:18:03,310 --> 00:18:06,370 >> Έτσι, το επόμενο θέμα που θα πρέπει να καλύπτει JavaScript - 355 00:18:06,370 --> 00:18:07,730 Λυπάμαι για τη μορφοποίηση εδώ. 356 00:18:07,730 --> 00:18:11,630 Έπρεπε να τεντώσει τις διαφάνειες για να ταιριάζει ο προβολέας widescreen. 357 00:18:11,630 --> 00:18:14,750 Αλλά θα ήθελα τώρα να μιλήσω για πώς μπορείτε να πραγματοποιήσετε λειτουργίες. 358 00:18:14,750 --> 00:18:17,410 Στο C, θα πρέπει να δηλώσουν κάθε λειτουργία. 359 00:18:17,410 --> 00:18:22,130 Όπως προσθέτουν int, και παίρνει έναν int στην x, και το int y, και στη συνέχεια να τα προσθέσετε 360 00:18:22,130 --> 00:18:23,100 και να την επιστρέψει. 361 00:18:23,100 --> 00:18:26,850 >> Στο JavaScript, λειτουργίες είναι στην πραγματικότητα άλλη μεταβλητή τύπου. 362 00:18:26,850 --> 00:18:30,560 Έτσι απλά λέμε var προσθέσετε και να ισούται με μια λειτουργία. 363 00:18:30,560 --> 00:18:32,580 Μια λειτουργία που παίρνει ένα Χ και ένα Υ. 364 00:18:32,580 --> 00:18:33,790 Και τι κάνει αυτή η λειτουργία να κάνω; 365 00:18:33,790 --> 00:18:39,910 Επιστρέφει το x συν y με τον ίδιο ακριβώς σύνταξη όπως σε C. Και θα παρατηρήσετε ότι σε 366 00:18:39,910 --> 00:18:44,290 JavaScript, δεν θα σας πει ποια είναι η συνάρτηση επιστρέφει διότι από 367 00:18:44,290 --> 00:18:49,160 μεταβλητές δεν έχουν τύπους ούτως ή άλλως, δεν είναι πραγματικά παραγωγική, υποθέτω, 368 00:18:49,160 --> 00:18:52,855 να αναφέρονται όλες σας τύπους λειτουργίες σας. 369 00:18:52,855 --> 00:18:55,720 370 00:18:55,720 --> 00:18:59,565 Και στη συνέχεια, όταν θα καλέσετε μια συνάρτηση, είναι ακριβώς την ίδια σύνταξη όπως C. Μπορείτε 371 00:18:59,565 --> 00:19:03,610 μόλις περάσει δύο επιχειρήματα σας. 372 00:19:03,610 --> 00:19:07,330 Θα ήθελα να δοκιμάσω αυτό στον κόμβο μου. 373 00:19:07,330 --> 00:19:09,284 Μπορώ να αλλάξω τη διαφάνεια; 374 00:19:09,284 --> 00:19:10,534 >> ΚΟΙΝΟ: [δεν ακούγεται]. 375 00:19:10,534 --> 00:19:14,639 376 00:19:14,639 --> 00:19:17,000 Θα έχουμε ένα αντίγραφο των διαφανειών; 377 00:19:17,000 --> 00:19:18,250 >> ROGER ZURAWICKI: Ναι. 378 00:19:18,250 --> 00:19:28,280 379 00:19:28,280 --> 00:19:29,956 Οπότε ας πάμε πίσω στον κόμβο. 380 00:19:29,956 --> 00:19:32,240 OK. 381 00:19:32,240 --> 00:19:38,160 Γι 'αυτό θα πω var add ισούται λειτουργία. 382 00:19:38,160 --> 00:19:40,650 Λαμβάνοντας ένα x, y λήψη. 383 00:19:40,650 --> 00:19:43,690 Και τότε γνωρίζει ότι η δήλωση του δεν έχει ολοκληρωθεί. 384 00:19:43,690 --> 00:19:47,692 Έτσι, στον κόμβο ή την κονσόλα σας, θα παρατηρήσετε dot dot dot. 385 00:19:47,692 --> 00:19:49,660 Έτσι, μπορείτε να κρατήσετε πληκτρολογήσετε τον κωδικό σας. 386 00:19:49,660 --> 00:19:53,650 Και τώρα θα πω την επιστροφή x συν y. 387 00:19:53,650 --> 00:19:54,790 Και στη συνέχεια, κλείστε το στήριγμα. 388 00:19:54,790 --> 00:20:00,260 Και τη στιγμή που κλείσει το στήριγμα, το θεωρεί ότι η δήλωση έχει τελειώσει. 389 00:20:00,260 --> 00:20:04,730 >> Και τώρα μπορώ να πω προσθέσω ένα και δύο. 390 00:20:04,730 --> 00:20:08,280 Και θα πάρω τρεις έξω. 391 00:20:08,280 --> 00:20:11,545 Σημειώστε ότι αν απλώς προσέθεσε, είναι μου λέει ότι είναι μια λειτουργία. 392 00:20:11,545 --> 00:20:14,630 393 00:20:14,630 --> 00:20:19,570 Και ένα πράγμα μόνο και μόνο για να δώσουν προσοχή στην είναι αν δώσετε λάθος αριθμό των 394 00:20:19,570 --> 00:20:23,380 επιχειρήματα, θα κάνει. 395 00:20:23,380 --> 00:20:25,890 Θα τρέξει, αλλά μπορείτε να πάρετε κάποια πραγματικά περίεργα αποτελέσματα. 396 00:20:25,890 --> 00:20:30,070 Σαν ένα είδος αξίας σκουπίδια, μπορείτε να σκεφτείτε από το. 397 00:20:30,070 --> 00:20:32,060 Επομένως, σας παρακαλώ προχωρήστε και δοκιμάστε αυτό σε προγράμματα περιήγησης σας. 398 00:20:32,060 --> 00:21:25,180 399 00:21:25,180 --> 00:21:29,510 >> ΕΝΤΑΞΕΙ, έτσι προς το συμφέρον του χρόνου, εγώ θα τώρα να προχωρήσουμε στο επόμενο χαρακτηριστικά σε 400 00:21:29,510 --> 00:21:30,760 JavaScript. 401 00:21:30,760 --> 00:21:36,520 402 00:21:36,520 --> 00:21:38,400 Έτσι, έχουμε μιλήσει σχετικά με τις λειτουργίες. 403 00:21:38,400 --> 00:21:40,840 Έχουμε μιλήσει για βρόχους, αν δηλώσεις πάρα πολύ. 404 00:21:40,840 --> 00:21:43,660 Η σύνταξη είναι η ίδια ως C και μεταβλητές. 405 00:21:43,660 --> 00:21:46,090 Και τώρα θέλω να μιλήσω για τους πίνακες. 406 00:21:46,090 --> 00:21:48,520 Λυπάμαι που οι διαφάνειες πήρε λίγο αποκοπεί. 407 00:21:48,520 --> 00:21:52,470 Αλλά στην πραγματικότητα, στο πρώτο τμήμα, ό, τι χρειάζεστε θα λειτουργήσει. 408 00:21:52,470 --> 00:21:55,410 >> Έτσι, έχουμε ένα άλλο είδος για μεταβλητές που ονομάζονται συστοιχίες. 409 00:21:55,410 --> 00:21:57,930 Και χρησιμοποιούμε αγκύλες για να υποδηλώσει τους. 410 00:21:57,930 --> 00:22:01,960 Έτσι, στο πρώτο παράδειγμα, var arr, άδειο πίνακα. 411 00:22:01,960 --> 00:22:05,900 Αυτή είναι η κενή λίστα, έτσι ώστε μια σειρά που δεν περιέχουν στοιχεία. 412 00:22:05,900 --> 00:22:09,770 Και μπορείτε επίσης να έχετε μια σειρά με τρεις χορδές. 413 00:22:09,770 --> 00:22:13,290 Σε C, κάθε στοιχείο σε σειρά σας έπρεπε να είναι του ίδιου τύπου. 414 00:22:13,290 --> 00:22:16,940 >> Αλλά επειδή το JavaScript είναι μόνο ένα είδος, συστοιχίες μπορούν πραγματικά να 415 00:22:16,940 --> 00:22:18,510 έχουν διαφορετικούς τύπους των αξιών. 416 00:22:18,510 --> 00:22:22,220 Όπως εδώ, έχουμε έναν πίνακα με float, ένα bool, και ένας int. 417 00:22:22,220 --> 00:22:25,020 418 00:22:25,020 --> 00:22:28,510 Ο τρόπος που μπορείτε να πάρετε μήκος ενός πίνακα, δεν χρειάζεται να χρησιμοποιούν πραγματικά το μέγεθος του 419 00:22:28,510 --> 00:22:29,030 ή οτιδήποτε άλλο. 420 00:22:29,030 --> 00:22:31,570 Μπορείτε απλώς να πω πίνακα και Στη συνέχεια dot μήκος. 421 00:22:31,570 --> 00:22:36,450 Και αυτό το μήκος dot, μπορείτε να σκεφτείτε το είδος του σαν ένα struct, πως κάθε 422 00:22:36,450 --> 00:22:40,890 πίνακας έχει ένα πεδίο, μια επιπλέον μεταβλητή μέσα από αυτό που ονομάζεται το μήκος, το οποίο 423 00:22:40,890 --> 00:22:42,910 παρακολουθεί το πόσο καιρό είναι σειρά σας. 424 00:22:42,910 --> 00:22:47,280 425 00:22:47,280 --> 00:22:50,420 >> Έτσι, είμαι απλώς γρήγορα πρόκειται να υπεισέλθω σε κόμβο και δείχνουν εσείς το ίδιο πράγμα. 426 00:22:50,420 --> 00:22:55,860 427 00:22:55,860 --> 00:22:58,050 Έτσι, μπορώ να έχω μια σειρά. 428 00:22:58,050 --> 00:23:00,280 Μπορεί να είναι η κενή λίστα. 429 00:23:00,280 --> 00:23:02,030 Και θα μου εκτυπώσει πίσω μια κενή λίστα. 430 00:23:02,030 --> 00:23:02,530 Μεγάλη. 431 00:23:02,530 --> 00:23:08,560 Τώρα μπορώ να πω ότι η σειρά έχει 1, και 2.3, και αληθινή. 432 00:23:08,560 --> 00:23:10,400 Έτσι, όλοι οι διαφορετικοί τύποι. 433 00:23:10,400 --> 00:23:11,740 Και θα παρατηρήσετε ότι λειτουργεί μια χαρά. 434 00:23:11,740 --> 00:23:16,330 Η σειρά παίρνω πίσω στηρίγματα όλες οι τιμές έδωσα. 435 00:23:16,330 --> 00:23:20,440 >> Αν ήθελα να πάρει το πρώτο στοιχείο της η συστοιχία, η σύνταξη είναι στην πραγματικότητα 436 00:23:20,440 --> 00:23:22,980 η ίδια όπως στο C. Μπορείτε μπορούμε να πούμε συστοιχία μηδέν. 437 00:23:22,980 --> 00:23:24,430 Και μπορείτε να πάρετε ένα. 438 00:23:24,430 --> 00:23:27,920 Μπορώ να πω το ίδιο και για σειρά δύο, και παίρνω αλήθεια. 439 00:23:27,920 --> 00:23:31,610 Αν κάνω κάτι έξω από τον πίνακα, JavaScript είναι μια ασφαλής γλώσσα 440 00:23:31,610 --> 00:23:33,390 γιατί δεν θα πάρετε ένα σφάλμα seg. 441 00:23:33,390 --> 00:23:34,780 Θα πάρω απροσδιόριστη. 442 00:23:34,780 --> 00:23:37,510 >> Και αυτό το απροσδιόριστο, μπορείτε να το είδος των σκέφτομαι ως null. 443 00:23:37,510 --> 00:23:41,390 Αλλά μπορεί να είναι πραγματικά ενοχλητικό όταν κώδικα, επειδή θα πρέπει να βεβαιωθείτε ότι 444 00:23:41,390 --> 00:23:43,880 σχεδόν όλα όσα κάνετε, εργαστείτε με είναι απροσδιόριστο. 445 00:23:43,880 --> 00:23:47,700 Και θα δούμε μερικά παραδείγματα αυτό όταν εργαζόμαστε σε Meteor. 446 00:23:47,700 --> 00:23:50,600 >> Αν συστοιχία τεσσάρων είναι απροσδιόριστη, Μπορώ να εκχωρήσετε μια τιμή. 447 00:23:50,600 --> 00:23:52,570 Γι 'αυτό θα πω ότι ισούται με ένα. 448 00:23:52,570 --> 00:23:57,050 Και τότε, αν πάω σε array, I έχει την πρόσθετη αξία εκεί. 449 00:23:57,050 --> 00:24:02,470 Και παρατηρήσετε ότι διάταξη των τριών, η οποία επίσης Απροσδιόριστος ήταν, παραμένει απροσδιόριστο. 450 00:24:02,470 --> 00:24:05,690 Γι 'αυτό και τώρα έχουμε έναν πίνακα με μια τρύπα στη μέση. 451 00:24:05,690 --> 00:24:07,750 Αλλά αν μου τυπωμένο συστοιχία τεσσάρων, Θα ήθελα να πάρετε ένα. 452 00:24:07,750 --> 00:24:10,960 Αν έκανα διάταξη των τριών, παίρνω απροσδιόριστη. 453 00:24:10,960 --> 00:24:13,880 >> Έτσι, το ωραίο χαρακτηριστικό ότι η JavaScript σας επιτρέπει να κάνετε είναι ότι οι κατάλογοι μπορούν να 454 00:24:13,880 --> 00:24:15,620 αλλάξετε το μέγεθος. 455 00:24:15,620 --> 00:24:18,520 Πίνακες, πίνακες είναι πίνακες, να αλλάξετε το μέγεθος. 456 00:24:18,520 --> 00:24:22,480 Και μπορείτε να καθορίσετε οποιαδήποτε θέση εσωτερικό τους. 457 00:24:22,480 --> 00:24:25,370 Και όλα τα κενά θα γεμίσουν με αυτές τις ακαθόριστες τιμές. 458 00:24:25,370 --> 00:24:31,560 459 00:24:31,560 --> 00:24:33,450 >> Έτσι, έχουμε μιλήσει για τους πίνακες. 460 00:24:33,450 --> 00:24:37,050 Τώρα, το τελευταίο πράγμα που θέλω να καλύψει JavaScript, και αυτό είναι πολύ σημαντικό 461 00:24:37,050 --> 00:24:39,550 για την κατανόηση του κώδικα που Πάω να σας δείξω, 462 00:24:39,550 --> 00:24:41,530 πρόκειται να είναι αντικείμενα. 463 00:24:41,530 --> 00:24:45,140 Και τα αντικείμενα είναι ένας όρος - 464 00:24:45,140 --> 00:24:47,380 Βασικά, είναι παρούσα σε πολλές γλώσσες προγραμματισμού. 465 00:24:47,380 --> 00:24:50,620 Και κάθε γλώσσα προγραμματισμού θέλει να σκεφτείτε τους λίγο διαφορετικά. 466 00:24:50,620 --> 00:24:55,050 >> Νομίζω όμως ότι για Meteor, μια καλή αναλογία είναι η struct C. 467 00:24:55,050 --> 00:24:59,410 Στο C, αν θέλουμε να βρούμε το struct φοιτητής, θα είχαμε να διευκρινίζει όλα τα 468 00:24:59,410 --> 00:25:00,240 πράγματα μέσα από αυτό. 469 00:25:00,240 --> 00:25:01,440 Γι 'αυτό πρέπει να έχει ένα όνομα. 470 00:25:01,440 --> 00:25:02,140 Πρέπει να έχει ένα χρόνο. 471 00:25:02,140 --> 00:25:03,650 Πρέπει να έχει ένα φύλο. 472 00:25:03,650 --> 00:25:07,350 Αλλά πρέπει επίσης να δώσει το τύπους όλα αυτά τα πράγματα. 473 00:25:07,350 --> 00:25:11,200 >> Και τώρα που έχουμε αυτό το καλούπι για το struct που ονομάζεται φοιτητής, μπορούμε να έχουμε μια 474 00:25:11,200 --> 00:25:14,640 νέο struct, και στη συνέχεια μπορούμε με το χέρι πούμε τι είναι το καθένα από τα πεδία. 475 00:25:14,640 --> 00:25:17,740 Και αυτό είναι όπου χρησιμοποιούμε τελεία ονομασία, dot έτους, dot φύλο. 476 00:25:17,740 --> 00:25:21,930 Και τότε ακριβώς, στην τελευταία γραμμή του κώδικα εδώ, είμαι απλώς η εκτύπωση 477 00:25:21,930 --> 00:25:24,980 το όνομα του φοιτητή struct. 478 00:25:24,980 --> 00:25:28,220 >> Στον κόσμο JavaScript, υπάρχει υπάρχει τέτοιο πράγμα όπως φοιτητής struct. 479 00:25:28,220 --> 00:25:30,660 Δεν δημιουργούν μια προκαθορισμένη δομή. 480 00:25:30,660 --> 00:25:34,680 Μπορείτε πραγματικά μόνο, σε αυτές τις βάσεις, να μας πεις ποια είναι τα πάντα. 481 00:25:34,680 --> 00:25:40,680 Και είναι αυτό το παράξενο συμβολισμό με το παχέος εντέρου και, στη συνέχεια, το κόμμα, αλλά θα 482 00:25:40,680 --> 00:25:41,810 συνηθίσει σε αυτό αρκετά σύντομα. 483 00:25:41,810 --> 00:25:44,930 >> Και είναι πραγματικά μια πραγματικά εύκολη, ευέλικτο τρόπο ακριβώς 484 00:25:44,930 --> 00:25:47,400 χειρισμό αντικειμένων. 485 00:25:47,400 --> 00:25:51,270 Θα παρατηρήσετε ότι αν θέλω να πάρω τώρα όνομα από s, εγώ απλά κάνω s.name. 486 00:25:51,270 --> 00:25:54,090 487 00:25:54,090 --> 00:25:56,790 Υπάρχουν ερωτήσεις σχετικά με αυτό; 488 00:25:56,790 --> 00:26:00,260 Αυτό συνήθως έχει μια πολύ συγκεχυμένη θέμα, όταν θα γνωρίσει ο κόσμος 489 00:26:00,260 --> 00:26:02,280 JavaScript. 490 00:26:02,280 --> 00:26:04,110 Θα κάνω μερικά παραδείγματα στον κόμβο. 491 00:26:04,110 --> 00:26:05,010 Ναι; 492 00:26:05,010 --> 00:26:06,260 >> ΚΟΙΝΟ: [δεν ακούγεται]. 493 00:26:06,260 --> 00:26:14,130 494 00:26:14,130 --> 00:26:16,230 >> ROGER ZURAWICKI: Έτσι κάνετε ένα παράδειγμα, πολλαπλές 495 00:26:16,230 --> 00:26:18,764 μεταβλητές αυτού του τύπου. 496 00:26:18,764 --> 00:26:20,014 >> ΚΟΙΝΟ: [δεν ακούγεται]. 497 00:26:20,014 --> 00:26:23,540 498 00:26:23,540 --> 00:26:24,790 >> ΚΟΙΝΟ: [δεν ακούγεται]. 499 00:26:24,790 --> 00:26:37,610 500 00:26:37,610 --> 00:26:39,450 >> ROGER ZURAWICKI: OK. 501 00:26:39,450 --> 00:26:43,760 Έτσι υποθέτω ότι ο τρόπος που θα πάει για είναι που θα θέσει τα αντικείμενα σε μια σειρά, 502 00:26:43,760 --> 00:26:45,340 και τώρα θα έχετε ένα παράταξη αντικειμένων. 503 00:26:45,340 --> 00:26:47,547 Μήπως αυτό απαντήσω στην ερώτησή σας; 504 00:26:47,547 --> 00:26:48,797 >> ΚΟΙΝΟ: [δεν ακούγεται]. 505 00:26:48,797 --> 00:26:50,890 506 00:26:50,890 --> 00:26:51,260 >> ROGER ZURAWICKI: Ναι. 507 00:26:51,260 --> 00:26:52,430 S είναι ένα αντικείμενο. 508 00:26:52,430 --> 00:26:57,455 Έτσι, μπορούμε να πάμε σε κόμβο και απλά παίζουν λίγο. 509 00:26:57,455 --> 00:26:58,705 >> ΚΟΙΝΟ: [δεν ακούγεται]; 510 00:26:58,705 --> 00:27:04,880 511 00:27:04,880 --> 00:27:05,440 >> ROGER ZURAWICKI: Ω, εντάξει. 512 00:27:05,440 --> 00:27:10,660 Έτσι, αν ρωτάτε τι κατηγορίες είναι, Τα μαθήματα αντιμετωπίζονται πολύ διαφορετικά, 513 00:27:10,660 --> 00:27:14,510 και έχουν ένα πολύ περίεργο σχήμα ονομάζεται πρωτοτύπων, που δεν έχετε 514 00:27:14,510 --> 00:27:15,620 πρέπει να γνωρίζουν. 515 00:27:15,620 --> 00:27:17,910 Δεν υπάρχει σταθερό τρόπο να το κάνει. 516 00:27:17,910 --> 00:27:21,160 Έτσι, εάν θέλετε να δημιουργήσετε πολλαπλές, σας θα ήταν απλά το είδος της έχουν μια λειτουργία 517 00:27:21,160 --> 00:27:22,100 ή κάτι τέτοιο. 518 00:27:22,100 --> 00:27:24,340 Θα δημιουργήσει τη δική του λειτουργία. 519 00:27:24,340 --> 00:27:26,765 Και θα επιστρέψει ένα αντικείμενο. 520 00:27:26,765 --> 00:27:29,550 Αυτός θα είναι ο ευκολότερος τρόπος για να το κάνουμε. 521 00:27:29,550 --> 00:27:32,454 Μήπως αυτό έχει νόημα; 522 00:27:32,454 --> 00:27:33,704 OK. 523 00:27:33,704 --> 00:27:36,182 524 00:27:36,182 --> 00:27:36,650 Μεγάλη. 525 00:27:36,650 --> 00:27:39,820 Έτσι, τη στιγμή που έχουμε μια κατανόηση της JavaScript αντικείμενα, είναι - 526 00:27:39,820 --> 00:27:41,082 Ω, ναι. 527 00:27:41,082 --> 00:27:42,026 >> ΚΟΙΝΟ: [δεν ακούγεται] 528 00:27:42,026 --> 00:27:45,802 παράδειγμα, ποια είναι η διαφορά μεταξύ "Roger" με διπλά εισαγωγικά σε σχέση με 529 00:27:45,802 --> 00:27:47,510 [Δεν ακούγεται] με μονά εισαγωγικά. 530 00:27:47,510 --> 00:27:47,810 >> ROGER ZURAWICKI: OK. 531 00:27:47,810 --> 00:27:52,730 Έτσι, αυτό είναι το C, έχουμε την ενιαία αποσπάσματα που εκπροσωπούν χαρακτήρες, και το διπλό 532 00:27:52,730 --> 00:27:54,550 εισαγωγικά αντιπροσωπεύουν χορδές. 533 00:27:54,550 --> 00:27:57,920 JavaScript ρίχνει στην πραγματικότητα αυτό μακριά επειδή μπορείτε να έχετε με χορδές 534 00:27:57,920 --> 00:28:01,570 μονά ή διπλά εισαγωγικά, και υπάρχει υπάρχει τέτοιο πράγμα όπως μια ενιαία χαρακτηριστικά. 535 00:28:01,570 --> 00:28:04,400 Αλλά αν απλά αντιγράψει το ίδιο Κώδικα C, JavaScript θα 536 00:28:04,400 --> 00:28:05,610 αντιμετωπίσουμε μια χαρά. 537 00:28:05,610 --> 00:28:07,710 Ποια είναι ο λόγος που αντιμετωπίζονται ως - 538 00:28:07,710 --> 00:28:12,540 γι 'αυτό κυριολεκτικά μπορώ λιμάνι ο κώδικας με αυτή την έννοια. 539 00:28:12,540 --> 00:28:15,420 >> Και θέλω να σας δείξω ένα παράδειγμα ενός πιο πολύπλοκο αντικείμενο. 540 00:28:15,420 --> 00:28:19,890 Έτσι, μπορείτε να παρατηρήσετε ότι ένα αντικείμενο μπορεί να έχει ως χορδές τιμές. 541 00:28:19,890 --> 00:28:21,530 Μπορεί να έχετε μια άλλη λίστα τιμών. 542 00:28:21,530 --> 00:28:23,820 Θα μπορούσε να έχει μια λίστα αντικειμένων, όπως τιμές. 543 00:28:23,820 --> 00:28:25,870 Δεν υπάρχει πραγματικά κανένα όριο σε αυτό. 544 00:28:25,870 --> 00:28:29,070 Έτσι, εδώ, είναι απλά μια καλή επίδειξη για το πώς μπορείτε να πάρετε μια πολύ 545 00:28:29,070 --> 00:28:33,290 διαφόρων τύπων σε εξέλιξη όλα σε ένα αντικείμενο. 546 00:28:33,290 --> 00:28:34,540 Μήπως αυτό έχει νόημα; 547 00:28:34,540 --> 00:28:41,090 548 00:28:41,090 --> 00:28:44,700 >> Τώρα, μπορείτε επίσης να έχετε συστοιχίες των αντικειμένων. 549 00:28:44,700 --> 00:28:48,530 Και εδώ είναι το είδος παρόμοιο με αυτό που ρώτησε, αν μπορείτε να έχετε αντικείμενα 550 00:28:48,530 --> 00:28:49,190 το ίδιο είδος. 551 00:28:49,190 --> 00:28:52,960 Αλλά το πρόβλημα είναι, δεν υπάρχει σταθερή μορφή για αντικείμενα σε JavaScript. 552 00:28:52,960 --> 00:28:55,020 Έτσι, θα πρέπει να τους ορίσετε εσείς. 553 00:28:55,020 --> 00:28:57,600 Και θα πρέπει να βεβαιωθείτε ότι είναι ομοιόμορφη. 554 00:28:57,600 --> 00:29:00,410 Έτσι, εδώ, όταν δημιουργώ ένα αντικείμενο, έχω για να βεβαιωθείτε ότι ο καθένας έχει μια 555 00:29:00,410 --> 00:29:01,910 όνομα, και το καθένα έχει ένα σπίτι. 556 00:29:01,910 --> 00:29:05,620 >> Και τότε έχω μια σειρά από αυτά, και ότι μπορεί να εξοχικό σπίτι μου. 557 00:29:05,620 --> 00:29:08,290 Και τότε εδώ μπορείτε να το είδος της δείτε το βρόχο for συμβαίνει. 558 00:29:08,290 --> 00:29:14,090 Ο βρόχος είναι απλά μια πραγματικά κοινή τρόπος για να διασχίσει πάνω από μια σειρά 559 00:29:14,090 --> 00:29:15,150 σε JavaScript. 560 00:29:15,150 --> 00:29:18,010 Σημειώστε ότι αυτό το μοτίβο είναι πολύ παρόμοια στο ισοδύναμο C, όπου μπορείτε 561 00:29:18,010 --> 00:29:21,470 έχουν int i ισούται με μηδέν. εγώ είναι μικρότερο από το μήκος. 562 00:29:21,470 --> 00:29:23,634 Και τότε εγώ συν συν. 563 00:29:23,634 --> 00:29:26,035 >> Είναι σχεδόν το ίδιο κωδικό, εκτός από μερικές λεπτομέρειες. 564 00:29:26,035 --> 00:29:29,460 565 00:29:29,460 --> 00:29:33,120 Έτσι κάνει όλους μας να καταλάβουμε τι είναι ένα αντικείμενο; 566 00:29:33,120 --> 00:29:35,820 Απλά σκεφτείτε το σαν ένα struct C. 567 00:29:35,820 --> 00:29:38,784 Και ο τρόπος που έχουν πρόσβαση τα πεδία είναι μόνο με την τελεία. 568 00:29:38,784 --> 00:29:41,950 Και εφ 'όσον μπορείτε να θυμηθείτε πώς να χρησιμοποιήσω την τελεία, θα είστε μια χαρά. 569 00:29:41,950 --> 00:29:55,300 570 00:29:55,300 --> 00:29:58,790 >> ΕΝΤΑΞΕΙ, έτσι τώρα μπορεί ο καθένας διαβάσετε αυτό το σύνδεσμο; 571 00:29:58,790 --> 00:30:02,220 Αυτός είναι ο σύνδεσμος για το έργο. 572 00:30:02,220 --> 00:30:04,950 Υπάρχει κάποιος που έχει πρόβλημα βλέποντας το σύνδεσμο; 573 00:30:04,950 --> 00:30:06,251 Εντάξει, ας το αλλάξουμε τότε. 574 00:30:06,251 --> 00:30:14,430 575 00:30:14,430 --> 00:30:15,680 Δεν είναι - 576 00:30:15,680 --> 00:30:21,900 577 00:30:21,900 --> 00:30:24,240 Ναι, αυτό είναι ίσως το ευκολότερος τρόπος για να το κάνει. 578 00:30:24,240 --> 00:30:32,390 579 00:30:32,390 --> 00:30:34,560 Μεγάλη. 580 00:30:34,560 --> 00:30:38,270 >> Έτσι, αν πάτε σε αυτό το site, θα πρέπει να υπάρχει είναι μερικές οδηγίες που θα είμαι 581 00:30:38,270 --> 00:30:42,550 πάει πάνω σχετικά με το πώς μπορούμε να εγκαταστήσουμε Meteor και να πάρει δείγμα έργου μας λειτουργία. 582 00:30:42,550 --> 00:30:47,900 583 00:30:47,900 --> 00:30:50,180 Θέλω να βεβαιωθείτε ότι ο καθένας έχει η σύνδεση προς τα κάτω πριν προχωρήσω. 584 00:30:50,180 --> 00:31:16,250 585 00:31:16,250 --> 00:31:17,500 Μπορώ να προχωρήσουμε; 586 00:31:17,500 --> 00:31:20,683 587 00:31:20,683 --> 00:31:23,680 Εντάξει, ωραία. 588 00:31:23,680 --> 00:31:25,890 >> Οπότε είμαι εδώ στην ιστοσελίδα. 589 00:31:25,890 --> 00:31:28,740 Θα παρατηρήσετε στο αρχείο readme, έχουμε κάποιες οδηγίες για το πώς 590 00:31:28,740 --> 00:31:30,200 να πάρει ου συσταθεί. 591 00:31:30,200 --> 00:31:33,920 Θα πρέπει να είναι είτε στο CS50 συσκευής ή απλά για ένα Mac. 592 00:31:33,920 --> 00:31:35,330 Τα Windows δεν θα λειτουργήσει. 593 00:31:35,330 --> 00:31:37,760 Αλλά βασικά τίποτα που δεν είναι Τα Windows θα πρέπει να συνεργαστεί με αυτά 594 00:31:37,760 --> 00:31:39,820 οδηγίες ακριβώς το πρόστιμο. 595 00:31:39,820 --> 00:31:41,470 Αλλά μπορώ να το κάνω λίγο μεγαλύτερο, καθώς και. 596 00:31:41,470 --> 00:31:45,610 597 00:31:45,610 --> 00:31:48,820 >> Έτσι θα τρέξει το πρώτο ζεύγος εντολών. 598 00:31:48,820 --> 00:31:50,450 Αυτά τα παιδιά θα εγκαταστήσει μόνο Meteor. 599 00:31:50,450 --> 00:31:54,870 600 00:31:54,870 --> 00:31:58,530 Μπορώ να μπω σε τερματικό μου. 601 00:31:58,530 --> 00:32:02,710 Και αν μπορώ να εκτελέσω το ίδιο πράγμα τώρα, Έχω ήδη εγκαταστήσει. 602 00:32:02,710 --> 00:32:03,710 Γι 'αυτό είναι λίγο μικρότερη. 603 00:32:03,710 --> 00:32:05,155 Μπορεί να πάρει λίγο περισσότερο χρόνο για σας παιδιά. 604 00:32:05,155 --> 00:32:08,160 605 00:32:08,160 --> 00:32:13,530 Αλλά θέλω πρώτα να βεβαιωθείτε ότι έχουμε Meteor λειτουργία. 606 00:32:13,530 --> 00:32:16,780 Μετά Meteor έχει εγκαταστήσει, θα πρέπει να να είναι σε θέση να πάρει κόμβο στην κονσόλα. 607 00:32:16,780 --> 00:32:19,430 >> ΚΟΙΝΟ: Αναρωτιούνται έναν κωδικό πρόσβασης. 608 00:32:19,430 --> 00:32:22,110 >> ROGER ZURAWICKI: Αυτό θα σας κωδικό πρόσβασης χρήστη, εάν είστε σε έναν υπολογιστή Mac. 609 00:32:22,110 --> 00:32:27,030 Το μόνο που χρειάζεται είναι άδεια τροποποιήσει κάποια αρχεία του συστήματος. 610 00:32:27,030 --> 00:32:30,690 Άρα το ερώτημα ήταν, αν σας ρωτήσει για έναν κωδικό πρόσβασης, απλά ρωτώντας σας 611 00:32:30,690 --> 00:32:33,510 το κωδικό όνομα χρήστη σας, όταν μπορείτε να συνδεθείτε στο Mac σας. 612 00:32:33,510 --> 00:32:35,770 Και αυτό είναι έτσι ώστε να μπορείτε να αλλάξετε τα αρχεία του συστήματος. 613 00:32:35,770 --> 00:32:46,670 614 00:32:46,670 --> 00:32:51,260 >> Και όταν είστε έτοιμοι, μπορείτε να προχωρήσετε στο επόμενο βήμα, το οποίο θα αντιγράψει το 615 00:32:51,260 --> 00:32:54,220 δείγμα κώδικα που έχω από την ιστοσελίδα. 616 00:32:54,220 --> 00:32:58,330 Και θα πάρετε ένα νέο κατάλογο σε σας κατάλογο που ονομάζεται leaderboard, και 617 00:32:58,330 --> 00:32:59,670 μπορούμε να αρχίσουμε να εργαζόμαστε από εκεί. 618 00:32:59,670 --> 00:33:09,680 619 00:33:09,680 --> 00:33:14,620 Έτσι είμαι απλά αντιγραφή και επικόλληση αυτών εντολές στο τερματικό μου. 620 00:33:14,620 --> 00:33:16,780 Και για μένα, έχω ήδη κλωνοποιηθεί. 621 00:33:16,780 --> 00:33:21,470 Έτσι, μπορώ απλά τώρα να προχωρήσουμε στο leaderboard. 622 00:33:21,470 --> 00:33:23,450 Και πρέπει να έχω μερικά αρχεία εκεί. 623 00:33:23,450 --> 00:33:29,880 624 00:33:29,880 --> 00:33:31,113 Οποιεσδήποτε ερωτήσεις; 625 00:33:31,113 --> 00:33:34,430 >> ΚΟΙΝΟ: [δεν ακούγεται] δεν λειτουργεί. 626 00:33:34,430 --> 00:33:36,741 >> ROGER ZURAWICKI: Ω, ίσως Πρέπει git επίσης εγκατεστημένο. 627 00:33:36,741 --> 00:33:39,150 >> ΚΟΙΝΟ: [δεν ακούγεται]. 628 00:33:39,150 --> 00:33:40,162 >> ROGER ZURAWICKI: Συγγνώμη; 629 00:33:40,162 --> 00:33:41,412 >> ΚΟΙΝΟ: [δεν ακούγεται]. 630 00:33:41,412 --> 00:33:44,500 631 00:33:44,500 --> 00:33:47,390 >> ROGER ZURAWICKI: Ω, εντάξει. 632 00:33:47,390 --> 00:33:47,720 OK. 633 00:33:47,720 --> 00:33:52,860 Αυτό συμβαίνει γιατί μπορεί να χρειαστεί να συνδεδεμένοι στο GitHub για να πάρει αυτό το σύνδεσμο. 634 00:33:52,860 --> 00:33:58,160 Αν εσείς μπορείτε να δείτε ότι, ο ευκολότερος τρόπος για να το κάνω τότε θα πω είναι 635 00:33:58,160 --> 00:33:59,270 κατεβάστε το zip. 636 00:33:59,270 --> 00:34:02,010 Και αυτό θα κατεβάσετε μόνο όλα τα αρχεία. 637 00:34:02,010 --> 00:34:05,510 Και στη συνέχεια, τη στιγμή που θα τεθεί σε σας κατεβάσετε ή να σας κατάλογο - 638 00:34:05,510 --> 00:34:07,360 Θα ήθελα να συστήσω τη θέση της σε σας κατάλογο έτσι μπορούμε όλοι να 639 00:34:07,360 --> 00:34:09,210 εκτελέσετε τις ίδιες εντολές. 640 00:34:09,210 --> 00:34:15,230 Όσο έχουμε τα αρχεία, θα είμαστε να είναι σε θέση να αρχίσουν να εργάζονται μαζί τους. 641 00:34:15,230 --> 00:34:17,969 Επιτρέψτε μου να ξέρω αν οι άνθρωποι έχουν προβλήματα κατά τη λήψη των αρχείων. 642 00:34:17,969 --> 00:34:21,040 >> ΚΟΙΝΟ: Με κατάλογο, εννοείτε - 643 00:34:21,040 --> 00:34:24,989 >> ROGER ZURAWICKI: Έτσι το σπίτι κατάλογο θα είναι John Harvard, εάν είστε σε 644 00:34:24,989 --> 00:34:27,460 η συσκευή CS50. 645 00:34:27,460 --> 00:34:33,651 Για να φτάσετε στον αρχικό σας κατάλογο, απλά πληκτρολογήστε C. 646 00:34:33,651 --> 00:34:34,145 >> ΚΟΙΝΟ: [δεν ακούγεται] 647 00:34:34,145 --> 00:34:37,610 Συσκευή CS50 [δεν ακούγεται]. 648 00:34:37,610 --> 00:34:38,650 >> ROGER ZURAWICKI: Ναι. 649 00:34:38,650 --> 00:34:40,480 Θέλετε να εκτελέσετε τις εντολές στο τερματικό σας. 650 00:34:40,480 --> 00:34:44,899 651 00:34:44,899 --> 00:34:45,390 >> ΚΟΙΝΟ: [δεν ακούγεται]. 652 00:34:45,390 --> 00:34:50,800 Πήρα ένα σφάλμα που λέει όχι τέτοιο αρχείο ή κατάλογος. 653 00:34:50,800 --> 00:34:52,739 >> ROGER ZURAWICKI: Μπορούμε να ρίξουμε μια γρήγορη σπάσει και απλά βεβαιωθείτε ότι 654 00:34:52,739 --> 00:34:56,760 ο καθένας έχει εγκατασταθεί Meteor, και εγώ θα πήγαινε να προσπαθήσει να βοηθήσει τους ανθρώπους έξω. 655 00:34:56,760 --> 00:34:59,130 Παρακαλώ να προσπαθήσουμε να βοηθήσουμε ο ένας τον άλλο, αν τρέχετε σε προβλήματα. 656 00:34:59,130 --> 00:35:04,640 657 00:35:04,640 --> 00:35:05,580 Δυστυχώς, ναι. 658 00:35:05,580 --> 00:35:08,930 Είσαι τόσο στη συσκευή; 659 00:35:08,930 --> 00:35:09,350 >> ΚΟΙΝΟ: Ναι. 660 00:35:09,350 --> 00:35:13,190 Έχω την RISA 661 00:35:13,190 --> 00:35:14,300 >> ROGER ZURAWICKI: OK. 662 00:35:14,300 --> 00:35:20,740 Αν πάτε πίσω στο δικτυακό τόπο, πηγαίνετε μετακινηθείτε μέχρι την κορυφή. 663 00:35:20,740 --> 00:35:23,580 Και υπάρχει αυτό το HTTPS. 664 00:35:23,580 --> 00:35:25,810 >> ΚΟΙΝΟ: Αντιγράψτε αυτό; 665 00:35:25,810 --> 00:35:26,230 >> ROGER ZURAWICKI: Ναι. 666 00:35:26,230 --> 00:35:28,950 Και τότε θα θέλετε να πληκτρολογήστε το git clone. 667 00:35:28,950 --> 00:35:30,814 Έτσι, αν πατήσετε Control A - 668 00:35:30,814 --> 00:35:33,718 >> ΚΟΙΝΟ: Εδώ; 669 00:35:33,718 --> 00:35:36,410 Και θα το κάνει [δεν ακούγεται]; 670 00:35:36,410 --> 00:35:37,307 >> ROGER ZURAWICKI: G-Ι-Τ. 671 00:35:37,307 --> 00:35:38,557 >> ΚΟΙΝΟ: [δεν ακούγεται]. 672 00:35:38,557 --> 00:35:40,410 673 00:35:40,410 --> 00:35:42,670 >> ROGER ZURAWICKI: Git και στη συνέχεια κλώνος. 674 00:35:42,670 --> 00:35:46,610 Έτσι είναι πολύ παρόμοια με την εντολή που είχε παραπάνω, αλλά η διεύθυνση URL άλλαξε. 675 00:35:46,610 --> 00:35:49,010 Έτσι, πριν ήταν αυτό, τώρα είναι αυτό. 676 00:35:49,010 --> 00:35:50,680 Επιτρέψτε μου να ενημερώσετε το - 677 00:35:50,680 --> 00:35:51,354 ναι. 678 00:35:51,354 --> 00:35:52,604 >> ΚΟΙΝΟ: [δεν ακούγεται]. 679 00:35:52,604 --> 00:35:56,000 680 00:35:56,000 --> 00:35:58,076 >> ROGER ZURAWICKI: Αυτό έχει κατεβάσει. 681 00:35:58,076 --> 00:35:59,326 >> ΚΟΙΝΟ: [δεν ακούγεται]. 682 00:35:59,326 --> 00:36:02,930 683 00:36:02,930 --> 00:36:05,690 >> ROGER ZURAWICKI: Ω, έτσι ώστε να δεν αντέγραψε σωστά. 684 00:36:05,690 --> 00:36:07,920 Θα το διορθώσω. 685 00:36:07,920 --> 00:36:10,190 Υπάρχει ένα λάθος με την προσπάθεια να κατεβάσετε τα αρχεία. 686 00:36:10,190 --> 00:36:13,820 Επιτρέψτε μου να ενημερώσετε την εντολή για σας παιδιά ώστε να μπορώ να βεβαιωθείτε ότι θα λειτουργήσει. 687 00:36:13,820 --> 00:36:17,025 Λυπάμαι γι 'αυτό. 688 00:36:17,025 --> 00:36:21,618 Θα πρέπει να είναι το ίδιο για Macs ή συσκευή CS50. 689 00:36:21,618 --> 00:36:22,868 >> ΚΟΙΝΟ: [δεν ακούγεται]. 690 00:36:22,868 --> 00:36:49,320 691 00:36:49,320 --> 00:36:51,190 >> ROGER ZURAWICKI: Έχω ενημερωθεί η Εντολή για τον αριθμό δύο, αν 692 00:36:51,190 --> 00:36:52,910 μπορείτε να ανανεώσετε τη σελίδα. 693 00:36:52,910 --> 00:36:56,520 Και με αυτό, το URL, θα πρέπει να σε θέση να κατεβάσετε τα αρχεία. 694 00:36:56,520 --> 00:37:00,162 695 00:37:00,162 --> 00:37:02,550 >> ΚΟΙΝΟ: Έτσι, αν είμαστε ακόμα κατέβασμα [δεν ακούγεται]. 696 00:37:02,550 --> 00:37:05,930 >> ROGER ZURAWICKI: Εάν είστε ακόμα λήψη Meteor; 697 00:37:05,930 --> 00:37:07,180 >> ΚΟΙΝΟ: [δεν ακούγεται]. 698 00:37:07,180 --> 00:37:09,860 699 00:37:09,860 --> 00:37:11,910 >> ROGER ZURAWICKI: Ναι, αν θέλετε να αναπτύξει για το Mac σας. 700 00:37:11,910 --> 00:37:14,145 Αλλά θα πρέπει να έχετε τον προγραμματιστή Xcode εργαλεία που είναι εγκατεστημένα. 701 00:37:14,145 --> 00:37:21,530 702 00:37:21,530 --> 00:37:24,550 Έχω δοκιμαστεί αυτές τις εντολές για το CS50 συσκευής, ώστε να μπορώ να εγγυηθώ 703 00:37:24,550 --> 00:37:25,440 ότι αυτό θα λειτουργήσει. 704 00:37:25,440 --> 00:37:26,710 Ναι. άσε με να φύγω και να σας βοηθήσει. 705 00:37:26,710 --> 00:37:30,558 706 00:37:30,558 --> 00:37:31,808 >> ΚΟΙΝΟ: [δεν ακούγεται]. 707 00:37:31,808 --> 00:37:39,440 708 00:37:39,440 --> 00:37:40,372 Δίνω τον κωδικό μου. 709 00:37:40,372 --> 00:37:42,240 Αυτό είναι το Mac. 710 00:37:42,240 --> 00:37:43,490 Και τότε κάνω [δεν ακούγεται]. 711 00:37:43,490 --> 00:37:51,114 712 00:37:51,114 --> 00:37:52,580 >> ROGER ZURAWICKI: OK. 713 00:37:52,580 --> 00:37:57,080 Θα ήθελα να δοκιμάστε να εκτελέσετε όλες τις εντολές αποκλειστικά στο τερματικό συσκευής CS50. 714 00:37:57,080 --> 00:37:58,330 >> ΚΟΙΝΟ: [δεν ακούγεται]. 715 00:37:58,330 --> 00:38:00,220 716 00:38:00,220 --> 00:38:02,570 >> ROGER ZURAWICKI: Θα ήθελα να πάρει αυτό που εργάζονται Οποιοδήποτε στο τερματικό, σχετικά με την 717 00:38:02,570 --> 00:38:04,830 Συσκευή CS50, και στη συνέχεια το τερματικό Mac. 718 00:38:04,830 --> 00:38:08,130 >> ΚΟΙΝΟ: Έτσι, αν το κάνεις για το CS50 συσκευή έτσι, [δεν ακούγεται]. 719 00:38:08,130 --> 00:38:13,650 720 00:38:13,650 --> 00:38:15,850 >> ROGER ZURAWICKI: Θα ήθελα να προχωρήσουμε για, αλλά αν οι άνθρωποι εξακολουθούν να έχουν 721 00:38:15,850 --> 00:38:20,190 Αντιμετωπίζετε προβλήματα στην εγκατάσταση Meteor, Kevin είναι πιο από ευτυχής να σας βοηθήσω έξω, 722 00:38:20,190 --> 00:38:21,440 Kevin στο γκρι πουκάμισο. 723 00:38:21,440 --> 00:38:26,320 724 00:38:26,320 --> 00:38:32,170 Τι θα πρέπει να έχουμε εμείς πάμε να εκτελέσετε την τελευταία εντολή, νούμερο τρία, σε 725 00:38:32,170 --> 00:38:33,710 τερματικό μας. 726 00:38:33,710 --> 00:38:37,320 Όταν το κάνουμε αυτό, θα τρέξει Meteor. 727 00:38:37,320 --> 00:38:39,040 >> Και θα πρέπει - 728 00:38:39,040 --> 00:38:41,200 OH, έχω ήδη Meteor λειτουργία. 729 00:38:41,200 --> 00:38:45,230 Έτσι, δεν πρόκειται να αφήσει - επιτρέψτε μου Απλά κλείστε άλλες μου Meteor. 730 00:38:45,230 --> 00:38:49,640 Όταν τρέχω Meteor, σας Πρέπει τώρα να δείτε ότι - 731 00:38:49,640 --> 00:38:51,490 θα πρέπει να δείτε τον τρέχοντα κατάλογο ότι είναι το σερβίρισμα. 732 00:38:51,490 --> 00:38:55,476 Και τώρα πρόκειται να πω στον σέρβερ τρέχει σε http://localhost. 733 00:38:55,476 --> 00:38:58,860 Αυτό είναι το URL που θέλετε να βάλετε στο web browser σας. 734 00:38:58,860 --> 00:39:05,410 >> Και σε αυτό το URL, θα πρέπει να είναι σε θέση να πρόσβαση σε ένα ωραίο leaderboard. 735 00:39:05,410 --> 00:39:10,030 736 00:39:10,030 --> 00:39:14,530 Έτσι, παρατηρούμε ότι αυτό είναι σε localhost, πράγμα που σημαίνει ότι αν το κάνετε οποιαδήποτε 737 00:39:14,530 --> 00:39:17,320 αλλαγές, εσείς δεν πρόκειται να δείτε τις αλλαγές του άλλου. 738 00:39:17,320 --> 00:39:20,830 Λαμβάνοντας υπόψη ότι στην ιστοσελίδα που σας έδειξα στην αρχή, θα μπορούσαμε να πάρουμε 739 00:39:20,830 --> 00:39:23,380 αλλαγές του καθενός γιατί όλοι η πρόσβαση στην ίδια ιστοσελίδα. 740 00:39:23,380 --> 00:39:27,010 741 00:39:27,010 --> 00:39:29,540 >> Έτσι, επιτρέψτε μου να πάει στο [; λέξη?] 742 00:39:29,540 --> 00:39:35,570 3000. 743 00:39:35,570 --> 00:39:38,820 Έτσι θα πρέπει να είναι σε θέση να επιβεβαιώσει ακριβώς ότι η λειτουργικότητα λειτουργεί. 744 00:39:38,820 --> 00:39:44,790 Μπορείτε να επιλέξετε διαφορετικούς ανθρώπους, και μπορείτε να τους δώσετε διαφορετικά σημεία. 745 00:39:44,790 --> 00:39:46,710 Έτσι, δίνω σημεία κάποιον. 746 00:39:46,710 --> 00:39:50,420 Μπορείτε επίσης να δείτε ότι να αυξηθεί σε βαθμό. 747 00:39:50,420 --> 00:39:53,450 748 00:39:53,450 --> 00:39:57,360 >> Τώρα, προς το συμφέρον του χρόνου, υπάρχει είναι τα τρία χαρακτηριστικά που έχω 749 00:39:57,360 --> 00:39:58,020 εφαρμοστεί. 750 00:39:58,020 --> 00:40:03,760 Και θα πάμε να εφαρμόσει τη διαγραφή χρήστες ως πρώτο χαρακτηριστικό μας. 751 00:40:03,760 --> 00:40:06,360 Αλλά πριν προχωρήσουμε, είναι Υπάρχουν ερωτήσεις; 752 00:40:06,360 --> 00:40:09,010 Είχες το χέρι σου. 753 00:40:09,010 --> 00:40:10,480 Ναι; 754 00:40:10,480 --> 00:40:11,730 >> ΚΟΙΝΟ: [δεν ακούγεται]. 755 00:40:11,730 --> 00:40:20,980 756 00:40:20,980 --> 00:40:22,450 >> ROGER ZURAWICKI: Μπορείτε να ελέγξετε Meteor ότι έχει εγκατασταθεί; 757 00:40:22,450 --> 00:40:25,160 758 00:40:25,160 --> 00:40:26,410 >> ΚΟΙΝΟ: [δεν ακούγεται]. 759 00:40:26,410 --> 00:40:31,440 760 00:40:31,440 --> 00:40:32,680 >> ROGER ZURAWICKI: Τοπική υποδοχής 3.000; 761 00:40:32,680 --> 00:40:36,550 Και είστε στη συσκευή CS50; 762 00:40:36,550 --> 00:40:37,800 Μπορώ να κάνω - 763 00:40:37,800 --> 00:40:39,870 764 00:40:39,870 --> 00:40:41,210 δεν χρειάζεται να είναι σε ένα Mac. 765 00:40:41,210 --> 00:40:43,558 Αυτό θα λειτουργήσει στη συσκευή. 766 00:40:43,558 --> 00:40:45,880 >> ΚΟΙΝΟ: [δεν ακούγεται]. 767 00:40:45,880 --> 00:40:47,520 >> ROGER ZURAWICKI: Στην κανονική πρόγραμμα περιήγησης στο web, ναι. 768 00:40:47,520 --> 00:40:49,170 >> ΚΟΙΝΟ: [δεν ακούγεται]. 769 00:40:49,170 --> 00:40:52,100 >> ROGER ZURAWICKI: Είναι Meteor τρέχει; 770 00:40:52,100 --> 00:40:54,180 Έτσι Εντάξει, υπάρχει μια διάκριση εδώ. 771 00:40:54,180 --> 00:40:56,300 Εάν το τρέξιμο στο συσκευής, θα πρέπει να κάνετε 772 00:40:56,300 --> 00:40:58,400 localhost εντός της συσκευής. 773 00:40:58,400 --> 00:41:00,860 Αν τρέχει στο Mac σας, όπως είμαι, τότε μπορώ να κάνω 774 00:41:00,860 --> 00:41:02,460 Mac Google Chrome μου. 775 00:41:02,460 --> 00:41:05,520 Αλλά αν χρησιμοποιείτε τη συσκευή CS50, θα πρέπει να κάνουμε τα πάντα 776 00:41:05,520 --> 00:41:06,350 στη συσκευή. 777 00:41:06,350 --> 00:41:09,022 Έτσι, μπορείτε να χρησιμοποιήσετε το Google Chrome στη συσκευή. 778 00:41:09,022 --> 00:41:10,350 >> ΚΟΙΝΟ: [δεν ακούγεται]. 779 00:41:10,350 --> 00:41:12,188 >> ROGER ZURAWICKI: Είναι εξακολουθεί να μην λειτουργεί; 780 00:41:12,188 --> 00:41:13,438 >> ΚΟΙΝΟ: [δεν ακούγεται]. 781 00:41:13,438 --> 00:41:39,170 782 00:41:39,170 --> 00:41:42,390 >> ROGER ZURAWICKI: Έτσι απλά για να επαναλάβω, πώς μπορώ να έχω πρόσβαση στην ιστοσελίδα τώρα. 783 00:41:42,390 --> 00:41:46,380 Έχετε μια διεύθυνση URL εδώ localhost 3000. 784 00:41:46,380 --> 00:41:49,600 Αν είστε στη συσκευή CS50, πρέπει να ανοίξετε το CS50 785 00:41:49,600 --> 00:41:51,320 Google Chrome συσκευής. 786 00:41:51,320 --> 00:41:54,850 Και σε αυτό το Google Chrome στο πλαίσιο της συσκευή, μπορείτε να πληκτρολογήσετε σε αυτό το URL, 787 00:41:54,850 --> 00:41:56,400 και θα πρέπει να δείτε ένα leaderboard. 788 00:41:56,400 --> 00:41:58,990 789 00:41:58,990 --> 00:42:04,800 Έτσι, Πάω να το θέσω απλά off προς την πλευρά εδώ λίγο. 790 00:42:04,800 --> 00:42:09,600 Και τώρα είμαι πρόκειται να ανοίξει μου επεξεργαστή κειμένου εδώ. 791 00:42:09,600 --> 00:42:16,040 Έτσι, επιτρέψτε μου να βεβαιωθείτε ότι ο κωδικός είναι σε τάξη. 792 00:42:16,040 --> 00:42:17,580 OK. 793 00:42:17,580 --> 00:42:19,750 Μεγάλη. 794 00:42:19,750 --> 00:42:22,360 >> Θα ήθελα τώρα να περπατήσετε μέσα ο κωδικός λίγο. 795 00:42:22,360 --> 00:42:26,110 Και το πρώτο αρχείο θα ήθελα να ξεκινήσετε με Is leaderboard.html. 796 00:42:26,110 --> 00:42:31,520 Θα είστε σε θέση να πάρετε τον κώδικα αυτό μετά το σεμινάριο, γι 'αυτό ακριβώς θέλω να δείξω 797 00:42:31,520 --> 00:42:33,960 σας στον υπολογιστή μου τι συμβαίνει. 798 00:42:33,960 --> 00:42:39,130 799 00:42:39,130 --> 00:42:40,970 Ελπίζω, λοιπόν, όλοι μπορούν να δουν αυτό. 800 00:42:40,970 --> 00:42:47,970 801 00:42:47,970 --> 00:42:51,590 Έτσι, στην αρχή του αρχείου, εμείς έχουν το κεφάλι μας και τον τίτλο, η οποία 802 00:42:51,590 --> 00:42:54,510 είναι παρόμοιο με αυτό που είδαμε σε κάθε έγγραφο HTML. 803 00:42:54,510 --> 00:42:56,990 Και μετά θα πάμε να έχουν η ετικέτα του σώματος εδώ. 804 00:42:56,990 --> 00:42:59,920 >> Αυτό που έχω επιλέξει είναι το κύριο σώμα, βασικά αυτό είναι 805 00:42:59,920 --> 00:43:01,470 πρόκειται να πάρει εμφανίζεται. 806 00:43:01,470 --> 00:43:05,560 Αλλά υπάρχουν κάποια νέα μη-HTML πράγματα, και αυτό είναι στην 807 00:43:05,560 --> 00:43:06,710 διπλές αγκύλες γωνία. 808 00:43:06,710 --> 00:43:08,600 Και αυτά είναι πρότυπο ετικέτες. 809 00:43:08,600 --> 00:43:13,770 Έτσι θα δείτε εδώ αυτό το βραχίονα βραχίονα νέο leaderboard. 810 00:43:13,770 --> 00:43:17,390 Και αυτό είναι το είδος του - σκεφτείτε ότι όπως καλώντας μια λειτουργία για την HTML. 811 00:43:17,390 --> 00:43:19,320 >> Αυτή είναι μια ειδική έκδοση του HTML. 812 00:43:19,320 --> 00:43:22,730 Είναι η έκδοση που χρησιμοποιεί Meteor, η οποία Γι 'αυτό μπορείτε να εμφανίσετε διαφορετικές 813 00:43:22,730 --> 00:43:26,190 πράγματα, όπως το leaderboard τα ονόματα και τα κουμπιά. 814 00:43:26,190 --> 00:43:30,870 Αλλά leaderboard σας λέει να πάτε στο πρότυπο με το όνομα leaderboard. 815 00:43:30,870 --> 00:43:34,746 Έτσι, το πρότυπο δεν θα εμφανίζονται πλέον από μόνη της, αλλά είναι μια λειτουργία, έτσι ώστε να 816 00:43:34,746 --> 00:43:35,390 θα καλεστεί. 817 00:43:35,390 --> 00:43:41,030 Και θα υποκαταστήσει σε όλα αυτά κώδικα εδώ στο leaderboard. 818 00:43:41,030 --> 00:43:44,510 819 00:43:44,510 --> 00:43:48,820 >> Το ενδιαφέρον μέρος του leaderboard εδώ είναι ακριβώς αυτό το τραπέζι. 820 00:43:48,820 --> 00:43:52,910 Αν απλά να το διαβάσετε, να διαβάσετε αυτόν τον κωδικό φωναχτά, θα πρέπει να είναι διαισθητικό 821 00:43:52,910 --> 00:43:57,390 γιατί leaderboard, το μόνο που έχουμε εδώ είναι ένας πίνακας. 822 00:43:57,390 --> 00:44:00,410 Αυτό το αναγνωριστικό κλάσης πράγματα που δεν πρέπει να ανησυχούν. 823 00:44:00,410 --> 00:44:02,460 Απλά ξέρω ότι υπάρχει μια κεφαλίδα του πίνακα. 824 00:44:02,460 --> 00:44:03,630 Αυτό είναι αυτό κλωστή. 825 00:44:03,630 --> 00:44:06,860 >> Και βρίσκει ένα όνομα και μια βαθμολογία. 826 00:44:06,860 --> 00:44:12,150 Όλες αυτές οι ετικέτες, όπως thtable, κλωστή, θα πρέπει ακριβώς να μάθετε καθώς πηγαίνετε εμπρός. 827 00:44:12,150 --> 00:44:15,540 Δεν είναι σημαντικό ότι έχετε απομνημονεύσει αυτά, επειδή μπορείτε απλά να αποκτήσετε πρόσβαση σε οποιοδήποτε 828 00:44:15,540 --> 00:44:16,520 αναφορά σε απευθείας σύνδεση. 829 00:44:16,520 --> 00:44:20,610 Ή μέχρι το τέλος του εξαμήνου, οι απλά θα είναι πολύ εξοικειωμένοι με σας. 830 00:44:20,610 --> 00:44:22,840 >> Μετά την επικεφαλίδα του πίνακα, ο μέρος που θέλω να επιστήσω σας 831 00:44:22,840 --> 00:44:24,900 προσοχή είναι αυτή η ετικέτα. 832 00:44:24,900 --> 00:44:27,180 Επειδή είναι σε διπλές αγκύλες, Είναι ένα πρότυπο. 833 00:44:27,180 --> 00:44:30,980 Έτσι ώστε να σημαίνει για καθένα από τους παίκτες, ό, τι παίκτες είναι, θα πρέπει να 834 00:44:30,980 --> 00:44:31,500 το εμφανίσετε. 835 00:44:31,500 --> 00:44:32,965 Και πάμε στο πρότυπο παίκτη. 836 00:44:32,965 --> 00:44:35,680 837 00:44:35,680 --> 00:44:39,890 >> Αν μετακινηθείτε προς τα κάτω λίγο περισσότερο - 838 00:44:39,890 --> 00:44:40,980 Ελπίζω ότι ο καθένας μπορεί να δει ότι. 839 00:44:40,980 --> 00:44:42,900 Έχουμε το πρότυπο παίκτη. 840 00:44:42,900 --> 00:44:49,080 Και αυτό το πρότυπο καθορίζει ουσιαστικά ένα κελί πίνακα, όπου μπορείτε να βάλετε το όνομα 841 00:44:49,080 --> 00:44:50,330 εδώ και το σκορ. 842 00:44:50,330 --> 00:44:52,540 843 00:44:52,540 --> 00:44:56,720 Σμίκρυνση τώρα, μπορούμε να δούμε ότι αυτό το κομμάτι του κώδικα - 844 00:44:56,720 --> 00:44:59,060 και ότι ήταν παίκτης μας εκεί κάτω - 845 00:44:59,060 --> 00:45:01,070 ορίζει ένα από αυτά τα κύτταρα. 846 00:45:01,070 --> 00:45:02,890 Κάθε πράγμα που κάνω κλικ γίνεται κίτρινο. 847 00:45:02,890 --> 00:45:06,690 848 00:45:06,690 --> 00:45:08,660 >> Ένας απλός τρόπος που θα μπορούσε να αλλάξει τώρα. 849 00:45:08,660 --> 00:45:10,150 Βεβαιωθείτε ότι Meteor βρίσκεται ακόμη σε εξέλιξη. 850 00:45:10,150 --> 00:45:12,540 Meteor θα πρέπει να είναι μια διαδικασία διακομιστή, έτσι μπορείτε να το αφήσετε 851 00:45:12,540 --> 00:45:14,020 εκτελείται όταν αναπτυχθεί. 852 00:45:14,020 --> 00:45:18,280 Ας πούμε ότι ήθελα να αλλάξω όλα τα ονόματα ή το σκορ. 853 00:45:18,280 --> 00:45:23,320 Και θα ήθελα να πω ότι πρόκειται για να προσθέσετε σημεία εδώ. 854 00:45:23,320 --> 00:45:27,215 Έτσι, η αλλαγή που έκανα ήταν εδώ, αντί ακριβώς σκορ, I 855 00:45:27,215 --> 00:45:30,280 προσθέσετε το σκορ σημεία χώρο. 856 00:45:30,280 --> 00:45:32,775 >> Πάω για σμίκρυνση, και είμαι πρόκειται να αποθηκεύσετε το αρχείο μου. 857 00:45:32,775 --> 00:45:35,510 858 00:45:35,510 --> 00:45:39,830 Και μετά θα αποθηκεύσετε το αρχείο μου, χρειάζομαι για να βεβαιωθείτε ότι Meteor βρίσκεται σε λειτουργία. 859 00:45:39,830 --> 00:45:55,650 860 00:45:55,650 --> 00:45:57,610 Λυπάμαι γι 'αυτό. 861 00:45:57,610 --> 00:46:00,330 Θέλω να σας δείξω αλλαγές έγιναν σε πραγματικό χρόνο. 862 00:46:00,330 --> 00:46:06,180 Γι 'αυτό θα αλλάξει μόνο κάποιο κείμενο. 863 00:46:06,180 --> 00:46:07,600 Κάντε κλικ σε έναν παίκτη. 864 00:46:07,600 --> 00:46:10,040 Είμαι βάζοντας σε όλα τα καλύμματα. 865 00:46:10,040 --> 00:46:14,540 Και θα πρέπει να είναι ότι, εάν αυτό λειτουργεί σωστά, όταν το αποθηκεύσετε, 866 00:46:14,540 --> 00:46:16,801 Θα ενημερώσετε. 867 00:46:16,801 --> 00:46:20,420 >> Ναι, νομίζω ότι αυτή τη στιγμή το πρόβλημα είναι Δεν είμαι στο σωστό κατάλογο. 868 00:46:20,420 --> 00:46:24,940 869 00:46:24,940 --> 00:46:26,870 OK. 870 00:46:26,870 --> 00:46:28,160 Λυπάμαι γι 'αυτό. 871 00:46:28,160 --> 00:46:32,860 Μέχρι εδώ, τι θα παρατηρήσετε είναι αλλαγή μου πέρασε. 872 00:46:32,860 --> 00:46:34,540 Τώρα να πω ότι θέλετε να επιστρέψετε την αλλαγή. 873 00:46:34,540 --> 00:46:36,200 Θέλω να πάω πίσω σε ό, τι είχα. 874 00:46:36,200 --> 00:46:37,640 Είμαι ακριβώς πρόκειται να το πληκτρολογήσετε κανονικά. 875 00:46:37,640 --> 00:46:39,180 Κάντε κλικ σε έναν παίκτη. 876 00:46:39,180 --> 00:46:42,920 >> Τη στιγμή που τον σώσει, ο ιστοσελίδα ανανεώνεται για μένα. 877 00:46:42,920 --> 00:46:44,740 Και βλέπω την αλλαγή μου σε η περιοχή αμέσως. 878 00:46:44,740 --> 00:46:48,170 Αυτό είναι ένα πραγματικά χρήσιμο χαρακτηριστικό στο debugging γιατί τώρα 879 00:46:48,170 --> 00:46:49,640 Δεν έχω να - 880 00:46:49,640 --> 00:46:52,920 όταν γράφουμε κώδικα C, όχι μόνο δεν θα Πρέπει να αποθηκεύσετε το αρχείο, αλλά έπρεπε να 881 00:46:52,920 --> 00:46:54,750 κάνει και στη συνέχεια να το εκτελέσετε ξανά. 882 00:46:54,750 --> 00:46:58,750 Meteor είναι πολύ ωραίο γιατί σε αντίθεση με C, τη στιγμή που θα σώσει HTML ή 883 00:46:58,750 --> 00:47:01,070 Αρχείο JavaScript, η αλλαγή εμφανίζεται αμέσως. 884 00:47:01,070 --> 00:47:05,050 885 00:47:05,050 --> 00:47:09,140 >> Ένα ερώτημα είναι, σε αυτά τα πρότυπα, τον τρόπο μπορώ να πάρω τις τιμές, όπως συσκευές αναπαραγωγής 886 00:47:09,140 --> 00:47:11,520 ή επιλέξτε ένα όνομα; 887 00:47:11,520 --> 00:47:17,130 Αν έχω μεγεθύνετε εδώ στον κώδικα μου, Βλέπω αυτό για κάθε παίκτες. 888 00:47:17,130 --> 00:47:19,970 Έτσι, το πρότυπο γνωρίζει ότι Έχω παίκτες με κάποιο τρόπο. 889 00:47:19,970 --> 00:47:22,110 Και ξέρει ότι υπάρχει ένα επιλεγμένο όνομα. 890 00:47:22,110 --> 00:47:23,220 Όταν το κάνει αυτό προέρχεται από; 891 00:47:23,220 --> 00:47:25,180 Αυτό προέρχεται από το JavaScript. 892 00:47:25,180 --> 00:47:30,980 >> Και αν πάτε να leaderboard.js, αυτό αρχείο, τώρα όταν πάω εδώ, έχουμε ένα 893 00:47:30,980 --> 00:47:33,460 λίγες εντολές που ορίζονται. 894 00:47:33,460 --> 00:47:36,400 Αυτό είναι ειδική σύνταξη Meteor. 895 00:47:36,400 --> 00:47:38,600 Σημειώστε ότι δεν χρειάζεστε vars ή οτιδήποτε. 896 00:47:38,600 --> 00:47:42,990 Αλλά αυτά είναι μόνο structs κατά structs κατά structs ή αυτά τα αντικείμενα. 897 00:47:42,990 --> 00:47:45,910 Και όλα είμαι καθορισμό είναι το πρότυπο ονομάζεται leaderboard. 898 00:47:45,910 --> 00:47:47,900 >> Leaderboard θα πρέπει να πάρετε μια πράγμα που ονομάζεται παίκτες. 899 00:47:47,900 --> 00:47:48,840 Και τι είναι οι παίκτες; 900 00:47:48,840 --> 00:47:51,860 Είναι ό, τι επιστρέφει η έκφραση αυτή. 901 00:47:51,860 --> 00:47:53,020 Και τι είναι επιλεγμένο το όνομα; 902 00:47:53,020 --> 00:47:54,630 Είναι λίγο περισσότερο κώδικα. 903 00:47:54,630 --> 00:47:56,810 Οι λεπτομέρειες του κώδικα θα καλύπτουν λίγο αργότερα. 904 00:47:56,810 --> 00:48:02,210 Αλλά τώρα θέλω να καταλάβετε ότι σε αυτόν τον κώδικα, παίρνουμε 905 00:48:02,210 --> 00:48:04,350 παίκτες, και δίνουμε την τιμή. 906 00:48:04,350 --> 00:48:07,000 Σε αυτή την περίπτωση, είναι μια λειτουργία που εκτελείται. 907 00:48:07,000 --> 00:48:10,290 Έτσι, μπορούμε να πάρουμε την τιμή πίσω όταν εκτελείτε τη λειτουργία. 908 00:48:10,290 --> 00:48:12,830 909 00:48:12,830 --> 00:48:13,520 Αυτό είναι ένα αρχείο καταγραφής. 910 00:48:13,520 --> 00:48:14,770 Μήπως αυτό έχει νόημα; 911 00:48:14,770 --> 00:48:23,170 912 00:48:23,170 --> 00:48:25,010 >> Μπορώ να αλλάξω τον τρόπο που είναι ταξινομημένο. 913 00:48:25,010 --> 00:48:27,230 Εδώ, υπάρχει ένα αντικείμενο ταξινόμησης. 914 00:48:27,230 --> 00:48:31,660 Και τι λέει αυτό είναι Πάω να ταξινομήσετε ανά βαθμολογία φθίνουσα πρώτο και 915 00:48:31,660 --> 00:48:33,170 στη συνέχεια το όνομα αύξουσα. 916 00:48:33,170 --> 00:48:36,630 Αν αλλάξω αυτό σε μία, πρόκειται να ταξινομήσετε σκορ αύξουσα. 917 00:48:36,630 --> 00:48:39,120 Έτσι το μηδέν πρέπει να είναι στην κορυφή. 918 00:48:39,120 --> 00:48:43,370 Και όταν ζουμ στην ιστοσελίδα μου, τώρα να δούμε ότι η ιστοσελίδα ενημερώθηκε. 919 00:48:43,370 --> 00:48:44,923 Και το σκορ είναι ανάβαση. 920 00:48:44,923 --> 00:48:49,010 921 00:48:49,010 --> 00:48:53,980 >> Η επόμενη λειτουργία θέλω μόνο για την κάλυψη είναι η αύξηση κλικ. 922 00:48:53,980 --> 00:48:57,910 Από το συμφέρον του χρόνου, δεν θα το κάνω να είναι σε θέση να καλύψει περισσότερο από το Meteor 923 00:48:57,910 --> 00:49:00,690 κώδικα, αλλά υπάρχει αφθονία των πόρων διαθέσιμες, και θα είμαι 924 00:49:00,690 --> 00:49:03,560 εδώ μετά το σεμινάριο. 925 00:49:03,560 --> 00:49:07,680 Αλλά θέλω να καλύψει τα γεγονότα leaderboard. 926 00:49:07,680 --> 00:49:10,520 Αυτή η σύνταξη θα μάθετε Λίγο αργότερα στη διάλεξη. 927 00:49:10,520 --> 00:49:12,870 Αυτό είναι JavaScript. 928 00:49:12,870 --> 00:49:16,720 >> Απλά λέμε, όταν παίρνουμε ένα κλικ, και είναι σχετικά με την αύξηση, αυτό 929 00:49:16,720 --> 00:49:19,160 hash σημαίνει ακριβώς ID. 930 00:49:19,160 --> 00:49:23,945 Από την ετικέτα αύξηση ID, τότε θέλουμε για την ενημέρωση - τις λέξεις κλειδιά που θέλετε 931 00:49:23,945 --> 00:49:26,740 να παρακολουθήσετε είναι ενημερωμένη και επιλέξτε και ο παίκτης. 932 00:49:26,740 --> 00:49:29,080 Έτσι, όποιο παίκτη επιλεγεί, θα τον ενημερώνει. 933 00:49:29,080 --> 00:49:31,260 Και αυτό που κάνουμε είναι να αυξήσετε βαθμολογία της κατά πέντε. 934 00:49:31,260 --> 00:49:37,700 935 00:49:37,700 --> 00:49:40,340 Και αυτό θα περιγράψει τη λειτουργικότητα έχουμε εδώ. 936 00:49:40,340 --> 00:49:50,270 937 00:49:50,270 --> 00:49:54,510 >> Μετά το τέλος του σεμιναρίου, θα να είναι σε θέση να δείτε λίγο περισσότερο κώδικα. 938 00:49:54,510 --> 00:50:00,400 Όμως, πηγαίνοντας πίσω στο στόχο μου που θέλω να αλλάξτε τη θέση του, θα ήθελα εδώ 939 00:50:00,400 --> 00:50:03,400 για να προσθέσετε ένα κουμπί αφαίρεση έτσι Μπορώ να διαγράψει τον παίκτη. 940 00:50:03,400 --> 00:50:05,390 Έτσι για να το κάνουμε αυτό, θα πρέπει να κάνει δύο πράγματα. 941 00:50:05,390 --> 00:50:09,680 Θα πρέπει να ενημερώσετε τον κώδικα HTML, ενημερώσετε το δείτε, αυτό που παίρνει εμφανίζεται στο χρήστη, και 942 00:50:09,680 --> 00:50:15,080 τότε έχουν κάποια JavaScript ότι όταν η πατήσετε το κουμπί, Meteor πρόκειται 943 00:50:15,080 --> 00:50:15,690 να κάνει κάτι. 944 00:50:15,690 --> 00:50:18,040 Πρόκειται να καταργήσετε αυτό το player. 945 00:50:18,040 --> 00:50:20,720 >> Έτσι, υπάρχουν πολλά κομμάτια του κώδικα που βασικά έχει ήδη 946 00:50:20,720 --> 00:50:22,610 έχει κάνει για μένα. 947 00:50:22,610 --> 00:50:26,160 Αν κοιτάζω εδώ, έχω ήδη έναν τρόπο να πάρει το επιλεγμένο παίκτη. 948 00:50:26,160 --> 00:50:29,880 Αυτός είναι αυτά τα πράγματα, αν μπορείτε να το δείτε. 949 00:50:29,880 --> 00:50:31,346 Έτσι, αν εγώ απλά - 950 00:50:31,346 --> 00:50:35,160 Πάω να έχουν ένα άλλο γεγονός. 951 00:50:35,160 --> 00:50:37,900 Έτσι, Πάω να αντιγράψετε ό, τι έχω. 952 00:50:37,900 --> 00:50:40,740 Επειδή αυτό είναι μια λίστα, Χρειάζομαι μόνο ένα κόμμα. 953 00:50:40,740 --> 00:50:45,480 >> Έτσι τώρα θα πάω να κάνετε κλικ διαγράψετε. 954 00:50:45,480 --> 00:50:48,840 Και τότε, αντί των παικτών ενημέρωση, Πάω να κάνω τους παίκτες να διαγράψετε. 955 00:50:48,840 --> 00:50:51,620 Και όλοι οι παίκτες να διαγράψετε τις ανάγκες είναι ένα επιλεγμένο παίκτη. 956 00:50:51,620 --> 00:50:56,500 Έτσι, αυτή η λειτουργία είναι όλα όσα χρειαζόμαστε. 957 00:50:56,500 --> 00:51:01,550 Θα χρειάζεται να προσθέσετε κάποια HTML εδώ όμως. 958 00:51:01,550 --> 00:51:05,180 Έτσι, αν μετακινηθείτε προς τα κάτω εδώ, αυτή είναι η άποψη HTML. 959 00:51:05,180 --> 00:51:08,300 Είχαμε ένα πράγμα εδώ, η οποία ήταν μια ετικέτα. 960 00:51:08,300 --> 00:51:09,610 Δεν χρειάζεται να ανησυχείτε για αυτό. 961 00:51:09,610 --> 00:51:12,000 >> Αυτό που έχει σημασία για εσάς είναι αυτό το αναγνωριστικό αύξηση. 962 00:51:12,000 --> 00:51:14,990 Και αυτό είναι που μας επέτρεψε να πούμε, όταν κάναμε κλικ προσαύξησης, θα πρέπει να 963 00:51:14,990 --> 00:51:16,410 δώσει πέντε σημεία. 964 00:51:16,410 --> 00:51:18,240 Και θα δείτε ότι αυτό είναι ένα κουμπί. 965 00:51:18,240 --> 00:51:20,150 Αυτό είναι το τι σημαίνει το btn. 966 00:51:20,150 --> 00:51:23,190 Και το κείμενο στο κουμπί είναι να δώσουμε πέντε σημεία. 967 00:51:23,190 --> 00:51:26,440 Λοιπόν, τι Πάω να κάνουμε είναι να είμαι πρόκειται να αντιγράψετε αυτή τη γραμμή. 968 00:51:26,440 --> 00:51:29,910 Πάω να αλλάξετε το αναγνωριστικό για να διαγράψετε. 969 00:51:29,910 --> 00:51:34,310 Και Πάω να αλλάξει η κείμενο εδώ για να διαγράψετε. 970 00:51:34,310 --> 00:51:35,980 >> Έτσι, βεβαιωθείτε ότι τα πάντα έσωσε. 971 00:51:35,980 --> 00:51:39,010 Θέλω να πάω πίσω στο JavaScript μου για να βεβαιωθείτε ότι έχω 972 00:51:39,010 --> 00:51:40,880 διαγραφή παρατάσσονται εδώ. 973 00:51:40,880 --> 00:51:41,780 Καλή. 974 00:51:41,780 --> 00:51:43,145 Έτσι, Πάω να σώσει τα δύο αρχεία. 975 00:51:43,145 --> 00:51:46,060 976 00:51:46,060 --> 00:51:49,320 Μετά την αποθήκευση των δύο αρχείων, μπορεί να πάει πίσω προς τα κάτω. 977 00:51:49,320 --> 00:51:51,550 Και τώρα βλέπουμε έχουμε ένα κουμπί διαγραφή. 978 00:51:51,550 --> 00:51:56,050 Και ένα ακόμα βήμα. 979 00:51:56,050 --> 00:51:58,200 Θα παρατηρήσετε μπορείτε να πάρετε μια σφάλματος, επειδή όταν κάνω κλικ 980 00:51:58,200 --> 00:52:00,610 διαγράψετε, τίποτα δεν συμβαίνει. 981 00:52:00,610 --> 00:52:03,930 >> Ένας τρόπος για να διορθώσετε αυτό είναι να πάει πίσω στην Επιθεωρήστε Element. 982 00:52:03,930 --> 00:52:07,820 Το κάνω αυτό για το σκοπό ώστε να μπορείτε να δείτε πώς θα debug κάτι. 983 00:52:07,820 --> 00:52:11,210 Σε Επιθεωρήστε Element, έχουμε ολόκληρου του κειμένου μας εδώ κάτω. 984 00:52:11,210 --> 00:52:13,320 Θέλω να πάω πίσω στην κονσόλα. 985 00:52:13,320 --> 00:52:19,230 Και τι συμβαίνει όταν πάω εδώ είναι να πάρω κάποιο είδος του λάθους. 986 00:52:19,230 --> 00:52:21,660 Λέει ότι δεν υπάρχει μέθοδος να διαγράψετε. 987 00:52:21,660 --> 00:52:30,770 >> Έτσι, αυτό που λέει είναι όταν πάω πίσω στον κώδικα, κάλεσα player 988 00:52:30,770 --> 00:52:31,870 διαγράψετε εδώ. 989 00:52:31,870 --> 00:52:34,430 Διαγραφή δεν είναι στην πραγματικότητα η σωστή εντολή. 990 00:52:34,430 --> 00:52:39,740 Έτσι για να μάθετε ποια είναι η σωστή εντολή είναι, υπάρχει το Meteor API. 991 00:52:39,740 --> 00:52:42,680 Η τεκμηρίωση που θέλω να σας επισημάνω παιδιά να είναι ακριβώς στο meteor.com. 992 00:52:42,680 --> 00:52:45,190 Έτσι έχω εδώ. 993 00:52:45,190 --> 00:52:48,510 994 00:52:48,510 --> 00:52:51,370 Αυτό είναι ακριβώς έτσι εσείς ξέρετε όπου για να μάθετε περισσότερα. 995 00:52:51,370 --> 00:52:54,420 >> Υπάρχει μια σύνδεση με την τεκμηρίωση. 996 00:52:54,420 --> 00:52:59,410 Και βασικά, μπορώ μόνο βρίσκουν για διαγραφή. 997 00:52:59,410 --> 00:53:03,220 Και αυτό που βλέπετε, να διαγράψετε είναι στην πραγματικότητα αφαιρέσετε. 998 00:53:03,220 --> 00:53:05,400 Αυτή είναι η εντολή που Θέλω να καλέσω. 999 00:53:05,400 --> 00:53:09,620 Έτσι, τώρα που ξέρουμε ότι, Πάω να αλλάξει αυτό διαγραφή για να καταργήσετε. 1000 00:53:09,620 --> 00:53:13,060 1001 00:53:13,060 --> 00:53:18,010 Έτσι τώρα, όταν πάω πίσω στο leaderboard μου ιστοσελίδα, Πάω να κάνετε κλικ 1002 00:53:18,010 --> 00:53:19,450 διαγράψετε, και τώρα φεύγω. 1003 00:53:19,450 --> 00:53:21,290 Δεν υπάρχει πιο Roger. 1004 00:53:21,290 --> 00:53:25,470 Και μπορώ να συνεχίσω τη διαγραφή κάθε ενιαίας ονομασίας μέχρι να έχω μείνει τίποτα. 1005 00:53:25,470 --> 00:53:33,600 1006 00:53:33,600 --> 00:53:36,060 >> Έτσι, αυτό ήταν μια μικρή προεπισκόπηση το πώς να χρησιμοποιήσετε Meteor. 1007 00:53:36,060 --> 00:53:38,990 1008 00:53:38,990 --> 00:53:42,380 Θα μάθετε πολλά περισσότερα JavaScript και HTML αναγκαίο να 1009 00:53:42,380 --> 00:53:46,970 το βλέμμα πιο όμορφη, η οποία θα καλύπτει [αυτής της εβδομάδας; κομμάτι?] οριστεί για HTML 1010 00:53:46,970 --> 00:53:49,630 και JavaScript στο επόμενο [? κομμάτι?] ρυθμιστεί. 1011 00:53:49,630 --> 00:53:53,150 >> Επομένως, μην πάρετε ανησυχούν αν όχι όλα αυτά τα πράγματα έρχεται εύκολα για εσάς. 1012 00:53:53,150 --> 00:53:56,410 Θα Μέχρι τη στιγμή της το τελικό σχέδιο. 1013 00:53:56,410 --> 00:53:58,030 Ευχαριστούμε για την εμφανίζονται. 1014 00:53:58,030 --> 00:54:01,380 Ο σύνδεσμος θα ενημερώσει αμέσως μετά την σεμινάριο, ώστε να μπορείτε να δείτε κάποια περισσότερα 1015 00:54:01,380 --> 00:54:05,630 παραδείγματα που έχω σχετικά με το πώς εφαρμόζονται για να πάρει την πιο προηγμένη leaderboard 1016 00:54:05,630 --> 00:54:08,640 ότι έχω σε αυτή την ιστοσελίδα εδώ στο ένα ριζοσπαστικό-leaderboard.meteor. 1017 00:54:08,640 --> 00:54:19,550 1018 00:54:19,550 --> 00:54:21,260 Σας ευχαριστώ. 1019 00:54:21,260 --> 00:54:22,760 >> [Χειροκροτήματα] 1020 00:54:22,760 --> 00:56:58,070