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