1
00:00:00,000 --> 00:00:10,632

2
00:00:10,632 --> 00:00:12,340
ALLISON BUCHHOLTZ-ΑΕ:
Εντάξει ο καθένας.

3
00:00:12,340 --> 00:00:13,520
Καλώς ήρθατε και πάλι στο τμήμα.

4
00:00:13,520 --> 00:00:15,315
Είναι προτελευταίο τμήμα μας.

5
00:00:15,315 --> 00:00:16,542
Είναι τόσο λυπηρό.

6
00:00:16,542 --> 00:00:19,500
Δεν ξέρω τι πάω να κάνω
χωρίς να σας δούμε ρε παιδιά κάθε Δευτέρα.

7
00:00:19,500 --> 00:00:20,970
Υποθέτω ότι θα πρέπει να just--
ίσως θα μπορούσαμε απλά να

8
00:00:20,970 --> 00:00:22,710
συναντηθούμε εδώ και να έχουν δείπνο ή κάτι τέτοιο.

9
00:00:22,710 --> 00:00:23,270
Δεν ξέρω.

10
00:00:23,270 --> 00:00:24,370
Θα φέρω φαγητό αντ 'αυτού.

11
00:00:24,370 --> 00:00:26,290
Θα μιλήσουμε μόνο.

12
00:00:26,290 --> 00:00:29,900
Αλλά ναι, την επόμενη εβδομάδα θα
είναι το τελευταίο τμήμα μας.

13
00:00:29,900 --> 00:00:32,390
>> Σε αυτό το σημείωμα, έχετε ένα κουίζ την επόμενη εβδομάδα.

14
00:00:32,390 --> 00:00:35,660
Ξέρω ότι ξέχασα να κάνω μου, όπως,
δύο εβδομάδες εκ των προτέρων την περασμένη εβδομάδα,

15
00:00:35,660 --> 00:00:39,140
αλλά ελπίζουμε ότι εσείς
ήξερε ότι αυτό ερχόταν.

16
00:00:39,140 --> 00:00:42,880
Ας ελπίσουμε ότι αυτό είναι ένα από τα τελευταία
του τριμήνου για σας παιδιά για το εξάμηνο.

17
00:00:42,880 --> 00:00:46,950
Αλλά πρόκειται να καλύπτουν το σύνολο των
υλικό που έχουμε πάει πάνω.

18
00:00:46,950 --> 00:00:50,811
Έτσι δεν είναι όπως μπορείτε να ξεχάσετε μόνο
περίπου τέσσερις βρόχους ή μεταβλητές.

19
00:00:50,811 --> 00:00:52,560
Επειδή μάθαμε
εκείνα στην αρχή,

20
00:00:52,560 --> 00:00:55,870
αυτά είναι προφανώς
δίκαιη παιχνίδι για το κουίζ σας.

21
00:00:55,870 --> 00:01:00,150
>> Είναι πρόκειται να είναι το ίδιο σχήμα, ίδιο
μήκος, έτσι ώστε να έχει ήδη συνηθίσει σε αυτό.

22
00:01:00,150 --> 00:01:02,330
Υπάρχει πρόκειται να είναι
κωδικοποίησης με προβλήματα χέρι,

23
00:01:02,330 --> 00:01:06,270
ίσως κάποια αλήθεια ψευδής,
ίσως κάποια σύντομη απάντηση.

24
00:01:06,270 --> 00:01:08,090
Έτσι θα πρέπει να είναι
εξοικειωθεί με τη μορφή,

25
00:01:08,090 --> 00:01:10,940
ειδικά εάν παίρνετε
οι δοκιμές πρακτική.

26
00:01:10,940 --> 00:01:13,950
Αλλά, όπως είπα εδώ, είναι
σωρευτικά, αλλά είμαστε σίγουρα

27
00:01:13,950 --> 00:01:17,410
πρόκειται να επίκεντρο
τα πράγματα από την έκτη εβδομάδα και μετά.

28
00:01:17,410 --> 00:01:24,050
Έτσι, είμαστε κατά πάσα πιθανότητα δεν πρόκειται
να σας ρωτήσω σχετικά με το πόσα bytes

29
00:01:24,050 --> 00:01:26,180
είναι σε κάθε τύπο ή
αυτά τα είδη των πραγμάτων,

30
00:01:26,180 --> 00:01:29,730
αλλά εμείς πρόκειται πιθανώς να είναι
ενδιαφέρονται για τα πράγματα όπως συνδεδεμένες λίστες,

31
00:01:29,730 --> 00:01:32,750
ή διαφορετικές δομές δεδομένων,
ή διαφορετικών αλγορίθμων

32
00:01:32,750 --> 00:01:33,960
ότι έχουμε μιλήσει.

33
00:01:33,960 --> 00:01:38,990
Έτσι, βεβαιωθείτε ότι είστε πραγματικά
για τις επιχειρήσεις εκείνες, και αν

34
00:01:38,990 --> 00:01:41,590
χρειαστώ κάποια πηγή,
εδώ είναι πολλά πόρων.

35
00:01:41,590 --> 00:01:44,790
Θέλω μόνο να σας έδωσε είδος
μια γρήγορη λίστα εκεί.

36
00:01:44,790 --> 00:01:48,330
>> Την επόμενη εβδομάδα θα είναι κουίζ
αναθεώρησης κατά τη διάρκεια αυτής της περιόδου.

37
00:01:48,330 --> 00:01:52,290
Έτσι, εάν έχετε οποιεσδήποτε ερωτήσεις
ή συγκεκριμένα θέματα,

38
00:01:52,290 --> 00:01:56,180
συγκεκριμένα πράγματα για το κουίζ που
θα θέλατε να πάει πάνω, παρακαλώ

39
00:01:56,180 --> 00:02:01,780
στέλνετε σε μένα μπροστά από το χρόνο, έτσι μπορώ
είδος προετοιμάσει κάποιο υλικό για αυτό.

40
00:02:01,780 --> 00:02:06,310
Και εκτός αυτού
ενότητα αναθεώρηση, θα

41
00:02:06,310 --> 00:02:09,616
επίσης να κρατάτε το μάθημα σε επίπεδο
επανεξετάζει όπως κάναμε την τελευταία φορά.

42
00:02:09,616 --> 00:02:11,490
Και αυτό πρόκειται να είναι
γίνεται από τους ίδιους ανθρώπους.

43
00:02:11,490 --> 00:02:13,030
Δεν ξέρω αν αυτό
κάνει καλύτερα ή χειρότερα,

44
00:02:13,030 --> 00:02:15,670
αλλά πρόκειται να είμαι εγώ,
Χάνα, Davan, και ο Gabe και πάλι.

45
00:02:15,670 --> 00:02:18,630
Έτσι, εάν θέλετε να έρθουν να δουν
όλους μας πειράγματα μεταξύ τους

46
00:02:18,630 --> 00:02:21,270
και τα πόδια σας μέσα κουίζ
αναθεώρηση, σίγουρα θα πρέπει να

47
00:02:21,270 --> 00:02:22,600
έρχονται σε αυτή την επόμενη Δευτέρα επίσης.

48
00:02:22,600 --> 00:02:26,210
Έτσι θα έχετε μόνο μια μαρμελάδα Δευτέρα
συσκευασμένα κριτικής κουίζ, το οποίο είναι καλό

49
00:02:26,210 --> 00:02:29,840
γιατί τότε έχετε την Τρίτη
να επεξεργαστεί μέσα από τα πάντα.

50
00:02:29,840 --> 00:02:32,230
>> Αλλά σίγουρα να ελέγχετε
από τους πόρους αυτούς.

51
00:02:32,230 --> 00:02:36,030
Study.csv.net είναι κατά πολύ, εγώ
πιστεύω, ένα από τα πιο χρήσιμα,

52
00:02:36,030 --> 00:02:37,990
κυρίως επειδή έχει
πολλά δείγματα κώδικα,

53
00:02:37,990 --> 00:02:40,490
έχει όλες τις πρίζες
με όλες τις σημειώσεις σε αυτό,

54
00:02:40,490 --> 00:02:44,510
που είναι πραγματικά ό, τι ήθελα να επιστήσω πιο
του τμήματος υλικά μου από.

55
00:02:44,510 --> 00:02:47,480
Αν υπάρχει κάτι στο προηγούμενο
τμήματα που μπορεί να έχουν σταλεί

56
00:02:47,480 --> 00:02:49,920
ότι δεν μπορεί να έχει
πάρει, απλά επιτρέψτε μου να ξέρω.

57
00:02:49,920 --> 00:02:52,520
Όπως και δείγμα κώδικα της περασμένης εβδομάδας,
αν κάποιος δεν πάρει ότι,

58
00:02:52,520 --> 00:02:55,930
μόνο e-mail μου ή να έρθουν να μου μιλήσει,
και εγώ θα βεβαιωθείτε ότι μπορείτε να πάρετε αυτό.

59
00:02:55,930 --> 00:03:02,000
>> Έτσι, με αυτό, σήμερα θα
να μιλάμε για JavaScript.

60
00:03:02,000 --> 00:03:04,690
Έτσι, εδώ έχουμε τον Tommy, ο οποίος ήμουν
απλά μιλάμε για την τελευταία νύχτα.

61
00:03:04,690 --> 00:03:06,670
Αγαπώ τον Tommy.

62
00:03:06,670 --> 00:03:09,040
JavaScript είναι το αγαπημένο του
γλώσσα, όπως λέει εδώ.

63
00:03:09,040 --> 00:03:14,050
Θα προσπαθήσουμε και να σας πω ότι είναι
δεν είναι η καλύτερη, και θα είναι λάθος.

64
00:03:14,050 --> 00:03:16,510
Έτσι, ο Tommy είναι ένα master JavaScript.

65
00:03:16,510 --> 00:03:19,850
Δεν είμαι αρκετά στο του
επίπεδο, αλλά ήμουν όπως,

66
00:03:19,850 --> 00:03:22,900
"Tommy, πώς μπορώ να διδάξω
αυτά τα παιδιά JavaScript; "

67
00:03:22,900 --> 00:03:26,700
Έτσι πήρα κάποιες συμβουλές, έτσι
ελπίζω να ασκηθείτε.

68
00:03:26,700 --> 00:03:31,140
>> Έτσι, ένα ζευγάρι πράγματα που πρέπει να ξέρετε είναι ότι
Η JavaScript είναι μια client-side scripting

69
00:03:31,140 --> 00:03:35,560
γλώσσας, έτσι ενώ η PHP είναι κάτι
ότι θεωρείται πιο server-side,

70
00:03:35,560 --> 00:03:39,280
έγινε μεταφόρτωση στο διακομιστή,
καταρτίζονται και εκτελούνται εκεί.

71
00:03:39,280 --> 00:03:42,871
Αυτός εκτελείται
για τη δική σας μηχανή.

72
00:03:42,871 --> 00:03:43,370
Εντάξει;

73
00:03:43,370 --> 00:03:46,960
Έτσι θα φορτώσει κάποια σελίδα JavaScript,
και εκτελεί στον υπολογιστή σας.

74
00:03:46,960 --> 00:03:49,910
Σύνταξη είναι πολύ όμοια με τη C και PHP.

75
00:03:49,910 --> 00:03:52,490
Εμείς πάμε για να περάσει
Μερικά παραδείγματα της JavaScript,

76
00:03:52,490 --> 00:03:56,740
και θα πάμε να δούμε ότι η
τρόπο που μιλάμε για τις μεταβλητές, βρόχους,

77
00:03:56,740 --> 00:03:58,910
και οι συνθήκες είναι πολύ παρόμοια.

78
00:03:58,910 --> 00:04:00,500
Εντάξει;

79
00:04:00,500 --> 00:04:04,490
Το γεγονός ότι είναι τόσο παρόμοια είναι
κατά πάσα πιθανότητα πρόκειται για ταξίδι κάποιοι από εσάς

80
00:04:04,490 --> 00:04:08,529
επάνω, σε ορισμένες περιπτώσεις, μόνο και μόνο επειδή
θα ενσωματώσει ένα μικρό κομμάτι της C

81
00:04:08,529 --> 00:04:09,570
όταν δεν θα έπρεπε να υπάρχει.

82
00:04:09,570 --> 00:04:14,130
Ίσως να προσπαθήσετε να γράφετε κάτι
όταν δεν θα πρέπει να είναι δακτυλογραφημένες.

83
00:04:14,130 --> 00:04:16,540
>> Και σε αυτό, ένα πράγμα που πρέπει να
γνωρίζουμε είναι ότι το JavaScript

84
00:04:16,540 --> 00:04:19,360
είναι μια δυναμικά δακτυλογραφημένες
γλώσσας, όπως η PHP.

85
00:04:19,360 --> 00:04:21,410
Έτσι, αν εσείς θυμάστε
από το τμήμα την περασμένη εβδομάδα,

86
00:04:21,410 --> 00:04:23,680
όταν ήμασταν είδος του κάνει
υπερεντατικά μαθήματα PHP μας,

87
00:04:23,680 --> 00:04:28,860
είδαμε πώς ένα μία χορδή θα μπορούσε να είναι
μετατράπηκε σε int ένα, και ούτω καθεξής.

88
00:04:28,860 --> 00:04:31,650

89
00:04:31,650 --> 00:04:34,850
Ο τύπος των μεταβλητών σας
καθορίζονται κατά το χρόνο εκτέλεσης,

90
00:04:34,850 --> 00:04:38,180
έτσι ώστε να μπορεί να αλλάξει με την πάροδο
Η πορεία του προγράμματος,

91
00:04:38,180 --> 00:04:43,109
και με τον ίδιο τρόπο που ποτέ δεν
πραγματικά δηλώνουν τους τύπους για τις μεταβλητές της PHP,

92
00:04:43,109 --> 00:04:45,900
θα πάμε να κάνουμε το ίδιο
πράγμα εδώ, όπου δεν είμαστε πραγματικά

93
00:04:45,900 --> 00:04:49,740
τον έλεγχο των τύπων των μεταβλητών μας,
να το πω έτσι, όπως κάνουμε σε C.

94
00:04:49,740 --> 00:04:52,200
>> Και τότε ένα πράγμα
ότι είναι αρκετά δροσερό είναι

95
00:04:52,200 --> 00:04:54,090
ότι μπορείτε να error
ελέγχει μέσω της κονσόλας,

96
00:04:54,090 --> 00:04:57,240
με αυτή τη μεγάλη λειτουργία
console.log, η οποία

97
00:04:57,240 --> 00:05:00,930
σας δίνει τη δυνατότητα να εκτυπώσετε διαφορετικές
μεταβλητές ή αντικείμενα που θα

98
00:05:00,930 --> 00:05:01,750
μιλήσουμε.

99
00:05:01,750 --> 00:05:05,720
Ακριβώς όπως την περασμένη εβδομάδα, όταν ήμουν
όπως, «να χρησιμοποιήσετε αυτή τη λειτουργία," με χωματερή

100
00:05:05,720 --> 00:05:10,490
από το chipset σας αυτό είναι μια συνάρτηση
που θέλετε να χρησιμοποιήσετε, console.log.

101
00:05:10,490 --> 00:05:12,860
Ήμουν τόσο έκπληκτος πόσοι
φοιτητές σε ώρες γραφείου

102
00:05:12,860 --> 00:05:14,530
Δεν ήξερε για τη λειτουργία χωματερής.

103
00:05:14,530 --> 00:05:19,010
Και ήμουν όπως, «ρε παιδιά, αυτό θα
κάνουν τη ζωή σας πολύ ευκολότερη. "

104
00:05:19,010 --> 00:05:22,960
>> Εντάξει, έτσι ώστε να ήταν το είδος του
μόνο μια σύντομη πράγμα, όπως πάντα,

105
00:05:22,960 --> 00:05:24,000
έχουμε παραδείγματα.

106
00:05:24,000 --> 00:05:25,600
Ξέρω ότι εσείς αγαπάτε εκείνους.

107
00:05:25,600 --> 00:05:30,930
Έτσι, εδώ είναι ένα παράδειγμα ενός πολύ
απλό αρχείο JavaScript εδώ.

108
00:05:30,930 --> 00:05:34,000
Γι 'αυτό ακριβώς πρόκειται να δημιουργήσουν
Αυτό το pop-up που λέει,

109
00:05:34,000 --> 00:05:36,336
"Hello World", όταν
εισάγετε τη σελίδα, αλλά ας

110
00:05:36,336 --> 00:05:37,960
δοκιμάστε και να περπατήσετε μέσα από αυτό το λίγο.

111
00:05:37,960 --> 00:05:43,440
Έτσι, προφανώς αυτό είναι μόνο
σαν κανονικό index.html σας.

112
00:05:43,440 --> 00:05:50,280
Έτσι, απλά φυσιολογικό πρότυπο μας εδώ,
και έχουμε HTML, έχουμε το κεφάλι μας,

113
00:05:50,280 --> 00:05:55,580
όπως ακριβώς και με το CSS, πώς μπορούμε
περιλαμβάνονται κάποια εξωτερική αρχείο, σωστά;

114
00:05:55,580 --> 00:05:59,260
Έχουμε κάποιο είδος σεναρίου
κείμενο που είναι JavaScript.

115
00:05:59,260 --> 00:06:02,680
Και η πηγή είναι hello.js,
που είναι εδώ κάτω.

116
00:06:02,680 --> 00:06:05,630
Αυτό είναι το σύνολο του φακέλου της hello.js.

117
00:06:05,630 --> 00:06:09,080
Και τότε έχουμε κάποια
Τίτλος και κάποια HTML σώμα

118
00:06:09,080 --> 00:06:11,050
ότι δεν ενδιαφέρονται πραγματικά για.

119
00:06:11,050 --> 00:06:15,970
>> Αυτό που συμβαίνει είναι, όταν θα φορτώσει αυτή τη σελίδα,
εκτελεί αυτόματα αυτό το σενάριο.

120
00:06:15,970 --> 00:06:16,470
Εντάξει;

121
00:06:16,470 --> 00:06:18,790
Έτσι, το JavaScript θα
εκτελέσει αυτόματα.

122
00:06:18,790 --> 00:06:22,860
Έτσι τι πρόκειται να κάνει, πρόκειται
να πάει αμέσως και να εκτελέσει αυτό.

123
00:06:22,860 --> 00:06:24,110
Και αυτό πρόκειται να πει, «σήμα.

124
00:06:24,110 --> 00:06:25,190
Γεια σας κόσμο. "

125
00:06:25,190 --> 00:06:30,840
Ποια συναγερμού είναι η λειτουργία που
παράγει πραγματικά αυτό το πλαίσιο.

126
00:06:30,840 --> 00:06:31,540
Εντάξει;

127
00:06:31,540 --> 00:06:33,390
Έτσι είναι το είδος του Περικλείουν όλες.

128
00:06:33,390 --> 00:06:36,700
Δεν υπάρχει τίποτα επιπλέον είχαμε
να κάνουν εκτός από απλά συναγερμού,

129
00:06:36,700 --> 00:06:40,000
και στη συνέχεια ό, τι θέλαμε
εντός ειδοποίησης κουτί μας.

130
00:06:40,000 --> 00:06:40,500
Εντάξει;

131
00:06:40,500 --> 00:06:45,080
Έτσι, αυτό είναι απλά ένα σούπερ απλό
παράδειγμα του τι μπορεί να κάνει το JavaScript.

132
00:06:45,080 --> 00:06:48,110

133
00:06:48,110 --> 00:06:50,070
>> Ένα από τα πραγματικά δροσερό
πράγματα, όπως θα δούμε,

134
00:06:50,070 --> 00:06:55,150
είναι ότι το JavaScript σας επιτρέπει
να χειραγωγήσουν τις ιστοσελίδες σας,

135
00:06:55,150 --> 00:06:57,720
χωρίς να χρειάζεται να
τοποθετήστε τις ξανά κάθε φορά.

136
00:06:57,720 --> 00:07:01,830
Έτσι, αν want-- για παράδειγμα, εάν
που πλανάται πάνω από κάτι,

137
00:07:01,830 --> 00:07:04,300
εάν εσείς έχετε ποτέ
φαίνεται σαν μπαρ μενού,

138
00:07:04,300 --> 00:07:07,360
ή όταν περνάτε πάνω από μερικά
θέμα, εμφανίζεται ένα drop-down μενού,

139
00:07:07,360 --> 00:07:08,670
αυτό συμβαίνει επειδή του το JavaScript.

140
00:07:08,670 --> 00:07:09,170
Εντάξει;

141
00:07:09,170 --> 00:07:12,670
Έτσι, δεν είστε επαναφόρτωση ολόκληρη την
σελίδα για να πάρετε αυτό το μενού για να δείξει,

142
00:07:12,670 --> 00:07:17,240
είστε απλά ψάχνουν για κάποιο συγκεκριμένο
δράση που ο χρήστης έχει λάβει,

143
00:07:17,240 --> 00:07:21,800
οι οποίες ονομάζονται γεγονότα που θα πάρετε
σε, και μόλις δείτε ότι, λέτε,

144
00:07:21,800 --> 00:07:25,960
"Εντάξει, να επεξεργαστείτε κάτι για αυτό
σελίδα και κάνει το βλέμμα διαφορετικό,

145
00:07:25,960 --> 00:07:28,270
αλλά μόνο να επεξεργαστείτε αυτά τα συγκεκριμένα πράγματα.

146
00:07:28,270 --> 00:07:29,690
Μην φορτώσετε εκ νέου το όλο θέμα. "

147
00:07:29,690 --> 00:07:33,110
Γι 'αυτό πραγματικά είναι πολύ καλύτερο, και
δεν χρειάζεται να φορτώσετε τις σελίδες σας,

148
00:07:33,110 --> 00:07:34,510
και είναι πραγματικά δροσερό.

149
00:07:34,510 --> 00:07:38,270
>> Έτσι δηλώσεις μεταβλητών,
ώστε να μπορείτε να δείτε το είδος,

150
00:07:38,270 --> 00:07:40,530
Έβαλα στην κορυφή εδώ, χαλαρά πληκτρολογήσει.

151
00:07:40,530 --> 00:07:42,570
Έτσι, αυτό είναι πάρα πολύ σαν PHP.

152
00:07:42,570 --> 00:07:48,770
Δεν χρειάζεται να πω
JavaScript ποιο τύπο είμαστε

153
00:07:48,770 --> 00:07:50,740
περιμένοντας κάθε μία από αυτές τις μεταβλητές να είναι.

154
00:07:50,740 --> 00:07:52,560
Μπορούν να είναι ό, τι τους τύπους που θέλουμε.

155
00:07:52,560 --> 00:07:57,480
Έτσι, μπορείτε να παρατηρήσετε σε αυτήν την περίπτωση, δηλώνουμε
τους πολύ απλά, μόνο με "var"

156
00:07:57,480 --> 00:08:00,990
και στη συνέχεια ό, τι θέλουμε
όνομα μεταβλητής μας να είναι.

157
00:08:00,990 --> 00:08:05,680
Ένα πράγμα που πρέπει να σημειωθεί είναι ότι όταν
θέσει var μπροστά από το όνομα μιας μεταβλητής,

158
00:08:05,680 --> 00:08:07,520
αυτό το μελετά σε τοπικό επίπεδο.

159
00:08:07,520 --> 00:08:09,320
Εντάξει;

160
00:08:09,320 --> 00:08:14,025
Είναι απόλυτα λογικό για σας
σε εντελώς απλά διαγράψει το var

161
00:08:14,025 --> 00:08:18,970
και μόλις έχουν s ισούται με CS50, και
Αυτό θα ήταν απλά μια καθολική μεταβλητή.

162
00:08:18,970 --> 00:08:19,580
Εντάξει;

163
00:08:19,580 --> 00:08:22,490
Έτσι, μπορείτε να προετοιμάσετε τους δύο τρόπους,
ακριβώς εξαρτάται από το πώς το θέλετε.

164
00:08:22,490 --> 00:08:24,448
Έτσι, εάν είστε αρχικοποίηση
εντός μιας λειτουργίας,

