1
00:00:00,000 --> 00:00:39,630

2
00:00:39,630 --> 00:00:41,880
David J. Malan: Εντάξει,
έτσι αυτό εδώ είναι ο βραχίονας Μυο

3
00:00:41,880 --> 00:00:44,450
μπάντα, ένα ζευγάρι από το οποίο θα
έχουν για CS50 τελικό έργα.

4
00:00:44,450 --> 00:00:47,533
Και αυτό ήταν μια επίδειξη εμείς στην ουρά
σας εκ των προτέρων, όπου ουσιαστικά

5
00:00:47,533 --> 00:00:51,120
Αυτή η αρκετά σφιχτή βραχίονα μπάντα εδώ
ακούει μυϊκές κινήσεις σας

6
00:00:51,120 --> 00:00:54,280
που στη συνέχεια χαρτογραφούνται σε λογισμικό
με το laptop Colton πάνω εδώ που

7
00:00:54,280 --> 00:00:57,230
είχε το iTunes και ότι
τραγούδι ήδη μπουν στην ουρά.

8
00:00:57,230 --> 00:01:00,270
Αντί να μου demoing αυτό,
Colton είναι ήδη στο εργαστήριο

9
00:01:00,270 --> 00:01:04,129
σαφώς όλη την εβδομάδα να πάρει μια επίδειξη
έτοιμοι για μία γενναία εθελοντή.

10
00:01:04,129 --> 00:01:07,430
Αν κάποιος θα ήθελε να έρθει
για up-- είδε το χέρι σας πρώτα.

11
00:01:07,430 --> 00:01:09,540
Έλα επάνω.

12
00:01:09,540 --> 00:01:12,530
>> Εντάξει.

13
00:01:12,530 --> 00:01:13,886
Και τι είναι το όνομά σας;

14
00:01:13,886 --> 00:01:14,800
>> ΚΟΙΝΟ: Χμ, Μαρία.

15
00:01:14,800 --> 00:01:16,550
>> David J. Malan: Μαρία, χαίρομαι που σας βλέπω.

16
00:01:16,550 --> 00:01:17,310
Έλα εδώ.

17
00:01:17,310 --> 00:01:19,550
Επιτρέψτε μου να σας συστήσω σε Colton.

18
00:01:19,550 --> 00:01:21,290
Colton, αυτή είναι η Μαρία.

19
00:01:21,290 --> 00:01:23,050
>> COLTON: Γεια σας, ωραίο να σας γνωρίσουμε.

20
00:01:23,050 --> 00:01:24,330
>> David J. Malan: Όλα
δεξιά, έτσι ένα βήμα, είμαστε

21
00:01:24,330 --> 00:01:26,204
πρόκειται να σας βάλει
Αυτό για να το αντιβράχιο σας

22
00:01:26,204 --> 00:01:29,280
έτσι ώστε να είναι αρκετά
σφιχτά κοντά αγκώνα σας.

23
00:01:29,280 --> 00:01:31,940
Και εν τω μεταξύ, ας ρίξουμε
βάλει στο Google Glass μας

24
00:01:31,940 --> 00:01:33,720
και εμείς θα ανακατεύουμε τεχνολογίες σήμερα.

25
00:01:33,720 --> 00:01:36,340
>> COLTON: Πρώτα θα πρέπει να
συνδέσετε αυτό στα πράγματα.

26
00:01:36,340 --> 00:01:37,170
>> David J. Malan: ΟΚ.

27
00:01:37,170 --> 00:01:39,795
Στην πραγματικότητα, ας βάλουμε το χέρι σας ως
κοντά σε αυτό το καλώδιο όσο το δυνατόν

28
00:01:39,795 --> 00:01:41,160
έτσι ώστε να μπορούμε πρώτα να συγχρονίσετε.

29
00:01:41,160 --> 00:01:42,740
>> COLTON: Ας το κάνουμε αυτό.

30
00:01:42,740 --> 00:01:46,500
>> David J. Malan: Και εν τω μεταξύ, τόσο
ότι ο καθένας μπορεί να πάρει μια πιο προσεκτική ματιά,

31
00:01:46,500 --> 00:01:50,290
θα πετάξει κάμερα Ανδρέα
στην οθόνη εκεί.

32
00:01:50,290 --> 00:01:54,460
Έτσι έχουμε ένα καλώδιο USB που είναι
να συνδεθεί σε περιβραχιόνιο της Μαρίας.

33
00:01:54,460 --> 00:02:00,230
Και επιτρέψτε μου να πετάξει την οθόνη του Colton
μέχρι τον προβολέα επόμενο.

34
00:02:00,230 --> 00:02:06,000
>> Έτσι Colton καταγράφει τη συσκευή
τώρα ως μια μυο συνδέεται με αυτό το καλώδιο.

35
00:02:06,000 --> 00:02:08,060
Και τώρα τι Μαρίας
πρόκειται να κάνει στιγμιαία

36
00:02:08,060 --> 00:02:10,120
είναι στην πραγματικότητα τα πόδια μέσα
τα βήματα βαθμονόμησης

37
00:02:10,120 --> 00:02:12,830
και να διδάξουν το λογισμικό
πώς οι μύες της να ανταποκριθεί

38
00:02:12,830 --> 00:02:16,070
όταν κάνει ορισμένες προκαθορισμένες
χειρονομίες ότι το λογισμικό καταλαβαίνει.

39
00:02:16,070 --> 00:02:17,910
Αν θέλετε να πάτε στο
μπροστά από την οθόνη.

40
00:02:17,910 --> 00:02:26,840

41
00:02:26,840 --> 00:02:30,090
Εντάξει, συνεχίζουμε να προσπαθούμε.

42
00:02:30,090 --> 00:02:31,860
>> COLTON: Πηγαίνετε σαν αυτό.

43
00:02:31,860 --> 00:02:32,970
Και σαν αυτό.

44
00:02:32,970 --> 00:02:34,563
Και σε όλη τη διαδρομή προς τα δεξιά.

45
00:02:34,563 --> 00:02:35,922
Πήγαινε πίσω.

46
00:02:35,922 --> 00:02:37,740
>> David J. Malan: ΟΚ.

47
00:02:37,740 --> 00:02:38,960
Διαφορετική προοπτική.

48
00:02:38,960 --> 00:02:39,620
Δεν είναι εσύ.

49
00:02:39,620 --> 00:02:40,350
Μας είναι.

50
00:02:40,350 --> 00:02:41,749
>> ΜΑΡΙΑ: Εντάξει.

51
00:02:41,749 --> 00:02:42,540
David J. Malan: Όχι.

52
00:02:42,540 --> 00:02:46,720

53
00:02:46,720 --> 00:02:51,540
Ας το προχωρήσουμε πιο ψηλά, ώστε να είναι
πιο κοντά στον αγκώνα σας, ή ακόμη αυστηρότερη.

54
00:02:51,540 --> 00:02:52,680
Εντάξει.

55
00:02:52,680 --> 00:02:53,270
>> Εδώ πάμε.

56
00:02:53,270 --> 00:02:56,780
Αυτό θα ήταν μια καλή στιγμή για CS52X.

57
00:02:56,780 --> 00:02:57,670
Εκεί πάμε.

58
00:02:57,670 --> 00:02:58,760
>> Πολύ ωραία.

59
00:02:58,760 --> 00:03:01,170
ΟΚ.

60
00:03:01,170 --> 00:03:02,790
Thumb να pinky.

61
00:03:02,790 --> 00:03:03,380
>> Πολύ ωραία.

62
00:03:03,380 --> 00:03:05,140
Διαδώστε τα δάχτυλά σας.

63
00:03:05,140 --> 00:03:06,240
Καλή.

64
00:03:06,240 --> 00:03:06,910
Wave δεξιά.

65
00:03:06,910 --> 00:03:15,052

66
00:03:15,052 --> 00:03:17,010
Είναι περίεργο που δείχνει
σας με το αριστερό hand--

67
00:03:17,010 --> 00:03:19,665
>> COLTON: Ναι, αυτό είναι παράξενο.

68
00:03:19,665 --> 00:03:21,790
David J. Malan: Κύμα σε
το δικαίωμα και να προχωρήσουμε προς τα εμπρός.

69
00:03:21,790 --> 00:03:22,998
Fast forward στο παρακάμψετε ή την επόμενη.

70
00:03:22,998 --> 00:03:25,020
Αυτό είναι εντάξει σωστό κύμα.

71
00:03:25,020 --> 00:03:26,650
>> ΜΑΡΙΑ: Έχω don't-- περιμένω.

72
00:03:26,650 --> 00:03:28,430
>> David J. Malan: Χρειάζεστε κάποια βοήθεια;

73
00:03:28,430 --> 00:03:30,027
>> COLTON: Έτσι θα πάμε σαν αυτό.

74
00:03:30,027 --> 00:03:31,860
ΜΑΡΙΑ: Είναι η στροφή του
άλλο πράγμα, όμως.

75
00:03:31,860 --> 00:03:32,390
COLTON: Είναι.

76
00:03:32,390 --> 00:03:34,250
David J. Malan: Ναι, δεν ξέρω
Γι 'αυτό σας παρουσιάζει μια αριστερόχειρας.

77
00:03:34,250 --> 00:03:36,458
COLTON: Γιατί δεν try--
Απλώς προσπαθώ να κάνεις έτσι.

78
00:03:36,458 --> 00:03:38,910

79
00:03:38,910 --> 00:03:40,090
>> David J. Malan: Όχι;

80
00:03:40,090 --> 00:03:42,580
Ίσως να φτάσει το χέρι σας
από μια μικρή ίσια

81
00:03:42,580 --> 00:03:46,070
και να το καταστήσει πιο απότομη σαν αυτό.

82
00:03:46,070 --> 00:03:48,176
Ναι, εντάξει, έλα.

83
00:03:48,176 --> 00:03:49,670
>> ΜΑΡΙΑ: Λυπάμαι.

84
00:03:49,670 --> 00:03:51,170
David J. Malan: Δεν είναι το ελάττωμά σας.

85
00:03:51,170 --> 00:03:53,018
COLTON: Είναι μια χαρά.

86
00:03:53,018 --> 00:03:55,430
David J. Malan: Εντάξει.

87
00:03:55,430 --> 00:03:56,220
Well--

88
00:03:56,220 --> 00:03:57,620
>> ΜΑΡΙΑ: Πρέπει να παραλείψετε αυτό, τότε;

89
00:03:57,620 --> 00:03:59,620
David J. Malan: Ναι, ας
έχετε αφήσει από το γάντζο.

90
00:03:59,620 --> 00:04:03,130
Έτσι, αν κάποιος θα ήθελε να κάνει μια
τελικό σχέδιο χρήση αυτής της αιχμής

91
00:04:03,130 --> 00:04:07,707
hardware, συνειδητοποιούν ότι ίσως απλά
να πάρει λίγο να συνηθίσει.

92
00:04:07,707 --> 00:04:10,290
Και this-- η πραγματικότητα είναι αυτή
είναι στην πραγματικότητα πολύ αιμορραγία άκρη.

93
00:04:10,290 --> 00:04:12,040
>> Αυτό είναι ό, τι λέγεται
Το κιτ του έργου, το οποίο

94
00:04:12,040 --> 00:04:14,956
προορίζεται να είναι ουσιαστικά ένα προ-απελευθέρωσης
έτσι ώστε οι άνθρωποι μπορούν να κάνουν ακριβώς

95
00:04:14,956 --> 00:04:18,690
this-- αγωνιστεί με αυτό, το σχήμα
πώς σώματα των ανθρώπων εργάζονται

96
00:04:18,690 --> 00:04:19,980
με την τεχνολογία.

97
00:04:19,980 --> 00:04:21,750
Έτσι, εάν θέλετε
στη συνέχεια, μετά την διάλεξη,

98
00:04:21,750 --> 00:04:23,750
μπορούμε να σας αφήσει να έρθει και
να λάβει μια άλλη μαχαιριά σε αυτό.

99
00:04:23,750 --> 00:04:26,970
Αλλά κατά τα άλλα, ένα χειροκρότημα, εάν
θα μπορούσαμε, για τη Μαρία για τα επόμενα προς τα πάνω.

100
00:04:26,970 --> 00:04:28,770
>> ΜΑΡΙΑ: Σας ευχαριστώ.

101
00:04:28,770 --> 00:04:30,390
>> David J. Malan: Σας ευχαριστώ.

102
00:04:30,390 --> 00:04:34,945
Θα κρεμάσει σε αυτό, αλλά θα δώσουμε
you-- σχετικά με το πώς μια μπάλα για το άγχος εδώ;

103
00:04:34,945 --> 00:04:38,620
Ω, and-- if-- ναι, ευχαριστώ.

104
00:04:38,620 --> 00:04:39,715
Εντάξει.

105
00:04:39,715 --> 00:04:45,750
Έτσι, για την περίεργη, αν ήταν
εξοικειωμένοι με τον ήχο επιλογή

106
00:04:45,750 --> 00:04:47,670
ότι κάναμε εκεί
νωρίτερα, μια καταπληκτική τηλεόραση

107
00:04:47,670 --> 00:04:50,210
δείχνουν ότι θα πρέπει να είναι απολύτως
είναι ευκαιριακή άμετρη βλέποντας στο Netflix

108
00:04:50,210 --> 00:04:51,110
είναι αυτό εδώ.

109
00:04:51,110 --> 00:04:54,472
>> ΟΜΙΛΗΤΗΣ 1: Κυρίες και κύριοι,
ένας μάγος ονόματι Τζος.

110
00:04:54,472 --> 00:05:04,710

111
00:05:04,710 --> 00:05:08,050
>> David J. Malan: Και προφανώς, είναι
ένα πράγμα για μένα κειμένου κατά τη διάρκεια διάλεξης τώρα.

112
00:05:08,050 --> 00:05:11,190
Είμαι λένε ότι η Μαρία
είχε γενέθλια χθες.

113
00:05:11,190 --> 00:05:14,095
Έτσι χαρούμενα γενέθλια από
CS50 με τη Μαρία, καθώς και.

114
00:05:14,095 --> 00:05:18,720

115
00:05:18,720 --> 00:05:22,090
>> Έτσι μπορείτε να έχετε διαβάσει τα τελευταία μήνα
ότι αυτό κύριοι εδώ, ο Steve

116
00:05:22,090 --> 00:05:25,260
Ballmer, ο οποίος ήταν στην πραγματικότητα
τάξη του 1977 στο κολέγιο,

117
00:05:25,260 --> 00:05:27,170
πρόσφατα αποσύρθηκε για το Microsoft.

118
00:05:27,170 --> 00:05:29,620
Ήταν ένα προπτυχιακό εδώ,
Στη συνέχεια ένα-δύο χρόνια αργότερα

119
00:05:29,620 --> 00:05:31,910
βρέθηκε σε
Stanford Business School

120
00:05:31,910 --> 00:05:34,160
όταν έλαβε ένα τηλέφωνο
κλήση από ένα φίλο του ο οποίος του

121
00:05:34,160 --> 00:05:36,516
είχε ζήσει κάτω από την αίθουσα
από αυτόν εδώ στο Χάρβαρντ.

122
00:05:36,516 --> 00:05:38,640
Όνομα του φίλου ήταν Bill
Γκέιτς, και κατά τη χρονική στιγμή,

123
00:05:38,640 --> 00:05:42,700
προσπαθούσε να στρατολογήσει τον Steve να είναι
την πρώτη εργάσιμη πρόσωπο, πραγματικά,

124
00:05:42,700 --> 00:05:45,720
σε ένα μικρό όνομα της εταιρείας Microsoft.

125
00:05:45,720 --> 00:05:48,960
>> Μια σύντομη μακρά ιστορία, ο Steve
τελικά κέρδισε πάνω,

126
00:05:48,960 --> 00:05:52,130
εντάχθηκαν Microsoft όταν
είχε μόλις 30 υπαλλήλους.

127
00:05:52,130 --> 00:05:54,300
Και από τη στιγμή που
συνταξιούχος αρκετά πρόσφατα,

128
00:05:54,300 --> 00:05:58,100
η εταιρεία είχε 100.000 υπαλλήλους
τα τελευταία χρόνια.

129
00:05:58,100 --> 00:06:01,171
Και έτσι ένας ιστοχώρος που είναι γνωστός ως The Verge
παρασκευάζεται αυτό το αφιέρωμα σε βίντεο

130
00:06:01,171 --> 00:06:02,920
ότι σκεφτήκαμε
κοινόχρηστη που σας δίνει

131
00:06:02,920 --> 00:06:08,380
μια αίσθηση του πόσο πολύ ενέργεια Steve
φέρνει σε κάθε παρουσίαση δίνει.

132
00:06:08,380 --> 00:06:11,884

133
00:06:11,884 --> 00:06:12,550
[ΑΝΑΠΑΡΑΓΩΓΗ]

