1
00:00:00,000 --> 00:00:11,470

2
00:00:11,470 --> 00:00:12,764
>> ΟΜΙΛΗΤΗΣ 1: Όλα, το δικαίωμα να καλωσορίσω πίσω.

3
00:00:12,764 --> 00:00:14,140
Αυτό είναι CS50.

4
00:00:14,140 --> 00:00:16,800
Και αυτή είναι η αρχή της εβδομάδας εννέα.

5
00:00:16,800 --> 00:00:19,960
Και αυτή είναι η αρχή της υπόλοιπης
το χρόνο σας σε CS50, στην οποία

6
00:00:19,960 --> 00:00:23,170
μετάβαση τώρα, τέλος, στο διαδίκτυο
πτυχή του μαθήματος, όπου θα

7
00:00:23,170 --> 00:00:26,200
διαπιστώσετε ότι πολλές από τις βασικές αρχές που
έχουμε εξάγει για εβδομάδες

8
00:00:26,200 --> 00:00:29,270
εξακολουθούν να έρχονται πίσω για να επισκεφθείτε,
ή στέκι μας,.

9
00:00:29,270 --> 00:00:33,440
Αλλά τώρα, θα διαπιστώσετε ότι είναι μια
τάξη μεγέθους πιο εύκολο να

10
00:00:33,440 --> 00:00:36,540
εκτελέσει ορισμένα καθήκοντα και
επίλυση ορισμένων προβλημάτων -

11
00:00:36,540 --> 00:00:41,050
τόσο πολύ έτσι ώστε ακόμα κι αν νομίζατε
ορισμένα σύνολα πρόβλημα ήταν διασκέδαση τους

12
00:00:41,050 --> 00:00:44,200
το δικό του τρόπο, νομίζω ότι θα βρείτε
ότι το σύνολο P 7, σ. σετ 8, και στη συνέχεια,

13
00:00:44,200 --> 00:00:47,990
Τελικά, το τελικό σχέδιο θα είναι
ακόμη πιο ευχάριστο γιατί θα

14
00:00:47,990 --> 00:00:51,830
ανακαλύπτουμε ότι έχουμε αρχίσει να θεωρούμε δεδομένο
τώρα τα πράγματα όπως η διαχείριση μνήμης, και

15
00:00:51,830 --> 00:00:54,190
δείκτες, και τι συμβαίνει
για κάτω από το καπό.

16
00:00:54,190 --> 00:00:57,310
Και πάλι, θεματικές, σε όλη τη διάρκεια της
το εξάμηνο έχει αυτό το layering

17
00:00:57,310 --> 00:00:58,030
και layering.

18
00:00:58,030 --> 00:01:00,530
Και τώρα είμαστε ταξινόμησης έως
εδώ, στέκεται στο

19
00:01:00,530 --> 00:01:01,930
ώμους των προηγούμενων εβδομάδων.

20
00:01:01,930 --> 00:01:05,360
>> Τώρα, ανάκληση από την τελευταία φορά που
μίλησε για το πώς το Διαδίκτυο λειτούργησε.

21
00:01:05,360 --> 00:01:08,120
Και αυτό ήταν ίσως
υπεραπλούστευση, αλλά να θυμάστε ότι

22
00:01:08,120 --> 00:01:12,960
κάθε υπολογιστή στον κόσμο, έχει μια διεύθυνση IP
αντιμετώπιση, αν και αυτό είναι ένα κομμάτι από ένα

23
00:01:12,960 --> 00:01:14,570
υπεραπλούστευση ακόμα.

24
00:01:14,570 --> 00:01:18,180
Και αυτές οι διευθύνσεις που χρησιμοποιούνται για τη μοναδική
εντοπίσει μηχανές, έτσι ώστε

25
00:01:18,180 --> 00:01:22,010
όταν στέλνετε πληροφορίες ή πακέτα,
να το πω έτσι, μπορούν να έχουν καταγωγή

26
00:01:22,010 --> 00:01:24,000
τη διεύθυνση και μια διεύθυνση προορισμού.

27
00:01:24,000 --> 00:01:27,830
Και οι ίδιες οι διευθύνσεις IP μπορεί να χρησιμοποιηθεί
τόσο για το καλό όσο και για κακό,

28
00:01:27,830 --> 00:01:29,270
να σας εντοπίσει, για παράδειγμα.

29
00:01:29,270 --> 00:01:32,200
Στην πραγματικότητα, κάθε ένας από εσάς με ένα laptop
ανοίξτε τώρα, ή ένα τηλέφωνο σας

30
00:01:32,200 --> 00:01:35,070
τσέπη, έχει μια διεύθυνση IP
στο δίκτυο του Χάρβαρντ.

31
00:01:35,070 --> 00:01:39,120
Και δεν είναι όλοι ότι είναι δύσκολο να
συσχετίζονται ότι για το ποιος και πού θα

32
00:01:39,120 --> 00:01:40,180
είναι αυτές τις μέρες.

33
00:01:40,180 --> 00:01:42,090
Αλλά περισσότερα για αυτό ίσως
στο μέλλον.

34
00:01:42,090 --> 00:01:46,510
>> Τώρα σκέφτηκα να φέρει πίσω κάποια
μνήμες [; ενίσχυση;] και να σας δώσει

35
00:01:46,510 --> 00:01:49,360
ένα άλλο clip από μια εκπομπή που
μπορεί να βρει οικεία.

36
00:01:49,360 --> 00:01:52,710
Αν μπορούσαμε χαμηλώστε τα φώτα
για λίγα δευτερόλεπτα.

37
00:01:52,710 --> 00:01:53,960
Οι Numb3rs show.

38
00:01:53,960 --> 00:01:57,510

39
00:01:57,510 --> 00:02:00,540
>> ΟΜΙΛΗΤΗΣ 2: Είναι ένα 32-bit διεύθυνση IPP4.

40
00:02:00,540 --> 00:02:01,610
>> ΟΜΙΛΗΤΗΣ 3: ΟΠΠ, όπως το internet;

41
00:02:01,610 --> 00:02:02,968
>> ΟΜΙΛΗΤΗΣ 2: Ιδιωτικό δίκτυο.

42
00:02:02,968 --> 00:02:04,960
Στο ιδιόκτητο δίκτυο της Amita.

43
00:02:04,960 --> 00:02:16,930

44
00:02:16,930 --> 00:02:19,602
Είναι τόσο καταπληκτικό.

45
00:02:19,602 --> 00:02:21,030
>> ΟΜΙΛΗΤΗΣ 3: Έλα, Τσάρλι.

46
00:02:21,030 --> 00:02:21,490
>> ΟΜΙΛΗΤΗΣ 2: Είναι.

47
00:02:21,490 --> 00:02:22,470
Μια διεύθυνση IP καθρέφτη.

48
00:02:22,470 --> 00:02:27,680
Έχει να μας παρακολουθήσουν τι
αυτή κάνει σε πραγματικό χρόνο.

49
00:02:27,680 --> 00:02:30,930
>> ΟΜΙΛΗΤΗΣ 1: Εντάξει, μερικά πράγματα
λάθος με αυτήν την εικόνα.

50
00:02:30,930 --> 00:02:32,920
Έτσι, το ένα, και αυτό είναι αποδεκτό,
Αυτό είναι στην πραγματικότητα

51
00:02:32,920 --> 00:02:34,400
δεν είναι έγκυρη διεύθυνση IP.

52
00:02:34,400 --> 00:02:38,190
Μια έγκυρη διεύθυνση IP πρέπει να είναι αριθμοί
της μορφής w.x.y.z, όπου κάθε ένα από

53
00:02:38,190 --> 00:02:40,000
τα έγγραφα αυτά είναι από 0 έως 255.

54
00:02:40,000 --> 00:02:42,330
Αλλά αυτό είναι εντάξει, επειδή ακριβώς όπως το
ταινίες που ψεύτικο αριθμό τηλεφώνου,

55
00:02:42,330 --> 00:02:43,520
πλαστογραφούν διευθύνσεις IP.

56
00:02:43,520 --> 00:02:45,230
Δεν χτύπησε πραγματικά πραγματικά servers.

57
00:02:45,230 --> 00:02:46,760
>> Αλλά το μυαλό σας, αυτό είναι ένα πρόγραμμα περιήγησης.

58
00:02:46,760 --> 00:02:50,760
Και browsers μην αρχίσετε έξοδο
κώδικα υπολογιστή σαν αυτό.

59
00:02:50,760 --> 00:02:54,230
Και αν κοιτάξουμε λίγο πιο βαθιά, παρατηρήστε
ότι η γλώσσα που βλέπουμε

60
00:02:54,230 --> 00:02:57,040
στην οθόνη είναι μια γλώσσα που ονομάζεται
Στόχος C, η οποία είναι η γλώσσα στην

61
00:02:57,040 --> 00:02:59,520
οποία είναι γραμμένα apps iPhone,
ιδιαίτερα αυτές που αφορούν

62
00:02:59,520 --> 00:03:03,540
κραγιόνια, όπως μπορείτε να δείτε από
τον πηγαίο κώδικα εδώ.

63
00:03:03,540 --> 00:03:06,600

64
00:03:06,600 --> 00:03:07,560
>> Εντάξει, σκέφτηκα ότι αυτό ήταν αστείο.

65
00:03:07,560 --> 00:03:12,240
Έτσι, αυτό το απόσπασμα του κώδικα δεν έχει απολύτως
τίποτα να κάνει με ό, τι αυτό

66
00:03:12,240 --> 00:03:13,940
συγκεκριμένο επεισόδιο ήταν περίπου.

67
00:03:13,940 --> 00:03:17,590
Έτσι, το αστείο είναι είδος για τους λαούς
λαμβάνοντας γι 'αυτό το δεδομένο.

68
00:03:17,590 --> 00:03:20,220
Αλλά αυτό δεν είναι όλα αυτά σκληρά για να πάρει
αυτές οι τεχνικές λεπτομέρειες.

69
00:03:20,220 --> 00:03:21,980
Και θα ήθελα να σας ενθαρρύνω.

70
00:03:21,980 --> 00:03:25,530
Και στην πραγματικότητα, 50 θα μπορούσε κάλλιστα να χαλάσει
πολλές τηλεοπτικές εκπομπές και ταινίες ή μπορείτε

71
00:03:25,530 --> 00:03:27,320
γιατί θα διαπιστώσετε ότι είναι ακριβώς
Δεν είναι δυνατόν αυτό που είσαι

72
00:03:27,320 --> 00:03:28,630
κάνει στην οθόνη.

73
00:03:28,630 --> 00:03:31,750
Αλλά, πράγματι, αυτός είναι ο κώδικας που
θα μπορούσε να το δει σε μια εφαρμογή iPhone

74
00:03:31,750 --> 00:03:33,640
ή Mac OS εφαρμογή.

75
00:03:33,640 --> 00:03:35,685
Δεν έχει καμία σχέση σε όλα
να κάνει με την ασφάλεια.

76
00:03:35,685 --> 00:03:38,610
Έτσι κρατήστε ένα μάτι έξω για περισσότερα
τέτοια διασκεδαστικά πράγματα όπως αυτό.

77
00:03:38,610 --> 00:03:42,720
>> Σήμερα, όμως, αρχίζουμε να βουτήξει σε πραγματικά
βαθιά σε ένα ολόκληρο φάσμα των γλωσσών.

78
00:03:42,720 --> 00:03:45,410
Ένας μάλιστα, ένας από τους πρωταρχικούς
takeaways από αυτό το τμήμα του

79
00:03:45,410 --> 00:03:51,815
Φυσικά δεν είναι να μάθετε πώς να προγραμματίσετε
σε PHP, για να μην μάθουν SQL per se, δεν

80
00:03:51,815 --> 00:03:58,100
να μάθουν JavaScript per se, αλλά μάλλον
να σας διδάξει πώς να διδάξουν

81
00:03:58,100 --> 00:04:02,030
τον εαυτό σας νέες γλώσσες, διότι, πράγματι,
αρχίζουμε να λάβει τώρα η

82
00:04:02,030 --> 00:04:06,020
βοηθητικές ρόδες off έτσι ώστε μετά
τέλος μαθήματος, δεν μπορείτε να περιμένετε 20

83
00:04:06,020 --> 00:04:08,890
προδιαγραφή σελίδα για να σας πω πώς
να εφαρμόσει κάποιο πρόγραμμα.

84
00:04:08,890 --> 00:04:12,970
Έχετε αρκετά συστατικά σας
νου, και αρκετά εργαλεία στο εργαλείο σας

85
00:04:12,970 --> 00:04:15,750
kit, με την οποία να αρχίσει η δημιουργία
λύσεις σε προβλήματα που παρουσιάζουν ενδιαφέρον για

86
00:04:15,750 --> 00:04:19,130
σας για κάποια ομάδα μαθητών, για ορισμένες
ερευνητικό έργο, ή τίποτα

87
00:04:19,130 --> 00:04:20,140
που σας ενδιαφέρουν.

88
00:04:20,140 --> 00:04:24,150
>> Έτσι, προς το σκοπό αυτό, υπενθυμίζουν ότι αυτή ήταν
Η εικόνα που επέστησε την τελευταία φορά.

89
00:04:24,150 --> 00:04:27,620
Και αυτό είναι δύο υπολογιστές, ο πελάτης και
κόβω, μιλάμε ο ένας στον άλλο.

90
00:04:27,620 --> 00:04:31,130
Και το πρωτόκολλο, η γλώσσα, έτσι ώστε να
μιλήσει, ότι αυτές οι δύο υπολογιστές να συμβεί

91
00:04:31,130 --> 00:04:33,220
να μιλάει ονομάζεται HTTP.

92
00:04:33,220 --> 00:04:37,730
Και αυτό είναι μόνο το πρωτόκολλο που χρησιμοποιείται από
ηλεκτρονικών υπολογιστών για τη μεταφορά πληροφοριών πάνω

93
00:04:37,730 --> 00:04:38,710
το World Wide Web.

94
00:04:38,710 --> 00:04:41,770
Το διαδίκτυο, βέβαια, είναι μόνο μία υπηρεσία
που τρέχει στην κορυφή του

95
00:04:41,770 --> 00:04:43,000
λεγόμενη internet.

96
00:04:43,000 --> 00:04:48,660
Τι είναι μια άλλη υπηρεσία διατίθεται για
πάνω από το internet αυτές τις μέρες;

97
00:04:48,660 --> 00:04:51,600
Κάποια άλλα πρωτόκολλο ή - τι είναι αυτό;

98
00:04:51,600 --> 00:04:52,300
>> Κοινό: FTP.

99
00:04:52,300 --> 00:04:52,790
>> ΟΜΙΛΗΤΗΣ 1: FTP.

100
00:04:52,790 --> 00:04:54,630
Έτσι, πρωτόκολλο μεταφοράς αρχείων είναι ένα άλλο.

101
00:04:54,630 --> 00:04:56,050
Οι περισσότεροι από εσάς ίσως δεν την έχετε χρησιμοποιήσει.

102
00:04:56,050 --> 00:04:58,830
Αλλά οι περισσότεροι από εσάς ίσως έχετε χρησιμοποιήσει
πράγματα όπως Gchat, ή σε άμεσο

103
00:04:58,830 --> 00:05:00,970
μηνυμάτων γενικότερα,
Σίγουρα email.

104
00:05:00,970 --> 00:05:04,470
Και εκείνοι, επίσης, είναι οι υπηρεσίες που τρέχουν σε
πάνω από το διαδίκτυο, διότι, κατά το

105
00:05:04,470 --> 00:05:08,180
τέλος της ημέρας, το ίδιο το διαδίκτυο
πραγματικά να πάρει μόνο τα δεδομένα από το σημείο Α στο

106
00:05:08,180 --> 00:05:12,480
σημείο Β. Και χρησιμοποιεί μια σειρά από
ίδια σωματίδια, ένα από αυτά ή δύο

107
00:05:12,480 --> 00:05:17,340
από τους πιο γενικά ονομάζεται TCP / IP,
που είναι να πω ότι ένας υπολογιστής για

108
00:05:17,340 --> 00:05:19,960
το Διαδίκτυο μπορεί πραγματικά να κάνει
διαφορετικά πράγματα, email,

109
00:05:19,960 --> 00:05:20,980
και ιστοσελίδων, και ούτω καθεξής.

110
00:05:20,980 --> 00:05:22,220
Google κάνει πολλά για αυτό.

111
00:05:22,220 --> 00:05:26,310
Λοιπόν, πώς είναι οι υπηρεσίες μοναδικά
εντοπιστεί, δεν λέμε, σε έναν υπολογιστή

112
00:05:26,310 --> 00:05:29,080
που θα μπορούσε πραγματικά να κάνει
πολλαπλές πράγματα;

113
00:05:29,080 --> 00:05:29,860
>> Ο αριθμός θύρας.

114
00:05:29,860 --> 00:05:34,180
Και αυτά είναι μόνο αυθαίρετη ανθρώπινη
συμβάσεις, όπως είναι το web 80, 443 είναι

115
00:05:34,180 --> 00:05:36,580
κρυπτογραφημένα web, 25 είναι το email.

116
00:05:36,580 --> 00:05:38,230
Και υπάρχει μια δέσμες των άλλων.

117
00:05:38,230 --> 00:05:41,860
Και αυτοί οι αριθμοί απλώς να συμπεριληφθούν στην
οι εν λόγω πακέτα πληροφοριών, οι εν λόγω

118
00:05:41,860 --> 00:05:46,230
εικονικό φάκελο, ότι στην πραγματικότητα
περιείχε ένα αίτημα ή μια απάντηση.

119
00:05:46,230 --> 00:05:51,300
>> Έτσι, όταν μπορείτε να πάρετε πίσω μια απάντηση από το
web, συνήθως, δεν μπορείτε να δείτε οποιοδήποτε

120
00:05:51,300 --> 00:05:54,780
αριθμοί απολύτως την άποψη της
κωδικό κατάστασης της απόκρισης.

121
00:05:54,780 --> 00:05:56,770
Δεν μπορείτε να δείτε στην πραγματικότητα η
ενδότερα του

122
00:05:56,770 --> 00:05:58,090
πακέτα που έρχονται πίσω.

123
00:05:58,090 --> 00:05:59,860
Αλλά 200 όντως σημαίνει OK.

124
00:05:59,860 --> 00:06:01,530
Και αυτό σημαίνει ότι όλα είναι καλά.

125
00:06:01,530 --> 00:06:02,870
Μπορεί να έχετε δει ένα σωρό από αυτά.

126
00:06:02,870 --> 00:06:05,710
Ποια είναι ίσως η πιο κοινή
έχετε δει στο διαδίκτυο;

127
00:06:05,710 --> 00:06:05,980
>> 404.

128
00:06:05,980 --> 00:06:07,330
Σημαίνει απλά δεν βρέθηκε το αρχείο.

129
00:06:07,330 --> 00:06:08,270
Αυτό σημαίνει ότι κάποιος σκάτωσε.

130
00:06:08,270 --> 00:06:11,450
Μπορείτε έκανε με mistyping το URL, ή κάποιος
άλλος δεν το έκανε δίνοντας σας μια

131
00:06:11,450 --> 00:06:15,100
άκυρο URL, ή διαγράφεται η
αρχείου και η διεύθυνση URL είναι ακόμα

132
00:06:15,100 --> 00:06:16,130
που χρησιμοποιείται από τους ανθρώπους.

133
00:06:16,130 --> 00:06:19,670
Έτσι, οποιοσδήποτε αριθμός λόγων μπορεί να εξηγήσει
Γιατί ένα αρχείο δεν βρέθηκε.

134
00:06:19,670 --> 00:06:22,990
Και θα δείτε, κατά τις επόμενες εβδομάδες να έρθει,
αυτοί οι άλλοι κωδικοί σφάλματος, και θα

135
00:06:22,990 --> 00:06:24,195
να επωφεληθούν από μερικές από αυτές.

136
00:06:24,195 --> 00:06:25,760
Το χειρότερο είναι 500.

137
00:06:25,760 --> 00:06:29,820
Αν πάρετε ένα 500 σφάλμα στον κώδικα που έχετε
γραπτή, σκεφτείτε ότι ως ένα είδος της

138
00:06:29,820 --> 00:06:33,290
ανάλογο της διαχωρίζονται από βλάβες στο
κόσμο του web προγραμματισμό.

139
00:06:33,290 --> 00:06:34,560
Δεν είναι τόσο τρομερή.

140
00:06:34,560 --> 00:06:36,660
Αλλά αυτό σημαίνει απλώς ότι, κάπου,
τα έκανες μαντάρα.

141
00:06:36,660 --> 00:06:38,260
Έτσι, προσβλέπουμε σε αυτές.

142
00:06:38,260 --> 00:06:39,910
>> Αλλά ας δούμε αν μπορούμε να
δείτε αυτά στο πλαίσιο.

143
00:06:39,910 --> 00:06:43,460
Επιτρέψτε μου να πάω σε ένα πρόγραμμα περιήγησης εδώ
και να κάνουμε το εξής.

144
00:06:43,460 --> 00:06:45,710
Έτσι, αυτό είναι το Chrome, η οποία συμβαίνει να
να εγκατασταθεί στη συσκευή.

145
00:06:45,710 --> 00:06:49,410
Αλλά οι περισσότεροι κάθε μηχανή αναζήτησης αυτές τις μέρες έχει
κάποια ισοδύναμη λειτουργικότητα.

146
00:06:49,410 --> 00:06:52,610
Πάω να πάει μέχρι το μενού του Chrome,
και πηγαίνετε στο Tools, και είμαι πρόκειται να πάει

147
00:06:52,610 --> 00:06:53,990
Εργαλεία για προγραμματιστές.

148
00:06:53,990 --> 00:06:57,040
Και θα δείτε ότι αυτό το μικρό πίνακα
ανοίγει στο κάτω μέρος του παραθύρου.

149
00:06:57,040 --> 00:07:00,190
Μια άλλη συντόμευση, για να είμαι ειλικρινής, ότι
χρησιμοποιούν συνήθως τον εαυτό μου είναι να κάντε δεξί κλικ

150
00:07:00,190 --> 00:07:04,370
ή Control κάντε κλικ οπουδήποτε στο διαδίκτυο
σελίδα και μόλις πάει να επιθεωρήσει Element.

151
00:07:04,370 --> 00:07:07,440
Και αυτό όχι μόνο θα ανοίξει
Αυτό έχει για σας.

152
00:07:07,440 --> 00:07:10,230
Επίσης, θα ανοίξει, συγκεκριμένα,
το τμήμα Στοιχεία για

153
00:07:10,230 --> 00:07:11,430
η αριστερή πλευρά.

154
00:07:11,430 --> 00:07:12,460
>> Έτσι είμαστε, φυσικά, βλέπουμε Google.

155
00:07:12,460 --> 00:07:13,930
Θα αλλάξει το λογότυπό τους σήμερα.

156
00:07:13,930 --> 00:07:20,200
Αλλά αν μετακινηθείτε προς τα κάτω μέχρι εδώ, παρατηρήστε
ότι, σύμφωνα με στοιχεία, θα δείτε

157
00:07:20,200 --> 00:07:23,460
ό, τι λέγεται HTML, HyperText Markup
Γλώσσα, και αυτή είναι η γλώσσα

158
00:07:23,460 --> 00:07:26,000
ότι αυτή και όλες οι σελίδες web,
Πραγματικά, είναι γραμμένα μέσα

159
00:07:26,000 --> 00:07:28,950
Αλλά στην πραγματικότητα διαμορφωμένη για
μας πολύ πιο ευανάγνωστα

160
00:07:28,950 --> 00:07:29,970
ό, τι είναι κανονικά.

161
00:07:29,970 --> 00:07:34,810
Στην πραγματικότητα, αν σμίκρυνση, και αντ 'αυτού
Απλά κάντε δεξί κλικ ή Control Κάντε κλικ

162
00:07:34,810 --> 00:07:39,630
κάντε κλικ στη σελίδα και, στη συνέχεια, πηγαίνετε στο View
Πηγή σελίδας, αυτό είναι κυριολεκτικά ό, τι

163
00:07:39,630 --> 00:07:42,150
Google έστειλε κάτω στον browser μου.

164
00:07:42,150 --> 00:07:46,480
>> Έτσι, κάποιο πρόσωπο ή τα πρόσωπα που έγραψε
Google.com χρήση αυτού του πηγαίου κώδικα.

165
00:07:46,480 --> 00:07:47,790
Τα περισσότερα από αυτά δεν είναι HTML.

166
00:07:47,790 --> 00:07:49,340
Είναι πραγματικά μια γλώσσα που ονομάζεται
JavaScript, τα οποία

167
00:07:49,340 --> 00:07:50,880
θα έρθει την Τετάρτη.

168
00:07:50,880 --> 00:07:55,580
Αλλά τι Chrome, και αυτό που κάθε πρόγραμμα περιήγησης
μπορεί να κάνει για μας, είναι το είδος της δείτε

169
00:07:55,580 --> 00:07:59,610
παρελθόν όλες τις αποσπάσεις της προσοχής του
τρελό σύνταξη και επανατοποθετήστε λευκό κενό

170
00:07:59,610 --> 00:08:02,940
για μας, ακόμη και τονίζουν σύνταξη,
ή να χρωματίσετε τα πράγματα για εμάς.

171
00:08:02,940 --> 00:08:06,470
Έτσι, θα διαπιστώσετε ότι αυτές οι λεγόμενες
εργαλεία για προγραμματιστές χτισμένο σε browsers

172
00:08:06,470 --> 00:08:10,830
θα κάνουν τη ζωή σας, τόσο πολύ ευκολότερη
επειδή μπορείτε να εξερευνήσετε, μέσω αυτού του μενού

173
00:08:10,830 --> 00:08:13,940
interface, ακριβώς ό, τι η υποκείμενη
πηγαίο κώδικα είναι

174
00:08:13,940 --> 00:08:15,750
οποιαδήποτε σελίδα στο διαδίκτυο.

175
00:08:15,750 --> 00:08:19,070
Και πράγματι, αυτό είναι ένα από τα πιο
αποτελεσματικούς τρόπους για να μάθετε πώς να το κάνουμε

176
00:08:19,070 --> 00:08:22,860
κάτι νέο, τουλάχιστον αν η σελίδα
δεν είναι τόσο περίπλοκο όπως να συντρίψει, είναι

177
00:08:22,860 --> 00:08:26,700
για να ξεκινήσει σπρώχνει γύρω από αυτό είναι HTML, κοιτάξτε
στο λεγόμενο CSS, η οποία θα έρθει

178
00:08:26,700 --> 00:08:30,310
σε ένα κομμάτι, καθώς, για να πάρετε μια
η κατανόηση του τρόπου με τον προγραμματιστή ότι

179
00:08:30,310 --> 00:08:33,480
εφαρμοστεί κάποια συγκεκριμένη
χαρακτηριστικό της σελίδας.

180
00:08:33,480 --> 00:08:36,530
>> Αλλά το πιο ενδιαφέρον τεχνικά δικαίωμα
τώρα πρόκειται να είναι αυτό.

181
00:08:36,530 --> 00:08:39,429
Αν πάω στην καρτέλα Network,
ας ξεκαθαρίσουμε τώρα αυτό.

182
00:08:39,429 --> 00:08:43,429
Πάω να κάνετε κλικ στο μικρό
σύμβολο του σταυρού εδώ, και στη συνέχεια

183
00:08:43,429 --> 00:08:45,630
μεταβείτε σε μια άλλη ιστοσελίδα.

184
00:08:45,630 --> 00:08:48,430
Και είμαι απλώς πρόκειται να πληκτρολογήσετε
στο Facebook.com.

185
00:08:48,430 --> 00:08:51,940
Δεν HTTP, HTTPS όχι, δεν WWW.

186
00:08:51,940 --> 00:08:53,850
Ας δούμε πραγματικά τι συμβαίνει εδώ.

187
00:08:53,850 --> 00:08:55,030
>> Enter.

188
00:08:55,030 --> 00:08:58,480
Τώρα παρατηρήσετε ένα σωρό πράγματα απλά
εμφανίστηκε σε αυτόν τον πίνακα κάτω, στο

189
00:08:58,480 --> 00:09:00,285
Εκτός από την ιστοσελίδα
εμφανίζεται στην κορυφή.

190
00:09:00,285 --> 00:09:04,890
Πάω να μετακινηθείτε προς τα πίσω στον
Στην καρτέλα Network εδώ, και είμαι πρόκειται να

191
00:09:04,890 --> 00:09:06,080
κάντε κλικ στην πρώτη γραμμή.

192
00:09:06,080 --> 00:09:10,580
Τι αυτό το εργαλείο πρόκειται να αποκαλύψει σε μας
είναι κάθε ένα από τα αιτήματα HTTP

193
00:09:10,580 --> 00:09:13,550
ότι γρήγορα μόλις πήγε πίσω και
εμπρός μεταξύ του browser μου

194
00:09:13,550 --> 00:09:14,930
και server του Facebook.

195
00:09:14,930 --> 00:09:17,830
Και έτσι κάθε μία από αυτές τις γραμμές
αντιπροσωπεύει ένα τέτοιο αίτημα ή

196
00:09:17,830 --> 00:09:20,970
απόκρισης, μία ή περισσότερες από
Αυτά τα εικονικά φάκελο.

197
00:09:20,970 --> 00:09:24,080
Ή πιο άνετα, είναι σαν ένα πρόσωπο
σαν ένα πρόσωπο, ένας πελάτης σε ένα

198
00:09:24,080 --> 00:09:26,710
εστιατόριο, ζητώντας κάτι
ξανά, και ξανά, και ξανά.

199
00:09:26,710 --> 00:09:29,400
Και ο σερβιτόρος κρατά φέρνοντας
πίσω ένα κάθε φορά.

200
00:09:29,400 --> 00:09:33,850
>> Έτσι τώρα, αν κάνετε ζουμ σε αυτό, παρατηρήστε
και αυτό θα είναι το είδος του πράγματος

201
00:09:33,850 --> 00:09:36,600
ότι είστε ευπρόσδεκτοι και ενθαρρύνονται
να παίξει με τη δική σας, γιατί

202
00:09:36,600 --> 00:09:38,150
δεν θα περάσουν από όλα
με μεγάλη λεπτομέρεια.

203
00:09:38,150 --> 00:09:40,070
Να σημειωθεί όμως ότι υπάρχει μια
μερικά επιμέρους καρτέλες εδώ -

204
00:09:40,070 --> 00:09:43,700
Κεφαλίδες, Preview, Response,
Cookies, και το χρονοδιάγραμμα.

205
00:09:43,700 --> 00:09:48,280
Είμαι ακριβώς πρόκειται να δούμε κεφαλίδες
για τώρα, διότι αυτά είναι μικρά

206
00:09:48,280 --> 00:09:53,600
συστατικά στο εσωτερικό του περιβλήματος που
στοιχεία βοηθούν πάρει από και προς χώρους.

207
00:09:53,600 --> 00:09:57,590
>> Έτσι, η πρώτη, επιτρέψτε μου να κάντε κλικ σε αυτό, Θέα
Πηγή δίπλα στο κεφαλίδες αιτημάτων.