165
00:08:24,448 --> 00:08:28,070
και θέλετε αυτήν τη μεταβλητή να
μείνετε scoped εντός αυτής της λειτουργίας,

166
00:08:28,070 --> 00:08:31,620
θα πάμε να θέλουν να κάνουν
κάτι σαν var ορίσουμε μια μεταβλητή,

167
00:08:31,620 --> 00:08:34,270
έναντι αν θέλετε
σε παγκόσμιο επίπεδο scoped, μπορείτε

168
00:08:34,270 --> 00:08:36,240
μπορεί να κάνει ακριβώς το όνομα του
η μεταβλητή και έπειτα

169
00:08:36,240 --> 00:08:38,270
ό, τι θα θέλατε να οριστεί ίση με.

170
00:08:38,270 --> 00:08:40,230
Εντάξει;

171
00:08:40,230 --> 00:08:45,580
>> Αυτό είναι το είδος της δροσερό πράγμα εδώ κάτω,
γιατί αν παρατηρήσετε μεταβλητή μας

172
00:08:45,580 --> 00:08:47,590
β ξεκινά ως αλήθεια.

173
00:08:47,590 --> 00:08:51,280
Και ό, τι αυτό μπορεί να does--
κάποιος να μου πει τι σημαίνει αυτό;

174
00:08:51,280 --> 00:08:54,190

175
00:08:54,190 --> 00:08:55,890
Έτσι έχουμε κάποια ειδοποίηση.

176
00:08:55,890 --> 00:09:00,156
Τι θα του τύπου του Β
είναι στην αρχή;

177
00:09:00,156 --> 00:09:00,905
ΚΟΙΝΟ: Boolean.

178
00:09:00,905 --> 00:09:01,330
ALLISON BUCHHOLTZ-ΑΕ: Boolean.

179
00:09:01,330 --> 00:09:01,940
Δεξιά.

180
00:09:01,940 --> 00:09:07,260
Και τότε η επανεκχώρηση β
σε αυτό το string, σωστά;

181
00:09:07,260 --> 00:09:11,170
Έτσι λοιπόν εδώ, ποιος τύπος β είναι;

182
00:09:11,170 --> 00:09:12,480
Θα ήθελα να είναι ένα string, σωστά;

183
00:09:12,480 --> 00:09:14,900
Έτσι, αυτό που είναι σημαντικό να
σημείωση είναι ότι στο c, εμείς

184
00:09:14,900 --> 00:09:17,330
δεν θα μπορούσε ποτέ να κάνει σχεδόν
κάτι τέτοιο.

185
00:09:17,330 --> 00:09:22,000
Θα θέλαμε να έχουμε μια μεταβλητή,
ρίχνει το ως κάτι άλλο,

186
00:09:22,000 --> 00:09:27,185
ίσως να κάνουμε κάποια λειτουργία με δύο
i, πηγαίνετε από μια επιβάρυνση σε ακέραιο.

187
00:09:27,185 --> 00:09:31,063
Αλλά αν παρατηρήσετε εδώ, β
πολύ εύκολα αλλάζουν είδος.

188
00:09:31,063 --> 00:09:33,760
>> ΚΟΙΝΟ: Περιμένετε, έτσι ώστε να μπορείτε απλά
είναι σαν, "κάνουν β έναν ακέραιο;"

189
00:09:33,760 --> 00:09:34,360
>> ALLISON BUCHHOLTZ-ΑΕ: Ναι.

190
00:09:34,360 --> 00:09:36,185
Μπορείτε να εκχωρήσετε εκ νέου μόνο β σε ακέραιο.

191
00:09:36,185 --> 00:09:36,910
>> ΚΟΙΝΟ: Αλήθεια;

192
00:09:36,910 --> 00:09:38,035
>> ALLISON BUCHHOLTZ-ΑΕ: Ναι.

193
00:09:38,035 --> 00:09:39,810
Και τότε θα ήταν ένας int.

194
00:09:39,810 --> 00:09:43,820
Έτσι μεταβλητές σας μπορεί να αλλάξει με την πάροδο
Η πορεία του προγράμματος πάρα πολύ.

195
00:09:43,820 --> 00:09:46,410
Δεν είναι αυστηρά πληκτρολογήσει.

196
00:09:46,410 --> 00:09:49,180
Είναι πολύ χαλαρά πληκτρολογήσει.

197
00:09:49,180 --> 00:09:50,820
Εντάξει;

198
00:09:50,820 --> 00:09:54,820
Βασικά μεταβλητών σας να κάνετε ό,
θέλουν, όπως το είδος του είδε με την PHP.

199
00:09:54,820 --> 00:09:59,430
Μπορούν να κάνουν κάποια τρελά πράγματα, έτσι
είναι σημαντικό να είναι αρκετά προσεκτικοί.

200
00:09:59,430 --> 00:10:01,200
Ονομάστε τις μεταβλητές σας καλά.

201
00:10:01,200 --> 00:10:03,450
Αν όχι, κάντε ξαφνικά
θα πάμε να είναι όπως,

202
00:10:03,450 --> 00:10:05,783
"Περιμένετε, σκέφτηκα ότι αυτή ήταν μια
string, και τώρα είναι ένας int,

203
00:10:05,783 --> 00:10:08,170
και δεν είμαι σίγουρος
τι συμβαίνει εδώ. "

204
00:10:08,170 --> 00:10:12,410
Έτσι, αυτό είναι μόνο ένα απλό παράδειγμα
που δείχνει πώς μια μεταβλητή μπορεί εύκολα

205
00:10:12,410 --> 00:10:15,890
αλλάξετε τον τύπο του πάνω
η πορεία του προγράμματος.

206
00:10:15,890 --> 00:10:16,870
>> ΟΚ.

207
00:10:16,870 --> 00:10:19,200
Έτσι, αυτό θα πρέπει να εξετάσουμε
σούπερ, σούπερ εξοικειωμένοι.

208
00:10:19,200 --> 00:10:21,510
Αυτοί είναι λοιπόν οι βρόχοι μας σε JavaScript.

209
00:10:21,510 --> 00:10:27,780
Είναι ακριβώς η ίδια, εκτός από την
αντί των τεσσάρων int Ι ισούται με μηδέν,

210
00:10:27,780 --> 00:10:30,470
θα μπορούσαμε απλά να πούμε var i ισούται με μηδέν.

211
00:10:30,470 --> 00:10:34,100
Και τότε θα μπορούσαμε να έχουμε ίδιο είδος μας
της κατάστασης, το ίδιο είδος ενημέρωσης,

212
00:10:34,100 --> 00:10:36,090
i συν συν δουλεύει μια χαρά.

213
00:10:36,090 --> 00:10:39,800
Έτσι τέσσερα είναι τα ίδια,
whiles είναι τα ίδια,

214
00:10:39,800 --> 00:10:41,440
και να κάνει ενίοτε είναι ακριβώς το ίδιο.

215
00:10:41,440 --> 00:10:44,070
Ίδιο είδος γενική μορφή.

216
00:10:44,070 --> 00:10:48,840
Θα παρατηρήσετε, τέσσερα, παρενθέσεις,
παρένθεση, είναι όλοι το ίδιο.

217
00:10:48,840 --> 00:10:51,470
Επίσης, θα υπάρξουν ερωτηματικά
όταν φτάσουμε στο παράδειγμα κώδικα.

218
00:10:51,470 --> 00:10:55,250
Θα δείτε ότι είναι αρκετά
πολύ το ίδιο ως c.

219
00:10:55,250 --> 00:10:59,770
>> Για δηλώσεις λειτουργία,
πάλι, πολύ παρόμοια.

220
00:10:59,770 --> 00:11:05,100
Έχουμε κάποια λειτουργία που μόλις
λέει ότι είναι μια λειτουργία, και στη συνέχεια,

221
00:11:05,100 --> 00:11:07,660
Το όνομα μας
λειτουργία, και οι είσοδοι.

222
00:11:07,660 --> 00:11:11,590
Και πάλι, αν παρατηρήσετε, εμείς
δεν έχουν κανένα απολύτως τύποι εδώ.

223
00:11:11,590 --> 00:11:12,090
Σωστά;

224
00:11:12,090 --> 00:11:18,150
Δεν έχουμε τίποτα λέγοντας ότι αυτά
πρέπει να είναι ints ή διπλά, ή πλωτήρες.

225
00:11:18,150 --> 00:11:19,530
Θα μπορούσε να είναι ό, τι θέλουν.

226
00:11:19,530 --> 00:11:23,560
Αυτό που είναι σημαντικό είναι να σημειωθεί ότι
πρέπει να γράψουμε λειτουργία εκ των προτέρων

227
00:11:23,560 --> 00:11:26,430
να αφήσει το JavaScript γνωρίζουν ότι
αυτό είναι πραγματικά μια λειτουργία.

228
00:11:26,430 --> 00:11:29,820
>> Έτσι, αυτό είναι μόνο μερικά απλό άθροισμα
συνάρτηση που επιστρέφει Χ ή Υ,

229
00:11:29,820 --> 00:11:33,800
και τότε τι είναι επίσης δροσερό
είναι ότι μπορείτε πραγματικά να

230
00:11:33,800 --> 00:11:35,950
αντιστοιχίσετε μια λειτουργία σε μια μεταβλητή.

231
00:11:35,950 --> 00:11:41,770
Έτσι, στην περίπτωση αυτή, το ποσό είναι τώρα η
λειτουργία που κάνει στην πραγματικότητα ποσό.

232
00:11:41,770 --> 00:11:47,740
Έτσι, αν παρατηρήσετε εδώ, έχουμε
λειτουργία, το όνομα της λειτουργίας, οι είσοδοι.

233
00:11:47,740 --> 00:11:48,860
Σωστά;

234
00:11:48,860 --> 00:11:52,120
Εδώ έχουμε μόνο τη λειτουργία και τις εισροές.

235
00:11:52,120 --> 00:11:54,310
Έτσι, αυτό ονομάζεται μια ανώνυμη λειτουργία.

236
00:11:54,310 --> 00:11:59,265
Και αυτό είναι κάτι που θα πρέπει να είναι νέα
για τους περισσότερους από σας παιδιά, αν όχι όλοι σας.

237
00:11:59,265 --> 00:12:01,140
Έτσι, βασικά, τι
σημαίνει ότι εμείς δεν κάνουμε

238
00:12:01,140 --> 00:12:03,050
Πρέπει να το όνομα του μας
λειτουργίας σε αυτή την περίπτωση.

239
00:12:03,050 --> 00:12:06,260
Εμείς απλά να πούμε, "Εντάξει, Πάω να
έχουν αυτή τη λειτουργία που εκτελεί, εδώ

240
00:12:06,260 --> 00:12:08,550
είναι οι συντελεστές του, και εδώ είναι
τι πρόκειται να κάνει. "

241
00:12:08,550 --> 00:12:12,540
Και ειδικά όταν είστε ανάθεση
μια λειτουργία σε κάποια μεταβλητή

242
00:12:12,540 --> 00:12:14,950
ότι θα πάμε να χειραγωγήσουν,
Δεν είναι υποχρεωτικό

243
00:12:14,950 --> 00:12:17,116
πρέπει να το αναφέρουμε, διότι
θα πάμε να αναφέρεται

244
00:12:17,116 --> 00:12:20,990
σε αυτήν από αυτή τη μεταβλητή
όνομα, όχι από ό, τι

245
00:12:20,990 --> 00:12:22,840
η λειτουργία κατέπεσε.

246
00:12:22,840 --> 00:12:23,550
Εντάξει;

247
00:12:23,550 --> 00:12:27,810
>> Έτσι, αν βλέπουμε εδώ, εμείς
έχουν κάποια μεταβλητή άθροισμα τώρα

248
00:12:27,810 --> 00:12:30,920
ότι είναι ίσο με το
άθροισμα των τριών και πέντε.

249
00:12:30,920 --> 00:12:33,070
Και θα πάρει αυτό.

250
00:12:33,070 --> 00:12:36,750
Και αυτό θα έχει μόνο κάποια ειδοποίηση,
τρία συν πέντε ισούται με τον αριθμό.

251
00:12:36,750 --> 00:12:43,950
Αυτό συν θα ενώσετε μόνο
όποια και αν είναι η απάντησή μας ήταν πάνω στο κορδόνι.

252
00:12:43,950 --> 00:12:47,420
Επίσης, δροσερό, καθώς μπορεί να ενώσετε χορδές.

253
00:12:47,420 --> 00:12:53,510
>> Για JavaScript, όπως με την PHP,
HTML, CSS και όπως είπαμε,

254
00:12:53,510 --> 00:12:56,450
πολλά από αυτά έχουμε το είδος είστε λήψη
οι ρόδες από εδώ

255
00:12:56,450 --> 00:13:02,030
και εσείς έχετε ένα μεγάλο μέρος της τεχνογνωσίας
πώς να καταλάβουν αυτά τα πράγματα.

256
00:13:02,030 --> 00:13:04,280
Είναι ελαφρώς διαφορετική,
αλλά δεν είναι τόσο ξένη

257
00:13:04,280 --> 00:13:09,460
και ότι δεν μπορείτε να το Google τα πράγματα ή
βλέμμα τους επάνω σε απευθείας σύνδεση με W3 σχολεία.

258
00:13:09,460 --> 00:13:12,755
Και είμαστε πραγματικά περιμένουμε
παιδιά με, το είδος του, το πείραμα

259
00:13:12,755 --> 00:13:14,400
και να μάθουν για τη δική σας.

260
00:13:14,400 --> 00:13:19,490
Έτσι, ξέρω ότι αυτό μπορεί να φαίνεται λίγο
λιγότερο βάθος από ό, τι μερικά από τα πράγματα γ

261
00:13:19,490 --> 00:13:21,936
κάνουμε, αλλά αυτό είναι πραγματικά για έναν λόγο.

262
00:13:21,936 --> 00:13:25,060

263
00:13:25,060 --> 00:13:28,470
Αλλά ελπίζω ότι δεν είναι πολύ
διαφορετικά, και αυτό δεν είναι συντριπτική.

264
00:13:28,470 --> 00:13:31,940
>> Έτσι συστοιχίες σε JavaScript,
πάλι πολύ, πολύ παρόμοια.

265
00:13:31,940 --> 00:13:32,460
Σωστά;

266
00:13:32,460 --> 00:13:36,520
Έχουμε κάποια μεταβλητή πίνακα
ότι είναι ίση με ένα κενό μεταξύ παρενθέσεων,

267
00:13:36,520 --> 00:13:40,340
και αυτό είναι μόνο ένα άδειο πίνακα.

268
00:13:40,340 --> 00:13:43,420
Αυτό καλείται συχνά
κυριολεκτική σημειογραφία πίνακα.

269
00:13:43,420 --> 00:13:45,280
Αυτό είναι μόνο ένα πράγμα λέμε.

270
00:13:45,280 --> 00:13:51,380
Αν δούμε συστοιχία δύο εδώ, έχουμε κάποια
κυριολεκτική πίνακα που έχει τρία στοιχεία,

271
00:13:51,380 --> 00:13:51,910
έτσι δεν είναι;

272
00:13:51,910 --> 00:13:54,640
Και τότε έχουμε κάποια
var τρίτο στοιχείο που είναι

273
00:13:54,640 --> 00:13:58,060
κάποια μεταβλητή που είναι ακριβώς
πρόκειται να κρατήσει αυτή τη σειρά, JS.

274
00:13:58,060 --> 00:14:01,760

275
00:14:01,760 --> 00:14:06,170
>> Τα στοιχεία, καλό να παρατηρήσετε,
διαχωρίζονται με κόμματα,

276
00:14:06,170 --> 00:14:07,740
ακριβώς όπως θα περιμέναμε.

277
00:14:07,740 --> 00:14:14,630
Και μπορείτε επίσης να αποκτήσετε πρόσβαση σε αυτά, όπως κάναμε
σε C, με αυτόν τον συμβολισμό του δείκτη, έτσι δεν είναι;

278
00:14:14,630 --> 00:14:16,950
Έτσι, διαφέρει από την PHP
τώρα, θα πάμε πίσω

279
00:14:16,950 --> 00:14:20,180
με ακριβώς το είδος της παραπομπής
για τα πράγματα με το δείκτη.

280
00:14:20,180 --> 00:14:22,189
Ακριβώς όπως η C, είναι επίσης μηδέν δείκτη.

281
00:14:22,189 --> 00:14:25,230
Νιώθω σαν να ήταν πραγματικά σκληρή
αν γίνει ξαφνικά ένας JavaScript

282
00:14:25,230 --> 00:14:30,630
δείκτη, και θα έπρεπε να εντελώς
επανεξετάσουμε το πώς σκέφτεστε για συστοιχίες.

283
00:14:30,630 --> 00:14:36,140
>> Ένα δροσερό πράγμα είναι ότι αντί
έχουν να do-- αν ποτέ

284
00:14:36,140 --> 00:14:39,240
ήθελε το μήκος μιας συστοιχίας,
ίσως διέτρεξε το

285
00:14:39,240 --> 00:14:43,430
μέχρι να βρείτε κάποιο τέλος, ή
θα ξέρω ακριβώς τι είναι.

286
00:14:43,430 --> 00:14:49,310
Επειδή το JavaScript είναι πολύ χαλαρή σε περισσότερα
τρόπους από ό, τι ακριβώς είδος, όπως βλέπουμε εδώ,

287
00:14:49,310 --> 00:14:53,310
μπορούμε να κάνουμε ακριβώς αυτό το array
μεγαλύτερο επειδή αποφασίζουμε να.

288
00:14:53,310 --> 00:14:56,177
Εάν παρατηρήσετε διάταξη των τριών
έχει τρία πράγματα για να ξεκινήσει,

289
00:14:56,177 --> 00:14:58,510
αλλά στη συνέχεια ξαφνικά,
είμαστε σαν, "Ω, Αστειεύομαι.

290
00:14:58,510 --> 00:15:01,370
Είμαστε πραγματικά συμβαίνει
να το κάνει 101 πράγματα. "

291
00:15:01,370 --> 00:15:05,300
Έτσι, αν ποτέ θέλετε να ξέρετε το
πραγματικό μήκος του πίνακα σας,

292
00:15:05,300 --> 00:15:06,680
να το κάνει όπως αυτό.

293
00:15:06,680 --> 00:15:10,470
Και θα πάμε να δούμε πολλά
αυτής της σημειογραφίας σε παραδείγματα,

294
00:15:10,470 --> 00:15:12,730
αλλά με JavaScript
είναι συνήθως ανεξάρτητα από

295
00:15:12,730 --> 00:15:16,410
αντικείμενο που μιλάτε για
dot ανεξάρτητα από το είδος της λειτουργίας

296
00:15:16,410 --> 00:15:17,740
που θέλετε να εφαρμόζονται σε αυτό.

297
00:15:17,740 --> 00:15:18,240
Εντάξει;

298
00:15:18,240 --> 00:15:20,520
>> Έτσι, στην περίπτωση αυτή, μας
αντικείμενο είναι συστοιχία δύο,

299
00:15:20,520 --> 00:15:23,470
και λέμε ότι θέλουμε η
μήκος της συστοιχίας δύο.

300
00:15:23,470 --> 00:15:25,716
Έτσι, αυτό απαιτεί όπως ακριβώς μήκος σε αυτό.

301
00:15:25,716 --> 00:15:27,090
Και ότι θα επιστρέψει το μήκος σας.

302
00:15:27,090 --> 00:15:32,610

303
00:15:32,610 --> 00:15:36,790
Επίσης, κάτι που πρέπει να σημειωθεί είναι
ότι αν παρατηρήσετε συστοιχίες μας,

304
00:15:36,790 --> 00:15:39,830
αντίθεση με την C, δεν έχουν
να είναι όλα του ίδιου τύπου.

305
00:15:39,830 --> 00:15:41,670
Αυτό είναι πολύ περισσότερο σαν PHP.

306
00:15:41,670 --> 00:15:45,905
JavaScript είναι βασικά ακριβώς όπως
Αυτή η ενδιαφέρουσα συγχώνευση της Γ και PHP.

307
00:15:45,905 --> 00:15:50,020

308
00:15:50,020 --> 00:15:52,170
Έτσι θα μπει σε αυτό.

309
00:15:52,170 --> 00:15:56,750
Προς το παρόν, ας υποθέσουμε
ότι συστοιχίες σας είναι βασικά

310
00:15:56,750 --> 00:16:00,640
όπως πίνακες C, σε ότι
είναι μηδέν ευρετήριο.

311
00:16:00,640 --> 00:16:04,120
Εντάξει, έτσι ώστε να είναι τα πάντα.

312
00:16:04,120 --> 00:16:08,850
Μπορείτε επίσης απλά να επεκτείνει ένα
συστοιχία σε ό, τι ευρετήριο που θέλετε.

313
00:16:08,850 --> 00:16:14,260
Ότι η παρούσα θα μπορούσε πιθανότατα να SEG
σφάλμα σε σας ή να σας δώσει κάποιο σφάλμα,

314
00:16:14,260 --> 00:16:15,970
JavaScript είναι όπως, «Μπα, αυτό είναι μια χαρά.

315
00:16:15,970 --> 00:16:16,620
Πήρα αυτό.

316
00:16:16,620 --> 00:16:19,460
Εμείς απλά θα πάει κατ 'ευθείαν
όπου θέλετε να. "

317
00:16:19,460 --> 00:16:24,310
>> Εντάξει, έτσι ώστε τα αντικείμενα είναι πολύ σημαντικό.

318
00:16:24,310 --> 00:16:29,720
Εσείς θα πρέπει να χρησιμοποιούν πολλά από αυτά
στο σύνολο σας P, αν θυμάμαι καλά.

319
00:16:29,720 --> 00:16:34,780
Έτσι, το γεγονός ότι αυτά είναι
παρόμοιο με σε C είναι structs.

320
00:16:34,780 --> 00:16:39,290
Έτσι, μπορείτε να σκεφτείτε όταν about--
πάμε σε ένα παράδειγμα δεξιά

321
00:16:39,290 --> 00:16:41,810
Μετά από αυτό νομίζω ότι θα
κάνουν πολύ πιο sense--

322
00:16:41,810 --> 00:16:45,830
αλλά χρησιμοποιούμε βασικά αντικείμενα
οργανώσουν τις πληροφορίες που σχετίζονται με φυσικά.

323
00:16:45,830 --> 00:16:47,780
Όταν μιλήσαμε για
structs σε C, συχνά

324
00:16:47,780 --> 00:16:53,405
μιλάμε για έναν φοιτητή ο οποίος είχε κάποιο όνομα,
ID, το σπίτι, ξέρετε, η συγκέντρωση.

325
00:16:53,405 --> 00:16:56,030
Και αυτό είναι το είδος του ίδιου πράγματος
ότι χρησιμοποιούμε αντικείμενα εδώ.

326
00:16:56,030 --> 00:16:59,300
Είναι απλά για να οργανώσουν
παρόμοιες πληροφορίες.

327
00:16:59,300 --> 00:17:03,620
>> Μπορείτε επίσης να σκεφτείτε αυτά ως πιο
παρόμοιο με συνεταιριστικές συστοιχίες στην PHP.

328
00:17:03,620 --> 00:17:10,010
Έτσι, αυτό θα είναι το είδος του πράγματος
όπου έχουμε κάποια βασικά με κάποια αξία,

329
00:17:10,010 --> 00:17:12,859
πολύ παρόμοια με την PHP.

330
00:17:12,859 --> 00:17:15,780
Έτσι, μπορείτε να προετοιμάσει μερικά
κενή αντικειμένου, όπως βλέπουμε εδώ,

331
00:17:15,780 --> 00:17:17,390
μόνο με άγκιστρα.

332
00:17:17,390 --> 00:17:19,160
Έτσι συστοιχίες είναι αγκύλες.

333
00:17:19,160 --> 00:17:21,220
Αδειάστε αντικείμενα είναι άγκιστρα.