134
00:06:12,550 --> 00:06:16,220
-Microsoft Είναι σαν ένα τέταρτο παιδί.

135
00:06:16,220 --> 00:06:18,260
Τα παιδιά κάνουν φύγει από το σπίτι.

136
00:06:18,260 --> 00:06:21,875
Σε αυτή την περίπτωση, υποθέτω
Φεύγω από το σπίτι.

137
00:06:21,875 --> 00:06:23,270
Γεια σου Μπιλ, whazzap;

138
00:06:23,270 --> 00:06:24,200
>> -Wazzap;

139
00:06:24,200 --> 00:06:25,320
>> -Γεια Σου, wazzap;

140
00:06:25,320 --> 00:06:28,590
Έχουμε ήδη δοθεί
τεράστια ευκαιρία.

141
00:06:28,590 --> 00:06:30,210
Και ο Bill μας έδωσε αυτή την ευκαιρία.

142
00:06:30,210 --> 00:06:35,520

143
00:06:35,520 --> 00:06:36,770
Θέλω να ευχαριστήσω τον Bill για αυτό.

144
00:06:36,770 --> 00:06:39,630
Θέλω να πάρα πολύ.

145
00:06:39,630 --> 00:06:42,500
Ο ρυθμός της καινοτομίας
δεν πρόκειται να επιβραδυνθεί.

146
00:06:42,500 --> 00:06:45,140
>> Είναι πρόκειται να πάρει πιο γρήγορα και πιο γρήγορα.

147
00:06:45,140 --> 00:06:50,165
Μπορεί να υπάρχουν λίγοι ανταγωνιστές
που είναι δυστυχώς εξαλειφθεί!

148
00:06:50,165 --> 00:06:54,337

149
00:06:54,337 --> 00:06:59,564
>> Λατρεύω την εν λόγω εταιρεία.

150
00:06:59,564 --> 00:07:00,064
Ναι!

151
00:07:00,064 --> 00:07:03,452

152
00:07:03,452 --> 00:07:08,250
Είμαι ένα PC, και αγαπώ αυτή την εταιρεία!

153
00:07:08,250 --> 00:07:13,090
>> Οι προγραμματιστές, προγραμματιστές, προγραμματιστές,
προγραμματιστές, προγραμματιστές, προγραμματιστές,

154
00:07:13,090 --> 00:07:14,560
προγραμματιστές, προγραμματιστές.

155
00:07:14,560 --> 00:07:17,500

156
00:07:17,500 --> 00:07:18,970
Ναι!

157
00:07:18,970 --> 00:07:19,950
Web προγραμματιστές!

158
00:07:19,950 --> 00:07:21,420
>> Web προγραμματιστές!

159
00:07:21,420 --> 00:07:22,890
Web προγραμματιστές!

160
00:07:22,890 --> 00:07:25,830

161
00:07:25,830 --> 00:07:28,770
Ακούστε τι άλλο σας
πάρετε χωρίς επιπλέον χρέωση!

162
00:07:28,770 --> 00:07:31,960
>> Η εκτελεστική MS-DOS, ένα ραντεβού
ημερολόγιο, ένα σωρό κάρτα, ένα σημειωματάριο,

163
00:07:31,960 --> 00:07:33,750
ένα ρολόι, ένας πίνακας ελέγχου.

164
00:07:33,750 --> 00:07:35,461
Και, μπορείτε να το πιστεύετε;

165
00:07:35,461 --> 00:07:35,960
Reversie!

166
00:07:35,960 --> 00:07:37,270
>> Μπορείτε να τα εγγράψετε σε CD!

167
00:07:37,270 --> 00:07:38,660
Μετά τους στο MSN!

168
00:07:38,660 --> 00:07:40,422
Μπορείτε να τα mail σε φίλους!

169
00:07:40,422 --> 00:07:41,790
>> Όλα με ένα κλικ!

170
00:07:41,790 --> 00:07:48,670
Ένας Microsoft, μία στρατηγική, ένα team--
επικεντρώθηκε, πειθαρχημένη, επαγγελματική,

171
00:07:48,670 --> 00:07:50,610
και εμπειρογνώμονας σε όλα όσα κάνουμε.

172
00:07:50,610 --> 00:07:52,670
Επιτρέψτε μου να χρησιμοποιήσετε μια γραμμή από μια παλιά ταινία.

173
00:07:52,670 --> 00:07:54,810
>> Οι σχέσεις είναι σαν τους καρχαρίες.

174
00:07:54,810 --> 00:07:57,480
Κινούνται προς τα εμπρός ή να πεθάνουν.

175
00:07:57,480 --> 00:08:01,470
Εγώ πραγματικά πιστεύω τεχνολογίας
εταιρείες είναι η ίδια.

176
00:08:01,470 --> 00:08:04,801
>> [ΤΕΛΟΣ VIDEO Αναπαραγωγή]

177
00:08:04,801 --> 00:08:08,050
David J. Malan: Έτσι είμαστε στην ευχάριστη θέση να
ανακοινώνουμε ότι ο Steve θα μας ενώνει

178
00:08:08,050 --> 00:08:13,320
εδώ στο CS50 επόμενη Τετάρτη στις
η συνήθης τόπος και ο χρόνος εδώ.

179
00:08:13,320 --> 00:08:14,750
Διάστημα κατά πάσα πιθανότητα θα είναι περιορισμένη.

180
00:08:14,750 --> 00:08:19,650
Και έτσι να ενωθούν μαζί μας στο πρόσωπο, παρακαλούμε
κεφάλι σήμερα ή λίγο αργότερα

181
00:08:19,650 --> 00:08:22,600
να cs50.harvard.edu/register.

182
00:08:22,600 --> 00:08:25,780
>> Και εμείς θα παρακολουθήσει από
Τρίτη επιβεβαιώνοντας κηλίδες.

183
00:08:25,780 --> 00:08:29,900
Κοιτάξτε προς τα εμπρός για το επόμενο
Τετάρτη κατά τη διάρκεια διάλεξης στο CS50.

184
00:08:29,900 --> 00:08:33,706
Τώρα, σε άλλες ειδήσεις, εγώ έτυχε να
συναντήσετε αυτό στο The Crimson μόνο

185
00:08:33,706 --> 00:08:34,289
η άλλη ημέρα.

186
00:08:34,289 --> 00:08:37,370
>> Αποδεικνύεται ότι ένα μέλος του προσωπικού του CS50
και τουλάχιστον ένας από τους μαθητές του CS50

187
00:08:37,370 --> 00:08:40,299
εκτελείται αυτή τη στιγμή για το UC
Πρόεδρο και τον Αντιπρόεδρο,

188
00:08:40,299 --> 00:08:42,950
που με έφερε πίσω
με τη δική μου ημέρες πίσω

189
00:08:42,950 --> 00:08:45,920
όταν έχασα την εκλογή UC παταγωδώς.

190
00:08:45,920 --> 00:08:48,210
Αλλά η ασημένια επένδυση
από το γεγονός ότι είναι πάντα

191
00:08:48,210 --> 00:08:50,604
Πες την ιστορία είναι ότι
ένας από τους είμαι σίγουρος

192
00:08:50,604 --> 00:08:52,770
πολλούς λόγους έχασα το
οι εκλογές ήταν μια παντελής έλλειψη

193
00:08:52,770 --> 00:08:54,103
ένα τάλαντο για τη δημόσια ομιλία.

194
00:08:54,103 --> 00:08:56,950
Και έτσι ειλικρινά αυτό,
με οδήγησε, ότι η εμπειρία

195
00:08:56,950 --> 00:09:02,235
Νομίζω ότι το κατώτερο έτος μου, να υπογράψει στην πραγματικότητα
up για το Χάρβαρντ Computer Society, η οποία

196
00:09:02,235 --> 00:09:04,610
είναι η ομάδα στην πανεπιστημιούπολη που
κατέχει διάφορες τεχνικές συνομιλίες

197
00:09:04,610 --> 00:09:05,318
και άλλα πράγματα.

198
00:09:05,318 --> 00:09:08,117
Και ανέλαβα τη διδασκαλία τους
σεμιναρίων και ως εκ τούτου,

199
00:09:08,117 --> 00:09:09,950
είχε την ευκαιρία, ένα
θαυμάσια ευκαιρία,

200
00:09:09,950 --> 00:09:12,620
για να αρχίσουν να εργάζονται για ακριβώς αυτό.

201
00:09:12,620 --> 00:09:15,000
Αλλά, επίσης, είχα την ευκαιρία
κατά τη διάρκεια αυτής της εμπειρίας

202
00:09:15,000 --> 00:09:16,930
για να διδάξει τον εαυτό μου όλα τα πιο HTML.

203
00:09:16,930 --> 00:09:21,080
Και γι 'αυτό procrastinated χθες το βράδυ από
κοιτάζοντας μέσα από την ιστοσελίδα της HTML με βάση

204
00:09:21,080 --> 00:09:28,066
Έκανα το όπως το 1997, '98, για μου
εκστρατεία που μοιάζει με αυτό εδώ.

205
00:09:28,066 --> 00:09:29,920
Το ξέρω.

206
00:09:29,920 --> 00:09:33,340
>> Because-- και φυσικά, προειδοποίηση
Αυτό το καταπληκτικό σχεδιαστική απόφαση το 1998

207
00:09:33,340 --> 00:09:33,850
ή οτιδήποτε.

208
00:09:33,850 --> 00:09:36,475
Το πρώτο πράγμα που θέλετε χρήστες
να κάνει κατά την επίσκεψη στην ιστοσελίδα σας

209
00:09:36,475 --> 00:09:39,860
είναι να πρέπει να κάνετε κλικ μια άλλη σύνδεση μόνο
για να εισέλθουν ιστοσελίδα σας εδώ με τον μοναχό

210
00:09:39,860 --> 00:09:43,940
πίσω, σαν ένα πέπλο κουρτίνα όπου
προφανώς πλατφόρμα της εκστρατείας μου ήταν.

211
00:09:43,940 --> 00:09:46,330
Και αυτό είναι το μόνο που θα πάρετε
σήμερα είναι απλά ένα screenshot.

212
00:09:46,330 --> 00:09:49,500
Αλλά διάβαζα μέσα, όπως,
αφίσες της καμπάνιας μου χθες το βράδυ

213
00:09:49,500 --> 00:09:50,490
και την πλατφόρμα μου.

214
00:09:50,490 --> 00:09:52,960
>> Και ήμουν τόσο θυμωμένος με τον χρόνο.

215
00:09:52,960 --> 00:09:55,380
Πλατφόρμα μου was-- ήταν ενδιαφέρουσα.

216
00:09:55,380 --> 00:09:57,730
Έτσι έχω ηρεμήσει από τότε.

217
00:09:57,730 --> 00:10:03,550
Αλλά κάποια μέρα, θα τρέξει ξανά και
ελπίζουμε σε καλύτερη θέση αυτή τη στιγμή.

218
00:10:03,550 --> 00:10:07,265
>> Έτσι, HTML, η γλώσσα στην οποία έκανα
ότι in-- θα κάνει σύντομα πολύ more--

219
00:10:07,265 --> 00:10:09,140
Είναι κάτι που έχουμε ήδη
μιλάμε για τα τέλη του

220
00:10:09,140 --> 00:10:12,460
και σε μεγάλο βαθμό λαμβάνοντας ως δεδομένο τώρα
ότι έχουμε προχωρήσει και σε άλλες γλώσσες.

221
00:10:12,460 --> 00:10:15,650
Αλλά ας σταματήσουμε για μια στιγμή και
θέσει μερικά από αυτά τα πράγματα σε αυτό το πλαίσιο.

222
00:10:15,650 --> 00:10:18,040
Έτσι, σε μια φράση, τι είναι η HTML;

223
00:10:18,040 --> 00:10:19,370
>> Ή, τι χρησιμοποιείται για;

224
00:10:19,370 --> 00:10:20,208
Όποιος;

225
00:10:20,208 --> 00:10:20,708
Ναι.

226
00:10:20,708 --> 00:10:22,002
>> ΚΟΙΝΟ: Σήμανσης για ιστοσελίδες.

227
00:10:22,002 --> 00:10:23,460
David J. Malan: Σήμανσης για την ιστοσελίδα.

228
00:10:23,460 --> 00:10:27,100
Έτσι είναι μια markup γλώσσα η οποία
σας επιτρέπει να δομήσει μια ιστοσελίδα.

229
00:10:27,100 --> 00:10:30,040
Header ανεβαίνει εδώ, τίτλος
πηγαίνει εδώ, το σώμα πηγαίνει εδώ.

230
00:10:30,040 --> 00:10:33,280
Αυτό είναι έντονους, αυτό είναι
italics-- αυτό το είδος της λεπτομέρειας.

231
00:10:33,280 --> 00:10:33,830
>> Εντάξει, καλά.

232
00:10:33,830 --> 00:10:37,620
Έτσι, CSS επιτρέπει you-- και εγώ
πήρε μερικές ελευθερίες εκεί

233
00:10:37,620 --> 00:10:40,990
με την τολμηρή προσανατολισμό και πλάγιους γιατί
Αυτό είναι καλύτερο υλοποιηθεί με αυτό.

234
00:10:40,990 --> 00:10:42,096
CSS is-- τι;

235
00:10:42,096 --> 00:10:42,845
Πείτε σε μια φράση.

236
00:10:42,845 --> 00:10:46,000

237
00:10:46,000 --> 00:10:46,720
Όποιος καθόλου.

238
00:10:46,720 --> 00:10:46,870
Ναι.

239
00:10:46,870 --> 00:10:49,286
>> ΚΟΙΝΟ: Καλλωπισμούς και
πράγματα, όπως το πώς να το σχεδιάσουν.

240
00:10:49,286 --> 00:10:51,769

241
00:10:51,769 --> 00:10:52,810
David J. Malan: Εντάξει, καλά.

242
00:10:52,810 --> 00:10:55,420
Διακοσμητικά στοιχεία που θα επιτρέπουν
να σχεδιάσουν ή να στυλιζάρω το

243
00:10:55,420 --> 00:10:59,540
με πράγματα όπως η έντονη γραφή και
πλάγιους χαρακτήρες και χρώματα, αλλά και πιο λεπτή

244
00:10:59,540 --> 00:11:01,330
κόκκους τοποθέτηση των στοιχείων.

245
00:11:01,330 --> 00:11:04,520
Το είδος του σας επιτρέπει να πάρετε τα πράγματα τα
τελευταίο μίλι έτσι ώστε εάν, για παράδειγμα,

246
00:11:04,520 --> 00:11:08,130
στην Pset7, μπορεί να έχετε παρατηρήσει στο σας
σελίδα χαρτοφυλάκιο, εάν είστε σε αυτό το σημείο

247
00:11:08,130 --> 00:11:12,270
ήδη ότι ένα προεπιλεγμένο πίνακα που
κάνει για να δείξει τις εκμεταλλεύσεις των αποθεμάτων του χρήστη

248
00:11:12,270 --> 00:11:15,740
και τα μετρητά φαίνεται μάλλον αρκετά ειδεχθή
από προεπιλογή με κανένα λευκό χώρο.

249
00:11:15,740 --> 00:11:18,420
Όλα είδος της στριμωγμένος
μαζί σε σειρές και στήλες.

250
00:11:18,420 --> 00:11:20,662
>> Λοιπόν, με ένα κομμάτι της
CSS, όπως μπορείτε να πραγματοποιήσετε,

251
00:11:20,662 --> 00:11:23,870
μπορείτε πραγματικά να τσίμπημα και να τα κάνω
κάτι πολύ πιο οικεία και πολύ

252
00:11:23,870 --> 00:11:24,870
πιο όμορφη για να δούμε.

253
00:11:24,870 --> 00:11:27,730
Έτσι, CSS είναι περίπου η
στυλιζάρισμα των δικτυακών τόπων.

254
00:11:27,730 --> 00:11:31,970
Στη συνέχεια, όμως εμείς εισήγαγε ένα ακόμη
γλώσσα, PHP, η οποία μας επιτρέπει να κάνουμε τι;

255
00:11:31,970 --> 00:11:36,400

256
00:11:36,400 --> 00:11:37,590
>> Ας κάνουμε ό, τι;

257
00:11:37,590 --> 00:11:38,177
Όποιος.

258
00:11:38,177 --> 00:11:40,010
Πήρε να βγείτε πέρα
οι πρώτες σειρές ζευγάρι.

259
00:11:40,010 --> 00:11:40,260
Ναι.

260
00:11:40,260 --> 00:11:41,719
>> ΚΟΙΝΟ: Δημιουργήστε δυναμικό περιεχόμενο.

261
00:11:41,719 --> 00:11:42,718
David J. Malan: Τέλεια.

262
00:11:42,718 --> 00:11:43,850
Δημιουργήστε δυναμικό περιεχόμενο.