208
00:09:57,590 --> 00:10:01,910
Υπάρχει το αίτημα ότι ο φυλλομετρητής μου,
Chrome, στην περίπτωση αυτή, αποστέλλεται στο εσωτερικό της

209
00:10:01,910 --> 00:10:02,910
ότι η εικονική φάκελο.

210
00:10:02,910 --> 00:10:04,800
Θα θυμάστε την περασμένη εβδομάδα
δακτυλογραφημένα αυτό, ενώ

211
00:10:04,800 --> 00:10:06,380
προσποιείται ότι είναι ένα πρόγραμμα περιήγησης.

212
00:10:06,380 --> 00:10:09,980
Στη συνέχεια υπενθύμισε το διακομιστή που είναι
αναζητούν ονομάζεται ξενιστή

213
00:10:09,980 --> 00:10:10,835
Facebook.com.

214
00:10:10,835 --> 00:10:13,630
Και τότε υπάρχει μια λίγο πιο απόκρυφες
πληροφορίες που θα κυματίσει

215
00:10:13,630 --> 00:10:14,830
τα χέρια μας τώρα.

216
00:10:14,830 --> 00:10:18,640
>> Αλλά αν αρχίσω να μετακινηθείτε προς τα κάτω τώρα
αυτό το παράθυρο, επιτρέψτε μου να φτάσουμε στην

217
00:10:18,640 --> 00:10:19,980
κεφαλίδες απόκρισης.

218
00:10:19,980 --> 00:10:23,270
Αυτό ήταν ό, τι υπάρχει στον εικονικό
φάκελο που επέστρεψαν από

219
00:10:23,270 --> 00:10:24,095
Facebook.com.

220
00:10:24,095 --> 00:10:27,390
Και αν κάνω κλικ στην επιλογή Προβολή προέλευσης μόνο
για να δείτε τις πρώτες κείμενο αυτό,

221
00:10:27,390 --> 00:10:28,400
παρατηρήσετε μερικά πράγματα.

222
00:10:28,400 --> 00:10:32,130
Ένα, Facebook μιλά επίσης το ίδιο
πρωτόκολλο, έκδοση 1.1 αυτής.

223
00:10:32,130 --> 00:10:33,390
Έτσι, αυτό είναι ωραίο.

224
00:10:33,390 --> 00:10:36,820
Αλλά κωδικό κατάστασης 301,
μετακόμισε μόνιμα.

225
00:10:36,820 --> 00:10:38,880
>> Λοιπόν, πού στο καλό έκανε Facebook πάτε;

226
00:10:38,880 --> 00:10:40,430
Τι είναι αυτό που προσπαθεί να μας μεταφέρει;

227
00:10:40,430 --> 00:10:44,310
Λοιπόν, παρατηρούμε εδώ κάτω υπάρχει ένα άλλο
επικεφαλίδα που ονομάζεται Location.

228
00:10:44,310 --> 00:10:51,050
Γιατί λοιπόν Facebook μου λέει ότι
μετακόμισε μόνιμα στην εν λόγω διεύθυνση URL

229
00:10:51,050 --> 00:10:53,580
δίπλα στην τοποθεσία?

230
00:10:53,580 --> 00:10:54,962
Ξέχασα το www.

231
00:10:54,962 --> 00:10:56,250
>> Έτσι, αυτό ήταν επιλογή μου.

232
00:10:56,250 --> 00:11:00,450
Στην πραγματικότητα, οι περισσότεροι από εμάς σπάνια, κατά πάσα πιθανότητα,
πληκτρολογήστε www.whatever.com αυτές τις μέρες.

233
00:11:00,450 --> 00:11:03,390
Αλλά αποδεικνύεται ένα διαχειριστή του συστήματος,
όπως το Facebook, μπορεί να

234
00:11:03,390 --> 00:11:06,800
ρυθμίσετε τους διακομιστές τους με τέτοιο τρόπο
ότι είτε Facebook.com λειτουργεί, ή

235
00:11:06,800 --> 00:11:12,450
www.Facebook.com λειτουργεί, ή, πραγματικά,
οποιαδήποτε τέτοια πρόθεμα μπροστά από τους

236
00:11:12,450 --> 00:11:13,210
domain name.

237
00:11:13,210 --> 00:11:14,500
Έτσι το έχουν κάνει αυτό για εμάς.

238
00:11:14,500 --> 00:11:16,910
Και αυτά μας ανακατεύθυνση, κατά πάσα πιθανότητα
για κάποια τεχνική,

239
00:11:16,910 --> 00:11:18,100
μερικοί λόγους marketing.

240
00:11:18,100 --> 00:11:21,570
Θέλουν μόνο να canonicalize
στο www.Facebook.com.

241
00:11:21,570 --> 00:11:24,040
>> Αλλά αυτό δεν είναι αρκετά αυτό.

242
00:11:24,040 --> 00:11:28,560
Αν διαβάσω εδώ κάτω, ας
δούμε τι θα συμβεί.

243
00:11:28,560 --> 00:11:30,810
Αυτό λέει ότι μου
μετακόμισε μόνιμα στην

244
00:11:30,810 --> 00:11:33,450
http://www.Facebook.com.

245
00:11:33,450 --> 00:11:36,620
Έτσι, ας δούμε το δεύτερο αίτημα
ότι ο φυλλομετρητής μου στέλνει.

246
00:11:36,620 --> 00:11:40,070
Δυστυχώς, μοιάζει Facebook
έχει μετακινηθεί και πάλι, επειδή το δεύτερο

247
00:11:40,070 --> 00:11:44,420
αίτηση, επιλέγοντας αυτήν τη διεύθυνση URL αντ 'αυτού,
λέει ότι, επίσης, κινήθηκε

248
00:11:44,420 --> 00:11:45,010
μόνιμα.

249
00:11:45,010 --> 00:11:48,140
Και επιτρέψτε μου να μετακινηθείτε προς τα κάτω εδώ
στις κεφαλίδες απόκρισης.

250
00:11:48,140 --> 00:11:51,530
Σε περίπτωση που έχει Facebook φύγει τώρα;

251
00:11:51,530 --> 00:11:52,680
>> Έτσι HTTPS.

252
00:11:52,680 --> 00:11:56,130
Μέχρι τώρα το Facebook έχει αρχίσει,
ιδίως υπό το πρίσμα της τρέχουσας

253
00:11:56,130 --> 00:11:59,750
τα γεγονότα των τελευταίων μηνών, ειδικά και
Επίσης, τα τελευταία δύο χρόνια

254
00:11:59,750 --> 00:12:03,670
να υποχρεώσει όλους τους χρήστες τους, σε μια καλή
τρόπο, για να χρησιμοποιήσεις HTTPS, το οποίο είναι πιο

255
00:12:03,670 --> 00:12:06,210
εξασφαλίσει, αν και δεν είναι απόλυτα ασφαλής.

256
00:12:06,210 --> 00:12:10,000
Και έτσι τώρα μου σελίδα, ο browser μου είναι
πρόκειται να ζητήσει από το τρίτο URL.

257
00:12:10,000 --> 00:12:14,710
Και τώρα, επιτέλους, θα έχουμε το
διαφορετικά αόρατο 200 OK.

258
00:12:14,710 --> 00:12:18,830
>> Έτσι, ό, τι στον κόσμο ή το σύνολο των
αυτές οι άλλες σειρές εδώ κάτω.

259
00:12:18,830 --> 00:12:22,630
Έχω πληκτρολογήσει κυριολεκτικά ένα πράγμα, και μου
περιήγησης φαίνεται να έχει ζητήσει όπως

260
00:12:22,630 --> 00:12:23,840
20 μερικά περίεργα πράγματα.

261
00:12:23,840 --> 00:12:24,640
Τι είναι αυτό;

262
00:12:24,640 --> 00:12:25,810
>> ΚΟΙΝΟ: Scripts;

263
00:12:25,810 --> 00:12:28,460
>> ΟΜΙΛΗΤΗΣ 1: Σενάρια, έτσι ώστε άλλα αρχεία
γραμμένο σε μια γλώσσα που ονομάζεται

264
00:12:28,460 --> 00:12:30,780
JavaScript, τα οποία, και πάλι, εμείς θα
δείτε ένα κομμάτι από την Τετάρτη.

265
00:12:30,780 --> 00:12:32,760
Τι άλλο;

266
00:12:32,760 --> 00:12:33,390
Τα φύλλα στυλ.

267
00:12:33,390 --> 00:12:36,350
Έτσι, κάτι που ονομάζεται γλώσσα
CSS, που θα δούμε σε λίγο.

268
00:12:36,350 --> 00:12:40,690
Gifs, και JPEG, και PNGs, και εικόνες,
και τα αρχεία ταινιών - ανεξάρτητα από μια ιστοσελίδα

269
00:12:40,690 --> 00:12:43,280
έχει είναι πιο πιθανό να συμβεί σε
τη μορφή ενός αρχείου.

270
00:12:43,280 --> 00:12:46,750
Και έτσι αυτό που βλέπουμε στα αριστερά
πλευρά υπάρχει όλα τα αρχεία

271
00:12:46,750 --> 00:12:50,280
ότι το Chrome έπρεπε να κατεβάσετε,
αναδρομικά, αν θέλετε, προκειμένου να

272
00:12:50,280 --> 00:12:52,430
συνθέτουν το σύνολο της σελίδας.

273
00:12:52,430 --> 00:12:56,210
>> Έτσι, αυτό που είδαμε πριν από λίγο με την Google,
αν κάνω κλικ στα στοιχεία

274
00:12:56,210 --> 00:13:00,470
καρτέλα, αυτό, σίγουρα, είναι η HTML, η
γλώσσα που συνθέτει αυτή τη σελίδα.

275
00:13:00,470 --> 00:13:01,890
Αλλά υπάρχει τσαμπιά από άλλα πράγματα.

276
00:13:01,890 --> 00:13:02,640
Υπάρχει ένα λογότυπο.

277
00:13:02,640 --> 00:13:04,680
Υπάρχουν εκείνοι μπλε-ish
εικονίδια εκεί.

278
00:13:04,680 --> 00:13:07,610
Και υπάρχουν και άλλα στοιχεία ακόμα
η σελίδα που οι ίδιοι θα μπορούσε να είναι

279
00:13:07,610 --> 00:13:08,610
ξεχωριστά αρχεία.

280
00:13:08,610 --> 00:13:11,860
>> Έτσι, τι είναι καλό για ένα πρόγραμμα περιήγησης είναι ότι
φαίνεται αυτή τη γλώσσα θα πάμε

281
00:13:11,860 --> 00:13:14,690
να αρχίσετε να γράφετε, ή έχετε ήδη
Ξεκίνησα να γράφω στο σύνολο P 7, στοιχεία

282
00:13:14,690 --> 00:13:17,970
από πού αυτά τα αρχεία ζουν, και
πάει και αρπάζει τους, καθώς και.

283
00:13:17,970 --> 00:13:21,010
Και δεν μπορώ να τονίσω αρκετά, ακόμα και
αν και ορισμένες από αυτές μπορεί να μοιάζει λίγο

284
00:13:21,010 --> 00:13:24,820
απόκρυφες ή συντριπτική με την πρώτη ματιά,
μαθαίνοντας πώς να προγραμματίσετε

285
00:13:24,820 --> 00:13:28,500
εφαρμογές για το web, είναι
ανεκτίμητη για να καταλάβουμε πώς αυτά τα

286
00:13:28,500 --> 00:13:29,410
μικρά εργαλεία εργασία.

287
00:13:29,410 --> 00:13:33,830
Αυτά είναι περίπου όπως GDB, όπως εργαλεία,
αλλά πολύ πιο απλή, τελικά, να χρησιμοποιούν -

288
00:13:33,830 --> 00:13:37,690
και πραγματικά δίνει τα μάτια σας σε ό, τι
έχουμε ήδη λάβει ως δεδομένο για

289
00:13:37,690 --> 00:13:39,170
εδώ και αρκετό καιρό τώρα.

290
00:13:39,170 --> 00:13:42,270
>> Τι μπορούμε λοιπόν να κάνουμε τώρα με
αυτή η πληροφορία;

291
00:13:42,270 --> 00:13:44,875
Λοιπόν, ας ρίξουμε μια ματιά στην πραγματικότητα σε
οι έννοιες στις οποίες βασίζονται HTML.

292
00:13:44,875 --> 00:13:49,025
Και θα αναβάλει, όπως έχουμε ήδη, να
τμήματα αυτή την εβδομάδα, για το πρόβλημα

293
00:13:49,025 --> 00:13:53,260
Σετ 7 προδιαγραφές, σε μερικά από τα πιο
στοιχεία αυτών των γλωσσών.

294
00:13:53,260 --> 00:13:57,020
Αλλά ας δούμε αν δεν μπορούμε να ζωγραφίσει ένα
εικόνα για το τι θα πρέπει να καταλάβουν

295
00:13:57,020 --> 00:13:57,940
συνολικά εδώ.

296
00:13:57,940 --> 00:14:02,280
>> Έτσι, HTML, Hypertext Markup Language,
δεν είναι μια γλώσσα προγραμματισμού.

297
00:14:02,280 --> 00:14:03,520
Τι πραγματικά σημαίνει;

298
00:14:03,520 --> 00:14:05,690
Έτσι HTML μοιάζει με αυτό.

299
00:14:05,690 --> 00:14:06,810
Και κάποιοι από εσάς γνωρίζετε ήδη αυτό.

300
00:14:06,810 --> 00:14:08,130
Κάποιοι από εσάς έχουν κάνει
αυτό για κάποιο χρονικό διάστημα.

301
00:14:08,130 --> 00:14:10,270
Αλλά ας δούμε αν δεν μπορεί να γεμίσει
σε ορισμένες κενά καθώς και.

302
00:14:10,270 --> 00:14:11,760
Έτσι παρατηρήσετε μερικά πράγματα εδώ.

303
00:14:11,760 --> 00:14:13,030
Ένα, είναι μόνο κείμενο.

304
00:14:13,030 --> 00:14:15,960
Έτσι είναι ακριβώς όπως το πηγαίο κώδικα
C, ή κάποια άλλη γλώσσα.

305
00:14:15,960 --> 00:14:17,750
>> Παρατηρήστε ότι φαίνεται να υπάρχει
να είναι ένα μοτίβο εδώ.

306
00:14:17,750 --> 00:14:20,870
Δεν υπάρχει εσοχή, αλλά τεχνικά
η εσοχή είναι απλά ανθρώπινο

307
00:14:20,870 --> 00:14:21,205
σύμβαση.

308
00:14:21,205 --> 00:14:24,980
Μια browsers δεν ενδιαφέρεται αν υπάρχει νέα
γραμμές και τις καρτέλες όπως βλέπουμε εκεί.

309
00:14:24,980 --> 00:14:27,410
Αλλά παρατηρήσετε ότι υπάρχει
συμμετρίες εδώ.

310
00:14:27,410 --> 00:14:31,180
Δεν υπάρχει αυτό που θα καλέσει, στην κορυφή του
αυτό το αρχείο, η ανοικτή ετικέτα, ή η αρχή

311
00:14:31,180 --> 00:14:33,030
tag, που ονομάζεται HTML.

312
00:14:33,030 --> 00:14:36,800
Και τότε, κάτω, τέλεια επένδυση
up, όπως και το κάνουμε με άγκιστρα,

313
00:14:36,800 --> 00:14:40,910
βλέπουμε ανοικτή βραχίονα προς τα εμπρός
slash, HTML, κλείσιμο παρένθεσης.

314
00:14:40,910 --> 00:14:44,610
Έτσι, αυτό είναι το αντίστοιχο κλείσιμο
ετικέτα, ή στο τέλος tag, για αυτό το πράγμα.

315
00:14:44,610 --> 00:14:47,990
>> Μαζί, όλα μέσα από το
λεγόμενη ανοικτή ετικέτα και ετικέτα κλεισίματος

316
00:14:47,990 --> 00:14:50,440
συνθέτουν αυτό που θα ονομάζουμε ένα στοιχείο.

317
00:14:50,440 --> 00:14:53,910
Και θα δούμε, ακριβώς σε μια στιγμή, είναι
πραγματικά σαν ένα κόμβο σε δέντρα.

318
00:14:53,910 --> 00:14:57,470
Γιατί αν σκεφτούμε τώρα το
εσοχή που είναι υπονοείται εδώ,

319
00:14:57,470 --> 00:15:00,780
είδος πρέπει, όπως, ένα παππού και γιαγιά
κόμβο που ονομάζεται HTML.

320
00:15:00,780 --> 00:15:06,870
Πόσα παιδιά θα μπορούσαν να σας πω, με βάση
σε αυτή την εικόνα, η HTML στοιχείο έχει;

321
00:15:06,870 --> 00:15:07,720
>> Έτσι, ίσως δύο.

322
00:15:07,720 --> 00:15:10,240
Ένα είναι το στοιχείο κεφαλής, προφανώς.

323
00:15:10,240 --> 00:15:11,710
Και το ένα είναι το στοιχείο του σώματος.

324
00:15:11,710 --> 00:15:12,555
Και γιατί δύο παιδιά;

325
00:15:12,555 --> 00:15:15,840
Λοιπόν, είμαι ακριβώς το είδος της συμπεραίνοντας ότι εάν
Έχω μια ανοικτή ετικέτα κεφάλι και στη συνέχεια μια

326
00:15:15,840 --> 00:15:17,820
στενή ετικέτα κεφάλι, αυτό είναι ένα στοιχείο.

327
00:15:17,820 --> 00:15:21,200
Και τότε, αν υπάρχει μια άλλη ανοιχτή καρότσα
tag και ένα tag κλεισίματος του σώματος, αυτό είναι σαν να

328
00:15:21,200 --> 00:15:22,340
ένα άλλο στοιχείο.

329
00:15:22,340 --> 00:15:26,000
Έτσι, με την έννοια ότι αν το είδος της περιστροφής
η εικόνα από την πλευρά της, είναι

330
00:15:26,000 --> 00:15:29,910
σαν να έχεις ένα HTML tag, και στη συνέχεια μια
ετικέτα κεφάλι, και στη συνέχεια μια ετικέττα του σώματος, και

331
00:15:29,910 --> 00:15:34,290
τότε κάποιο κείμενο, hello world, κρέμονται
μακριά από την ετικέτα ίδιο το σώμα.

332
00:15:34,290 --> 00:15:36,620
>> Έτσι, μπορούμε να βγάλουμε μια εικόνα που
να μοιάζει με αυτό.

333
00:15:36,620 --> 00:15:38,020
Τα σχήματα είναι αυθαίρετα.

334
00:15:38,020 --> 00:15:40,870
Αλλά παρατηρήσετε ότι έχω χρησιμοποιήσει ένα είδος
Έλλειψη στην κορυφή για να εκπροσωπεί την

335
00:15:40,870 --> 00:15:41,860
ίδιο το έγγραφο.

336
00:15:41,860 --> 00:15:45,980
Αποδεικνύεται ότι μπορεί να υπάρχουν άλλα πράγματα
μέσα από μια ιστοσελίδα που δεν έχω

337
00:15:45,980 --> 00:15:46,940
θυμίσουμε εδώ.

338
00:15:46,940 --> 00:15:50,800
Έτσι θα πάμε για να κρεμάσετε ακόμη και το HTML
off κόμβο ενός λεγόμενου κόμβο εγγράφου.

339
00:15:50,800 --> 00:15:53,730
Και μετά έχουμε το κεφάλι και
το σώμα και τον τίτλο, ανακοίνωση,

340
00:15:53,730 --> 00:15:55,360
το οποίο είναι ένθετο περαιτέρω.

341
00:15:55,360 --> 00:15:58,650
Δεν έκαναν τον κόπο βάζοντας επιπλέον γραμμή
διαλείμματα στο εσωτερικό της ετικέτας τίτλου.

342
00:15:58,650 --> 00:16:02,710
Απλά αισθάνθηκε σαν να είχε πάρει
λίγο πολύ φλύαρο.

343
00:16:02,710 --> 00:16:07,000
Γι 'αυτό και το άφησε σε μία γραμμή εκεί, με
ανοιχτή τίτλο, hello world, κοντά τίτλο.

344
00:16:07,000 --> 00:16:09,380
Και τότε έχουμε κάποιο κείμενο
κρέμονται μακριά από εδώ.

345
00:16:09,380 --> 00:16:12,200
>> Έτσι, αυτή η εικόνα θα επανέλθει στο
μας όταν βουτήξει JavaScript.

346
00:16:12,200 --> 00:16:15,110
Και η κατανόηση ότι όταν
γράψετε HTML, όπως αυτό, τι

347
00:16:15,110 --> 00:16:16,250
είναι ένα πρόγραμμα περιήγησης κάνει;

348
00:16:16,250 --> 00:16:19,290
Λοιπόν, δεν χρειάζεται να ανησυχείτε για
πώς θα το κάνει αυτό, ή με ό, τι

349
00:16:19,290 --> 00:16:23,090
αλγόριθμο, αλλά στο τέλος της ημέρας,
όταν ο browser δέχεται HTML, όπως

350
00:16:23,090 --> 00:16:27,510
ότι, από το Facebook ή το Google, που αναλύει
αυτό, να το πω έτσι, να διαβάζει,

351
00:16:27,510 --> 00:16:31,160
με κάτι σαν fread, πάνω προς τα
κάτω, αριστερά προς τα δεξιά, και καθώς

352
00:16:31,160 --> 00:16:36,300
συνειδητοποιεί, oh, ανοιχτό tag, και στη συνέχεια κλείστε
tag, αρχίζει να malloc, να το πω έτσι,

353
00:16:36,300 --> 00:16:37,800
ένας κόμβος σε ένα δέντρο.

354
00:16:37,800 --> 00:16:41,130
Και όταν συναντά, όπως έχουμε σιωπηρή
εδώ με την εσοχή, ένας

355
00:16:41,130 --> 00:16:45,400
κόμβο παιδί, mallocs έναν κόμβο για να
και ότι συνδέεται με το δέντρο.

356
00:16:45,400 --> 00:16:49,150
>> Έτσι, οι δομές δέντρων, δυαδικά δέντρα,
δέντρα τριμερή, και μεγαλύτερα δέντρα, ότι

357
00:16:49,150 --> 00:16:53,380
έχουμε μια ματιά σε μια εβδομάδα ή δύο χρόνια πριν, ανακοίνωση
ότι η ίδια αρχή είναι

358
00:16:53,380 --> 00:16:54,220
έρχονται πίσω σε μας.

359
00:16:54,220 --> 00:16:57,590
Και όποιος εφαρμοστεί, Chrome, τιδήποτε
Η ομάδα έκανε αυτό, προφανώς είχε

360
00:16:57,590 --> 00:17:00,800
να εφαρμόσουν κάποιο είδος της δομής δέντρου
κάτω από το καπό.

361
00:17:00,800 --> 00:17:05,329
Και ότι η ίδια είναι πιθανώς σε
γλώσσα όπως C, C + +, ή ένα κατώτερο

362
00:17:05,329 --> 00:17:08,540
γλώσσα υψηλού επιπέδου που θα
χρησιμοποιούν σήμερα στην κορυφή του ιστού.

363
00:17:08,540 --> 00:17:11,200
>> Έτσι τώρα, ίσως, αυτό θα
να έχει περισσότερο νόημα.

364
00:17:11,200 --> 00:17:15,420
Πραγματική τατουάζ από κάποιον τύπο που θα μπορούσαν να
μετανιώσουμε για αυτό, τελικά το είδος του.

365
00:17:15,420 --> 00:17:17,359
Εντάξει, εντάξει, έτσι, ένα πολύ χιούμορ web.

366
00:17:17,359 --> 00:17:18,599
Δεν είναι πραγματικά συμβαίνει
πάνω τόσο καλά σήμερα.

367
00:17:18,599 --> 00:17:19,560
Έτσι θα προχωρήσουμε.

368
00:17:19,560 --> 00:17:20,180
Εντάξει.

369
00:17:20,180 --> 00:17:22,760
>> Έτσι, ας ρίξουμε μια ματιά τώρα
σε μερικά παραδείγματα.

370
00:17:22,760 --> 00:17:24,660
Το απλούστερο δυνατό
πράγμα που θα μπορούσε να είναι αυτό.

371
00:17:24,660 --> 00:17:29,170
Πάω να πάει μπροστά και να ανοίξει το
gedit ένα αρχείο που ονομάζεται hello.php.

372
00:17:29,170 --> 00:17:31,730

373
00:17:31,730 --> 00:17:36,330
Και μέσα από εδώ, θα πάω γρήγορα
απλά να το κάνετε αυτό, printf, παραθέτω

374
00:17:36,330 --> 00:17:38,590
unquote, "hello world."

375
00:17:38,590 --> 00:17:42,460
>> Έτσι προειδοποίηση, και θα κάνω backslash ν μου,
Δεν έχω μπει στον κόπο να κηρύξει.

376
00:17:42,460 --> 00:17:45,310
Αποδεικνύεται, σε php, και πολλά
γλώσσες, δεν χρειάζεται ένα κύριο

377
00:17:45,310 --> 00:17:46,090
λειτουργία per se.

378
00:17:46,090 --> 00:17:47,720
Μπορείτε απλά να αρχίσετε να γράφετε
το πρόγραμμά σας.

379
00:17:47,720 --> 00:17:51,210
Τώρα, όταν θα αποθηκεύσετε αυτό το αρχείο, παρατηρούμε ότι είμαι
θα πρέπει να κάνετε τα εξής.

380
00:17:51,210 --> 00:17:55,360
Είμαι δεν πρόκειται να χρησιμοποιήσετε κάνουν, και δεν είμαι
πρόκειται να χρησιμοποιήσετε κλαγγή, επειδή η PHP, σε αντίθεση με

381
00:17:55,360 --> 00:17:57,400
C, δεν είναι ένα καταρτίζονται γλώσσας.

382
00:17:57,400 --> 00:18:01,400
Είναι αυτό που ονομάζεται ερμηνεύεται
γλώσσας, πράγμα που σημαίνει ότι μπορείτε να εκτελέσετε

383
00:18:01,400 --> 00:18:04,650
ως εισροή μέσω άλλου προγράμματος
ονομάζεται διερμηνέα.

384
00:18:04,650 --> 00:18:08,150
Και αυτό το πρόγραμμα διαβάζει, πάνω προς τα
κάτω, αριστερά προς τα δεξιά, και δεν

385
00:18:08,150 --> 00:18:09,290
ό, τι σας πει να το κάνει.

386
00:18:09,290 --> 00:18:12,920
>> Έτσι, στην περίπτωση αυτή, εδώ έχω
μια γραμμή που λέει printf.

387
00:18:12,920 --> 00:18:17,990
Έτσι, όταν τρέχω αυτού του πηγαίου κώδικα,
hello.php, αν και ένα πρόγραμμα που

388
00:18:17,990 --> 00:18:22,830
συμβαίνει, βολικά, να ονομάζεται PHP,
ότι η PHP πρόγραμμα πρόκειται να διαβάσετε

389
00:18:22,830 --> 00:18:26,120
αυτό το αρχείο, πάνω προς τα κάτω, αριστερά προς τα δεξιά,
και πρόκειται να κάνω ό, τι

390
00:18:26,120 --> 00:18:30,110
πει να το κάνει - την εκτέλεση κώδικα, και αν
δεν αναγνωρίζει κάτι, απλά

391
00:18:30,110 --> 00:18:31,320
φτύσιμο.

392
00:18:31,320 --> 00:18:34,940
Έτσι, Πάω να προχωρήσει και
τρέξει PHP της hello.php.

393
00:18:34,940 --> 00:18:37,110
Enter.

394
00:18:37,110 --> 00:18:39,690
>> Και αυτό δεν είναι ακριβώς αυτό που προορίζεται.

395
00:18:39,690 --> 00:18:40,530
Λοιπόν, γιατί συμβαίνει αυτό;

396
00:18:40,530 --> 00:18:43,910
Λοιπόν, PHP είναι μια γλώσσα που είναι πραγματικά
σχεδιαστεί ώστε να είναι αρκετά

397
00:18:43,910 --> 00:18:46,150
συνυφασμένη με το διαδίκτυο.

398
00:18:46,150 --> 00:18:50,460
Όταν λήψης ιστοσελίδων με αυτή τη γλώσσα
PHP, όπως θα δούμε σύντομα, θα

399
00:18:50,460 --> 00:18:54,560
θέλουν να κάνουν κάτι, όπως εκτύπωση
τις γραμμές, όπως αυτό.

400
00:18:54,560 --> 00:18:55,940
>> Έτσι, Πάω να το κάνουμε αυτό.

401
00:18:55,940 --> 00:19:00,810
Open βραχίονα, ερωτηματικό, PHP, και
τώρα είμαι απλώς πρόκειται περίπτωση, μόνο για να κρατήσει

402
00:19:00,810 --> 00:19:01,960
ωραία πράγματα.

403
00:19:01,960 --> 00:19:04,910
Και τώρα θα πάω να κάνω μια ερώτηση
σηματοδοτήσει κλείσιμο παρένθεσης.

404
00:19:04,910 --> 00:19:06,270
Έτσι, υπάρχει ένα κομμάτι της ασυμμετρίας εδώ.

405
00:19:06,270 --> 00:19:07,490
Δεν χρειάζεται να το κάνετε αυτό.

406
00:19:07,490 --> 00:19:10,530
Και δεν μπορείτε να κάνετε μια κάθετο, έτσι ώστε
PHP είναι λίγο διαφορετική.

407
00:19:10,530 --> 00:19:14,610
>> Αλλά τώρα, αν επαναληφθεί αυτό το πρόγραμμα,
PHP hello.php, τώρα

408
00:19:14,610 --> 00:19:16,090
πραγματικά να πάρει Hello World.

409
00:19:16,090 --> 00:19:17,750
Και θα δούμε γιατί αυτό είναι πολύτιμο.

410
00:19:17,750 --> 00:19:20,960
Ένα, μου επιτρέπει να ορίσετε,
super ρητά, αυτό είναι

411
00:19:20,960 --> 00:19:22,480
κώδικα, εκτελέστε αυτό.

412
00:19:22,480 --> 00:19:25,480
Και αυτό είναι πράγματι ό, τι αυτά
ειδικές ετικέτες συνεπάγονται εδώ.

413
00:19:25,480 --> 00:19:30,330
>> Αλλά αυτό σημαίνει επίσης ότι αν εγώ απλά κάνω
κάτι σαν Στόχος μου είναι εδώ, ότι

414
00:19:30,330 --> 00:19:34,000
σημαίνει ότι, στην κυριολεξία, που απλά θα
να εκτυπωθούν χωρίς την ανάγκη να

415
00:19:34,000 --> 00:19:36,850
στην πραγματικότητα έκκληση printf, ή εκτύπωσης,
ή οποιαδήποτε παρόμοια λειτουργία.

416
00:19:36,850 --> 00:19:39,445
Γι 'αυτό θα επανέλθω στο θέμα αυτό
ακριβώς σε μια στιγμή.

417
00:19:39,445 --> 00:19:40,470
>> Πρώτον, ας το κάνουμε.