334
00:17:21,220 --> 00:17:24,020
Καλή διάκριση να έχει.

335
00:17:24,020 --> 00:17:27,319
Και αυτά είναι μόνο δύο διαφορετικές
τρόποι για να ρυθμίσετε τις ιδιότητες.

336
00:17:27,319 --> 00:17:31,460
Έτσι, αυτό είναι το είδος του
πολύ περισσότερο από έναν τρόπο ότι

337
00:17:31,460 --> 00:17:35,220
είναι παρόμοια με την PHP, με μας
συνειρμική συστοιχίες, με τους βασικούς μας,

338
00:17:35,220 --> 00:17:39,910
και την αξία μας, ενώ
ένα αυτό is-- που θα

339
00:17:39,910 --> 00:17:41,920
δείτε αυτό το πολύ περισσότερο σε JavaScript.

340
00:17:41,920 --> 00:17:43,550
Αυτό τείνει να είναι η σύμβαση.

341
00:17:43,550 --> 00:17:47,660
Και με τον ίδιο τρόπο που κάναμε
συστοιχία δύο dot μήκος, αυτό που λέει,

342
00:17:47,660 --> 00:17:51,580
"Εντάξει, μου το δώσει
χαρακτηριστικό αυτού του αντικειμένου. "

343
00:17:51,580 --> 00:17:52,110
Σωστά;

344
00:17:52,110 --> 00:17:55,660
Έτσι, με τον ίδιο τρόπο ήταν σαν, "δώσε μου
το μήκος χαρακτηριστικό του πίνακα δύο, "

345
00:17:55,660 --> 00:17:59,970
Αυτό λέει, «να μου δώσει κάποιες
ιδιοκτησία των κενών αντικειμένου μας. "

346
00:17:59,970 --> 00:18:02,890
Ή στην περίπτωση αυτή, είμαστε
αναθέσουν σε κάποια τιμή εδώ.

347
00:18:02,890 --> 00:18:06,200
Αλλά θα μπορούσε επίσης να είναι με αυτόν τον τρόπο την πρόσβαση.

348
00:18:06,200 --> 00:18:09,090
>> Και τότε εδώ αυτό είναι μόνο
που δείχνει δύο διαφορετικές ειδοποιήσεις.

349
00:18:09,090 --> 00:18:12,320
Έτσι, αυτό θα δείξει τις ειδοποιήσεις
θα είναι ακριβώς το ίδιο,

350
00:18:12,320 --> 00:18:17,150
Είναι μόλις δύο διαφορετικούς τρόπους
πρόσβαση το στοιχείο που θέλουμε.

351
00:18:17,150 --> 00:18:19,552
Μήπως αυτό έχει νόημα για όλους;

352
00:18:19,552 --> 00:18:21,510
Νιώθω σαν αυτό
ίσως περισσότερο νόημα,

353
00:18:21,510 --> 00:18:23,270
μόνο και μόνο επειδή είμαστε έρχεται από την PHP.

354
00:18:23,270 --> 00:18:26,400
Αλλά, όπως κάνουμε περισσότερα παραδείγματα, αυτή η
είναι κυριολεκτικά ακριβώς το ίδιο.

355
00:18:26,400 --> 00:18:28,170
Πολλά από αυτά είναι απλά αλλάξτε σε σύνταξη.

356
00:18:28,170 --> 00:18:30,710

357
00:18:30,710 --> 00:18:33,030
>> Εντάξει, έτσι παραδείγματα.

358
00:18:33,030 --> 00:18:34,180
Αγαπώ παραδείγματα.

359
00:18:34,180 --> 00:18:40,070
Έτσι, εδώ είναι μερικά CS50
μεταβλητή που είναι ένα αντικείμενο,

360
00:18:40,070 --> 00:18:42,160
και αποθηκεύουμε όλα αυτά
πληροφορίες σχετικά με αυτό.

361
00:18:42,160 --> 00:18:46,680
Έτσι έχουμε βέβαια, εκπαιδευτής,
TFS, psets, και μαγνητοσκοπημένο.

362
00:18:46,680 --> 00:18:51,840
Έτσι παρατηρούμε, αυτά είναι σχεδόν
όλα διαφορετικών τύπων.

363
00:18:51,840 --> 00:18:52,340
Σωστά;

364
00:18:52,340 --> 00:18:56,230
Έτσι, τα αντικείμενα μπορεί να αποθηκεύσει
Χαρακτηριστικά των διαφόρων τύπων.

365
00:18:56,230 --> 00:19:01,220
Μπορούμε να σκεφτούμε this-- είναι πολύ
παρόμοιο με συνειρμική σειρά μας σε PHP.

366
00:19:01,220 --> 00:19:07,470
Έτσι, βασικά, την αξία, το κλειδί, τιμή,
κλειδί, αξία, ούτω καθεξής και ούτω καθεξής.

367
00:19:07,470 --> 00:19:11,230
Αυτό που είναι επίσης ενδιαφέρον κατά τον ίδιο τρόπο
ότι μπορούμε να έχουμε συστοιχίες μέσα σε πίνακες,

368
00:19:11,230 --> 00:19:14,690
Μπορούμε επίσης να έχουμε αντικείμενα μέσα
αντικείμενα, ή συστοιχίες εντός αντικείμενα.

369
00:19:14,690 --> 00:19:18,410
Ποτέ δεν είσαι πραγματικά περιορίζεται σε
ένα μόνο ένα από τα πράγματα.

370
00:19:18,410 --> 00:19:24,220
Μπορούμε να πάρουμε πολύ Inceptionesque, μόλις
συνεχίσουμε την πορεία προς την τρύπα του κουνελιού εκεί.

371
00:19:24,220 --> 00:19:26,080
>> Έτσι, αν παρατηρήσετε, εμείς
έχουν κάποια φυσικά, ότι η

372
00:19:26,080 --> 00:19:31,120
είναι μια συμβολοσειρά, εκπαιδευτής, που είναι ένα string,
και τη σειρά, ένας int, και μια Boolean.

373
00:19:31,120 --> 00:19:36,110
Έτσι, όλα αυτά τα διαφορετικά πράγματα.

374
00:19:36,110 --> 00:19:39,600
>> Εντάξει, ναι, έχουμε ένα άλλο.

375
00:19:39,600 --> 00:19:42,930
Έτσι, σε αυτή την περίπτωση, έχουμε
μία συστοιχία αντικειμένων.

376
00:19:42,930 --> 00:19:45,320
Έτσι ακριβώς όπως ένα αντικείμενο
μπορεί να έχει μια σειρά σε αυτό.

377
00:19:45,320 --> 00:19:47,210
Μπορούμε επίσης να έχουμε μια σειρά από αντικείμενα.

378
00:19:47,210 --> 00:19:51,250
Αυτό μπορεί να είναι χρήσιμο να
σκεφτείτε παρόμοια με το είδος

379
00:19:51,250 --> 00:19:54,260
πώς είχαμε ένα hash
τραπέζι, είχαμε μια σειρά

380
00:19:54,260 --> 00:19:56,220
όλων αυτών των διαφορετικών
τύπους structs ότι

381
00:19:56,220 --> 00:19:59,070
ήταν δείκτες σε διαφορετικές
κόμβους και εταζέρα.

382
00:19:59,070 --> 00:20:01,420
Αλλά σε αυτή την περίπτωση,
έχουν μία σειρά αντικειμένων.

383
00:20:01,420 --> 00:20:04,890
Έτσι, αυτό είναι σαν μια σειρά
των συνεταιριστικών συστοιχίες.

384
00:20:04,890 --> 00:20:09,430
Έτσι έχουμε μερικά πρώτο στοιχείο θα
είναι το αντικείμενο με το όνομα James

385
00:20:09,430 --> 00:20:11,340
και να στεγαστούν Winthrop.

386
00:20:11,340 --> 00:20:14,780
>> Εσείς μπορεί να θυμηθεί
κάτι πολύ παρόμοιο με αυτό

387
00:20:14,780 --> 00:20:21,710
με τελευταίο το chipset σας, όπου κι αν
τράβηξε κάτι από τη βάση δεδομένων σας,

388
00:20:21,710 --> 00:20:24,480
το πρώτο είδος του
πράγμα στη σειρά σας ήταν

389
00:20:24,480 --> 00:20:27,110
όλες τις πληροφορίες σχετικά με
ο πρώτος χρήστης που συνάντησε,

390
00:20:27,110 --> 00:20:30,765
και τότε θα έπρεπε να δείκτη σε ότι
για να πάρετε το απόθεμά τους ή τους cache

391
00:20:30,765 --> 00:20:32,110
ή οτιδήποτε.

392
00:20:32,110 --> 00:20:34,620
Έτσι, αυτό είναι πάρα πολύ η ίδια
πράγμα, μόνο μια μικρή αλλαγή

393
00:20:34,620 --> 00:20:39,570
στη σύνταξη, αλλαγή λίγο σε
οι λέξεις που χρησιμοποιούμε για την περιγραφή τους.

394
00:20:39,570 --> 00:20:45,960
>> Έτσι, αν θέλαμε, μπορεί κανείς να πει
με ό, τι αυτό έγκαιρης προειδοποίησης που θα κάνουμε εδώ;

395
00:20:45,960 --> 00:20:48,780
Ή ό, τι αυτό το κομμάτι της
κώδικας θα κάνει για μας;

396
00:20:48,780 --> 00:20:50,992

397
00:20:50,992 --> 00:20:52,616
ΚΟΙΝΟ: Θα σας δώσω όλα τα ονόματα.

398
00:20:52,616 --> 00:20:54,900
ALLISON BUCHHOLTZ-ΑΕ: Δεξιά, έτσι ώστε να
θα ειδοποιεί μόνο με όλα τα ονόματα

399
00:20:54,900 --> 00:20:57,960
διότι θα περάσει
εξοχικό σπίτι i, έτσι θα ξεκινούν από το μηδέν.

400
00:20:57,960 --> 00:21:01,330
Γι 'αυτό ήθελα να πω, εντάξει ψάχνουμε
σε αυτό το πρώτο αντικείμενο, το οποίο

401
00:21:01,330 --> 00:21:03,210
είναι η πρώτη θέση στον πίνακα μας.

402
00:21:03,210 --> 00:21:06,900
Και λέει, "δώσε μου το
αποδίδουν, το όνομα του αντικειμένου. "

403
00:21:06,900 --> 00:21:09,030
Έτσι, πάμε εδώ, είχαμε
σάρωση, θα βρίσκαμε το όνομα,

404
00:21:09,030 --> 00:21:11,340
και εμείς θα εκτυπώσετε
James, Molly, και ο Καρλ.

405
00:21:11,340 --> 00:21:14,410

406
00:21:14,410 --> 00:21:15,799
Όλες οι ερωτήσεις μέχρι στιγμής;

407
00:21:15,799 --> 00:21:17,590
Δυστυχώς το JavaScript
θα πάμε να είναι

408
00:21:17,590 --> 00:21:20,950
κάνει πολλά ανατρέχοντας σε σας
δικά, υπολογίζοντας τη σύνταξη,

409
00:21:20,950 --> 00:21:21,910
αγωνίζεται με αυτό.

410
00:21:21,910 --> 00:21:25,870
Αλλά φυσικά είμαι πάντα εδώ,
ώρες γραφείου είναι πάντα εδώ.

411
00:21:25,870 --> 00:21:28,260
Μπορεί να κάνω την Τρίτη αυτή την εβδομάδα.

412
00:21:28,260 --> 00:21:31,050
Έτσι, αν είστε εκεί, μπορείτε να
έρθουν επίσκεψη μου αυτή την εβδομάδα.

413
00:21:31,050 --> 00:21:32,470
Θα ήθελα να είναι μεγάλη.

414
00:21:32,470 --> 00:21:36,260
>> Εντάξει, έτσι είναι το έγγραφο DOM-Object Model.

415
00:21:36,260 --> 00:21:38,900
Έτσι, αυτό είναι απλώς ένας τρόπος
ότι θέλουμε να πιστεύουμε

416
00:21:38,900 --> 00:21:45,720
για το πώς HTML μας και τα πάντα
στο πλαίσιο αυτό οργανώνεται.

417
00:21:45,720 --> 00:21:49,930
Αυτό είναι πάρα πολύ κάτι που
μάλλον θα καταλήξει σε ένα κουίζ σας.

418
00:21:49,930 --> 00:21:58,150
Ξέρω χρόνο μου, ήταν σαν να είναι εδώ
HTML αρχείο, συμπληρώστε το DOM για αυτό.

419
00:21:58,150 --> 00:21:59,770
Και μπορείτε απλά να συμπληρώσετε στα μικρά πράγματα.

420
00:21:59,770 --> 00:22:01,500
Αυτά θα πρέπει να είναι εύκολο σημεία ελπίζουμε.

421
00:22:01,500 --> 00:22:03,450
Ας ελπίσουμε ότι θα see--

422
00:22:03,450 --> 00:22:04,590
>> ΚΟΙΝΟ: [δεν ακούγεται]

423
00:22:04,590 --> 00:22:06,660
>> ALLISON BUCHHOLTZ-ΑΕ: Έτσι
βλέπετε αυτό το δέντρο εδώ;

424
00:22:06,660 --> 00:22:07,200
>> Κοινό: Ναι.

425
00:22:07,200 --> 00:22:08,949
>> ALLISON BUCHHOLTZ-ΑΕ:
Έτσι θα ζητήσει από τη χρήση

426
00:22:08,949 --> 00:22:11,750
να συμπληρώσετε το τι συμβαίνει κάτω από το σώμα.

427
00:22:11,750 --> 00:22:15,770
Ίσως κάτω από το σώμα, έχουμε κάποια
divs ή έχουμε κάποιες σκέψεις,

428
00:22:15,770 --> 00:22:19,160
και θα σας ζητήσει να συμπληρώσετε
ένα δέντρο μοιάζει πολύ με αυτό.

429
00:22:19,160 --> 00:22:21,440
Έτσι θα είναι το περπάτημα μέσα από αυτό.

430
00:22:21,440 --> 00:22:26,120
Έτσι, το αντικείμενο document
Μοντέλο είναι απλώς ένας τρόπος

431
00:22:26,120 --> 00:22:31,240
να δομήσουν και να σκεφτούμε
για την HTML μας γραφικά.

432
00:22:31,240 --> 00:22:33,860

433
00:22:33,860 --> 00:22:35,840
Και επίσης όταν παίρνουμε
σε περισσότερες JavaScript,

434
00:22:35,840 --> 00:22:37,640
πρόκειται να είναι η
τρόπο ότι πράγματι

435
00:22:37,640 --> 00:22:39,990
χειρίζονται διαφορετικά
στοιχεία σχετικά με τη σελίδα.

436
00:22:39,990 --> 00:22:43,980
Χρειαζόμαστε έναν τρόπο για να αποκτήσετε πρόσβαση σε κάθε
από τα πράγματα σε HTML μας,

437
00:22:43,980 --> 00:22:48,050
και έτσι αυτό μας δίνει μια πολύ
σκυρόδεμα τυποποιημένο τρόπο

438
00:22:48,050 --> 00:22:51,010
σε διάφορες ιστοσελίδες για να το κάνουμε αυτό.

439
00:22:51,010 --> 00:22:53,440
>> Έτσι, αν εμείς απλά να περπατήσετε μέσα
Αυτό εδώ, φυσικά

440
00:22:53,440 --> 00:22:56,790
εγγράφου μας είναι σαν ολόκληρο το αρχείο μας.

441
00:22:56,790 --> 00:22:59,350
Αυτό προφανώς έχει νόημα
ότι αυτό είναι το υψηλότερο πράγμα,

442
00:22:59,350 --> 00:23:03,520
και στη συνέχεια έχουμε την πραγματική μας HTML,
που αντιστοιχεί σε αυτήν την ετικέτα εδώ.

443
00:23:03,520 --> 00:23:08,480
Επίσης, αν σε περίπτωση ετικέτες σας
σωστά, τότε η δημιουργία αυτού του δέντρου DOM

444
00:23:08,480 --> 00:23:10,530
γίνεται εξαιρετικά απλή.

445
00:23:10,530 --> 00:23:12,400
Έτσι έχουμε κάποια κεφαλή εδώ.

446
00:23:12,400 --> 00:23:15,780
Έχουμε κάποιο σώμα που
βλέπουμε προέρχονται από την HTML,

447
00:23:15,780 --> 00:23:18,530
η οποία είναι ο λόγος που έχουμε το κεφάλι και το σώμα.

448
00:23:18,530 --> 00:23:22,880
Στο κεφάλι, έχουμε κάποια
ετικέττα τίτλου, μια ετικέτα τέλους τον τίτλο,

449
00:23:22,880 --> 00:23:24,570
έτσι ξέρουμε ότι έρχεται μετά από το κεφάλι.

450
00:23:24,570 --> 00:23:28,040
Και μέσα σε ετικέττα τίτλου μας,
έχουμε Hello, world.

451
00:23:28,040 --> 00:23:28,740
Εντάξει;

452
00:23:28,740 --> 00:23:31,311
Έτσι, αυτό είναι όλο αυτό το αριστερό κλάδο χέρι.

453
00:23:31,311 --> 00:23:34,060
Και στη συνέχεια, για την διακλάδωση δεξιά
Εδώ, βλέπουμε ότι έχουμε HTML,

454
00:23:34,060 --> 00:23:38,680
Εντάξει έχουμε κάνει αυτό το μέρος της κεφαλής,
ψάχνουμε μόνο στο σώμα,

455
00:23:38,680 --> 00:23:40,670
έτσι έχουμε κάποια περιοχή του σώματος.

456
00:23:40,670 --> 00:23:44,350
Και μέσα σε αυτό, το μόνο
πράγμα που έχουμε είναι γειά σου, τον κόσμο.

457
00:23:44,350 --> 00:23:45,090
Εντάξει;

458
00:23:45,090 --> 00:23:54,130
Αν είχαμε τα πράγματα όπως
κάποια π βραχίονα και, στη συνέχεια,

459
00:23:54,130 --> 00:23:57,500
Γεια σας, τον κόσμο, και στη συνέχεια ένα άλλο
στήριγμα σ του αντίο, στον κόσμο,

460
00:23:57,500 --> 00:24:00,080
θα είχαμε δύο φυσαλίδες
έρχεται από εδώ.

461
00:24:00,080 --> 00:24:05,550
Επειδή είναι τόσο κάτω από το σώμα, αλλά
από όπου και αν ξεχωριστές παραγράφους αυτή η περίπτωση.

462
00:24:05,550 --> 00:24:11,520
Υπάρχει σίγουρα πρακτική
για αυτό σε προηγούμενες κουίζ,

463
00:24:11,520 --> 00:24:14,570
καθώς και την αφθονία σε απευθείας σύνδεση σε αυτό.

464
00:24:14,570 --> 00:24:18,260
Εντάξει έτσι, αυτό αφήνει μόνο
μας βλέπουν πάντα όμορφα

465
00:24:18,260 --> 00:24:20,810
και να χειριστείτε τα πράγματα
πολύ συστηματικά.

466
00:24:20,810 --> 00:24:21,340
Εντάξει;

467
00:24:21,340 --> 00:24:23,640
Ξέρουμε ακριβώς πώς να
ταξιδέψτε μέσα από αυτό το δέντρο,

468
00:24:23,640 --> 00:24:26,910
για να ξέρουμε τι θέλουμε να έχουν πρόσβαση.

469
00:24:26,910 --> 00:24:31,690
>> Εντάξει έτσι αυτό είναι ο λόγος που θέλουμε
να έχουν αυτό το είδος του μοντέλου,

470
00:24:31,690 --> 00:24:35,190
έτσι ώστε να μπορούμε να χρησιμοποιήσουμε τα πράγματα όπως αυτό,
και καταλαβαίνουμε τι σημαίνουν,

471
00:24:35,190 --> 00:24:38,370
και είναι τυποποιημένα
σε όλα τα πράγματα που κάνουμε.

472
00:24:38,370 --> 00:24:45,900
Έτσι τίτλος dot έγγραφο είναι μόνο
ο τίτλος του our-- όλα αυτά

473
00:24:45,900 --> 00:24:48,960
είναι αρκετά αυτονόητα,
Θέλω να πιστεύω.

474
00:24:48,960 --> 00:24:51,660
Τρία Έτσι, η πρώτη
παραδείγματα είναι απλά λέει,

475
00:24:51,660 --> 00:24:54,770
"Εντάξει, απλά να μου δώσει το
τίτλος αυτής της ιστοσελίδας. "

476
00:24:54,770 --> 00:24:58,030
Γι 'αυτό θα σας δώσει ό, τι
αντιστοιχεί στον τίτλο.

477
00:24:58,030 --> 00:25:01,880
>> Το σώμα του εγγράφου dot πρόκειται να σας δώσω
ό, τι είναι μέσα σε αυτές τις ετικέτες του σώματος.

478
00:25:01,880 --> 00:25:03,240
Έτσι, μπορείτε να χειριστείτε αυτό.

479
00:25:03,240 --> 00:25:07,820
Και dot έγγραφο σώμα τελεία
εισάγετε HTML είναι ένα πολύ δροσερό το ένα,

480
00:25:07,820 --> 00:25:11,660
και ίσως δεν είναι σαν σούπερ
διαισθητική, αλλά η εσωτερική HTML

481
00:25:11,660 --> 00:25:13,740
αντιστοιχεί στο δικαίωμα αυτό εδώ.

482
00:25:13,740 --> 00:25:17,410
Έτσι, εάν θέλετε πάντα να
χειραγωγήσουν το κείμενο σε μια σελίδα,

483
00:25:17,410 --> 00:25:22,700
συνήθως θα πάμε να κάνουμε
κάτι με τελεία σώμα εσωτερική HTML.

484
00:25:22,700 --> 00:25:23,820
Εντάξει;

485
00:25:23,820 --> 00:25:31,341
Έτσι, η Inner HTML τείνει να αναφέρεται σε
ό, τι είναι στην πραγματικότητα ανάμεσα σε αυτές τις ετικέτες.

486
00:25:31,341 --> 00:25:31,840
Εντάξει;

487
00:25:31,840 --> 00:25:33,020
Και τότε χρήσιμες λειτουργίες.

488
00:25:33,020 --> 00:25:40,390
Έτσι, αν θέλετε να πάρετε
οποιοδήποτε από αυτά, κάθε στοιχείο,

489
00:25:40,390 --> 00:25:43,140
έχουμε κάποια ταυτότητα, την τάξη
το όνομα ή το όνομα της ετικέτας.

490
00:25:43,140 --> 00:25:47,100
Αυτό είναι πολύ παρόμοιο με
πράγματα που κάναμε με CSS, έτσι δεν είναι;

491
00:25:47,100 --> 00:25:51,360
Όταν έχουμε κάποια επιλογείς
αντιστοιχεί είτε σε μια ετικέτα, μια κατηγορία

492
00:25:51,360 --> 00:25:53,800
ότι εμείς τους, ή ένα αναγνωριστικό δώσει.

493
00:25:53,800 --> 00:25:55,310
Αυτό είναι πάρα πολύ με τον ίδιο τρόπο.

494
00:25:55,310 --> 00:26:00,720
Αν έχετε κάτι που
έχει κάποια τάξη του σκύλου,

495
00:26:00,720 --> 00:26:05,800
και λέτε να πάρει στοιχεία από το όνομα ετικέτας,
και βάζετε το σκυλί σε there-- ή συγγνώμη,

496
00:26:05,800 --> 00:26:06,610
το όνομα της κλάσης.

497
00:26:06,610 --> 00:26:07,770
Μπορείτε να βάλετε τελεία εκεί.

498
00:26:07,770 --> 00:26:11,780
Είναι πρόκειται να επιστρέψει όλους εκείνους
τα στοιχεία σας που έχουν αυτή την κατηγορία.

499
00:26:11,780 --> 00:26:13,880
Έτσι, μπορείτε να χειριστείτε μόνο εκείνους.