263
00:11:43,850 --> 00:11:45,808
Και μπορείτε να το κάνετε αυτό σε
οποιοδήποτε αριθμό των γλωσσών.

264
00:11:45,808 --> 00:11:50,120
Τυχαίνει να χρησιμοποιήσετε το PHP επειδή είναι
εν μέρει τόσο όμοια με σύνταξη C.

265
00:11:50,120 --> 00:11:52,000
>> Αλλά η PHP κάνει ακριβώς αυτό.

266
00:11:52,000 --> 00:11:54,620
Σας επιτρέπει να δημιουργήσετε δυναμικά εξόδου.

267
00:11:54,620 --> 00:11:57,890
Και μέρος αυτής της παραγωγής θα μπορούσε να είναι
HTML, όπως έχουμε συνήθως κάνει.

268
00:11:57,890 --> 00:12:00,160
Και είναι, επίσης, επειδή είναι
μια γλώσσα προγραμματισμού, είναι

269
00:12:00,160 --> 00:12:03,240
ο μηχανισμός μέσω του οποίου
μπορούμε να μιλήσουμε για τις βάσεις δεδομένων.

270
00:12:03,240 --> 00:12:05,730
>> Και μπορούμε να κάνουμε ερωτήματα για
άλλους servers όπως Yahoos

271
00:12:05,730 --> 00:12:08,660
και προγραμματισμού κάνει τίποτα
πραγματικά ότι μπορεί διαφορετικά

272
00:12:08,660 --> 00:12:10,400
θέλουν να υποχρεώσει έναν υπολογιστή για να κάνουν.

273
00:12:10,400 --> 00:12:13,580
Έτσι PHP μας επιτρέπει να ξεκινήσετε
δυναμικά την παραγωγή περιεχομένου.

274
00:12:13,580 --> 00:12:16,900
Έτσι, με αυτή τη λογική, δεν είχα
μια δυναμική ιστοσελίδα πίσω στο 1998.

275
00:12:16,900 --> 00:12:18,460
>> Ήταν απλά μια στατική ιστοσελίδα.

276
00:12:18,460 --> 00:12:22,250
Περιεκτικότητα μου έπρεπε να αλλάξει από
χειροκίνητα με το gedit ή κάποιο ισοδύναμο.

277
00:12:22,250 --> 00:12:25,290
Αλλά η PHP είναι αυτό που χρησιμοποιείται ή
θα μπορούσε να χρησιμοποιηθεί, μάλλον,

278
00:12:25,290 --> 00:12:27,260
για κάτι σαν το
Ιστοσελίδα Frosh ΔΥ, η οποία

279
00:12:27,260 --> 00:12:31,160
έπρεπε να λάβει εγγραφές και
διαχειριστείτε μια λίστα των πραγμάτων users-- ότι

280
00:12:31,160 --> 00:12:33,550
Τα πραγματικά αλλάζει πάνω
χρόνο, ακόμα κι αν συμβεί

281
00:12:33,550 --> 00:12:35,990
να χρησιμοποιούν Perl, μια διαφορετική
γλώσσας στο χρόνο.

282
00:12:35,990 --> 00:12:40,350
>> Και στη συνέχεια, τέλος, εισαγάγαμε
SQL-- Structured Query Language.

283
00:12:40,350 --> 00:12:43,845
Έτσι, ακόμα μια άλλη γλώσσα
που χρησιμοποιείται για αυτό;

284
00:12:43,845 --> 00:12:46,660

285
00:12:46,660 --> 00:12:47,639
Χρησιμοποιείται για τι;

286
00:12:47,639 --> 00:12:49,430
Μπορούμε να βγείτε slight--
Εντάξει, εμείς δεν πρόκειται

287
00:12:49,430 --> 00:12:51,263
να πάρει πολύ μακρύτερα
από την ορχήστρα εδώ.

288
00:12:51,263 --> 00:12:53,432
ΚΟΙΝΟ: Είναι ένα πρωτόκολλο
χρησιμοποιείται για να μιλήσουμε για τις βάσεις δεδομένων.

289
00:12:53,432 --> 00:12:55,640
David J. Malan: Ένα πρωτόκολλο
χρησιμοποιείται για να μιλήσουμε για τις βάσεις δεδομένων.

290
00:12:55,640 --> 00:12:56,181
Επιτρέψτε μου να το τσίμπημα.

291
00:12:56,181 --> 00:12:59,280
Είναι μια φυσική γλώσσα που χρησιμοποιείται
να μιλήσετε με databases-- επιλέγει

292
00:12:59,280 --> 00:13:01,280
και ένθετα και διαγραφές
και ενημερώσεις και πραγματικότητα

293
00:13:01,280 --> 00:13:03,840
ακόμα περισσότερα χαρακτηριστικά που
δεν έχουμε καν καταδυθεί

294
00:13:03,840 --> 00:13:07,920
σε, αλλά μπορεί να θέλετε να explore-- έχουν
να διερευνήσει για, ας πούμε, ένα τελικό σχέδιο.

295
00:13:07,920 --> 00:13:09,560
Έτσι υπάρχουν αυτά τα διάφορα κομμάτια.

296
00:13:09,560 --> 00:13:13,100
>> Και ελπίζουμε Pset7, ακόμη και αν
προδιαγραφή του είναι αρκετά μεγάλη,

297
00:13:13,100 --> 00:13:15,990
είναι σκόπιμα πολύ για να σας καθοδηγήσει
μέσα από το πώς αυτά τα πράγματα μπορούν όλα

298
00:13:15,990 --> 00:13:17,210
να πληκτρολογήσει μαζί.

299
00:13:17,210 --> 00:13:20,300
Τώρα, τη Δευτέρα,
εισήχθη τον περασμένο γλώσσα μας

300
00:13:20,300 --> 00:13:23,430
ότι θα εισαγάγει επίσημα στην
η course-- που είναι, το JavaScript.

301
00:13:23,430 --> 00:13:25,720
Αυτό, όπως η PHP, είναι ένα
ερμηνευμένη γλώσσα.

302
00:13:25,720 --> 00:13:28,110
>> Αλλά μια βασική διάκριση
Πρότεινα τη Δευτέρα

303
00:13:28,110 --> 00:13:32,730
είναι ότι, ενώ η PHP εκτέλεσης ή
να ερμηνευθεί στο διακομιστή, η οποία

304
00:13:32,730 --> 00:13:35,990
σε αυτή την περίπτωση είναι η συσκευή CS50,
ή θα μπορούσε να είναι κάποια εμπορική διαδίκτυο

305
00:13:35,990 --> 00:13:39,370
διακομιστή στο Internet,
Γενικά το JavaScript

306
00:13:39,370 --> 00:13:43,650
είναι μια γλώσσα που διατρέχει την πλευρά του πελάτη
Δεν διακομιστής side-- έτσι στο πρόγραμμα περιήγησης.

307
00:13:43,650 --> 00:13:46,970
Ποια είναι να πούμε, όπως ακριβώς και όταν άνοιξα
up Facebook πηγαίο κώδικα και βρήκε όλα

308
00:13:46,970 --> 00:13:51,510
αυτών .js αρχεία, το συμπέρασμα ήταν
ότι κατά την επίσκεψή σας στο Facebook ή περισσότερα

309
00:13:51,510 --> 00:13:54,810
ιστοσελίδες αυτές τις μέρες, μπορείτε να πάρετε
όχι μόνο HTML, όχι μόνο CSS,

310
00:13:54,810 --> 00:13:59,370
αλλά ένα σωρό το JavaScript
κωδικός συχνά με τη μορφή του .js αρχεία.

311
00:13:59,370 --> 00:14:03,970
Και τότε είναι η δική σας browser--
Mac ή PC-- που εκτελεί εν λόγω κώδικα.

312
00:14:03,970 --> 00:14:05,990
>> Αλλά το πρόγραμμα περιήγησής σας εκτελεί.

313
00:14:05,990 --> 00:14:08,070
Μπορείτε να σκεφτείτε σε ένα είδος sandbox.

314
00:14:08,070 --> 00:14:12,420
Έτσι ο κώδικας JavaScript δεν πρέπει να είναι
μπορείτε να διαγράψετε τα αρχεία στον υπολογιστή σας.

315
00:14:12,420 --> 00:14:14,730
Δεν θα πρέπει να είναι σε θέση να
στείλετε μηνύματα ηλεκτρονικού ταχυδρομείου για λογαριασμό σας.

316
00:14:14,730 --> 00:14:17,760
Το είδος του προγράμματος περιήγησης σας από περιορίζει
τι μπορείτε να κάνετε με αυτό.

317
00:14:17,760 --> 00:14:20,630
>> Έτσι με αυτή την έννοια, είναι μια μικρή
λιγότερο ισχυρό, ίσως, από C.

318
00:14:20,630 --> 00:14:24,030
Αλλά JavaScript μπορεί, ως ένα
καλλιέργειας, να χρησιμοποιείται στο διακομιστή,

319
00:14:24,030 --> 00:14:27,740
αν και θα έχουν την τάση να μην μιλήσει
γι 'αυτό σε αυτό το πλαίσιο.

320
00:14:27,740 --> 00:14:29,740
Έτσι τώρα ας συνδέσει αυτά μαζί.

321
00:14:29,740 --> 00:14:34,000
Μια εβδομάδα συν πριν, παρουσιάσαμε κάποια HTML
για την left-- σούπερ βαρετό ιστοσελίδα.

322
00:14:34,000 --> 00:14:35,000
>> Απλά λέει γειά σου κόσμο.

323
00:14:35,000 --> 00:14:38,110
Και τότε είχα προτείνει για το
δεξιά μπορούμε να το είδος του κλέψει ιδέες

324
00:14:38,110 --> 00:14:41,470
από τη συζήτησή μας
δομές δεδομένων σε C

325
00:14:41,470 --> 00:14:45,270
και να σκεφτούμε πως αυτή η ιεραρχική
γλώσσα σήμανσης για την αριστερά

326
00:14:45,270 --> 00:14:49,720
θα μπορούσε να γίνει ή να εφαρμοστούν στη μνήμη
ως πραγματική δομή δέντρου με κόμβους

327
00:14:49,720 --> 00:14:51,400
και δείκτες και αυτού του είδους οι λεπτομέρειες.

328
00:14:51,400 --> 00:14:53,820
Στη δεξιά, καλούμε
ότι ένα DOM-- έγγραφο

329
00:14:53,820 --> 00:14:56,800
Αντικείμενο Model-- η οποία είναι ακριβώς
ένα φανταχτερό τρόπο λέγοντας δέντρο.

330
00:14:56,800 --> 00:14:59,520
>> Τώρα, γιατί είναι αυτό χρήσιμο να
σκεφτούμε με αυτόν τον τρόπο;

331
00:14:59,520 --> 00:15:01,680
Επειδή τώρα με
JavaScript, γιατί έχουμε

332
00:15:01,680 --> 00:15:05,810
κώδικα που παίρνει να παίξει σε αυτό
περιβάλλον, η πραγματική HTML που είναι

333
00:15:05,810 --> 00:15:08,360
έχουν σταλεί στον browser
ήδη και έχει ήδη

334
00:15:08,360 --> 00:15:12,690
έχουν φορτωθεί στη μνήμη από το
πρόγραμμα περιήγησης σε ένα δέντρο στο του υπολογιστή σας

335
00:15:12,690 --> 00:15:18,270
RAM σαν αυτό, μπορούμε να χρησιμοποιήσουμε το JavaScript
πραγματικά να διασχίσει ή να περπατήσει ή αναζήτηση

336
00:15:18,270 --> 00:15:21,800
ή να αλλάξετε ότι DOM δέντρο όμως θέλουμε.

337
00:15:21,800 --> 00:15:24,040
Έτσι, στην πραγματικότητα, αν νομίζετε
σχετικά με facebook.com,

338
00:15:24,040 --> 00:15:27,660
εάν χρησιμοποιείτε το χαρακτηριστικό γνώρισμα συνομιλίας, αν
χρήση του Gmail και το χαρακτηριστικό GChat,

339
00:15:27,660 --> 00:15:30,540
τίποτα όπου έχετε
τα μηνύματα που έρχονται ξανά και ξανά

340
00:15:30,540 --> 00:15:35,880
και πάλι, αυτά τα μηνύματα είναι πιθανόν,
όπως, LI ετικέτα, ετικέτες Κατάλογος τεκμηρίων, ίσως.

341
00:15:35,880 --> 00:15:37,940
>> Ή ίσως είναι ακριβώς
divs που συνεχίζουν να εμφανίζονται

342
00:15:37,940 --> 00:15:39,770
κάθε φορά που θα πάρετε ένα άμεσο μήνυμα.

343
00:15:39,770 --> 00:15:42,960
Και έτσι αυτό σημαίνει ακριβώς ό, τι
Facebook ή το Google κάνει

344
00:15:42,960 --> 00:15:45,200
είναι κάθε φορά που θα πάρετε μια
μήνυμα από το διακομιστή,

345
00:15:45,200 --> 00:15:48,740
είναι πιθανόν χρησιμοποιώντας JavaScript
να προσθέσω μόνο ένα άλλο κόμβο

346
00:15:48,740 --> 00:15:52,700
σε αυτό tree-- άλλο κόμβο σε αυτό
δέντρο που στη συνέχεια οπτικά μοιάζει ακριβώς

347
00:15:52,700 --> 00:15:54,570
σαν μια νέα γραμμή κειμένου στην οθόνη σας.

348
00:15:54,570 --> 00:15:57,100
Αλλά όπου και αν εισάγοντας
σε αυτή τη δομή δεδομένων.

349
00:15:57,100 --> 00:15:59,742
>> Έτσι, στις τάξεις, όπως
CS124 και άλλοι, θα

350
00:15:59,742 --> 00:16:02,200
στην πραγματικότητα γράψω περισσότερα κώδικα κατά
δομών δεδομένων, όπως αυτό.

351
00:16:02,200 --> 00:16:04,310
Αλλά για τώρα σε JavaScript,
θεωρούμε ότι απλά

352
00:16:04,310 --> 00:16:07,920
έχουμε όλοι αυτής της λειτουργικότητας
δωρεάν από την ίδια τη γλώσσα.

353
00:16:07,920 --> 00:16:09,210
Ας δούμε ένα παράδειγμα.

354
00:16:09,210 --> 00:16:13,120
>> Επιτρέψτε μου να ανοίξει ένα αρχείο που ονομάζεται Form.html.

355
00:16:13,120 --> 00:16:14,601
Είναι εξαιρετικά απλό.

356
00:16:14,601 --> 00:16:15,600
Είναι ακριβώς μοιάζει με αυτό.

357
00:16:15,600 --> 00:16:17,860
>> Δεν CSS, καμία σκέψη για την αισθητική.

358
00:16:17,860 --> 00:16:19,810
Είναι καθαρά λειτουργικές
και προφανώς είμαι

359
00:16:19,810 --> 00:16:24,000
ζητώντας ένα email, τον κωδικό πρόσβασης,
τον κωδικό πρόσβασης και πάλι, και στη συνέχεια ένας έλεγχος

360
00:16:24,000 --> 00:16:26,150
να συμφωνήσουν σε ορισμένα όρους και προϋποθέσεις.

361
00:16:26,150 --> 00:16:28,740
Αυτό το πηγαίο κώδικα για αυτό
Μοιάζει είναι πιθανώς κάτι

362
00:16:28,740 --> 00:16:31,030
μπορείτε να μαντέψετε με ένα
λίγη σκέψη τώρα.

363
00:16:31,030 --> 00:16:32,840
Έχω μια ετικέτα φόρμα εδώ.

364
00:16:32,840 --> 00:16:36,190
>> Μια ενέργεια είναι προφανώς πρόκειται να
πάει σε ένα αρχείο που ονομάζεται register.php.

365
00:16:36,190 --> 00:16:37,870
Η μέθοδος Πάω να χρησιμοποιήσετε είναι να πάρετε.

366
00:16:37,870 --> 00:16:40,880
Και στη συνέχεια, έχω ένα κείμενο
το πεδίο του οποίου το όνομα είναι το email.

367
00:16:40,880 --> 00:16:43,340
>> Έχω ένα πεδίο κωδικού πρόσβασης
του οποίου το όνομα είναι password.

368
00:16:43,340 --> 00:16:45,420
Έχω ένα άλλο
πεδίο του κωδικού πρόσβασης του οποίου το όνομα

369
00:16:45,420 --> 00:16:47,342
είναι κάπως αυθαίρετα επιβεβαίωση.

370
00:16:47,342 --> 00:16:49,690
Είναι ακριβώς μια άλλη παράμετρος HTTP.

371
00:16:49,690 --> 00:16:54,430
>> Και τότε θα έχουμε δεν χρησιμοποιούνται αυτά εκτός
δεδομένου ότι οι Frosh ΔΥ demo σε class--