418
00:19:40,470 --> 00:19:43,950
Στο εσωτερικό της συσκευής, έχουμε μια
κατάλογο που ονομάζεται vhosts, για εικονικές

419
00:19:43,950 --> 00:19:47,000
οικοδεσπότες, κάθετος τοπικό κεντρικό υπολογιστή, περικόψουν τις δημόσιες.

420
00:19:47,000 --> 00:19:50,240
Γι 'αυτό είναι λίγο φλύαρη, αλλά μεγάλη ιστορία
ολίγοις, η συσκευή έχει σχεδιαστεί ώστε να μην

421
00:19:50,240 --> 00:19:53,770
μόνο για την υποστήριξη C. Είναι επίσης
σχεδιαστεί για να υποστηρίζει PHP.

422
00:19:53,770 --> 00:19:57,440
Αλλά είναι επίσης σχεδιαστεί για να είναι ένα web
server, καθώς και μια βάση δεδομένων διακομιστή.

423
00:19:57,440 --> 00:20:00,230
Και έχει σχεδιαστεί, και πραγματικά έχει ρυθμιστεί,
για να θυμίζει οποιαδήποτε

424
00:20:00,230 --> 00:20:04,230
εμπορική εταιρεία web hosting που
μπορείτε να πληρώσετε $ 5 το μήνα για,

425
00:20:04,230 --> 00:20:05,040
100 δολάρια το μήνα για.

426
00:20:05,040 --> 00:20:08,200
Όποια και αν είναι η υπηρεσία είναι, έχει διαμορφωθεί
να είναι πολύ παρόμοια με ένα

427
00:20:08,200 --> 00:20:10,170
πραγματικό διακομιστή παγκόσμιας παραγωγής.

428
00:20:10,170 --> 00:20:13,485
>> Και τι σημαίνει αυτό είναι ότι λειτουργεί με
η συσκευή είναι το λογισμικό διακομιστή Web.

429
00:20:13,485 --> 00:20:15,060
Συμβαίνει να ονομάζεται Apache.

430
00:20:15,060 --> 00:20:17,790
Είναι απλά δωρεάν και ανοιχτού κώδικα,
και πολύ δημοφιλής.

431
00:20:17,790 --> 00:20:23,260
Και έχουμε ρυθμίσει Apache να ξέρετε
ότι αν επισκεφθείτε μια συγκεκριμένη διεύθυνση URL, με

432
00:20:23,260 --> 00:20:28,060
Chrome ή οποιοδήποτε πρόγραμμα περιήγησης στο εσωτερικό του
συσκευής, να εξετάσει αυτόν τον κατάλογο

433
00:20:28,060 --> 00:20:31,030
για τα αρχεία ότι η
χρήστης ζητά.

434
00:20:31,030 --> 00:20:32,790
>> Με άλλα λόγια, επιτρέψτε μου να
να προχωρήσει και να το κάνουμε αυτό.

435
00:20:32,790 --> 00:20:36,890
Στο εσωτερικό του δημόσιου καταλόγου μου, Πάω
να προχωρήσει και να δημιουργήσει ένα αρχείο

436
00:20:36,890 --> 00:20:39,580
ονομάζεται index.html.

437
00:20:39,580 --> 00:20:41,000
Αυτό μου δίνει την καρτέλα εδώ.

438
00:20:41,000 --> 00:20:44,210
Και Πάω να πάει πολύ γρήγορα
και να προχωρήσει και να κτυπήσει έξω

439
00:20:44,210 --> 00:20:45,010
αυτό το πρόγραμμα εδώ.

440
00:20:45,010 --> 00:20:48,410
DOCTYPE HTML, η οποία προς το παρόν, μόνο
υποθέσουμε ότι έχετε να πληκτρολογήσετε.

441
00:20:48,410 --> 00:20:53,490
Είναι απλά μια απόκρυφη tag, αυτό δεν είναι
πραγματικά μια ετικέτα HTML, η οποία ορίζει ότι

442
00:20:53,490 --> 00:20:55,050
εδώ έρχεται κάποια HTML.

443
00:20:55,050 --> 00:20:57,400
>> Πάω να πάει μπροστά και να αναδημιουργήσει
αυτό που είδαμε πριν από λίγο.

444
00:20:57,400 --> 00:20:58,650
Εδώ είναι ο επικεφαλής της σελίδας.

445
00:20:58,650 --> 00:21:01,170
Μέσα από το κεφάλι ήταν η -

446
00:21:01,170 --> 00:21:01,890
έτσι τον τίτλο.

447
00:21:01,890 --> 00:21:04,340
Γι 'αυτό και θα πω γεια, κόσμο.

448
00:21:04,340 --> 00:21:06,570
Και τότε εδώ κάτω ήταν η ετικέτα του σώματος.

449
00:21:06,570 --> 00:21:08,580
Επιτρέψτε μου να κλείσω την ετικέτα του σώματος.

450
00:21:08,580 --> 00:21:12,280
Και στη συνέχεια, εδώ εγώ θα πω επίσης,
μόνο για λόγους σαφήνειας, hello world.

451
00:21:12,280 --> 00:21:14,770
>> Έτσι, αυτό είναι, αναμφισβήτητα, το πιο απλό
δυνατόν ιστοσελίδα σας

452
00:21:14,770 --> 00:21:15,770
μπορεί να κάνει ότι είναι έγκυρο.

453
00:21:15,770 --> 00:21:17,030
Είναι συντακτικά έγκυρο.

454
00:21:17,030 --> 00:21:18,620
Ό, τι ανοίγει κλείνει.

455
00:21:18,620 --> 00:21:20,910
Όλα είναι όμορφα σε
στυλ και εσοχή.

456
00:21:20,910 --> 00:21:23,600
Ας δούμε τώρα πώς θα
να αποκτήσετε πρόσβαση σε αυτό το αρχείο.

457
00:21:23,600 --> 00:21:25,540
>> Λοιπόν, επιτρέψτε μου να πάω στο Chrome εδώ.

458
00:21:25,540 --> 00:21:35,050
Και επιτρέψτε μου να πάει στο
http://localhost/index.html.

459
00:21:35,050 --> 00:21:36,200
Έτσι τι είναι τοπικό κεντρικό υπολογιστή;

460
00:21:36,200 --> 00:21:39,400
Λοιπόν, οι περισσότεροι κάθε υπολογιστή στον κόσμο,
Linux, Mac OS, Windows, έχει ένα ψευδώνυμο

461
00:21:39,400 --> 00:21:40,680
ονομάζεται τοπική υποδοχής.

462
00:21:40,680 --> 00:21:42,900
Έτσι, αν ποτέ θέλουν να μιλήσουν
στον υπολογιστή σας -

463
00:21:42,900 --> 00:21:45,140
αν και, παραδόξως αντανακλαστικά -

464
00:21:45,140 --> 00:21:47,080
αποκαλείτε τον εαυτό σας τοπικό κεντρικό υπολογιστή.

465
00:21:47,080 --> 00:21:50,390
Δεν έχει σημασία τι πραγματικά ο υπολογιστής σας είναι
ονομάζεται, είτε πρόκειται για MacBook Δαβίδ

466
00:21:50,390 --> 00:21:52,490
Air, ή κάτι περισσότερο
φλύαρη έτσι.

467
00:21:52,490 --> 00:21:57,760
>> Έτσι, αυτή η διεύθυνση URL είναι προφανώς πρόκειται να χρησιμοποιήσετε
το HTTP για να μιλήσετε με τον τοπικό κεντρικό υπολογιστή,

468
00:21:57,760 --> 00:22:00,800
το ίδιο υπολογιστή, η συσκευή, και
πρόκειται να ζητήσει, απλά ρίξτε μια

469
00:22:00,800 --> 00:22:02,570
Μάλλον, αυτό το αρχείο;

470
00:22:02,570 --> 00:22:04,460
Index.html.

471
00:22:04,460 --> 00:22:08,650
Έτσι, η συσκευή έχει ρυθμιστεί σε
εκ των προτέρων να γνωρίζουν ότι αν ρωτάω

472
00:22:08,650 --> 00:22:13,460
για κάτι σαν index.html, αναζητήστε
σε ένα φάκελο που ονομάζεται vhosts, σε

473
00:22:13,460 --> 00:22:17,950
φάκελο που ονομάζεται localhost, σε ένα φάκελο
σ 'αυτό που ονομάζεται δημόσια.

474
00:22:17,950 --> 00:22:20,400
Αυτός είναι όπου το σύνολο των δημόσιων μου
αρχεία πρόκειται να είναι.

475
00:22:20,400 --> 00:22:22,610
Έτσι είμαι τώρα πρόκειται να πατήσετε Enter.

476
00:22:22,610 --> 00:22:27,100
>> Και βλασφημία, είναι εκεί που απαγορευμένο
μήνυμα, αλλιώς γνωστή ως 403, η

477
00:22:27,100 --> 00:22:28,490
αριθμητικό κωδικό για αυτό.

478
00:22:28,490 --> 00:22:30,130
Έτσι τι συμβαίνει εδώ;

479
00:22:30,130 --> 00:22:33,210
Λοιπόν, αυτό δεν είναι αρκετό απλά να θέσει
το αρχείο στο εσωτερικό του φακέλου μου.

480
00:22:33,210 --> 00:22:35,790
Θα πρέπει να κάνουμε πραγματικότητα το εξής.

481
00:22:35,790 --> 00:22:40,210
>> Επιτρέψτε μου να πάω σε vhosts κατάλογο μου, σε
localhost, στο κοινό, και αφήστε

482
00:22:40,210 --> 00:22:41,680
κάνω ls l παύλα.

483
00:22:41,680 --> 00:22:44,510
Και υπάρχουν μερικά άλλα πράγματα
εδώ για τους σκοπούς του σήμερα.

484
00:22:44,510 --> 00:22:50,540
Αλλά προκήρυξη για την αριστερή πλευρά, δίπλα
να index.html, βλέπουμε μόνο ένα RW.

485
00:22:50,540 --> 00:22:53,560
Και στο παρελθόν, τι
έχει RW στάθηκε για;

486
00:22:53,560 --> 00:22:54,240
>> Απλά διαβάσει ή να γράψει.

487
00:22:54,240 --> 00:22:58,000
Το γεγονός ότι λέει RW στο αριστερό
σημαίνει ότι, ο ιδιοκτήτης αυτού του αρχείου, μπορεί να

488
00:22:58,000 --> 00:22:59,020
διαβάσει ή να γράψει.

489
00:22:59,020 --> 00:23:05,010
Αλλά πρέπει να αφήσουμε όλοι οι άνθρωποι στην
κόσμο να διαβάσετε αυτό, δεν γράφουν αυτό όμως.

490
00:23:05,010 --> 00:23:09,650
Έτσι, Πάω να αλλάξετε τη λειτουργία της
αρχείο, chmod, συν όλα τα r για να δώσει

491
00:23:09,650 --> 00:23:13,910
ο καθένας να διαβάσετε την άδεια για την
αρχείο με όνομα index.html.

492
00:23:13,910 --> 00:23:18,040
>> Και αν τώρα ξαναπληκτρολόγησέ ls παύλα l, ανακοίνωση
ότι, εδώ, λίγο περισσότερο

493
00:23:18,040 --> 00:23:19,160
Του R έχουν σκάσει επάνω.

494
00:23:19,160 --> 00:23:21,090
Και προς το παρόν, το spec πηγαίνει
σε περισσότερες λεπτομέρειες.

495
00:23:21,090 --> 00:23:24,450
Για P σύνολο 7, που σημαίνει απλά ο καθένας
μπορεί πλέον να διαβάζει αυτό το αρχείο.

496
00:23:24,450 --> 00:23:27,790
Αν πάω πίσω στο πρόγραμμα περιήγησής μου
τώρα και να φορτώσετε εκ νέου, voila.

497
00:23:27,790 --> 00:23:28,750
Γεια σας κόσμο.

498
00:23:28,750 --> 00:23:32,260
>> Και μπορώ να ανοίξω ακόμη Chrome εργαλεία μου
και να δούμε, όπως ακριβώς και με την Google και

499
00:23:32,260 --> 00:23:34,590
Facebook ότι δεν υπάρχει HTML μου,
διαμορφωθεί λίγο

500
00:23:34,590 --> 00:23:35,930
με διαφορετικό τρόπο και να χρωματιστούν.

501
00:23:35,930 --> 00:23:40,450
Αν πάω στην καρτέλα δικτύου και τοποθετήστε
η σελίδα, παρατηρήσετε ότι υπάρχει το πάρει

502
00:23:40,450 --> 00:23:42,900
ζητήσει το Chrome είναι η αποστολή
στη συσκευή.

503
00:23:42,900 --> 00:23:46,020
Υπάρχει το 200 για να
συγκεκριμένο αρχείο.

504
00:23:46,020 --> 00:23:49,340
Έτσι, με λίγα λόγια, αυτό είναι το πώς όλα αυτά
διάφορα κομμάτια έρχονται μαζί.

505
00:23:49,340 --> 00:23:53,530
Είναι ακριβώς έτσι συμβαίνει ότι ο web server
είμαστε χρησιμοποιώντας αυτή τη στιγμή δεν είναι απομακρυσμένη,

506
00:23:53,530 --> 00:23:54,210
όπως το Facebook.

507
00:23:54,210 --> 00:23:58,330
Είναι κυριολεκτικά στον ίδιο υπολογιστή,
η οποία είναι απολύτως εντάξει.

508
00:23:58,330 --> 00:24:00,590
>> Έτσι, ό, τι περισσότερο μπορούμε να κάνουμε σε μια ιστοσελίδα;

509
00:24:00,590 --> 00:24:03,110
Λοιπόν, απλά, ας αεράκι μέσα
ένα ζευγάρι από αυτά τα πράγματα.

510
00:24:03,110 --> 00:24:07,860
Αλλά επιτρέψτε μου να πάω μπροστά και να ανοίξει εκ νέου
Gedit με index.html.

511
00:24:07,860 --> 00:24:13,980
Και επιτρέψτε μου να προχωρήσει και να πω γεια CS50,
αποθηκεύσετε αυτό το αρχείο, πηγαίνετε πίσω στο

512
00:24:13,980 --> 00:24:16,260
περιήγησης, πραγματικά ανυπόφορο αλλαγή.

513
00:24:16,260 --> 00:24:19,130
>> Αλλά τι γίνεται αν θέλουμε πραγματικά να
σύνδεση με κάτι τώρα;

514
00:24:19,130 --> 00:24:23,480
Έτσι αποδεικνύεται ότι μπορούμε να έχουμε το
συνδέσεις σε HTML που είναι ακριβώς ετικέτες

515
00:24:23,480 --> 00:24:24,140
οι ίδιοι.

516
00:24:24,140 --> 00:24:27,320
Συμβαίνει να ονομάζεται
ετικέτα αγκύρωσης. a href ισούται

517
00:24:27,320 --> 00:24:33,190
https://www.cs50.net, www.cs50.net
Κλείσιμο απόσπασμα, κλείσιμο παρένθεσης.

518
00:24:33,190 --> 00:24:35,230
Και τώρα ας δούμε τι
άλλο έρχεται το επόμενο.

519
00:24:35,230 --> 00:24:36,500
>> Έχω ανοίξει την ετικέτα.

520
00:24:36,500 --> 00:24:38,990
Τώρα πρέπει να το δώσει
μια φράση όπως CS50.

521
00:24:38,990 --> 00:24:40,600
Επιτρέψτε μου να κλείσω την ετικέτα.

522
00:24:40,600 --> 00:24:42,010
Και παρατηρήσετε μερικά πράγματα.

523
00:24:42,010 --> 00:24:45,270
Ακόμα κι αν υπάρχει αυτό το πράγμα αινιγματική
εδώ, δεν έχω να επαναληφθεί όταν

524
00:24:45,270 --> 00:24:46,010
κλείστε την ετικέτα.

525
00:24:46,010 --> 00:24:48,230
Μπορείτε απλά κλείστε την ετικέτα
με το όνομά του και μόνο.

526
00:24:48,230 --> 00:24:50,940
Και αυτό είναι αυτό που είναι γνωστό ως
ένα χαρακτηριστικό με μια τιμή.

527
00:24:50,940 --> 00:24:56,070
Χαρακτηριστικά μόνο να τροποποιήσει τη συμπεριφορά
από κάποια ετικέτα στο εσωτερικό μιας σελίδας.

528
00:24:56,070 --> 00:24:59,150
>> Έτσι, αυτό διευκρινίζοντας ότι η υπερ-
αναφοράς, το φανταχτερό τρόπο λέγοντας ότι η

529
00:24:59,150 --> 00:25:03,660
URL για αυτή την άγκυρα, γι 'αυτό
σύνδεση, θα πρέπει να CS50.net.

530
00:25:03,660 --> 00:25:07,440
Και το κείμενο που θέλουμε να δείξουμε το
Ο χρήστης δεν είναι ότι οι πρώτες URL, αλλά μάλλον

531
00:25:07,440 --> 00:25:08,730
η CS50 λέξη.

532
00:25:08,730 --> 00:25:13,710
>> Έτσι, αν τώρα reload, επιτρέψτε μου να zoom in για
σαφήνειας, επιτρέψτε μου να επαναλάβετε τη φόρτωση της σελίδας,

533
00:25:13,710 --> 00:25:16,460
παρατηρήσετε ότι έχουμε αυτό το παλιό σχολείο
υπογραμμισμένο μπλε σύνδεσμο.

534
00:25:16,460 --> 00:25:20,000
Και αν αιωρούνται από πάνω του, και πρόκειται
να είναι δύσκολο να δούμε, στο κάτω αριστερά

535
00:25:20,000 --> 00:25:23,690
γωνία της οθόνης, παρατηρήστε
που λέει ότι η διεύθυνση URL στην οποία

536
00:25:23,690 --> 00:25:24,430
Πάω να πάει.

537
00:25:24,430 --> 00:25:27,940
Και αν κάνω κλικ εκεί, voila,
τώρα είμαι λήψης ιστοσελίδων.

538
00:25:27,940 --> 00:25:30,140
Και έχουμε τους εαυτούς μας οδήγησε
στην αρχική σελίδα.

539
00:25:30,140 --> 00:25:32,670
>> Αλλά παρατηρήσετε τι δυνατότητες
Αυτό μας προσφέρει.

540
00:25:32,670 --> 00:25:34,890
Η ασφάλεια είναι πολύ
στη μόδα αυτές τις μέρες.

541
00:25:34,890 --> 00:25:41,210
Τι θα συμβεί αν, αντί να πω κάτι σαν
αυτό, και αντί να πάει στο, ας πούμε, ας

542
00:25:41,210 --> 00:25:42,460
βλ., fakeCS50.net.

543
00:25:42,460 --> 00:25:44,660

544
00:25:44,660 --> 00:25:46,360
Ανανέωση αυτής της σελίδας.

545
00:25:46,360 --> 00:25:50,180
>> Εντάξει, έτσι παρατηρήσετε ότι φαίνεται ακόμα σαν να είμαι
πρόκειται να CS50, εκτός αν μια έξυπνη μάτι

546
00:25:50,180 --> 00:25:51,560
θα παρατηρήσετε Πάω να ψεύτικο CS50.

547
00:25:51,560 --> 00:25:54,550
Υποθέτω ότι ο τομέας αυτός δεν έχει ληφθεί.

548
00:25:54,550 --> 00:25:55,960
Εντάξει, έτσι δεν είναι πλέον διαθέσιμο.

549
00:25:55,960 --> 00:25:56,600
Έτσι, αυτό είναι καλό.

550
00:25:56,600 --> 00:25:57,900
Κανείς δεν έχει πραγματικά αυτόν τον τομέα.

551
00:25:57,900 --> 00:26:00,380
>> Αλλά ας είμαστε λίγο πιο κακόβουλο
γιατί αυτό είναι χαζό.

552
00:26:00,380 --> 00:26:02,240
Τι θα συμβεί αν αλλάξουμε αυτό Paypal.

553
00:26:02,240 --> 00:26:09,960
Και τι γίνεται αν λέμε αυτό, όπως,
www.paypal.badguy.com,

554
00:26:09,960 --> 00:26:12,070
ό, τι το domain είναι.

555
00:26:12,070 --> 00:26:13,700
Αυτό υπάρχει κατά πάσα πιθανότητα.

556
00:26:13,700 --> 00:26:16,260
Έτσι, τώρα επιτρέψτε μου να επαναλάβετε τη φόρτωση της σελίδας.

557
00:26:16,260 --> 00:26:22,890
Και εδώ έχουμε ένα είδος phishing
επίθεση, Ρ-Η-Ι-S-H-Ι-Ν-G, η οποία είναι η

558
00:26:22,890 --> 00:26:26,760
ανόητη λέξη που δίνεται για μια επίθεση που
προσπαθεί να πληροφοριών ψάρι, ή, καλύτερα

559
00:26:26,760 --> 00:26:30,450
ακόμα, τα χρήματα, από ανθρώπους από την εξαπάτηση
τους σε παροχή πληροφοριών που

560
00:26:30,450 --> 00:26:31,990
που διαφορετικά δεν θα κάνουμε.

561
00:26:31,990 --> 00:26:33,500
Αυτό φαίνεται εντελώς legit, έτσι δεν είναι;

562
00:26:33,500 --> 00:26:34,930
Πρέπει να έχω ένα σύνδεσμο εδώ για να Paypal.com.

563
00:26:34,930 --> 00:26:37,700

564
00:26:37,700 --> 00:26:40,430
Για να είμαστε δίκαιοι, αν μπορώ να sexed με κάποια
γραφικά, μπορούμε να φανεί

565
00:26:40,430 --> 00:26:41,310
περισσότερο σαν PayPal.

566
00:26:41,310 --> 00:26:41,510
Σωστά;

567
00:26:41,510 --> 00:26:43,815
Γιατί θα μπορούσε, ως ένα μέρος,
Θα μπορούσα να πάω στο Paypal.com.

568
00:26:43,815 --> 00:26:47,110
Και έχουμε μόλις δει πώς μπορώ
δείτε όλα τα HTML τους.

569
00:26:47,110 --> 00:26:50,560
Θα μπορούσατε να αντιγράψετε απλά και να αναδημιουργήσει το
αισθητική του Paypal παρά να πάει

570
00:26:50,560 --> 00:26:51,490
παλιό σχολείο εδώ.

571
00:26:51,490 --> 00:26:55,010
Να σημειωθεί όμως, φυσικά, και είναι λίγο
μικρή ακόμα, μόνο στο κάτω μέρος

572
00:26:55,010 --> 00:26:59,190
αριστερή γωνία, σε σαν ένα σημείο 10
γραμματοσειρά, μπορείτε να δείτε τι URL είστε

573
00:26:59,190 --> 00:27:01,310
στην πραγματικότητα πρόκειται να οδηγήσει σε.

574
00:27:01,310 --> 00:27:06,580
>> Και έτσι αν έχετε πάρει ποτέ το spam λέγοντας
προχωρήσει, και είστε λογαριασμό

575
00:27:06,580 --> 00:27:07,420
έχει παραβιαστεί.

576
00:27:07,420 --> 00:27:10,615
Παρακαλώ κάντε κλικ σε αυτό το σύνδεσμο και ενημερώστε μας
κωδικό σας, ώστε να μπορούμε να διασφαλίσουμε ότι είστε

577
00:27:10,615 --> 00:27:13,010
σας, δεν κάνει ποτέ κάτι τέτοιο.

578
00:27:13,010 --> 00:27:14,180
Αυτά τα πράγματα πρέπει να είναι αυτονόητο.

579
00:27:14,180 --> 00:27:17,670
Αλλά είναι θαυμάσια διασκεδαστικό, και
τραγική, πως κάθε χρόνο αυτή φαίνεται να

580
00:27:17,670 --> 00:27:19,660
συμβεί σε κάποια μη μηδενική
αριθμό των ατόμων.

581
00:27:19,660 --> 00:27:21,400
>> Και αυτή είναι η ομορφιά
των επιθέσεων phishing.

582
00:27:21,400 --> 00:27:23,160
Μπορείτε να στείλετε ένα εκατομμύριο e-mail.

583
00:27:23,160 --> 00:27:27,720
Και ακόμα κι αν 0,01% των ανθρώπων που πραγματικά
κάντε κλικ στο Paypal και να σας δώσει σας

584
00:27:27,720 --> 00:27:31,040
κωδικό πρόσβασης, αυτό είναι ακόμα ένα μη μηδενικό αριθμό
των ανθρώπων που μόλις δίνοντας

585
00:27:31,040 --> 00:27:32,200
χρήματα τους.

586
00:27:32,200 --> 00:27:36,170
Και την αποστολή μηνυμάτων ηλεκτρονικού ταχυδρομείου, φυσικά, είναι αρκετά
εύκολη και, κυρίως, χωρίς

587
00:27:36,170 --> 00:27:36,970
αυτές τις μέρες.

588
00:27:36,970 --> 00:27:40,410
>> Έτσι, τα πολυλογώ, υπέροχα
όμορφη ιδέα, έτσι δεν είναι;

589
00:27:40,410 --> 00:27:44,620
Πριν από χρόνια, αυτή ήταν η πρώτη
web, επιτρέποντας μια ιστοσελίδα του

590
00:27:44,620 --> 00:27:46,330
hyperlinks στους πόρους.

591
00:27:46,330 --> 00:27:49,520
Αλλά τόσο γρήγορα θα μπορούσε να είναι
χρησιμοποιούνται για την κακή έννοια.

592
00:27:49,520 --> 00:27:54,100
Και email, αρκεί να πούμε, αυτά
ημέρες, έχουν HTML ενσωματωμένα μέσα.

593
00:27:54,100 --> 00:27:55,410
>> Λοιπόν, επιτρέψτε μου μόνο ένα άλλο πράγμα.

594
00:27:55,410 --> 00:27:58,640
Και θα αναβάλει μεγάλο βαθμό στην ενότητα του
το πρόβλημα που επτά για να σας επιτρέψει να

595
00:27:58,640 --> 00:28:00,000
διερευνήσει τα στοιχεία.

596
00:28:00,000 --> 00:28:01,990
Αλλά επιτρέψτε μου να πάω μπροστά και
κάνει μερικά πράγματα εδώ.

597
00:28:01,990 --> 00:28:04,840
Πάω να πάει και να κηρύξει
αυτό που ονομάζεται div, ή

598
00:28:04,840 --> 00:28:06,080
διαίρεση, μέρος της σελίδας.

599
00:28:06,080 --> 00:28:07,770
Επιτρέψτε μου να κλείσω την ετικέτα div.

600
00:28:07,770 --> 00:28:11,460
>> Και Πάω να πω μέχρι
εδώ κορυφή της σελίδας.

601
00:28:11,460 --> 00:28:14,940
Και στη συνέχεια κάτω από αυτό, είμαι πρόκειται να κάνει
κάτι σαν ένα άλλο div, κλείστε αυτό

602
00:28:14,940 --> 00:28:17,800
ετικέτα, και να κάνει κάτω μέρος της σελίδας.

603
00:28:17,800 --> 00:28:18,840
Και ας τη σώσουμε.

604
00:28:18,840 --> 00:28:21,040
>> Έτσι τώρα ας πάμε πίσω στο αρχείο μου.

605
00:28:21,040 --> 00:28:22,120
Πολύ απογοητευτικό.

606
00:28:22,120 --> 00:28:25,520
Αλλά τι διαίρεση χρησιμοποιείται για την,
κάτω από την κουκούλα, είναι στην πραγματικότητα

607
00:28:25,520 --> 00:28:26,920
ένα ωραίο δομικό στοιχείο.

608
00:28:26,920 --> 00:28:30,300
Δεν έχει καμία αισθητική καθόσον
μπορούμε να δούμε, εκτός, προφανώς,

609
00:28:30,300 --> 00:28:31,890
να βάλουμε τα πράγματα σε νέες γραμμές.

610
00:28:31,890 --> 00:28:36,290
>> Αλλά προσέξτε, ως μέρος, απλά το χτύπημα
Εισάγετε δεν το κόβουμε σε HTML, όπως αυτό

611
00:28:36,290 --> 00:28:39,840
δεν σε C. Μπορείτε να σκεφτείτε ότι αυτό είναι
πρόκειται να θέσει ένα ωραίο μεγάλο χάσμα μεταξύ

612
00:28:39,840 --> 00:28:41,300
το πάνω και κάτω μέρος της σελίδας.

613
00:28:41,300 --> 00:28:43,420
Αλλά αυτό είναι αγνοείται.

614
00:28:43,420 --> 00:28:48,040
Λευκή χώρος είναι ουσιαστικά αγνοήθηκε στην
ιστοσελίδων άλλο εκτός από την πρώτη κιόλας

615
00:28:48,040 --> 00:28:51,530
διάστημα χαρακτήρα bar, ή μεταφορά μετ 'επιστροφής,
ότι θα χτυπήσει στο πληκτρολόγιο.

616
00:28:51,530 --> 00:28:55,370
Αν θέλετε περισσότερες αλλαγές γραμμής, που
Πρέπει να καθορίσετε μόνοι σας.

617
00:28:55,370 --> 00:28:59,080
>> Έτσι, Πάω να κάνω μερικά πράγματα
εδώ για να δείτε τι συμβαίνει.

618
00:28:59,080 --> 00:29:02,700
Πάω να προσθέσετε ένα χαρακτηριστικό που
υπάρχει και πάλι, ο τρόπος που μπορείτε να μάθετε

619
00:29:02,700 --> 00:29:07,110
Τι αποδίδει υπάρχουν, ποιες ετικέτες υπάρχουν,
Πραγματικά, είναι σε απευθείας σύνδεση αναφορές.

620
00:29:07,110 --> 00:29:09,750
HTML είναι το είδος της γλώσσας - είναι
δεν είναι μια γλώσσα προγραμματισμού.

621
00:29:09,750 --> 00:29:12,460
Είναι μια γλώσσα σήμανσης - ότι μετά από μια
καλή μισή ώρα, ίσως, μια ώρα με

622
00:29:12,460 --> 00:29:15,930
αυτό, σίγουρα θα γίνει αντιληπτό, οι περισσότεροι
πιθανό, η βασική ιδέα.

623
00:29:15,930 --> 00:29:20,350
Και τότε μια αναζήτηση στο Google είναι μακριά όλα
τις πιθανές λέξεις-κλειδιά που μπορεί να σας

624
00:29:20,350 --> 00:29:21,170
ενδιαφέρει

625
00:29:21,170 --> 00:29:24,290
Και σύμφωνα με το spec, που είναι αρκετά
ευπρόσδεκτη και ενθαρρύνεται εδώ.

626
00:29:24,290 --> 00:29:26,120
>> Έτσι, τώρα επιτρέψτε μου να προχωρήσει και
να κάνει κάτι τέτοιο.

627
00:29:26,120 --> 00:29:28,690
Χρώμα φόντου.

628
00:29:28,690 --> 00:29:32,060
Και τώρα, θα πάω να κάνω κάτι
όπως το κόκκινο, το ερωτηματικό.