500
00:26:13,880 --> 00:26:18,430
Κατά τον ίδιο τρόπο, ίσως απλά
θέλουν να χειραγωγήσουν κάποιο κεφαλίδα, έτσι

501
00:26:18,430 --> 00:26:20,980
κάποια επικεφαλίδα h1, όπως το κάναμε.

502
00:26:20,980 --> 00:26:24,900
Θα μπορούσατε να το κάνετε να πάρετε τα στοιχεία από την ετικέτα
το όνομα, επειδή h1 είναι ένα όνομα ετικέτας.

503
00:26:24,900 --> 00:26:29,270
Και με τον ίδιο τρόπο, αν θέλετε να πάρετε
κάποια μοναδικό πράγμα, μπορείτε να κάνετε get ετικέτα.

504
00:26:29,270 --> 00:26:31,100
Πάρτε το στοιχείο με ID.

505
00:26:31,100 --> 00:26:32,710
Και είναι πραγματικά πολλά από αυτά.

506
00:26:32,710 --> 00:26:36,300
Αυτά είναι μόνο όπως και τρεις από πάρα πολλές.

507
00:26:36,300 --> 00:26:39,600
Έτσι, αν πάτε σε απευθείας σύνδεση, όπως
Πάω να ενθαρρύνουν

508
00:26:39,600 --> 00:26:45,342
μπορείτε να το κάνετε, και να κάνουμε κάποιες
έρευνα για το δικό σας,

509
00:26:45,342 --> 00:26:48,450
Θα ήθελα να συστήσω σίγουρα
εξετάζοντας όλα αυτά.

510
00:26:48,450 --> 00:26:50,880
Θα μπορούσαν να είναι σούπερ
χρήσιμο, ειδικά όταν

511
00:26:50,880 --> 00:26:57,180
θέλετε να ακριβώς το είδος της χειραγωγήσουν
πολύ συγκεκριμένα πράγματα, χωρίς να έχει

512
00:26:57,180 --> 00:27:00,390
για να περάσει και να δοκιμάσετε
να αναλύσει τα πάντα.

513
00:27:00,390 --> 00:27:03,540
>> Εντάξει, έτσι το τελευταίο πράγμα
Είναι javascript γεγονότα.

514
00:27:03,540 --> 00:27:10,730
Έτσι, όταν μιλούσα νωρίτερα
για τη μετάβαση σε ένα δικτυακό τόπο,

515
00:27:10,730 --> 00:27:14,340
και όταν περνάτε πάνω από κάτι,
ή το ποντίκι σας αιωρείται πάνω από κάτι,

516
00:27:14,340 --> 00:27:15,420
κάτι άλλο συμβαίνει.

517
00:27:15,420 --> 00:27:17,900
Αυτό είναι ό, τι θα θέλαμε να
σκεφτείτε ως ένα γεγονός.

518
00:27:17,900 --> 00:27:23,970
Έτσι, αυτό που έχουμε που θα μπορούσαν να
είναι χρήσιμο εδώ είναι onclick.

519
00:27:23,970 --> 00:27:29,140
Έτσι, η δική μου ήταν κάτω από το ποντίκι, το οποίο, είμαι
αρκετά βέβαιος, είναι ακριβώς κάτω από το ποντίκι.

520
00:27:29,140 --> 00:27:31,300
Επίσης, ένας τόνος από αυτά
ότι μπορείτε να αναζητήσετε.

521
00:27:31,300 --> 00:27:34,340
Υπάρχει μια ολόκληρη λίστα σε απευθείας σύνδεση
από τα διαφορετικά πράγματα

522
00:27:34,340 --> 00:27:37,130
ότι μπορείτε να ακούσετε.

523
00:27:37,130 --> 00:27:41,220
>> Αλλά τα γεγονότα JavaScript είναι
βασικά ακριβώς ανταποκρίνεται στα πράγματα

524
00:27:41,220 --> 00:27:42,430
ότι ο χρήστης σας κάνει.

525
00:27:42,430 --> 00:27:42,930
Σωστά;

526
00:27:42,930 --> 00:27:45,220
Έτσι, ο χρήστης σας κάνει
κάτι, αυτό είναι ένα γεγονός,

527
00:27:45,220 --> 00:27:48,340
και JavaScript θα ανταποκριθεί
Ωστόσο, θα ήθελα να αρέσει.

528
00:27:48,340 --> 00:27:49,770
Θα απαντήσει αναλόγως.

529
00:27:49,770 --> 00:27:54,630
Έτσι, σε αυτή την περίπτωση, έχουμε
κάποια onload παράθυρο τελεία.

530
00:27:54,630 --> 00:27:57,170
Λοιπόν, τι λέει αυτό είναι, "περιμένετε
μέχρι τη φόρτωσή του παραθύρου. "

531
00:27:57,170 --> 00:27:57,780
Εντάξει;

532
00:27:57,780 --> 00:28:02,102
Έτσι, όταν είναι φορτωμένο, onload όλα είναι,
τότε μπορείτε να εκτελέσετε αυτή τη λειτουργία.

533
00:28:02,102 --> 00:28:03,810
Έτσι, όταν τα πάντα είναι
φορτωμένο, θα πάμε

534
00:28:03,810 --> 00:28:07,760
να έχουν κάποια κουμπί αναζήτησης
που παίρνει ένα στοιχείο από Id,

535
00:28:07,760 --> 00:28:13,740
και εκτυπώνει ό, τι αυτό
στοιχείο είναι το κουμπί Αναζήτηση.

536
00:28:13,740 --> 00:28:17,050
Και στη συνέχεια, έχουμε αυτή τη μεταβλητή,
λέμε, "Εντάξει, onclick".

537
00:28:17,050 --> 00:28:20,390
Έτσι, όταν ακούμε ένα κλικ
στο κουμπί Αναζήτηση,

538
00:28:20,390 --> 00:28:23,990
εκτελέσετε αυτή τη λειτουργία, η οποία είναι μια
συναγερμού, κάνατε κλικ στο κουμπί Αναζήτηση.

539
00:28:23,990 --> 00:28:28,910
>> Έτσι τι συμβαίνει is-- αυτό είναι ένα ωραίο
μικρή γραφική αναπαράσταση εδώ.

540
00:28:28,910 --> 00:28:31,480
Έτσι, η φόρτωση του εγγράφου μας,
ότι είναι onload μας,

541
00:28:31,480 --> 00:28:34,340
βρίσκουμε μας Αναζήτηση
κουμπί, το οποίο είναι αυτό.

542
00:28:34,340 --> 00:28:36,570
Ψάχνουμε για το κουμπί αναζήτησης μας.

543
00:28:36,570 --> 00:28:40,790
Και στη συνέχεια, όταν το κουμπί αναζήτησης είναι
κλικ, αυτό αντιστοιχεί σε ακριβώς εδώ.

544
00:28:40,790 --> 00:28:41,980
Onclick.

545
00:28:41,980 --> 00:28:47,300
Στη συνέχεια, προειδοποιεί τελικά χρήστη μας,
η οποία είναι αυτή η τελευταία γραμμή εδώ.

546
00:28:47,300 --> 00:28:48,250
Εντάξει;

547
00:28:48,250 --> 00:28:52,960
Έτσι, κάθε ένα από τα τέσσερα αυτά βήματα μόνο
αντιστοιχεί στα τέσσερα κουτιά

548
00:28:52,960 --> 00:28:55,031
εκεί κάτω στο κάτω μέρος.

549
00:28:55,031 --> 00:28:56,405
Μήπως αυτό έχει νόημα για όλους;

550
00:28:56,405 --> 00:29:01,120

551
00:29:01,120 --> 00:29:05,200
>> Και τότε ένα πράγμα που είμαι απλώς πρόκειται
να αναφέρω πολύ, πολύ σύντομα, ότι

552
00:29:05,200 --> 00:29:08,660
Σας ενθαρρύνουμε τα παιδιά να
πηγαίνετε να δείτε περισσότερα σε είναι

553
00:29:08,660 --> 00:29:13,210
jQuery, η οποία είναι απλά μια βιβλιοθήκη
ότι είναι χτισμένο στην κορυφή του το JavaScript.

554
00:29:13,210 --> 00:29:16,480
Είναι εξαιρετικά χρήσιμο, όπως
με τις περισσότερες βιβλιοθήκες.

555
00:29:16,480 --> 00:29:18,320
Υπάρχουν πολλές λειτουργίες.

556
00:29:18,320 --> 00:29:21,930
Έτσι, αν υπάρχει ποτέ κάτι που
θέλετε να κάνετε σε JavaScript,

557
00:29:21,930 --> 00:29:24,880
το πρώτο ένστικτό σας
δεν θα πρέπει να σκεφτούμε

558
00:29:24,880 --> 00:29:27,340
του, "ποια λειτουργία θα πρέπει
Έχω κώδικα; »θα πρέπει να είναι,

559
00:29:27,340 --> 00:29:29,560
"Επιτρέψτε μου να δείτε κάποιον είναι
ήδη κάνει αυτό για μένα. "

560
00:29:29,560 --> 00:29:32,800
Επειδή εννέα φορές στις δέκα,
κάποιος θα το έχουν κάνει ήδη,

561
00:29:32,800 --> 00:29:35,760
και μάλλον το έχουν κάνει καλύτερα.

562
00:29:35,760 --> 00:29:39,990
Οι άνθρωποι ξοδεύουν πολύ χρόνο να κάνει αυτά,
και JavaScript χρησιμοποιείται ευρέως,

563
00:29:39,990 --> 00:29:42,810
έτσι ώστε οι άνθρωποι είναι συνεχώς
προσπαθούν να κάνουν το καλύτερο.

564
00:29:42,810 --> 00:29:47,110
Και jQuery έχει πολλές λειτουργίες
ότι κατά πάσα πιθανότητα θα είναι χρήσιμο σε εσάς

565
00:29:47,110 --> 00:29:50,470
στην τελική του έργου σας, αν είστε
να κάνει τίποτα με το σχεδιασμό ιστοσελίδων.

566
00:29:50,470 --> 00:29:53,480
Όπως μου αρέσει να λέω, "εργασία
εξυπνότερα, όχι σκληρότερα. "

567
00:29:53,480 --> 00:29:57,130
Εάν εσείς το κάνετε αυτό, θα είναι μεγάλη.

568
00:29:57,130 --> 00:30:00,330
Όταν είμαστε στο hackathon εγώ δεν κάνω
θέλουμε να είστε όλοι τόνισε έξω.

569
00:30:00,330 --> 00:30:03,600
Θέλω να είναι όπως, «πήρα
αυτό. jQuery πήρε πίσω μου.

570
00:30:03,600 --> 00:30:05,790
Δεν χρειάζεται να γράψω αυτές τις λειτουργίες. "

571
00:30:05,790 --> 00:30:07,636
>> Έτσι μόνο δύο πράγματα που πρέπει να
θυμηθείτε, θα πάω

572
00:30:07,636 --> 00:30:10,220
να αφήσει εσείς φαίνονται περισσότερο
σε jQuery για τη δική σας.

573
00:30:10,220 --> 00:30:13,070
Όλα Πάω να πω είναι ότι
κάνει μερικά πολύ ωραία πράγματα

574
00:30:13,070 --> 00:30:15,220
και μπορεί να κάνει τη ζωή σας
ένα πάρα πολύ ευκολότερο.

575
00:30:15,220 --> 00:30:17,150
Αλλά τι θέλετε να
έχουν είναι ό, τι αρχείο

576
00:30:17,150 --> 00:30:21,020
ότι θα πάμε να το χρησιμοποιεί σε,
θα πάμε να θέλουν αυτές τις δύο γραμμές.

577
00:30:21,020 --> 00:30:25,630
Θα πάμε να θέλουν το
γραφή του js jQuery dot js.

578
00:30:25,630 --> 00:30:28,500
Και πράγματι πηγή σας
πρόκειται να είναι κάποια διεύθυνση URL.

579
00:30:28,500 --> 00:30:35,870
Αν έχετε το Google jQuery, το Google
φιλοξενεί στην πραγματικότητα όλα τα αρχεία σας.

580
00:30:35,870 --> 00:30:38,950
Έτσι, σίγουρα θέλετε να
εισόδου ότι η διεύθυνση URL αντ 'αυτού.

581
00:30:38,950 --> 00:30:41,130
Έβαλα ακριβώς αυτό εδώ
για λόγους απλότητας.

582
00:30:41,130 --> 00:30:45,180
Όλο αυτό σημαίνει ότι όπου να
βρείτε jQuery βιβλιοθήκη σας.

583
00:30:45,180 --> 00:30:48,600
Είναι τεράστια, έτσι δεν θέλετε
για να φιλοξενήσει στο δικό σας υπολογιστή

584
00:30:48,600 --> 00:30:53,390
αν μπορείτε να το αποφύγετε, το οποίο είναι ο λόγος που
τείνουν απλά να βάλει στη διεύθυνση URL της Google ότι

585
00:30:53,390 --> 00:30:55,880
φιλοξενεί όλα αυτά τα αρχεία για σας.

586
00:30:55,880 --> 00:30:56,380
Εντάξει;

587
00:30:56,380 --> 00:30:58,850
Μπορείτε να το Google, το υπόσχομαι
θα είναι εκεί.

588
00:30:58,850 --> 00:31:01,200
>> Και στη συνέχεια, ανεξάρτητα από
Το JavaScript αρχείο που είστε

589
00:31:01,200 --> 00:31:07,150
χρησιμοποιώντας, έτσι αυτό είναι μόνο κάποια εξωτερική
Αρχείο JavaScript που χρησιμοποιείτε.

590
00:31:07,150 --> 00:31:11,570
Με τον ίδιο τρόπο που συνδέονται με το CSS μας
αρχείων, αυτό είναι το ίδιο πράγμα.

591
00:31:11,570 --> 00:31:15,480
Αυτό συνδέει μόνο στο αρχείο
όπου JavaScript σας είναι.

592
00:31:15,480 --> 00:31:18,970
Και έχω μερικά παραδείγματα
με απλή JavaScript.

593
00:31:18,970 --> 00:31:20,220
Γι 'αυτό και θα πρέπει να διέρχεται από αυτό.

594
00:31:20,220 --> 00:31:27,230
Και στη συνέχεια στο δείκτη σας το JavaScript,
η οποία είναι JavaScript αρχείο σας εδώ,

595
00:31:27,230 --> 00:31:30,900
Αυτό είναι το είδος της συσκευασίας
ότι έχετε για jQuery.

596
00:31:30,900 --> 00:31:33,860
Είσαι σχεδόν 99,9
τοις εκατό του χρόνου θα

597
00:31:33,860 --> 00:31:36,800
να έχει αυτό στην index.js αρχείο σας.

598
00:31:36,800 --> 00:31:40,010
Διότι τι λέει αυτό,
"Δεν εκτελούν τίποτα

599
00:31:40,010 --> 00:31:43,480
μέχρι το έγγραφό σας είναι στην πραγματικότητα
έτοιμα, "το οποίο είναι ακριβώς αυτό που θέλετε.

600
00:31:43,480 --> 00:31:46,600
Διότι, αν το έγγραφό σας δεν είναι έτοιμο,
και jQuery αρχίσει να κάνει τα πράγματα,

601
00:31:46,600 --> 00:31:48,020
είναι απλά ένα χάος.

602
00:31:48,020 --> 00:31:50,480
Έτσι, μπορείτε πάντα θέλουν να έχουν αυτό το περιτύλιγμα.

603
00:31:50,480 --> 00:31:55,760
Και στη συνέχεια για πράγματα που πηγαίνουν εκεί, εγώ
πρέπει να αφήσουν στο δικό περιεργάζονται τα παιδιά σας ».

604
00:31:55,760 --> 00:32:04,610
>> Εντάξει, έτσι Υπάρχουν ερωτήσεις σωστά
τώρα περίπου το JavaScript γενικά;

605
00:32:04,610 --> 00:32:07,420
Ή το μοντέλο DOM;

606
00:32:07,420 --> 00:32:10,780
Αν όχι, έχουμε κάποιο δροσερό
παραδείγματα που μπορούμε να πάμε μέσα,

607
00:32:10,780 --> 00:32:13,120
ότι εσείς μπορεί να με βοηθήσει κώδικα.

608
00:32:13,120 --> 00:32:15,877
Αλλά είμαι επίσης πρόκειται να είναι
σούπερ ωραίο, και αν

609
00:32:15,877 --> 00:32:17,960
Δεν θέλω να πω τίποτα
Γι 'αυτούς, αυτό είναι εντάξει.

610
00:32:17,960 --> 00:32:20,510
Μπορώ επίσης να σας δώσω παραδείγματα.

611
00:32:20,510 --> 00:32:24,581
Αλλά τίποτα σχετικά με το
PowerPoint πριν προχωρήσουμε;

612
00:32:24,581 --> 00:32:25,080
Cool.

613
00:32:25,080 --> 00:32:26,990
>> Νιώθω σαν εσείς χρειάζεστε για την ενέργεια.

614
00:32:26,990 --> 00:32:31,516
Έτσι, νομίζω ότι θα πάμε για να ξεκινήσετε
με το κόμμα παράδειγμα μου πρώτα.

615
00:32:31,516 --> 00:32:33,390
Έχουμε τρία παραδείγματα,
έχετε την επιλογή σας.

616
00:32:33,390 --> 00:32:37,720
Έτσι έχουμε το ρολόι, όπου θα πάμε
να εφαρμόσουν ένα πραγματικό ρολόι που είναι

617
00:32:37,720 --> 00:32:41,430
πρόκειται να ενημερώσει το πέρασμα του χρόνου.

618
00:32:41,430 --> 00:32:43,310
Έχουμε αυτή τη μεγάλη λειτουργία του Twitter.

619
00:32:43,310 --> 00:32:44,560
This-- ξέρετε τι, κρατήστε την.

620
00:32:44,560 --> 00:32:47,220
Εμείς πάμε για να κάνει αυτό να πάει μακριά.

621
00:32:47,220 --> 00:32:47,950
Μπαμ.

622
00:32:47,950 --> 00:32:49,060
ΟΚ.

623
00:32:49,060 --> 00:32:56,132
>> Έχουμε αυτή τη μεγάλη λειτουργία Twitter
εδώ, that-- ξέρω, σωστά;

624
00:32:56,132 --> 00:32:57,090
Είναι πρόκειται να είναι μεγάλη.

625
00:32:57,090 --> 00:32:58,350
Είσαι ενθουσιασμένος παιδιά;

626
00:32:58,350 --> 00:33:01,170
Αυτό πρόκειται να μετρήσει τον αριθμό
χαρακτήρων που έχετε αφήσει,

627
00:33:01,170 --> 00:33:04,520
οπότε αν πληκτρολογήσετε τώρα,
προφανώς εξακολουθεί να λέει 140,

628
00:33:04,520 --> 00:33:06,190
αλλά ξέρουμε ότι δεν είναι η περίπτωση.

629
00:33:06,190 --> 00:33:08,570
Και στη συνέχεια, με το τελευταίο μας
εδώ, κάντε κλικ εδώ για να διασκεδάσετε.

630
00:33:08,570 --> 00:33:12,150
Τι πρόκειται να συμβεί είναι όταν
κάνουμε κλικ, το φόντο του

631
00:33:12,150 --> 00:33:13,340
πρόκειται να αλλάξετε τα χρώματα.

632
00:33:13,340 --> 00:33:17,060
Έτσι, εσείς έχετε τις επιλογές σας
το οποίο θέλετε να κάνετε την πρώτη.

633
00:33:17,060 --> 00:33:19,800
Υπόσχομαι ότι θα τον πάρει πολύ εύκολο για σας.

634
00:33:19,800 --> 00:33:22,680
Νιώθω σαν ο καθένας στο είδος του
μόνο πολύ χαμηλών τόνων και σήμερα.

635
00:33:22,680 --> 00:33:25,540
Γι 'αυτό θα σας καθοδηγήσει πώς
θα εφαρμόσει όλα αυτά.

636
00:33:25,540 --> 00:33:28,520
Αν θέλετε να κόγχη
σε, αυτό είναι σπουδαίο, αλλά εγώ

637
00:33:28,520 --> 00:33:30,020
αισθάνεται σαν ο καθένας είναι λίγο κουρασμένος.

638
00:33:30,020 --> 00:33:32,970
Γι 'αυτό θα σας καθοδηγήσει ακριβώς
μέσω αυτών των παραδειγμάτων.

639
00:33:32,970 --> 00:33:35,015
Μήπως έχουμε κάτι που
θα θέλαμε να κάνουμε πρώτα;

640
00:33:35,015 --> 00:33:38,140

641
00:33:38,140 --> 00:33:39,475
Όποιος;

642
00:33:39,475 --> 00:33:41,350
Δεν προτίμησης;

643
00:33:41,350 --> 00:33:41,867
ΟΚ.

644
00:33:41,867 --> 00:33:42,450
Ξέρεις τι;

645
00:33:42,450 --> 00:33:43,290
Είμαστε στο κόμμα.

646
00:33:43,290 --> 00:33:48,380
Νιώθω σαν εσείς χρειάζεστε ένα little--
έτσι, εμείς θα κάνουμε το ένα μέρος για πρώτη φορά.

647
00:33:48,380 --> 00:33:48,880
ΟΚ.

648
00:33:48,880 --> 00:33:51,470

649
00:33:51,470 --> 00:33:56,930
>> Έτσι, αυτό που έχουμε here-- ότι είναι
δεν έπρεπε να είναι εκεί.

650
00:33:56,930 --> 00:33:57,910
Τώρα αυτό είναι καλό.

651
00:33:57,910 --> 00:33:59,810
ΟΚ.

652
00:33:59,810 --> 00:34:03,110
Έτσι, αυτό που έχουμε εδώ είναι
μόνο μια απλή σελίδα HTML

653
00:34:03,110 --> 00:34:07,840
ότι εσείς θα πρέπει όλοι να είναι σούπερ
εξοικειωμένοι με δύο τελευταίων psets σας.

654
00:34:07,840 --> 00:34:10,212
έχουμε μας τύπου doc εδώ.

655
00:34:10,212 --> 00:34:10,920
Μπορούν όλοι να δούμε;

656
00:34:10,920 --> 00:34:11,420
ΟΚ.

657
00:34:11,420 --> 00:34:12,560
Cool.

658
00:34:12,560 --> 00:34:13,900
Έχουμε HTML μας προφανώς.

659
00:34:13,900 --> 00:34:18,360
Έχουμε κάποια κεφαλίδα που είναι
συνδέεται με ένα φύλλο στυλ που

660
00:34:18,360 --> 00:34:21,420
μόλις έκανε γραμματοσειρά μου ωραίο και μεγάλο και τολμηρό.

661
00:34:21,420 --> 00:34:23,489
Γι 'αυτό μην ανησυχείτε γι' αυτό.

662
00:34:23,489 --> 00:34:26,437
>> Έχουμε κάποια σώμα με
ένα φόντο Id, εντάξει;

663
00:34:26,437 --> 00:34:28,520
Γιατί θα πάμε να είναι
αλλάζοντας το φόντο.

664
00:34:28,520 --> 00:34:31,964
Έτσι όταν αλλάζουμε την
φόντο του σώματός μας,

665
00:34:31,964 --> 00:34:35,965
θυμόμαστε από πριν από δύο εβδομάδες
όταν έχουμε να κάνουμε με ιστοσελίδες.

666
00:34:35,965 --> 00:34:36,840
Έτσι καλό να έχει αυτό.

667
00:34:36,840 --> 00:34:39,270
Και έχουμε κάποια ταυτότητα ισούται με κόμμα.

668
00:34:39,270 --> 00:34:43,909
Αυτή η διαιτητής λίβρα σημαίνει απλώς ότι
πρόκειται να πάει στην ίδια σελίδα.

669
00:34:43,909 --> 00:34:47,120
Και κάντε κλικ εδώ για πάρτι,
η οποία είναι ο λόγος που όταν το κλικ,