372
00:16:54,430 --> 00:16:56,692
ένα πλαίσιο ελέγχου που είναι
μόνο τύπο ισούται με επιταγή.

373
00:16:56,692 --> 00:16:57,900
Και θα καλέσω την εν λόγω συμφωνία.

374
00:16:57,900 --> 00:17:00,700
Έτσι έχω είδος αυθαίρετα, αλλά
βολικά ονομάζεται αυτά τα πεδία.

375
00:17:00,700 --> 00:17:03,450
Έτσι, ότι τώρα, όταν αυτή η μορφή παίρνει
υποβάλλονται, ας δούμε τι θα συμβεί.

376
00:17:03,450 --> 00:17:07,290
Αν κάνω malan@harvard.edu,
Θα κάνω έναν κωδικό πρόσβασης των βυσσινί.

377
00:17:07,290 --> 00:17:09,530
Θα κάνω έναν κωδικό πρόσβασης του τίποτα.

378
00:17:09,530 --> 00:17:10,910
Ας μην συνεργάζονται.

379
00:17:10,910 --> 00:17:12,280
>> Και εγώ δεν θα τσεκάρετε το κουτάκι.

380
00:17:12,280 --> 00:17:13,940
Επιτρέψτε μου να κάντε κλικ στην επιλογή Εγγραφή.

381
00:17:13,940 --> 00:17:15,420
Και λέει, hm, να είστε εγγεγραμένοι.

382
00:17:15,420 --> 00:17:16,069
Όχι πραγματικά.

383
00:17:16,069 --> 00:17:17,450
>> Αλλά το URL άλλαξε.

384
00:17:17,450 --> 00:17:22,280
Έτσι, αυτή η μορφή ήταν σαφώς επιτρέπονται
να υποβάλει στο register.php.

385
00:17:22,280 --> 00:17:25,160
Αλλά προφανώς, θα πρέπει να είναι
αλίευση μερικά από αυτά τα λάθη.

386
00:17:25,160 --> 00:17:27,569
Τώρα, σε Pset7 και μερικά
παραδείγματα διάλεξη μας,

387
00:17:27,569 --> 00:17:30,130
θα γενικά εκτυπώσετε
ένα μεγάλο κόκκινο μήνυμα λάθους εδώ

388
00:17:30,130 --> 00:17:33,760
λέγοντας, λείπει το όνομα,
ή λείπει κωδικό.

389
00:17:33,760 --> 00:17:37,680
Έχουμε ξανακάνει αυτό και έχουμε
ανίχνευση Έγινε λάθος πλευρά του διακομιστή.

390
00:17:37,680 --> 00:17:41,580
>> Αλλά πολλές ιστοσελίδες αυτές τις μέρες
κάνει ανίχνευση πλευρά σφάλμα πελάτη

391
00:17:41,580 --> 00:17:42,810
όπου η διεύθυνση URL δεν αλλάζει.

392
00:17:42,810 --> 00:17:44,101
Το σύνολο του σελίδα δεν ανανεωθεί.

393
00:17:44,101 --> 00:17:46,940
Μπορείτε να πάρετε άμεση ανατροφοδότηση
από το πρόγραμμα περιήγησης.

394
00:17:46,940 --> 00:17:48,070
Ίσως κάτι δεν πάει το κόκκινο.

395
00:17:48,070 --> 00:17:49,190
>> Ίσως μπορείτε να πάρετε ένα pop up.

396
00:17:49,190 --> 00:17:53,240
Αλλά δεν σπαταλάτε το χρόνο αποστολής για
ο server τα δεδομένα που είναι ελλιπείς.

397
00:17:53,240 --> 00:17:56,050
Ας δούμε πώς μπορούμε να
επιτύχουν αυτό το χαρακτηριστικό, καθώς και.

398
00:17:56,050 --> 00:17:59,660
>> Επιτρέψτε μου να πάω να form1.html,
το οποίο έχει την ίδια εμφάνιση.

399
00:17:59,660 --> 00:18:03,530
Αλλά αν αυτή τη φορά να κάνω
malan@harvard.edu και πληκτρολογώ κατακόκκινο

400
00:18:03,530 --> 00:18:07,350
και εγώ δεν συνεργάζονται περαιτέρω
αλλά κάντε κλικ στο κουμπί Εγγραφή, παρατηρούμε τώρα.

401
00:18:07,350 --> 00:18:08,940
Δεν είναι η πιο σέξι λύση.

402
00:18:08,940 --> 00:18:10,900
Έχω τουλάχιστον αλιεύονται αυτό το σφάλμα.

403
00:18:10,900 --> 00:18:12,900
Και έχω χρησιμοποιήσει την προειδοποίηση
λειτουργία σε JavaScript--

404
00:18:12,900 --> 00:18:14,090
το οποίο είμαστε μόνο με τη χρήση στην τάξη.

405
00:18:14,090 --> 00:18:16,430
Σε γενικές γραμμές, δεν πρέπει να χρησιμοποιήσετε αυτό
γιατί μπορεί πολύ γρήγορα να βγούμε

406
00:18:16,430 --> 00:18:17,160
του ελέγχου.

407
00:18:17,160 --> 00:18:19,180
Αλλά οι κωδικοί πρόσβασης δεν ταιριάζουν είναι το σφάλμα.

408
00:18:19,180 --> 00:18:21,120
>> Επιτρέψτε μου να προχωρήσει και κάντε κλικ στο OK.

409
00:18:21,120 --> 00:18:25,040
Αλλά ποιο είναι το βασικό πακέτο εδώ
είναι ότι η διεύθυνση URL δεν αλλάζει.

410
00:18:25,040 --> 00:18:27,960
Γι 'αυτό και δεν έχω ενοχλήσει σπατάλη
ώρα του server ζητώντας

411
00:18:27,960 --> 00:18:30,750
μια ερώτηση που θα μπορούσα να έχω
κατάλαβα την απάντηση για τον εαυτό μου.

412
00:18:30,750 --> 00:18:33,210
>> Και το χρήστη, ακόμη και αν
έχουν μιλήσει γι 'αυτό

413
00:18:33,210 --> 00:18:35,264
μεγαλύτερο από το χρήστη
πρόκειται να το σκεφτούμε αυτό,

414
00:18:35,264 --> 00:18:36,680
πρόκειται να έχει άμεση ανατροφοδότηση.

415
00:18:36,680 --> 00:18:39,044
Δεν υπάρχει λανθάνουσα κατάσταση με
η συνδεσιμότητα του δικτύου.

416
00:18:39,044 --> 00:18:40,460
Έτσι, ας ρίξουμε μια ματιά σε αυτό το πηγαίο κώδικα.

417
00:18:40,460 --> 00:18:45,600
>> Form1.html εμφάνιση
δομικά παρόμοιο εδώ.

418
00:18:45,600 --> 00:18:46,810
Η μορφή είναι στην πραγματικότητα το ίδιο.

419
00:18:46,810 --> 00:18:48,330
Αλλά ας δούμε τι έκανα εδώ κάτω.

420
00:18:48,330 --> 00:18:49,913
Και υπάρχουν διαφορετικοί τρόποι να γίνει αυτό.

421
00:18:49,913 --> 00:18:53,690
Και έχω κάνει την πιο ευθεία
ακολούθου αλλά όχι πιο κομψό τρόπο ακόμα.

422
00:18:53,690 --> 00:18:54,869
Έχω μια ετικέτα σενάριο.

423
00:18:54,869 --> 00:18:57,035
Στη συνέχεια καλέστε
document.getElementById («εγγραφή»).

424
00:18:57,035 --> 00:19:00,090

425
00:19:00,090 --> 00:19:04,420
Και έχω αποθηκεύσει αυτήν την τιμή
στη μορφή, μια μεταβλητή.

426
00:19:04,420 --> 00:19:05,520
>> Έτσι, ό, τι έχω κάνει;

427
00:19:05,520 --> 00:19:08,960
Μπορείτε να σκεφτείτε
document.getElementById ως

428
00:19:08,960 --> 00:19:11,200
μια ειδική λειτουργία που
Η JavaScript σας δίνει

429
00:19:11,200 --> 00:19:14,400
ότι κυριολεκτικά τα χέρια σας μια
δείκτη σε έναν από τους κόμβους

430
00:19:14,400 --> 00:19:16,520
ή ορθογώνια σε αυτό το δέντρο.

431
00:19:16,520 --> 00:19:21,470
Μέχρι τώρα αυτό είναι τι μορφή μεταβλητής μας
σε JavaScript είναι στην πραγματικότητα δείχνοντας.

432
00:19:21,470 --> 00:19:25,120
>> Μέχρι τώρα η σύνταξη είναι διαφορετική από
C. Αλλά κάνουμε μερικά πράγματα εδώ.

433
00:19:25,120 --> 00:19:30,360
Ένα, αυτό είναι ένα λίγο παράξενο
αναζητούν, σίγουρα έναντι C.

434
00:19:30,360 --> 00:19:32,180
Αλλά κοιτάξτε στη γραμμή 35.

435
00:19:32,180 --> 00:19:35,130
Έτσι, στην αριστερή form.onsubmit.

436
00:19:35,130 --> 00:19:38,060
Υπενθυμίζουμε ότι onsubmit είναι
σαν ένα πεδίο σε μια struct.

437
00:19:38,060 --> 00:19:41,480
Αν νομίζετε ότι από τη μορφή μεταβλητής
είναι απλά να είναι ένα struct C,

438
00:19:41,480 --> 00:19:42,600
θα μπορούσε να έχει κάποια πεδία.

439
00:19:42,600 --> 00:19:46,410
>> Πίσω στην ημέρα, είχαμε φοιτητές ονόματα,
Αναγνωριστικά, τα σπίτια, εκείνο το είδος των πεδίων.

440
00:19:46,410 --> 00:19:48,520
Απλά σκεφτείτε onsubmit ως ένα άλλο πεδίο.

441
00:19:48,520 --> 00:19:53,380
Αλλά είναι ένα ειδικό πεδίο, διότι η
Ο φυλλομετρητής είναι προγραμματισμένες εκ των προτέρων να αναμένουν

442
00:19:53,380 --> 00:19:57,530
.onsubmit να μην είναι μια αξία
όπως έναν αριθμό ή κορδόνι,

443
00:19:57,530 --> 00:20:01,180
αλλά να είναι πράγματι μια συνάρτηση
ή η διεύθυνση της συνάρτησης

444
00:20:01,180 --> 00:20:02,570
στη μνήμη του υπολογιστή.

445
00:20:02,570 --> 00:20:04,740
>> Και πράγματι, αυτό είναι ό, τι
Αυτή η λέξη-κλειδί εδώ κάνει.

446
00:20:04,740 --> 00:20:06,710
Αυτό, λέει, να μου δώσει μια νέα λειτουργία.

447
00:20:06,710 --> 00:20:09,390
Αλλά ποιο είναι το όνομά του
πρόκειται να είναι, προφανώς;

448
00:20:09,390 --> 00:20:10,800
>> Η σκέψη πίσω μέχρι τη Δευτέρα.

449
00:20:10,800 --> 00:20:13,430

450
00:20:13,430 --> 00:20:17,170
Ποιο είναι το όνομα αυτού του
λειτουργία με βάση αυτή τη σύνταξη;

451
00:20:17,170 --> 00:20:19,784
Όχι, εννοώ, υπάρχει σαφώς
κανένα όνομα associated-- σίγουρα

452
00:20:19,784 --> 00:20:21,200
όχι σε ό, τι έχω επισημανθεί εδώ.

453
00:20:21,200 --> 00:20:22,560
>> Αλλά αυτό είναι πραγματικά εντάξει.

454
00:20:22,560 --> 00:20:25,840
Αυτό είναι ένα ανώνυμο λειτουργία, ή μία
λάμδα λειτουργία όπως μερικοί μπορεί να το αποκαλούν.

455
00:20:25,840 --> 00:20:27,589
Και αυτό σημαίνει ότι απλά
είναι ακόμα μια λειτουργία.

456
00:20:27,589 --> 00:20:29,400
Είναι απλά, δεν μπορείτε να καλέσετε από το όνομα.

457
00:20:29,400 --> 00:20:30,057
Αλλά αυτό είναι εντάξει.

458
00:20:30,057 --> 00:20:33,140
Επειδή και πάλι, ο browser
προγραμματισμένες εκ των προτέρων από εταιρείες όπως η Google

459
00:20:33,140 --> 00:20:38,540
ή Microsoft ή Mozilla ή άλλους να
απλά να ξέρετε ότι αν το .onsubmit τομέα

460
00:20:38,540 --> 00:20:43,400
μέσα από ένα στοιχείο της φόρμας έχει η
αξία, το αντιμετωπίζουν ως μια function--

461
00:20:43,400 --> 00:20:44,750
ένας δείκτης λειτουργία, αν θέλετε.

462
00:20:44,750 --> 00:20:46,910
Και το αποκαλούν, όταν υποβληθεί η φόρμα.

463
00:20:46,910 --> 00:20:50,350
>> Έτσι τι κωδικό θα πρέπει να εκτελεστεί
όταν υποβληθεί η φόρμα;

464
00:20:50,350 --> 00:20:52,526
Προφανώς, τα πάντα
στο εσωτερικό της σγουρά κηδεμόνα.

465
00:20:52,526 --> 00:20:53,650
Και αυτό είναι μόνο υφολογικά.

466
00:20:53,650 --> 00:20:55,626
>> Θα μπορούσατε να το κάνετε αυτό, όπως
έχουμε την τάση να κάνουμε το CS50.

467
00:20:55,626 --> 00:20:58,250
Αλλά σε JavaScript, οι περισσότεροι άνθρωποι
έχουν την τάση να το κρατήσει στην ίδια γραμμή

468
00:20:58,250 --> 00:21:01,960
μόνο και μόνο επειδή είναι πιο ξεκάθαρα είναι
που σχετίζονται με τη λειτουργία αυτή λέξη κλειδί.

469
00:21:01,960 --> 00:21:03,240
Έτσι, τώρα τι κάνω;

470
00:21:03,240 --> 00:21:08,616
>> Αν form.email.value ισούται ίσων
η κενή συμβολοσειρά ή τίποτα, είναι εδώ

471
00:21:08,616 --> 00:21:11,490
μια ειδοποίηση όπου Πάω να πω,
πρέπει να δώσετε τη διεύθυνση ηλεκτρονικού ταχυδρομείου σας,

472
00:21:11,490 --> 00:21:12,690
και στη συνέχεια επιστρέφει false.

473
00:21:12,690 --> 00:21:15,720
Και αυτό είναι ότι ψευδούς δήλωσης ότι
εμποδίζει τη φόρμα από την υποβολή της.

474
00:21:15,720 --> 00:21:19,480
Εν τω μεταξύ, εάν η τιμή του κωδικού πρόσβασης είναι
κενό, Πάω να φωνάζω στο χρήστη

475
00:21:19,480 --> 00:21:21,150
και να πω, θα πρέπει να δώσετε έναν κωδικό πρόσβασης.

476
00:21:21,150 --> 00:21:23,700
>> Εν τω μεταξύ, τα πράγματα γίνονται όλο και
λίγο πιό φανταχτερό εδώ.

477
00:21:23,700 --> 00:21:29,160
Αν form.password.value δεν
ίση form.confirmation.value,

478
00:21:29,160 --> 00:21:31,680
Το άλλο πεδίο, φωνάζεις
το χρήστη ότι οι κωδικοί πρόσβασης

479
00:21:31,680 --> 00:21:33,860
δεν ταιριάζουν όπως αυτά
δεν το έκανε πριν από λίγο.

480
00:21:33,860 --> 00:21:35,780
Και τότε αυτό είναι ένα
λίγο πιο σέξι, γιατί

481
00:21:35,780 --> 00:21:40,470
γνωρίζουν ήξερα εννοιολογικά ότι
ελέγχεται είναι το όνομα ενός πλαισίου ελέγχου της.

482
00:21:40,470 --> 00:21:45,680
>> Έτσι, μπορώ να χρησιμοποιήσω μόνο ένα επιφώνημα
σημείο να πει εάν ο έλεγχος δεν είναι

483
00:21:45,680 --> 00:21:48,040
checked-- είναι το Boolean
αξία, αλήθεια ή false--

484
00:21:48,040 --> 00:21:49,700
Θα φωνάζω στο χρήστη για το λόγο αυτό.

485
00:21:49,700 --> 00:21:52,300
Διαφορετικά, αν έχουμε περάσει
όλες αυτές τις προϋποθέσεις,

486
00:21:52,300 --> 00:21:53,270
ας επιστρέψει αλήθεια.

487
00:21:53,270 --> 00:21:54,700
Ας το έντυπο πρέπει να υποβληθεί.