629
00:29:32,060 --> 00:29:33,970
Και μπορείτε να το κάνετε αυτό σε
μερικοί διαφορετικοί τρόποι.

630
00:29:33,970 --> 00:29:36,770
Είμαι ακριβώς το είδος της δακτυλογράφησης ως super
ρητά δυνατόν.

631
00:29:36,770 --> 00:29:41,960
>> Αλλά αποδεικνύεται ότι η τιμή αυτή είναι εδώ
ό, τι λέγεται CSS, Cascading Style

632
00:29:41,960 --> 00:29:43,700
Φύλλα, τα οποία είναι μια άλλη
γλώσσα εντελώς.

633
00:29:43,700 --> 00:29:46,770
CSS έχει τίποτα να κάνει με
ανοίξετε ετικέτες και στενούς tags.

634
00:29:46,770 --> 00:29:48,230
Έχει να κάνει με τις ιδιότητες.

635
00:29:48,230 --> 00:29:52,660
>> Και ιδιότητες είναι απλά βασική αξία
ζεύγη, πράγμα που σημαίνει απλά κάποια λέξη,

636
00:29:52,660 --> 00:29:54,680
του παχέος εντέρου, και στη συνέχεια κάποια άλλη λέξη.

637
00:29:54,680 --> 00:29:57,940
Και αν έχετε πολλούς φίλους, ή απλά
κανείς εδώ, μπορείτε να καταλήξετε με ένα

638
00:29:57,940 --> 00:29:59,390
ερωτηματικό, μόνο για λόγους σαφήνειας.

639
00:29:59,390 --> 00:30:01,370
Αλλά αυτό, επίσης, θα λειτουργήσει εδώ.

640
00:30:01,370 --> 00:30:02,500
>> Τώρα τι είναι αυτό πρόκειται να κάνει;

641
00:30:02,500 --> 00:30:03,610
Μπορείτε να μαντέψετε.

642
00:30:03,610 --> 00:30:05,930
Επιτρέψτε μου να προχωρήσει και ανανεώστε αυτή τη σελίδα.

643
00:30:05,930 --> 00:30:07,300
Και τώρα είναι πραγματικά έρχονται μαζί.

644
00:30:07,300 --> 00:30:09,150
Έτσι κορυφή της σελίδας μου είναι κόκκινο.

645
00:30:09,150 --> 00:30:12,380
Αλλά τι είναι το κλειδί εδώ είναι ότι, ανέφερα
Νωρίτερα, η div δίνει

646
00:30:12,380 --> 00:30:13,220
ένα τμήμα της σελίδας.

647
00:30:13,220 --> 00:30:14,410
Και αυτό είναι όντως αυτό που κάνει.

648
00:30:14,410 --> 00:30:17,920
Είναι ουσιαστικά χωρίζει τη σελίδα σε
ένα ορθογώνιο παραλληλόγραμμο που μπορείτε στη συνέχεια

649
00:30:17,920 --> 00:30:18,720
χειραγωγήσουν.

650
00:30:18,720 --> 00:30:22,330
>> Και αυτή η έννοια των ορθογωνίων είναι το είδος της
συναρπαστικό το ότι, αν νομίζετε ότι από

651
00:30:22,330 --> 00:30:26,410
πιο οποιαδήποτε ιστοσελίδα, υπάρχει πιθανώς
κάποια δομή σε αυτό.

652
00:30:26,410 --> 00:30:29,620
Οι περισσότεροι από εσάς έχετε μάλλον σπάνια
Αρχική σελίδα του Facebook αν είστε συνδεδεμένοι

653
00:30:29,620 --> 00:30:30,440
σε όλη την ώρα.

654
00:30:30,440 --> 00:30:33,920
>> Όμως, στην αρχική σελίδα του Facebook, δεν υπάρχει
κάποιο είδος div κατά μήκος της κορυφής.

655
00:30:33,920 --> 00:30:36,140
Και μπορεί να μην είναι τόσο απλό
ως ένα div, αλλά υπάρχει ένα

656
00:30:36,140 --> 00:30:37,560
ορθογώνια περιοχή εκεί.

657
00:30:37,560 --> 00:30:40,290
Το υπόλοιπο της σελίδας είναι σαν
ένα τεράστιο div, όπως ένα πολύ

658
00:30:40,290 --> 00:30:41,910
μεγαλύτερα ορθογώνια περιοχή.

659
00:30:41,910 --> 00:30:44,540
Έτσι, τα πολυλογώ, μόνο από την κατοχή
αυτά τα μικρά δομικά στοιχεία, τα

660
00:30:44,540 --> 00:30:49,250
ικανότητα πράγματα μοντέλο ως ορθογώνια,
είτε ευρεία ή στενή, μπορείτε επίσης να

661
00:30:49,250 --> 00:30:53,680
κάνει στήλες ενδεχομένως, σας επιτρέπει να
lay out σελίδες, πραγματικά, ωστόσο θα

662
00:30:53,680 --> 00:30:54,100
θα ήθελα.

663
00:30:54,100 --> 00:30:56,170
Είμαστε πραγματικά ακριβώς το ξύσιμο
η επιφάνεια εδώ.

664
00:30:56,170 --> 00:30:59,820
>> Πράγματι, αν κάνω ένα άλλο,
επιτρέψτε μου να πάει μπροστά και να κάνουμε το στυλ,

665
00:30:59,820 --> 00:31:05,410
χρώμα φόντου, θα κάνουμε κάτι
όπως το μπλε, κοντά εισαγωγικά.

666
00:31:05,410 --> 00:31:06,620
Ας Ανανέωση της.

667
00:31:06,620 --> 00:31:08,260
Έτσι τώρα είναι να πάρει ακόμη πιο άσχημο.

668
00:31:08,260 --> 00:31:11,520
Αλλά τώρα μπορώ να το είδος των αναδείξουν
P μου έθεσε πέντε δεξιότητες, έτσι δεν είναι;

669
00:31:11,520 --> 00:31:12,690
Red.

670
00:31:12,690 --> 00:31:15,640
Μου θυμίζει RGB, Red
Green Blue τρίκλινα.

671
00:31:15,640 --> 00:31:19,330
Λοιπόν, αποδεικνύεται στον προγραμματισμό web,
ή web design, το οποίο είναι αυτό, έχουμε

672
00:31:19,330 --> 00:31:21,650
δεν έχει προγραμματιστεί ακόμα τίποτα
per se, μπορείτε πραγματικά

673
00:31:21,650 --> 00:31:22,880
έχουν δεκαεξαδικός κωδικός.

674
00:31:22,880 --> 00:31:26,480
Έτσι, κάτι κάτι, κάτι
κάτι, κάτι κάτι.

675
00:31:26,480 --> 00:31:30,650
Έτσι μπορείτε να έχετε έξι δεκαεξαδικό
χαρακτήρες, ή τρία, σε ορισμένες περιπτώσεις,

676
00:31:30,650 --> 00:31:33,480
και καθένα από αυτά τα ερωτηματικά
πρέπει να είναι μια δεκαεξαδικά ψηφία,

677
00:31:33,480 --> 00:31:34,985
μηδέν έως f.

678
00:31:34,985 --> 00:31:41,000
>> Αν θέλω να έχω μια πολύ κόκκινο, και
Δεν πράσινο και όχι μπλε, ποια είναι η

679
00:31:41,000 --> 00:31:43,740
απέναντι από το μηδέν, όταν χρησιμοποιεί το εξάγωνο;

680
00:31:43,740 --> 00:31:44,480
Είναι στ.

681
00:31:44,480 --> 00:31:51,130
Έτσι, μπορώ να κάνω ff, μηδέν μηδέν, μηδέν μηδέν,
αποθηκεύσετε αυτό, και τώρα έρχονται εδώ κάτω.

682
00:31:51,130 --> 00:31:52,700
Και δεν βλέπω πραγματικά μια αλλαγή.

683
00:31:52,700 --> 00:31:56,230
Έτσι απόσπασμα unquote "κόκκινο" είναι προφανώς
συνώνυμο για όλα τα κόκκινο,

684
00:31:56,230 --> 00:31:57,610
υπάρχει πράσινο, όχι μπλε.

685
00:31:57,610 --> 00:31:59,960
Εν τω μεταξύ, ας σκόπιμα αλλάζουν
αυτό να είναι κάτι

686
00:31:59,960 --> 00:32:01,210
τυχαία, όπως ABCDF.

687
00:32:01,210 --> 00:32:03,790

688
00:32:03,790 --> 00:32:05,860
>> Ας δούμε τι είναι αυτό.

689
00:32:05,860 --> 00:32:08,530
Είναι ένα πολύ ωραίο μπλε,
στην πραγματικότητα, το μωρό μπλε.

690
00:32:08,530 --> 00:32:11,820
Εντάξει, αυτά είναι μόλις τώρα
κάπως τυχαίους συνδυασμούς

691
00:32:11,820 --> 00:32:12,210
χαρακτήρων.

692
00:32:12,210 --> 00:32:13,410
Γι 'αυτό και δεν θα κολλήσουμε εδώ.

693
00:32:13,410 --> 00:32:15,930
Αλλά και πάλι, αυτό μιλάει για την ακρίβεια
ότι μπορείτε να αρχίσετε να

694
00:32:15,930 --> 00:32:19,090
εφαρμογή - ακόμα κι αν είστε πολύ συγκλονισμένοι
από την αισθητική.

695
00:32:19,090 --> 00:32:21,750
Στην πραγματικότητα, εάν θέλετε πραγματικά να
εντυπωσίασε, επιτρέψτε μου να προχωρήσει και να αλλάξει

696
00:32:21,750 --> 00:32:23,500
το μέγεθος της γραμματοσειράς, για παράδειγμα.

697
00:32:23,500 --> 00:32:25,960
Και παρατηρήσετε το ερωτηματικό, το οποίο
είναι απαραίτητη εκεί.

698
00:32:25,960 --> 00:32:29,570
>> Μέγεθος γραμματοσειράς, μπορούμε να είμαστε απλώς γελοίο
εδώ, το σημείο 96.

699
00:32:29,570 --> 00:32:31,280
Αποθήκευση αυτό.

700
00:32:31,280 --> 00:32:33,670
Πω πω, αυτό είναι ένα μεγάλο μέγεθος γραμματοσειράς.

701
00:32:33,670 --> 00:32:35,490
Εντάξει, έτσι είναι πολύ εύκολο.

702
00:32:35,490 --> 00:32:38,260
Και στην πραγματικότητα, είστε ουσιαστικά βλέπουμε
η πρώτη ιστοσελίδα που έκανα

703
00:32:38,260 --> 00:32:40,060
χρόνια πριν, όταν για πρώτη φορά
μάθει αυτά τα πράγματα.

704
00:32:40,060 --> 00:32:42,190
Είναι πολύ εύκολο να κάνει πολύ
ειδεχθή πράγματα γρήγορα.

705
00:32:42,190 --> 00:32:46,115
>> Και αν είστε εξοικειωμένοι με το Wayback
Μηχάνημα archive.org, σας

706
00:32:46,115 --> 00:32:48,210
μπορείτε να βρείτε όλα τα ειδεχθή μου
φοιτητής ιστοσελίδων.

707
00:32:48,210 --> 00:32:50,090
Ένας είχε Κέρμιτ ο Βάτραχος στο μπροστινό μέρος.

708
00:32:50,090 --> 00:32:53,150
Πήγα από μια φάση όπου νόμιζα
ήταν δροσερό για να πάρει το φόντο

709
00:32:53,150 --> 00:32:56,320
μια κόκκινη κουρτίνα, όταν έμαθα πώς θα
μπορεί εικόνων πλακιδίων και πάλι, και πάλι, και

710
00:32:56,320 --> 00:32:59,540
και πάλι, για να γεμίσει μια σελίδα με
ένα μεγάλο κολλώδες κόκκινη κουρτίνα.

711
00:32:59,540 --> 00:33:03,120
Και τότε, πάνω από αυτό, ήταν μια εικόνα
ότι θα έπρεπε να κάνετε κλικ για να εισέλθουν στο σπίτι μου

712
00:33:03,120 --> 00:33:04,960
σελίδα, επειδή αυτό ήταν
πάρα πολύ στη μόδα.

713
00:33:04,960 --> 00:33:08,870
>> Και τότε η πρώτη μου πρόγραμμα έγραψα ποτέ
δεν ήταν σε PHP, αλλά σε μια γλώσσα

714
00:33:08,870 --> 00:33:12,260
ονομάζεται Pearl, έγραψε ένα βιβλίο επισκεπτών, τα οποία
είναι ένα πραγματικά δροσερό πράγμα που ένα

715
00:33:12,260 --> 00:33:14,250
Πολλοί άνθρωποι που περιμένουν
να έχουν σε μια σελίδα.

716
00:33:14,250 --> 00:33:17,510
Όταν φτάσετε στη σελίδα, σας θέλουν
να συνδεθείτε και να πω ποιος είσαι,

717
00:33:17,510 --> 00:33:18,720
και γιατί είστε εκεί.

718
00:33:18,720 --> 00:33:21,320
Αυτό είναι πολύ δεκαετίας του 1990 web design στυλ.

719
00:33:21,320 --> 00:33:24,130
>> Αλλά αυτές τις μέρες, σίγουρα, έχουμε
έρχονται πολύ μακρύτερα.

720
00:33:24,130 --> 00:33:27,560
Και θα δείτε, στην ενότητα, ακόμη και
το πρόβλημα που επτά, από

721
00:33:27,560 --> 00:33:31,570
μόχλευση βιβλιοθήκες αυτές τις μέρες,
Είναι πολύ πιο εύκολο να κάνει

722
00:33:31,570 --> 00:33:33,400
πιο όμορφη πράγματα γρήγορα.

723
00:33:33,400 --> 00:33:36,550
Πραγματικά εδώ, είμαστε ακριβώς το ξύσιμο
η επιφάνεια του τι μπορείτε να κάνετε

724
00:33:36,550 --> 00:33:37,400
στυλιστικά.

725
00:33:37,400 --> 00:33:41,660
>> Και στην πραγματικότητα, ήδη, επιτρέψτε μου να τονίσω
ότι αυτό έχει ήδη πάρει άσχημο, δεν

726
00:33:41,660 --> 00:33:46,030
μόνο αισθητικά, αλλά από την άποψη
του στυλ μου κώδικα, ή

727
00:33:46,030 --> 00:33:47,260
σχεδιασμός του κωδικού μου.

728
00:33:47,260 --> 00:33:52,350
Έχω comingled σήμερα HTML, η οποία
είναι το πρασινωπό ανοιχτό ετικέτες εκεί, με

729
00:33:52,350 --> 00:33:55,160
CSS ιδιότητες, οι οποίες
είναι εντελώς legit.

730
00:33:55,160 --> 00:33:57,200
Αυτό είναι πραγματικά όπου η γλώσσα
έχει τις ρίζες της.

731
00:33:57,200 --> 00:34:01,030
>> Όμως, προς το συμφέρον της καθαρό σχεδιασμό,
σαν αρχίσαμε πράγματα factoring

732
00:34:01,030 --> 00:34:05,370
Από C αρχεία σε αρχεία. h, αφήστε
Θέλω να ασκήσουν πραγματικά αυτό το είδος της

733
00:34:05,370 --> 00:34:07,990
αρχή και να αρχίσει να κάνει
αυτό αντ 'αυτού.

734
00:34:07,990 --> 00:34:13,280
Επιτρέψτε μου να θέσω μια ετικέτα στυλ εδώ, η οποία
υπάρχει και σε HTML, και επιτρέψτε μου να

735
00:34:13,280 --> 00:34:15,330
καθορίσετε την ακόλουθη.

736
00:34:15,330 --> 00:34:16,360
Επιτρέψτε μου να διαγραφεί.

737
00:34:16,360 --> 00:34:18,110
Χρώμα φόντου θα είναι κόκκινο.

738
00:34:18,110 --> 00:34:19,800
Πάω να διαγραφεί εξ ολοκλήρου.

739
00:34:19,800 --> 00:34:22,580
Πάω να απαλλαγούμε από το στυλ
αποδίδουν, και πάω για τη μοναδική

740
00:34:22,580 --> 00:34:24,620
προσδιορίσει αυτό div με μια λέξη -

741
00:34:24,620 --> 00:34:28,750
αυθαίρετα, αλλά λογικά, απόσπασμα
unquote "κορυφή". Και id είναι μια ειδική

742
00:34:28,750 --> 00:34:32,530
χαρακτηριστικό που προσδιορίζει μοναδικά
ένα συγκεκριμένο στοιχείο HTML

743
00:34:32,530 --> 00:34:33,850
ότι έχει τέτοιο id.

744
00:34:33,850 --> 00:34:37,969
>> Αν τώρα θέλετε να στυλιζαρισμένη αυτό, εδώ στο
ο επικεφαλής της σελίδας μου, μέσα από την

745
00:34:37,969 --> 00:34:41,730
ετικέτα στυλ, παρατηρούμε ότι
Μπορώ να κάνω hash κορυφή.

746
00:34:41,730 --> 00:34:45,300
Και τότε μπορώ να βάλω ένα ζευγάρι των σγουρά
τιράντες, που θυμίζει C, και στη συνέχεια αφήστε

747
00:34:45,300 --> 00:34:47,130
με επικόλληση σε αυτό το στυλιζάρισμα.

748
00:34:47,130 --> 00:34:49,929
Και επιτρέψτε μου να προχωρήσει εδώ και την πρόβλεψη
πού θα πάω με αυτό.

749
00:34:49,929 --> 00:34:53,380
Επιτρέψτε μου επίσης να δημιουργήσετε ένα
για το div κάτω.

750
00:34:53,380 --> 00:34:58,010
Επιτρέψτε μου να αρπάξει αυτή την ειδεχθή κώδικα από κάτω
εδώ, να το θέσω εδώ, και θα είμαι

751
00:34:58,010 --> 00:35:00,770
λίγο πιο πρωκτικό τώρα και τυποποιημένο αυτό
από απλά βάζοντας τα πράγματα από μόνα τους

752
00:35:00,770 --> 00:35:02,540
γραμμή, τελειώνει με ερωτηματικά.

753
00:35:02,540 --> 00:35:04,430
Επιτρέψτε μου να απαλλαγούμε από την ετικέτα στυλ.

754
00:35:04,430 --> 00:35:05,320
>> Είμαι, όμως, δεν έχει γίνει ακόμα.

755
00:35:05,320 --> 00:35:07,406
Πρέπει να κάνω κάτι άλλο.

756
00:35:07,406 --> 00:35:10,070
Ναι, id ισούται με παράθεση unquote, "κάτω",
ή ο, τιδήποτε id θέλω να

757
00:35:10,070 --> 00:35:11,740
δώσει αυτό το στοιχείο.

758
00:35:11,740 --> 00:35:13,420
Τώρα, επιτρέψτε μου να επιστρέψω εδώ.

759
00:35:13,420 --> 00:35:14,360
Και αυτό είναι άθλιες.

760
00:35:14,360 --> 00:35:15,805
Δεν μπορώ να ασχοληθεί με το σημείο 96.

761
00:35:15,805 --> 00:35:16,960
Ας κάνουμε το σημείο 24.

762
00:35:16,960 --> 00:35:18,320
Ή θα μπορούσε να είναι πιο ακριβής.

763
00:35:18,320 --> 00:35:21,800
Μπορείτε να χρησιμοποιήσετε πραγματικά pixels, px, οπότε
ότι μπορείτε να πάρετε πραγματικά σιτηρών λεπτότερα

764
00:35:21,800 --> 00:35:23,220
ελέγχουν πάνω από τη σελίδα σας.

765
00:35:23,220 --> 00:35:26,860
>> Παρεμπιπτόντως, αυτό δεν είναι κατ 'ανάγκην
το καλύτερο πράγμα εάν οι χρήστες, για

766
00:35:26,860 --> 00:35:29,650
λόγους προσβασιμότητας, θέλουμε να
να είναι σε θέση να αυξήσει τα μεγέθη.

767
00:35:29,650 --> 00:35:32,650
Έτσι, συνειδητοποιούν ότι υπάρχουν τρόποι για να γίνει
πράγματα που δεν είναι απαραίτητα

768
00:35:32,650 --> 00:35:34,230
σκληρό πάντα κώδικα.

769
00:35:34,230 --> 00:35:37,220
>> Εντάξει, έτσι ώστε να είναι μεγαλύτερο, 24 σημείο,
από ό, τι η προεπιλογή είναι.

770
00:35:37,220 --> 00:35:38,630
Αλλά τώρα είναι λίγο καθαρότερα.

771
00:35:38,630 --> 00:35:40,230
Και επιτρέψτε μου να πάρει αυτό το ένα βήμα παραπέρα.

772
00:35:40,230 --> 00:35:47,220
Ακριβώς όπως και η ιδέα της αρχεία κεφαλίδας,
παρατηρήσετε ότι είμαστε ένα βήμα πιο κοντά σε αυτό.

773
00:35:47,220 --> 00:35:52,000
Έχω υπολογιστεί έξω, αλλά ακόμα αριστερά,
μέσα από τη σελίδα μου, οι κανόνες CSS.

774
00:35:52,000 --> 00:35:56,200
Γιατί να θέλω να πάρω ένα βήμα
περαιτέρω, αφαιρέστε αυτό το εντελώς, και

775
00:35:56,200 --> 00:35:59,860
το βάζουμε σε ένα ξεχωριστό αρχείο;

776
00:35:59,860 --> 00:36:01,070
>> Έτσι μπορώ να το χρησιμοποιήσετε ξανά, σωστά;

777
00:36:01,070 --> 00:36:03,155
Αυτό είναι ακριβώς το είδος της διαίσθησης
τώρα.

778
00:36:03,155 --> 00:36:06,340
Πριν, έχω ισχυρίστηκε ότι ήταν απλά
να πάρει άσχημο έχει το στυλ

779
00:36:06,340 --> 00:36:08,480
χαρακτηριστικά στο εσωτερικό του
DiVS οι ίδιοι.

780
00:36:08,480 --> 00:36:09,750
Αλλά ακριβώς το είδος του πιστεύω ότι μέσα.

781
00:36:09,750 --> 00:36:13,560
Δεδομένου ότι η σελίδα σας παίρνει όλο και περισσότερο, αν
βάζετε εδώ, και εδώ, και

782
00:36:13,560 --> 00:36:18,350
εδώ, και εδώ, όλα αυτά τα διαφορετικά
χρώματα, και μεγέθη γραμματοσειράς, και άλλα τέτοια

783
00:36:18,350 --> 00:36:22,550
χαρακτηριστικά, η σελίδα σας είναι πολύ γρήγορα
πρόκειται να γίνει ανεξέλεγκτη για σας.

784
00:36:22,550 --> 00:36:24,570
>> Αν κάποιος έρχεται σε σας και
λέει, OH, ξέρετε τι;

785
00:36:24,570 --> 00:36:28,070
Θα ήθελα πραγματικά να αλλάξετε το μέγεθος της γραμματοσειράς
με δύο επιπλέον σημεία, θα

786
00:36:28,070 --> 00:36:31,275
μπορεί να χρειαστεί να πάει και να βρει και να αντικαταστήσετε
ένας τεράστιος αριθμός γραμμών κώδικα.

787
00:36:31,275 --> 00:36:35,170
Είναι πολύ πιο συναρπαστικό να συγκεντρώσει
όλες αυτές αισθητική εδώ.

788
00:36:35,170 --> 00:36:38,850
Αλλά αν θέλετε να χρησιμοποιήσετε ξανά αυτές
αισθητικής σε πολλαπλές ιστοσελίδες, όλες οι

789
00:36:38,850 --> 00:36:41,100
το πιο συναρπαστικό για, για
παράδειγμα, να δημιουργήσετε ένα αρχείο

790
00:36:41,100 --> 00:36:45,290
κάλεσε με εκείνο το περιεχόμενο.

791
00:36:45,290 --> 00:36:46,680
>> Και επιτρέψτε μου να κάνω αυτό.

792
00:36:46,680 --> 00:36:51,150

793
00:36:51,150 --> 00:36:51,920
Αποθηκεύστε αυτό το αρχείο.

794
00:36:51,920 --> 00:36:55,580
Το λέω styles.css, αυθαίρετη,
αλλά και τα συμβατικά.

795
00:36:55,580 --> 00:36:58,770
Θα το βάλω στο σπίτι John Χάρβαρντ
φάκελος τώρα για την απλότητα.

796
00:36:58,770 --> 00:37:03,880
Και τι μπορώ να κάνω στην ιστοσελίδα μου είναι να πάρετε
Απαλλαγείτε από το ύφος ετικέτα συνολικά,

797
00:37:03,880 --> 00:37:08,270
και κάπως unintuitively, χρησιμοποιήστε μια σύνδεση
ετικέτα, η οποία δεν σας δώσει μια σύνδεση στο

798
00:37:08,270 --> 00:37:13,140
η υπερ-σύνδεση, μπορείτε να κάνετε κλικ έννοια, αλλά
όταν λέω σύνδεσμο, href ισούται

799
00:37:13,140 --> 00:37:15,120
styles.css.

800
00:37:15,120 --> 00:37:20,050
Και η σχέση ότι αυτό το στοιχείο
έχει με την ιστοσελίδα είναι να χρησιμεύσει ως

801
00:37:20,050 --> 00:37:21,280
φύλλο στυλ του.

802
00:37:21,280 --> 00:37:22,670
>> Λοιπόν, πώς το ξέρω αυτό;

803
00:37:22,670 --> 00:37:25,950
One, μπορείτε να διαβάσετε μόνο το εγχειρίδιο,
ή το Google γύρω σου και

804
00:37:25,950 --> 00:37:27,000
εξετάσουμε διάφορους πόρους.

805
00:37:27,000 --> 00:37:30,520
Θέλω να πω, ότι πραγματικά είναι το πώς θα πάρει
τεχνικές όπως αυτό, και, συνεπή

806
00:37:30,520 --> 00:37:34,720
με αυτή την ιδέα της διδασκαλίας εαυτό νέων
γλώσσες, και πάλι, θα διαπιστώσετε ότι

807
00:37:34,720 --> 00:37:38,830
υπάρχει μόνο ένας πεπερασμένος αριθμός πραγμάτων
σε οποιαδήποτε γλώσσα, τη στιγμή που θα πάρετε

808
00:37:38,830 --> 00:37:41,310
τους, θα διαπιστώσετε ότι παίρνει
όλο και πιο γρήγορα για να γράψει.

809
00:37:41,310 --> 00:37:44,180
Πράγματι, η εκμάθηση μιας νέας προγραμματικής
γλώσσα είναι τόσο πολύ πιο γρήγορα από ό, τι ένα νέο

810
00:37:44,180 --> 00:37:47,380
ομιλούμενη γλώσσα, επειδή αυτά τα πράγματα
είναι πολύ μικρότερα και πολύ πιο

811
00:37:47,380 --> 00:37:48,820
καθοριστεί με ακρίβεια.

812
00:37:48,820 --> 00:37:51,590
>> Αλλά έχω υπογράμμισε λίγο
από μια ανωμαλία εδώ.

813
00:37:51,590 --> 00:37:57,750
Γιατί μου το επεσήμαναν
κάθετο εδώ;

814
00:37:57,750 --> 00:37:59,420
Επειδή έχω να κλείσει την ετικέτα.

815
00:37:59,420 --> 00:38:00,530
Θα πρέπει να κλείσετε την ετικέτα.

816
00:38:00,530 --> 00:38:02,750
Και θα βρείτε αμέτρητες πόρους
σε απευθείας σύνδεση που δεν

817
00:38:02,750 --> 00:38:04,080
υποχρεωτικά στενή tags.

818
00:38:04,080 --> 00:38:08,770
Και ρεαλιστικά, δεν είναι αυστηρά
αναγκαίο για την τεχνική και υπάρχουν

819
00:38:08,770 --> 00:38:11,950
λόγους της πραγματικότητας, τα προγράμματα περιήγησης είναι μόνο
αρκετά ανεκτική από λάθη στην ιστοσελίδα

820
00:38:11,950 --> 00:38:14,360
σελίδες, προς το καλύτερο ή προς το χειρότερο,
αλλά κυρίως χειρότερα.

821
00:38:14,360 --> 00:38:18,830
>> Έτσι, αυτό εδώ είναι μόνο ένα καθαρότερο τρόπο
λέγοντας κάτι ηλίθιο, όπως αυτό,

822
00:38:18,830 --> 00:38:22,330
όπου κι αν θέλετε να ανοίξετε την ετικέτα συνδέσμου
αλλά κοντά είναι, πραγματικά δεν υπάρχει η έννοια

823
00:38:22,330 --> 00:38:23,720
του περιεχομένου για μια ετικέτα συνδέσμου.

824
00:38:23,720 --> 00:38:26,000
Σημαίνει απλώς το φορτώσετε
αρχείο και το βάζουμε εδώ.

825
00:38:26,000 --> 00:38:30,610
Είναι σαν απότομη περιλαμβάνουν σε C. Μπορείτε να
ανοίξετε και να κλείσετε μια ετικέτα όλα με τη μία

826
00:38:30,610 --> 00:38:31,660
εντός της ίδιας ετικέτας.

827
00:38:31,660 --> 00:38:33,520
Και υπάρχουν και άλλα παραδείγματα.

828
00:38:33,520 --> 00:38:37,280
Αυτό δεν είναι ο τρόπος για να γίνει αυτό, αλλά
το br ετικέτα, για αλλαγές γραμμής, αν μου

829
00:38:37,280 --> 00:38:41,780
ήθελε πραγματικά να επιτευχθεί αυτό που ήταν
προσπαθώντας να πριν από το χτύπημα Εισάγετε, εάν

830
00:38:41,780 --> 00:38:45,380
Έχω δηλώσει ρητά αλλαγή γραμμής, αλλαγή γραμμής,
αλλαγή γραμμής, αλλαγή γραμμής, και

831
00:38:45,380 --> 00:38:49,100
τότε ανανέωσε αυτή τη σελίδα, τώρα θα παρατηρήσετε
ότι το κάτω μέρος της σελίδας είναι,

832
00:38:49,100 --> 00:38:51,940
Πράγματι, πολύ πιο κάτω στην
στο κάτω μέρος της σελίδας.

833
00:38:51,940 --> 00:38:55,840
Αλλά ακόμα και που μπορεί να γίνει πολύ πιο
καθαρά με CSS, και με περιθώρια,

834
00:38:55,840 --> 00:38:58,120
καθώς και με άλλα τέτοια αισθητική
τεχνικές.

835
00:38:58,120 --> 00:38:59,940
>> Έτσι, για τώρα, τα φαστ φουντ είναι αυτό.

836
00:38:59,940 --> 00:39:02,320
Στην HTML, έχουμε αυτά
τα πράγματα που ονομάζονται ετικέτες.

837
00:39:02,320 --> 00:39:04,830
Στην CSS, έχουμε αυτά τα πράγματα
ονομάζονται ιδιότητες.

838
00:39:04,830 --> 00:39:08,700
Μπορούμε να comingle αυτές τις δύο γλώσσες,
είτε χρησιμοποιώντας το χαρακτηριστικό στυλ,