670
00:34:47,120 --> 00:34:48,940
θα πρέπει να αλλάξετε τα χρώματα, ευτυχώς.

671
00:34:48,940 --> 00:34:54,322
>> Και τότε έχουμε κάποια σενάριο εδώ ότι
συνδέεται μόνο γι αυτό το κόμμα js τελεία

672
00:34:54,322 --> 00:34:58,100
αρχείο, το οποίο είναι άδειο, διότι
δεν έχουμε κάνει τίποτα ακόμα.

673
00:34:58,100 --> 00:35:00,450
Και είναι τόσο λυπηρό.

674
00:35:00,450 --> 00:35:06,100
Αλλά πολύ σύντομα, θα αλλάξει
χρώματα, και θα είναι φοβερό.

675
00:35:06,100 --> 00:35:10,520
>> Έτσι είμαι απλώς πρόκειται να περπατάτε παιδιά
μέσα από το πώς μπορούμε να προσεγγίσουμε το θέμα.

676
00:35:10,520 --> 00:35:14,030
Έτσι, το πρώτο πράγμα που
θα μπορούσαμε να θέλουμε να κάνουμε,

677
00:35:14,030 --> 00:35:18,050
αν εμείς αλλάζουμε το φόντο του
το σώμα, το πρώτο πράγμα που θα θελήσουμε

678
00:35:18,050 --> 00:35:22,730
να κάνετε είναι να αρπάξει
τι το σώμα είναι, σωστά;

679
00:35:22,730 --> 00:35:27,690
Έτσι θέλουμε να έχουμε άθροισμα, μας
φόντο, και αν παρατηρήσετε,

680
00:35:27,690 --> 00:35:29,567
Απλώς αυτόματα μόλις αρχίσετε να πληκτρολογείτε.

681
00:35:29,567 --> 00:35:32,400
Δεν υπάρχει τίποτα ιδιαίτερο που έχουμε
πρέπει να κάνουμε για τα αρχεία μας το JavaScript.

682
00:35:32,400 --> 00:35:35,820
Μπορώ να ξεκινήσω δηλώνοντας μεταβλητές,
και δηλώνοντας λειτουργιών τυχαία.

683
00:35:35,820 --> 00:35:38,110
Και είναι πολύ πιο ελεύθερη μορφή.

684
00:35:38,110 --> 00:35:41,930
Είναι όπως με τον C, δώσαμε όλοι σας
αυτοί οι σκληροί κανόνες και μεγαλώσατε,

685
00:35:41,930 --> 00:35:43,220
έτσι είμαστε σαν, "πάει πίσω.

686
00:35:43,220 --> 00:35:44,000
Να είναι ελεύθεροι.

687
00:35:44,000 --> 00:35:44,870
Κάντε ό, τι θέλετε. "

688
00:35:44,870 --> 00:35:46,280
Και αυτό είναι ό, τι το JavaScript είναι.

689
00:35:46,280 --> 00:35:48,390
Έτσι έχουμε κάποιο υπόβαθρο εδώ.

690
00:35:48,390 --> 00:35:55,900
Με το μοντέλο DOM μας, εμείς ξέρουμε
μπορεί να κάνει dot έγγραφο πάρετε το στοιχείο,

691
00:35:55,900 --> 00:36:00,290
και αν παρατηρήσετε εδώ,
το σώμα μας έχει μια ταυτότητα.

692
00:36:00,290 --> 00:36:00,930
Σωστά;

693
00:36:00,930 --> 00:36:06,310
Έτσι μπορούμε να παίρνουν έγγραφο
Id, και εδώ είναι απλή.

694
00:36:06,310 --> 00:36:08,295
Τι μας ταυτότητας που θέλουμε εδώ;

695
00:36:08,295 --> 00:36:09,170
Κοινό: Ιστορικό.

696
00:36:09,170 --> 00:36:11,280
ALLISON BUCHHOLTZ-ΑΕ: Ιστορικό.

697
00:36:11,280 --> 00:36:12,230
Τέλεια.

698
00:36:12,230 --> 00:36:14,250
Και ερωτηματικό στο τέλος.

699
00:36:14,250 --> 00:36:15,610
Αυτό δεν έχει φύγει ακόμα.

700
00:36:15,610 --> 00:36:17,330
Χρειάζεται ακόμα ερωτηματικά σας.

701
00:36:17,330 --> 00:36:17,830
ΟΚ.

702
00:36:17,830 --> 00:36:19,690
Έτσι, αυτό είναι το πρώτο από το δικό μας.

703
00:36:19,690 --> 00:36:23,880
Και όταν κάνουμε κλικ κάτι,
θέλουν να συμβεί κάτι, έτσι δεν είναι;

704
00:36:23,880 --> 00:36:28,270
Έτσι, μπορούμε να θέλετε κάποια μεταβλητή
ότι περιμένει για ένα κλικ.

705
00:36:28,270 --> 00:36:32,410
Τι θα πάμε να κάνουμε είναι να πάμε να
κάνει ο σύνδεσμός μας πιο παρόμοιο με ένα κουμπί.

706
00:36:32,410 --> 00:36:43,140
Έτσι θα πάμε να έχουν κάποιο κουμπί που
ισούται τεκμηριώνει dot πάρει το στοιχείο από Id.

707
00:36:43,140 --> 00:36:48,670
Και αν μιλάω για το
κάντε κλικ στο σύνδεσμο ή κάντε κλικ εδώ για πάρτι

708
00:36:48,670 --> 00:36:51,850
σύνδεσμος, τι θα μπορούσε να Id μου είναι εδώ;

709
00:36:51,850 --> 00:36:52,590
Κόμμα.

710
00:36:52,590 --> 00:36:55,200
Σωστό.

711
00:36:55,200 --> 00:36:56,500
Εντάξει δεν είναι και τόσο άσχημα μέχρι στιγμής.

712
00:36:56,500 --> 00:36:59,060
Ο καθένας να πάρει ό, τι κάνουμε;

713
00:36:59,060 --> 00:37:02,100
>> Εντάξει, έτσι τώρα έχουμε μας
κουμπί, και θέλουμε

714
00:37:02,100 --> 00:37:04,140
να αλλάξουν τα πράγματα, όταν κάνουμε κλικ σε αυτό.

715
00:37:04,140 --> 00:37:08,750
Έτσι, αν θυμόμαστε από το PowerPoint μας,
πολύ απλό πράγμα που μπορούμε να κάνουμε

716
00:37:08,750 --> 00:37:12,140
είναι απλώς τελεία κουμπί onclick, σωστά;

717
00:37:12,140 --> 00:37:14,750

718
00:37:14,750 --> 00:37:18,730
Και αυτό πρόκειται να είναι ίση με κάποια λειτουργία.

719
00:37:18,730 --> 00:37:20,620
Αυτή είναι μια ανώνυμη συνάρτηση.

720
00:37:20,620 --> 00:37:24,620
Και αυτό ακριβώς as-- πραγματικά είμαι
πρόκειται να κάνει αυτό το ένα λίγο μεγαλύτερο.

721
00:37:24,620 --> 00:37:27,330
>> Έτσι, ό, τι έκανα ακριβώς
εδώ είναι που λέω, εντάξει,

722
00:37:27,330 --> 00:37:31,810
όταν κάνετε κλικ στο κουμπί μας, η οποία είναι
αυτό το σύνδεσμο που μόλις αναφέρθηκα,

723
00:37:31,810 --> 00:37:34,270
πρόκειται να εκτελέσει
Αυτή η ανώνυμη λειτουργία.

724
00:37:34,270 --> 00:37:35,845
Δεν χρειαζόμαστε εισροές.

725
00:37:35,845 --> 00:37:37,220
Δεν με νοιάζει τι λέει ο χρήστης.

726
00:37:37,220 --> 00:37:38,800
Όταν κάνετε κλικ σε αυτό, είμαστε
Θα κάνουμε ό, τι θέλουμε,

727
00:37:38,800 --> 00:37:40,660
που είναι να αλλάξετε το χρώμα του φόντου.

728
00:37:40,660 --> 00:37:42,640
Εντάξει;

729
00:37:42,640 --> 00:37:47,224
Έτσι, γι 'αυτό και δεν έχουμε κανένα εισόδους,
έχουμε μόνο αυτήν την ανώνυμη συνάρτηση.

730
00:37:47,224 --> 00:37:49,390
Και τώρα είμαστε στην πραγματικότητα θα
να γράψω αυτή τη λειτουργία.

731
00:37:49,390 --> 00:37:55,040
>> Έτσι, υπάρχει ένα σωρό τρόπους σας
θα μπορούσε να δημιουργήσει ένα τυχαίο χρώμα.

732
00:37:55,040 --> 00:37:59,010
Ο τρόπος που έκανα ήταν να
παράγει τρεις τυχαίους αριθμούς

733
00:37:59,010 --> 00:38:01,910
και τη μετατροπή τους σε ένα τριπλό RGB.

734
00:38:01,910 --> 00:38:06,130
Έτσι, αυτό σας δείχνει ακριβώς κάποιο δροσερό
πράγματα που αν είστε όπως, «Ω,

735
00:38:06,130 --> 00:38:08,464
Πρέπει να δημιουργήσει ένα τυχαίο
τον αριθμό. "αν το Googled,

736
00:38:08,464 --> 00:38:09,630
Αυτό είναι ό, τι θα βρείτε.

737
00:38:09,630 --> 00:38:17,580
>> Έτσι, έχουμε τρεις διαφορετικές
τα πράγματα, var, δεν είναι κόκκινο και πάλι, πράσινο.

738
00:38:17,580 --> 00:38:18,080
Σωστά;

739
00:38:18,080 --> 00:38:20,740
Έτσι, αυτά είναι τα τρία
πράγματα που συνθέτουν ένα χρώμα.

740
00:38:20,740 --> 00:38:22,220
Μπλε, κόκκινο και πράσινο.

741
00:38:22,220 --> 00:38:22,960
Cool.

742
00:38:22,960 --> 00:38:27,050
Και τι μπορούμε να κάνουμε είναι να ξέρουμε
ότι πρέπει να είναι μεταξύ 255,

743
00:38:27,050 --> 00:38:30,140
και αν κοίταξε μερικά
γεννήτρια τυχαίων αριθμών,

744
00:38:30,140 --> 00:38:36,000
θα μπορούσατε να πάρετε κάτι σαν τα μαθηματικά
dot τυχαία, το οποίο αν κοιτάξετε αυτό επάνω

745
00:38:36,000 --> 00:38:39,230
επιστρέφει σε κάποιο αριθμό
μεταξύ μηδέν και ένα.

746
00:38:39,230 --> 00:38:39,980
Εντάξει;

747
00:38:39,980 --> 00:38:44,470
Και τι κάνουν οι αριθμοί μας
Τριάδες RGB πάει μεταξύ;

748
00:38:44,470 --> 00:38:47,240
Μηδέν και τι;

749
00:38:47,240 --> 00:38:49,000
Τι μπορεί να πάει μέχρι;

750
00:38:49,000 --> 00:38:49,950
255.

751
00:38:49,950 --> 00:38:53,320
Έτσι, αν τα μαθηματικά dot τυχαία
πηγαίνει μεταξύ μηδέν και ένα,

752
00:38:53,320 --> 00:38:56,365
Πώς μπορούμε να θέλετε να μετατρέψετε αυτό;

753
00:38:56,365 --> 00:38:56,990
ΚΟΙΝΟ: Ώρα;

754
00:38:56,990 --> 00:38:57,830
ALLISON BUCHHOLTZ-ΑΕ: Ναι, ακριβώς.

755
00:38:57,830 --> 00:38:58,677
Έτσι, ο χρόνος είναι 255.

756
00:38:58,677 --> 00:39:00,888
>> ΚΟΙΝΟ: [δεν ακούγεται]
Είναι σαν [δεν ακούγεται].

757
00:39:00,888 --> 00:39:02,471
ALLISON BUCHHOLTZ-ΑΕ: Μαθηματικά dot τυχαία.

758
00:39:02,471 --> 00:39:03,096
ΚΟΙΝΟ: Cool.

759
00:39:03,096 --> 00:39:04,580
ALLISON BUCHHOLTZ-ΑΕ: Ναι.

760
00:39:04,580 --> 00:39:06,300
JavaScript διαρκεί μόλις φροντίδα σας.

761
00:39:06,300 --> 00:39:07,580
ΟΚ.

762
00:39:07,580 --> 00:39:09,360
Έτσι, μπορούμε να το κάνουμε αυτό για όλα αυτά.

763
00:39:09,360 --> 00:39:10,540
Σωστά;

764
00:39:10,540 --> 00:39:16,480
Μαθηματικά dot τυχαίες χρονικές στιγμές 255.

765
00:39:16,480 --> 00:39:17,740
Αντιγράψτε αυτό.

766
00:39:17,740 --> 00:39:18,820
Cool.

767
00:39:18,820 --> 00:39:23,350
Έτσι, το θέμα είναι, αυτό μπορεί να
δεν επιστρέφουν έναν ακέραιο.

768
00:39:23,350 --> 00:39:24,080
Σωστά;

769
00:39:24,080 --> 00:39:26,450
Ίσως έχουμε κάποια αριθμός
μεταξύ μηδέν και ένα,

770
00:39:26,450 --> 00:39:32,150
και το αναγκάζει να είναι ελαφρώς
μακριά, και RGBS μας δεν μπορεί να επιπλέει.

771
00:39:32,150 --> 00:39:33,360
Πρέπει να είναι ints.

772
00:39:33,360 --> 00:39:37,610
Έτσι, εάν έχετε δοκιμάσει αυτό, θα ήταν πιθανώς
έχουν κάποια αλλοπρόσαλλη συμπεριφορά.

773
00:39:37,610 --> 00:39:38,810
Θα ήταν λίγο funky.

774
00:39:38,810 --> 00:39:43,200
Έτσι, αυτό που κάνουμε είναι να θέλουμε να κάνουμε
βέβαιος ότι αυτά είναι στρογγυλεμένες,

775
00:39:43,200 --> 00:39:45,400
και θα μπορούσε να στρογγυλοποιεί ή τον άλλο τρόπο.

776
00:39:45,400 --> 00:39:47,110
Θα στρογγυλοποιείται με το δάπεδο.

777
00:39:47,110 --> 00:39:49,680
Γι 'αυτό και φρόντιζε πάντα
ότι στρογγυλοποιείται προς τα κάτω.

778
00:39:49,680 --> 00:39:54,440
Αλλά να βγαίνουν εκτός του πόσο απλό
ήταν να πάρει μόνο ένα τυχαίο αριθμό,

779
00:39:54,440 --> 00:39:57,920
πώς νομίζετε ότι
θα μπορούσε πάτωμα αυτόν τον αριθμό;

780
00:39:57,920 --> 00:40:00,720
Είναι πολύ παρόμοια.

781
00:40:00,720 --> 00:40:02,810
Οποιαδήποτε ιδέα;

782
00:40:02,810 --> 00:40:06,450
Έτσι, αν τυχαία ήταν απλά μαθηματικά τελεία
τυχαία, έτσι νομίζετε ότι θα κάναμε πάτωμα;

783
00:40:06,450 --> 00:40:09,670
Μαθηματικά πάτωμα τελεία.

784
00:40:09,670 --> 00:40:11,340
Και μπορείτε επίσης να κάνετε οροφή dot μαθηματικά.

785
00:40:11,340 --> 00:40:14,030
Γύρος είναι το είδος της διφορούμενη
γιατί δεν το κάνετε

786
00:40:14,030 --> 00:40:16,110
ξέρω αν πρέπει να στρογγυλοποιεί προς τα πάνω ή στρογγυλοποίηση προς τα κάτω.

787
00:40:16,110 --> 00:40:20,797
Έτσι, συνήθως κάνουμε πάντα μαθηματικά
dot δάπεδο, οροφή μαθηματικά τελεία.

788
00:40:20,797 --> 00:40:21,380
Αλλά honestly--

789
00:40:21,380 --> 00:40:22,780
>> ΚΟΙΝΟ: Μήπως γύρο πάτωμα κάτω;

790
00:40:22,780 --> 00:40:24,740
>> ALLISON BUCHHOLTZ-ΑΕ: Όροφος γύρους κάτω.

791
00:40:24,740 --> 00:40:26,990
Και αυτό είναι μόνο μια επιλογή από την πλευρά μου.

792
00:40:26,990 --> 00:40:32,370
>> Μέχρι τώρα έχουμε τρεις αριθμούς μας
τα οποία έχουν τυχαία,

793
00:40:32,370 --> 00:40:36,610
και τι θα πάμε να κάνουμε τώρα είναι να είμαστε
ακριβώς πρόκειται να αλλάξει το φόντο.

794
00:40:36,610 --> 00:40:37,310
Εντάξει;

795
00:40:37,310 --> 00:40:41,490
Έτσι, έχουμε ήδη μας
φόντο το είδος των αποθηκευμένων

796
00:40:41,490 --> 00:40:43,280
σε αυτό το στοιχείο που ονομάζεται φόντο.

797
00:40:43,280 --> 00:40:47,300
Έτσι, αυτό που θα παρατηρήσετε είναι, αν
που έπαιξε με αυτό,

798
00:40:47,300 --> 00:40:50,460
θέλουμε να αλλάξουμε το στυλ.

799
00:40:50,460 --> 00:40:53,812
Και αυτό είναι το είδος του κάτι που
θα το Google και να καταλάβω,

800
00:40:53,812 --> 00:40:55,020
όπως το πώς να αλλάξετε το χρώμα.

801
00:40:55,020 --> 00:40:59,210
>> Αλλά ο τρόπος που έχετε πρόσβαση σε αυτό το χρώμα είναι
φόντο dot φόντο στυλ τελεία.

802
00:40:59,210 --> 00:41:03,490
Έτσι, αυτό που λέει δίνεται
αυτό το αντικείμενο, φόντο,

803
00:41:03,490 --> 00:41:06,920
το οποίο αναφέρεται στο ότι
στοιχείο Id εκεί πάνω,

804
00:41:06,920 --> 00:41:10,690
θα πάμε να δούμε το
στυλ μέσα στο στυλ,

805
00:41:10,690 --> 00:41:13,280
θα πάμε να δούμε το παρασκήνιο.

806
00:41:13,280 --> 00:41:14,270
Εντάξει;

807
00:41:14,270 --> 00:41:17,630
Και αν πάτε και να εξετάσουμε αυτό επάνω,
θα μπορούσε να κάνει λίγο περισσότερο νόημα,

808
00:41:17,630 --> 00:41:21,930
αλλά αυτό είναι βασικά ακριβώς λέει,
«Δώσε μου αυτό το πολύ ιδιαίτερο χαρακτηριστικό

809
00:41:21,930 --> 00:41:25,770
από ό, τι έχω οριστεί νωρίτερα. "

810
00:41:25,770 --> 00:41:32,340
Έτσι, αυτό που είμαστε είναι η αλλαγή να είναι
μερικά RGB, επειδή είναι λογικό.

811
00:41:32,340 --> 00:41:34,780
Είμαστε χρησιμοποιώντας RGB τριάδες, σωστά;

812
00:41:34,780 --> 00:41:41,530
Και εμείς have-- θέλω να είμαι σίγουρη ότι
να πάρει το σωστό αριθμό εισαγωγικά εδώ.

813
00:41:41,530 --> 00:41:43,940
Έτσι, αυτό που κάνουμε είναι να έχουμε
RGB, και θα πάμε

814
00:41:43,940 --> 00:41:46,800
to-- αυτό είναι σαν
συνένωσης, που είναι κόκκινο.

815
00:41:46,800 --> 00:41:50,030

816
00:41:50,030 --> 00:41:52,610
Και μετά θέλουμε κάποιο κόμμα.

817
00:41:52,610 --> 00:41:59,925
Και μετά θέλουμε καθώς και το πράσινο,
στη συνέχεια κάποιες κόμμα, και κάποια μπλε.

818
00:41:59,925 --> 00:42:10,640

819
00:42:10,640 --> 00:42:14,120
>> Έτσι, αυτά τα απλά συν
Εννοείς σαν αλληλουχία.

820
00:42:14,120 --> 00:42:19,810
Έτσι, αυτό είναι μόνο η δημιουργία αυτή
συμβολοσειρά που συμβαίνει μέσα σε RGB.

821
00:42:19,810 --> 00:42:20,310
Εντάξει;

822
00:42:20,310 --> 00:42:23,200

823
00:42:23,200 --> 00:42:26,684
>> ΚΟΙΝΟ: [δεν ακούγεται] συν συνέχεια
το πράσινο είναι ένα συν, στη συνέχεια, το κόκκινο.

824
00:42:26,684 --> 00:42:30,163
>> ALLISON BUCHHOLTZ-ΑΕ: Ναι,
επειδή έκανα θάλασσα το επάνω.

825
00:42:30,163 --> 00:42:30,890
Προστίμου το οποίο κανείς.

826
00:42:30,890 --> 00:42:32,110
Ω, κρατήστε την.

827
00:42:32,110 --> 00:42:32,610
Όχι.

828
00:42:32,610 --> 00:42:36,770
Γιατί πρέπει να βεβαιωθείτε
ότι πήρα όλα αυτά τα δεξιά.

829
00:42:36,770 --> 00:42:39,680

830
00:42:39,680 --> 00:42:43,950
Γι 'αυτό και θα εξηγήσω σε uno momento.

831
00:42:43,950 --> 00:42:47,040
Πράσινο, μπλε, τέλεια.

832
00:42:47,040 --> 00:42:47,971
Τώρα είμαι γίνει.

833
00:42:47,971 --> 00:42:48,470
Πιστεύω.

834
00:42:48,470 --> 00:42:51,570

835
00:42:51,570 --> 00:42:52,530
>> ΟΚ.

836
00:42:52,530 --> 00:42:58,085
Έτσι τι είναι αυτό, είναι ότι φόντο
πρόκειται να ρυθμιστεί σε κάποιο κορδόνι.

837
00:42:58,085 --> 00:42:58,585
Σωστά;

838
00:42:58,585 --> 00:42:59,710
Ποιο είναι αυτό που έχουμε εδώ.

839
00:42:59,710 --> 00:43:05,870
Είναι πρόκειται να είναι κάποια RGB 255 κόμμα
255 κόμμα μηδέν, ή ανεξάρτητα από τον αριθμό σας

840
00:43:05,870 --> 00:43:06,512
έχουν εκεί.

841
00:43:06,512 --> 00:43:08,220
Έτσι κάνουμε εδώ,
έχουμε κάποια χορδή.

842
00:43:08,220 --> 00:43:11,910
Και τι θέλουμε να κάνουμε, είναι να είμαστε
είδος δυναμικά δημιουργώντας

843
00:43:11,910 --> 00:43:14,010
ότι όταν εμείς τρέχουμε αυτό το πρόγραμμα.

844
00:43:14,010 --> 00:43:16,570
Έτσι, αυτό είναι κάποιο κορδόνι.

845
00:43:16,570 --> 00:43:20,290
Πλέον συνενώνει με
η αξία που έχει το κόκκινο,

846
00:43:20,290 --> 00:43:23,320
ο οποίος συνενώνει με ένα
κόμμα, το οποίο συνενώνει

847
00:43:23,320 --> 00:43:26,090
με ποιο πράσινο είναι, και
ούτω καθεξής, και ούτω καθεξής.

848
00:43:26,090 --> 00:43:26,660
Εντάξει;

849
00:43:26,660 --> 00:43:32,210
Μέχρι το τέλος, η οποία είναι η
κλείσιμο παρενθέσεις αυτής RGB εδώ.

850
00:43:32,210 --> 00:43:32,800
Εντάξει;

851
00:43:32,800 --> 00:43:37,230
>> Έτσι αυτό πρόκειται να
παράγουν είναι κάποια εντολή πραγματικά

852
00:43:37,230 --> 00:43:42,770
ότι είναι RGB των τριών αριθμών
ότι φόντο καλείται τώρα να.

853
00:43:42,770 --> 00:43:43,940
Εντάξει;