488
00:21:54,700 --> 00:21:56,560
Και αυτό, τότε θα συμβεί.

489
00:21:56,560 --> 00:21:57,740
>> Ας πληκτρολογήστε σε βαθύ κόκκινο χρώμα.

490
00:21:57,740 --> 00:22:00,230
Ας ελέγξει για το πλαίσιο, κάντε κλικ στην επιλογή Εγγραφή.

491
00:22:00,230 --> 00:22:01,979
Και τώρα πάω μέχρι τον προορισμό.

492
00:22:01,979 --> 00:22:03,270
Τώρα, δεν υπάρχει βάση δεδομένων εκεί.

493
00:22:03,270 --> 00:22:05,370
Δεν υπάρχει τίποτα ενδιαφέρον
σε register.php.

494
00:22:05,370 --> 00:22:07,980
Απλώς χρειάζεται κάτι
να μιλήσουμε πραγματικά για.

495
00:22:07,980 --> 00:22:09,140
Έτσι, επιτρέψτε μου να παύση, εδώ.

496
00:22:09,140 --> 00:22:16,270
Οποιεσδήποτε ερωτήσεις σχετικά με το τι έχουμε κάνει ακριβώς
ή ό, τι μερικά από αυτή τη νέα σύνταξη είναι;

497
00:22:16,270 --> 00:22:17,640
Εντάξει, ναι;

498
00:22:17,640 --> 00:22:20,025
>> ΚΟΙΝΟ: Έτσι, κάθε κουτάκι
είναι αυτόματα μια Boolean.

499
00:22:20,025 --> 00:22:21,650
Δεν χρειάζεται να το δηλώσει σαν αυτό.

500
00:22:21,650 --> 00:22:22,649
>> David J. Malan: Σωστό.

501
00:22:22,649 --> 00:22:29,340
Κάθε κουτάκι που έχει σταλεί σε σας από
μια μορφή HTML στον κώδικά σας το JavaScript

502
00:22:29,340 --> 00:22:31,760
θα πρέπει να αντιμετωπίζονται, ναι, όπως ένα
Boolean value-- αληθείς ή ψευδείς.

503
00:22:31,760 --> 00:22:32,635
Είναι μια καλή ερώτηση.

504
00:22:32,635 --> 00:22:36,080
Ενώ οι άλλες αξίες, της
Φυσικά, υπήρξαν κείμενο, AKA χορδές.

505
00:22:36,080 --> 00:22:38,500
>> Εντάξει, οπότε επιτρέψτε μου
προς τα πίσω λίγο περισσότερο.

506
00:22:38,500 --> 00:22:39,900
Ποιο ήταν το νόημα της αυτό;

507
00:22:39,900 --> 00:22:41,400
Ακριβώς για να είναι σαφής.

508
00:22:41,400 --> 00:22:44,940
Όπως, ήδη γνωρίζουμε, ακόμα και από Pset7
και ακόμη και από την ομιλία της περασμένης εβδομάδας

509
00:22:44,940 --> 00:22:51,120
παραδείγματα, ότι μπορούμε προφανώς να ελέγξετε
$ _GET $ _POST Δούμε αν ο χρήστης μας δώσει

510
00:22:51,120 --> 00:22:52,200
μια κενή τιμή.

511
00:22:52,200 --> 00:22:54,400
Θυμηθείτε το κενό λειτουργίας στην PHP.

512
00:22:54,400 --> 00:22:58,040
>> Έτσι, ακριβώς για να είναι σαφής, τι είναι
ένας λόγος που θα μπορούσε επίσης να

513
00:22:58,040 --> 00:23:00,535
θέλετε να κάνετε αυτό τον έλεγχο σφαλμάτων
στο εσωτερικό του προγράμματος περιήγησης;

514
00:23:00,535 --> 00:23:03,350

515
00:23:03,350 --> 00:23:06,080
Ποιο είναι το κίνητρο εδώ;

516
00:23:06,080 --> 00:23:06,580
Ναι.

517
00:23:06,580 --> 00:23:09,735
>> ΚΟΙΝΟ: Ταχύτερη, και εσείς δεν το κάνετε
στείλετε άχρηστα δεδομένα στο διακομιστή.

518
00:23:09,735 --> 00:23:10,610
David J. Malan: Καλή.

519
00:23:10,610 --> 00:23:11,170
Είναι πιο γρήγορα.

520
00:23:11,170 --> 00:23:12,920
Δεν στέλνουν άχρηστα
δεδομένων στο διακομιστή.

521
00:23:12,920 --> 00:23:14,670
>> Έτσι, μπορείτε να πάρετε πίσω μια πιο
άμεση ανταπόκριση.

522
00:23:14,670 --> 00:23:16,560
Και συνολικά, ο χρήστης
εμπειρία είναι καλύτερη.

523
00:23:16,560 --> 00:23:17,900
Σκεφτείτε την εναλλακτική λύση.

524
00:23:17,900 --> 00:23:21,160
>> Αν για Gmail-- και ήταν
η υπόθεση πριν από πολλά χρόνια.

525
00:23:21,160 --> 00:23:24,160
Ας υποθέσουμε ότι έχεις ένα νέο μήνυμα ηλεκτρονικού ταχυδρομείου στο Gmail σας
λογαριασμό, αλλά ο μόνος τρόπος μέσω του

526
00:23:24,160 --> 00:23:26,510
για να δείτε ότι είναι, όπως,
reload ολόκληρη τη σελίδα.

527
00:23:26,510 --> 00:23:29,030
Ή ας υποθέσουμε ότι κάνετε κλικ στο
ένα σύνδεσμο για να διαβάσετε ένα e-mail.

528
00:23:29,030 --> 00:23:31,600
>> Όλα πρέπει να φορτώσετε εκ νέου έτσι
ότι μπορείτε να δείτε το e-mail.

529
00:23:31,600 --> 00:23:33,380
Ή Facebook-- μπορείτε να πάρετε ένα μήνυμα συνομιλίας.

530
00:23:33,380 --> 00:23:36,000
Δεν το βλέπω μέχρι να φορτώσετε εκ νέου
η σελίδα ή κάντε κλικ κάποιο σύνδεσμο.

531
00:23:36,000 --> 00:23:38,380
>> Όπως, ότι αυτή θα είναι μια απαίσια
ενοχλητική εμπειρία του χρήστη.

532
00:23:38,380 --> 00:23:41,300
Και αυτό είναι ό, τι ήταν σαν,
σαφώς, πίσω όταν έτρεξα για UC

533
00:23:41,300 --> 00:23:44,760
και το διαδίκτυο ήταν πολύ λιγότερο δυναμική
και JavaScript δεν ήταν τόσο δημοφιλές

534
00:23:44,760 --> 00:23:45,601
όπως είναι τώρα.

535
00:23:45,601 --> 00:23:47,850
Και τα πράγματα παίρνουν πολύ
πιο δυναμική και πολύ περισσότερο

536
00:23:47,850 --> 00:23:49,900
πλευρά του πελάτη με αυτή την έννοια.

537
00:23:49,900 --> 00:23:54,370
>> Αλλά υπάρχει μια παγίδα εδώ, και
Αυτό είναι το είδος της μια ενοχλητική πέτυχα.

538
00:23:54,370 --> 00:23:58,720
Ακριβώς επειδή μπορείτε να προσθέσετε πλευρά του πελάτη
ανίχνευσης, όπως αυτό δεν σημαίνει

539
00:23:58,720 --> 00:24:01,430
μπορεί ή πρέπει να εγκαταλείψει
ανίχνευση πλευρά του διακομιστή.

540
00:24:01,430 --> 00:24:04,080
Μπορείτε ουσιαστικά θέλουν να βάλουν σας
τον έλεγχο σφαλμάτων σε δύο μέρη.

541
00:24:04,080 --> 00:24:05,830
Επειδή ό, τι ήταν ένα
του δίδαγμα

542
00:24:05,830 --> 00:24:10,270
από το άρθρο που διάβασα μερικά αποσπάσματα
από με αυτό το ηλίθιο CMS system--

543
00:24:10,270 --> 00:24:14,410
Διαχείρισης Περιεχομένου System-- που ήταν
την εφαρμογή του συστήματος ελέγχου ταυτότητας του,

544
00:24:14,410 --> 00:24:16,790
σύνδεσής της με ποιο μηχανισμό;

545
00:24:16,790 --> 00:24:19,515

546
00:24:19,515 --> 00:24:20,469
Το JavaScript.

547
00:24:20,469 --> 00:24:21,499
>> ΚΟΙΝΟ: τη JavaScript.

548
00:24:21,499 --> 00:24:23,290
David J. Malan:
JavaScript, ακριβώς, σωστά;

549
00:24:23,290 --> 00:24:24,610
Ήταν με τη χρήση JavaScript.

550
00:24:24,610 --> 00:24:27,120
Και κυριολεκτικά, εσείς έχετε
έπαιξε λίγο πιθανώς

551
00:24:27,120 --> 00:24:28,700
με Επιθεωρητή του Chrome.

552
00:24:28,700 --> 00:24:30,890
Και αν μπορώ να το βρείτε, να επιθεωρήσει το στοιχείο.

553
00:24:30,890 --> 00:24:33,670
>> Επιτρέψτε μου να πάω πάνω να κάνουμε
όλων των επιλογών του Chrome.

554
00:24:33,670 --> 00:24:37,080
Και αυτό είναι το πόσο εύκολο είναι να
απενεργοποίηση του JavaScript στο πρόγραμμα περιήγησης.

555
00:24:37,080 --> 00:24:38,950
Ελέγξτε, πλέον το JavaScript.

556
00:24:38,950 --> 00:24:41,070
>> Έτσι, για να είμαστε δίκαιοι, πολλοί
από το διαδίκτυο αυτές τις μέρες

557
00:24:41,070 --> 00:24:43,430
είναι ακριβώς πρόκειται να σπάσει γιατί
Gmail και άλλα sites--

558
00:24:43,430 --> 00:24:46,140
Facebook-- υποθέσουμε ότι
Είναι ενεργοποιημένο το JavaScript.

559
00:24:46,140 --> 00:24:50,180
Αλλά αν κάνεις κάτι ηλίθιο
όπως η επικύρωση μόνο οι χρήστες των εισροών

560
00:24:50,180 --> 00:24:52,520
και τον έλεγχο για
λάθη από την πλευρά του πελάτη,

561
00:24:52,520 --> 00:24:54,940
ένας αντίπαλος θα μπορούσε να κάνει εύκολα αυτό.

562
00:24:54,940 --> 00:24:57,180
Και τότε ακόμα πιο έξυπνη
αντίπαλος, όπως εσείς

563
00:24:57,180 --> 00:25:01,120
τώρα θα μπορούσε να χρησιμοποιήσει το Telnet ή μπούκλα
ή εντολές της γραμμής εντολών μόνο

564
00:25:01,120 --> 00:25:05,300
και πραγματικά στέλνουν μηνύματα στο διακομιστή
ότι ομοίως δεν είναι σφάλμα ελέγχονται.

565
00:25:05,300 --> 00:25:08,380
>> Έτσι, αυτό είναι περισσότερο ένα
χρήστης απόφαση διεπαφή

566
00:25:08,380 --> 00:25:13,060
ό, τι είναι ένα πραγματικό τεχνικό
improvement-- εφαρμογή

567
00:25:13,060 --> 00:25:14,410
πλευρά του πελάτη κάτι σαν αυτό.

568
00:25:14,410 --> 00:25:16,800
Έτσι τώρα μια γρήγορη ματιά, αλλά στη συνέχεια,
Θα αναβάλει την απευθείας σύνδεση με τα πόδια

569
00:25:16,800 --> 00:25:17,674
μέσω για αυτό.

570
00:25:17,674 --> 00:25:21,480
Σε μορφή δύο, εμείς στην πραγματικότητα πέρασε
και καθάρισε τον κωδικό λίγο.

571
00:25:21,480 --> 00:25:23,650
Αλλά επιτρέψτε μου να αναβάλει για ένα
από τα βίντεο που μάλλον θα

572
00:25:23,650 --> 00:25:27,970
ενσωματώσετε σε Pset8 που δείχνει ακριβώς σας ένα
παρόμοια σύνταξη χρησιμοποιώντας μια βιβλιοθήκη που ονομάζεται

573
00:25:27,970 --> 00:25:32,320
jQuery, το οποίο είναι ένα σούπερ, σούπερ
δημοφιλής βιβλιοθήκη σε JavaScript

574
00:25:32,320 --> 00:25:34,510
ειλικρινά ότι οι περισσότεροι άνθρωποι
απλά χρησιμοποιήστε αυτές τις μέρες

575
00:25:34,510 --> 00:25:37,070
και ακόμη και να προκαλέσει σύγχυση ως
το ίδιο ον το JavaScript.

576
00:25:37,070 --> 00:25:38,950
>> Και τείνει να εμπλέξει
μερικά σημάδια του δολαρίου

577
00:25:38,950 --> 00:25:41,350
και λέξεις-κλειδιά όπως το έγγραφο
σε παρενθέσεις εδώ.

578
00:25:41,350 --> 00:25:44,480
Αλλά και πάλι, επιτρέψτε μου να αναβάλει για
μερικά πιο αργά tutorials σε απευθείας σύνδεση

579
00:25:44,480 --> 00:25:46,750
αντί να πάρει δεμένο σε μόλις σύνταξη.

580
00:25:46,750 --> 00:25:48,630
Ας περάσουμε σε
κάτι λίγο πιο δροσερές

581
00:25:48,630 --> 00:25:50,520
όσον αφορά τις εφαρμογές αυτής.

582
00:25:50,520 --> 00:25:57,730
>> Έτσι, ειδικότερα, επιτρέψτε μου να πάω
μπροστά και να ανοίξει αυτό εδώ.

583
00:25:57,730 --> 00:25:58,340
Έλα.

584
00:25:58,340 --> 00:25:59,380
Εκεί πάμε.

585
00:25:59,380 --> 00:26:01,500
>> Επιτρέψτε μου να ανοίξει αυτή την εικόνα εδώ.

586
00:26:01,500 --> 00:26:03,450
Αδικαιολόγητα περίπλοκο
αναζητούν, αλλά

587
00:26:03,450 --> 00:26:07,880
περιγράφει μια τεχνική που ονομάζεται AJAX--
Ασύγχρονη JavaScript και XML, όπου

588
00:26:07,880 --> 00:26:10,530
το Χ για XML είναι στην πραγματικότητα
δεν χρησιμοποιείται πλέον πραγματικά.

589
00:26:10,530 --> 00:26:13,430
Τείνει να χρησιμοποιήσετε κάτι
αλλιώς ονομάζεται JSON.

590
00:26:13,430 --> 00:26:16,560
>> Αλλά εδώ είναι το πώς κάτι σαν
Χάρτες Google ή το Google Earth λειτουργεί.

591
00:26:16,560 --> 00:26:18,060
Ας προσπαθήσουμε αυτό on the fly, στην πραγματικότητα.

592
00:26:18,060 --> 00:26:21,590
Επιτρέψτε μου να πάει μπροστά και να ανοίξει
του Chrome στον browser μου.

593
00:26:21,590 --> 00:26:26,236
>> Και επιτρέψτε μου να πάω σε,
λένε, maps.google.com.

594
00:26:26,236 --> 00:26:29,260

595
00:26:29,260 --> 00:26:31,930
Και πραγματικά, αν είστε παλιά
Αρκεί να θυμηθούμε τι,

596
00:26:31,930 --> 00:26:35,600
όπως, MapQuest ήταν σαν πίσω στην ημέρα,
και ίσως να εξακολουθούν να λειτουργούν όπως αυτό.

597
00:26:35,600 --> 00:26:38,870
Όταν χρησιμοποιείται για την αναζήτηση something--
33 Oxford Street, Cambridge, Mass,

598
00:26:38,870 --> 00:26:40,650
ας κάνουμε this-- σας
θα ήταν στην πραγματικότητα, αν

599
00:26:40,650 --> 00:26:43,000
ήθελε να μετακινηθείτε προς τα πάνω και
κάτω, αριστερά και δεξιά,

600
00:26:43,000 --> 00:26:44,920
θα μοιάζουν με ένα
μεγάλο βέλος στην κορυφή, και

601
00:26:44,920 --> 00:26:46,921
Θα σας δείξω ένα άλλο
πλαίσιο του χάρτη εδώ.

602
00:26:46,921 --> 00:26:49,753
Ή μπορείτε να κάνετε κλικ το αριστερό και εσείς
θα πάμε εδώ, ή άλλο κλικ

603
00:26:49,753 --> 00:26:51,000
και θα πάει εδώ.

604
00:26:51,000 --> 00:26:53,000
Όμως, αντί αυτά
ημέρες, εμείς φυσικά μόνο