839
00:39:08,700 --> 00:39:14,240
ή η ετικέτα στυλ, ή ακόμη καλύτερα, factoring
με απόλυτο τρόπο, όπως κάνουμε

840
00:39:14,240 --> 00:39:17,270
στο πρόβλημα που έχει 7.

841
00:39:17,270 --> 00:39:23,820
Οι ερωτήσεις, στη συνέχεια, σχετικά με το
εννοιολογική βασικά εδώ;

842
00:39:23,820 --> 00:39:24,740
>> ΚΟΙΝΟ: Έχω μια ερώτηση.

843
00:39:24,740 --> 00:39:25,630
>> ΟΜΙΛΗΤΗΣ 1: Αχ, συγγνώμη.

844
00:39:25,630 --> 00:39:28,880
>> ΚΟΙΝΟ: Γιατί δεν ήταν χρωματισμένα -

845
00:39:28,880 --> 00:39:31,410
>> ΟΜΙΛΗΤΗΣ 1: Αχ, στην άλλη καρτέλα;

846
00:39:31,410 --> 00:39:32,232
Αυτό εδώ;

847
00:39:32,232 --> 00:39:33,482
>> ΚΟΙΝΟ: Όχι, είναι σαν το -

848
00:39:33,482 --> 00:39:35,330

849
00:39:35,330 --> 00:39:39,480
>> ΟΜΙΛΗΤΗΣ 1: Αχ, αυτό συμβαίνει επειδή
Ήμουν ατημέλητη.

850
00:39:39,480 --> 00:39:41,350
Έβαλα το αρχείο στο λάθος μέρος.

851
00:39:41,350 --> 00:39:47,840
Έτσι, αν έβαλα πραγματικά εδώ, και εγώ
chmod αυτό, όλα τα + R για styles.css, και

852
00:39:47,840 --> 00:39:52,050
τώρα φόρτωση της σελίδας, τώρα
να πάρει το στυλιζάρισμα πίσω.

853
00:39:52,050 --> 00:39:54,530
Και επειδή τα μεγέθη γραμματοσειράς
διαφορετικά, δεν βλέπουμε τόσο πολύ

854
00:39:54,530 --> 00:39:55,010
λευκό κενό.

855
00:39:55,010 --> 00:39:58,240
Εμείς αντί να δούμε ποια είναι η
προεπιλογή είναι αντ 'αυτού.

856
00:39:58,240 --> 00:40:00,050
Καλή ερώτηση.

857
00:40:00,050 --> 00:40:00,846
Ναι;

858
00:40:00,846 --> 00:40:02,630
>> ΚΟΙΝΟ: Γιατί είναι ο σύνδεσμος
tag μέσα στο header;

859
00:40:02,630 --> 00:40:06,270
>> ΟΜΙΛΗΤΗΣ 1: Γιατί είναι οι συνδέσεις
μέσα στο tag του header -

860
00:40:06,270 --> 00:40:07,650
σύντομη απάντηση, μόνο και μόνο επειδή.

861
00:40:07,650 --> 00:40:08,930
Αυτό είναι ό, τι αποφασίστηκε.

862
00:40:08,930 --> 00:40:10,720
Αυτό είναι όπου οι ετικέτες συνδέσμου πάει όταν
έχετε αυτό που ονομάζεται

863
00:40:10,720 --> 00:40:13,650
εξωτερικό φύλλο στυλ.

864
00:40:13,650 --> 00:40:16,430
Άλλες ερωτήσεις;

865
00:40:16,430 --> 00:40:17,770
>> Εντάξει, αλλά ας το κάνουμε.

866
00:40:17,770 --> 00:40:20,500
Έχουμε τόσο πολλή διασκέδαση που έχουμε μπροστά μας σήμερα.

867
00:40:20,500 --> 00:40:22,480
Αυτό είναι ακριβώς το ξύσιμο
η επιφάνεια του CSS.

868
00:40:22,480 --> 00:40:23,010
Ας το κάνουμε αυτό.

869
00:40:23,010 --> 00:40:25,980
Ας ρίξουμε μια πεντάλεπτο διάλειμμα εδώ
διότι, ανά e-mail μου, ας κολλήσει

870
00:40:25,980 --> 00:40:27,200
εκεί μέχρι το 2:30-ish σήμερα.

871
00:40:27,200 --> 00:40:28,540
Αλλά αν έχετε να
φύγει, ότι το πρόστιμο.

872
00:40:28,540 --> 00:40:30,380
Αλλά εμείς θα προχωρήσουμε μετά
πέντε λεπτά διάλειμμα.

873
00:40:30,380 --> 00:40:35,930
Και θα μάθουμε λίγο κάτι
για την PHP, MySQL, και πολλά άλλα.

874
00:40:35,930 --> 00:40:44,520
>> Εντάξει, οπότε ας προσπαθήσουμε, τώρα, να συνδέσει ένα
μερικές από αυτές τις ιδέες μαζί και να κάνουν,

875
00:40:44,520 --> 00:40:46,180
ας πούμε, τη δική του μηχανή αναζήτησης μας.

876
00:40:46,180 --> 00:40:48,570
Παρατήρησα, μάλλον περιέργως,
η ακόλουθη.

877
00:40:48,570 --> 00:40:52,610
Όταν είστε στο Google.com, είστε
συνήθως σε μια διεύθυνση URL, όπως αυτό εδώ

878
00:40:52,610 --> 00:40:54,870
με τίποτα μετά το dot com.

879
00:40:54,870 --> 00:40:59,760
Αλλά αν μπορώ να ψάξω κάτι ηλίθιο, όπως
γάτες, και να πατήσετε το Enter, θα πάρει - δεν

880
00:40:59,760 --> 00:41:01,300
ηλίθιο, αλλά ξέρετε.

881
00:41:01,300 --> 00:41:05,410
>> ΕΝΤΑΞΕΙ, έτσι παρατηρήσετε, στο πάνω μέρος της σελίδας,
τώρα, η διεύθυνση URL έχει, φυσικά, άλλαξε.

882
00:41:05,410 --> 00:41:07,190
Και αυτό δεν είναι τίποτα
νέα για όλους μας.

883
00:41:07,190 --> 00:41:09,290
Κάνετε κλικ σε συνδέσμους και τα πράγματα
συμβαίνει στο διαδίκτυο.

884
00:41:09,290 --> 00:41:11,420
Αλλά αυτό που είναι ενδιαφέρον εδώ
είναι η ακόλουθη.

885
00:41:11,420 --> 00:41:14,500
Υπάρχει μια ολόκληρη πολλή ακαταστασία, αλλά ας
Θέλω να πετάμε πράγματα που εγώ δεν κάνω

886
00:41:14,500 --> 00:41:16,600
καταλαβαίνω ή δεν
εξετάσουμε πραγματικά σημασία.

887
00:41:16,600 --> 00:41:18,490
>> Επιτρέψτε μου να απαλλαγούμε από αυτό.

888
00:41:18,490 --> 00:41:20,030
Επιτρέψτε μου να απαλλαγούμε από αυτό.

889
00:41:20,030 --> 00:41:22,630
Και επιτρέψτε μου απλά να απαλλαγούμε
από όλα αυτά.

890
00:41:22,630 --> 00:41:28,840
Και τώρα παρατηρήσετε ότι οι γάτες είναι στη διεύθυνση URL,
που ακολουθείται με ένα Q, τότε μια ίση

891
00:41:28,840 --> 00:41:29,710
υπογράψει μπροστά του.

892
00:41:29,710 --> 00:41:32,110
Έτσι αποδεικνύεται αυτό είναι το πώς η
τρόπο λειτουργίας, όταν πρόκειται

893
00:41:32,110 --> 00:41:33,360
στην είσοδο και την έξοδο.

894
00:41:33,360 --> 00:41:37,510
>> Έχουμε καιρό μίλησε για
μαύρα κουτιά, έτσι δεν είναι;

895
00:41:37,510 --> 00:41:41,650
Έτσι, αν αυτό είναι μια συνάρτηση εφαρμοστεί
εδώ ως ένα μαύρο κουτί, παίρνει στοιχεία

896
00:41:41,650 --> 00:41:45,290
και παράγει έξοδο, καλά, τα μέσα
με την οποία σας παρέχει είσοδο σε ένα

897
00:41:45,290 --> 00:41:49,270
ιστοσελίδα με τρόπο, συχνά, των διευθύνσεων URL του.

898
00:41:49,270 --> 00:41:52,850
Βάζετε απλά ένα ερωτηματικό
και στη συνέχεια ένα κλειδί ισούται με την αξία.

899
00:41:52,850 --> 00:41:56,740
Και τότε ίσως ένα σύμβολο, και στη συνέχεια
Ένα άλλο βασικό ισούται με την αξία, τότε ίσως

900
00:41:56,740 --> 00:41:58,810
άλλο εμπορικό και, βασικά ισούται με την αξία.

901
00:41:58,810 --> 00:42:03,030
Αυτό είναι το πώς θα περάσει τα πλήκτρα και
τις αξίες, τα ζεύγη των εισροών.

902
00:42:03,030 --> 00:42:07,050
>> Έτσι, αν πατήσω το enter τώρα, τι είναι
ενδιαφέρον για το Google είναι ότι όλα

903
00:42:07,050 --> 00:42:10,420
ότι η ακαταστασία Διέγραψα δεν φαίνεται
να είναι απολύτως αναγκαία.

904
00:42:10,420 --> 00:42:15,120
Το μόνο που πρέπει να στείλετε στην Google είναι ζήτημα
σήμα q ισούται με τις γάτες για να πάρει

905
00:42:15,120 --> 00:42:16,160
πίσω μερικές γάτες.

906
00:42:16,160 --> 00:42:20,160
Λοιπόν, η επίπτωση της ότι, στη συνέχεια,
είναι αν θα σηκώσει gedit, έχω αρχίσει

907
00:42:20,160 --> 00:42:24,360
κάνοντας τη δική του μηχανή αναζήτησης μου εδώ
σε ένα αρχείο που ονομάζεται seach0.html.

908
00:42:24,360 --> 00:42:26,750
>> Και επιτρέψτε μου να πάει μπροστά και να διαγράψετε
μία ακόμη γραμμή που

909
00:42:26,750 --> 00:42:27,910
δεν έπρεπε να δει.

910
00:42:27,910 --> 00:42:31,070
Και τώρα, επιτρέψτε μου να πάει σε δικό του browser μου,
έτσι ώστε να μην Google, και να πάει στο

911
00:42:31,070 --> 00:42:34,900
http://localhost.

912
00:42:34,900 --> 00:42:36,220
Και αυτό πρόκειται να πάρει με τον τρόπο.

913
00:42:36,220 --> 00:42:43,240
Έτσι θα πάμε να πρέπει να πω αντίο
ότι προς το παρόν, να μετακινήσετε αυτό εδώ,

914
00:42:43,240 --> 00:42:46,270
Ω, τώρα θα πάμε να πρέπει να
να πω αντίο σε αυτό το αρχείο.

915
00:42:46,270 --> 00:42:51,700
>> Κάθε φορά που έχετε ένα αρχείο με το όνομα
index.html index.php ή σε ένα

916
00:42:51,700 --> 00:42:54,980
κατάλογο, αν ο web server είναι
ρυθμιστεί με αυτόν τον τρόπο, τι θα

917
00:42:54,980 --> 00:42:59,600
δείτε, από προεπιλογή, είναι το περιεχόμενο του εν λόγω
αρχείου αντί για μια λίστα των

918
00:42:59,600 --> 00:43:02,330
καταλόγου, όπως ήθελα εδώ.

919
00:43:02,330 --> 00:43:03,750
Περισσότερα για αυτό το spec.

920
00:43:03,750 --> 00:43:04,610
Δεν το είδες.

921
00:43:04,610 --> 00:43:06,360
>> Έτσι, αυτό είναι αυτό που πραγματικά ήθελε.

922
00:43:06,360 --> 00:43:08,810
Όμως, πριν από λίγο, υπήρξε μια
αρχείο σε αυτόν το φάκελο που ονομάζεται

923
00:43:08,810 --> 00:43:11,290
index.html και index.php.

924
00:43:11,290 --> 00:43:13,380
Και έτσι ο web server ήταν
δείχνοντάς μου τα αρχεία.

925
00:43:13,380 --> 00:43:15,900
Αντ 'αυτού, θέλω αυτόν τον κατάλογο
Προσθήκη στο εδώ.

926
00:43:15,900 --> 00:43:18,340
>> Έτσι, Πάω να μπω σε
CSS και πηγαίνετε στο search0.

927
00:43:18,340 --> 00:43:21,770
Και εγώ ισχυρίζομαι ότι αυτό είναι αυτό πρόκειται να είναι
η αρχή της τη δική της ανταγωνιστική μου

928
00:43:21,770 --> 00:43:22,490
μηχανή αναζήτησης.

929
00:43:22,490 --> 00:43:27,630
Και για να γίνει αυτό, είμαι πρόκειται να πάει
εδώ, σε CSS, και να ανοίξει με

930
00:43:27,630 --> 00:43:30,190
gedit, αναζήτηση 0.

931
00:43:30,190 --> 00:43:32,280
Αλλά, δυστυχώς, δεν υπάρχει
δεν είναι πολύ συμβαίνει εδώ.

932
00:43:32,280 --> 00:43:35,690
Το μόνο που έκανε ήταν να χρησιμοποιήσει μια επικεφαλίδα tag, το οποίο
Συμβαίνει να ονομάζεται h1, το οποίο

933
00:43:35,690 --> 00:43:38,180
ουσιαστικά σημαίνει το μεγάλο και
τολμηρή, και αυτό είναι όλο.

934
00:43:38,180 --> 00:43:40,810
Αλλά τα μέσα με τα οποία μπορούμε να
παρέχουν εισόδους είναι μέσω αυτών

935
00:43:40,810 --> 00:43:42,180
πράγματα που ονομάζονται μορφές.

936
00:43:42,180 --> 00:43:46,040
>> Έτσι, επιτρέψτε μου να πάει μπροστά και να ανοίξει και να κλείσει,
προληπτικά, μια ετικέτα μορφή εκεί.

937
00:43:46,040 --> 00:43:48,060
Και επιτρέψτε μου να πάει μπροστά και να κάνουμε
κάτι σαν αυτό.

938
00:43:48,060 --> 00:43:51,430
Εισόδου, τον τύπο ισούται με το κείμενο.

939
00:43:51,430 --> 00:43:56,320
Και τότε ας κλείσει το tag μέσα
τα στηρίγματα τους.

940
00:43:56,320 --> 00:43:58,800
Δεν χρειάζεται να ξεκινήσετε ένα πεδίο κειμένου
και να σταματήσει ένα πεδίο κειμένου.

941
00:43:58,800 --> 00:44:01,080
Είναι ακριβώς πρόκειται να είναι εκεί ή όχι.

942
00:44:01,080 --> 00:44:06,210
>> Και στη συνέχεια κάτω από αυτό, ας κάνουμε
Τύπος εισόδου ισούται υποβάλει.

943
00:44:06,210 --> 00:44:06,870
Αποθήκευση αυτής.

944
00:44:06,870 --> 00:44:08,630
Και τώρα ας κάνουμε μια
γρήγορη λογική έλεγχο.

945
00:44:08,630 --> 00:44:09,820
Ας reload.

946
00:44:09,820 --> 00:44:10,890
>> Εντάξει, γι 'αυτό δεν είναι κακό.

947
00:44:10,890 --> 00:44:13,260
Δεν είναι το στυλ της Google,
αλλά είναι αρκετά κοντά.

948
00:44:13,260 --> 00:44:13,920
Υπάρχει ένα πεδίο κειμένου.

949
00:44:13,920 --> 00:44:17,190
Μπορώ να πληκτρολογήσετε κάποια πράγματα, πατήστε Enter,
αλλά δεν συμβαίνει τίποτα ακόμα.

950
00:44:17,190 --> 00:44:21,090
Και αυτό συμβαίνει γιατί δεν έχουν διευκρινίσει
μια ενέργεια για αυτή τη μορφή, να το πω έτσι.

951
00:44:21,090 --> 00:44:23,860
Έτσι, αν πάω πίσω στο στοιχείο της φόρμας,
αποδεικνύεται, και γνωρίζω ότι αυτό μόνο

952
00:44:23,860 --> 00:44:27,460
από το να έχουν διαβάσει την τεκμηρίωση, ότι
η ετικέτα μορφή παίρνει ένα χαρακτηριστικό

953
00:44:27,460 --> 00:44:31,880
που ονομάζεται ενέργεια που είναι η διεύθυνση URL
της ιστοσελίδας, στο οποίο μπορείτε

954
00:44:31,880 --> 00:44:34,790
θέλετε να στείλετε το έντυπο.

955
00:44:34,790 --> 00:44:37,610
>> Πραγματικά, δεν νομίζω ότι έχουμε χρόνο για να
εφαρμογή του συνόλου του πίσω τέλος για ένα

956
00:44:37,610 --> 00:44:38,570
Αναζητήστε σήμερα κινητήρα.

957
00:44:38,570 --> 00:44:41,900
Έτσι, είμαστε ακριβώς πρόκειται να πω, ε,
πηγαίνετε στο google.com / search.

958
00:44:41,900 --> 00:44:43,450
Και τώρα επιτρέψτε μου να κλείσω εισαγωγικά μου.

959
00:44:43,450 --> 00:44:46,070
Και επιτρέψτε μου επίσης να ορίζει ότι
η μέθοδος που θα χρησιμοποιηθεί θα

960
00:44:46,070 --> 00:44:47,120
να κληθεί να πάρει.

961
00:44:47,120 --> 00:44:50,650
>> Μεγάλη ιστορία σύντομη, υπάρχουν δύο τρόποι, σε
τουλάχιστον, που μπορείτε να υποβάλουν πληροφορίες

962
00:44:50,650 --> 00:44:51,880
από το πρόγραμμα περιήγησης στο διακομιστή.

963
00:44:51,880 --> 00:44:55,340
Το ένα είναι να πάρει, και, για τους σκοπούς του σήμερα,
Αυτό σημαίνει απλά στη διεύθυνση URL.

964
00:44:55,340 --> 00:44:58,730
Μπορείτε να δείτε ακριβώς τα ερωτηματικά, τα
ισούται με πινακίδες, και συμπλεκτικά σύμβολα που

965
00:44:58,730 --> 00:44:59,780
είδαμε νωρίτερα.

966
00:44:59,780 --> 00:45:02,890
Ή υπάρχει μια εναλλακτική λύση που ονομάζεται μετά.

967
00:45:02,890 --> 00:45:06,490
Προς το παρόν, γνωρίζουμε ότι μετά χρησιμοποιείται συχνά
όταν θέλετε να ανεβάσετε τα αρχεία, όπως

968
00:45:06,490 --> 00:45:09,820
εικόνες και ούτω καθεξής, ή όταν θέλετε να
υποβάλουν τα στοιχεία της πιστωτικής κάρτας, ή

969
00:45:09,820 --> 00:45:13,810
κωδικούς πρόσβασης, κάτι που δεν το κάνει
έχει πραγματικά νόημα, εννοιολογικά, ή

970
00:45:13,810 --> 00:45:18,020
ασφάλεια σοφός, για να καταλήξει στη διεύθυνση URL της
πρόγραμμα περιήγησής σας, όπου οι γονείς υποκλοπή,

971
00:45:18,020 --> 00:45:21,520
ή συγκατοίκους, ή κάποιος με πρόσβαση
στον υπολογιστή σας μπορεί να δει.

972
00:45:21,520 --> 00:45:23,110
>> Ας σώσει ότι εδώ.

973
00:45:23,110 --> 00:45:24,480
Και πρέπει να κάνω και κάτι άλλο.

974
00:45:24,480 --> 00:45:27,250
Δεν αρκεί μόνο η
πω να μου δώσει ένα πεδίο κειμένου.

975
00:45:27,250 --> 00:45:29,850
Πρέπει να δώσουμε αυτό το πεδίο της
Η αξία του ονόματος.

976
00:45:29,850 --> 00:45:34,500
Έτσι, επιτρέψτε μου να δανειστώ την επιλογή της Google
ονόματα, q, και να καθορίσετε τη δεύτερη

977
00:45:34,500 --> 00:45:38,150
αποδίδουν εγώ δεν ενδιαφέρονται πραγματικά για το
το όνομα του κουμπιού Υποβολή.

978
00:45:38,150 --> 00:45:40,890
Το μόνο που με νοιάζει είναι να υποβάλλει
τι πληκτρολογεί ο χρήστης μέσα

979
00:45:40,890 --> 00:45:41,940
>> Και τώρα αυτό είναι το είδος άσχημο.

980
00:45:41,940 --> 00:45:42,820
Λέει απλά υποβάλετε.

981
00:45:42,820 --> 00:45:46,350
Αποδεικνύεται, και γνωρίζω ότι αυτό από το
τεκμηρίωση, μπορώ πραγματικά να πω

982
00:45:46,350 --> 00:45:51,710
τιμή ισούται με παράθεση unquote "CS50
Αναζήτησης, "στενή απόσπασμα.

983
00:45:51,710 --> 00:45:53,030
Τότε ας φορτώσετε ξανά.

984
00:45:53,030 --> 00:45:57,020
Γι 'αυτό και κρατήσει το χτύπημα Command-R, ή
Έλεγχος-R στο πληκτρολόγιό μου για να φορτώσετε εκ νέου.

985
00:45:57,020 --> 00:45:58,605
>> Τώρα έχουμε μια πιο ενδιαφέρουσα
μηχανή αναζήτησης.

986
00:45:58,605 --> 00:46:00,340
Αυτό δεν είναι αρκετά μοιάζει
Google ακόμα, όμως.

987
00:46:00,340 --> 00:46:04,100
Οπότε ας προχωρήσει εδώ και
κάνουμε μια μικρή αλλαγή γραμμής.

988
00:46:04,100 --> 00:46:06,066
>> ΕΝΤΑΞΕΙ, έτσι τώρα έχουμε Google.

989
00:46:06,066 --> 00:46:08,260
Εμείς στην πραγματικότητα σχεδόν έχετε το Google.

990
00:46:08,260 --> 00:46:10,460
Και τώρα τι πρόκειται να συμβεί;

991
00:46:10,460 --> 00:46:12,220
Πάω να πληκτρολογήσετε κάτι
όπως οι γάτες.

992
00:46:12,220 --> 00:46:16,570
Και το πρόγραμμα περιήγησης πρόκειται να αναλύσει
ότι η μορφή που ορίζεται.

993
00:46:16,570 --> 00:46:19,470
Και πρόκειται για την αποστολή
ο χρήστης σε αυτό το URL.

994
00:46:19,470 --> 00:46:23,420
Έτσι, αυτή τη στιγμή, για κάποιο περίεργο λόγο,
Πήρα περισσότερες πληροφορίες σχετικά με τα αποθέματα

995
00:46:23,420 --> 00:46:24,410
από ό, τι για τις πραγματικές γάτες.

996
00:46:24,410 --> 00:46:30,580
Αλλά αυτό είναι εντάξει, επειδή παρατηρούμε ακόμα
κατέληξα εδώ, q ισούται με γάτες.

997
00:46:30,580 --> 00:46:35,200
>> Έτσι, τα πολυλογώ, φαίνεται αρκετά
ασήμαντο για να πάρετε είσοδο από το χρήστη.

998
00:46:35,200 --> 00:46:38,190
Και για να είμαστε δίκαιοι, υπάρχει τσαμπιά
των άλλων τύπων των πεδίων της φόρμας.

999
00:46:38,190 --> 00:46:41,510
Υπάρχει πλαίσια ελέγχου, και λίγο αμοιβαία
αποκλειστικά κουμπιά, και

1000
00:46:41,510 --> 00:46:42,960
drop down μενού, και πολλά άλλα.

1001
00:46:42,960 --> 00:46:46,160
Αλλά όλα αυτά είναι σχετικά, όπως
εύκολα να εφαρμοστεί ως

1002
00:46:46,160 --> 00:46:48,040
αυτό το πεδίο κειμένου ήταν.

1003
00:46:48,040 --> 00:46:52,050
Και, τελικά, εμείς απλά πρέπει να κάνει
ότι κάποιος ακούει από την άλλη

1004
00:46:52,050 --> 00:46:56,490
τέλος της γραμμής, προκειμένου να πάρει ότι
πληροφορίες που υποβάλλονται σε επεξεργασία, κατά κάποιο τρόπο, και

1005
00:46:56,490 --> 00:46:58,440
να μας δώσει πίσω τις γάτες μας.

1006
00:46:58,440 --> 00:47:00,840
>> Ας ρίξουμε μια ματιά σε μια ελαφρώς
συμμετέχουν περισσότερο παράδειγμα.

1007
00:47:00,840 --> 00:47:06,020
Επιτρέψτε μου να πάω σε κατάλογο vhost μου,
στην τοπική υποδοχής, δημόσια, και όπου

1008
00:47:06,020 --> 00:47:06,980
θέσει τον πηγαίο κώδικα του σήμερα.

1009
00:47:06,980 --> 00:47:09,800
Όλα αυτά θα είναι για την πορεία της
Ιστοσελίδα για να μπορείτε να πειραματιζόμαστε με.

1010
00:47:09,800 --> 00:47:15,420
Και αν πάω σε froshims, επιτρέψτε μου να ανοίξει
μέχρι αυτό το αρχείο τώρα, froshim0.php.

1011
00:47:15,420 --> 00:47:18,460
Αυτό και μόνο είναι λίγο πιο φλύαρη, έτσι
δεν θα γράψω αυτό από την αρχή.

1012
00:47:18,460 --> 00:47:21,970
Αλλά ακριβώς παρατηρήσετε τώρα μερικά κάπως
γνωστά χαρακτηριστικά.

1013
00:47:21,970 --> 00:47:24,550
>> Ένα, tag μορφή, διαφορετική ενέργεια.

1014
00:47:24,550 --> 00:47:25,670
Δεν είναι ένα πλήρες URL.

1015
00:47:25,670 --> 00:47:29,930
Τώρα, είναι προφανώς να καταθέσει ονομάζεται
register0.php διότι, σε μια στιγμή,

1016
00:47:29,930 --> 00:47:32,660
Πάω να διδάξει τον εαυτό μου λίγο
κάτι για PHP, ένας προγραμματισμός

1017
00:47:32,660 --> 00:47:37,360
γλώσσα, επειδή η PHP μπορεί να χρησιμοποιηθεί για
εφαρμόσει ό, τι Google υλοποιείται ως

1018
00:47:37,360 --> 00:47:39,650
το πίσω άκρο των μηχανών αναζήτησης τους.

1019
00:47:39,650 --> 00:47:42,890
>> Google, στην πραγματικότητα, χρησιμοποιεί πιθανώς
κάποια Python, κάποια C + +, και

1020
00:47:42,890 --> 00:47:44,230
τσαμπιά από άλλες γλώσσες.

1021
00:47:44,230 --> 00:47:48,230
Αλλά θα μπορούσαμε να εφαρμόσουμε σίγουρα αναζήτησης
αποτελέσματα χρησιμοποιώντας PHP αν θέλαμε.

1022
00:47:48,230 --> 00:47:49,610
Αλλά για τώρα, θα το κρατήσουμε απλό.

1023
00:47:49,610 --> 00:47:53,320
Και αυτό είναι πραγματικά θυμίζει ένα
από τις άλλες πρώτες ιστοσελίδες που

1024
00:47:53,320 --> 00:47:54,490
έκανε χρόνια πριν.

1025
00:47:54,490 --> 00:47:58,160
>> Πίσω στην ημέρα μου, έχετε εγγραφεί για
εντός των τειχών αθλήματα ως πρωτοετής από

1026
00:47:58,160 --> 00:48:00,880
συμπληρώνοντας ένα κομμάτι χαρτί, το περπάτημα
σε όλη την αυλή, και πτώση των

1027
00:48:00,880 --> 00:48:04,890
το γραμματοκιβώτιο ενός Proctor σε
Wigglesworth, και αυτό ήταν το πώς θα

1028
00:48:04,890 --> 00:48:05,460
καταχωρηθεί.

1029
00:48:05,460 --> 00:48:09,650
Και έτσι το έργο μου λίγο μετά CS50,
ήταν να τεθεί αυτό, το οποίο το καθιστά ιδανικό

1030
00:48:09,650 --> 00:48:13,460
έννοια, στο διαδίκτυο, το οποίο δεν ήταν
όπως στη μόδα, στη συνέχεια, όπως είναι τώρα.

1031
00:48:13,460 --> 00:48:17,510
Αλλά το μόνο που είχαμε να κάνουμε ήταν να δημιουργήσουμε,
κατ 'ουσίαν, μια φόρμα HTML.

1032
00:48:17,510 --> 00:48:19,640
>> Και ότι η μορφή κοίταξε
περίπου σαν αυτό.

1033
00:48:19,640 --> 00:48:22,480
Είχα μια είσοδο για το
Όνομα καινούριος του.

1034
00:48:22,480 --> 00:48:27,780
Είχα ένα άλλο πλαίσιο ελέγχου για το κατά πόσον
ή δεν ήθελαν να είναι ο αρχηγός, ό, τι

1035
00:48:27,780 --> 00:48:30,400
φύλο τους, και
Τι κοιτώνα τους ήταν.

1036
00:48:30,400 --> 00:48:33,370
Και τότε σκληρά κωδικοποιούνται τα πράγματα
όπως Apley Δικαστήριο, και Canaday,

1037
00:48:33,370 --> 00:48:34,880
Grays, και ούτω καθεξής.

1038
00:48:34,880 --> 00:48:36,300
>> Έτσι και πάλι, νέες ετικέτες.

1039
00:48:36,300 --> 00:48:39,820
Δεν έχω δει αυτά πριν, νέα
χαρακτηριστικά, αλλά είναι αρκετά προσιτές.

1040
00:48:39,820 --> 00:48:42,360
Μόλις δείτε ένα παράδειγμα, μπορείτε να το είδος
δανειοθαλάμου αυτή την ιδέα και να κάνει μια σταγόνα

1041
00:48:42,360 --> 00:48:43,820
down μενού για σχεδόν οτιδήποτε.

1042
00:48:43,820 --> 00:48:46,350
Αλλά αυτό που είναι βασικό είναι ότι κάθε ένα από
αυτά τα πράγματα έχουν ονόματα.

1043
00:48:46,350 --> 00:48:49,720
Και στο κάτω μέρος αυτής της μορφής, δεν υπάρχει
ένα κουμπί submit η ετικέτα της οποίας,

1044
00:48:49,720 --> 00:48:51,510
ή της αξίας, είναι να εγγραφείτε.

1045
00:48:51,510 --> 00:48:52,670
>> Οπότε ας πάμε σε αυτή τη σελίδα.

1046
00:48:52,670 --> 00:48:55,050
Επιτρέψτε μου να πάω πίσω στο
λίστα καταλόγου.

1047
00:48:55,050 --> 00:48:59,410
Επιτρέψτε μου να μπω σε froshims,
και πηγαίνετε στο froshim0.php.