854
00:43:43,940 --> 00:43:46,510
Ας δούμε αν αυτό λειτουργεί.

855
00:43:46,510 --> 00:43:49,720
Ελπίζω να το κάνει, γιατί αν
δεν, Πάω να είναι πραγματικό λυπηρό.

856
00:43:49,720 --> 00:43:50,250
Ω, όχι.

857
00:43:50,250 --> 00:43:52,710
Εντάξει, κρατήστε την.

858
00:43:52,710 --> 00:43:56,730
Σίγουρα φόντο
dot στυλ φόντου τελεία.

859
00:43:56,730 --> 00:43:59,569
Είμαι σίγουρα λείπει
κάτι λίγο μικρό.

860
00:43:59,569 --> 00:44:00,610
Μην σας παιδιά μισούν αυτό;

861
00:44:00,610 --> 00:44:04,020
Όταν αυτό είναι μόνο ένα μικρό μικρό λάθος;

862
00:44:04,020 --> 00:44:04,990
Παντοδύναμος φόντο.

863
00:44:04,990 --> 00:44:08,391

864
00:44:08,391 --> 00:44:08,890
RGB.

865
00:44:08,890 --> 00:44:09,765
>> ΚΟΙΝΟ: [δεν ακούγεται]

866
00:44:09,765 --> 00:44:11,729

867
00:44:11,729 --> 00:44:12,770
ALLISON BUCHHOLTZ-ΑΕ: Όχι.

868
00:44:12,770 --> 00:44:14,050
Δοκίμασα αυτό πριν το μάθημα.

869
00:44:14,050 --> 00:44:16,570
Έχω ό, τι έκανα πριν
τάξη σε περίπτωση που ήταν σαν,

870
00:44:16,570 --> 00:44:17,970
"Περιμένετε, τι έκανα λάθος;"

871
00:44:17,970 --> 00:44:23,190
Επειδή ήμουν όπως, "Μάλλον θα
χάος αυτό επάνω σε κάποιο σημείο. "

872
00:44:23,190 --> 00:44:24,150
Πλέον το πράσινο.

873
00:44:24,150 --> 00:44:26,250
Τα πάντα φαίνεται σαν να είναι
concatenated σωστά.

874
00:44:26,250 --> 00:44:29,620

875
00:44:29,620 --> 00:44:30,520
ΟΚ.

876
00:44:30,520 --> 00:44:31,870
>> ΚΟΙΝΟ: [δεν ακούγεται]

877
00:44:31,870 --> 00:44:33,810
>> ALLISON BUCHHOLTZ-ΑΕ: Ω, εκεί θα πάτε.

878
00:44:33,810 --> 00:44:35,520
Αυτό είναι ό, τι χρειαζόμουν.

879
00:44:35,520 --> 00:44:36,805
Κοίτα αυτό.

880
00:44:36,805 --> 00:44:40,090
Tiffany για τη διάσωση.

881
00:44:40,090 --> 00:44:40,590
Τέλεια.

882
00:44:40,590 --> 00:44:41,090
ΟΚ.

883
00:44:41,090 --> 00:44:43,834
Τώρα ας δούμε αν αυτό δουλεύει.

884
00:44:43,834 --> 00:44:44,816
Θεέ μου.

885
00:44:44,816 --> 00:44:45,641
ΟΚ.

886
00:44:45,641 --> 00:44:46,140
Περίμενε.

887
00:44:46,140 --> 00:44:48,280
>> ΚΟΙΝΟ: Διάστημα μετά το δεύτερο συν.

888
00:44:48,280 --> 00:44:50,310
>> ALLISON BUCHHOLTZ-ΑΕ: Ποιο από τα δύο;

889
00:44:50,310 --> 00:44:52,910
Ω περιμένετε, κρατήστε την.

890
00:44:52,910 --> 00:44:54,870
Φθορά Διάστημα;

891
00:44:54,870 --> 00:44:57,209
>> ΚΟΙΝΟ: Δεύτερη συν σε
το πράσινο συνένωση.

892
00:44:57,209 --> 00:44:58,250
ALLISON BUCHHOLTZ-ΑΕ: Αχ.

893
00:44:58,250 --> 00:44:59,570
ΚΟΙΝΟ: Δεν υπάρχει χώρος
μετά την συν, ναι.

894
00:44:59,570 --> 00:45:00,790
ALLISON BUCHHOLTZ-ΑΕ: Μπορείτε
Δεν χρειάζεται ότι, but--

895
00:45:00,790 --> 00:45:01,190
ΚΟΙΝΟ: Ω, δεν το κάνετε;

896
00:45:01,190 --> 00:45:01,910
ALLISON BUCHHOLTZ-ΑΕ: Φαίνεται αρκετά.

897
00:45:01,910 --> 00:45:02,530
ΚΟΙΝΟ: Εντάξει.

898
00:45:02,530 --> 00:45:03,030
ΟΚ.

899
00:45:03,030 --> 00:45:05,170
>> ALLISON BUCHHOLTZ ΑΕ:
Ας δούμε αν αυτό λειτουργεί.

900
00:45:05,170 --> 00:45:05,670
ΟΚ.

901
00:45:05,670 --> 00:45:07,836
Είμαι προφανώς αποτυγχάνει σε
Αυτή η επίδειξη, η οποία μου θυμίζει

902
00:45:07,836 --> 00:45:12,810
μιας διάλεξης την άλλη εβδομάδα,
αλλά ξέρω ότι αυτό θα λειτουργήσει.

903
00:45:12,810 --> 00:45:15,860
Ξέρω ότι αυτό θα λειτουργήσει.

904
00:45:15,860 --> 00:45:16,580
Τόσο κοντά.

905
00:45:16,580 --> 00:45:22,330
Εκτός Διέγραψα κατά λάθος
σενάριό μου σε αυτό το σημείο.

906
00:45:22,330 --> 00:45:24,035
Όχι, αυτό είναι τελεία κόμμα JS.

907
00:45:24,035 --> 00:45:25,776
ΟΚ κρατηθώ.

908
00:45:25,776 --> 00:45:28,650
Πάω να αντιγράψετε αυτό, και είμαι επίσης
ακριβώς πρόκειται να διαγράψει τα πάντα,

909
00:45:28,650 --> 00:45:30,108
επειδή είχα αυτή την εργασία νωρίτερα.

910
00:45:30,108 --> 00:45:32,470

911
00:45:32,470 --> 00:45:33,770
>> Υπόσχομαι ότι λειτουργεί.

912
00:45:33,770 --> 00:45:36,160
Αν όχι, εγώ θα σας δείξει τι Tommy είναι.

913
00:45:36,160 --> 00:45:38,890
Και εκεί.

914
00:45:38,890 --> 00:45:42,380
>> ΚΟΙΝΟ: Είσαι αναφορά κόμμα
dot CSS, και αυτό είναι ένα js κόμμα τελεία.

915
00:45:42,380 --> 00:45:45,940
>> ALLISON BUCHHOLTZ-ΑΕ: Αχ, καλά
εδώ είναι JS τελεία κόμμα.

916
00:45:45,940 --> 00:45:49,187
Εντάξει, τι έκανα διαφορετικά;

917
00:45:49,187 --> 00:45:50,520
Εντάξει, θα δούμε αν αυτό λειτουργεί τώρα.

918
00:45:50,520 --> 00:45:54,180

919
00:45:54,180 --> 00:45:54,980
Μπαμ.

920
00:45:54,980 --> 00:46:02,110
Έτσι, δεν ξέρω τι έκανα με διαφορετικό τρόπο,
αλλά αυτό είναι ό, τι πρέπει να συμβεί.

921
00:46:02,110 --> 00:46:03,230
Κάπως δροσερό.

922
00:46:03,230 --> 00:46:06,650
Χτύπησα σε αυτό, όπως, για πάντα.

923
00:46:06,650 --> 00:46:11,185
Αλλά μπορούμε να προσπαθήσουμε και να δούμε τι έκανα
με διαφορετικό τρόπο ότι αυτό είχε.

924
00:46:11,185 --> 00:46:14,560
Δεν ξέρω για σας παιδιά, αλλά αυτό
φαίνεται βασικά αυτό που μόλις έγραψα.

925
00:46:14,560 --> 00:46:17,950
Υπάρχει πιθανώς ήταν ένας λείπει
ερωτηματικό κάπου είναι το πράγμα μου.

926
00:46:17,950 --> 00:46:22,064
Στην πραγματικότητα μετά, νομίζω ότι έλειπε
ένα ερωτηματικό εδώ στην πραγματικότητα.

927
00:46:22,064 --> 00:46:24,230
Αλλά δεν θα μπορούσα να το δείτε γιατί
ήταν έξω από την οθόνη.

928
00:46:24,230 --> 00:46:29,040
>> Αλλά αν παρατηρήσετε, αυτό είναι αρκετά
πολύ ακριβώς αυτό που μόλις έγραψα.

929
00:46:29,040 --> 00:46:33,010
Νομίζω ότι ίσως το πιο δύσκολο κομμάτι για
Αυτό είναι ακριβώς το είδος του αυτό το πράγμα σωστά

930
00:46:33,010 --> 00:46:36,830
εδώ, κατανόηση
τι κάνει εκεί.

931
00:46:36,830 --> 00:46:42,230
Αυτά τα είδη των πραγμάτων να μάθετε
πραγματικά μόνο με Googling και ειλικρινά

932
00:46:42,230 --> 00:46:42,880
απλώς προσπαθεί.

933
00:46:42,880 --> 00:46:46,770
Αν νομίζετε ότι υπάρχει κάποια
αποδίδουν, κατά πάσα πιθανότητα υπάρχει.

934
00:46:46,770 --> 00:46:48,382
Έτσι, δοκιμάστε το.

935
00:46:48,382 --> 00:46:49,090
Δείτε τι συμβαίνει.

936
00:46:49,090 --> 00:46:53,000
Όπως είπα, υπάρχει πολλή
πειραματισμό με JavaScript,

937
00:46:53,000 --> 00:46:56,810
και PHP, και όλα αυτά
πράγματα, και CSS ιδιαίτερα.

938
00:46:56,810 --> 00:47:00,046
Αυτό είναι το μόνο αληθινό
τρόπος για να το καταλάβουν.

939
00:47:00,046 --> 00:47:07,100
>> Εντάξει, έτσι ώστε μετά από αυτό το φιάσκο με το κόμμα του
dot js, έχουμε δύο άλλες επιλογές.

940
00:47:07,100 --> 00:47:10,650
Έχουμε το ρολόι ή το Twitter.

941
00:47:10,650 --> 00:47:12,190
Είναι τόσο ενδιαφέρουσα.

942
00:47:12,190 --> 00:47:17,720
Ίσως δεν είναι τόσο διασκεδαστικό όσο κόμμα,
η οποία είχε ένα δροσερό μικρό strobing

943
00:47:17,720 --> 00:47:19,595
πράγμα στο τέλος.

944
00:47:19,595 --> 00:47:21,714
Μήπως εσείς έχετε κάποια προτίμηση;

945
00:47:21,714 --> 00:47:22,380
ΚΟΙΝΟ: ρολόι;

946
00:47:22,380 --> 00:47:22,950
ALLISON BUCHHOLTZ-ΑΕ: ρολόι;

947
00:47:22,950 --> 00:47:23,450
ΟΚ.

948
00:47:23,450 --> 00:47:25,390
Cool.

949
00:47:25,390 --> 00:47:30,460
>> Έτσι και πάλι, έχουμε μας
κενό αρχείο JavaScript.

950
00:47:30,460 --> 00:47:35,800
Και όπως βλέπουμε εδώ, εμείς
έχουν κάποια πολύ απλή HTML.

951
00:47:35,800 --> 00:47:40,010
Έχουμε φύλλο στυλ μας, ότι μόλις
Μορφές τι πρέπει να μοιάσει.

952
00:47:40,010 --> 00:47:42,860
Έχουμε div μας με
ένα αναγνωριστικό του ρολογιού, το οποίο

953
00:47:42,860 --> 00:47:44,420
ακριβώς λέει, "αυτό θα πρέπει να είναι ένα ρολόι."

954
00:47:44,420 --> 00:47:47,650
Και έχουμε σύνδεσμος μας
στο αρχείο μας JavaScript

955
00:47:47,650 --> 00:47:51,400
ότι είναι πραγματικά πρόκειται να
παράγουν το ρολόι μας για εμάς.

956
00:47:51,400 --> 00:47:56,060
Επειδή το δροσερό πράγμα είναι ότι μπορείτε να
που Javascript για να ανανεωθεί αυτόματα

957
00:47:56,060 --> 00:47:56,963
η ίδια.

958
00:47:56,963 --> 00:47:57,810
Εντάξει;

959
00:47:57,810 --> 00:48:01,580
Έτσι, αντί να περιμένουν για το
χρήστη να χτυπήσει Ανανέωση σε μια σελίδα

960
00:48:01,580 --> 00:48:03,840
έτσι ώστε να μπορείτε να πάρετε
ενημερωμένο χρόνο, το JavaScript

961
00:48:03,840 --> 00:48:06,760
μπορεί να ενημερώσει, ωστόσο θέλει.

962
00:48:06,760 --> 00:48:12,082
>> Έτσι, όπως και με το τελευταίο μας, θελήσαμε
να έχουν πρόσβαση σε φόντο μας, σωστά;

963
00:48:12,082 --> 00:48:14,790
Λοιπόν, τι νομίζετε ότι θα μπορούσε να είναι η
το πρώτο πράγμα που θέλουμε να κάνουμε εδώ;

964
00:48:14,790 --> 00:48:19,538
Αν είμαστε είδος θα off
Αυτό το είδος του παραδείγματος εδώ;

965
00:48:19,538 --> 00:48:22,200
Εμείς μάλλον θα θέλετε να
πρόσβαση ρολόι μας, σωστά;

966
00:48:22,200 --> 00:48:24,724
Έτσι, έχουμε κάποια var
ρολόι, το οποίο equals--

967
00:48:24,724 --> 00:48:26,140
τι νομίζουμε ότι πρόκειται να είναι;

968
00:48:26,140 --> 00:48:29,290

969
00:48:29,290 --> 00:48:42,670
Έγγραφο πάρει τελεία στοιχείο by-- ήθελα επίσης
αγαπούν Sublime-- Id και μας ταυτότητας είναι το ρολόι.

970
00:48:42,670 --> 00:48:43,585
Τελεία.

971
00:48:43,585 --> 00:48:45,710
Πήρε να σιγουρευτείτε για να πάρετε
αυτά τα ερωτηματικά αυτή τη φορά,

972
00:48:45,710 --> 00:48:47,835
γιατί νιώθω ότι
ήταν το πρόβλημα την τελευταία φορά.

973
00:48:47,835 --> 00:48:55,980
Εντάξει έτσι, όπως ήμουν απλά λέγοντας με την προσπάθεια
να έχει την JavaScript ανανεώσετε το ίδιο,

974
00:48:55,980 --> 00:48:59,655
υπάρχει αυτή η μεγάλη λειτουργία, εγώ
ξέρετε ότι ήρθε σε πρακτικό το περασμένο έτος,

975
00:48:59,655 --> 00:49:02,780
Δεν είμαι σίγουρος ότι έρχεται σε βολικό για αυτό
το chipset, αλλά αυτό λέγεται σύνολο διάστημα.

976
00:49:02,780 --> 00:49:05,640

977
00:49:05,640 --> 00:49:08,200
Και αυτό είναι πραγματικά πολύ
δροσερό αν εσείς κάνετε τίποτα

978
00:49:08,200 --> 00:49:11,460
με το χρόνο ή να πάρει
ενημερωμένες πληροφορίες.

979
00:49:11,460 --> 00:49:13,700
Σε μια ιστοσελίδα για την τελική
σχέδιο, αυτό είναι πιθανώς

980
00:49:13,700 --> 00:49:16,240
μια λειτουργία που θέλετε να
πάρει σούπερ εξοικειωμένοι με.

981
00:49:16,240 --> 00:49:19,730
Έτσι, αυτό που κάνει είναι το διάστημα που
θα πάμε να δώσουμε μια λειτουργία,

982
00:49:19,730 --> 00:49:21,830
και πόσο συχνά θα πρέπει να
καλέσετε τη συνάρτηση αυτή.

983
00:49:21,830 --> 00:49:22,430
Εντάξει;

984
00:49:22,430 --> 00:49:26,890
>> Έτσι, σε αυτή την περίπτωση, είμαστε ακριβώς πρόκειται να
δημιουργήσει κάποια ανώνυμη συνάρτηση και πάλι,

985
00:49:26,890 --> 00:49:31,530
Εντάξει, αυτό πρόκειται να πάρει
ημερομηνία μας, και το χρόνο μας,

986
00:49:31,530 --> 00:49:33,780
και στη συνέχεια να ενημερώσετε τα πράγματα και να το εμφανίσετε.

987
00:49:33,780 --> 00:49:35,130
Έτσι θα ανησυχείτε για αυτό.

988
00:49:35,130 --> 00:49:39,120
Θα είναι σαν να δημιουργήσει ρολόι εδώ.

989
00:49:39,120 --> 00:49:41,750
Αλλά αυτό που χρειαζόμαστε είναι το πώς
συχνά για να το ανανεώσετε.

990
00:49:41,750 --> 00:49:43,930
Έτσι, σε αυτή την περίπτωση, είναι ακριβώς χιλιοστά του δευτερολέπτου.

991
00:49:43,930 --> 00:49:46,877
Έτσι, είμαστε ακριβώς πρόκειται να
κάνει 100 χιλιοστά του δευτερολέπτου.

992
00:49:46,877 --> 00:49:48,210
Φυσικά, εντελώς αυθαίρετη.

993
00:49:48,210 --> 00:49:50,600
Αν ήθελε να ενημερώσετε
πολύ πιο αργά, θα μπορούσατε.

994
00:49:50,600 --> 00:49:53,300
Μπορούμε να το χάος γύρω
με το καθορισμένο διάστημα,

995
00:49:53,300 --> 00:49:57,240
πόσο μεγάλο χρονικό διάστημα μας είναι μετά παίρνουμε
ένα ρολόι εργασίας, η οποία ελπίζω ότι θα

996
00:49:57,240 --> 00:49:59,660
φτάσουμε.

997
00:49:59,660 --> 00:50:04,110
Έτσι, αυτό ακριβώς λέει, "Εντάξει, κλήση
Αυτή η λειτουργία κάθε 100 χιλιοστά του δευτερολέπτου. "

998
00:50:04,110 --> 00:50:04,805
Εντάξει;

999
00:50:04,805 --> 00:50:07,280
Αυτό είναι το μόνο που κάνει.

1000
00:50:07,280 --> 00:50:12,290
>> Γι 'αυτό θέλουμε τη λειτουργία μας στο
κάνουμε είναι να θέλουμε να έχουμε κάποια ημερομηνία

1001
00:50:12,290 --> 00:50:14,200
και κάποια στιγμή είναι ό, τι
θα πάμε να έχουν.

1002
00:50:14,200 --> 00:50:19,740
Έτσι μπορούμε να ξεκινήσουμε με μας
ημερομηνία ισούται με κάτι,

1003
00:50:19,740 --> 00:50:22,708
και του χρόνου μας ισούται με κάτι
ότι δεν ξέρουμε ακόμη.

1004
00:50:22,708 --> 00:50:26,070

1005
00:50:26,070 --> 00:50:29,300
Ή στην πραγματικότητα, το μόνο που χρειάζεται σήμερα, επειδή
ημερομηνία πρόκειται να περιλαμβάνει τα πάντα.

1006
00:50:29,300 --> 00:50:34,310

1007
00:50:34,310 --> 00:50:40,010
Και πάλι, αν έχετε μόνο το Google τίποτα για
τι θέλετε να κάνετε, αν γράφετε, "Εντάξει,

1008
00:50:40,010 --> 00:50:41,980
Θέλω να πάρω το χρόνο
μέσω JavaScript, "το

1009
00:50:41,980 --> 00:50:45,890
θα σας δώσει αυτή τη μεγάλη
συνάρτηση που ονομάζεται ημερομηνία πάρει.

1010
00:50:45,890 --> 00:50:48,664
Κυριολεκτικά, τα περισσότερα πράγματα
ότι θέλετε να κάνετε,

1011
00:50:48,664 --> 00:50:50,830
Το JavaScript θα έχει
το κάνει για σας ήδη.

1012
00:50:50,830 --> 00:50:55,770
Έτσι είναι κυριολεκτικά σαν καινούριο
να πάρει ημερομηνία, η οποία είναι creating--

1013
00:50:55,770 --> 00:50:58,600
ή νέα ημερομηνία, rather--
η οποία δημιουργεί

1014
00:50:58,600 --> 00:51:03,690
κάποιο αντικείμενο που αντιπροσωπεύει μια ημερομηνία.

1015
00:51:03,690 --> 00:51:08,200
>> Και τι θα πάμε να κάνουμε εδώ είναι
Αυτό is-- Πάω να γράψω αυτό,

1016
00:51:08,200 --> 00:51:10,820
και στη συνέχεια να εξηγήσει τι κάνει.

1017
00:51:10,820 --> 00:51:12,560
Γι 'αυτό θα βεβαιωθείτε ότι έχω αυτό το δικαίωμα.

1018
00:51:12,560 --> 00:51:17,950

1019
00:51:17,950 --> 00:51:23,440
>> Εντάξει, έτσι τι αυτή η λειτουργία
κάνει, είναι ότι είμαστε μόνο

1020
00:51:23,440 --> 00:51:30,680
τη δημιουργία της HTML που είναι πραγματικά
πρόκειται να πάει μέσα div id μας ρολόι.

1021
00:51:30,680 --> 00:51:34,610
Έτσι αυτό πρόκειται να κάνει
είναι απλά παράγοντας κάποια χορδή, εντάξει;

1022
00:51:34,610 --> 00:51:38,510
Αυτό, στη συνέχεια, θα είναι
μεταμοσχεύθηκαν σε HTML μας.

1023
00:51:38,510 --> 00:51:42,130
Βασικά αυτό που πρόκειται να κάνουμε είναι να
ό, τι we-- τι θα σου δείξω

1024
00:51:42,130 --> 00:51:49,070
είναι πως ό, τι λέμε HTML είναι,
θα πάμε να αντικαταστήσετε αυτό το κείμενο εδώ

1025
00:51:49,070 --> 00:51:51,090
με ό, τι HTML είναι.

1026
00:51:51,090 --> 00:51:56,390
Έτσι, αυτό πρόκειται να επιτρέψει
να αλλάξουμε το ρολόι ακίδων μας

1027
00:51:56,390 --> 00:52:00,940
HTML από το να είναι απλώς το κείμενο αυτό
θα πρέπει να είναι ένα ρολόι, για να δείχνει στην πραγματικότητα

1028
00:52:00,940 --> 00:52:05,630
οι αριθμοί και τα πράγματα που μας ενδιαφέρει
περίπου, και στην πραγματικότητα είναι η ώρα.

1029
00:52:05,630 --> 00:52:09,810
>> Λοιπόν, τι θα πάμε να κάνουμε είναι να είμαστε
πρόκειται να αρχίσει να παράγει αυτό το HTML.

1030
00:52:09,810 --> 00:52:16,520
Έτσι, κατά τον ίδιο τρόπο που χρησιμοποιήσαμε
να κάνει συν ισούται για ακέραιους αριθμούς,

1031
00:52:16,520 --> 00:52:20,461
μπορείτε τώρα να το κάνουμε αυτό για έγχορδα,
εκτός του ότι πρόκειται να τους ενώσετε.

1032
00:52:20,461 --> 00:52:20,960
Σωστά;

1033
00:52:20,960 --> 00:52:26,070
Όπως είδαμε με τελεία κόμμα js, αυτό ακριβώς
συνενώνει όλα αυτά τα πράγματα μαζί.