605
00:26:53,000 --> 00:26:55,970
θεωρούμε δεδομένο ότι μπορούμε να πάμε
γύρω από Cambridge αρκετά γρήγορα

606
00:26:55,970 --> 00:26:57,550
απλά κάνοντας κλικ και σύροντας.

607
00:26:57,550 --> 00:26:59,130
Αλλά παρατηρήσετε ότι υπάρχουν κάποιες δυσλειτουργίες.

608
00:26:59,130 --> 00:27:02,160
>> Αν το κάνω αυτό αρκετά γρήγορα,
ό, τι φαίνεται να συμβαίνει

609
00:27:02,160 --> 00:27:05,960
όπως εγώ σύρετε λίγο πάρα πολύ γρήγορα
για τον υπολογιστή για να συμβαδίσει;

610
00:27:05,960 --> 00:27:07,160
Τι βλέπεις;

611
00:27:07,160 --> 00:27:07,660
Ναι.

612
00:27:07,660 --> 00:27:09,232
>> ΚΟΙΝΟ: Τα εικονοστοιχεία δεν ανανεώνονται.

613
00:27:09,232 --> 00:27:10,940
David J. Malan: Η
εικονοστοιχεία δεν ανανεώνονται.

614
00:27:10,940 --> 00:27:12,870
Υπάρχει actually-- και εσείς
θα μπορούσε να δει αυτό, στην πραγματικότητα,

615
00:27:12,870 --> 00:27:15,360
εάν παρακολουθείτε on-line και παύση
αυτό ή στην πραγματικότητα επιβραδύνει τα πράγματα

616
00:27:15,360 --> 00:27:18,600
για once-- θα δείτε ότι υπάρχουν
πλακάκια, τετράγωνα ή ορθογώνια που

617
00:27:18,600 --> 00:27:22,040
λείπουν από τον χάρτη μέχρι
ένα κλάσμα του δευτερολέπτου αργότερα, περισσότερα δεδομένα,

618
00:27:22,040 --> 00:27:24,390
Περισσότερες εικόνες στην πραγματικότητα
εμφανίζονται στην οθόνη.

619
00:27:24,390 --> 00:27:29,810
Και στην πραγματικότητα, αν το κάνουμε αυτό με την εξέταση
μέχρι Chrome's-- ας πούμε, Chrome--

620
00:27:29,810 --> 00:27:30,310
ας δούμε.

621
00:27:30,310 --> 00:27:31,090
Δεν μπορούμε να το κάνουμε αυτό.

622
00:27:31,090 --> 00:27:31,860
>> Ω, κραυγών.

623
00:27:31,860 --> 00:27:34,761
Ας ανοίξει maps.google.com.

624
00:27:34,761 --> 00:27:36,660
Επιτρέψτε μου να κάνω το παράθυρο μεγαλύτερο ξανά.

625
00:27:36,660 --> 00:27:38,836
>> Πηγαίνετε πίσω στο 33 Oxford Street.

626
00:27:38,836 --> 00:27:42,010

627
00:27:42,010 --> 00:27:43,760
Ποια ήταν η ιστοσελίδα ήμουν σε πρόσφατα;

628
00:27:43,760 --> 00:27:46,440
Είχα αυτό, όπως, ιδιωτικό αλαζονικό να
τον εαυτό μου ότι είχα τότε στιγμιαίο μήνυμα

629
00:27:46,440 --> 00:27:48,470
κάθε φίλο που ήταν σε απευθείας σύνδεση
ο οποίος ήθελε να το ακούσει.

630
00:27:48,470 --> 00:27:49,345
Υπάρχει κάποια ιστοσελίδα.

631
00:27:49,345 --> 00:27:52,680
Νομίζω ότι είναι Comcast-- έτσι
ένα πολύ μεγάλο αμερικανικό ISP.

632
00:27:52,680 --> 00:27:56,355
Μπορείτε, κατά την υπογραφή επάνω για νέο καλώδιο
υπηρεσία μόντεμ ή το καλώδιο παροχής υπηρεσιών τηλεόρασης,

633
00:27:56,355 --> 00:27:59,230
έχουν μια μορφή πολύ λογικές
όπου θα σας ρωτήσω για τη διεύθυνσή σας.

634
00:27:59,230 --> 00:28:01,450
Και έχει αυτό το καταπληκτικό
χαρακτηριστικό που ονομάζεται αυτόματο πλήρη,

635
00:28:01,450 --> 00:28:04,600
όπως το Google, που αρχίζει να γεμίζει
σε απάντηση στο ερώτημά σας.

636
00:28:04,600 --> 00:28:08,090
>> Το πρόβλημα είναι, που κάνουν αυτόματη συμπλήρωση
για τα πρώτα πράγματα που πληκτρολογείτε.

637
00:28:08,090 --> 00:28:12,890
Έτσι, εάν αρχίσετε να πληκτρολογείτε στο 33,
θα σας δείξει κυριολεκτικά σε κάθε σπίτι

638
00:28:12,890 --> 00:28:15,790
στην Αμερική που ξεκινά
με τον αριθμό 33

639
00:28:15,790 --> 00:28:17,920
πριν συνεχίσετε να
αναμένουμε από εσάς να πληκτρολογήσετε περισσότερο.

640
00:28:17,920 --> 00:28:20,660
Έτσι, εάν πληκτρολογήσετε 33 Οξφόρδης,
τότε θα σου δείχνει κάθε δρόμο

641
00:28:20,660 --> 00:28:24,726
στην Αμερική, που έχει 33 Οξφόρδης στην
το όνομά του, ανεξαρτήτως της πόλης

642
00:28:24,726 --> 00:28:25,350
ότι είστε σε.

643
00:28:25,350 --> 00:28:26,320
>> Και τότε θα συνεχίσετε να πληκτρολογείτε.

644
00:28:26,320 --> 00:28:28,930
Και τέλος, συνειδητοποιεί ότι δεν κάνουν
προσφορά υπηρεσιών στο σπίτι σας στο Cambridge

645
00:28:28,930 --> 00:28:29,920
ή κάτι τέτοιο.

646
00:28:29,920 --> 00:28:33,410
Αλλά το θέμα είναι, αυτό είναι το πιο
όνειο εφαρμογή της αυτόματης

647
00:28:33,410 --> 00:28:34,140
ολοκληρωθεί ποτέ.

648
00:28:34,140 --> 00:28:36,400
>> Και είμαι απλώς πρόκειται off
σε αυτή την εφαπτόμενη ξανά.

649
00:28:36,400 --> 00:28:39,040
Αλλά υπάρχουν καλοί τρόποι για να
χρησιμοποιούν JavaScript και κακά τρόπους.

650
00:28:39,040 --> 00:28:40,750
Και αυτό δεν είναι απαραίτητα η καλύτερη.

651
00:28:40,750 --> 00:28:46,360
>> Αλλά το θέμα εδώ, πριν από αυτό
υβρεολόγιο, ήταν να ανοίξουν τα εργαλεία κάτω εδώ

652
00:28:46,360 --> 00:28:49,480
και να ανοίξει τα εργαλεία για την ανάπτυξη,
όπως έχουμε ενθαρρύνονται πριν,

653
00:28:49,480 --> 00:28:52,840
και να παρακολουθήσουν το Δίκτυο
καρτέλα, όπως κάνω κλικ πολύ γρήγορα.

654
00:28:52,840 --> 00:28:55,400
Και παρατηρήσετε ένα σωρό
της να πάρει τις αιτήσεις που συνέβη.

655
00:28:55,400 --> 00:28:57,310
Όλα αυτά συνέβησαν από τότε που σέρνεται.

656
00:28:57,310 --> 00:29:00,170
>> Και το πιο πιθανό, μάλιστα
πολλές από αυτές τις σειρές

657
00:29:00,170 --> 00:29:04,060
τώρα είναι κάθετος εικόνα JPEG
Τύπων MIME ή τύπους περιεχομένου.

658
00:29:04,060 --> 00:29:07,750
Αυτό συμβαίνει γιατί ποιο χρώμιο κάνει
κάθε φορά που κάνω κλικ και σύρετε, κάντε κλικ στην επιλογή

659
00:29:07,750 --> 00:29:11,650
και σύρετε, είναι ότι είναι συνειδητοποιούν, OH,
Πρέπει να πάμε ζητήσει από την Google για το κεραμίδι

660
00:29:11,650 --> 00:29:15,080
στο χάρτη που είναι εδώ,
γρήγορα να το κατεβάσετε μέσω HTTP,

661
00:29:15,080 --> 00:29:19,550
και στη συνέχεια προσθέστε το στη λεγόμενη DOM
στα προγράμματα περιήγησης στο Web σε δέντρο της μνήμης

662
00:29:19,550 --> 00:29:24,430
αναπαράσταση έτσι ώστε ο χρήστης,
μου, βλέπει ότι ενημερώθηκε κεραμίδι.

663
00:29:24,430 --> 00:29:26,795
Και αυτό γιατί από
μια τεχνική που ονομάζεται AJAX.

664
00:29:26,795 --> 00:29:28,920
Πίσω στην ημέρα, είναι πραγματικά
ήταν η υπόθεση ότι αν

665
00:29:28,920 --> 00:29:33,050
ήθελε να αλλάξει ό, τι είναι στην οθόνη,
θα πρέπει να κάνετε κλικ επάνω, κάτω, αριστερά,

666
00:29:33,050 --> 00:29:33,550
δεξιά.

667
00:29:33,550 --> 00:29:34,740
Και τότε μια νέα σελίδα θα ανοίξει.

668
00:29:34,740 --> 00:29:36,531
Αλλά αυτές τις μέρες, τα πάντα
είναι πιο δυναμική.

669
00:29:36,531 --> 00:29:40,490
Αυτό συμβαίνει με τον τρόπο που εμείς οι άνθρωποι θα
Ελπίζουμε ότι πραγματικά θα διαδραστικά.

670
00:29:40,490 --> 00:29:43,210
Και αυτό επιτυγχάνει αυτό με την
μέσω μιας τεχνικής που ονομάζεται

671
00:29:43,210 --> 00:29:46,170
AJAX, το οποίο είναι ίσως το καλύτερο
εξηγηθεί με ένα παράδειγμα.

672
00:29:46,170 --> 00:29:49,730
Κατ 'αρχάς, επιτρέψτε μου να πάει μπροστά
και να ανοίξει ένα αρχείο

673
00:29:49,730 --> 00:29:53,540
ονομάζεται quote.php σε
Κωδικός κατανομή του σήμερα.

674
00:29:53,540 --> 00:29:56,200
>> Και στη συνέχεια, επιτρέψτε μου να κάνω symbol-- κραυγών.

675
00:29:56,200 --> 00:30:02,399
Επιτρέψτε μου να κάνω το σύμβολο = GOOG
μόνο για κάποιο απόθεμα.

676
00:30:02,399 --> 00:30:04,440
Ή στην πραγματικότητα, ας κάνουμε το
ένα από το Pset ΔΩΡΕΑΝ.

677
00:30:04,440 --> 00:30:05,270
Enter.

678
00:30:05,270 --> 00:30:06,580
>> Και τώρα παρατηρήσετε τι παίρνω πίσω.

679
00:30:06,580 --> 00:30:09,210
Έτσι, αυτό είναι μια πραγματικά
μικρό αρχείο PHP που έχω

680
00:30:09,210 --> 00:30:13,210
έγραψε ότι δανείζεται απλά κώδικα
από τη λειτουργία αναζήτησης Pset7 του

681
00:30:13,210 --> 00:30:17,830
και φτύσει χρήση αυτής της σγουρά τιράντες και
εισαγωγικά και σημειογραφία του παχέος εντέρου, προφανώς,

682
00:30:17,830 --> 00:30:22,747
η τιμή της τρέχουσας απόθεμα για το
Η εταιρεία που περνάτε στο μέσω get.

683
00:30:22,747 --> 00:30:24,580
Έτσι, αυτό είναι διαφορετικό
από τα περισσότερα από ό, τι έχουμε

684
00:30:24,580 --> 00:30:26,496
γίνεται στην εν λόγω ανακοίνωση είμαι
κυριολεκτικά φτύσιμο

685
00:30:26,496 --> 00:30:27,870
τι μοιάζει κώδικα JavaScript.

686
00:30:27,870 --> 00:30:30,020
>> Στην πραγματικότητα, αυτό είναι ένα αντικείμενο JavaScript.

687
00:30:30,020 --> 00:30:34,130
Στην πραγματικότητα, ακριβώς για να είναι πιο σαφής,
Τη JavaScript Αντικείμενο Notation-- JSON--

688
00:30:34,130 --> 00:30:38,330
είναι μόνο ένα φανταχτερό τρόπο λέγοντας ότι
μπορεί να αντιπροσωπεύουν δεδομένα σε JavaScript πολύ

689
00:30:38,330 --> 00:30:41,660
όπως μπορείτε σε PHP
χρησιμοποιώντας ζεύγη κλειδιών αξίας.

690
00:30:41,660 --> 00:30:44,270
Έτσι, αν ήθελα να δηλώσουν
μια μεταβλητή σε JavaScript

691
00:30:44,270 --> 00:30:47,872
να αντιπροσωπεύει Zamyla, για
instance-- ένα struct για Zamyla--

692
00:30:47,872 --> 00:30:49,580
και εμείς θα το ονομάσουμε
σπουδαστής, αυτή η μεταβλητή.

693
00:30:49,580 --> 00:30:53,060
ID της είναι ένα, το σπίτι είναι
Winthrop, και το όνομα είναι Zamyla.

694
00:30:53,060 --> 00:30:55,490
>> Αλλά μπορεί επίσης να έχει μια σειρά από αντικείμενα.

695
00:30:55,490 --> 00:30:58,710
Έτσι, αν πραγματικά ήθελε να έχει
μια σειρά σε JavaScript που περιέχουν

696
00:30:58,710 --> 00:31:01,740
πολλαπλά αντικείμενα, αυτό
χρόνος που εκπροσωπούν το προσωπικό,

697
00:31:01,740 --> 00:31:04,910
Θα ήθελα να έχουμε αυτά τα τρία
κομμάτια του κώδικα πίσω

698
00:31:04,910 --> 00:31:08,560
στην πλάτη με πλάτη για αυτά
τρία πρώην μέλη του προσωπικού.

699
00:31:08,560 --> 00:31:12,201
Έτσι, η σύνταξη, αρκετά
παρόμοια με both-- σε PHP.

700
00:31:12,201 --> 00:31:13,700
Αλλά αυτό είναι ιδιαίτερα το JavaScript.

701
00:31:13,700 --> 00:31:15,940
Είναι σημειογραφία αντικειμένου.

702
00:31:15,940 --> 00:31:17,240
Έτσι τι είναι αυτό χρήσιμο για;

703
00:31:17,240 --> 00:31:21,580
>> Αν γράψω κωδικό που φτύσει JSON--
Τη JavaScript Αντικείμενο Notation-- πράγματα που

704
00:31:21,580 --> 00:31:24,670
μοιάζει με αυτό ή πράγματα που
μοιάζει με τη δομή Zamyla του,

705
00:31:24,670 --> 00:31:27,730
Μπορώ να χρησιμοποιήσω πραγματικά αυτό
σε προγράμματα που γράφω.

706
00:31:27,730 --> 00:31:30,660
Επιτρέψτε μου να πάω να ajax0.html.

707
00:31:30,660 --> 00:31:33,310
Και αυτό δεν είναι πολύ too--
σκέψη να δοθεί στην αισθητική.

708
00:31:33,310 --> 00:31:34,660
Αλλά προσέξτε τι συμβαίνει.

709
00:31:34,660 --> 00:31:37,050
>> Επιτρέψτε μου να πάει μπροστά και πληκτρολογήστε δωρεάν εδώ.

710
00:31:37,050 --> 00:31:38,490
Κάντε κλικ στο κουμπί Get Quote.

711
00:31:38,490 --> 00:31:41,060
Και παρατηρήσετε η διεύθυνση URL δεν έχει αλλάξει.

712
00:31:41,060 --> 00:31:47,250
Αλλά έκανα πάρετε ένα αναδυόμενο παράθυρο με τα φαινόμενα
σημερινή δεκάρα των τιμών των μετοχών των $ 0,15.

713
00:31:47,250 --> 00:31:49,062
Έτσι, δεν είναι όλα τόσο άσχημα.

714
00:31:49,062 --> 00:31:52,020
Αλλά η διαφορά είναι ότι κατά κάποιο τρόπο,
αυτά τα δεδομένα ήρθε πίσω σε μένα άμεσα.

715
00:31:52,020 --> 00:31:54,250
Αλλά ας κάνουμε ένα βήμα προς την κατεύθυνση
κάτι περισσότερο εξοικειωμένοι.

716
00:31:54,250 --> 00:31:58,900
Στην έκδοση ενός από αυτό, επιτρέψτε μου
πληκτρολογήστε πάλι ελεύθερη, κάντε κλικ στην επιλογή Get Quote,