1048
00:48:59,410 --> 00:49:01,150
Γι 'αυτό είναι φρικτή, για να είμαστε δίκαιοι.

1049
00:49:01,150 --> 00:49:03,950
Έτσι θα μπορούσα να στυλιζαρίσματος σίγουρα αυτό
με κάποια CSS, θα μπορούσα να κάνω κάποια

1050
00:49:03,950 --> 00:49:06,890
γραφικών, προσθέστε ίσως κάποια χρώματα,
και να κάνουν αυτό πιο όμορφη.

1051
00:49:06,890 --> 00:49:10,530
Αλλά λειτουργικά, θα έλεγα ότι αυτή η
είναι στην πραγματικότητα αρκετά πλήρης.

1052
00:49:10,530 --> 00:49:15,190
>> Δυστυχώς, όταν συμπληρώσετε αυτό έξω,
David, ο καπετάνιος, αρσενικό, θα επιλέξει,

1053
00:49:15,190 --> 00:49:20,510
ας πούμε Matthews, Εγγραφή,
το μόνο που συμβαίνει είναι το εξής.

1054
00:49:20,510 --> 00:49:21,910
Αλλά παρατηρήσετε ένα ζευγάρι των φαστ φουντ.

1055
00:49:21,910 --> 00:49:27,130
Ένα, ποιο αρχείο επέστρεψε εκείνες
αποτελέσματα, προφανώς;

1056
00:49:27,130 --> 00:49:29,470
Έτσι είναι, πράγματι, register0.php.

1057
00:49:29,470 --> 00:49:34,570
Έτσι, το γεγονός ότι είδαμε ότι η δράση
αξίας πριν από λίγο για register0, αυτό

1058
00:49:34,570 --> 00:49:37,500
επιβεβαιώνει ότι όντως τελείωσε
επάνω σε το συγκεκριμένο αρχείο.

1059
00:49:37,500 --> 00:49:39,040
>> Τώρα αυτό είναι μόνο άσχημο κείμενο.

1060
00:49:39,040 --> 00:49:42,810
Αλλά παρατηρήσετε ότι το κείμενο αυτό είναι
προέρχονται από την τοπική υποδοχής,

1061
00:49:42,810 --> 00:49:44,170
το οποίο είναι από τη συσκευή.

1062
00:49:44,170 --> 00:49:46,350
Σκεφτείτε τη συσκευή τώρα, όπως ακριβώς
ένα web server που θα μπορούσε να είναι η

1063
00:49:46,350 --> 00:49:46,910
Science Center.

1064
00:49:46,910 --> 00:49:48,060
Θα μπορούσε να είναι σχετικά με την πραγματική ιστό.

1065
00:49:48,060 --> 00:49:49,850
Έτσι είναι προσβάσιμη στο κοινό.

1066
00:49:49,850 --> 00:49:55,480
>> Έτσι, σαφώς, υπάρχει κάποιος τρόπος να περάσεις
συνιστούν εισροές τομέα σε ένα διακομιστή

1067
00:49:55,480 --> 00:49:56,840
Έτσι ώστε να μπορεί να κάνει κάτι με αυτά.

1068
00:49:56,840 --> 00:49:59,020
Δυστυχώς, register0
είναι αρκετά ηλίθιος.

1069
00:49:59,020 --> 00:50:01,870
Το μόνο που κάνει είναι να εκτυπώσετε μια σειρά
που μοιάζει με αυτό.

1070
00:50:01,870 --> 00:50:04,790
Και δεν είναι μια σειρά στην
έννοια ότι το ξέρουμε.

1071
00:50:04,790 --> 00:50:08,760
Βγάζει ότι η PHP, και πολλά
γλώσσες, δεν έχουν μόνο αριθμητικά

1072
00:50:08,760 --> 00:50:12,350
αναπροσαρμόζονται πίνακες, των οποίων πρώτος δείκτης είναι
μηδέν, τότε ένα, τότε δύο, τότε τελεία,

1073
00:50:12,350 --> 00:50:13,780
τελεία, τελεία, n μείον 1.

1074
00:50:13,780 --> 00:50:16,400
>> Αυτό είναι αυτό που ονομάζεται
associative array.

1075
00:50:16,400 --> 00:50:21,150
Μια associative array είναι ένα στο οποίο
μπορείτε να αποθηκεύσετε ζεύγη κλειδιών αξίας, όπου

1076
00:50:21,150 --> 00:50:23,160
το κλειδί δεν είναι απαραίτητα μια σειρά.

1077
00:50:23,160 --> 00:50:25,580
Θα μπορούσε στην πραγματικότητα να είναι ένα string, μια λέξη.

1078
00:50:25,580 --> 00:50:28,230
Και έτσι αυτό μπορεί να εφαρμοστεί,
κάτω από την κουκούλα, αποδεικνύεται,

1079
00:50:28,230 --> 00:50:31,896
χρησιμοποιώντας μια δομή δεδομένων γνωστή ως;

1080
00:50:31,896 --> 00:50:33,600
Σκέψη κάτι δραματικό
επρόκειτο να συμβεί -

1081
00:50:33,600 --> 00:50:34,840
hash πίνακα.

1082
00:50:34,840 --> 00:50:38,955
>> Έτσι, ένα πίνακα κατακερματισμού, ανάκληση, όσοι από εσάς
ποιος το έκανε για σειρά P 6, ή ακόμη και ανάκληση

1083
00:50:38,955 --> 00:50:44,110
αυτό, τουλάχιστον ακόμα κι αν κάνατε μια δοκιμή, ένα
hash πίνακα, στη χρήση μας, χρησιμοποιήθηκε για να

1084
00:50:44,110 --> 00:50:45,090
αποθηκεύουν μόνο λόγια.

1085
00:50:45,090 --> 00:50:47,980
Αλλά πραγματικά, θα ήταν αποθήκευση
κλειδιών και τιμών.

1086
00:50:47,980 --> 00:50:51,940
Εάν εφαρμοστεί ένα πίνακα κατακερματισμού για την P
σετ 6 λεξικό, τα κλειδιά ήταν η

1087
00:50:51,940 --> 00:50:56,890
οι ίδιες οι λέξεις, και οι τιμές
ήταν ουσιαστικά αληθείς ή ψευδείς.

1088
00:50:56,890 --> 00:51:00,190
Ναι, εδώ, είτε σιωπηρά,
Όχι, δεν είναι εδώ.

1089
00:51:00,190 --> 00:51:02,140
>> Λοιπόν, μπορούμε να γενικεύσουμε αυτή την ιδέα.

1090
00:51:02,140 --> 00:51:06,230
Και θα μπορούσαμε να χρησιμοποιήσουμε μια πολύ παρόμοια στοιχεία
δομή για την αποθήκευση δεν είναι το string

1091
00:51:06,230 --> 00:51:10,180
το πρόβλημα μόνη της σε πίνακα κατακερματισμού σας, αλλά
ας υποθέσουμε ότι σε κάθε μία από τις hash σας

1092
00:51:10,180 --> 00:51:11,130
κόμβους πίνακα.

1093
00:51:11,130 --> 00:51:14,210
Και θα μπορούσατε να κάνετε ακόμα και αυτό σε μια προσπάθεια
αντί να έχουν μόνο ένα bool.

1094
00:51:14,210 --> 00:51:15,350
Θα μπορούσατε να έχετε κάτι άλλο.

1095
00:51:15,350 --> 00:51:19,590
Τι θα συμβεί αν το κλειδί δεν ήταν Maxwell, για
παράδειγμα, αλλά unquote απόσπασμα "όνομα", ή

1096
00:51:19,590 --> 00:51:22,900
παραθέσω unquote "καπετάνιος". Και το εσωτερικό του
C δομή δεδομένων σας, βάζετε ένα

1097
00:51:22,900 --> 00:51:26,170
αξίας, δεν είναι μόνο μια Boolean, αλλά και της αξίας
όπως το απόσπασμα unquote «Δαβίδ», ή

1098
00:51:26,170 --> 00:51:28,690
"Μ" ή "Matthews," και ούτω καθεξής.

1099
00:51:28,690 --> 00:51:33,170
>> Έτσι, τις ίδιες δομές δεδομένων που χρησιμοποιούνται
προφανώς υπάρχουν και σε άλλες γλώσσες.

1100
00:51:33,170 --> 00:51:37,650
Και θα έλεγα ότι είναι στην πραγματικότητα πολύ,
πολύ πιο απλό να έχουν πρόσβαση εδώ.

1101
00:51:37,650 --> 00:51:40,300
Ας πράγματι να ρίξετε μια ματιά
τώρα σε κάποια τέτοια σύνταξη.

1102
00:51:40,300 --> 00:51:43,120
>> Πάω να πάει σε ένα κατάλογο της PHP.

1103
00:51:43,120 --> 00:51:48,390
Και Πάω να ανοίξει μια καλύτερη
έκδοση της γεια-0 από πριν.

1104
00:51:48,390 --> 00:51:50,270
Παρατηρήστε ότι το μόνο που έκανα ήταν
προσθέσετε κάποια σχόλια.

1105
00:51:50,270 --> 00:51:52,530
Έτσι μπορούμε να απαλλαγούμε από ότι αποσπά την προσοχή.

1106
00:51:52,530 --> 00:51:57,610
>> Και αυτό το πρόγραμμα όντως τυπώνει
Γεια σας επειδή έχω καθορίζεται μεταξύ

1107
00:51:57,610 --> 00:52:01,420
ετικέτες που θέλω να εκτελέσει τον κώδικα.

1108
00:52:01,420 --> 00:52:03,380
Τώρα, θα δούμε σε λίγο
γιατί αυτό είναι χρήσιμο.

1109
00:52:03,380 --> 00:52:05,630
Αλλά ας ανοίξει ένα άλλο παράδειγμα εδώ.

1110
00:52:05,630 --> 00:52:10,430
Επιτρέψτε μου να προχωρήσει και να ανοίξει ας πούμε,
gedit των όρων ενός.

1111
00:52:10,430 --> 00:52:12,970
>> Αυτός είναι ο τρόπος πίσω στο χρόνο τώρα.

1112
00:52:12,970 --> 00:52:16,320
Αλλά εβδομάδες πριν, νομίζω, σε μία εβδομάδα ή
δύο εβδομάδων, είχαμε ένα παράδειγμα που ονομάζεται

1113
00:52:16,320 --> 00:52:18,470
conditions1.c.

1114
00:52:18,470 --> 00:52:22,050
Και αποφάσισα να το Νέα υλοποίηση σε PHP,
ακριβώς το είδος της τονίσω ότι

1115
00:52:22,050 --> 00:52:26,500
PHP, συντακτικά, είναι σχεδόν ταυτόσημες
σε C. Αυτό δεν είναι ένα τεράστιο άλμα

1116
00:52:26,500 --> 00:52:27,840
από την προηγούμενη εβδομάδα σε αυτό.

1117
00:52:27,840 --> 00:52:31,230
>> Ανακοίνωση στην κορυφή αυτού του προγράμματος, το οποίο
ξεκινά, όπως και πριν, με ορισμένες

1118
00:52:31,230 --> 00:52:34,260
σχόλια, τα οποία θα απαλλαγούμε
ως μια απόσπαση της προσοχής.

1119
00:52:34,260 --> 00:52:37,410
Παρατηρήστε ότι είμαι σε PHP
λειτουργία σε αυτό το αρχείο.

1120
00:52:37,410 --> 00:52:40,160
Έτσι, αυτού του κώδικα, θα δούμε,
θα πάρει εκτελεστεί.

1121
00:52:40,160 --> 00:52:42,670
Σημειώστε ότι υπάρχει Readline,
το οποίο είναι ίσως η

1122
00:52:42,670 --> 00:52:46,230
αναλογική σε PHP της GetString.

1123
00:52:46,230 --> 00:52:47,390
Παρατηρήστε ότι είναι λίγο διαφορετική.

1124
00:52:47,390 --> 00:52:51,410
Μπορείτε να καθορίσετε πραγματικά μια ερώτηση για το
λειτουργία που ονομάζεται διαβάσει γραμμή, και αυτό είναι

1125
00:52:51,410 --> 00:52:52,180
Τι βλέπει ο χρήστης.

1126
00:52:52,180 --> 00:52:53,520
Έτσι δεν χρειάζεται να printf χέρι.

1127
00:52:53,520 --> 00:52:54,860
Αλλά αυτό δεν είναι μια μεγάλη υπόθεση.

1128
00:52:54,860 --> 00:52:59,150
Πάω να αποθηκεύουν, στο εσωτερικό των $ n, η
επιστρέψει την αξία του αυτό, έτσι ώστε ανεξάρτητα από το

1129
00:52:59,150 --> 00:53:00,490
χρήστης πληκτρολογεί είναι int τους.

1130
00:53:00,490 --> 00:53:01,660
Και εδώ είναι ένα άλλο περιέργεια.

1131
00:53:01,660 --> 00:53:05,810
Αποδεικνύεται, σε PHP, κάθε μεταβλητή
απλά πρέπει να προτάσσεται

1132
00:53:05,810 --> 00:53:06,970
με το σύμβολο του δολαρίου.

1133
00:53:06,970 --> 00:53:08,110
Είναι λίγο ενοχλητικό.

1134
00:53:08,110 --> 00:53:10,870
Αλλά παρατηρήστε τι δεν έχω κάνει σε PHP.

1135
00:53:10,870 --> 00:53:13,980
Τι λείπει από το αριστερό χέρι
πλευρά το σύμβολο του ίσον;

1136
00:53:13,980 --> 00:53:15,430
>> Καμία αναφορά του τύπου.

1137
00:53:15,430 --> 00:53:19,400
Έτσι, αυτό είναι διαφορετικό από το C. Για την καλύτερη
ή για κακό, PHP είναι μια χαλαρά

1138
00:53:19,400 --> 00:53:20,550
δακτυλογραφημένη γλώσσα.

1139
00:53:20,550 --> 00:53:22,010
Θα έχει τους αριθμούς.

1140
00:53:22,010 --> 00:53:23,240
Θα έχει χορδές.

1141
00:53:23,240 --> 00:53:24,015
Θα έχει Booleans.

1142
00:53:24,015 --> 00:53:26,220
Και έχει μερικά
άλλους τύπους δεδομένων.

1143
00:53:26,220 --> 00:53:30,570
Αλλά εσείς, ο προγραμματιστής, συνήθως
Δεν χρειάζεται να νοιάζονται γι 'αυτούς.

1144
00:53:30,570 --> 00:53:34,010
Η άνω πλευρά αυτού είναι ότι καθιστά
είναι λίγο πιο εύκολο να το πρόγραμμα.

1145
00:53:34,010 --> 00:53:35,380
Μπορείτε να σκεφτείτε λίγο λιγότερο.

1146
00:53:35,380 --> 00:53:39,840
Το μειονέκτημα είναι ότι ανοίγει επίσης να σας μέχρι
πιθανών σφάλματα, αν κατά λάθος

1147
00:53:39,840 --> 00:53:43,080
αντιμετωπίζουν έναν αριθμό ως ένα string, μια σειρά
ως ένας αριθμός, δυνητικά, αλλά ακόμη

1148
00:53:43,080 --> 00:53:46,150
στη συνέχεια, PHP, και πολλές γλώσσες,
είναι αρκετά ανεκτική.

1149
00:53:46,150 --> 00:53:49,050
Θα χρησιμοποιήσουν ό, τι λέγεται
σιωπηρή casting.

1150
00:53:49,050 --> 00:53:55,220
Και αν προσπαθήσετε να χρησιμοποιήσετε n στο πλαίσιο
από έναν αριθμητικό κατάσταση, θα

1151
00:53:55,220 --> 00:53:58,040
μετατρέπουν αυτό εδώ πρόκειται να είναι ένα
string, γιατί αν ο χρήστης πληκτρολογεί

1152
00:53:58,040 --> 00:54:01,570
κάτι, και θα έχετε το αποτέλεσμα,
όπως με την readline, ή να πάρετε string,

1153
00:54:01,570 --> 00:54:02,910
αυτό πρόκειται να επιστρέψει ένα string.

1154
00:54:02,910 --> 00:54:07,360
>> Αλλά προσέξτε, ένα ζευγάρι γραμμές αργότερα,
ελέγξτε εάν το η είναι μεγαλύτερο από μηδέν.

1155
00:54:07,360 --> 00:54:13,370
Έτσι PHP πρόκειται να σιωπηρά ρίχνει μου
"String" 123, ή ό, τι ο χρήστης

1156
00:54:13,370 --> 00:54:14,860
οι τύποι του, σε έναν int.

1157
00:54:14,860 --> 00:54:18,730
Έτσι, με λίγα λόγια, η ουσία λειτουργεί ακριβώς
πολύ περισσότερο διαισθητικά.

1158
00:54:18,730 --> 00:54:23,410
Γι 'αυτό και τώρα αρχίζουν να χαλαρώνουν μερικές από τις
πράγματα που έχουμε κάνει στο παρελθόν.

1159
00:54:23,410 --> 00:54:24,780
>> Πολλά από αυτά τα πράγματα είναι
το ίδιο, όμως.

1160
00:54:24,780 --> 00:54:26,340
Ακόμα έχουν ίση μεταξύ ίσων.

1161
00:54:26,340 --> 00:54:30,350
Παρεμπιπτόντως PHP έχει επίσης ισούται ισούται
ισούται, αλλά περισσότερα για αυτό, ίσως, στην

1162
00:54:30,350 --> 00:54:30,850
το μέλλον.

1163
00:54:30,850 --> 00:54:31,150
Αυτό ήταν.

1164
00:54:31,150 --> 00:54:35,660
Τυπογραφικό λάθος, αλλά δύο σύμβολα ισότητας σημαίνει το ίδιο
πράγμα όπως πριν, για σύγκριση.

1165
00:54:35,660 --> 00:54:37,060
printf σημαίνει το ίδιο πράγμα όπως και πριν.

1166
00:54:37,060 --> 00:54:39,160
Backslash n σημαίνει το ίδιο
πράγμα όπως πριν.

1167
00:54:39,160 --> 00:54:40,390
>> Λοιπόν, πώς μπορώ να εκτελέσω αυτό το πρόγραμμα;

1168
00:54:40,390 --> 00:54:44,400
Λοιπόν, όπως και πριν, αν κάνω PHP,
conditions1.php, και πληκτρολογήστε

1169
00:54:44,400 --> 00:54:46,560
ένας αριθμός, όπως 123.

1170
00:54:46,560 --> 00:54:47,720
Αυτό είναι ένα θετικό αριθμό.

1171
00:54:47,720 --> 00:54:49,510
Αν μου πληκτρολογήσετε 0, έχω πάρει 0.

1172
00:54:49,510 --> 00:54:53,700
Και αν πληκτρολογήσετε αρνητικό 123, παίρνω
πίσω έναν αρνητικό αριθμό, το οποίο είναι μόνο

1173
00:54:53,700 --> 00:54:59,050
να πω,, συντακτικά PHP
είναι super, super παρόμοια.

1174
00:54:59,050 --> 00:55:03,250
>> Γιατί, λοιπόν, είναι αυτό τώρα χρήσιμο
σε ένα πλαίσιο web;

1175
00:55:03,250 --> 00:55:06,710
Λοιπόν, ας πάμε πίσω σε αυτό froshims
παράδειγμα, η οποία εξέτασε,

1176
00:55:06,710 --> 00:55:08,600
πάλι, όπως αυτό εδώ.

1177
00:55:08,600 --> 00:55:11,580
Και ας πραγματικά να σηκώσει την ιστοσελίδα
και πάλι, η οποία έμοιαζε με αυτό.

1178
00:55:11,580 --> 00:55:14,930
Τι μπορούμε να κάνουμε με το
δεδομένων που υποβάλλονται;

1179
00:55:14,930 --> 00:55:18,770
>> Λοιπόν, επιτρέψτε μου να ανοίξει ένα νεότερο
έκδοση αυτού.

1180
00:55:18,770 --> 00:55:20,920
Και θα δείτε ότι το πρόβλημα
σύνολα προδιαγραφών βόλτες σας

1181
00:55:20,920 --> 00:55:22,850
μέσα από μερικά από αυτά.

1182
00:55:22,850 --> 00:55:29,610
Αντί να ξεκινήσει με το μηδέν,
ας δούμε froshims3,

1183
00:55:29,610 --> 00:55:31,410
που κάνει λίγο περισσότερο.

1184
00:55:31,410 --> 00:55:34,780
>> Ανακοίνωση πρώτο, στην πραγματικότητα, ας ανοίξουμε
μέχρι ό, τι ήταν 0, έτσι ώστε να δείτε

1185
00:55:34,780 --> 00:55:37,170
Τι μητρώο ήταν 0.

1186
00:55:37,170 --> 00:55:40,040
Παρατηρήστε τι καταχωρητή 0 έκαναν.

1187
00:55:40,040 --> 00:55:41,730
Ένα, έχω παρατηρήσεις στην κορυφή.

1188
00:55:41,730 --> 00:55:43,900
Διαγραφή αυτά και να επικεντρωθεί μόνο σε αυτό.

1189
00:55:43,900 --> 00:55:48,730
Τα περισσότερα από τα περιεχόμενα του register0.php
είναι, προφανώς, σε ποια γλώσσα;

1190
00:55:48,730 --> 00:55:49,980
Απλά πρώτες PHP.

1191
00:55:49,980 --> 00:55:53,430
>> Έτσι ανακοίνωση, το αρχείο αυτό δεν ξεκινά
με, αυτή τη στιγμή, ανοιχτό βραχίονα,

1192
00:55:53,430 --> 00:55:54,970
ερωτηματικό, PHP.

1193
00:55:54,970 --> 00:55:59,800
PHP δεν σας επιτρέπουν να μπερδεύονται
PHP κώδικα με HTML tags.

1194
00:55:59,800 --> 00:56:04,130
Αλλά έχω κάνει εδώ μέσα
της σελίδας εδώ.

1195
00:56:04,130 --> 00:56:08,180
>> Τώρα, πάλι, θα γνωρίζετε ότι μόνο αυτό από
αφού κοίταξε το εγχειρίδιο. print_r,

1196
00:56:08,180 --> 00:56:13,410
αποδεικνύεται, είναι print_recursive.
_recursive Και αυτό είναι μόνο ένα πρακτικό

1197
00:56:13,410 --> 00:56:16,780
συνάρτηση χρησιμότητας που απλά τυπώνει,
αναδρομικά, ό, τι το χέρι.

1198
00:56:16,780 --> 00:56:18,760
Εάν το χέρι του μια σειρά,
αυτό θα εκτυπώσετε μια σειρά.

1199
00:56:18,760 --> 00:56:20,180
Εάν το χέρι έναν αριθμό,
αυτό θα εκτυπώσετε μια σειρά.

1200
00:56:20,180 --> 00:56:21,570
Πλευρά μια σειρά, θα
τυπώσει μια συμβολοσειρά.

1201
00:56:21,570 --> 00:56:24,500
Εάν το χέρι της ένα πίνακα κατακερματισμού, το
θα εκτυπώσουν ένα πίνακα κατακερματισμού.

1202
00:56:24,500 --> 00:56:26,730
Δεν χρειάζεται να γράψετε όλα
του εν λόγω κώδικα σας.

1203
00:56:26,730 --> 00:56:29,490
>> Τώρα παρατηρήσετε ότι είμαι εισέρχονται
PHP λειτουργία εδώ.

1204
00:56:29,490 --> 00:56:32,070
Είμαι έξοδο PHP λειτουργία εδώ.

1205
00:56:32,070 --> 00:56:35,950
Έτσι, όταν ο web server διαβάζει αυτό το αρχείο
πάνω προς τα κάτω, αριστερά προς τα δεξιά, επειδή

1206
00:56:35,950 --> 00:56:40,750
καταλήγει σε ένα όνομα αρχείου που ονομάζεται. php,
ό, τι δεν είναι στο εσωτερικό της PHP tags είναι

1207
00:56:40,750 --> 00:56:42,820
ακριβώς πρόκειται να είναι σούβλα
έξω, όπως τα ωμά HTML.

1208
00:56:42,820 --> 00:56:43,630
Δεν είναι μεγάλη υπόθεση.

1209
00:56:43,630 --> 00:56:49,280
Αλλά μόλις ο διακομιστής web ανακοινώσεις
αυτό, πρόκειται να πω, δεν θα πρέπει να

1210
00:56:49,280 --> 00:56:51,850
φτύσει, κυριολεκτικά, print_r των υστέρων.

1211
00:56:51,850 --> 00:56:54,910
Θα πρέπει να εκτελέσετε την ακόλουθη
γραμμή κώδικα.

1212
00:56:54,910 --> 00:56:59,850
>> Έτσι, το τελευταίο ερώτημα, λοιπόν, αυτού του αρχείου
Είναι, επίσης, τι στο καλό είναι αυτό;

1213
00:56:59,850 --> 00:57:00,530
Πάρτε μια εικασία.

1214
00:57:00,530 --> 00:57:04,230
Τι είναι $ _POST, ίσως;

1215
00:57:04,230 --> 00:57:07,070
>> ΚΟΙΝΟ: [δεν ακούγεται]

1216
00:57:07,070 --> 00:57:08,830
>> ΟΜΙΛΗΤΗΣ 1: Ναι, τα στοιχεία που δημοσιεύτηκε.

1217
00:57:08,830 --> 00:57:11,350
Θυμηθείτε, ας μετακινηθείτε προς τα πίσω σε
ώρα για μια στιγμή.

1218
00:57:11,350 --> 00:57:13,165
froshim0, και πάλι, έμοιαζε με αυτό.

1219
00:57:13,165 --> 00:57:15,640
Η ειδική πλειοψηφία του αυτό είναι μόνο HTML.

1220
00:57:15,640 --> 00:57:18,410
Και πάλι, κάποιες ετικέτες που δεν έχουν
δει ακόμα, ή με τις οποίες

1221
00:57:18,410 --> 00:57:19,360
είστε ήδη εξοικειωμένοι.

1222
00:57:19,360 --> 00:57:21,990
Αλλά το ενδιαφέρον πράγμα ήταν αυτό.

1223
00:57:21,990 --> 00:57:27,270
Η μία γραμμή είναι αυτό που πραγματικά συνδέει
να register0.php αρχείο μας.

1224
00:57:27,270 --> 00:57:29,200
Είμαι υποβολή μέσω ταχυδρομείου μέθοδο.

1225
00:57:29,200 --> 00:57:33,130
Και αυτό σημαίνει ότι οι παράμετροι
πληκτρολογεί ο χρήστης δεν είναι

1226
00:57:33,130 --> 00:57:35,150
πρόκειται να καταλήξει πού.

1227
00:57:35,150 --> 00:57:36,175
>> Δεν πρόκειται να
εμφανιστούν στο URL.

1228
00:57:36,175 --> 00:57:39,020
Είναι ακόμα πρόκειται να αποσταλεί από το
πελάτη, από το πρόγραμμα περιήγησης, με την

1229
00:57:39,020 --> 00:57:42,080
διακομιστή, αλλά μόνο μέσω κάποιου άλλου
μηχανισμός που θα παραιτηθεί από τα χέρια μας

1230
00:57:42,080 --> 00:57:44,330
σε για σήμερα, αλλά δεν είναι στο URL.

1231
00:57:44,330 --> 00:57:47,630
Αλλά παρατηρήσετε τη σχέση τώρα με
θέση, η οποία, κατά συνθήκη,

1232
00:57:47,630 --> 00:57:49,160
πεζά εδώ.

1233
00:57:49,160 --> 00:57:54,090
>> Αλλά αν ανοίξει register0.php,
Είμαι εκτύπωση προφανώς αυτό.

1234
00:57:54,090 --> 00:57:56,450
Έτσι, αυτό είναι το είδος του ένα παράξενο
σύμβαση ονομασίας.

1235
00:57:56,450 --> 00:58:01,430
Αλλά τι είναι ωραίο στην PHP είναι ότι όταν
χρήση της PHP σε ένα πλαίσιο web, όχι σε μια

1236
00:58:01,430 --> 00:58:04,480
γραμμή εντολών όπως έκανα πριν από λίγο,
όταν χρησιμοποιείτε πραγματικά σε ένα web

1237
00:58:04,480 --> 00:58:10,580
σελίδα, σε ένα vhost κατάλογο όπως είμαστε,
PHP αυτόματα θα καλύψει αυτό

1238
00:58:10,580 --> 00:58:15,560
πράγμα, το οποίο είναι ένα associative array,
να το πω έτσι, ένα πίνακα κατακερματισμού, με

1239
00:58:15,560 --> 00:58:17,290
ό, τι ο χρήστης πληκτρολογήσει μέσα

1240
00:58:17,290 --> 00:58:22,000
>> Με λίγα λόγια, $ _POST σε όλα τα καλύμματα είναι ένα
καθολική μεταβλητή που PHP ακριβώς

1241
00:58:22,000 --> 00:58:25,050
μαγικά δημιουργεί για σας όταν
χρήση της PHP σε ένα πλαίσιο web.

1242
00:58:25,050 --> 00:58:29,160
Και βάζει από αυτό μέσα σε όλα της τα
ονόματα των παραμέτρων με τη μορφή που

1243
00:58:29,160 --> 00:58:33,200
υποβλήθηκε σε αυτό το αρχείο και όλα
οι αξίες που ο χρήστης πληκτρολογήσει μέσα

1244
00:58:33,200 --> 00:58:37,790
Έτσι χέρια σας αυτό που ο χρήστης
πληκτρολογήσει στο εν λόγω έντυπο.

1245
00:58:37,790 --> 00:58:42,210
>> Έτσι, πριν, πήραμε πραγματικά ηλίθιο εξόδου
μόλις βλέπουμε αυτό, διότι το μόνο που έκανα

1246
00:58:42,210 --> 00:58:44,400
η εκτύπωση αναδρομικά αυτής της σειράς.

1247
00:58:44,400 --> 00:58:46,060
Το κλειδί είναι το όνομα, η τιμή είναι David.

1248
00:58:46,060 --> 00:58:46,980
Το κλειδί είναι καπετάνιος.

1249
00:58:46,980 --> 00:58:47,970
Η τιμή είναι σχετικά.

1250
00:58:47,970 --> 00:58:52,300
Και το διπλό βέλος και η γωνία
στήριγμα εκεί, αυτό είναι μόνο αυθαίρετη.

1251
00:58:52,300 --> 00:58:53,270
Αυτό δεν είναι κώδικα.

1252
00:58:53,270 --> 00:58:57,690
Αυτός είναι ακριβώς ο τρόπος της PHP από δείχνοντάς σας
ποια είναι η αξία κάποιου κλειδί.

1253
00:58:57,690 --> 00:59:03,000
>> Τώρα, όμως, επιτρέψτε μου να προτείνω στο
froshIMs3, είναι σχεδόν ταυτόσημες

1254
00:59:03,000 --> 00:59:04,950
εκτός του ότι υποστηρίζει σε αυτό το αρχείο.

1255
00:59:04,950 --> 00:59:08,570
Και πάλι, θα πάμε με το είδος ακριβώς
ματιά σε αυτό, απλά για να δείτε μερικά