1034
00:52:26,070 --> 00:52:31,970
Έτσι, μπορείτε να ενώσετε διαφορετικά κομμάτια του
HTML από μεταβλητές, ή κομμάτια της χορδές

1035
00:52:31,970 --> 00:52:33,750
ότι θα γράψουν
τον εαυτό σας, και αυτό ακριβώς

1036
00:52:33,750 --> 00:52:38,650
πραγματικά σας επιτρέπει να δυναμικά
παράγουν HTML, το οποίο είναι αρκετά δροσερό.

1037
00:52:38,650 --> 00:52:42,040
Έτσι, εάν έχετε κάτι
πολύ συγκεκριμένο χρήστη,

1038
00:52:42,040 --> 00:52:44,130
Αυτό μπορεί να σας επιτρέψει να το κάνουμε αυτό.

1039
00:52:44,130 --> 00:52:47,550
>> Έτσι έχουμε HTML, να πάω να
να προσπαθήσουμε και να βεβαιωθείτε ότι έχω αυτό το δικαίωμα.

1040
00:52:47,550 --> 00:52:49,890
Έτσι θα πάμε να κάνουμε κάποια επικεφαλίδα h1.

1041
00:52:49,890 --> 00:52:53,610
Έτσι, αυτό που είναι σημαντικό να συνειδητοποιήσουμε εδώ
είναι ότι αυτό είναι πραγματικά μόνο HTML.

1042
00:52:53,610 --> 00:52:54,460
Σωστά;

1043
00:52:54,460 --> 00:52:56,610
Γράφουμε πραγματική
Ο κώδικας HTML εδώ, είναι

1044
00:52:56,610 --> 00:53:01,090
όχι μόνο ένα string στην κανονική
τρόπο που θα το σκεφτώ.

1045
00:53:01,090 --> 00:53:02,930
Έτσι έχουμε κάποια HTML.

1046
00:53:02,930 --> 00:53:04,940
Αυτό θεωρείται ένα string εδώ όμως.

1047
00:53:04,940 --> 00:53:10,380
Και εμείς κάνουμε ημερομηνία dot-- εμείς
θέλουν να πάρουν ώρες μας.

1048
00:53:10,380 --> 00:53:12,910
Και πάλι, αν ήταν να εξετάσουμε
οτιδήποτε για την ημερομηνία,

1049
00:53:12,910 --> 00:53:16,160
θα σας πω όλα αυτά είναι
τα χαρακτηριστικά που έχει ημερομηνία.

1050
00:53:16,160 --> 00:53:17,670
Και εδώ είναι που μπορείτε να χρησιμοποιήσετε για αυτό.

1051
00:53:17,670 --> 00:53:20,620
Γι 'αυτό έχει πιθανώς τα πράγματα όπως
να πάρει ώρες, και να πάρει λεπτά,

1052
00:53:20,620 --> 00:53:24,669
και να πάρει δευτερόλεπτα, και να πάρει χιλιοστά του δευτερολέπτου,
και ποιος ξέρει τι άλλο έχουν.

1053
00:53:24,669 --> 00:53:27,210
Αλλά αν εξετάσουμε το
τεκμηρίωση, όλα θα είναι εκεί.

1054
00:53:27,210 --> 00:53:31,980
>> Έτσι έχουμε πάρει ώρες,
και, στη συνέχεια, θα θέλαμε

1055
00:53:31,980 --> 00:53:35,614
να ενώσετε ότι with-- είμαι
πρόκειται να κινηθεί αυτό εδώ.

1056
00:53:35,614 --> 00:53:38,780
Έτσι, αν είμαστε παράγουν τώρα, είμαστε
στην πραγματικότητα παράγει το χρόνο, σωστά;

1057
00:53:38,780 --> 00:53:43,590
Έχουμε ώρες, και στη συνέχεια ό, τι είναι
ανάμεσα στις ώρες και τα λεπτά;

1058
00:53:43,590 --> 00:53:45,080
Έχετε ένα ερωτηματικό, σωστά;

1059
00:53:45,080 --> 00:53:48,010
Έτσι θέλουμε να κάνουμε κάποια ερωτηματικό εδώ.

1060
00:53:48,010 --> 00:53:51,780
Και τότε θα θέλετε να πάρετε μας
λεπτό, έτσι ώστε με τον ίδιο τρόπο

1061
00:53:51,780 --> 00:53:56,450
ότι έχουμε ημερομηνία dot πάρει ώρες,
Πώς μπορούμε να πάρει λεπτά μας;

1062
00:53:56,450 --> 00:54:01,542
Είναι κυριολεκτικά η ημερομηνία με την τελεία να πάρει
λεπτά, το οποίο εγώ το είδος του αρέσει.

1063
00:54:01,542 --> 00:54:03,250
Είναι σαν, "Ω, πόσο
μπορώ να πάρω λεπτά μου; "

1064
00:54:03,250 --> 00:54:05,850
Θέλω μόνο να πάρει λεπτά μου.

1065
00:54:05,850 --> 00:54:07,500
>> ΟΚ.

1066
00:54:07,500 --> 00:54:10,990
Και στη συνέχεια, έχουμε μια άλλη παχέος εντέρου εδώ.

1067
00:54:10,990 --> 00:54:16,350
Και τότε, αν θέλουμε να πάρει μας
δευτερόλεπτα, πώς θα μπορούσαμε να πάρει το δεύτερο μας;

1068
00:54:16,350 --> 00:54:17,400
Ημερομηνία dot πάρει δευτερόλεπτα.

1069
00:54:17,400 --> 00:54:20,390

1070
00:54:20,390 --> 00:54:21,590
Νομίζω ότι είναι αρκετά δροσερό.

1071
00:54:21,590 --> 00:54:23,589
Και τι είναι σημαντικό για
συνειδητοποιούν, είναι ότι έχουμε επίσης

1072
00:54:23,589 --> 00:54:31,730
πρέπει να κλείσει ετικέτα HTML μας εδώ, διότι
θα πρέπει να εξακολουθεί να ισχύει HTML, έτσι h1.

1073
00:54:31,730 --> 00:54:33,481
Cool.

1074
00:54:33,481 --> 00:54:43,110
>> Έτσι, μετά από αυτό, μπορούμε να κάνουμε το ρολόι
dot εσωτερικό HTML είναι ίση με την HTML.

1075
00:54:43,110 --> 00:54:43,930
Εντάξει;

1076
00:54:43,930 --> 00:54:46,470
Έτσι θυμάμαι πως είπα
εσωτερική HTML βασικά

1077
00:54:46,470 --> 00:54:50,610
παίρνει ό, τι είναι μεταξύ των
δύο ετικέτες που μιλήσαμε για

1078
00:54:50,610 --> 00:54:54,470
και ένθετα ή χειραγωγεί
ό, τι είναι εκεί;

1079
00:54:54,470 --> 00:54:58,290
Έτσι, αυτό που κάνει αυτό, αν
πάμε πίσω στο ρολόι μας,

1080
00:54:58,290 --> 00:55:04,180
είναι ότι το ρολόι αναφέρεται σε
πάντα μέσα σε αυτό div.

1081
00:55:04,180 --> 00:55:09,770
Αυτό είναι το εσωτερικό HTML
του ρολογιού Id div.

1082
00:55:09,770 --> 00:55:13,930
Και γι 'αυτό πρόκειται να αλλάξει σε
η HTML που μόλις δημιουργείται,

1083
00:55:13,930 --> 00:55:16,750
το οποίο, η οποία, ευτυχώς,
ελπίζω, ελπίζω,

1084
00:55:16,750 --> 00:55:21,026
θα δείξει το χρόνο τώρα.

1085
00:55:21,026 --> 00:55:23,960
Θα δούμε.

1086
00:55:23,960 --> 00:55:25,170
Φυσικά.

1087
00:55:25,170 --> 00:55:26,860
Έτσι, πολλά τεχνικά θέματα.

1088
00:55:26,860 --> 00:55:31,480
Just-- του Allison είμαι
μακριά μου παιχνίδι σήμερα παιδιά.

1089
00:55:31,480 --> 00:55:34,136
Εντάξει, η οποία εργάζεται.

1090
00:55:34,136 --> 00:55:35,760
ρολόι dot εσωτερικό HTML.

1091
00:55:35,760 --> 00:55:42,097
Ήταν HTML Αλήθεια;

1092
00:55:42,097 --> 00:55:43,180
Επίσης, αυτό είναι αυτό που συμβαίνει.

1093
00:55:43,180 --> 00:55:48,750
Όταν δεν μπορείτε να δείτε κάτι που,
απλά κοιτάξτε τον πηγαίο κώδικα σας.

1094
00:55:48,750 --> 00:55:49,250
ΟΚ.

1095
00:55:49,250 --> 00:55:51,912

1096
00:55:51,912 --> 00:55:54,870
Μήπως θέλετε να ξέρετε ένα δροσερό έργο γύρω
ότι θα πάμε να κάνουμε εδώ;

1097
00:55:54,870 --> 00:55:55,740
>> ΚΟΙΝΟ: Μπορείς να το κάνεις με κεφαλαία γράμματα;

1098
00:55:55,740 --> 00:55:56,580
Τα κεφαλαία γράμματα;

1099
00:55:56,580 --> 00:55:58,996
Επειδή έχετε πάρει ώρες,
και στη συνέχεια να πάρει λεπτά.

1100
00:55:58,996 --> 00:56:02,590
>> ALLISON BUCHHOLTZ-ΑΕ: Είναι
είναι να πάρει ώρες και get-- oh.

1101
00:56:02,590 --> 00:56:04,945
Μπορείτε are-- χρυσό αστέρι.

1102
00:56:04,945 --> 00:56:08,114

1103
00:56:08,114 --> 00:56:09,030
Είναι όλα μια δοκιμή, παιδιά.

1104
00:56:09,030 --> 00:56:13,630

1105
00:56:13,630 --> 00:56:17,330
Υπόσχομαι ότι δούλευε πριν το μάθημα.

1106
00:56:17,330 --> 00:56:22,590
>> ΟΚ, αλλά κάτι δροσερό για να ξέρετε είναι
ότι μπορείτε να also-- αν μερικές φορές

1107
00:56:22,590 --> 00:56:26,560
εξωτερικά αρχεία σας
να πάρει λίγο τρελός,

1108
00:56:26,560 --> 00:56:30,960
μπορείτε επίσης να τα βάλει μόνο κατ 'ευθείαν
εδώ, η οποία τείνει να διορθώσει τα πράγματα.

1109
00:56:30,960 --> 00:56:35,840
Εκτός από αυτό είναι σαν πραγματικά άσχημο.

1110
00:56:35,840 --> 00:56:38,050
Φυσικά μορφοποιήσετε τα πάντα.

1111
00:56:38,050 --> 00:56:41,425
Βεβαιωθείτε ότι είναι όλα πολύ.

1112
00:56:41,425 --> 00:56:41,925
ΟΚ.

1113
00:56:41,925 --> 00:56:47,200

1114
00:56:47,200 --> 00:56:50,621
>> Ήθελα να κάνω όλα τα δροσερά επιδείξεις,
και από όπου και αν απλά δεν εργάζονται έξω.

1115
00:56:50,621 --> 00:56:51,555
ΟΚ.

1116
00:56:51,555 --> 00:56:53,890
Σενάριο ρολόι var.

1117
00:56:53,890 --> 00:57:00,350
Anyways, αυτό που είναι σημαντικό είναι
ότι αυτός είναι ο γενικός τρόπος

1118
00:57:00,350 --> 00:57:01,870
ότι θα διαμορφώσετε το JavaScript.

1119
00:57:01,870 --> 00:57:04,490
Όπως μπορείτε να δείτε, μπορεί να είναι
πολύ σχολαστικός μερικές φορές,

1120
00:57:04,490 --> 00:57:08,780
ακόμη και όταν ήταν κυριολεκτικά
εργάζονται πριν από δύο δευτερόλεπτα.

1121
00:57:08,780 --> 00:57:11,820
Ή όχι δύο δευτερόλεπτο πριν,
αλλά πολύ, πολύ πρόσφατα.

1122
00:57:11,820 --> 00:57:16,070
>> Έτσι, για να σας δείξει τι πρέπει να μοιάζει,
και να σας δείξω ότι δεν είμαι τρελός,

1123
00:57:16,070 --> 00:57:19,730
και ότι τα πάντα είναι ακριβώς η
ίδιο, αυτό είναι ό, τι πρέπει να μοιάσει.

1124
00:57:19,730 --> 00:57:27,410
Είστε ακριβώς πρόκειται να κάνει αυτό το άνω τμήμα
εδώ, και αν δείτε τη σελίδα πηγή,

1125
00:57:27,410 --> 00:57:32,160
αν παρατηρήσετε, έκανε μερικά
τα πράγματα πιο τρελός, μου απλοποιημένη.

1126
00:57:32,160 --> 00:57:35,710
Επίσης, οι πιστώσεις προς τον Tommy
McWilliam, ο οποίος στην πραγματικότητα

1127
00:57:35,710 --> 00:57:38,810
βοήθησε να δημιουργήσει αυτά τα παραδείγματα,
η οποία είναι ο λόγος που ξέρω ότι δουλεύουν.

1128
00:57:38,810 --> 00:57:41,560
Επειδή ο Tommy είναι ένα master JavaScript.

1129
00:57:41,560 --> 00:57:43,180
Αλλά αν παρατηρήσετε, έχουμε κάποιο σύνολο.

1130
00:57:43,180 --> 00:57:45,170
Έχουμε τη λειτουργία του ρολογιού μας εδώ.

1131
00:57:45,170 --> 00:57:48,450
Αυτή είναι όλη η JavaScript που
εμείς απλά έγραψε, ή ορισμένα από αυτά.

1132
00:57:48,450 --> 00:57:51,470
Γράψαμε ακριβώς αυτό το δικαίωμα εδώ.

1133
00:57:51,470 --> 00:57:54,260
Και έχει ένα επιπλέον
λειτουργία που απλά μαξιλάρια

1134
00:57:54,260 --> 00:57:57,790
βάζοντας ένα μηδέν πριν
επιστολή ή πριν από έναν αριθμό, εάν είναι

1135
00:57:57,790 --> 00:57:59,412
μόνο μία από αυτές.

1136
00:57:59,412 --> 00:58:02,120
Έτσι, αν παρατηρήσετε, αυτό είναι αρκετά
πολύ ακριβώς αυτό που μόλις έγραψα.

1137
00:58:02,120 --> 00:58:06,230
Έχετε κάποια μεταβλητή ρολόι ότι
έχει το στοιχείο μας, να πάρετε το στοιχείο με ID,

1138
00:58:06,230 --> 00:58:07,252
που είναι το ρολόι.

1139
00:58:07,252 --> 00:58:08,960
Έχουμε διάστημα σετ μας
λειτουργία, ότι είναι

1140
00:58:08,960 --> 00:58:12,670
μια ανώνυμη συνάρτηση
ότι εκτελεί όλα αυτά.

1141
00:58:12,670 --> 00:58:16,940
Έχουμε κάποια ξεκινώντας σειρά
HTML που εμείς τότε δυναμικά

1142
00:58:16,940 --> 00:58:20,750
παράγουν έχοντας κάποια
h1 κεφαλίδα, να συνενώσει

1143
00:58:20,750 --> 00:58:23,950
με να πάρει τις ώρες, συν
του παχέος εντέρου μας, καθώς και να πάρει

1144
00:58:23,950 --> 00:58:26,860
τα πρακτικά, συν ένα άλλο
του παχέος εντέρου, καθώς και δευτερόλεπτα μας,

1145
00:58:26,860 --> 00:58:29,330
και, τέλος, το τελικό HTML για αυτό.

1146
00:58:29,330 --> 00:58:34,210
Και τότε θα ενημερώσει το ρολόι μας
dot εσωτερικό HTML σε HTML,

1147
00:58:34,210 --> 00:58:37,640
και θα ανανεώνονται κάθε 100 χιλιοστά του δευτερολέπτου.

1148
00:58:37,640 --> 00:58:39,060
Εντάξει;

1149
00:58:39,060 --> 00:58:42,470
>> Δείτε Υπόσχομαι ότι δεν είμαι τρελός.

1150
00:58:42,470 --> 00:58:43,440
Δεν ξέρω.

1151
00:58:43,440 --> 00:58:47,160
Δεν ξέρω γιατί δεν μου αρέσει.

1152
00:58:47,160 --> 00:58:54,030
Νιώθω σαν να μοιάζει το ίδιο,
αλλά προφανώς με μισεί.

1153
00:58:54,030 --> 00:58:59,600
>> Ας δούμε λοιπόν αν τον τρίτο γύρο πηγαίνει καλύτερα.

1154
00:58:59,600 --> 00:59:00,970
Είμαστε έτοιμοι να δούμε.

1155
00:59:00,970 --> 00:59:02,910
Δεν είμαι σίγουρος πως αυτό πρόκειται να πάει.

1156
00:59:02,910 --> 00:59:06,700
Είναι σε όλους τουλάχιστον να πάρει το
μειονεκτήματα, όπως ακριβώς το γενικό θέμα

1157
00:59:06,700 --> 00:59:08,480
JavaScript, όμως;

1158
00:59:08,480 --> 00:59:15,660
Ελπίζω ότι είναι τουλάχιστον χρήσιμο, περισσότερο
από ό, τι δείχνει ότι είναι λίγο σχολαστικός.

1159
00:59:15,660 --> 00:59:21,190
Αλλά σετ πρόβλημά σας θα είναι πολύ διασκεδαστικό.

1160
00:59:21,190 --> 00:59:22,590
Είναι πρόκειται να είναι μεγάλη.

1161
00:59:22,590 --> 00:59:24,820
Δεν θα είναι τόσο κουραστική
όπως αυτό, δεν νομίζω.

1162
00:59:24,820 --> 00:59:28,100
Μπορείτε πραγματικά θα πάρετε για να
δείτε πραγματικά δροσερά πράγματα.

1163
00:59:28,100 --> 00:59:31,734
>> Έτσι, τελευταίο αλλά όχι λιγότερο σημαντικό,
Θα προσπαθήσουμε το Twitter ένα.

1164
00:59:31,734 --> 00:59:32,900
Είμαι πραγματικά φοβισμένοι τώρα, παιδιά.

1165
00:59:32,900 --> 00:59:35,762
Δεν ξέρω πώς αυτό πρόκειται να πάει.

1166
00:59:35,762 --> 00:59:39,930
Αλλά ακριβώς για να σας δώσει μια μικρή
περισσότερη γεύση, και αυτό είναι πραγματικά

1167
00:59:39,930 --> 00:59:44,190
χειρισμό χορδές και
εισόδους, τι θα πάμε να κάνουμε

1168
00:59:44,190 --> 00:59:50,960
είναι, αν παρατηρήσετε εδώ με HTML--
αυτός έχει ένα μικρό κομμάτι more--

1169
00:59:50,960 --> 00:59:57,200
έχουμε κάποια περιοχή κειμένου, το οποίο
αντιστοιχεί σε αυτήν την περιοχή κειμένου εδώ.

1170
00:59:57,200 --> 00:59:58,030
Εντάξει;

1171
00:59:58,030 --> 01:00:00,420
Και ότι έχει ένα αναγνωριστικό του κειμένου.

1172
01:00:00,420 --> 01:00:04,520
Εμείς το αναμορφωμένο λίγο
με κάποιο πλάτος και το ύψος

1173
01:00:04,520 --> 01:00:07,310
ότι έχουμε προκαθορισμένη,
και έχουμε Η1,

1174
01:00:07,310 --> 01:00:11,260
είναι απλώς η κεφαλίδα από το δικό μας, ότι
αντιπροσωπεύει χαρακτήρες αριστερά μας.

1175
01:00:11,260 --> 01:00:14,570
Μας έδωσε κάποια ταυτότητα του
χαρακτήρες που απομένουν,

1176
01:00:14,570 --> 01:00:18,660
και στη συνέχεια να έχουμε κάποια σενάριο
εδώ, το οποίο είμαι πραγματικά

1177
01:00:18,660 --> 01:00:20,790
ελπίζοντας τρίτη φορά του
η γοητεία εδώ, παιδιά.

1178
01:00:20,790 --> 01:00:26,750
>> Έτσι, αυτό που θέλουμε να κάνουμε,
στην ίδια γενική φλέβα

1179
01:00:26,750 --> 01:00:31,480
ότι έχουμε κάνει με js ρολόι dot
και το κόμμα τελεία JS όπως έχουμε παρατηρήσει,

1180
01:00:31,480 --> 01:00:35,980
είναι ότι έχουμε ξεκινήσει με πραγματικά αρπάζοντας
τα πράγματα που μας νοιάζει, έτσι δεν είναι;

1181
01:00:35,980 --> 01:00:42,330
Έτσι, σε αυτή την περίπτωση, υπάρχουν δύο
πράγματα που μας νοιάζει, εντάξει;

1182
01:00:42,330 --> 01:00:47,199
Ένα πράγμα που στην πραγματικότητα είμαστε το είδος του
εξετάζει και την κατάρτιση των δεδομένων από,

1183
01:00:47,199 --> 01:00:48,990
και ένα πράγμα που
είμαστε στην πραγματικότητα αλλάζει.

1184
01:00:48,990 --> 01:00:52,110

1185
01:00:52,110 --> 01:00:53,730
Έτσι, δεν υπάρχει HTML μας.

1186
01:00:53,730 --> 01:01:00,370
Αν αυτή είναι η ιστοσελίδα μας εδώ, τι είναι
τα δεδομένα που ψάχνουμε σε;

1187
01:01:00,370 --> 01:01:03,860
Είναι πρόκειται να είναι ό, τι
το κείμενο σε κουτιά μας, σωστά;

1188
01:01:03,860 --> 01:01:05,310
Έτσι, ό, τι έχω πληκτρολογήσετε εδώ.

1189
01:01:05,310 --> 01:01:08,150
Αυτό είναι που θέλω να ξέρω, ή
αυτό είναι που θέλω να δούμε.

1190
01:01:08,150 --> 01:01:10,690
Και τι πρόκειται να είναι
αλλαγή στην ιστοσελίδα μας;

1191
01:01:10,690 --> 01:01:13,550

1192
01:01:13,550 --> 01:01:14,880
Οι χαρακτήρες που απομένουν.

1193
01:01:14,880 --> 01:01:19,550
Έτσι, κατά τον ίδιο τρόπο, θέλουμε να
ξεκινήστε με αρχικοποίηση μεταβλητών

1194
01:01:19,550 --> 01:01:22,030
ότι στην πραγματικότητα να κρατήσουν αυτά τα στοιχεία.

1195
01:01:22,030 --> 01:01:22,890
Εντάξει;

1196
01:01:22,890 --> 01:01:29,930
Έτσι, αν έχουμε κάποια var
ότι είναι περιοχή κειμένου μας,

1197
01:01:29,930 --> 01:01:33,681
και έχουμε κάποια var που έχει απομείνει.

1198
01:01:33,681 --> 01:01:34,180
Σωστά;

1199
01:01:34,180 --> 01:01:36,190
Έτσι, αυτά πρόκειται να
κρατήστε αυτά τα δύο πράγματα.

1200
01:01:36,190 --> 01:01:42,370
Έτσι, το ίδιο είδος του πράγματος,
έγγραφο dot-- Εντάξει, είμαι

1201
01:01:42,370 --> 01:01:45,920
πρόκειται να βεβαιωθείτε ότι αυτό είναι
πρόκειται να λειτουργήσει αυτή τη φορά.

1202
01:01:45,920 --> 01:01:49,620
Είμαι πολύ ανένδοτος.

1203
01:01:49,620 --> 01:01:53,310
Εντάξει, οπότε αν θέλουμε μας
περιοχή κειμένου, σύμφωνα με

1204
01:01:53,310 --> 01:01:55,710
σε HTML μας, τι είναι αναγνωριστικό μας;

1205
01:01:55,710 --> 01:01:56,420
Τι μας ταυτότητα;

1206
01:01:56,420 --> 01:01:59,500