717
00:31:58,900 --> 00:32:01,146
και now-- Ω, αυτό ήταν
στην πραγματικότητα η έκδοση jQuery.

718
00:32:01,146 --> 00:32:03,270
Ας me-- δεν το έκανα
fast-forward αρκετά αρκετά μακριά.

719
00:32:03,270 --> 00:32:05,830
Επιτρέψτε μου να πάω στην έκδοση δύο,
η οποία είναι εκεί που ήθελα.

720
00:32:05,830 --> 00:32:07,260
Παρατηρήστε τι έχω κάνει εδώ.

721
00:32:07,260 --> 00:32:10,370
Έχω ένα web page-- ένα σούπερ
απλή έκδοση οποιασδήποτε ιστοσελίδας

722
00:32:10,370 --> 00:32:14,260
μπορείτε να χρησιμοποιήσετε σήμερα με ένα πεδίο κειμένου
εδώ για δωρεάν και στη συνέχεια, προφανώς μόνο

723
00:32:14,260 --> 00:32:14,880
κείμενο.

724
00:32:14,880 --> 00:32:16,860
>> Αυτό δεν είναι μια μορφή εδώ, προφανώς.

725
00:32:16,860 --> 00:32:19,360
Αλλά αν κάνω κλικ να πάρει
απόσπασμα, παρατηρήσετε ιστοσελίδα μου

726
00:32:19,360 --> 00:32:22,760
πρόκειται να αλλάξει όσο κι αν
μόλις πήρε ένα νέο άμεσο μήνυμα

727
00:32:22,760 --> 00:32:25,360
ή σαν να έχω μόλις μετακόμισε το
χάρτης και απαιτούνται για να πάρει περισσότερα δεδομένα

728
00:32:25,360 --> 00:32:29,220
προστίθενται δυναμικά στην ιστοσελίδα
χωρίς την αλλαγή URL και το χρήστη

729
00:32:29,220 --> 00:32:30,980
εμπειρία να πάρει διακοπεί.

730
00:32:30,980 --> 00:32:35,750
Πράγματι, είμαι ακόμη στο
ακριβώς το ίδιο place-- ajax2.html.

731
00:32:35,750 --> 00:32:39,080
>> Έτσι, ας ρίξουμε μια ματιά μόνο σε αυτό το παράδειγμα
και να δούμε πώς συμβαίνει αυτό.

732
00:32:39,080 --> 00:32:42,490
Επιτρέψτε μου να πάω σε ajax2.html.

733
00:32:42,490 --> 00:32:44,770
Και παρατηρήσετε την πρώτη μορφή.

734
00:32:44,770 --> 00:32:47,092
>> Εδώ κάτω, είμαι στροφή
off αυτόματο πλήρη.

735
00:32:47,092 --> 00:32:48,800
Μερικές φορές παίρνει
ενοχλητικό, αν το πρόγραμμα περιήγησης

736
00:32:48,800 --> 00:32:50,508
προσπαθεί να σας δείξει
Όλη η ιστορία σας.

737
00:32:50,508 --> 00:32:53,450
Έτσι, μπορείτε να το κάνετε στο HTML από
ακριβώς λέει η αυτόματη συμπλήρωση off.

738
00:32:53,450 --> 00:32:57,290
>> Έχω δώσει αυτό το κείμενο πεδίου α
symbol-- μάλλον, ένα αναγνωριστικό του σύμβολο.

739
00:32:57,290 --> 00:32:58,977
Και τώρα, αυτό είναι ένα ενδιαφέρον χαρακτηριστικό.

740
00:32:58,977 --> 00:33:01,310
Δεν έχουμε μιλήσει για το διάστημα,
αλλά μπορείτε να σκεφτείτε

741
00:33:01,310 --> 00:33:03,177
σαν μια παράγραφο ετικέτα ή ετικέτα div.

742
00:33:03,177 --> 00:33:05,010
Είναι αυτό που λέμε
σε σειρά στοιχείων, τα οποία

743
00:33:05,010 --> 00:33:07,415
σημαίνει ότι δεν θα πάρετε μια παράγραφο
σπάσει πάνω και κάτω από αυτό.

744
00:33:07,415 --> 00:33:11,530
Είναι ακριβώς πρόκειται να μείνουν στην γραμμή χωρίς
χτυπώντας το ισοδύναμο των εισέλθει.

745
00:33:11,530 --> 00:33:17,980
Έτσι έχω δώσει αυτό το κομμάτι της HTML
πρέπει να καθοριστεί ένα μοναδικό αναγνωριστικό

746
00:33:17,980 --> 00:33:20,130
ότι εγώ αυθαίρετα ονομάζεται τιμή.

747
00:33:20,130 --> 00:33:21,560
Και έχω ένα κουμπί Υποβολή.

748
00:33:21,560 --> 00:33:25,420
>> Επειδή τώρα here-- και αυτό είναι
πραγματικά σούπερ εκπληκτικό το πόσο λίγο κώδικα

749
00:33:25,420 --> 00:33:27,660
μπορείτε να γράψετε για να κάνουμε
σχετικά τακτοποιημένο things--

750
00:33:27,660 --> 00:33:31,800
παρατηρήσετε τι έχω κάνει μέχρι εδώ, αν μου
μετακινηθείτε προς τα επάνω στο κεφάλι αυτής της σελίδας.

751
00:33:31,800 --> 00:33:34,970
Έχω συμπεριληφθεί για πρώτη φορά στην
το κεφάλι μου μια ετικέτα script

752
00:33:34,970 --> 00:33:37,410
ότι οι αναφορές στην πραγματικότητα μια
Αρχείο JavaScript αλλού.

753
00:33:37,410 --> 00:33:39,702
Αυτό είναι από τον οργανισμό
ότι γράφει jQuery,

754
00:33:39,702 --> 00:33:42,660
και αυτό ακριβώς σας δίνει την τελευταία
έκδοση της βιβλιοθήκης του jQuery.

755
00:33:42,660 --> 00:33:46,305
>> Έτσι, αυτό είναι το είδος του σαν κοφτερά
περιλαμβάνονται σε C ή επιβάλλουν σε PHP.

756
00:33:46,305 --> 00:33:48,900
Μπορείτε να χρησιμοποιήσετε την ετικέτα script
με ένα χαρακτηριστικό πηγή.

757
00:33:48,900 --> 00:33:52,030
Αλλά τώρα το δικό μου κώδικα είναι
πρόκειται να είναι ακριβώς εδώ.

758
00:33:52,030 --> 00:33:54,170
>> Ανακοίνωση έχω μια συνάρτηση που ονομάζεται αποσπάσματα.

759
00:33:54,170 --> 00:33:56,180
Και αυτό φαίνεται λίγο
αινιγματικά με την πρώτη ματιά.

760
00:33:56,180 --> 00:33:57,305
Αλλά ας δώσουμε έμφαση αυτό πέρα.

761
00:33:57,305 --> 00:33:59,090
Δώσε μου μια μεταβλητή που ονομάζεται URL.

762
00:33:59,090 --> 00:34:01,390
Εκχώρηση κυριολεκτικά αυτή τη σειρά.

763
00:34:01,390 --> 00:34:04,530
Έτσι, μονά εισαγωγικά, διπλά εισαγωγικά στο
Τη JavaScript μου δίνει μόνο ένα string.

764
00:34:04,530 --> 00:34:06,900
Τι κάνει η συν κάνουμε;

765
00:34:06,900 --> 00:34:08,199
Αλληλουχία.

766
00:34:08,199 --> 00:34:12,610
>> Έτσι, αυτό τώρα είναι η σύνταξη jQuery
η οποία παίρνει λίγο να συνηθίσει.

767
00:34:12,610 --> 00:34:18,310
Αλλά αυτό ακριβώς σημαίνει να πάει να μου το DOM
κόμβο του οποίου το μοναδικό αναγνωριστικό είναι σύμβολο.

768
00:34:18,310 --> 00:34:21,929
Το hashtag σημαίνει ότι υπάρχει
μοναδικό αναγνωριστικό σύμβολο.

769
00:34:21,929 --> 00:34:24,929
>> Το σύμβολο του δολαρίου στο
παρένθεση ακριβώς σημαίνει, τυλίξτε αυτό

770
00:34:24,929 --> 00:34:28,510
στο jQuery ένα είδος μυστική σάλτσα έτσι
μπορείτε να πάρετε πρόσθετη λειτουργικότητα.

771
00:34:28,510 --> 00:34:31,880
Και τότε .val είναι προφανώς
μια λειτουργία, ή όπως λέμε σήμερα,

772
00:34:31,880 --> 00:34:35,219
μια μέθοδος εσωτερικό αυτού του κόμβου
που σας δίνει ακριβώς την τιμή.

773
00:34:35,219 --> 00:34:38,896
Έτσι, με λίγα λόγια, άσχημο και σύγχυση
όπως αυτό φαίνεται με την πρώτη ματιά,

774
00:34:38,896 --> 00:34:42,020
Αυτό σημαίνει απλά να πάρει με το χρήστης πληκτρολογήσει
σε, το έβαλε στο τέλος του string

775
00:34:42,020 --> 00:34:42,880
από τη συνένωση αυτή.

776
00:34:42,880 --> 00:34:43,739
Αυτό είναι όλο.

777
00:34:43,739 --> 00:34:46,070
>> Μέχρι τώρα, οι τρεις τελευταίες γραμμές.

778
00:34:46,070 --> 00:34:48,690
Μπορείτε να αποσπάσουν πολλά
λειτουργικότητα από τρεις γραμμές.

779
00:34:48,690 --> 00:34:52,199
Αυτό το σύμβολο του δολαρίου, ως ένα
στην άκρη, είναι απλά ένα ψευδώνυμο

780
00:34:52,199 --> 00:34:55,800
για μια ειδική παγκόσμια μεταβλητή
ονομάζεται κυριολεκτικά jQuery.

781
00:34:55,800 --> 00:34:57,060
>> Σύμβολο του δολαρίου ακριβώς φαίνεται δροσερό.

782
00:34:57,060 --> 00:35:00,080
Έτσι, η κοινότητα jQuery ακριβώς το είδος
από αυτό που χρησιμοποιείται ως ειδικό σύμβολο τους.

783
00:35:00,080 --> 00:35:02,470
Αυτό δεν σημαίνει ό, τι αυτό σημαίνει σε PHP.

784
00:35:02,470 --> 00:35:06,356
Σε JavaScript, σύμβολο του δολαρίου είναι
ακριβώς όπως ένα γράμμα της αλφαβήτου

785
00:35:06,356 --> 00:35:07,480
ή ένας αριθμός για μια μεταβλητή.

786
00:35:07,480 --> 00:35:09,000
>> Μπορείτε να έχετε μόνο το όνομα.

787
00:35:09,000 --> 00:35:09,770
Απλά φαίνεται δροσερό.

788
00:35:09,770 --> 00:35:11,890
Έτσι, η κοινότητα
εγκρίθηκε ως ένα ψευδώνυμο

789
00:35:11,890 --> 00:35:13,390
για τη δική τους βιβλιοθήκη που ονομάζεται jQuery.

790
00:35:13,390 --> 00:35:15,060
>> Και αυτό είναι εξαιρετικά δημοφιλής.

791
00:35:15,060 --> 00:35:17,620
Έτσι πάρτε JSON είναι ακριβώς αυτό.

792
00:35:17,620 --> 00:35:19,920
Είναι μια λειτουργία που η
λαοί στο jQuery έγραψε

793
00:35:19,920 --> 00:35:23,340
ότι παίρνει JSON από ένα server--
Τη JavaScript Αντικείμενο Συμβολισμοί.

794
00:35:23,340 --> 00:35:25,680
Από ποια διεύθυνση URL είναι ότι πρόκειται
για να πάρει αυτές τις πληροφορίες;

795
00:35:25,680 --> 00:35:27,790
Προφανώς από αυτή τη διεύθυνση URL εδώ.

796
00:35:27,790 --> 00:35:31,180
>> Και τι θα πρέπει να κάνει το πρόγραμμα περιήγησης, όπως
Μόλις παίρνει πίσω αυτήν την απάντηση;

797
00:35:31,180 --> 00:35:36,500
Και αυτή είναι η μαγεία του AJAX, έτσι ώστε να
speak-- Ασύγχρονη JavaScript στο XML.

798
00:35:36,500 --> 00:35:41,320
Είναι δύσκολο να δει κανείς με μια τέτοια
απλό παράδειγμα που είχαμε εδώ.

799
00:35:41,320 --> 00:35:44,730
>> Αλλά αυτό ήταν ασύγχρονη σε
την έννοια ότι, όταν κωδικό μου

800
00:35:44,730 --> 00:35:48,530
εκτελούνται σταλεί ένα μήνυμα προς το
server για να πάει να πάρει εμένα κάποια JSON.

801
00:35:48,530 --> 00:35:51,340
Και αυτό συνέβη σούπερ γρήγορο
ότι πήρα μια απάντηση.

802
00:35:51,340 --> 00:35:55,130
Αλλά αυτό που είναι ενδιαφέρον είναι ότι αυτή η
γραμμή κώδικα δεν κολλάει ο υπολογιστής μου.

803
00:35:55,130 --> 00:35:56,550
>> Δεν είδα ένα εικονίδιο περιστροφής.

804
00:35:56,550 --> 00:35:59,200
Δεν είχα χάσει το
την ικανότητα να μετακινήσετε το ποντίκι μου.

805
00:35:59,200 --> 00:36:01,340
Ο φυλλομετρητής μου ήταν πραγματικά τέλεια πρόστιμο.

806
00:36:01,340 --> 00:36:06,290
>> Επειδή ο τρόπος που το JavaScript χειρίζεται το
απόκριση από το διακομιστή είναι ως ακολούθως.

807
00:36:06,290 --> 00:36:09,740
Μπορείτε εγγραφείτε τι θα καλέσετε
μια λειτουργία επανάκλησης, το οποίο

808
00:36:09,740 --> 00:36:12,830
απλά σημαίνει, hey, το JavaScript.

809
00:36:12,830 --> 00:36:16,100
Μόλις το διακομιστή
απαντά με JSON,

810
00:36:16,100 --> 00:36:18,750
καλέστε αυτό το ανώνυμο λειτουργία.

811
00:36:18,750 --> 00:36:23,910
>> Και παρακαλώ πέρασε σε αυτή τη λειτουργία
ανεξάρτητα από εγχόρδων ο διακομιστής φτύσει

812
00:36:23,910 --> 00:36:26,080
ως ένα επιχείρημα που ονομάζεται δεδομένων.

813
00:36:26,080 --> 00:36:28,360
Έτσι με άλλα, λόγια, εάν
Είμαι συναρμολόγηση δυναμικά

814
00:36:28,360 --> 00:36:33,370
ένα quote.php URL που περνά σε αυτή την
σύμβολο, όπως δωρεάν ή GOOG ή οτιδήποτε,

815
00:36:33,370 --> 00:36:36,830
Είμαι στη συνέχεια, λέγοντας
Javascript για να πάει να πάρει αυτό το URL.

816
00:36:36,830 --> 00:36:39,080
Να θυμάστε ότι το πρόγραμμα περιήγησης
πρόκειται να επιστρέψει κάτι

817
00:36:39,080 --> 00:36:42,680
ότι μοιάζει είδαμε earlier-- αυτό.

818
00:36:42,680 --> 00:36:45,940
>> Και αυτό το δεύτερο επιχείρημα
εδώ για να πάρετε JSON λέει

819
00:36:45,940 --> 00:36:48,450
είναι να καλέσετε τη λειτουργία αυτή
όταν ο server παίρνει πίσω

820
00:36:48,450 --> 00:36:52,440
είτε πρόκειται για 10 χιλιοστά του δευτερολέπτου
από σήμερα ή τα 10 δευτερόλεπτα από τώρα.

821
00:36:52,440 --> 00:36:55,840
Και μόλις το κάνετε,
προσθέστε την τιμή στην σελίδα.

822
00:36:55,840 --> 00:36:58,030
Αυτή η σύνταξη εδώ μόνο
σημαίνει να πάει να πάρει τον κόμβο

823
00:36:58,030 --> 00:37:01,940
από το δέντρο του οποίου το μοναδικό αναγνωριστικό
είναι price-- αυτό το διάστημα είδαμε νωρίτερα.

824
00:37:01,940 --> 00:37:04,320
>> Αυτή η μέθοδος ονομάζεται HTML
ακριβώς λέει, πάει να αντικαταστήσει

825
00:37:04,320 --> 00:37:08,770
η HTML που υπάρχει με data.price.

826
00:37:08,770 --> 00:37:10,200
Τι είναι data.price;