1256
00:59:08,570 --> 00:59:12,040
σύνταξη, αλλά η ανακοίνωση τι
αυτό το αρχείο κάνει.

1257
00:59:12,040 --> 00:59:14,930
Πάρτε μια εικασία μόνο με βάση τις γραμμές
κώδικα, ο οποίος κατά πάσα πιθανότητα μοιάζουν

1258
00:59:14,930 --> 00:59:17,410
Ελληνική, σε κάποιο βαθμό,
προφανώς κάνει.

1259
00:59:17,410 --> 00:59:20,580

1260
00:59:20,580 --> 00:59:23,110
>> Αυτό το αρχείο είναι κατά κάποιον τρόπο σχετίζονται
με ταχυδρομείο, ηλεκτρονικό ταχυδρομείο.

1261
00:59:23,110 --> 00:59:24,770
Έτσι, αυτό που κάνει αυτό το πρόγραμμα;

1262
00:59:24,770 --> 00:59:28,740
Σε αυτή την έκδοση, αν ήμουν πραγματικά
συμπληρώστε την παρακάτω φόρμα - και επιτρέψτε μου να πάει στο

1263
00:59:28,740 --> 00:59:30,760
froshIMs3 όχι, froshIMs0 -

1264
00:59:30,760 --> 00:59:33,280

1265
00:59:33,280 --> 00:59:34,540
η μορφή έχει την ίδια εμφάνιση.

1266
00:59:34,540 --> 00:59:37,980
David, καπετάνιος, αρσενικό, dorm, Matthews.

1267
00:59:37,980 --> 00:59:42,980
Αλλά αν μπορώ να υποβάλω αυτό, το αρχείο αυτό είναι
πρόκειται να πάει στο register3.php.

1268
00:59:42,980 --> 00:59:46,330
>> Και έχω αυτή την αξίωση, με την εξέταση αυτή είναι
πηγαίο κώδικα, πρόκειται να

1269
00:59:46,330 --> 00:59:47,650
κατά κάποιο τρόπο τη συμμετοχή email.

1270
00:59:47,650 --> 00:59:49,620
Επιτρέψτε μου να προχωρήσει και να ανοίξει αυτή
σε ένα μεγαλύτερο παράθυρο, έτσι ώστε να

1271
00:59:49,620 --> 00:59:51,030
μπορείτε να το δείτε πιο καθαρά.

1272
00:59:51,030 --> 00:59:57,220
Είμαστε σε, τοπικές vhosts υποδοχής,
κοινό, froshims.

1273
00:59:57,220 --> 00:59:58,680
Πάω να ανοίξει μια διαφορετική
πρόγραμμα, ακριβώς γι 'αυτό

1274
00:59:58,680 --> 01:00:00,160
να δείτε περισσότερα ταυτόχρονα.

1275
01:00:00,160 --> 01:00:03,100
>> Έτσι τώρα εδώ, παρατηρήσετε μερικά πράγματα.

1276
01:00:03,100 --> 01:00:06,530
Στην κορυφή του αρχείου είναι ανοικτό
βραχίονα, ερωτηματικό, PHP.

1277
01:00:06,530 --> 01:00:08,920
Στη συνέχεια, υπάρχει μια δέσμη των παρατηρήσεων,
το οποίο μπορούμε να αγνοήσουμε, είναι

1278
01:00:08,920 --> 01:00:10,450
πληκτικός για τώρα.

1279
01:00:10,450 --> 01:00:11,300
>> Τώρα υπάρχει αυτό.

1280
01:00:11,300 --> 01:00:14,200
Βγάζει PHP έχει πολλά
του κώδικα που ονομάζεται απαιτούν.

1281
01:00:14,200 --> 01:00:19,110
Είναι πολύ παρόμοια στο πνεύμα με το C
περιλαμβάνουν, hash περιλαμβάνουν, το οποίο

1282
01:00:19,110 --> 01:00:21,980
ουσιαστικά αρπάζει τα περιεχόμενα μερικών
άλλο αρχείο και απλά να τους plops εδώ,

1283
01:00:21,980 --> 01:00:22,930
ώστε να μπορείτε να τα χρησιμοποιήσετε.

1284
01:00:22,930 --> 01:00:27,060
Στην περίπτωση αυτή, η συσκευή έχει,
προ-εγκατεστημένο, μια βιβλιοθήκη, δωρεάν και

1285
01:00:27,060 --> 01:00:29,900
open source βιβλιοθήκη που ονομάζεται PHP
mailer ότι ο καθένας μπορεί να

1286
01:00:29,900 --> 01:00:30,770
κατεβάσετε από το διαδίκτυο.

1287
01:00:30,770 --> 01:00:32,000
Κάναμε ακριβώς για σας.

1288
01:00:32,000 --> 01:00:36,130
Και αυτό σημαίνει ότι έχω τώρα το email
λειτουργικότητα στη διάθεσή μου.

1289
01:00:36,130 --> 01:00:38,170
>> Τώρα, παρατηρήσετε μερικά πράγματα.

1290
01:00:38,170 --> 01:00:41,120
Πάω για να επικυρώσει τη
την υποβολή της φόρμας.

1291
01:00:41,120 --> 01:00:45,980
Βγάζει PHP, ένα, έχει θαυμαστικό
σημεία για την όχι και εκμετάλλευσης, όπως ακριβώς

1292
01:00:45,980 --> 01:00:49,810
Γ. Αλλά η PHP έχει επίσης μια λειτουργία
ονομάζεται άδειο.

1293
01:00:49,810 --> 01:00:53,920
>> Empty επιστρέφει ακριβώς ισχύει εάν η τιμή
του πράγμα που το παραδώσει στο

1294
01:00:53,920 --> 01:00:57,190
παρενθέσεις είναι άδειο, όπως και η
χρήστης δεν πληκτρολογήσετε τίποτα μέσα

1295
01:00:57,190 --> 01:01:02,680
Έτσι, αυτό που λέει, και να παρατηρήσετε το
σύνταξη, θυμίζει πολύ C, αν η

1296
01:01:02,680 --> 01:01:07,730
όνομα κλειδιού, έτσι ώστε το πεδίο ονόματος, με τη μορφή,
η οποία υποβλήθηκε μέσω ταχυδρομείου, από

1297
01:01:07,730 --> 01:01:13,010
ο χρήστης, είναι να μην αδειάσει, και τους
φύλο δεν είναι κενή με τη μορφή που

1298
01:01:13,010 --> 01:01:15,980
καλά, και dorm τους δεν είναι κενή -

1299
01:01:15,980 --> 01:01:19,980
αλλά πρόσεξα ότι δεν νοιάζονται για Captain,
τότε τι θα κάνουμε;

1300
01:01:19,980 --> 01:01:21,990
>> Πάω να εκτελέσει
Αυτή η γραμμή κώδικα.

1301
01:01:21,990 --> 01:01:24,100
Και μπορείτε να σκεφτείτε αυτού του είδους
όπως malloc, αλλά είναι λίγο

1302
01:01:24,100 --> 01:01:24,800
πιό φανταχτερό από αυτό.

1303
01:01:24,800 --> 01:01:29,200
Αλλά για τώρα αυτό μου δίνει μια ιδιαίτερη
struct τύπου PHP mailer.

1304
01:01:29,200 --> 01:01:31,410
Αλλά αγνοούν τη λέξη-κλειδί νέα για σήμερα.

1305
01:01:31,410 --> 01:01:35,670
>> Τώρα είμαι πρόκειται να καλέσετε μια λειτουργία που ονομάζεται
IsSMTP, η οποία λέει, χρησιμοποιεί SMTP.

1306
01:01:35,670 --> 01:01:39,380
Αυτή είναι η θύρα 25, ακριβώς όπως και το βίντεο
την περασμένη εβδομάδα, όταν το πράγμα πετούσε

1307
01:01:39,380 --> 01:01:40,710
emails στο firewall.

1308
01:01:40,710 --> 01:01:42,440
Θύρα 25 είναι SMTP.

1309
01:01:42,440 --> 01:01:44,410
SMTP μέσα που χρησιμοποιούν το διακομιστή αλληλογραφίας.

1310
01:01:44,410 --> 01:01:46,215
Ποιο από τα δύο, μπορούμε να χρησιμοποιήσουμε το Χάρβαρντ
SMTP.fas.harvard.edu.

1311
01:01:46,215 --> 01:01:48,850

1312
01:01:48,850 --> 01:01:51,590
>> Μπορούμε να ρυθμίσετε το από τη διεύθυνση
να είναι ο John Χάρβαρντ.

1313
01:01:51,590 --> 01:01:55,090
Αν διαβάσω περισσότερο, μπορώ να ορίσετε
η διεύθυνση του παραλήπτη, μόλις

1314
01:01:55,090 --> 01:01:56,840
αυθαίρετα, για να είναι ο John
Harvard, καθώς και.

1315
01:01:56,840 --> 01:01:59,210
Έτσι πρόκειται να είναι ο ίδιος ηλεκτρονικού ταχυδρομείου.

1316
01:01:59,210 --> 01:02:01,600
>> Τώρα μπορώ να ρυθμίσετε το θέμα
για να την εγγραφή.

1317
01:02:01,600 --> 01:02:03,700
Και μπορώ να ρυθμίσετε το σώμα
του ηλεκτρονικού ταχυδρομείου ως εξής.

1318
01:02:03,700 --> 01:02:06,500
Αυτή η γραμμή φαίνεται λίγο πιο αινιγματικό,
αλλά αυτό είναι μόνο και μόνο επειδή υπάρχει πολύ

1319
01:02:06,500 --> 01:02:07,450
πληροφοριών σε αυτό.

1320
01:02:07,450 --> 01:02:10,670
Ένα, υπάρχει ένα τελεστή τελεία.

1321
01:02:10,670 --> 01:02:14,510
Κάποιος πρέπει να γνωρίζουν ήδη τι
ο φορέας εκμετάλλευσης dot κάνει.

1322
01:02:14,510 --> 01:02:15,436
Είναι συνένωση.

1323
01:02:15,436 --> 01:02:19,240
Έτσι, εάν θέλετε να πάρετε ένα string σε PHP,
και να προσαρτήσει ή να βάζετε μπροστά από αυτό, να

1324
01:02:19,240 --> 01:02:23,500
άλλο συμβολοσειράς στην PHP, δόξα τω Θεώ σας
Δεν χρειάζεται να χρησιμοποιήσετε strcopy και malloc,

1325
01:02:23,500 --> 01:02:25,490
και όλα αυτά πια.

1326
01:02:25,490 --> 01:02:28,765
>> Αν θέλετε να ενώσετε δύο strings,
ποιος νοιάζεται για τη μνήμη.

1327
01:02:28,765 --> 01:02:30,850
Ας PHP να καταλάβω για σας.

1328
01:02:30,850 --> 01:02:35,200
Τι PHP θα κάνει με τον φορέα εκμετάλλευσης dot
εδώ έχει να κάνει μόνο μια μεγάλη πρόταση από

1329
01:02:35,200 --> 01:02:37,900
αυτής της γραμμής, η γραμμή αυτή,
Αυτή η γραμμή, η γραμμή αυτή.

1330
01:02:37,900 --> 01:02:40,460
Και τώρα ανακοίνωση, πρόκειται
να συνδέσετε τιμές.

1331
01:02:40,460 --> 01:02:43,680
Έτσι, το e-mail που John Harvard συμβαίνει
να λάβει κυριολεκτικά πρόκειται να πω

1332
01:02:43,680 --> 01:02:49,450
όνομα, του παχέος εντέρου, κάτι, μάλλον, τότε
κλείστε το string και να ενώσετε την

1333
01:02:49,450 --> 01:02:52,220
ό, τι ο χρήστης πληκτρολογήσει
στην, τότε μια νέα γραμμή.

1334
01:02:52,220 --> 01:02:54,570
>> Στη συνέχεια, στην επόμενη γραμμή του John Χάρβαρντ
email, πρόκειται να πει

1335
01:02:54,570 --> 01:02:55,910
Captain, On ή Τίποτα.

1336
01:02:55,910 --> 01:02:57,810
Είναι πρόκειται να πει το φύλο,
αρσενικό ή θηλυκό.

1337
01:02:57,810 --> 01:02:59,680
Dorm πρόκειται να είναι Matthews
στη δική μου περίπτωση.

1338
01:02:59,680 --> 01:03:03,400
Και παρατηρήσετε τότε γνωστό ερωτηματικό
στο τέλος.

1339
01:03:03,400 --> 01:03:07,830
Και τότε, εδώ κάτω, ανακοίνωση, κάπως
αινιγματικά ακόμα, αλλά και πάλι, μετά από μια

1340
01:03:07,830 --> 01:03:12,730
μοτίβο που θα γίνει πιο εξοικειωμένοι
μετά P που 7, αν η αποστολή αλληλογραφίας

1341
01:03:12,730 --> 01:03:16,610
Επιστρέφει false, τότε να προχωρήσει και να πεθάνει.

1342
01:03:16,610 --> 01:03:19,610
>> Έτσι, PHP έχει μια λειτουργία που ονομάζεται πεθαίνουν,
η οποία, κυριολεκτικά, απλά σκοτώνει το

1343
01:03:19,610 --> 01:03:22,830
ιστοσελίδα και απλά εκτυπώνει οτιδήποτε
να το πω - της πεθαίνει

1344
01:03:22,830 --> 01:03:24,280
Δηλαδή, να το πω έτσι.

1345
01:03:24,280 --> 01:03:28,310
Και ότι, στην περίπτωση αυτή, θα εκτυπώσει
τι οι πληροφορίες σφάλματος είναι

1346
01:03:28,310 --> 01:03:29,860
ό, τι συνέβη να πηγαίνουν στραβά.

1347
01:03:29,860 --> 01:03:34,490
Έτσι, τα πολυλογώ εδώ, αυτό που έχουμε
είναι ένα παράδειγμα, όπου όταν ο χρήστης

1348
01:03:34,490 --> 01:03:39,150
υποβάλλει τη φόρμα, froshim0,
froshims3.php, πηγαίνει στο

1349
01:03:39,150 --> 01:03:40,760
register3.php.

1350
01:03:40,760 --> 01:03:45,290
Αλλά register3.php προχωρεί στη συνέχεια
να εκτελέσει όλες αυτές τις γραμμές.

1351
01:03:45,290 --> 01:03:46,620
>> Έτσι, υπάρχουν μερικά χιλιόμετρα μακρυά take εδώ.

1352
01:03:46,620 --> 01:03:50,380
Ένα, είναι προφανώς αρκετά εύκολο,
προγραμματισμού, να στείλετε μηνύματα ηλεκτρονικού ταχυδρομείου,

1353
01:03:50,380 --> 01:03:50,830
το οποίο είναι καλό.

1354
01:03:50,830 --> 01:03:53,500
Όταν οι χρήστες κάνουν εγγραφή για την περιοχή σας, στην
Στην περίπτωση αυτή, κατά την εγγραφή τους για σας

1355
01:03:53,500 --> 01:03:56,220
τον αθλητισμό, μπορείτε να στείλετε email το καινούριο
Proctor, ή John

1356
01:03:56,220 --> 01:03:57,650
Χάρβαρντ, σε αυτή την περίπτωση.

1357
01:03:57,650 --> 01:04:01,630
>> Αλλά αυτό σημαίνει, επίσης, μπορείτε να κάνετε τι;

1358
01:04:01,630 --> 01:04:03,970
Στείλτε e-mail από κανέναν σε κανέναν.

1359
01:04:03,970 --> 01:04:05,430
Και αυτό είναι πολύ αληθινό.

1360
01:04:05,430 --> 01:04:08,580
Αυτό δεν είναι τόσο εύκολο να γίνει, εάν
έχετε συνηθίσει να χρησιμοποιείτε το Gmail.

1361
01:04:08,580 --> 01:04:11,310
Αλλά αν έχετε χρησιμοποιήσει ποτέ το Eudora ή
Outlook, μπορείτε λίγο πολύ να πω ένα

1362
01:04:11,310 --> 01:04:13,720
διακομιστή αλληλογραφίας που είναι
όποιον θέλετε.

1363
01:04:13,720 --> 01:04:16,450
Και αυτό είναι που πρέπει να τεθεί σε
το καπέλο και να πει, μην το κάνεις αυτό.

1364
01:04:16,450 --> 01:04:21,140
Αλλά αυτό είναι απόδειξη για το πόσο εύκολο
είναι να εκτελεί επιθέσεις phishing, και

1365
01:04:21,140 --> 01:04:24,310
στείλετε ανώνυμα μηνύματα ηλεκτρονικού ταχυδρομείου, και
το spam, γενικότερα.

1366
01:04:24,310 --> 01:04:27,330
Και πραγματικά βράζει κάτω στην
το γεγονός ότι το μόνο που χρειάζεται είναι μερικές

1367
01:04:27,330 --> 01:04:28,500
πρόσβαση μέσω προγραμματισμού.

1368
01:04:28,500 --> 01:04:31,940
>> Παρεμπιπτόντως, μου πλησιέστερο συνάντηση με
Το Διοικητικό Συμβούλιο διαφήμιση, τη δική ήμουν πρωτοετής,

1369
01:04:31,940 --> 01:04:34,320
ήταν όταν ανακάλυψα αυτό το δροσερό
ξεγελάσουν ότι, wow, μπορείτε να

1370
01:04:34,320 --> 01:04:36,850
στείλετε μηνύματα ηλεκτρονικού ταχυδρομείου από κανέναν.

1371
01:04:36,850 --> 01:04:39,770
Και έτσι ήμασταν έχοντας κάποια ηλίθια
επιχείρημα, κυριολεκτικά, σε Matthews,

1372
01:04:39,770 --> 01:04:40,790
μεταξύ της ομάδας Proctor μου.

1373
01:04:40,790 --> 01:04:42,470
Δεν θυμάμαι καν
ποιο είναι το ζήτημα ήταν.

1374
01:04:42,470 --> 01:04:44,970
Θα ήθελα όμως να προσπαθήσουμε να βάλουμε ένα
τέλος σε αυτήν την ανόητη συζήτηση.

1375
01:04:44,970 --> 01:04:48,580
>> Έτσι αποφάσισα ότι θα στείλει μόνο ένα email
στην ομάδα Proctor μου, που προσποιείται ότι είναι

1376
01:04:48,580 --> 01:04:52,000
ο άλλος, με τη γνωμοδότηση της οποίας
διαφώνησε, και να τον συναινούν

1377
01:04:52,000 --> 01:04:54,680
ανεξάρτητα από τη γνώμη μου ήταν σε
Αυτή η συζήτηση.

1378
01:04:54,680 --> 01:04:59,320
Και γι 'αυτό το πλαστό e-mail χρησιμοποιώντας
τεχνική παρόμοια στο πνεύμα με αυτό.

1379
01:04:59,320 --> 01:05:01,256
Αλλά ήταν στην πραγματικότητα πιο εύκολο
κατά τη χρονική στιγμή.

1380
01:05:01,256 --> 01:05:02,435
Hit αποστολή.

1381
01:05:02,435 --> 01:05:06,660
Ο ίδιος δεν ήταν ικανοποιημένος, ούτε θα
έχουν το διοικητικό συμβούλιο τώρα.

1382
01:05:06,660 --> 01:05:10,280
>> Και ήμουν πολύ γρήγορα αλιεύονται
δευτερόλεπτα, διότι, όπως γνωρίζετε, έχω υπογράψει

1383
01:05:10,280 --> 01:05:11,420
e-mail μου με έναν ορισμένο τρόπο.

1384
01:05:11,420 --> 01:05:14,200
Και αν το κάνω χειροκίνητα, σε μεγάλες
μέρος, 15 χρόνια μετά, επειδή ήμουν

1385
01:05:14,200 --> 01:05:15,080
τραυματιστεί από αυτό.

1386
01:05:15,080 --> 01:05:16,960
Δεν έχω υπογραφή
στο e-mail μου τώρα.

1387
01:05:16,960 --> 01:05:20,440
Όμως, το 1995, είχα μόνο μια sig,
μια υπογραφή στο email μου.

1388
01:05:20,440 --> 01:05:24,630
Υπήρχε, λοιπόν, αυτό το σημείωμα που έλεγε, Dear
Ομάδα Proctor, θα συναινούν γνώμη μου

1389
01:05:24,630 --> 01:05:31,240
και συμφωνώ με τον David, υπογραφεί μέχρι και
έτσι, νέα γραμμή, νέα γραμμή, DJM.

1390
01:05:31,240 --> 01:05:36,220
>> Έτσι δεν το κάνουμε αυτό ή, σε γενικές γραμμές, να λάβει
πλεονέκτημα αυτής της τεχνικής.

1391
01:05:36,220 --> 01:05:39,950
Αλλά όταν κάνει ένα δικτυακό τόπο, όπως και για
τελικό σχέδιο σας, όταν κάνετε μια

1392
01:05:39,950 --> 01:05:43,460
Ιστοσελίδα για κάτι επιχειρηματική,
Αυτό είναι το πώς, ρεαλιστικά, μπορείτε να

1393
01:05:43,460 --> 01:05:47,000
μόχλευσης άλλες υπηρεσίες στο διαδίκτυο
όπως το ταχυδρομείο και στη συνέχεια στην πραγματικότητα

1394
01:05:47,000 --> 01:05:49,440
στείλετε τα πράγματα χρησιμοποιώντας τον κωδικό.

1395
01:05:49,440 --> 01:05:51,240
>> Λοιπόν, πώς μπορούμε να βελτιώσουμε την κατάσταση αυτή;

1396
01:05:51,240 --> 01:05:54,370
Λοιπόν, κατ 'αρχάς, ας ρίξουμε μια γρήγορη περιήγηση
μερικά από τα πράγματα που θα δείτε,

1397
01:05:54,370 --> 01:05:56,170
και στη συνέχεια να λάβει μια ματιά
μερικά παραδείγματα.

1398
01:05:56,170 --> 01:05:59,500
Έτσι, ένας, να καθησυχάσει, γιατί
πετάμε μέσω της PHP.

1399
01:05:59,500 --> 01:06:02,470
Και ξέρω ότι, σε κάποιο σημείο, θα έχετε
πραγματικά να αρχίσετε να γράφετε αυτό, αν

1400
01:06:02,470 --> 01:06:03,460
δεν έχουν ήδη.

1401
01:06:03,460 --> 01:06:06,220
Συνειδητοποιήστε ότι, το ένα, το κύριο είναι το είδος
του έξω από το παράθυρο με την PHP.

1402
01:06:06,220 --> 01:06:09,420
Εάν θέλετε να γράψετε κώδικα που παίρνει
εκτελεστεί, μόλις αρχίσετε να γράφετε στο

1403
01:06:09,420 --> 01:06:13,970
ένα αρχείο με όνομα. php, εφόσον
έχετε το άνοιγμα παρένθεσης

1404
01:06:13,970 --> 01:06:15,620
ερωτηματικό PHP tag.

1405
01:06:15,620 --> 01:06:19,730
>> Να σημειωθεί όμως αυτά είναι
συνθήκες σε php.

1406
01:06:19,730 --> 01:06:22,610
Ανακοίνωση, αυτή είναι ακριβώς η ίδια διαφάνεια
είχαμε στην εβδομάδα, όταν είχαμε

1407
01:06:22,610 --> 01:06:25,670
συνθήκες C. Οι συνθήκες
PHP είναι δομικά και

1408
01:06:25,670 --> 01:06:27,140
συντακτικά το ίδιο.

1409
01:06:27,140 --> 01:06:30,290
Μόνη πραγματική διαφορά είναι, αν έχετε
μεταβλητές που εμπλέκονται, θα πρέπει αυτά

1410
01:06:30,290 --> 01:06:31,600
σημάδια δολαρίων.

1411
01:06:31,600 --> 01:06:33,970
>> Εν τω μεταξύ, Boolean εκφράσεις
μοιάζει ακριβώς όπως αυτό για

1412
01:06:33,970 --> 01:06:35,725
ή-σης ή και-σης μαζί.

1413
01:06:35,725 --> 01:06:37,780
Διακόπτες δούμε ακριβώς το ίδιο.

1414
01:06:37,780 --> 01:06:42,180
Τι ωραία στην PHP, ενώ στη C,
διακόπτες πρέπει να είναι περιπτώσεις στις

1415
01:06:42,180 --> 01:06:46,380
αρχέτυπα, όπως ints ή χαρακτήρες, σε PHP
Δηλώσεις περίπτωσή σας μπορεί πραγματικά να είναι

1416
01:06:46,380 --> 01:06:48,430
στο σύνολό της χορδές, η οποία είναι
πραγματικά το είδος της Νίκαιας.

1417
01:06:48,430 --> 01:06:49,480
Σας εξοικονομεί κάποιο χρόνο.

1418
01:06:49,480 --> 01:06:50,820
Δεν θα μπορούσε να το κάνει αυτό σε C.

1419
01:06:50,820 --> 01:06:52,880
>> Εδώ είναι ένας βρόχος for στην PHP.

1420
01:06:52,880 --> 01:06:53,740
Είναι πανομοιότυπα.

1421
01:06:53,740 --> 01:06:55,400
Μπορεί να έχει κάποια σύμβολα του δολαρίου
για τις μεταβλητές.

1422
01:06:55,400 --> 01:06:57,530
Δεν χρειάζεται να αναφέρω ότι
κάτι που είναι int.

1423
01:06:57,530 --> 01:07:00,580
Μπορείτε να δηλώσετε απλά με το σύμβολο του δολαρίου
και το όνομα της μεταβλητής.

1424
01:07:00,580 --> 01:07:01,430
Αλλά ένας βρόχος for είναι η ίδια.

1425
01:07:01,430 --> 01:07:02,760
Ένας βρόχος, ενώ είναι η ίδια.

1426
01:07:02,760 --> 01:07:04,870
Μια do while loop είναι το ίδιο.

1427
01:07:04,870 --> 01:07:06,170
>> Αυτό είναι λίγο διαφορετική.

1428
01:07:06,170 --> 01:07:12,410
Έτσι με την PHP, με μια σειρά, μπορείτε να
στατικά κηρύξει μια σειρά, όπως στο C,

1429
01:07:12,410 --> 01:07:14,420
αλλά μπορείτε να χρησιμοποιήσετε αγκύλες.

1430
01:07:14,420 --> 01:07:17,060
Στο C, θα πρέπει να χρησιμοποιήσετε άγκιστρα,
αν ήξερε καν αυτό.

1431
01:07:17,060 --> 01:07:20,910
Αλλά αυτό είναι πραγματικά πολύ κοινή σε PHP
για να δηλώσει μια σειρά, σε αυτή την περίπτωση,

1432
01:07:20,910 --> 01:07:23,640
των αριθμών, και να καλέσει το
μεταβλητούς αριθμούς.

1433
01:07:23,640 --> 01:07:25,300
>> Οι μεταβλητές οι ίδιοι μοιάζουν με αυτό.

1434
01:07:25,300 --> 01:07:28,710
Εδώ είναι μια σειρά, παραθέτω unquote "γεια
κόσμο. "Θα μπορούσατε να έχετε μια ανάστροφη κάθετο n.

1435
01:07:28,710 --> 01:07:30,950
Απλά δεν σε αυτή την περίπτωση.

1436
01:07:30,950 --> 01:07:32,640
>> Τώρα αυτό είναι μια ενδιαφέρουσα κατασκευή.

1437
01:07:32,640 --> 01:07:33,700
C δεν έχει αυτό.

1438
01:07:33,700 --> 01:07:34,700
Αλλά αυτό είναι εξαιρετικά χρήσιμη.

1439
01:07:34,700 --> 01:07:38,160
Και θα το δείτε αυτό στο σύνολο P 7
spec - ένα για κάθε κατασκευή.

1440
01:07:38,160 --> 01:07:41,800
Αν θέλετε να επαναλάβει επί του συνόλου των
στοιχεία μια σειρά, δεν έχετε

1441
01:07:41,800 --> 01:07:45,500
για να ασχοληθεί με $ i και $ n,
και + +, και όλα αυτά.

1442
01:07:45,500 --> 01:07:47,640
Μπορείτε να κυριολεκτικά να πω, σε PHP, αυτό -

1443
01:07:47,640 --> 01:07:51,890
για κάθε αριθμούς ως αριθμό, έτσι
Υποθέτω ότι $ αριθμοί

1444
01:07:51,890 --> 01:07:53,380
είναι μια σειρά από αριθμούς.

1445
01:07:53,380 --> 01:07:56,460
Και όταν λέω για κάθε αριθμούς
ως αριθμός, αυτό πρόκειται να

1446
01:07:56,460 --> 01:08:00,505
αυτόματα, καθώς η θηλειά μου εκτελεί,
ενημέρωση, σε κάθε επανάληψη, η αξία

1447
01:08:00,505 --> 01:08:03,260
εσωτερικό του αριθμού σύμβολο του δολαρίου -

1448
01:08:03,260 --> 01:08:07,730
ξανά, και ξανά, και ξανά το περπάτημα
για μένα πάνω από το πίνακα.

1449
01:08:07,730 --> 01:08:08,735
Γι 'αυτό ακριβώς μας σώζει κώδικα.

1450
01:08:08,735 --> 01:08:12,250
Δεν υπάρχουν ερωτηματικά, δεν + + 's, δεν είναι i,
n δεν είναι, είναι απλά ωραίο.

1451
01:08:12,250 --> 01:08:13,700
>> Αλλά η PHP έχει επίσης αυτό.

1452
01:08:13,700 --> 01:08:14,830
Και αυτό είναι εξαιρετικά ισχυρό.

1453
01:08:14,830 --> 01:08:17,410
Και θα χρησιμοποιήσετε αυτό, τα χέρια
για, στην P που 7.

1454
01:08:17,410 --> 01:08:21,990
Και associative array έχει επίσης χαρακτηριστεί
με αγκύλες.

1455
01:08:21,990 --> 01:08:23,569
Αλλά παρατηρήσετε τη σύνταξη τώρα.

1456
01:08:23,569 --> 01:08:26,880
Είναι θυμίζει ό, τι είδαμε
με print_r πριν από λίγο.

1457
01:08:26,880 --> 01:08:31,810
Πόσα πλήκτρα, σαν ένα μικρό έλεγχο λογική,
αυτή η σειρά φαίνεται να έχουν.

1458
01:08:31,810 --> 01:08:32,689
>> Γι 'αυτό έχει δύο.

1459
01:08:32,689 --> 01:08:33,830
Και Καλώ αυτό μια σειρά.

1460
01:08:33,830 --> 01:08:36,760
Αλλά αν αυτό βοηθάει, μπορείτε να σκεφτείτε
αυτού ως hash πίνακα, ή

1461
01:08:36,760 --> 01:08:37,930
ένα associative array.

1462
01:08:37,930 --> 01:08:39,580
Αλλά είναι απλά μια διαφορετική
τύπο πίνακα.

1463
01:08:39,580 --> 01:08:41,080
Και πάλι, διαφορετικές γλώσσες
έχουν αυτά.

1464
01:08:41,080 --> 01:08:43,810
Θα δείτε κάτι παρόμοιο
σε JavaScript, καθώς και.