1207
01:01:59,500 --> 01:02:05,540
Είναι ακριβώς πρόκειται να είναι το κείμενο, διότι
Αυτό δημιουργεί περιοχή κειμένου μας, εντάξει,

1208
01:02:05,540 --> 01:02:10,320
και Ιδ μας είναι το κείμενο, έτσι ώστε να είναι
πώς μπορούμε να αρπάξει ό, τι είναι εκεί.

1209
01:02:10,320 --> 01:02:12,130
Εντάξει, το ερωτηματικό.

1210
01:02:12,130 --> 01:02:13,940
Πάω να είναι σούπερ
ακριβείς σχετικά με αυτό,

1211
01:02:13,940 --> 01:02:16,300
γιατί θέλω αυτό να λειτουργήσει αυτή τη φορά.

1212
01:02:16,300 --> 01:02:22,120
Εντάξει, κάνουν το ίδιο πράγμα,
να πάρει το στοιχείο από Id.

1213
01:02:22,120 --> 01:02:25,970
Είμαι πραγματικά αναρωτιούνται τι έχει
προκάλεσε τις άλλες δύο να χαλάσουν.

1214
01:02:25,970 --> 01:02:29,750
ΟΚ, τότε σε αυτό το ένα,
Τι θέλουμε να έχουν πρόσβαση;

1215
01:02:29,750 --> 01:02:30,760
Τι Id μας εδώ;

1216
01:02:30,760 --> 01:02:33,980

1217
01:02:33,980 --> 01:02:36,261
Έχουμε μια άλλη ταυτότητα σε
HTML μας, τι είναι αυτό;

1218
01:02:36,261 --> 01:02:37,552
ΚΟΙΝΟ: Χαρακτήρες που απομένουν.

1219
01:02:37,552 --> 01:02:39,343
ALLISON BUCHHOLTZ-ΑΕ:
Χαρακτήρες που απομένουν.

1220
01:02:39,343 --> 01:02:43,360

1221
01:02:43,360 --> 01:02:44,330
>> ΟΚ.

1222
01:02:44,330 --> 01:02:46,010
Cool.

1223
01:02:46,010 --> 01:02:49,800
Έτσι, είμαι απλώς πρόκειται να
γράφω αυτό πολύ γρήγορα.

1224
01:02:49,800 --> 01:02:53,706

1225
01:02:53,706 --> 01:02:55,330
Είμαι ακριβώς πρόκειται να γράψω αυτό στη δεύτερη.

1226
01:02:55,330 --> 01:02:56,190
Έτσι περιοχή κειμένου.

1227
01:02:56,190 --> 01:02:59,550

1228
01:02:59,550 --> 01:03:06,180
Αυτό που είναι ενδιαφέρον είναι Β function-- εκεί
είναι πολλά λειτουργίες που όχι μόνο

1229
01:03:06,180 --> 01:03:09,690
αντιστοιχούν σε σας
ποντίκι, αλλά το πληκτρολόγιο σας.

1230
01:03:09,690 --> 01:03:10,190
Εντάξει;

1231
01:03:10,190 --> 01:03:16,540
Έτσι, μπορείτε να πείτε όταν κάποιο πλήκτρο είναι
πατημένο, μπορείτε να κάνετε τα πράγματα όπως αυτό.

1232
01:03:16,540 --> 01:03:20,450
Έτσι, αυτό που χρησιμοποιούμε
καλείται κλειδί επάνω, η οποία

1233
01:03:20,450 --> 01:03:25,320
λέει, «αν έχετε πατηθεί οποιοδήποτε πλήκτρο
πληκτρολόγιό σας, όταν έχει αρθεί ο χρήστης

1234
01:03:25,320 --> 01:03:28,064
δάχτυλο τους από εκείνο το κουμπί,
και το κλειδί έχει καταστεί μη πίεσης,

1235
01:03:28,064 --> 01:03:29,480
τότε θα πάμε να κάνουμε κάτι. "

1236
01:03:29,480 --> 01:03:29,980
Εντάξει;

1237
01:03:29,980 --> 01:03:31,370
Έτσι, αυτό έχει νόημα, σωστά;

1238
01:03:31,370 --> 01:03:33,540
Επειδή κάθε χαρακτήρα
γράφουμε, θα πάμε

1239
01:03:33,540 --> 01:03:36,550
να πρέπει να άρει τα δάχτυλά μας μακριά
από αυτό, έτσι ώστε όταν το κλειδί ανεβαίνει,

1240
01:03:36,550 --> 01:03:40,980
μπορούμε να γνωρίζουμε για να αφαιρέσετε
χαρακτήρες που απομένουν μας.

1241
01:03:40,980 --> 01:03:44,440
>> Έτσι έχουμε κάποια σχετικά με κλειδί
επάνω, και κατά τον ίδιο τρόπο,

1242
01:03:44,440 --> 01:03:47,480
θα πάμε να πούμε,
"Εντάξει, όταν το κάνουμε αυτό, θα

1243
01:03:47,480 --> 01:03:55,110
πρόκειται να δημιουργήσει κάποια λειτουργία που
πρόκειται να λάβει e ", στην περίπτωση αυτή,

1244
01:03:55,110 --> 01:03:58,800
και αυτό που θέλουμε να κάνουμε είναι να
υπολογίζουν τον αριθμό που απομένει.

1245
01:03:58,800 --> 01:04:02,510
ΟΚ, οπότε ας αρχίσουν
με τη δημιουργία μιας μεταβλητής.

1246
01:04:02,510 --> 01:04:05,830
Έτσι έχουμε κάποια μεταβλητή r,
ότι πρόκειται να αντιπροσωπεύουν

1247
01:04:05,830 --> 01:04:07,720
πόσους χαρακτήρες που μας έχουν απομείνει.

1248
01:04:07,720 --> 01:04:08,890
Εντάξει;

1249
01:04:08,890 --> 01:04:14,540
Γνωρίζουμε ότι έχουμε ξεκινήσει με
140, και αν θέλουμε να γνωρίζουμε,

1250
01:04:14,540 --> 01:04:18,360
ας πούμε, το μήκος αυτό
κορδόνι που είναι ήδη εισόδου,

1251
01:04:18,360 --> 01:04:20,860
εσείς δεν έχετε καμία ιδέα
πώς μπορούμε να το κάνουμε αυτό;

1252
01:04:20,860 --> 01:04:23,900
Απλά βασίζεται στα ανοικτά του προφανούς
πράγματα, όπως αν θέλαμε ώρες,

1253
01:04:23,900 --> 01:04:25,870
χρησιμοποιήσαμε πάρει ώρες.

1254
01:04:25,870 --> 01:04:28,860
Γνωρίζουμε ότι ο σκοπός μας είναι
περιοχή κειμένου, αλλά θα μπορούσε να σας παιδιά

1255
01:04:28,860 --> 01:04:33,050
σκεφτείτε τι μπορεί να έρθει μετά από αυτό;

1256
01:04:33,050 --> 01:04:35,280
Οποιεσδήποτε ιδέες;

1257
01:04:35,280 --> 01:04:41,730
>> Έτσι, το είδος αυτού του κάποιου λιγότερο
διαισθητική, αλλά αυτό είναι το μήκος dot αξία.

1258
01:04:41,730 --> 01:04:44,700
Έτσι, απλά δώστε μου κάποια
Χαρακτηριστικό τιμή που

1259
01:04:44,700 --> 01:04:46,500
είναι στην πραγματικότητα το μήκος αυτής της σειράς.

1260
01:04:46,500 --> 01:04:50,340
Έτσι, πρόκειται να πει, "Εντάξει, ψάχνω
σε όλο αυτό το κορδόνι στην περιοχή κειμένου,

1261
01:04:50,340 --> 01:04:52,730
και Πάω να πω
σας πόσο καιρό είναι. "

1262
01:04:52,730 --> 01:04:55,500
Διότι αν θυμηθούμε χορδές
είναι πραγματικά ακριβώς συστοιχίες,

1263
01:04:55,500 --> 01:04:58,110
έτσι μπορούμε να πάρουμε μόνο το μήκος τους.

1264
01:04:58,110 --> 01:05:01,860
Έτσι, έχουμε ότι.

1265
01:05:01,860 --> 01:05:04,058
Cool.

1266
01:05:04,058 --> 01:05:09,360
>> Στη συνέχεια, αυτό που θέλουμε να κάνουμε είναι να
Ποτέ δεν θέλουν να επιτρέψουν στο χρήστη

1267
01:05:09,360 --> 01:05:12,340
για να εισάγετε περισσότερα από ό, τι
140 χαρακτήρες, σωστά;

1268
01:05:12,340 --> 01:05:15,610
Γιατί αν λέμε, όπως, «Ω,
μόνο να έχουν αυτό το πολύ απομένει, "

1269
01:05:15,610 --> 01:05:20,522
και στη συνέχεια να τους αφήσουμε να κάνουν ότι
ούτως ή άλλως, έχουμε ψέματα.

1270
01:05:20,522 --> 01:05:22,230
Και αυτό είναι ένα άλλο
πράγμα που το JavaScript

1271
01:05:22,230 --> 01:05:24,530
μπορεί να είναι πραγματικά καλό
για, είναι η επικύρωση του χρήστη

1272
01:05:24,530 --> 01:05:29,062
και να διασφαλίσουμε ότι σας
χρήστης ταιριάζει μέσα οποιουσδήποτε κανόνες

1273
01:05:29,062 --> 01:05:30,270
ότι έχετε τους παρέχονται.

1274
01:05:30,270 --> 01:05:36,020
Έτσι, εάν θέλετε να κάνετε πράγματα όπως την παραγωγή
βέβαιος εισόδου κάποιος τη διεύθυνση ηλεκτρονικού ταχυδρομείου τους,

1275
01:05:36,020 --> 01:05:40,242
ή να διασφαλίσουμε ότι όταν
εισάγετε δύο κωδικούς πρόσβασης, που ταιριάζουν.

1276
01:05:40,242 --> 01:05:41,200
JavaScript μπορεί να το κάνει.

1277
01:05:41,200 --> 01:05:44,010
Θα κάνουμε κάτι σαν, "όταν
την υποβολή της φόρμας, "ή παρόμοια,

1278
01:05:44,010 --> 01:05:48,170
"Όταν Υποβολή εντύπου κουμπί είναι
κλικ, ελέγξτε όλα αυτά τα πράγματα. "

1279
01:05:48,170 --> 01:05:49,670
Και μπορούμε να το κάνουμε αυτό JavaScript.

1280
01:05:49,670 --> 01:05:52,680
Έτσι, αυτό είναι ακριβώς ό, τι
θα πάμε να κάνουμε εδώ.

1281
01:05:52,680 --> 01:05:57,810
>> Λοιπόν, τι θα μπορούσε να είναι ένας τρόπος για να ελέγξετε αν
που έχουν περάσει πάνω από 140 χαρακτήρες;

1282
01:05:57,810 --> 01:06:03,310
Τι πρόκειται να συμβεί σε
αξία μας r αν προσπαθήσουν;

1283
01:06:03,310 --> 01:06:04,760
Είναι πρόκειται να είναι αρνητικό, έτσι δεν είναι;

1284
01:06:04,760 --> 01:06:07,380
Ή πρόκειται να είναι λιγότερο
από ή ίση με το μηδέν.

1285
01:06:07,380 --> 01:06:13,690
Έτσι, μπορούμε να χρησιμοποιήσουμε ένα, αν αυτό είναι
ακριβώς όπως όλα τα άλλα.

1286
01:06:13,690 --> 01:06:14,270
Εντάξει;

1287
01:06:14,270 --> 01:06:20,480
Και έχουμε κάποια τελεία περιοχή κειμένου
αξία, και αυτό που κάνουμε εδώ

1288
01:06:20,480 --> 01:06:29,940
είναι ότι απλά cutting-- τι είναι αυτό;

1289
01:06:29,940 --> 01:06:30,900
Λυπάμαι.

1290
01:06:30,900 --> 01:06:32,732
Αυτό και μόνο, θέλουμε απλώς να επιστρέψει false.

1291
01:06:32,732 --> 01:06:34,030
Πήρα σύγχυση.

1292
01:06:34,030 --> 01:06:36,560
Όλα εξοντώσει από τα πράγματα που δεν εργάζονται.

1293
01:06:36,560 --> 01:06:40,010
Εντάξει, απλά θέλουμε να
return false, και στη συνέχεια θα

1294
01:06:40,010 --> 01:06:44,160
θέλετε να εμφανίσετε το
υπόλοιπους χαρακτήρες, σωστά;

1295
01:06:44,160 --> 01:06:48,720
Έτσι, με το ρολόι, κάναμε
κάτι με το εσωτερικό HTML, σωστά;

1296
01:06:48,720 --> 01:06:52,070
Όταν θέσαμε αυτό ισούται με κάποια
μεταβλητή, έτσι ώστε ό, τι θα μπορούσαμε να κάνουμε εδώ;

1297
01:06:52,070 --> 01:06:54,590

1298
01:06:54,590 --> 01:06:57,750
Τι αλλάζει το εσωτερικό του HTML;

1299
01:06:57,750 --> 01:07:02,843

1300
01:07:02,843 --> 01:07:03,780
>> ΚΟΙΝΟ: Παραμένοντας;

1301
01:07:03,780 --> 01:07:05,738
>> ALLISON BUCHHOLTZ-ΑΕ:
Αλλάζουμε απομένουν.

1302
01:07:05,738 --> 01:07:09,217

1303
01:07:09,217 --> 01:07:11,300
Εντάξει, και τι κάνουμε εμείς
θέλουν να το ρυθμίσετε ίση με;

1304
01:07:11,300 --> 01:07:14,440

1305
01:07:14,440 --> 01:07:18,437
Είναι πρόκειται να είναι r, γιατί αυτό
θα πρέπει να είναι χαρακτήρες μας απομένουν.

1306
01:07:18,437 --> 01:07:19,600
Εντάξει;

1307
01:07:19,600 --> 01:07:26,060
Έτσι, είμαι πολύ νευρικός για να δούμε αν
Αυτό λειτουργεί τώρα, αλλά θα δούμε.

1308
01:07:26,060 --> 01:07:28,960

1309
01:07:28,960 --> 01:07:29,460
Αφήστε αυτό.

1310
01:07:29,460 --> 01:07:34,690

1311
01:07:34,690 --> 01:07:37,700
Αυτό είναι πραγματικά γρήγορα.

1312
01:07:37,700 --> 01:07:38,970
[Δεν ακούγεται] OK.

1313
01:07:38,970 --> 01:07:44,574

1314
01:07:44,574 --> 01:07:45,990
Και πάλι, είμαι απλώς πρόκειται να σας δείξω.

1315
01:07:45,990 --> 01:07:49,430
Για οποιοδήποτε λόγο,
ορυχείο αποφασίζει να μην λειτουργεί,

1316
01:07:49,430 --> 01:07:53,354
αλλά αυτό που θα σας δείξω είναι ότι αυτό
is-- ω Εγώ έπρεπε να θέσω σε.

1317
01:07:53,354 --> 01:07:57,470
Εντάξει, παρατηρούμε το ίδιο είδος
πράγμα εδώ, να πάρει την περιοχή κειμένου.

1318
01:07:57,470 --> 01:08:01,070
>> Επίσης, αν παρατηρήσετε ο τύπος, αν υπάρχει
ποτέ κάτι που θέλετε να κάνετε,

1319
01:08:01,070 --> 01:08:04,080
και δεν ξέρετε πώς να το κάνουμε
αυτό, απλά κάντε κλικ στο κουμπί Προβολή προέλευσης σελίδας,

1320
01:08:04,080 --> 01:08:06,632
και πρόκειται να σας πω.

1321
01:08:06,632 --> 01:08:07,840
Μερικές φορές αυτό θα είναι κρυπτογραφημένα.

1322
01:08:07,840 --> 01:08:11,147
Για το chipset σας, έχουμε κρυπτογραφήσει τα πάντα,
έτσι ώστε να μοιάζει με ασυναρτησίες.

1323
01:08:11,147 --> 01:08:13,480
Αλλά αν υπάρχει ποτέ μια πραγματικά
δροσερό ιστοσελίδα που σας αρέσει,

1324
01:08:13,480 --> 01:08:17,729
αν απλά κάντε κλικ στο κουμπί Προβολή προέλευσης σελίδας,
πρόκειται να σας πω πώς να το κάνουμε.

1325
01:08:17,729 --> 01:08:20,770
Έτσι και πάλι, εργάζονται εξυπνότερα, όχι σκληρότερα.

1326
01:08:20,770 --> 01:08:24,250
Και όπως βλέπετε εδώ, το σύνολο των
αυτά τα πράγματα είναι η ίδια.

1327
01:08:24,250 --> 01:08:31,930
αυτό εδώ παίρνει μόνο μερικά υποσυμβολοσειρά
ότι, ξεχνώ τι ακριβώς κάνει αυτό.

1328
01:08:31,930 --> 01:08:36,980
Αλλά χρειάζεται προφανώς κάποιο υποσυμβολοσειρά
της αξίας από το μηδέν έως το δέκα,

1329
01:08:36,980 --> 01:08:41,540
και επιστρέφει false τι θα πρέπει να σταματήσει
ο χρήστης από την εισαγωγή πια,

1330
01:08:41,540 --> 01:08:46,040
και, στη συνέχεια, προφανώς ενημερώνει
η εσωτερική HTML εκεί.

1331
01:08:46,040 --> 01:08:47,410
>> Cool.

1332
01:08:47,410 --> 01:08:53,000
Έτσι, μεγάλο Λαμβάνουν aways από σήμερα,
πείραμα, να δούμε τον πηγαίο κώδικα

1333
01:08:53,000 --> 01:08:58,359
επειδή πρόκειται να σας βοηθήσει πολύ,
και ο καθένας, μερικές φορές το JavaScript

1334
01:08:58,359 --> 01:09:03,200
μπορεί να είναι δύσκολο να εργαστεί με και δεν
λειτουργεί πάντα με τον τρόπο που έπρεπε,

1335
01:09:03,200 --> 01:09:05,700
αλλά απλά συνεχίζουμε να προσπαθούμε
γιατί σας υπόσχομαι ότι θα το κάνει.

1336
01:09:05,700 --> 01:09:08,376
Υπόσχομαι όλα αυτά τα παραδείγματα
εργάζονταν πριν το μάθημα.

1337
01:09:08,376 --> 01:09:09,750
Δεν καταλαβαίνω τι συνέβη.

1338
01:09:09,750 --> 01:09:13,069
Έχω κυριολεκτικά ό, τι η ίδια.

1339
01:09:13,069 --> 01:09:17,660
>> Ένα ακόμα πράγμα που θέλω απλώς να
σας δείξω παιδιά που μπορεί να είναι εξαιρετικά χρήσιμη

1340
01:09:17,660 --> 01:09:21,630
είναι in-- τι λειτουργεί πριν;

1341
01:09:21,630 --> 01:09:23,935
Πήραμε μέρος στην εργασία, δεν είμαστε;

1342
01:09:23,935 --> 01:09:26,569
Νομίζω πως ναι.

1343
01:09:26,569 --> 01:09:27,069
Ναι.

1344
01:09:27,069 --> 01:09:27,630
Κάναμε.

1345
01:09:27,630 --> 01:09:28,250
Awesome.

1346
01:09:28,250 --> 01:09:31,189
Εντάξει, έτσι ώστε ένα πράγμα που
εσείς πρέπει να γνωρίζετε

1347
01:09:31,189 --> 01:09:33,340
είναι το ημερολόγιο κονσόλα για την οποία μίλησα.

1348
01:09:33,340 --> 01:09:37,040
Έτσι παρηγορήσει καταγραφής κουκίδα γεια.

1349
01:09:37,040 --> 01:09:40,430
Έτσι, αυτό είναι το είδος του
JavaScript ισοδύναμο printf.

1350
01:09:40,430 --> 01:09:42,810
Έτσι, εάν θέλετε πάντα να
επιθεωρούν τις μεταβλητές σας

1351
01:09:42,810 --> 01:09:49,649
ή να δείτε τι συμβαίνει εκεί, τι
μπορείτε να κάνετε είναι, αν θέλουμε να επιθεωρήσει το στοιχείο,

1352
01:09:49,649 --> 01:09:51,899
είναι αυτό που θέλετε να πάτε
να, και να πάτε στην κονσόλα,

1353
01:09:51,899 --> 01:09:53,770
θα δείτε ότι το τυπωμένο γειά σου.

1354
01:09:53,770 --> 01:09:55,750
>> Έτσι, θα μπορούσαμε να έχουμε
Εκτύπωση ό, τι θέλαμε.

1355
01:09:55,750 --> 01:10:04,170
Αν θέλαμε να εκτυπώσετε φόντο
dot στυλ φόντου τελεία,

1356
01:10:04,170 --> 01:10:08,454
θα πρέπει να είμαστε σε θέση να δούμε το
RGB τριπλή ότι έρχεται.

1357
01:10:08,454 --> 01:10:11,140
Ή όχι.

1358
01:10:11,140 --> 01:10:13,520
Ξεχάσω πώς ακριβώς
εκτυπώσετε μια μεταβλητή όπως αυτό,

1359
01:10:13,520 --> 01:10:17,249
αλλά θα πρέπει να είναι σε θέση να
εκτυπώσετε τα πράγματα όπως αυτό.

1360
01:10:17,249 --> 01:10:19,040
Αυτό θα είναι πολύ χρήσιμο
για το chipset σας όταν

1361
01:10:19,040 --> 01:10:23,330
είστε προσπαθούν να χειραγωγήσουν
συντονίζει ή οτιδήποτε.

1362
01:10:23,330 --> 01:10:25,270
Έτσι, επίσης, να αλλάξει αυτό το κομμάτι στην τάξη.

1363
01:10:25,270 --> 01:10:30,750
Αυτό είναι διαφορετικό από τα τελευταία χρόνια, έτσι
απλά είναι ωραίο να TFs σας, ή οι ΤΡ

1364
01:10:30,750 --> 01:10:36,350
σε ώρες γραφείου μάλλον, γιατί είμαστε
είδος της μάθησης μαζί με σας παιδιά.

1365
01:10:36,350 --> 01:10:41,230
Αλλά το ημερολόγιο κονσόλα ήταν σούπερ, σούπερ
χρήσιμο για JavaScript πέρυσι.

1366
01:10:41,230 --> 01:10:42,740
Γι 'αυτό αγαπώ.

1367
01:10:42,740 --> 01:10:43,780
Μάθετε πώς να το χρησιμοποιήσετε.

1368
01:10:43,780 --> 01:10:49,026
Είναι πιο εύκολο στη χρήση από GDB, έτσι ώστε να
θα πρέπει να είναι τουλάχιστον ένα θετικό σημείο.

1369
01:10:49,026 --> 01:10:50,650
Αλλά σας ευχαριστώ παιδιά που φέρουν μαζί μου.

1370
01:10:50,650 --> 01:10:53,400
Λυπάμαι που μου
παραδείγματα για κάποιο λόγο

1371
01:10:53,400 --> 01:10:55,410
απλά δεν θέλουν να
συνεργάζονται μαζί μου, αλλά εγώ

1372
01:10:55,410 --> 01:11:01,010
Ελπίζουμε ότι βοήθησε το είδος του να σας πάρει ένα
λίγο περισσότερο στη ζώνη του JavaScript.

1373
01:11:01,010 --> 01:11:04,980
Και να μου στείλει σε όλες τις ερωτήσεις σας για
την επόμενη εβδομάδα ώστε να μπορώ να είναι σούπερ επισκευαστεί,

1374
01:11:04,980 --> 01:11:09,420
και θα φέρω καραμέλα και ακόμη και επιπλέον
καραμέλα, γιατί αυτό ήταν γελοίο.

1375
01:11:09,420 --> 01:11:14,000
Αλλά εσείς είναι μεγάλες,
και να έχουν μια τρομερή εβδομάδα.

1376
01:11:14,000 --> 01:11:15,584