827
00:37:10,200 --> 00:37:12,850
Λοιπόν, το πρόγραμμα περιήγησης, υπενθυμίζουν,
μου έδειξε αυτό έρχεται πίσω.

828
00:37:12,850 --> 00:37:14,540
Έτσι, αυτό είναι δεδομένα.

829
00:37:14,540 --> 00:37:18,100
>> Και γι 'αυτό είναι λίγο αινιγματικό
για να δείτε τα κόμματα εδώ.

830
00:37:18,100 --> 00:37:19,350
Αλλά στην πραγματικότητα, επιτρέψτε μου να το κάνουμε αυτό.

831
00:37:19,350 --> 00:37:22,890
Επιτρέψτε μου απλώς να επικολλήσετε αυτό
πραγματικά γρήγορα σε gedit

832
00:37:22,890 --> 00:37:27,240
και να δείξει αυτό, όπως δείξαμε
Δομή Zamyla νωρίτερα.

833
00:37:27,240 --> 00:37:31,610
>> Αυτό που ο διακομιστής στέλνει πίσω είναι ένα
μικρό αντικείμενο που μοιάζει με αυτό.

834
00:37:31,610 --> 00:37:37,140
Και έτσι είναι data.price
μόλις μου έδωσε 0,1515.

835
00:37:37,140 --> 00:37:39,310
Έτσι, πολλά κινούμενα
μέρη εδώ όλα με τη μία.

836
00:37:39,310 --> 00:37:41,860
>> Ωστόσο, οι σημαντικές βελτιώσεις είναι
ότι έχουμε αυτή την ικανότητα

837
00:37:41,860 --> 00:37:44,600
να κάνουν πρόσθετες HTTP
αιτήματα χρήση JavaScript

838
00:37:44,600 --> 00:37:46,090
χωρίς να χρειάζεται να επαναλάβετε τη φόρτωση της σελίδας.

839
00:37:46,090 --> 00:37:49,580
Και τότε μπορούμε πραγματικά
αλλάξτε την ιστοσελίδα σχετικά με τη μύγα.

840
00:37:49,580 --> 00:37:51,850
Και αποδεικνύεται ότι
JavaScript και άλλες γλώσσες

841
00:37:51,850 --> 00:37:54,510
μπορεί να χρησιμοποιηθεί όχι μόνο τώρα
να μεταλλάσσονται ιστοσελίδες,

842
00:37:54,510 --> 00:37:57,960
αλλά για να γράψει πραγματικά λογισμικό
σε ένα πραγματικό υπολογιστή,

843
00:37:57,960 --> 00:38:00,240
δεν περιορίζεται μόνο στο Chrome ή τα παρόμοια.

844
00:38:00,240 --> 00:38:03,530
>> Στην πραγματικότητα, if-- Colton, θα σας
ήθελα να ενωθούν μαζί μας πίσω μέχρι εδώ

845
00:38:03,530 --> 00:38:06,100
με τον κωδικό του εργαστηρίου σας, και Chang, καθώς;

846
00:38:06,100 --> 00:38:09,140
Ας πάμε μπροστά, αφού μίλησε για
ανώνυμο λειτουργίες και callbacks

847
00:38:09,140 --> 00:38:13,090
και πραγματικά να δελεάσει τύχη εδώ
με ένα live demo με αιμορραγία

848
00:38:13,090 --> 00:38:16,480
τεχνολογία αιχμής, ένα από τα
Αυτές οι συσκευές Elite κίνησης.

849
00:38:16,480 --> 00:38:18,940
Τώρα, αυτή η συσκευή, ανάκληση,
είναι μια μικρή συσκευή USB

850
00:38:18,940 --> 00:38:25,620
καθώς that-- ότι είναι beautiful--
που συνδέεται στον θύρες USB σας.

851
00:38:25,620 --> 00:38:29,120
>> Και τότε παρέχει εισόδου
με τη μορφή ανθρώπινων χειρονομιών

852
00:38:29,120 --> 00:38:32,560
με την ανίχνευση χρησιμοποιώντας υπέρυθρες ακτίνες,
ουσιαστικά, κινήσεις από το χέρι σας.

853
00:38:32,560 --> 00:38:35,150
Έτσι, ενώ αυτό που προσπάθησε Μαρία
για πριν ήταν μυώδης,

854
00:38:35,150 --> 00:38:39,000
στην πραγματικότητα το αίσθημα τι αλλάζει
χέρι σας, αυτό είναι υπέρυθρη βάση.

855
00:38:39,000 --> 00:38:44,390
Έτσι ψάχνει για μετακινήσεις στο εσωτερικό
το είδος της σφαίρας από ένα πόδι ή έτσι

856
00:38:44,390 --> 00:38:46,190
της ίδιας της συσκευής.

857
00:38:46,190 --> 00:38:48,950
>> Γιατί, λοιπόν, δεν μπορώ να πάρω
μια μαχαιριά σε αυτό το πρώτο;

858
00:38:48,950 --> 00:38:53,100
Και ας πάμε μπροστά και να ρίξει
σας επάνω σε υπερυψωμένες εδώ.

859
00:38:53,100 --> 00:38:56,250
Οπότε ας βάλουμε το laptop Colton είναι εδώ.

860
00:38:56,250 --> 00:38:58,360
Έχουμε Ανδρέα στην τηλεόραση.

861
00:38:58,360 --> 00:39:00,160
Και τι θα θέλατε να κάνετε πρώτα;

862
00:39:00,160 --> 00:39:02,409
>> COLTON: Προχωρήστε και μόνο
βάλτε τα χέρια σας πάνω από αυτόν τον τύπο

863
00:39:02,409 --> 00:39:04,430
και θα δείτε κάποια υπέροχη λάμψη.

864
00:39:04,430 --> 00:39:07,230
>> David J. Malan: Πολύ ωραία.

865
00:39:07,230 --> 00:39:11,110
Όλα αυτά συμβαίνουν σε πραγματικό χρόνο.

866
00:39:11,110 --> 00:39:11,889
ΟΚ.

867
00:39:11,889 --> 00:39:12,680
Εντάξει, και Ναι.

868
00:39:12,680 --> 00:39:14,119
Τόσο ωραίο.

869
00:39:14,119 --> 00:39:15,410
Εντάξει, τι άλλο μπορούμε να κάνουμε;

870
00:39:15,410 --> 00:39:17,900
>> COLTON: Μετάβαση στην επόμενη οθόνη και να δούμε.

871
00:39:17,900 --> 00:39:19,136
>> David J. Malan: Εντάξει.

872
00:39:19,136 --> 00:39:21,780
>> COLTON: ένα διασκεδαστικό λίγο παιχνίδι
όπου μπορείτε να πάρετε για να κάνει τα ρομπότ.

873
00:39:21,780 --> 00:39:24,738
>> David J. Malan: Εντάξει, έτσι αυτό
είναι ψεύτικο χέρια μου δείχνει τι πρέπει να κάνουμε.

874
00:39:24,738 --> 00:39:27,920
COLTON: Ναι Έτσι προχωρήστε
και να αρπάξει ένα από τα μπλοκ

875
00:39:27,920 --> 00:39:30,637
και να το βάλετε στην κορυφή του σώματος του εν λόγω ρομπότ.

876
00:39:30,637 --> 00:39:32,137
David J. Malan: Ω, δεν υπάρχει χέρι μου.

877
00:39:32,137 --> 00:39:34,000
Ω.

878
00:39:34,000 --> 00:39:34,780
ΟΚ, αξιολάτρευτο.

879
00:39:34,780 --> 00:39:37,500

880
00:39:37,500 --> 00:39:38,650
Περιμένετε ένα λεπτό, εντάξει.

881
00:39:38,650 --> 00:39:41,320
Εκεί πάμε.

882
00:39:41,320 --> 00:39:43,590
>> COLTON: Έκανα ένα για ατύχημα.

883
00:39:43,590 --> 00:39:45,423
>> David J. Malan: Εντάξει, θα πάρω αυτόν τον τύπο.

884
00:39:45,423 --> 00:39:45,923
Γαμώτο!

885
00:39:45,923 --> 00:39:48,467

886
00:39:48,467 --> 00:39:51,550
Όταν εξασκούμε αυτή την τελευταία
νύχτα, ξέρετε τι περιήλθε σε αυτό;

887
00:39:51,550 --> 00:39:54,285
>> Όπως αυτό.

888
00:39:54,285 --> 00:39:55,490
ΟΚ.

889
00:39:55,490 --> 00:39:55,990
Επόμενο μία;

890
00:39:55,990 --> 00:39:56,860
>> COLTON: Σίγουρα.

891
00:39:56,860 --> 00:39:58,818
>> David J. Malan: Εντάξει,
και υπάρχει ένα τρίτο.

892
00:39:58,818 --> 00:40:01,130

893
00:40:01,130 --> 00:40:01,674
Εντάξει.

894
00:40:01,674 --> 00:40:03,215
COLTON: Και σε αυτό το ένα, μπορείτε να πάρετε to--

895
00:40:03,215 --> 00:40:04,923
David J. Malan: Ω,
αυτό είναι όμορφο.

896
00:40:04,923 --> 00:40:06,650
COLTON: --yeah, να πάρει χώρια αυτό το λουλούδι.

897
00:40:06,650 --> 00:40:07,441
David J. Malan: ΟΚ.

898
00:40:07,441 --> 00:40:11,170

899
00:40:11,170 --> 00:40:11,670
Όχι;

900
00:40:11,670 --> 00:40:14,515
Αναπάντητες.

901
00:40:14,515 --> 00:40:15,570
>> COLTON: Ω, εκεί θα πάτε.

902
00:40:15,570 --> 00:40:18,680
>> David J. Malan: Αχ, κοίτα αυτό.

903
00:40:18,680 --> 00:40:19,830
Πολύ ωραία.

904
00:40:19,830 --> 00:40:22,470
Λοιπόν, γιατί dont 'παίρνουμε
από έναν εθελοντή εδώ

905
00:40:22,470 --> 00:40:24,180
που θα ήθελαν να έρθουν πάνω.

906
00:40:24,180 --> 00:40:27,500
Πόσο περίπου εκεί
στο πράσινο, είναι αυτό;

907
00:40:27,500 --> 00:40:30,540
>> Εντάξει, και ας have--
αντί να κάνει ότι, κάποιοι από εσάς

908
00:40:30,540 --> 00:40:34,590
μπορεί να ξέρει αυτό το παιχνίδι here--
έκοψε το σκοινί, ίσως;

909
00:40:34,590 --> 00:40:35,100
Ας δούμε.

910
00:40:35,100 --> 00:40:37,320
Έχουμε τα ποτήρια μας για πάνω από εδώ;

911
00:40:37,320 --> 00:40:38,625
>> ΟΚ.

912
00:40:38,625 --> 00:40:39,270
Σας ευχαριστώ.

913
00:40:39,270 --> 00:40:39,380
Ποιο είναι το όνομά σου;

914
00:40:39,380 --> 00:40:40,350
>> ΚΟΙΝΟ: Laura.

915
00:40:40,350 --> 00:40:41,266
>> David J. Malan: Laura;

916
00:40:41,266 --> 00:40:42,120
Νίκαια για να δείτε.

917
00:40:42,120 --> 00:40:45,600
Αν δεν σας πειράζει βάζοντας
Google Glass πάνω από τα γυαλιά σας.

918
00:40:45,600 --> 00:40:46,970
Αυτό είναι Colton.

919
00:40:46,970 --> 00:40:47,650
>> COLTON: Γεια σας.

920
00:40:47,650 --> 00:40:48,140
Χάρηκα για τη γνωριμία.

921
00:40:48,140 --> 00:40:49,600
>> David J. Malan: Εντάξει, έλα γύρω.

922
00:40:49,600 --> 00:40:52,516
Εντάξει, έτσι τι θα πάμε να
κάνουμε εδώ, έχοντας παίξει αυτό πριν,

923
00:40:52,516 --> 00:40:55,650
έχει βάλει το χέρι σας πάνω
εδώ το Leap Motion.

924
00:40:55,650 --> 00:40:57,210
Και τώρα τα βέλη σας θα πρέπει να κινηθεί.

925
00:40:57,210 --> 00:40:57,710
Ω, nope.

926
00:40:57,710 --> 00:40:58,066
>> ΚΟΙΝΟ: Όχι.

927
00:40:58,066 --> 00:40:58,780
>> David J. Malan: Εμείς
δεν θέλουν να σταματήσουν το κάπνισμα ακόμα.

928
00:40:58,780 --> 00:40:59,280
ΟΚ, περιμένετε.

929
00:40:59,280 --> 00:41:01,200
Πάνω από εδώ.

930
00:41:01,200 --> 00:41:03,530
Έτσι παρατηρήσετε καθώς κρατάτε σας
δάχτυλο πάνω από κάτι,

931
00:41:03,530 --> 00:41:06,750
ξεκινά το ποντίκι για να πάει πράσινο,
το οποίο είναι το πώς θα κάνετε κλικ.

932
00:41:06,750 --> 00:41:08,980
>> Έτσι αιωρούνται πάνω Play.

933
00:41:08,980 --> 00:41:10,970
Και μόνο ένα δάχτυλο είναι μια χαρά.

934
00:41:10,970 --> 00:41:13,869
Και τώρα κάντε κλικ στο μικρό
πράσινος τύπος στα αριστερά.

935
00:41:13,869 --> 00:41:15,410
Και τώρα κρατήστε μέχρι να γεμίσει πράσινο.

936
00:41:15,410 --> 00:41:15,640
Καλή.

937
00:41:15,640 --> 00:41:16,990
Τώρα, όπως, ένα επίπεδο επάνω στην κορυφή.

938
00:41:16,990 --> 00:41:20,190
>> ΚΟΙΝΟ: Ναι, θέλουμε ένα επίπεδο, εδώ.

939
00:41:20,190 --> 00:41:21,660
>> David J. Malan: Καλή.

940
00:41:21,660 --> 00:41:25,500
Εντάξει, έτσι το μόνο που έχετε
να κάνουμε είναι να κόψει το σχοινί.

941
00:41:25,500 --> 00:41:28,240
Ο δρομέας είναι το λευκό εκεί κάτω.

942
00:41:28,240 --> 00:41:28,880
>> Πολύ ωραία.

943
00:41:28,880 --> 00:41:31,290

944
00:41:31,290 --> 00:41:32,790
Εντάξει, είναι έτοιμος να πάρει σκληρότερα.

945
00:41:32,790 --> 00:41:34,800
Έτσι, κρατήστε το δάχτυλό σας πάνω από το επόμενο τώρα.

946
00:41:34,800 --> 00:41:37,370

947
00:41:37,370 --> 00:41:39,030
Καλή.

948
00:41:39,030 --> 00:41:39,999
Αυτό και μόνο είναι δύσκολο.

949
00:41:39,999 --> 00:41:40,966
>> ΚΟΙΝΟ: Ω χάλια.

950
00:41:40,966 --> 00:41:41,466
ΟΚ.

951
00:41:41,466 --> 00:41:42,466
Θέλει να πάει με αυτόν τον τρόπο.

952
00:41:42,466 --> 00:41:44,890
Ω χάλια, that--

953
00:41:44,890 --> 00:41:47,120
>> David J. Malan: Ναι.

954
00:41:47,120 --> 00:41:50,700
Δευτερογενής στόχος είναι να πάρετε όλα τα αστέρια.

955
00:41:50,700 --> 00:41:53,920
Εντάξει, το επόμενο.

956
00:41:53,920 --> 00:41:57,504
>> Ας δούμε αν μπορείτε να πάρετε αυτό το τρίτο.

957
00:41:57,504 --> 00:41:58,004
Καλή.

958
00:41:58,004 --> 00:42:05,980

959
00:42:05,980 --> 00:42:06,840
Εντάξει, πάω εκεί.

960
00:42:06,840 --> 00:42:08,850
>> Σίγουρα.

961
00:42:08,850 --> 00:42:11,230
Ω, πολύ ωραία.

962
00:42:11,230 --> 00:42:11,930
Εντάξει.

963
00:42:11,930 --> 00:42:13,534
>> Γιατί λοιπόν να μην έχουμε αναβάλλει εδώ σήμερα;

964
00:42:13,534 --> 00:42:15,200
Ας έρθει κανείς στην μέχρι που θέλει να παίξει.

965
00:42:15,200 --> 00:42:16,880
Ευχαριστώ πολύ για την Laura εθελοντή μας.

966
00:42:16,880 --> 00:42:18,730
Και εμείς θα δούμε τη Δευτέρα.

967
00:42:18,730 --> 00:42:21,190
>> ΚΟΙΝΟ: Θέλετε πιθανώς αυτά πίσω.

968
00:42:21,190 --> 00:42:23,640
>> ΟΜΙΛΗΤΗΣ 2: Στην επόμενη CS50--

969
00:42:23,640 --> 00:42:35,222