1465
01:08:43,810 --> 01:08:44,609
Υπάρχουν δύο πλήκτρα.

1466
01:08:44,609 --> 01:08:48,390
Το ένα είναι unquote απόσπασμα, "σύμβολο", το ένα είναι
παραθέσω unquote "τιμή". Και αυτά τα κλειδιά

1467
01:08:48,390 --> 01:08:49,250
το καθένα έχει μια αξία.

1468
01:08:49,250 --> 01:08:54,420
Σε αυτή την περίπτωση αξία συμβόλου είναι FB, για
Αξία του Facebook, και η τιμή είναι 49, 26,

1469
01:08:54,420 --> 01:08:56,899
η οποία ήταν μετοχών του Facebook
τιμών, όπως σήμερα το πρωί.

1470
01:08:56,899 --> 01:09:00,170
>> Έτσι, τι είναι χρήσιμο για την
ένα associative array.

1471
01:09:00,170 --> 01:09:02,620
Θα μπορούσε να έχει αριθμητικά
ευρετήριο πίνακα με μόλις

1472
01:09:02,620 --> 01:09:04,120
απλή αγκύλες.

1473
01:09:04,120 --> 01:09:09,380
Και θα μπορούσε να έχει το σύμβολο του δολαρίου
quote ισούται μόνο αυτό.

1474
01:09:09,380 --> 01:09:10,529
Επιτρέψτε μου να το κάνουμε πραγματικότητα.

1475
01:09:10,529 --> 01:09:14,796
Ας υποθέσουμε ότι εγώ αντί απλώς δηλώνονται
αυτή η συστοιχία έτσι.

1476
01:09:14,796 --> 01:09:17,590
Αυτό είναι απολύτως έγκυρη,
συντακτικά.

1477
01:09:17,590 --> 01:09:20,569
Αυτό δεν χάνει καμία πληροφορία,
per se.

1478
01:09:20,569 --> 01:09:24,760
Εξακολουθώ να βλέπω ότι το σύμβολο είναι fb,
και ότι η τιμή είναι 49, 26.

1479
01:09:24,760 --> 01:09:28,939
Γιατί, λοιπόν, είναι συνειρμική
συστοιχίες συναρπαστικό;

1480
01:09:28,939 --> 01:09:30,189
>> ΚΟΙΝΟ: Δεν χρειάζεται να θυμάστε
όπου μπορείτε να βάλετε τα πράγματα.

1481
01:09:30,189 --> 01:09:32,050

1482
01:09:32,050 --> 01:09:34,130
>> ΟΜΙΛΗΤΗΣ 1: Ακριβώς, δεν έχετε
να θυμηθείτε πού βάζετε τα πράγματα.

1483
01:09:34,130 --> 01:09:37,670
Δεν χρειάζεται να θυμάστε αυθαίρετα
το σύμβολο αποθεμάτων είναι σε βραχίονα μηδέν,

1484
01:09:37,670 --> 01:09:41,479
και οι τιμές των μετοχών είναι σε ένα βραχίονα,
το οποίο είναι ιδιαίτερα επικίνδυνο αν

1485
01:09:41,479 --> 01:09:43,220
αλλάξουν τα πράγματα, τελικά.

1486
01:09:43,220 --> 01:09:46,399
Είναι πολύ καλύτερο να συνδέσει
Τι θα καλέσουμε τα μεταδεδομένα

1487
01:09:46,399 --> 01:09:48,340
με τα πραγματικά δεδομένα σας.

1488
01:09:48,340 --> 01:09:52,399
Θα έλεγα ότι αυτό που πραγματικά νοιάζονται
εδώ είναι fb και 49, 26.

1489
01:09:52,399 --> 01:09:57,020
Το σύμβολο και η τιμή είναι τα μεταδεδομένα
που περιγράφει τα δεδομένα που

1490
01:09:57,020 --> 01:09:58,180
πραγματικά νοιάζονται για.

1491
01:09:58,180 --> 01:10:01,910
Αλλά αυτό είναι ακριβώς τόσο πολύ
ευκολότερη η πρόσβαση.

1492
01:10:01,910 --> 01:10:04,090
>> Τώρα, ως μέρος τι είναι
το τίμημα που πληρώνουμε;

1493
01:10:04,090 --> 01:10:06,600
Έχουμε ήδη κάνει αυτό
σε CS50 για εβδομάδες.

1494
01:10:06,600 --> 01:10:10,740
Αυτό το χαρακτηριστικό θα πρέπει να έρθει σε κάποιο κόστος.

1495
01:10:10,740 --> 01:10:11,350
Μνήμη.

1496
01:10:11,350 --> 01:10:13,830
Έτσι, δεν είστε αποθήκευση μόνο ένα 32-bit
ακέραιος, για παράδειγμα.

1497
01:10:13,830 --> 01:10:17,980
Είσαι αποθήκευση σύμβολο / 0, κατά πάσα πιθανότητα.

1498
01:10:17,980 --> 01:10:19,160
Έτσι, μπορείτε να χρησιμοποιείτε περισσότερη μνήμη.

1499
01:10:19,160 --> 01:10:22,540
>> Και ποια είναι η απόδοση της
αναζητούν κάτι επάνω σε ένα

1500
01:10:22,540 --> 01:10:24,822
associative array, ίσως;

1501
01:10:24,822 --> 01:10:26,590
Είναι πιθανώς πιο αργή.

1502
01:10:26,590 --> 01:10:29,670
Τυχαία πρόσβαση είναι ωραία, ειδικά
όταν μπορείτε να κάνετε δυαδική αναζήτηση.

1503
01:10:29,670 --> 01:10:33,380
Αλλά αν είστε πραγματικά τώρα αναζητούν όχι
για αριθμούς, αλλά για χορδές, αυτό

1504
01:10:33,380 --> 01:10:37,630
πραγματικά υλοποιείται κάτω από την
κουκούλα, πιθανώς ως hash πίνακα, όπου

1505
01:10:37,630 --> 01:10:42,950
μπορείτε να χρησιμοποιήσετε είτε έναν πίνακα κατακερματισμού
με separate chaining.

1506
01:10:42,950 --> 01:10:46,040
Ή μπορείτε να χρησιμοποιήσετε μια δοκιμή για την πραγματικότητα
αποθηκεύσει τις τιμές.

1507
01:10:46,040 --> 01:10:50,550
Έτσι, ίσως μπορείτε να κάνετε συνεχή χρόνο, αλλά
πρέπει ακόμα να εξετάσουμε S-Υ-Μ-Β-Ο-L,

1508
01:10:50,550 --> 01:10:54,510
δυνητικά, αντί μόλις 32
bits για να δούμε κάτι επάνω.

1509
01:10:54,510 --> 01:10:58,430
Έτσι και πάλι, αυτές οι ίδιες ιδέες που έρχονται
πίσω για να επαναληφθεί σε αυτό το πλαίσιο.

1510
01:10:58,430 --> 01:11:02,120
>> Αλλά και πάλι, η PHP έχει τώρα κάποια super
globals ότι αποδεικνύεται, είναι

1511
01:11:02,120 --> 01:11:02,900
associative arrays.

1512
01:11:02,900 --> 01:11:05,590
Είδαμε ένα πριν από λίγο, $ _POST.

1513
01:11:05,590 --> 01:11:08,400
Και ότι το Super παγκόσμια
έχει τα κλειδιά και τις αξίες.

1514
01:11:08,400 --> 01:11:10,550
Συγκεκριμένα, τα πλήκτρα
ευθυγραμμισμένο με τι;

1515
01:11:10,550 --> 01:11:14,520
Πού τα κλειδιά σε $ _POST προέρχονται από;

1516
01:11:14,520 --> 01:11:15,380
Ακριβώς για να ανακεφαλαιώσουμε;

1517
01:11:15,380 --> 01:11:16,480
>> Κοινό: Όνομα.

1518
01:11:16,480 --> 01:11:17,900
>> ΟΜΙΛΗΤΗΣ 1: Όνομα, πού;

1519
01:11:17,900 --> 01:11:19,860
>> ΚΟΙΝΟ: [δεν ακούγεται]

1520
01:11:19,860 --> 01:11:20,750
>> ΟΜΙΛΗΤΗΣ 1 Όνομα είναι το χαρακτηριστικό.

1521
01:11:20,750 --> 01:11:23,480
Λοιπόν, όταν, όπου έκαναν
αρχικά προέρχονται από;

1522
01:11:23,480 --> 01:11:24,120
Το έντυπο.

1523
01:11:24,120 --> 01:11:30,140
Έτσι, αν μια σελίδα HTML έχει μια ετικέτα μορφής,
εσωτερικό του οποίου είναι μερικές εισόδους, όπως

1524
01:11:30,140 --> 01:11:34,760
πλαίσια ελέγχου, πλαίσια κειμένου, drop down
μενού, καθένα από τα οποία έχει ένα όνομα, οι εν λόγω

1525
01:11:34,760 --> 01:11:40,260
ονόματα καταλήγουν ως κλειδιά σε $ _POST, και,
ειλικρινά, για εκείνο το θέμα, $ _GET.

1526
01:11:40,260 --> 01:11:42,130
Εάν η μέθοδος είναι να πάρετε, ίδια ιδέα.

1527
01:11:42,130 --> 01:11:43,830
Είναι απλά σε μια διαφορετική super παγκόσμια.

1528
01:11:43,830 --> 01:11:47,620
Και οι τιμές, φυσικά, προέρχονται από
ό, τι ο χρήστης πληκτρολογήσει στο δικό του

1529
01:11:47,620 --> 01:11:48,890
περιήγησης της.

1530
01:11:48,890 --> 01:11:49,830
>> Αλλά υπάρχουν μερικά άλλα.

1531
01:11:49,830 --> 01:11:52,140
Υπάρχει μπισκότο, το οποίο εμείς θα
επανέλθουμε σε τελικά.

1532
01:11:52,140 --> 01:11:56,050
Αλλά αυτά είναι τα πράγματα που ξέρετε
χρησιμοποιεί το διαδίκτυο για κάποιο καλό ή το κακό.

1533
01:11:56,050 --> 01:11:57,420
Αλλά θα επανέλθω στο θέμα αυτό.

1534
01:11:57,420 --> 01:12:01,720
Διακομιστή και διάρκεια, και τα δύο αυτά
έχουν κάποια ιδιαίτερη χρησιμότητα.

1535
01:12:01,720 --> 01:12:03,940
>> Αλλά ας ρίξουμε μια ματιά σε αυτό.

1536
01:12:03,940 --> 01:12:13,330
Επιτρέψτε μου να προχωρήσει και να ανοίξει ένα παράδειγμα
Έτσι ονομάζεται mvc0.php MVC

1537
01:12:13,330 --> 01:12:14,900
ξεχωρίζει για το επόμενο.

1538
01:12:14,900 --> 01:12:19,390
Και έχουμε εισαγάγει νωρίτερα από ό, τι είναι
τυπικό, πραγματικά, να σας πάρει το σχεδιασμό

1539
01:12:19,390 --> 01:12:22,180
Set Πρόβλημα 7, καθώς επίσης και τελικών σχεδίων,
το είδος της βιομηχανίας

1540
01:12:22,180 --> 01:12:23,670
τυποποιημένο τρόπο και καθαρό τρόπο.

1541
01:12:23,670 --> 01:12:24,820
Είναι καλό σχεδιασμό.

1542
01:12:24,820 --> 01:12:29,090
>> Έτσι, είστε έτοιμος να δείτε, και θα
εμπειρία, το σύνολο P 7, παράδειγμα, το είδος

1543
01:12:29,090 --> 01:12:32,260
από μια νοοτροπία προγραμματισμού, που μοιάζει
λίγο κάτι σαν αυτό.

1544
01:12:32,260 --> 01:12:35,570
M για το μοντέλο, C για Controller,
V for View.

1545
01:12:35,570 --> 01:12:39,690
Μεγάλη ιστορία σύντομη, MVC είναι ακριβώς το είδος
μεθοδολογία, ένας τρόπος για να

1546
01:12:39,690 --> 01:12:43,360
ιστοσελίδες, ειδικότερα, σύμφωνα με την οποία θα
τεθούν όλα, ηλίθια φράση σας -

1547
01:12:43,360 --> 01:12:44,970
επιχειρηματική λογική -

1548
01:12:44,970 --> 01:12:49,710
όλα τα δικαιώματα πνευματικής ιδιοκτησίας σας
ό, τι λέγεται έναν ελεγκτή, ένα αρχείο

1549
01:12:49,710 --> 01:12:54,840
όπως index.php, ή θα δούμε,
quote.php ή buy.php.

1550
01:12:54,840 --> 01:12:59,570
>> Στο πλαίσιο της σειράς Πρόβλημα 7, σας
μοντέλα συνήθως περιέχουν τα δεδομένα σας,

1551
01:12:59,570 --> 01:13:03,860
οτιδήποτε σχετίζεται με μια βάση δεδομένων, όπως θα
τελικά να δούμε και τις απόψεις σας

1552
01:13:03,860 --> 01:13:07,510
περιέχουν την αισθητική του δικού σας
χώρο, το HTML, το CSS.

1553
01:13:07,510 --> 01:13:10,420
Έτσι είδαμε ήδη αυτό στην C λίγο
bit χρησιμοποιώντας αρχεία. h.

1554
01:13:10,420 --> 01:13:15,010
Είδαμε πραγματικά πριν από λίγο με CSS,
factoring από το στυλιζάρισμα CSS

1555
01:13:15,010 --> 01:13:16,520
πράγματα από HTML μας.

1556
01:13:16,520 --> 01:13:20,730
>> Έτσι MVC είναι πραγματικά ακριβώς για την κατάρτιση
γραμμές στην άμμο και να λένε, η

1557
01:13:20,730 --> 01:13:25,400
ενδιαφέρουσα κώδικα προγραμματισμού για σας
ιστοσελίδα ανήκει σε αυτό που θα ονομάζουμε

1558
01:13:25,400 --> 01:13:26,400
ελεγκτή.

1559
01:13:26,400 --> 01:13:29,280
Πράγμα που σχετίζονται με βάση τυπικά
καταλήγει σε ένα μοντέλο.

1560
01:13:29,280 --> 01:13:33,070
Αλλά θα δούμε, στο σύνολο Πρόβλημα 7, θα
συγχώνευση C και M για να κρατήσει το απλό.

1561
01:13:33,070 --> 01:13:37,630
Αλλά άποψη είναι όπου όλα HTML σας
και την αισθητική συνήθως πάει.

1562
01:13:37,630 --> 01:13:39,160
>> Λοιπόν, τι σημαίνει αυτό σε πραγματικούς όρους;

1563
01:13:39,160 --> 01:13:45,980
Λοιπόν, επιτρέψτε μου να μπω σε MVC μας
κατάλογο ως εξής.

1564
01:13:45,980 --> 01:13:48,880
Και θα δείτε περισσότερα από αυτά
περιόδευσε μέσα στο spec.

1565
01:13:48,880 --> 01:13:53,200
Έτσι mvc0, εγώ ισχυρίζομαι ότι αυτό είναι, όπως,
έκδοση 0 ιστοσελίδες CS50 του.

1566
01:13:53,200 --> 01:13:56,670
>> Το μόνο που έχουμε είναι κάποια HTML, όπως
ένα μεγάλο tag h1, προφανώς.

1567
01:13:56,670 --> 01:13:57,800
Και τότε μια λίστα με κουκκίδες.

1568
01:13:57,800 --> 01:13:59,860
Δεν έχω δει ποτέ μια λίστα με κουκκίδες
πριν, αλλά δεν είναι μεγάλη υπόθεση.

1569
01:13:59,860 --> 01:14:01,590
Ας δούμε γρήγορα τον πηγαίο κώδικα.

1570
01:14:01,590 --> 01:14:06,610
Βγάζει μια μη διατεταγμένη λίστα με σφαίρες
είναι ανοικτό ul βραχίονα με ένα ή

1571
01:14:06,610 --> 01:14:09,065
περισσότερα στοιχεία της λίστας, li.

1572
01:14:09,065 --> 01:14:10,650
Έτσι προειδοποίηση εδώ είναι μια άγκυρα ετικέτα.

1573
01:14:10,650 --> 01:14:12,130
Είδαμε ότι πριν από λίγο.

1574
01:14:12,130 --> 01:14:13,810
>> Έτσι, αυτό είναι το πώς θα εφαρμοστεί
αυτή τη σελίδα.

1575
01:14:13,810 --> 01:14:18,460
Έχω δύο συνδέσεις, δύο στοιχεία λίστας, ένα
ul για μη διατεταγμένη λίστα, και το τέλος

1576
01:14:18,460 --> 01:14:22,700
αποτέλεσμα, αισθητικά, είναι αυτό το πολύ
όμορφη ιστοσελίδα, έκδοση 0 εδώ.

1577
01:14:22,700 --> 01:14:26,840
Αλλά αυτό που είναι τώρα ενδιαφέρον είναι το πώς αυτή
υλοποιείται κάτω από την κουκούλα.

1578
01:14:26,840 --> 01:14:33,590
>> Επιτρέψτε μου να πάω στο gedit και να ανοίξει αυτό
πολύ πρώτο παράδειγμα να ζωγραφίσει μια εικόνα.

1579
01:14:33,590 --> 01:14:37,070
Και θα εξετάσουμε τι είναι λανθασμένη,
δυνητικά, εδώ.

1580
01:14:37,070 --> 01:14:43,260
Τώρα, αν πάω σε localhost, δημόσια,
MVC, παρατηρήσετε μερικά αρχεία.

1581
01:14:43,260 --> 01:14:45,780
Πάω να τα λέμε, για το
τη στιγμή, όλοι οι ελεγκτές.

1582
01:14:45,780 --> 01:14:48,640
Αλλά αυτό είναι ένα κομμάτι της κατάχρησης, επειδή
θα δείτε τα πάντα είναι αναμιγμένα

1583
01:14:48,640 --> 01:14:49,620
μέσα τους.

1584
01:14:49,620 --> 01:14:52,330
>> Και επιτρέψτε μου να πάω στο εσωτερικό του index.php.

1585
01:14:52,330 --> 01:14:54,700
Και βλέπουμε, κυριολεκτικά, την ίδια HTML.

1586
01:14:54,700 --> 01:14:57,970
Έτσι, ακόμη και αν αυτό το αρχείο τελειώνει σε
. Php, αυτό δεν σημαίνει ότι πρέπει να

1587
01:14:57,970 --> 01:14:59,500
έχει PHP κώδικα.

1588
01:14:59,500 --> 01:15:02,290
Μπορεί απλά να είναι πρώτες HTML, παρόλο που
αυτό είναι χαζό.

1589
01:15:02,290 --> 01:15:07,650
Να σημειωθεί όμως ότι δεν υπάρχει ανοικτό στήριγμα PHP
ετικέτα, εκτός από αυτό, το οποίο, ειλικρινά,

1590
01:15:07,650 --> 01:15:09,160
είναι ακριβώς εκεί για να χρησιμεύσει ως ένα σχόλιο.

1591
01:15:09,160 --> 01:15:12,080
Αλλά αυτό δεν είναι λειτουργικά
ακόμη ότι ενδιαφέρον.

1592
01:15:12,080 --> 01:15:12,960
>> Αλλά παρατηρήσετε αυτό.

1593
01:15:12,960 --> 01:15:15,400
Αυτό που είναι ενδιαφέρον είναι τώρα ό, τι
αλλαγές σε αυτή τη σελίδα.

1594
01:15:15,400 --> 01:15:16,650
Επιτρέψτε μου κάντε κλικ Διαλέξεις.

1595
01:15:16,650 --> 01:15:18,560
Και παρατηρήσετε η διεύθυνση URL είναι έτοιμος να αλλάξει.

1596
01:15:18,560 --> 01:15:20,930
Τώρα είμαι στο lectures.php.

1597
01:15:20,930 --> 01:15:22,630
Επιτρέψτε μου να πατήστε το μηδέν.

1598
01:15:22,630 --> 01:15:27,200
Τώρα είμαι στο week0.php Και τώρα ας
Θέλω να ανοίξετε αυτά τα αρχεία στο gedit.

1599
01:15:27,200 --> 01:15:30,120
Όχι μόνο δείκτη, αλλά ας
Θέλω να ανοίξει διαλέξεις.

1600
01:15:30,120 --> 01:15:33,900
Και επιτρέψτε μου να απαλλαγούμε από τα σχόλια
να επικεντρωθεί σε αυτό το μέρος μόνο.

1601
01:15:33,900 --> 01:15:37,680
>> Και τώρα επιτρέψτε μου να ανοίξει ένα ακόμη,
week0.php, πετάξτε τα σχόλια,

1602
01:15:37,680 --> 01:15:39,910
απλά για να το καθαρίσω αυτό.

1603
01:15:39,910 --> 01:15:41,720
Και παρατηρήσετε τώρα τα εξής.

1604
01:15:41,720 --> 01:15:47,340
Σκέφτεστε πραγματικά είδος προσεκτικά
σχεδιασμό, και ας καταστήσουμε γραμμή

1605
01:15:47,340 --> 01:15:52,013
μέχρι το ίδιο, τι θα μπορούσε να γίνει
καλύτερα εδώ, δεν νομίζετε;

1606
01:15:52,013 --> 01:15:56,450

1607
01:15:56,450 --> 01:15:57,780
>> Πώς μπορώ να κάνω το ένα την εβδομάδα;

1608
01:15:57,780 --> 01:15:58,480
Τι λέτε για αυτό.

1609
01:15:58,480 --> 01:16:00,450
Έτσι, αυτό είναι το πώς θα γίνει μία εβδομάδα.

1610
01:16:00,450 --> 01:16:08,290
Πήγα μέχρι το αρχείο, New, Επικόλληση, Αποθήκευση,
week1.php, και στη συνέχεια πήγα στο εδώ.

1611
01:16:08,290 --> 01:16:09,875
Και έχω αλλάξει ένα -

1612
01:16:09,875 --> 01:16:11,646
Τι ήταν αυτό, μία έως Παρασκευή.

1613
01:16:11,646 --> 01:16:14,430

1614
01:16:14,430 --> 01:16:15,810
Άλλαξα τα μηδενικά σε ένα.

1615
01:16:15,810 --> 01:16:17,150
Έχω αλλάξει αυτό σε ένα.

1616
01:16:17,150 --> 01:16:20,350
>> ΕΝΤΑΞΕΙ, έτσι τώρα να δούμε τα αρχεία μου.

1617
01:16:20,350 --> 01:16:22,100
Τι θα μπορούσε να γίνει διαφορετικά;

1618
01:16:22,100 --> 01:16:25,310
Πού είναι η ευκαιρία, ίσως;

1619
01:16:25,310 --> 01:16:28,330
Έτσι, υπάρχει η ευκαιρία για να ξεκινήσει
factoring αυτά τα πράγματα έξω.

1620
01:16:28,330 --> 01:16:32,950
Επιτρέψτε μου να ανοίξει, ως αεροτομή, για
Τι θα δείτε στο σύνολο P 7.

1621
01:16:32,950 --> 01:16:38,750
Αν έχω ανοίξει, σήμερα, index.php στην έκδοση
πέντε από αυτό, φαίνεται τρόπος

1622
01:16:38,750 --> 01:16:40,730
πιο αινιγματικά, ομολογουμένως.

1623
01:16:40,730 --> 01:16:43,710
>> Αλλά αυτό, σήμερα, είναι αυτό που θα αποκαλούμε
ελεγκτή που ελέγχει την

1624
01:16:43,710 --> 01:16:44,770
λογική της σελίδας μου.

1625
01:16:44,770 --> 01:16:48,510
Και μπορείτε να το είδος της ανοικοδόμηση,
διαισθητικά, ίσως, τι συμβαίνει.

1626
01:16:48,510 --> 01:16:50,630
Στην πρώτη γραμμή, είναι
λίγο αινιγματικό.

1627
01:16:50,630 --> 01:16:54,040
Να σημειωθεί όμως είμαι απαιτεί, όπως και με
απότομη περιλαμβάνουν, ένα αρχείο με όνομα

1628
01:16:54,040 --> 01:16:55,930
helpers.php.

1629
01:16:55,930 --> 01:16:59,980
Και τότε είμαι ζητώντας, προφανώς, ένας
λειτουργία, που ονομάζεται render, περνώντας

1630
01:16:59,980 --> 01:17:00,850
δύο επιχειρήματα.

1631
01:17:00,850 --> 01:17:02,440
>> Το ένα είναι απόσπασμα unquote, header.

1632
01:17:02,440 --> 01:17:04,800
Και το άλλο είναι, τι είδους
τύπος δεδομένων είναι αυτή, η οποία βασίζεται

1633
01:17:04,800 --> 01:17:07,180
για τη σύνταξη μας νωρίτερα;

1634
01:17:07,180 --> 01:17:08,160
Είναι μια συνδεδεμένη σειρά.

1635
01:17:08,160 --> 01:17:11,730
Συγκεκριμένα, είναι περνώντας στον τίτλο
με κάποια μεταδεδομένα που θυμίζει

1636
01:17:11,730 --> 01:17:13,430
μου τι είναι και η αξία του.

1637
01:17:13,430 --> 01:17:16,340
Τότε θα δείτε ένα σκληρό κωδικοποιούνται
ul, οπότε κάποιες πρώτες HTML.

1638
01:17:16,340 --> 01:17:20,020
Στη συνέχεια, όμως είμαι πίσω σε λειτουργία PHP
καλώντας έναν καθιστούν τη λειτουργία.

1639
01:17:20,020 --> 01:17:24,390
Έτσι, ακόμη και αν δεν έχετε χρησιμοποιήσει ποτέ HTML ή PHP
πριν, και ακόμα κι αν αυτό φαίνεται

1640
01:17:24,390 --> 01:17:27,480
τρομακτικό, γιατί συμβαίνει αυτό κατά πάσα πιθανότητα
καλύτερο σχεδιασμό;

1641
01:17:27,480 --> 01:17:31,310
Ποιο είναι το καλύτερο γι 'αυτό,
με βάση συμπέρασμα;

1642
01:17:31,310 --> 01:17:32,130
>> ΚΟΙΝΟ: [δεν ακούγεται]

1643
01:17:32,130 --> 01:17:35,750
>> ΟΜΙΛΗΤΗΣ 1: Λιγότερο περιττή η
δεν υπάρχει πιο HTML tag, όχι περισσότερο

1644
01:17:35,750 --> 01:17:38,410
κεφάλια ετικέτας, όχι περισσότερο ετικέτα του σώματος
σε κάθε καταραμένο αρχείο.

1645
01:17:38,410 --> 01:17:41,860
Αντ 'αυτού, έχω υπολογιστεί από το
ομοιότητες και πιθανώς να θέσει

1646
01:17:41,860 --> 01:17:45,150
σε ένα αρχείο σχετίζονται με κάποιο τρόπο
σε μια μπάλα.

1647
01:17:45,150 --> 01:17:48,500
Και ίδιο πράγμα για το σώμα κοντά
ετικέτα, η στενή HTML tag.

1648
01:17:48,500 --> 01:17:52,165
Αυτό είναι πιθανώς κάτω εδώ μέσα
του υποσέλιδου κάπου.

1649
01:17:52,165 --> 01:17:57,050
Και θα δείτε, το πρόβλημα που τίθεται 7,
μια μικρή περιοδεία μέσα από αυτό.

1650
01:17:57,050 --> 01:17:58,070
>> Έτσι, ό, τι βρίσκεται μπροστά μας;

1651
01:17:58,070 --> 01:18:03,390
Το ένα πράγμα που δεν έχουμε τη δυνατότητα
ακόμη για να είναι στην πραγματικότητα αποθηκεύουν τα δεδομένα.

1652
01:18:03,390 --> 01:18:06,110
Και έτσι αυτό που θα αρχίσουμε να βλέπουμε
Τετάρτη για παράδειγμα, είναι ότι σας

1653
01:18:06,110 --> 01:18:08,450
παλιό φίλο Excel, ή αριθμούς,
σας επιτρέπει να αποθηκεύσετε πολλά

1654
01:18:08,450 --> 01:18:10,060
δεδομένων σε γραμμές και στήλες.

1655
01:18:10,060 --> 01:18:12,570
Βγάζει μπορείτε να το κάνετε αυτό σε ό, τι είναι
ονομάζεται μια βάση δεδομένων, μέσω προγραμματισμού.

1656
01:18:12,570 --> 01:18:16,620
μανιακή Και αποδεικνύεται, μετά από αυτό,
θα είμαστε σε θέση να αποθηκεύουν τα πράγματα όπως

1657
01:18:16,620 --> 01:18:20,550
αυτό, το οποίο θα δούμε και πάλι στο σύνολο P
7, ένα σωρό ονόματα και

1658
01:18:20,550 --> 01:18:23,690
κωδικούς πρόσβασης, ο τελευταίος των οποίων είναι
πραγματικά κρυπτογραφημένα, σαν να

1659
01:18:23,690 --> 01:18:25,550
ήταν στην έκδοση του χάκερ P σετ 2 του.

1660
01:18:25,550 --> 01:18:29,600
Και τελικά, θα εφαρμόσει αυτό,
δική eTrade-σαν ιστοσελίδα σας ότι

1661
01:18:29,600 --> 01:18:32,220
υλοποιεί συλλογικά CS50 χρηματοδότηση.

1662
01:18:32,220 --> 01:18:36,000
>> Τέλος, από τη στιγμή που μείναμε εδώ τόσο αργά
Σήμερα, αν έρθει πίσω σε αυτό το μέρος

1663
01:18:36,000 --> 01:18:41,120
της πανεπιστημιούπολης, στις 16:00 σήμερα, θα
να σας δώσει όχι μόνο συμβουλές, στις SCEs

1664
01:18:41,120 --> 01:18:44,200
Παροχή συμβουλών Fair, στις 4:00 μ.μ. στο
Maxwell-Dworkin, θα σας δώσουμε μερικές

1665
01:18:44,200 --> 01:18:47,470
Dream Americone, Cherry Garcia,
Chocolate Fudge Brownie, Σοκολάτα

1666
01:18:47,470 --> 01:18:50,840
Chip ζύμη μπισκότων, και, όταν η Google
Ογκώδες μαϊμού, μπορείτε να πάρετε αυτό.

1667
01:18:50,840 --> 01:18:53,620
Έτσι, όλα αυτά σας περιμένει στις 4:00
Μμ στο Maxwell-Dworkin.

1668
01:18:53,620 --> 01:18:56,736
Τα λέμε την Τετάρτη, καθώς και.

1669
01:18:56,736 --> 01:18:59,960
>> ΟΜΙΛΗΤΗΣ 2: Στο επόμενο
CS50, RJ κοιμάται μέσα

1670
01:18:59,960 --> 01:19:03,656

1671
01:19:03,656 --> 01:19:04,906
>> RJ: το τμήμα μου!

1672
01:19:04,906 --> 01:19:07,727

1673
01:19:07,727 --> 01:19:08,977
Χα!

1674
01:19:08,977 --> 01:19:12,056

1675
01:19:12,056 --> 01:19:13,306
Ω,

1676
01:19:13,306 --> 01:19:16,374