1
00:00:00,000 --> 00:00:00,127

2
00:00:00,127 --> 00:00:01,210
DAVID J. Malan: Εντάξει.

3
00:00:01,210 --> 00:00:02,160
Είμαστε πίσω.

4
00:00:02,160 --> 00:00:05,810
Έτσι, ο στόχος αυτής της τελικής συνεδρίασης
είναι να παρουσιάσω κάποια επιπλέον έννοιες

5
00:00:05,810 --> 00:00:09,290
αλλά και να δώσει σε όλους την ευκαιρία
σε είδος τεντώσει τα δάχτυλά σας

6
00:00:09,290 --> 00:00:11,270
και πραγματικά να κάνουμε κάτι
λίγο hands-on.

7
00:00:11,270 --> 00:00:13,897
Ο στόχος δεν είναι να γυρίσει είναι
όλους μας σε προγραμματιστές web

8
00:00:13,897 --> 00:00:16,230
με οποιοδήποτε μέσο, ​​αλλά πραγματικά ακριβώς
για να σας δώσει μια γεύση από μερικά

9
00:00:16,230 --> 00:00:21,750
των θεμελιωδών κατασκευάσματα του τι
πηγαίνει σε web προγραμματισμό και σήμερα web

10
00:00:21,750 --> 00:00:23,980
ανάπτυξη, έτσι ώστε η
στατική πλευρά της things--

11
00:00:23,980 --> 00:00:26,660
καμία λογική, κανένας προγραμματισμός
γλώσσα, απλά στατικό περιεχόμενο.

12
00:00:26,660 --> 00:00:29,660
Και αυτό θα μας δώσει την ευκαιρία
για να δούμε πραγματικά τι ένα web server είναι,

13
00:00:29,660 --> 00:00:34,140
Δείτε τι ένα αρχείο HTML είναι, να δούμε τι
είναι HTTP είναι στην πραγματικότητα εξυπηρετούν επάνω.

14
00:00:34,140 --> 00:00:38,600
Αλλά πριν βουτήξει μέσα, καμία αναδρομική
ερωτήσεις σχετικά με το cloud computing

15
00:00:38,600 --> 00:00:43,922
ή την ασφάλεια ή οτιδήποτε στο μεταξύ;

16
00:00:43,922 --> 00:00:44,890
>> Όχι?

17
00:00:44,890 --> 00:00:47,181
Εντάξει, καλά, ας
να το κάνετε αυτό, μόνο στην περίπτωση

18
00:00:47,181 --> 00:00:49,680
η διαδικασία της υπογραφής για
κάτι που διαρκεί λίγα λεπτά.

19
00:00:49,680 --> 00:00:51,221
Θα αφήσουμε να το κάνει στο παρασκήνιο.

20
00:00:51,221 --> 00:00:56,860
Προχωρήστε, αν μπορούσε,
να c9.io. αυτό το URL here--

21
00:00:56,860 --> 00:01:02,810
Αυτό είναι ένα από τρίτους υπηρεσία--
πλατφόρμα ως υπηρεσία, εάν will--

22
00:01:02,810 --> 00:01:05,190
ότι πρόκειται να σας καλέσει
για να εγγραφείτε για ένα λογαριασμό,

23
00:01:05,190 --> 00:01:08,650
και πρόκειται να δώσει ο καθένας από εσάς
ένας λογαριασμός στο λεγόμενο cloud

24
00:01:08,650 --> 00:01:11,330
σχετικά με την υποδομή κάποιου άλλου,
μια εταιρεία που ονομάζεται Cloud9.

25
00:01:11,330 --> 00:01:13,350
Αλλά τι είναι ωραίο για
αυτό είναι ότι σας δίνουν

26
00:01:13,350 --> 00:01:15,990
μια προσέγγιση ενός
πραγματική ανάπτυξη του πραγματικού κόσμου

27
00:01:15,990 --> 00:01:18,530
περιβάλλοντος, αν και στο
σύννεφο και σε ένα web browser,

28
00:01:18,530 --> 00:01:21,175
και θα χρησιμοποιήσουμε αυτό το πραγματικά
πειραματιστείτε λίγο σήμερα.

29
00:01:21,175 --> 00:01:27,116

30
00:01:27,116 --> 00:01:30,260
Και στη συνέχεια να προχωρήσει και απλά περιηγηθείτε
το δρόμο σας προς τη διαδικασία εγγραφής

31
00:01:30,260 --> 00:01:32,630
αν μπορούσες.

32
00:01:32,630 --> 00:01:36,080
Γι 'αυτό να συμβεί για να χρησιμοποιήσετε αυτό στην τάξη
Διδάσκω για όλους τους μαθητές μας,

33
00:01:36,080 --> 00:01:39,140
τόσο στην πανεπιστημιούπολη και off τώρα, και
αυτό είναι αντικατασταθεί ποια ιστορικά

34
00:01:39,140 --> 00:01:41,390
ήταν διαφορετικά λήψης λογισμικού.

35
00:01:41,390 --> 00:01:44,620
Έτσι, ό, τι ήταν να αποκτήσουν πρόσβαση σε
είναι μία από αυτές τις εικονικές μηχανές,

36
00:01:44,620 --> 00:01:46,460
κατ 'ουσίαν, ότι περιέγραψα νωρίτερα.

37
00:01:46,460 --> 00:01:50,260
Έτσι, η εν λόγω εταιρεία Cloud9 πιθανώς
ενοίκια από τρίτη party-- πράγματι

38
00:01:50,260 --> 00:01:52,760
σε αυτή την περίπτωση, ένα ολόκληρο Google--
δέσμη των εικονικών μηχανών

39
00:01:52,760 --> 00:01:56,500
ότι με κάποιο τρόπο τεμαχίσουν σε
η ψευδαίσθηση της ατομικής servers

40
00:01:56,500 --> 00:01:58,610
ότι κάθε ένας από εμάς έχει τον πλήρη έλεγχο.

41
00:01:58,610 --> 00:02:01,640
Δεν είναι αρκετά ακριβές να πούμε
ότι είναι εικονικές μηχανές,

42
00:02:01,640 --> 00:02:04,550
όμως, γιατί ό, τι
Cloud9 χρησιμοποιεί στην πραγματικότητα

43
00:02:04,550 --> 00:02:07,570
Είναι μια κάπως νεότερη τεχνολογία
που ονομάζεται εμπορευματοκιβώτια.

44
00:02:07,570 --> 00:02:13,150
Και επιτρέψτε μου να αρπάξει αυτή την εικόνα
εδώ για να ζωγραφίσει αυτή την εικόνα.

45
00:02:13,150 --> 00:02:16,540
>> Ένα δοχείο είναι, αν
θυμάστε την εικόνα

46
00:02:16,540 --> 00:02:19,900
από νωρίτερα, λίγο ελαφρύτερο
βάρος από μια εικονική μηχανή.

47
00:02:19,900 --> 00:02:22,090
Στην πραγματικότητα, ενώ τελευταία
φορά μιλήσαμε για εκεί

48
00:02:22,090 --> 00:02:25,170
είναι ένα λειτουργικό
σύστημα και ένα hypervisor

49
00:02:25,170 --> 00:02:28,260
και, στη συνέχεια, φιλοξενούμενο λειτουργικό σύστημα, επισκεπτών
λειτουργικό σύστημα, επισκεπτών λειτουργίας

50
00:02:28,260 --> 00:02:30,940
συστήματος, στην κορυφή του σας
φυσικό υλικό,

51
00:02:30,940 --> 00:02:33,740
η διαφορά με αυτήν την νεότερη
τεχνολογία, εμπορευματοκιβώτια,

52
00:02:33,740 --> 00:02:37,290
είναι ότι όλοι με κάποιο τρόπο μοιραστεί
το ίδιο λειτουργικό σύστημα.

53
00:02:37,290 --> 00:02:39,970
Αλλά εξακολουθούν να δημιουργούν
η ψευδαίσθηση του καθενός

54
00:02:39,970 --> 00:02:44,590
έχει τη δική του αποκλειστική
διοικητικά δικαιώματα και τα αρχεία

55
00:02:44,590 --> 00:02:45,400
στο διακομιστή.

56
00:02:45,400 --> 00:02:48,230
Αλλά υπάρχει λιγότερη λογισμικού
ανάμεσα σε εσάς και το υλικό.

57
00:02:48,230 --> 00:02:52,260
Το αποτέλεσμα των οποίων είναι, σε
Θεωρητικά, μια υψηλότερη απόδοση,

58
00:02:52,260 --> 00:02:55,470
επειδή χρησιμοποιείτε ή
σπατάλη λιγότερους πόρους

59
00:02:55,470 --> 00:02:57,360
σε αυτό το λεγόμενο στρώμα virtualization.

60
00:02:57,360 --> 00:02:59,420
Έτσι, αυτό ονομάζεται
εμπορευματοκιβώτια από τη φύση

61
00:02:59,420 --> 00:03:02,920
μέσω μιας τεχνολογίας που ονομάζεται Λιμενεργάτη,
η οποία είναι πολύ πολύ να έρχεται σε δική της.

62
00:03:02,920 --> 00:03:05,086
Και αυτό είναι κάτι που
Οι μηχανικοί της εταιρείας σας

63
00:03:05,086 --> 00:03:08,610
θα μπορούσε να είδος είδος αρχίσουμε να μιλάμε
σχετικά σύντομα, εάν δεν το έχετε ήδη,

64
00:03:08,610 --> 00:03:11,590
αν και δεν υπάρχει βεβαίως καμία
λόγος για να μεταβείτε σε οποιαδήποτε bandwagons.

65
00:03:11,590 --> 00:03:15,410
>> Έτσι, με ότι είπε, αυτό που
ίσως δούμε τώρα

66
00:03:15,410 --> 00:03:22,670
είναι μια οθόνη που μοιάζει λίγο σαν αυτό.

67
00:03:22,670 --> 00:03:23,170
ΕΝΤΆΞΕΙ.

68
00:03:23,170 --> 00:03:25,260
Και μόλις μου τηλεφωνήσει πάνω, αν όχι.

69
00:03:25,260 --> 00:03:27,440
Και αν so-- εγώ θα έρθω αν δεν είναι.

70
00:03:27,440 --> 00:03:30,244
Προχωρήστε και κάντε κλικ στο μεγάλο
συν για να δημιουργήσετε ένα χώρο εργασίας,

71
00:03:30,244 --> 00:03:31,660
και θα δείτε μια οθόνη σαν αυτή.

72
00:03:31,660 --> 00:03:35,020
Μπορείτε να καλέσετε τον χώρο εργασίας
αναφέρουμε ό, τι θέλετε για τώρα.

73
00:03:35,020 --> 00:03:38,660
Και ακριβώς στην πραγματικότητα για την απλότητα,
πάει and-- καλά, κάποιοι από εσάς

74
00:03:38,660 --> 00:03:39,660
έχουν ήδη χώρους εργασίας.

75
00:03:39,660 --> 00:03:47,050
Κλήση αυτό ό, τι want-- των επιχειρήσεων,
Χάρβαρντ, Πέμπτη, ό, τι θέλετε.

76
00:03:47,050 --> 00:03:48,800
Δεν χρειάζεται μια περιγραφή.

77
00:03:48,800 --> 00:03:52,380
Μπορείτε να αφήσετε ιδιωτικά, εκτός αν
έχουν ήδη μια δέσμη των χώρων εργασίας.

78
00:03:52,380 --> 00:03:55,280
Αν είστε αναγκασμένοι να το δημοσιοποιήσει,
ότι το πρόστιμο για τη σημερινή σκοπούς.

79
00:03:55,280 --> 00:03:56,750
Εδώ, επίσης, είναι ένα από τα upsells.

80
00:03:56,750 --> 00:03:59,939
Μπορείτε να πάρετε ένα ιδιωτικό χώρο εργασίας με
αθέτηση. Αλλά αν θέλετε περισσότερα,

81
00:03:59,939 --> 00:04:00,980
θα πρέπει να πληρώσει για περισσότερα.

82
00:04:00,980 --> 00:04:02,870
Διαφορετικά, θα σας αναγκάσει
να δημοσιοποιήσει το έργο σας.

83
00:04:02,870 --> 00:04:05,600
Αλλά αυτό είναι εντάξει, επειδή, επίσης,
στόχο αυτό σε κοινότητες ανοιχτού κώδικα

84
00:04:05,600 --> 00:04:07,700
να ενθαρρύνει τους ανθρώπους να
στην πραγματικότητα συνεργάζονται.

85
00:04:07,700 --> 00:04:10,699
>> Και το τελευταίο πράγμα που είναι σημαντικό,
όμως, είναι, αφού επιλέξετε ένα όνομα

86
00:04:10,699 --> 00:04:17,140
και αφού επιλέξετε ιδιωτικό ή δημόσιο,
κάντε κλικ HTML5, το μεγάλο πορτοκαλί εικονίδιο

87
00:04:17,140 --> 00:04:22,430
δεύτερος από αριστερά, και
Στη συνέχεια κάντε κλικ στην επιλογή Δημιουργία χώρου εργασίας.

88
00:04:22,430 --> 00:04:24,580
Και αυτό μάλλον θα
πάρτε ένα λεπτό ή έτσι,

89
00:04:24,580 --> 00:04:26,540
αλλά θα έχουν στη συνέχεια μια
περιβάλλον, τη στιγμή που θα

90
00:04:26,540 --> 00:04:30,544
το κάνουμε αυτό, που μοιάζει θυμίζει
τι έχω στην οθόνη εδώ τώρα.

91
00:04:30,544 --> 00:04:33,210
Αλλά, πάλι, μπορεί να πάρει ένα λεπτό
ή περισσότερο για να πάρετε σε αυτήν την οθόνη

92
00:04:33,210 --> 00:04:34,770
αφού κάνετε κλικ στην Δημιουργία χώρου εργασίας.

93
00:04:34,770 --> 00:04:37,936
Αλλά ακριβώς μου σημαίας επί αν θέλετε μου αρέσει
να ρίξετε μια ματιά σε τίποτα ή συμβουλές.

94
00:04:37,936 --> 00:04:40,191

95
00:04:40,191 --> 00:04:40,690
Εντάξει.

96
00:04:40,690 --> 00:04:42,390
Έτσι, Πάω να υπόβαθρο αυτό για τώρα.

97
00:04:42,390 --> 00:04:44,260
Τηλεφώνησέ μου πάνω αν φαίνεται να
έχετε οποιεσδήποτε τεχνικές δυσκολίες.

98
00:04:44,260 --> 00:04:46,210
Αλλά, πάλι, μπορεί να πάρει μια
λίγο γι 'αυτό για να ανοίξει.

99
00:04:46,210 --> 00:04:49,570
Και ας πάμε μπροστά και να μιλήσουμε για το τι
αυτό σημαίνει στην πραγματικότητα να κάνει μια ιστοσελίδα,

100
00:04:49,570 --> 00:04:52,780
τι HTML είναι, και πώς όλα αυτά
τώρα διασυνδέει καθώς αρχίζουμε

101
00:04:52,780 --> 00:04:54,730
να χρησιμοποιούν πραγματικά κάποια από την τεχνολογία.

102
00:04:54,730 --> 00:04:58,310
Έτσι αποδεικνύεται ότι μπορώ
να πάει στο μικρό μου Mac εδώ,

103
00:04:58,310 --> 00:05:01,650
ανοίξετε ένα απλό πρόγραμμα που ονομάζεται
TextEdit, ή στα Windows θα μπορούσα

104
00:05:01,650 --> 00:05:04,480
ανοιχτή κάτι που ονομάζεται Notepad.exe.

105
00:05:04,480 --> 00:05:08,260
Και θα μπορούσα απλά να κάνουμε κάτι
όπως this-- "Hello, world."

106
00:05:08,260 --> 00:05:12,020
Και τότε θα μπορούσε να σώσει αυτό ως
hello.txt Έτσι, δεν έχει μαγικό εκεί.

107
00:05:12,020 --> 00:05:15,200
Αυτό δεν έχει καμία σχέση με το web
προγραμματισμού, τίποτα να κάνει με την HTML.

108
00:05:15,200 --> 00:05:16,790
Απλά δημιουργώντας ένα απλό αρχείο κειμένου.

109
00:05:16,790 --> 00:05:20,600
Αλλά αποδεικνύεται ότι ένα web
σελίδα ακριβώς είναι κυριολεκτικά αυτό.

110
00:05:20,600 --> 00:05:24,020
Είναι ένα απλό αρχείο κειμένου που περιέχει το κείμενο
ότι μπορείτε να πληκτρολογήσετε στο πληκτρολόγιό σας,

111
00:05:24,020 --> 00:05:30,070
αλλά συνήθως αλλά όχι πάντα
καταλήγει στο να μην .txt αλλά .html ή .htm.

112
00:05:30,070 --> 00:05:32,050
Και δεν το κάνετε μόνο
πληκτρολογήστε λέξεις στο αρχείο.

113
00:05:32,050 --> 00:05:35,280
Μπορείτε πραγματικά πρέπει να χρησιμοποιήσετε τα πράγματα που ονομάζεται
ετικέτες ή, γενικότερα, κάτι

114
00:05:35,280 --> 00:05:37,190
που ονομάζεται γλώσσα σήμανσης.

115
00:05:37,190 --> 00:05:40,510
>> Έτσι, Πάω να πληκτρολογήσετε πολύ γρήγορα
και στη συνέχεια να εξηγήσει τα ακόλουθα.

116
00:05:40,510 --> 00:05:42,290
Πάω στην πρώτη
πληκτρολογήστε αυτό που λέει,

117
00:05:42,290 --> 00:05:45,730
hey, πρόγραμμα περιήγησης, έρχεται εδώ ένα
ιστοσελίδα γραμμένη σε HTML.

118
00:05:45,730 --> 00:05:51,850
Και αυτά τα δύο πράγματα μαζί πω, hey,
πρόγραμμα περιήγησης, τα ακόλουθα είναι πράγματι HTML.

119
00:05:51,850 --> 00:05:55,790
Γεια σου, πρόγραμμα περιήγησης, εδώ έρχεται το
το κεφάλι ή το επάνω μέρος της σελίδας μου.

120
00:05:55,790 --> 00:05:59,900
Γεια σου, πρόγραμμα περιήγησης, μέσα από την κορυφή του
σελίδα μου, βάλτε έναν τίτλο που είναι, "γειά σου,

121
00:05:59,900 --> 00:06:01,610
κόσμος."

122
00:06:01,610 --> 00:06:08,370
Γεια σου, πρόγραμμα περιήγησης, αφού ο επικεφαλής της μου
σελίδα, εδώ έρχεται το σώμα της σελίδας μου.

123
00:06:08,370 --> 00:06:12,170
Και, hey, πρόγραμμα περιήγησης, το σώμα μου
σελίδα πρέπει επίσης να πω, "hello world".

124
00:06:12,170 --> 00:06:15,500
Έτσι ποια είναι τα βασικά στοιχεία εδώ;

125
00:06:15,500 --> 00:06:17,960
Αυτό είναι ό, τι είναι γενικά
ονομάζεται δήλωση doc-τύπου,

126
00:06:17,960 --> 00:06:20,190
και, ειλικρινά, είναι ένα μικρό
δύσκολο να απομνημονεύσετε αυτό από την πρώτη.

127
00:06:20,190 --> 00:06:21,481
Μπορείτε ακριβώς το είδος του copy-paste αυτό.

128
00:06:21,481 --> 00:06:23,760
Αυτό είναι το επίσημο τρόπο
της λέει, hey, πρόγραμμα περιήγησης,

129
00:06:23,760 --> 00:06:28,030
Είμαι με τη χρήση HTML έκδοση 5 που
βγήκε κάπως πρόσφατα.

130
00:06:28,030 --> 00:06:31,380
Είναι ένα μαγικό ξόρκι ότι ορισμένοι
ανθρώπους με μια κακή αίσθηση του σχεδιασμού

131
00:06:31,380 --> 00:06:33,640
αποφάσισε να θέσει στη
κορυφή του αρχείου.

132
00:06:33,640 --> 00:06:35,473
Ακόμα κι αν αυτό είναι ένα
λίγο απόκρυφες, αυτό είναι όλο

133
00:06:35,473 --> 00:06:38,250
το means-- hey, πρόγραμμα περιήγησης, εδώ
έρχεται με την έκδοση 5 της HTML.

134
00:06:38,250 --> 00:06:41,741
>> Το υπόλοιπο αυτό ήταν μαζί μας
για αρκετό καιρό τώρα, ιστορικά,

135
00:06:41,741 --> 00:06:44,740
αλλά είναι ήδη εξελίσσεται, και είναι
ίσως πάρει λίγο απλούστερο.

136
00:06:44,740 --> 00:06:47,320
Παρατηρήστε μερικά χαρακτηριστικά
από ό, τι έχω υπογράμμισε.

137
00:06:47,320 --> 00:06:49,890
Υπάρχουν αυτά τα πράγματα με γωνία
brackets-- τον αριστερό βραχίονα

138
00:06:49,890 --> 00:06:51,040
και η δεξιά αγκύλη.

139
00:06:51,040 --> 00:06:52,490
Και παρατηρήστε τη συμμετρία εδώ.

140
00:06:52,490 --> 00:06:57,340
Και από τη συμμετρία, εννοώ, ακριβώς όπως εγώ
έχουν αυτή την ετικέτα έναρξης εδώ ή ένα ανοιχτό ετικέτα

141
00:06:57,340 --> 00:07:01,560
αν θέλετε, εδώ κάτω έχω ένα
κοντά ετικέτα ή ετικέτα λήξης που είναι

142
00:07:01,560 --> 00:07:06,460
διαφορετικά μόνο στο βαθμό που έχει αυτό
κάθετο στην αρχή της λέξης

143
00:07:06,460 --> 00:07:07,360
HTML.

144
00:07:07,360 --> 00:07:09,360
Και μπορείτε να σκεφτείτε
αυτό όπως ήμουν επιπόλαια

145
00:07:09,360 --> 00:07:12,280
προτείνει πριν, hey,
πρόγραμμα περιήγησης, εδώ έρχεται κάποια HTML.

146
00:07:12,280 --> 00:07:16,060
Και, αντιστρόφως, hey, πρόγραμμα περιήγησης, αυτό είναι
ότι για την έναρξη HTML-- και το τέλος.

147
00:07:16,060 --> 00:07:18,440
>> Εν τω μεταξύ hey, πρόγραμμα περιήγησης, εδώ
έρχεται το κεφάλι της σελίδας μου.

148
00:07:18,440 --> 00:07:20,140
Γεια σου, πρόγραμμα περιήγησης, αυτό είναι για το κεφάλι.

149
00:07:20,140 --> 00:07:22,240
Γεια σου, πρόγραμμα περιήγησης, είναι εδώ
το σώμα της σελίδας μου.

150
00:07:22,240 --> 00:07:24,020
Γεια σου, πρόγραμμα περιήγησης, αυτό είναι για το σώμα.

151
00:07:24,020 --> 00:07:26,940
Και μέσα από αυτό είναι μερικοί
αυθαίρετο κείμενο για τώρα.

152
00:07:26,940 --> 00:07:30,520
Και εσωτερικό της κεφαλής, εν τω μεταξύ,
είναι κάποια αυθαίρετη, αλλά ετικέτα,

153
00:07:30,520 --> 00:07:34,410
να το πω έτσι, το κείμενο που λέει, τον τίτλο
της σελίδας μου είναι «γειά σου, τον κόσμο."

154
00:07:34,410 --> 00:07:37,470
Τώρα, για τώρα, μπορείτε να
υποθέσουμε ότι τα προγράμματα περιήγησης

155
00:07:37,470 --> 00:07:41,762
έχουν only-- ή, μάλλον, ιστοσελίδες έχουν
μόνο δύο parts-- το κεφάλι και το σώμα.

156
00:07:41,762 --> 00:07:44,220
Και το κεφάλι είναι γενικά μόνο
όπως και η γραμμή μενού, η ουσία

157
00:07:44,220 --> 00:07:45,510
πραγματικά μόνο στην κορυφή.

158
00:07:45,510 --> 00:07:48,910
Και το σώμα είναι τα κότσια της σελίδας,
τα πάντα σε αυτό το μεγάλο ορθογώνιο

159
00:07:48,910 --> 00:07:50,239
που γεμίζει την οθόνη.

160
00:07:50,239 --> 00:07:51,780
Έτσι, Πάω να προχωρήσει και να το κάνουμε αυτό.

161
00:07:51,780 --> 00:07:54,400
Θα πάω να προχωρήσει και να
κάντε κλικ στο κουμπί Αποθήκευση, Αποθήκευση αρχείου.

162
00:07:54,400 --> 00:07:58,580
Και Πάω να αποθηκεύσετε
αυτό ως hello.html,

163
00:07:58,580 --> 00:08:00,870
και είμαι απλώς πρόκειται να
το βάζουμε στην επιφάνεια εργασίας μου.

164
00:08:00,870 --> 00:08:03,520
Και Πάω να πάει
προχωρήσει και κάντε κλικ στο κουμπί Αποθήκευση.

165
00:08:03,520 --> 00:08:05,806
Και notice-- Mac μου
τουλάχιστον φωνάζει σε μένα.

166
00:08:05,806 --> 00:08:07,180
Είστε σίγουροι ότι θέλετε να το κάνετε αυτό;

167
00:08:07,180 --> 00:08:08,710
Και Πάω να πω, ναι, χρησιμοποιούν HTML.

168
00:08:08,710 --> 00:08:10,400
Ξέρω καλύτερα σε αυτή την περίπτωση.

169
00:08:10,400 --> 00:08:14,686
Και τώρα είμαι πρόκειται να πάει στην επιφάνεια εργασίας μου
όπου έχω αυτό το αρχείο ξαφνικά.

170
00:08:14,686 --> 00:08:16,060
Και Πάω να κάνετε διπλό κλικ σε αυτό.

171
00:08:16,060 --> 00:08:18,268
Και θα παρατηρήσετε ότι,
προεπιλογή, το Chrome ανοίξει.

172
00:08:18,268 --> 00:08:19,996
Αυτό συμβαίνει γιατί αυτό είναι
προεπιλεγμένο πρόγραμμα περιήγησης.

173
00:08:19,996 --> 00:08:21,370
Και αυτό ακριβώς λέει, "γειά σου, τον κόσμο."

174
00:08:21,370 --> 00:08:23,078
Αλλά λέει "γεια σου,
κόσμο »σε δύο μέρη.

175
00:08:23,078 --> 00:08:23,979
Παρατηρήστε πάνω αριστερά.

176
00:08:23,979 --> 00:08:25,020
Αρκετά δύσκολο να χάσουμε αυτό.

177
00:08:25,020 --> 00:08:26,180
Είναι μεγάλο και τολμηρό.

178
00:08:26,180 --> 00:08:30,690
Και πού αλλού δεν φαίνεται
να πει, "Γεια σου, κόσμε";

179
00:08:30,690 --> 00:08:31,470
>> ΚΟΙΝΟ: Η καρτέλα.

180
00:08:31,470 --> 00:08:33,100
>> DAVID J. Malan: Ναι, η ίδια η καρτέλα.

181
00:08:33,100 --> 00:08:35,159
Έτσι, όταν μου είπε ο επικεφαλής της
σελίδα είναι τα πάντα top--

182
00:08:35,159 --> 00:08:36,367
και πράγματι αυτό είναι ο τίτλος.

183
00:08:36,367 --> 00:08:37,710
Είναι ακριβώς στην καρτέλα εδώ.

184
00:08:37,710 --> 00:08:40,320
Και μπορώ να τραβήξει αυτήν την καρτέλα
έξω, έτσι ώστε να μην συγχέουμε.

185
00:08:40,320 --> 00:08:43,360
Αυτή είναι μόνο μια ενιαία καρτέλα τώρα,
και μάλιστα βλέπουμε "Γεια σου, κόσμε"

186
00:08:43,360 --> 00:08:45,970
εδώ και το "Hello, world" εδώ κάτω.

187
00:08:45,970 --> 00:08:47,160
Έτσι, αρκετά απλή.

188
00:08:47,160 --> 00:08:49,050
Αλλά είναι επίσης αρκετά απλή.

189
00:08:49,050 --> 00:08:50,440
Και, πραγματικά, εγώ μεγέθυνση.

190
00:08:50,440 --> 00:08:53,272
Μπορώ να αλλάξω το μέγεθος της γραμματοσειράς μόνο
για να μεγεθύνετε για την προσβασιμότητα.

191
00:08:53,272 --> 00:08:56,830
Αλλά ας κάνουμε τώρα κάτι
λίγο πιο ενδιαφέρον.

192
00:08:56,830 --> 00:08:59,760
>> Πάω να go-- κραυγών, ας
με πάρει πίσω στο αρχείο κειμένου μου.

193
00:08:59,760 --> 00:09:02,400
Πάω πίσω στο μου
αρχείο κειμένου, και θα πάω

194
00:09:02,400 --> 00:09:06,320
να αλλάξει αυτό και να πω
"Γεια σας, Disney World."

195
00:09:06,320 --> 00:09:07,970
Αποθηκεύσετε.

196
00:09:07,970 --> 00:09:10,919
Και να πάει πίσω στο μου
πρόγραμμα περιήγησης και κάντε κλικ στο κουμπί Ανανέωση.

197
00:09:10,919 --> 00:09:12,710
Και τώρα, φυσικά,
λέει "Disney World."

198
00:09:12,710 --> 00:09:15,500
Και Πάω να μεγεθύνετε τεχνητά
σε ακριβώς έτσι είναι πιο εύκολο να δούμε.

199
00:09:15,500 --> 00:09:19,012
Μέχρι τώρα, δυστυχώς, εγώ το είδος θέλετε
to-- πραγματικότητα, αυτό είναι ένα χαρακτηριστικό Mac.

200
00:09:19,012 --> 00:09:21,720
Θέλω να κάνετε κλικ στο Disney World
και να πάει κάπου σαν disney.com,

201
00:09:21,720 --> 00:09:23,290
αλλά αυτό δεν λειτουργεί.

202
00:09:23,290 --> 00:09:26,850
Έτσι, μια βασική αρχή του web είναι
υπερσυνδέσμους, συνδέσμους που πάνε αλλού.

203
00:09:26,850 --> 00:09:28,390
Λοιπόν, πώς μπορώ να το κάνω αυτό;

204
00:09:28,390 --> 00:09:34,690
Λοιπόν, θα μπορούσα να πω,
"Γεια σας, http://www.disney.com."

205
00:09:34,690 --> 00:09:36,110
Αποθήκευση αυτής.

206
00:09:36,110 --> 00:09:37,620
Φορτώνω πάλι.

207
00:09:37,620 --> 00:09:39,400
Αλλά αυτό πάρα πολύ, δεν είναι clickable.

208
00:09:39,400 --> 00:09:42,930
Και τι ωραία εδώ, έστω και αν
Αυτό δεν είναι λειτουργική ακόμα,

209
00:09:42,930 --> 00:09:45,930
είναι ότι φαίνεται ότι ο
πρόγραμμα περιήγησης κάνει κυριολεκτικά μόνο

210
00:09:45,930 --> 00:09:46,950
τι μπορώ να πω για να το κάνουμε.

211
00:09:46,950 --> 00:09:50,110
Έτσι, αν εγώ απλά πληκτρολογήστε μια διεύθυνση URL όπως αυτό,
είναι ακριβώς πρόκειται να μου δείξει το URL.

212
00:09:50,110 --> 00:09:54,270
Θα πρέπει να χρησιμοποιήσετε ετικέτες ή σήμανσης
γλώσσας στην πραγματικότητα να πει

213
00:09:54,270 --> 00:09:55,621
το πρόγραμμα περιήγησης για να κάνουμε ακόμη περισσότερα.

214
00:09:55,621 --> 00:09:57,870
Έτσι, Πάω να πάει μπροστά και να
διαγράψετε αυτό για μια στιγμή.

215
00:09:57,870 --> 00:10:00,980
Και Πάω να πω, hey,
πρόγραμμα περιήγησης, ξεκινήστε μια άγκυρα εδώ,

216
00:10:00,980 --> 00:10:02,650
ένας σύνδεσμος να το πω έτσι.

217
00:10:02,650 --> 00:10:07,500
Και η υπερ-αναφορά, ο προορισμός
της άγκυρας, θα πρέπει να είναι αυτό το URL.

218
00:10:07,500 --> 00:10:08,750
Και παρατηρήσετε εισαγωγικά μου.

219
00:10:08,750 --> 00:10:11,590
Θα μπορούσα να χρησιμοποιήσω μονά εισαγωγικά, πάρα πολύ,
αλλά θα πρέπει να είναι συνεπής,

220
00:10:11,590 --> 00:10:14,270
και θα ήθελα γενικά απλά χρησιμοποιήστε
διπλά εισαγωγικά για να το κρατήσετε απλό.

221
00:10:14,270 --> 00:10:16,820
Ανακοίνωση Πάω να κλείσει την ετικέτα.

222
00:10:16,820 --> 00:10:21,160
Και τότε εδώ θα πάω
να πει, "Disney World."

223
00:10:21,160 --> 00:10:26,890
Και τώρα χρειάζομαι κάποια symmetry--
ανοιχτό βραχίονα / α, κλειστό βραχίονα.

224
00:10:26,890 --> 00:10:28,090
>> Έτσι, αυτό που έχω εισαχθεί;

225
00:10:28,090 --> 00:10:30,100
Είχαμε μερικές ετικέτες ήδη.

226
00:10:30,100 --> 00:10:32,410
HTML, Head, Τίτλος, Φορέας,
είναι όλες οι ετικέτες, να το πω έτσι,

227
00:10:32,410 --> 00:10:34,280
με ανοικτού και κλειστού ομολόγων.

228
00:10:34,280 --> 00:10:36,530
Αλλά προειδοποίηση, αυτό είναι το είδος
των ριζικά διαφορετικές.

229
00:10:36,530 --> 00:10:39,140
Αυτό είναι ό, τι θα καλέσουμε
σε μορφή HTML ένα χαρακτηριστικό.

230
00:10:39,140 --> 00:10:41,451
Και ένα χαρακτηριστικό είναι
μόνο ένα ζεύγος κλειδιού-τιμής.

231
00:10:41,451 --> 00:10:43,950
Αυτό είναι ένα κοινό πράγμα στη
υπολογιστή science-- ζεύγος κλειδιού-τιμής.

232
00:10:43,950 --> 00:10:45,770
Είναι το είδος του εργαλείου του εμπορίου.

233
00:10:45,770 --> 00:10:47,040
Ένα κλειδί και μια τιμή.

234
00:10:47,040 --> 00:10:49,390
Μια λέξη και στη συνέχεια κάποιες
άλλη λέξη ή λέξεις.

235
00:10:49,390 --> 00:10:53,790
Και σε αυτή την περίπτωση, το κλειδί είναι href,
και η τιμή είναι η πλήρης διεύθυνση URL.

236
00:10:53,790 --> 00:10:57,890
Και τι είναι το χαρακτηριστικό που κάνει είναι να
επηρεάζει τη συμπεριφορά μιας ετικέτας.

237
00:10:57,890 --> 00:11:01,010
Και σε αυτή την περίπτωση, θα πρέπει να επηρεάσει
η συμπεριφορά του ετικέτα αγκύρωσης,

238
00:11:01,010 --> 00:11:04,140
γιατί πρέπει να αγκυροβολήσουν
συνδέσμου κάπου.

239
00:11:04,140 --> 00:11:06,960
Και πώς να το κάνεις αυτό είναι
μέσω του χαρακτηριστικού.

240
00:11:06,960 --> 00:11:08,970
>> Έτσι, Πάω να πάει μπροστά
και να αποθηκεύσετε το αρχείο τώρα.

241
00:11:08,970 --> 00:11:11,300
Πηγαίνετε πίσω στο πρόγραμμα περιήγησης και reload μου.

242
00:11:11,300 --> 00:11:14,580
Και, ιδού, έχουμε τώρα το
απαρχή μιας νόμιμης ιστοσελίδας.

243
00:11:14,580 --> 00:11:18,420
Super-απλό, αλλά αν αιωρούνται πάνω
this-- ανακοίνωση στην κάτω αριστερή γωνία,

244
00:11:18,420 --> 00:11:19,830
Είναι σούπερ-μικρά.

245
00:11:19,830 --> 00:11:21,730
Αλλά εσείς δείτε www.disney.com.

246
00:11:21,730 --> 00:11:27,076
Και αν το κλικ, πράγματι αυτό
whisks μου μακριά για να disney.com.

247
00:11:27,076 --> 00:11:29,380
Τώρα, το περίεργο πράγμα
εδώ είναι ότι δεν είναι

248
00:11:29,380 --> 00:11:33,940
η best-- το πιο εμπορεύσιμα URL, αλλά
ότι είναι εντάξει, επειδή αυτό το αρχείο δεν

249
00:11:33,940 --> 00:11:35,360
υπάρχουν στο World Wide Web.

250
00:11:35,360 --> 00:11:39,740
Υπάρχει ως ένα τοπικό αρχείο σε φαινομενικά
Οι χρήστες μου directory-- / jharvard--

251
00:11:39,740 --> 00:11:41,890
για τον John Harvard-- / desktop.

252
00:11:41,890 --> 00:11:42,634
Αλλά έχει μια διεύθυνση URL.

253
00:11:42,634 --> 00:11:43,800
Συμβαίνει ακριβώς να είναι τοπικές.

254
00:11:43,800 --> 00:11:47,050
Δυστυχώς, κανένας από εσάς να επισκεφθείτε
αυτό, γιατί αν πληκτρολογήσετε αυτό το URL,

255
00:11:47,050 --> 00:11:49,980
θα ήθελα να λέει το πρόγραμμα περιήγησής σας,
αναζητήστε ένα αρχείο που ονομάζεται hello.html

256
00:11:49,980 --> 00:11:50,772
στο σκληρό σας δίσκο.

257
00:11:50,772 --> 00:11:53,271
Και, φυσικά, αν έχετε
παρακολουθεί μαζί με το χέρι,

258
00:11:53,271 --> 00:11:54,530
δεν πρόκειται να υπάρχουν.

259
00:11:54,530 --> 00:11:55,190
>> Έτσι ώστε να είναι μια χαρά.

260
00:11:55,190 --> 00:11:57,815
Χρειαζόμαστε ακόμη έναν τρόπο, εν τέλει,
για να πάρει αυτό το αρχείο στο διαδίκτυο,

261
00:11:57,815 --> 00:12:01,180
αλλά ας δώσουμε έμφαση, εκτός ένα ζευγάρι των
συνέπειες για την ασφάλεια του τι ακριβώς

262
00:12:01,180 --> 00:12:04,850
είδε και γραβάτα πίσω στην προηγούμενη
συζήτηση από το πρωί.

263
00:12:04,850 --> 00:12:08,200
Αποδεικνύεται ότι, αν ένας
πρόγραμμα περιήγησης κυριολεκτικά ακριβώς κάνει

264
00:12:08,200 --> 00:12:12,560
τι μπορώ να πω για να το κάνουμε, και φαίνεται
να είναι η περίπτωση που μία ετικέτα αγκύρωσης είναι

265
00:12:12,560 --> 00:12:17,380
επηρεάζεται από την αξία του
αυτό το χαρακτηριστικό που ονομάζεται href

266
00:12:17,380 --> 00:12:20,810
αλλά εμφανίζει αυτό
κείμενο, αυτό θα φαίνεται

267
00:12:20,810 --> 00:12:26,520
να σημαίνει ότι θα μπορούσα να βάλω το URL
και στα δύο μέρη και, στη συνέχεια, τοποθετήστε ξανά

268
00:12:26,520 --> 00:12:29,100
και τώρα δείτε το URL και να πάει στο URL.

269
00:12:29,100 --> 00:12:32,680
Προειδοποίηση, αν αιωρείται πάνω από την κάτω-αριστερά,
Είμαι πράγματι πρόκειται ακόμα να disney.com.

270
00:12:32,680 --> 00:12:38,340
>> Έτσι, αν έχετε ποτέ
phished-- Ρ-Η-Ι-δ-Η-Ε-D--

271
00:12:38,340 --> 00:12:42,820
με μία από αυτές τις ψεύτικες e-mail
από, όπως το PayPal τράπεζά σας,

272
00:12:42,820 --> 00:12:46,470
πιθανώς έχετε πάρει τις συνδέσεις στο εσωτερικό
του ηλεκτρονικού ταχυδρομείου που διαβάζετε αυτό

273
00:12:46,470 --> 00:12:49,970
σας λέει να κάνετε κλικ εδώ για να μεταβείτε επιβεβαιώνουν
κωδικό πρόσβασης ή επιβεβαιώστε την ημερομηνία γέννησής σας σας

274
00:12:49,970 --> 00:12:53,840
ή κοινωνική ή κάτι κοινωνικά
μηχανική μπορείτε να αποκαλύψει

275
00:12:53,840 --> 00:12:54,920
πληροφορίες.

276
00:12:54,920 --> 00:12:57,625
Λοιπόν, θα μπορούσα να το είδος του να λάβει
πλεονέκτημα αυτό, δεν θα μπορούσα;

277
00:12:57,625 --> 00:13:01,240
Θα μπορούσα να πω κάτι
όπως, www.paypal.com.

278
00:13:01,240 --> 00:13:11,340
Και αντί disney.com, Ι
θα μπορούσε να πάει στο, όπως, badguy.com.

279
00:13:11,340 --> 00:13:12,850
Φορτώνω πάλι.

280
00:13:12,850 --> 00:13:16,620
Και πόσο εύκολο είναι να κοροϊδεύω,
ειδικά ένα μη τεχνικό αναγνώστη

281
00:13:16,620 --> 00:13:20,649
ή ένα τροχάδην ανάγνωση
αναγνώστη, παρά να κάνετε κλικ

282
00:13:20,649 --> 00:13:23,940
μια σύνδεση όπως αυτή, η οποία αν κάνω κλικ it--
Εγώ πραγματικά δεν θέλουν να πάνε badguy.com.

283
00:13:23,940 --> 00:13:25,398
Δεν ξέρω τι είναι πραγματικά εκεί.

284
00:13:25,398 --> 00:13:30,080
Έτσι paypal.com, προειδοποίηση, είναι
αυτό που λέει ότι πρόκειται να,

285
00:13:30,080 --> 00:13:33,210
αλλά φυσικά, αν κοιτάξουμε προς τα κάτω
σούπερ-χαμηλά, είναι λίγο θολή,

286
00:13:33,210 --> 00:13:34,230
αλλά λέει badguy.com.

287
00:13:34,230 --> 00:13:38,644
Αυτός είναι ο μόνος πω αυτή τη στιγμή
ότι θα πάω σε λάθος μέρος.

288
00:13:38,644 --> 00:13:41,560
Και όταν είπα νωρίτερα ότι οι τράπεζες
Πραγματικά δεν πρέπει να ενθαρρύνουν ή να εκπαιδεύσει

289
00:13:41,560 --> 00:13:44,510
χρήστες να κάνουν κλικ συνδέσεις, αυτό το
είναι μόνο μία εκδήλωση του.

290
00:13:44,510 --> 00:13:45,430
Και είναι τόσο απλό.

291
00:13:45,430 --> 00:13:48,120
Είστε πλέον ένας αντίπαλος, αν
κάνετε κάτι σαν αυτό

292
00:13:48,120 --> 00:13:51,000
και προσπαθούν να ξεγελάσουν τον χρήστη
σε επισκέπτονται την ιστοσελίδα σας.

293
00:13:51,000 --> 00:13:53,320
Αλλά για τώρα, θα συνεχίσουμε
τα πράγματα ωραία και καθαρή.

294
00:13:53,320 --> 00:13:55,640
Εμείς πάμε για να πάει μπροστά
και rewind αυτές τις αλλαγές.

295
00:13:55,640 --> 00:13:56,530
Ανανέωση της σελίδας.

296
00:13:56,530 --> 00:13:57,740
Και να πάω πίσω στο disney.com.

297
00:13:57,740 --> 00:14:00,660
>> Ας δούμε αν δεν μπορούμε να πειράζω
αυτό εκτός λίγο περισσότερο.

298
00:14:00,660 --> 00:14:04,160
Έτσι, "γειά σου, Disney World."

299
00:14:04,160 --> 00:14:05,950
Πάω να πω εδώ κάτω.

300
00:14:05,950 --> 00:14:08,220
Ίσως Πάω να κάνω κάποια αίθουσα.

301
00:14:08,220 --> 00:14:12,730
«Ελπίζουμε να απολαύσετε τη διαμονή σας!"

302
00:14:12,730 --> 00:14:13,830
Αποθηκεύσετε.

303
00:14:13,830 --> 00:14:15,850
Φορτώνω πάλι.

304
00:14:15,850 --> 00:14:19,010
Δεν είναι rea-- ότι δεν είναι
ό, τι είχα την πρόθεση, έτσι δεν είναι;

305
00:14:19,010 --> 00:14:21,870
Θέλω να πω, αν είμαι θεραπεία κείμενό μου
αρχείο, όπως ένα πρόγραμμα επεξεργασίας κειμένου,

306
00:14:21,870 --> 00:14:24,894
τι έκανες ελπίζω θα συμβεί εδώ;

307
00:14:24,894 --> 00:14:27,060
Ναι, νιώθω σαν να υπάρχει
θα πρέπει να είναι μια αλλαγή γραμμής εδώ,

308
00:14:27,060 --> 00:14:28,799
έτσι ώστε να αισθάνεται λάθη με κάποιο τρόπο.

309
00:14:28,799 --> 00:14:31,090
Αλλά αυτό είναι πραγματικά σκόπιμη,
επειδή ακριβώς όπως και πριν,

310
00:14:31,090 --> 00:14:33,381
το πρόγραμμα περιήγησης πρόκειται μόνο για
κάνει ό, τι μπορείτε να πείτε για να το κάνει.

311
00:14:33,381 --> 00:14:34,806
Δεν το έχω πει να σπάσει τις γραμμές.

312
00:14:34,806 --> 00:14:37,930
Εγώ δεν έχω πει να μετακινηθείτε προς τα κάτω, ακόμα και
όμως, διαισθητικά, νιώθω σαν να έκανα.

313
00:14:37,930 --> 00:14:39,805
Έτσι αποδεικνύεται χρειαζόμαστε
λίγο πιο σήμανσης,

314
00:14:39,805 --> 00:14:41,390
και πάω να το διορθώσω αυτό ως εξής.

315
00:14:41,390 --> 00:14:46,160
Πάω να πρόλογο αυτό το πρώτο γεια
με ό, τι λέγεται παράγραφο ετικέτα.

316
00:14:46,160 --> 00:14:48,920
Και τότε Πάω να πάει μπροστά
και τυλίξτε αυτό άλλη ποινή

317
00:14:48,920 --> 00:14:54,370
Σε μια άλλη παράγραφο ετικέτα, μολονότι
από όπου και αν υπερ-σύντομες παραγράφους.

318
00:14:54,370 --> 00:14:55,930
Τώρα Πάω να σώσει.

319
00:14:55,930 --> 00:14:57,160
Φορτώνω πάλι.

320
00:14:57,160 --> 00:14:59,070
Και τώρα έχουμε ότι
χώρο, και το είδος της

321
00:14:59,070 --> 00:15:01,680
έχουν τη σημασιολογία της
δύο ξεχωριστές παραγράφους.

322
00:15:01,680 --> 00:15:05,290
>> Αυτό είναι όλα ωραία και καλά, αλλά θα
είναι ωραίο να προσθέσετε μια εικόνα σε αυτή τη σελίδα,

323
00:15:05,290 --> 00:15:08,710
έτσι Πάω να πάμε να βρούμε
Μίκυ Μάους στις Εικόνες Google.

324
00:15:08,710 --> 00:15:12,830
Και μόνο για διασκέδαση, είμαι
πρόκειται να αρπάξει αυτή την εικόνα.

325
00:15:12,830 --> 00:15:15,350
Πάω να προχωρήσει τώρα και
πιάσε το URL αυτής της εικόνας,

326
00:15:15,350 --> 00:15:16,510
αν υπάρχει διαφορετική
τρόποι να γίνει αυτό.

327
00:15:16,510 --> 00:15:18,520
Προς το παρόν, είμαι απλώς πρόκειται να αντιγράψετε τη διεύθυνση URL.

328
00:15:18,520 --> 00:15:24,770
Πάω να πάει πίσω στο κείμενο μου
αρχείο, και θα πάω να πω εδώ,

329
00:15:24,770 --> 00:15:31,160
img src = απόσπασμα unquote
ότι η διεύθυνση URL, υπερ-μακρά.

330
00:15:31,160 --> 00:15:34,580
Και τότε η έννοια της
εικόνα είναι λίγο διαφορετική.

331
00:15:34,580 --> 00:15:38,640
Δεν υπάρχει πραγματικά καμία ιδέα της εκκίνησης
μια εικόνα και τελειώνει μια εικόνα,

332
00:15:38,640 --> 00:15:40,630
σαν ένα ξεκίνημα επισημάνετε ένα τέλος ετικέτα.

333
00:15:40,630 --> 00:15:43,840
Έτσι ώστε να αισθάνεται λίγο περίεργο να
με σημασιολογικά να το κάνετε αυτό,

334
00:15:43,840 --> 00:15:45,390
να έχουν μια ετικέτα close-εικόνα.

335
00:15:45,390 --> 00:15:46,780
Δεν είναι εσφαλμένη.

336
00:15:46,780 --> 00:15:48,840
Είναι απόλυτα σωστό,
και αυτό είναι που ενθάρρυνε,

337
00:15:48,840 --> 00:15:50,870
αλλά υπάρχει στενογραφία σημειογραφία.

338
00:15:50,870 --> 00:15:53,780
Δεν μπορώ να το είδος της ταυτόχρονης
ανοίξετε και να κλείσετε την ίδια ετικέτα,

339
00:15:53,780 --> 00:15:55,510
και ότι θα κάνει το πρόγραμμα περιήγησης ευτυχισμένη.

340
00:15:55,510 --> 00:15:56,950
Έτσι είναι λίγο
πιο σύντομη για τα πράγματα

341
00:15:56,950 --> 00:15:59,408
ότι εννοιολογικά πραγματικά δεν το κάνουν
έχει νόημα να ξεκινήσει και το τέλος.

342
00:15:59,408 --> 00:16:01,190
Απλώς υπάρχουν, ή δεν είσαι.

343
00:16:01,190 --> 00:16:06,020
>> Έτσι, Πάω να σώσει αυτό και να πάει πίσω
για να μου "Γεια σου, κόσμε" σελίδα και reload.

344
00:16:06,020 --> 00:16:09,880
Και αυτό είναι λίγο εκτός ελέγχου,
επειδή αυτή η εικόνα είναι πραγματικά

345
00:16:09,880 --> 00:16:12,210
λίγο μεγάλη, αλλά αυτό είναι εντάξει.

346
00:16:12,210 --> 00:16:13,710
Θα μπορούσα να αλλάξετε το μέγεθος σε ένα πρόγραμμα.

347
00:16:13,710 --> 00:16:14,900
Ή ξέρετε τι.

348
00:16:14,900 --> 00:16:17,350
Ακριβώς για να αποδείξει, είμαι
πρόκειται πραγματικά να πω

349
00:16:17,350 --> 00:16:21,760
ότι το πλάτος αυτού του πράγματος πρέπει
μόνο να είναι 200 ​​pixels, 200 κουκκίδες.

350
00:16:21,760 --> 00:16:24,360
Επιτρέψτε μου να πάει μπροστά και να σώσει
και να φορτώσετε εκ νέου, και τώρα η σελίδα

351
00:16:24,360 --> 00:16:25,690
φαίνεται λίγο πιο λογικό.

352
00:16:25,690 --> 00:16:27,260
Αλλά παρατηρήσετε το μοτίβο.

353
00:16:27,260 --> 00:16:30,030
Λοιπόν, έχω το είδος του δίδαξε σε όλους σας
της HTML με κάποια έννοια, τουλάχιστον

354
00:16:30,030 --> 00:16:33,531
εννοιολογικά, επειδή όλα HTML είναι είναι
αυτά tags-- ανοιχτή ετικέτες, κλειστά ετικέτες,

355
00:16:33,531 --> 00:16:35,280
και τις ιδιότητες που
τροποποιήσουν τη συμπεριφορά τους.

356
00:16:35,280 --> 00:16:38,380
Και, προφανώς, κάθε
ετικέτα μπορεί να έχει μηδέν ή ένα

357
00:16:38,380 --> 00:16:43,005
ή δύο ή περισσότερα χαρακτηριστικά, το καθένα από
το οποίο κάνει κάτι λίγο διαφορετικό.

358
00:16:43,005 --> 00:16:44,380
Τώρα, πώς ξέρεις τι υπάρχει;

359
00:16:44,380 --> 00:16:46,800
Μπορείτε απλά να ακούσετε κάποιον
όπως μου να σας πω ό, τι υπάρχει,

360
00:16:46,800 --> 00:16:50,860
ή απλά το Google γύρω για ένα σεμινάριο
σε HTML, και είναι πραγματικά αυτό απλό.

361
00:16:50,860 --> 00:16:54,030
>> Πραγματικά, όταν ήμουν φοιτητής
χρόνια και έμαθα HTML,

362
00:16:54,030 --> 00:16:56,530
μία της διδασκαλίας των μαθηματικών μου
βοηθούς μόλις πέρασε

363
00:16:56,530 --> 00:16:59,600
ένα μικρό κομμάτι του χρόνου τη διδασκαλία μου
για ομοειδή μισή ώρα, μια ώρα,

364
00:16:59,600 --> 00:17:00,660
και στη συνέχεια ήμουν στο δρόμο μου.

365
00:17:00,660 --> 00:17:03,300
Ήμουν στο δρόμο μου προς την πραγματοποίηση
τα πιο αποτρόπαια ιστοσελίδες ποτέ,

366
00:17:03,300 --> 00:17:05,549
η οποία, προφανώς, δεν έχω
πραγματικά προχωρήσει πέρα.

367
00:17:05,549 --> 00:17:09,849
Αλλά το θέμα είναι ότι, από τη στιγμή που
κατανοήσουμε αυτές τις απλές ideas--

368
00:17:09,849 --> 00:17:13,450
αν απόκρυφες text-- αλλά αυτά τα απλά
ιδέες για την έναρξη μιας σκέψης

369
00:17:13,450 --> 00:17:15,960
και το κλείσιμο μιας σκέψης, διατηρώντας
όλα όμορφα ισορροπημένη,

370
00:17:15,960 --> 00:17:19,150
αναζητούν κάτι επάνω, τροποποιώντας το
η συμπεριφορά της εν λόγω ετικέτας, αυτό είναι πραγματικά όλα

371
00:17:19,150 --> 00:17:20,079
υπάρχει σε αυτό.

372
00:17:20,079 --> 00:17:28,140
Και στην πραγματικότητα, αν τώρα πάμε να
κάτι σαν google.com-- στην πραγματικότητα,

373
00:17:28,140 --> 00:17:31,920
ας πάμε μια θέση λίγο πιο
reasonable-- stanford.edu.

374
00:17:31,920 --> 00:17:37,800
Και Πάω να πάει στην προβολή,
Developer, Προβολή προέλευσης.

375
00:17:37,800 --> 00:17:41,400
Είναι άσχημο, αλλά notice--
και εγώ θα μεγεθύνετε ειδοποίηση

376
00:17:41,400 --> 00:17:43,432
κάποια πράγματα που είναι γνωστά ήδη.

377
00:17:43,432 --> 00:17:45,140
Υπάρχει αυτό εδώ,
το οποίο είναι ένα πρόγραμμα περιήγησης.

378
00:17:45,140 --> 00:17:46,800
Εδώ έρχεται HTML5.

379
00:17:46,800 --> 00:17:47,634
Υπάρχει HTML.

380
00:17:47,634 --> 00:17:49,550
Προφανώς, υπάρχει μια
χαρακτηριστικό που δεν το έκανα

381
00:17:49,550 --> 00:17:51,540
χρήση που ορίζει η
τη γλώσσα της σελίδας,

382
00:17:51,540 --> 00:17:54,380
και αυτό μπορεί να βοηθήσει με την αυτόματη
μετάφραση και τέτοια πράγματα.

383
00:17:54,380 --> 00:17:55,546
Εδώ είναι ο επικεφαλής της σελίδας.

384
00:17:55,546 --> 00:17:57,790
Εδώ είναι ο τίτλος της σελίδας του Στάνφορντ.

385
00:17:57,790 --> 00:17:59,832
Υπάρχει μια ετικέτα δεν το έκανα
μιλήσουμε για Meta tag yet--.

386
00:17:59,832 --> 00:18:01,540
Είναι ακριβώς το είδος του
γενικές πληροφορίες.

387
00:18:01,540 --> 00:18:04,210
Βοηθά με το SEO, ή
Βελτιστοποίηση αναζήτησης του κινητήρα,

388
00:18:04,210 --> 00:18:06,320
ή τα αποτελέσματα του Google αναζήτησης ή παρόμοια.

389
00:18:06,320 --> 00:18:09,029
Αλλά αν συνεχίσετε να ψάχνετε, να τηρούν
αναζητούν, εδώ είναι η ετικέτα του σώματος.

390
00:18:09,029 --> 00:18:11,570
Και υπάρχει τσαμπιά από άλλους
ετικέτες δεν έχουμε μιλήσει ακόμα.

391
00:18:11,570 --> 00:18:13,750
Αλλά Div είναι ένα για ένα
διαίρεση της σελίδας.

392
00:18:13,750 --> 00:18:16,680
Είναι σαν ένα αόρατο τετράγωνο
αν το είδος του θέλουν να διανοητικά

393
00:18:16,680 --> 00:18:20,160
χωρίζουν τη σελίδα σας σε
διαφορετικές μονάδες σε απευθείας σύνδεση.

394
00:18:20,160 --> 00:18:22,650
Και τότε πολλά divs μου
Βλέπετε, κάτι που ονομάζεται Class,

395
00:18:22,650 --> 00:18:24,440
αλλά θα επανέλθω σε αυτό.

396
00:18:24,440 --> 00:18:26,200
>> Αυτό είναι interesting-- Μορφές.

397
00:18:26,200 --> 00:18:27,730
Μορφές είναι σε όλο το web.

398
00:18:27,730 --> 00:18:30,310
Κάθε πλαίσιο αναζήτησης είστε
χρησιμοποιήσει ποτέ είναι μια μορφή.

399
00:18:30,310 --> 00:18:31,490
Και, έτσι, ας δούμε πραγματικά.

400
00:18:31,490 --> 00:18:32,790
Μορφή.

401
00:18:32,790 --> 00:18:33,910
Δράση.

402
00:18:33,910 --> 00:18:37,660
Η δράση αυτής της μορφής, για οποιοδήποτε
ιστορικούς λόγους, είναι ότι η διεύθυνση URL.

403
00:18:37,660 --> 00:18:38,840
Μέθοδος είναι "post".

404
00:18:38,840 --> 00:18:44,060
Αποδεικνύεται ότι τα αιτήματα HTTP μπορούν να χρησιμοποιήσουν
το ρήμα "πάρει", όπως είδαμε πριν,

405
00:18:44,060 --> 00:18:45,070
ή "post".

406
00:18:45,070 --> 00:18:47,030
Και θα δείτε τη διαφορά
αυτό σε μια στιγμή.

407
00:18:47,030 --> 00:18:48,363
Ας δούμε πραγματικά τι είναι αυτό.

408
00:18:48,363 --> 00:18:49,830
Επιτρέψτε μου να επιστρέψω στη σελίδα του Στάνφορντ.

409
00:18:49,830 --> 00:18:53,330
Ποια μορφή είναι αυτοί που μιλούν
περίπου, νομίζεις;

410
00:18:53,330 --> 00:18:54,485
Τι πηδά έξω σε σας;

411
00:18:54,485 --> 00:18:54,970
>> Κοινό: κουτί αναζήτησης.

412
00:18:54,970 --> 00:18:55,845
>> DAVID J. Malan: Ναι.

413
00:18:55,845 --> 00:18:58,410
Έτσι, στην κορυφή δεξιά
εδώ είναι αυτό το πλαίσιο αναζήτησης.

414
00:18:58,410 --> 00:19:02,441
Και αυτό είναι το πώς θα εφαρμοστεί it-- ένα
ετικέτα που είναι κυριολεκτικά μορφή ανοικτού βραχίονα.

415
00:19:02,441 --> 00:19:03,940
Και τότε ας αναζήτηση για κάτι.

416
00:19:03,940 --> 00:19:09,220
Ας αναζήτηση για ένα φιλαράκο
της mine-- "Nick Parlante."

417
00:19:09,220 --> 00:19:11,380
Εισάγω.

418
00:19:11,380 --> 00:19:13,750
Και φυσικά, πήγε να
μια ελαφρώς διαφορετική διεύθυνση URL.

419
00:19:13,750 --> 00:19:15,140
Επιτρέψτε μου να επιστρέψω εδώ.

420
00:19:15,140 --> 00:19:18,960
Ας αναζήτηση για "μαθήματα".

421
00:19:18,960 --> 00:19:19,460
Ανάθεμα.

422
00:19:19,460 --> 00:19:20,484
Πήγε σε μια διαφορετική διεύθυνση URL.

423
00:19:20,484 --> 00:19:23,400
Έτσι, Στάνφορντ προσθέτοντας κάποια μαγική
ότι δεν παίρνετε μου στο URL

424
00:19:23,400 --> 00:19:25,820
που είδαμε στο
δράση αποδίδουν εκεί.

425
00:19:25,820 --> 00:19:32,480
Αλλά αυτή η μορφή εδώ υλοποιείται καθαρά
μέσω αυτής της σήμανσης εδώ, αυτές οι ετικέτες.

426
00:19:32,480 --> 00:19:35,710
Στην πραγματικότητα, εδώ είναι η είσοδος για
το είδος της αναζήτησης που θέλετε.

427
00:19:35,710 --> 00:19:38,940
Εδώ είναι η είσοδος για
ένα άλλο είδος της αναζήτησης.

428
00:19:38,940 --> 00:19:41,960
Εδώ είναι η είσοδος για το ίδιο το κορδόνι.

429
00:19:41,960 --> 00:19:45,394
Και έτσι ο στόχος δεν είναι να τυλίξετε
το μυαλό μας γύρω από όλες αυτές τις ετικέτες

430
00:19:45,394 --> 00:19:46,060
αλλά ακριβώς για να δούμε.

431
00:19:46,060 --> 00:19:48,300
Είναι ακριβώς το άνοιγμα και το κλείσιμο
ετικέτες και αναζητούν τα πράγματα.

432
00:19:48,300 --> 00:19:48,560
Ναι;

433
00:19:48,560 --> 00:19:48,920
Βικτώρια?

434
00:19:48,920 --> 00:19:49,795
>> Κοινό: [δεν ακούγεται]

435
00:19:49,795 --> 00:19:51,925

436
00:19:51,925 --> 00:19:53,550
DAVID J. Malan: Αυτή είναι μια καλή ερώτηση.

437
00:19:53,550 --> 00:19:54,660
Αυτό είναι λίγο πιο περίπλοκη για να δείτε.

438
00:19:54,660 --> 00:19:56,300
Επιτρέψτε μου να επανέλθω στο θέμα αυτό
ερώτηση μέσα σε λίγα λεπτά

439
00:19:56,300 --> 00:19:59,000
όταν κοιτάμε κάτι που ονομάζεται
φύλλα CSS ή Cascading Style,

440
00:19:59,000 --> 00:20:02,500
και μπορούμε να προσπαθήσουμε να συμπεράνουμε
τόσο από τη σελίδα.

441
00:20:02,500 --> 00:20:08,090
Έτσι, αν τώρα ρίξτε μια ματιά στο google.com,
ας δούμε τι μοιάζει σελίδα τους, όπως.

442
00:20:08,090 --> 00:20:09,840
Θα μαζεύουν ότι είναι χαριτωμένο σήμερα.

443
00:20:09,840 --> 00:20:12,490

444
00:20:12,490 --> 00:20:12,990
ΕΝΤΆΞΕΙ.

445
00:20:12,990 --> 00:20:13,690
Όλα τελείωσαν.

446
00:20:13,690 --> 00:20:15,260
Εντάξει, έτσι Προβολή προέλευσης.

447
00:20:15,260 --> 00:20:19,590
Θα πίστευε κανείς ότι η Google έχει
πραγματικά ωραίο πηγαίο κώδικα.

448
00:20:19,590 --> 00:20:24,970
Έτσι, προφανώς, τι συμβαίνει εδώ;

449
00:20:24,970 --> 00:20:27,880
Και στην πραγματικότητα, αυτό δεν είναι καν HTML.

450
00:20:27,880 --> 00:20:30,930
Αυτό είναι κάτι που ονομάζεται το JavaScript.

451
00:20:30,930 --> 00:20:32,344
Και ας συνεχίσουμε και να πηγαίνει.

452
00:20:32,344 --> 00:20:34,010
Εγώ δεν γνωρίζουν καν από πού ξεκινά η σελίδα.

453
00:20:34,010 --> 00:20:37,240
Πάω να χρησιμοποιούν τη γραμμή
F, ανοιχτή HTML βραχίονα.

454
00:20:37,240 --> 00:20:38,200
Εντάξει, εκεί είναι.

455
00:20:38,200 --> 00:20:44,150
Βρήκα την έναρξη της σελίδας, και
υπάρχει τόσο πολύ τα πράγματα εδώ.

456
00:20:44,150 --> 00:20:45,310
>> Τι πραγματικά συμβαίνει;

457
00:20:45,310 --> 00:20:47,460
Λοιπόν, ξέρετε τι,
μπορούμε να καθαρίσει αυτό επάνω.

458
00:20:47,460 --> 00:20:52,109
Αν μου αντί να πάει σε αυτό το Επιθεωρήστε
γραμμή εργαλείων, αυτό το ειδικό διαγνωστικό εργαλείο,

459
00:20:52,109 --> 00:20:54,150
και πηγαίνετε να μην δικτύου,
όπου συνεχίζουμε και σήμερα,

460
00:20:54,150 --> 00:20:56,420
αλλά αν πάω στο Elements,
τι είναι πραγματικά ωραία

461
00:20:56,420 --> 00:20:59,990
είναι ότι ένα πρόγραμμα περιήγησης έχει πολλά
πολύ καλύτερα από ό, τι τα μάτια κάνω.

462
00:20:59,990 --> 00:21:02,670
Και το πρόγραμμα περιήγησης μπορεί να διαβάσει
ότι το χάος μιας ιστοσελίδας,

463
00:21:02,670 --> 00:21:04,700
ότι η HTML ταχυδρομείου εμείς απλά
κοίταξε, και μπορεί να

464
00:21:04,700 --> 00:21:08,340
αναλύσει αυτό ή να διαβάσετε και
αναλύσει και να διαμορφώσετε το

465
00:21:08,340 --> 00:21:09,910
σε ένα ωραίο φιλικό προς τον άνθρωπο τρόπο.

466
00:21:09,910 --> 00:21:11,740
Έτσι, αυτό που βλέπω τώρα
σε αυτή την οθόνη εδώ

467
00:21:11,740 --> 00:21:15,470
σύμφωνα με στοιχεία, το ίδιο ακριβώς περιεχόμενο,
αλλά έχουν εσοχή τα πάντα,

468
00:21:15,470 --> 00:21:18,140
το έχουν χρωματίζονται, αλλά
Είναι ακριβώς το ίδιο κείμενο

469
00:21:18,140 --> 00:21:19,620
που έχω κατεβάσει από το διακομιστή.

470
00:21:19,620 --> 00:21:23,630
>> Και τι ωραίο είναι τώρα μπορώ να δω
στο σώμα, για instance-- ειδοποίηση,

471
00:21:23,630 --> 00:21:26,480
η σελίδα εξακολουθεί να αποτελείται
μόνο ένα κεφάλι και ένα σώμα,

472
00:21:26,480 --> 00:21:28,660
και μπορώ να ιεραρχικά βουτήξει εδώ.

473
00:21:28,660 --> 00:21:32,420
Παρατηρήστε ότι η Google φαίνεται να έχει
να divs-- αυτό το ένα και το αυτό.

474
00:21:32,420 --> 00:21:33,310
Μπορώ να επεκτείνουν αυτό.

475
00:21:33,310 --> 00:21:35,370
Υπάρχει ένα σωρό άλλα divs.

476
00:21:35,370 --> 00:21:36,900
Γι 'αυτό είναι λίγο περίπλοκο.

477
00:21:36,900 --> 00:21:37,400
Αλλά περίμενε.

478
00:21:37,400 --> 00:21:40,970
Αυτό φαίνεται τόσο πολύ περισσότερο
αναγνώσιμη, σχετικά, από αυτό.

479
00:21:40,970 --> 00:21:43,840
Γιατί η Google ενοχλητικό
ίδια με την απλή αποστολή

480
00:21:43,840 --> 00:21:50,400
αυτό το τεράστιο χάος του κώδικα μερικών
είδος απλά για να εφαρμόσει κάτι

481
00:21:50,400 --> 00:21:53,640
ότι φαίνεται τόσο απλό με την πρώτη ματιά;

482
00:21:53,640 --> 00:21:55,270
Όπως, γιατί δεν προσθέτουν περισσότερους χώρους;

483
00:21:55,270 --> 00:21:56,811
Γιατί δεν χτύπησε Εισάγετε όπως έκανα;

484
00:21:56,811 --> 00:21:59,110
Κοίτα πόσο καλός ήμουν
στο γράψιμο μιας ιστοσελίδας.

485
00:21:59,110 --> 00:22:00,680
Χτύπησα Εισάγετε τόσο επιμελώς.

486
00:22:00,680 --> 00:22:03,760
Έχω εσοχή έτσι ώστε τα πάντα
είναι τόσο όμορφη και ευανάγνωστη.

487
00:22:03,760 --> 00:22:08,463
Γιατί η Google δεν ασκεί το ίδιο;

488
00:22:08,463 --> 00:22:11,409
>> Κοινό: [δεν ακούγεται]

489
00:22:11,409 --> 00:22:12,305

490
00:22:12,305 --> 00:22:13,180
DAVID J. Malan: Καλή.

491
00:22:13,180 --> 00:22:14,270
Πολύ δίκαιο.

492
00:22:14,270 --> 00:22:16,650
Δεν έχουν κάποια
πρόσωπο στο Google με το χέρι

493
00:22:16,650 --> 00:22:18,160
επικαιροποίηση της αρχικής σελίδας πια.

494
00:22:18,160 --> 00:22:20,010
Δεν είναι 1999 πια.

495
00:22:20,010 --> 00:22:21,140
Έτσι ώστε να έχουν το λογισμικό.

496
00:22:21,140 --> 00:22:25,397
Έχουν άλλα εργαλεία που
δημιουργούν δυναμικά όπου και αν HTML.

497
00:22:25,397 --> 00:22:27,480
Φυσικά, η ίδια κωδικός
γράφτηκε από τον άνθρωπο,

498
00:22:27,480 --> 00:22:30,220
αλλά η πραγματικότητα είναι,
είναι αρκετά δίκαιο να πούμε,

499
00:22:30,220 --> 00:22:33,340
το πρόγραμμα περιήγησης σίγουρα δεν κάνει
με νοιάζει πόσο βρώμικο ο κωδικός είναι.

500
00:22:33,340 --> 00:22:35,940
Αλλά υπάρχει μια ακόμη πιο
αναγκάζοντας τεχνικός λόγος

501
00:22:35,940 --> 00:22:42,580
ότι η Google διανέμει HTML τους
κώδικα σε μια τέτοια προχειρότητα, φαινομενικά

502
00:22:42,580 --> 00:22:48,350
συντριπτική τρόπο όλα τα συσκευασμένα μαζί
με πολύ μικρή τρόπο-- πολύ λίγο

503
00:22:48,350 --> 00:22:51,274
με τον τρόπο της μορφοποίησης, όπως έκανα.

504
00:22:51,274 --> 00:22:52,570
>> Κοινό: [δεν ακούγεται]

505
00:22:52,570 --> 00:22:53,528
>> DAVID J. Malan: Ταχύτερη;

506
00:22:53,528 --> 00:22:54,040
Γιατί;

507
00:22:54,040 --> 00:22:55,680
Και τι είπες, Λυδία;

508
00:22:55,680 --> 00:22:56,240
Πιο γρήγορα;

509
00:22:56,240 --> 00:22:57,281
Γιατί γρηγορότερα;

510
00:22:57,281 --> 00:22:58,156
Κοινό: [δεν ακούγεται]

511
00:22:58,156 --> 00:23:00,522

512
00:23:00,522 --> 00:23:02,230
DAVID J. Malan: Υπάρχει
δεν υπάρχει χώρος για να διαβάσετε.

513
00:23:02,230 --> 00:23:02,730
Ναι.

514
00:23:02,730 --> 00:23:04,560
Έτσι, σκεφτείτε τι ένας χώρος είναι.

515
00:23:04,560 --> 00:23:08,394
Έτσι, κάθε χαρακτήρας στο πληκτρολόγιο παίρνει
κάποια ποσότητα του χώρου να εκπροσωπεί,

516
00:23:08,394 --> 00:23:10,560
είτε σωματικά, είτε μας αρέσει
καταλαμβάνει τόσο πολύ χώρο,

517
00:23:10,560 --> 00:23:13,250
ή με κάποιο τρόπο κάτω από το
κουκούλα, που απαιτεί μνήμη.

518
00:23:13,250 --> 00:23:15,740
Και ως aside-- και θα
μιλήσουμε περισσότερο για αυτό tomorrow--

519
00:23:15,740 --> 00:23:19,930
κάθε χαρακτήρα στο πληκτρολόγιο
τυπικά απαιτεί 8 bits, ή ένα byte.

520
00:23:19,930 --> 00:23:23,360
Έτσι, ένα μοτίβο από 8 μηδενικά ή
αυτά, ή μόλις 1 byte, όπως

521
00:23:23,360 --> 00:23:24,720
οι άνθρωποι συνήθως θα έλεγα.

522
00:23:24,720 --> 00:23:27,690
Έτσι ώστε να είναι μικρό, αλλά
εξακολουθούν να είναι μη μηδενική.

523
00:23:27,690 --> 00:23:29,940
Είναι ακόμα κάποια ποσότητα του χώρου.

524
00:23:29,940 --> 00:23:36,082
Έτσι, εάν ένας μηχανικός ή Google χτυπά
ο χώρος μπαρ μόνο μία φορά, και ας υποθέσουμε

525
00:23:36,082 --> 00:23:38,540
Google-- είναι υπερ-popular--
ας υποθέσουμε ότι ένα δισεκατομμύριο άνθρωποι

526
00:23:38,540 --> 00:23:40,780
επισκεφθείτε την αρχική σελίδα τους την ημέρα,
ή κάποιο αριθμό των ατόμων

527
00:23:40,780 --> 00:23:43,290
επισκεφθείτε την αρχική σελίδα του μια
δισεκατομμύρια φορές την ημέρα,

528
00:23:43,290 --> 00:23:48,890
πόσα επιπλέον bytes έχει ότι
μηχανικός λογισμικού κοστίζει μόλις Google

529
00:23:48,890 --> 00:23:51,310
με το χτύπημα μπαρ του ή το χώρο της μια φορά;

530
00:23:51,310 --> 00:23:52,692
>> Κοινό: [δεν ακούγεται]

531
00:23:52,692 --> 00:23:54,150
DAVID J. Malan: Δεν είναι τόσο άσχημα.

532
00:23:54,150 --> 00:23:57,070
Μόλις μία φορές byte ένα δισεκατομμύριο.

533
00:23:57,070 --> 00:23:57,871
έτσι a--

534
00:23:57,871 --> 00:23:59,120
Κοινό: 8000000000 gigabytes.

535
00:23:59,120 --> 00:24:00,370
DAVID J. Malan: Δεν 8000000000.

536
00:24:00,370 --> 00:24:01,240
8000000000 bytes.

537
00:24:01,240 --> 00:24:02,410
Αλλά 1 gigabyte.

538
00:24:02,410 --> 00:24:04,080
1 gigabyte θα είναι η μονάδα μέτρησης.

539
00:24:04,080 --> 00:24:08,240
Αν αυτός ή αυτή κάνει δύο
χώροι, 2 gigabytes.

540
00:24:08,240 --> 00:24:09,030
Τρεις gigabytes.

541
00:24:09,030 --> 00:24:09,530
Δικαίωμα?

542
00:24:09,530 --> 00:24:11,860
Είναι κλίμακες ακριβά.

543
00:24:11,860 --> 00:24:16,150
Και έτσι σε περιπτώσεις όπως η Google,
η οποία, χορηγούνται, είναι ακραίες περιπτώσεις,

544
00:24:16,150 --> 00:24:21,450
υπάρχουν και άλλα θέματα που προκύπτουν μόνο
κάνοντας πολύ λογικές αποφάσεις

545
00:24:21,450 --> 00:24:25,744
ή τη λήψη πολύ απλό ανθρώπινες ενέργειες,
επειδή έχει αυτό μεγεθύνεται αποτέλεσμα.

546
00:24:25,744 --> 00:24:27,660
Έτσι ένας από τους λόγους
αυτό φαίνεται τόσο συμπιεσμένο

547
00:24:27,660 --> 00:24:30,660
Είναι ακριβώς όπως Victoria said-- ήταν
μόλις δημιουργείται από τους υπολογιστές έτσι κι αλλιώς.

548
00:24:30,660 --> 00:24:31,900
Έτσι, δεν είναι μεγάλη υπόθεση.

549
00:24:31,900 --> 00:24:33,309
Αφήστε το πρόγραμμα περιήγησης να το καταλάβω.

550
00:24:33,309 --> 00:24:35,350
Αλλά επίσης εσκεμμένα
δεν έχει πολύ χώρο,

551
00:24:35,350 --> 00:24:36,766
επειδή ο χώρος δεν είναι απαραίτητη.

552
00:24:36,766 --> 00:24:38,250
Και ο χώρος κοστίζει πραγματικά χρήματα.

553
00:24:38,250 --> 00:24:40,670
>> Είναι είτε κοστίζει το χρόνο,
επειδή ακριβώς για να ωθήσει

554
00:24:40,670 --> 00:24:44,670
ότι πολύ περισσότερα δεδομένα από
έδρα google.com ακριβώς

555
00:24:44,670 --> 00:24:47,710
έχει να πάρει κάποιο ποσό της
ώρα, ακόμη και αν είναι χιλιοστά του δευτερολέπτου

556
00:24:47,710 --> 00:24:51,190
ή μικροδευτερόλεπτα, αλλά αυτό προσθέτει μέχρι
πάνω από τόσους πολλούς χρήστες, ή το πιθανότερο,

557
00:24:51,190 --> 00:24:52,270
κοστίζει κατά πάσα πιθανότητα τα χρήματα.

558
00:24:52,270 --> 00:24:54,690
Google συνδέει πιθανώς να
κάποιος άλλος στον κόσμο, ένα

559
00:24:54,690 --> 00:24:56,398
εκείνων ανταλλαγής κίνησης
σημεία, και αν έχουν

560
00:24:56,398 --> 00:24:59,880
κάποιο είδος των οικονομικών σχέσεων
σύμφωνα με την οποία το κόστος των δεδομένων τους χρήματα,

561
00:24:59,880 --> 00:25:01,730
θα μπορούσε κάλλιστα
ελαχιστοποιούν τον όγκο των δεδομένων

562
00:25:01,730 --> 00:25:04,530
από όπου και αν φτύσιμο σε
τη σύνδεσή τους στο διαδίκτυο.

563
00:25:04,530 --> 00:25:07,630
>> Έτσι, το αστείο πράγμα, όμως, τελικά,
ή ίσως η καθησυχαστική πράγμα,

564
00:25:07,630 --> 00:25:11,030
είναι ότι ακόμα κι αν αυτό φαίνεται τρομερά
συντριπτική, στο τέλος της ημέρας,

565
00:25:11,030 --> 00:25:16,750
εξακολουθούν να είναι οι ίδιες ακριβώς αρχές, όπως
Αυτή η πολύ απλή σελίδα εδώ μιας HTML

566
00:25:16,750 --> 00:25:17,390
σελίδα.

567
00:25:17,390 --> 00:25:20,610
Έτσι απλά για να συνοψίσει και έτσι ώστε να
έχουν μια κανονική έκδοση, αν δεν ήταν

568
00:25:20,610 --> 00:25:25,900
μετά μαζί με την επιλογή εδώ, εδώ
θα μπορούσε να είναι η πιο απλή των ιστοσελίδων,

569
00:25:25,900 --> 00:25:28,240
έτσι κάτι για να παίξει με ίσως αργότερα.

570
00:25:28,240 --> 00:25:30,790
>> Λοιπόν, ας εισαγάγει ένα
μερικές άλλες ιδέες τώρα.

571
00:25:30,790 --> 00:25:33,420
Είμαστε έτοιμοι να εισαγάγουν
κάτι που ονομάζεται μια ετικέτα στυλ.

572
00:25:33,420 --> 00:25:38,110
Μπορούμε να στυλιζάρω αυτή τη σελίδα
πιο ενδιαφέροντες τρόπους.

573
00:25:38,110 --> 00:25:40,860
Έτσι, ενώ HTML email
Είναι όλα σχετικά με τη σήμανση μέχρι

574
00:25:40,860 --> 00:25:44,470
τα δεδομένα, το είδος της προσδιορίζοντας ένα
πρόγραμμα περιήγησης πώς να δομήσει τα δεδομένα,

575
00:25:44,470 --> 00:25:48,110
πού να το βάλετε, CSS, ή
επικαλυπτόμενα φύλλα στυλ,

576
00:25:48,110 --> 00:25:52,640
είναι μια δεύτερη γλώσσα που
γενικά παίρνει ενώνονται με HTML

577
00:25:52,640 --> 00:25:55,670
όπως θα see-- αλλά μπορούμε να καθαρίσει
ότι σε μια moment-- που παίρνει

578
00:25:55,670 --> 00:25:59,850
ότι το τελικό μίλι, και το stylizes.

579
00:25:59,850 --> 00:26:02,460
Παίρνει τα χρώματα ακριβώς δεξιά,
η γραμματοσειρά μεγέθη μόνο δικαίωμα,

580
00:26:02,460 --> 00:26:03,860
η τοποθέτηση ακριβώς δεξιά.

581
00:26:03,860 --> 00:26:06,510
Είναι όλα σχετικά με την αισθητική
ή μορφοποίηση, όχι για

582
00:26:06,510 --> 00:26:08,330
η ίδια η θεμελιώδης δεδομένων.

583
00:26:08,330 --> 00:26:11,390
Και ο ευκολότερος τρόπος για να δείξει
Αυτό είναι ίσως το παράδειγμα.

584
00:26:11,390 --> 00:26:15,320
Έτσι, Πάω να πάει πέρα ​​από
σε απλό αρχείο κειμένου μου.

585
00:26:15,320 --> 00:26:17,970
Και ακριβώς σε μια στιγμή, εγώ θα
τα πόδια μας μέσα από τη διαδικασία

586
00:26:17,970 --> 00:26:19,360
για να γίνει αυτό τον εαυτό μας.

587
00:26:19,360 --> 00:26:23,310
>> Πάω να πάει πίσω στο αρχείο μου
εδώ και επαναλάβετε τη φόρτωση της σελίδας μόνο

588
00:26:23,310 --> 00:26:25,800
για να επιβεβαιώσει τι μοιάζει.

589
00:26:25,800 --> 00:26:27,190
Αυτός είναι όπου είμαστε τώρα.

590
00:26:27,190 --> 00:26:31,170
Νιώθω σαν παιδιά θα απολαύσουν
έχει λίγο χρώμα σε αυτή την ιστοσελίδα.

591
00:26:31,170 --> 00:26:34,480
Έτσι, Πάω να πάει εδώ
στο κεφάλι της σελίδας.

592
00:26:34,480 --> 00:26:38,130
Και Πάω να κάνω το στυλ, / στυλ.

593
00:26:38,130 --> 00:26:44,060
Και τότε μέσα από αυτό, θα πάω
να πει το σώμα του page-- μου

594
00:26:44,060 --> 00:26:46,870
και αυτή η μορφοποίηση είναι, σε
Εκ πρώτης όψεως, ίσως λίγο

595
00:26:46,870 --> 00:26:49,400
περίεργο, αλλά τα συμβατικά.

596
00:26:49,400 --> 00:26:55,010
Πάω να πω ότι στο παρασκήνιο
χρώμα αυτής της σελίδας θα πρέπει να είναι πράσινη.

597
00:26:55,010 --> 00:26:57,960
Και αυτό είναι, δυστυχώς,
είδος δεν είναι η καλύτερη σχεδίαση.

598
00:26:57,960 --> 00:27:00,710
Παρατηρήστε ότι στο παρελθόν
στον κόσμο της HTML,

599
00:27:00,710 --> 00:27:03,190
Είπα ότι τα χαρακτηριστικά
είναι αυτά τα ζεύγη κλειδιού-τιμής.

600
00:27:03,190 --> 00:27:05,760
Κάτι ισούται με παράθεση αυτού του μηνύματος
εισαγωγικά "κάτι".

601
00:27:05,760 --> 00:27:08,810
Στον κόσμο του CSS, η οποία ήταν
σχεδιάστηκε από μερικούς διαφορετικούς ανθρώπους,

602
00:27:08,810 --> 00:27:11,020
αποφάσισαν ότι, στο έδαφός τους
κόσμο, τα ζεύγη κλειδιών-τιμών

603
00:27:11,020 --> 00:27:13,920
θα ήταν λέξη κάτι παχέος εντέρου.

604
00:27:13,920 --> 00:27:15,220
Έτσι είναι η ίδια ιδέα, όμως.

605
00:27:15,220 --> 00:27:18,620
Είναι συνδέει μια τιμή
με μερικά βασικά ότι κατά κάποιον τρόπο

606
00:27:18,620 --> 00:27:20,330
επηρεάζει τη συμπεριφορά αυτής της σελίδας.

607
00:27:20,330 --> 00:27:21,901
>> Και μπορείτε να μαντέψετε.

608
00:27:21,901 --> 00:27:24,150
Τι είναι αυτό κατά πάσα πιθανότητα θα
να κάνει ακόμα και αν έχετε ποτέ δεν

609
00:27:24,150 --> 00:27:27,867
δει HTML ή CSS πριν;

610
00:27:27,867 --> 00:27:29,450
Κοινό: Αλλάξτε το χρώμα του φόντου.

611
00:27:29,450 --> 00:27:30,560
DAVID J. Malan: Ναι,
αλλάξετε το χρώμα του φόντου.

612
00:27:30,560 --> 00:27:33,280
Και συγκεκριμένα η
χρώμα του φόντου του σώματος.

613
00:27:33,280 --> 00:27:36,290
Αλλά εφόσον η
σώματος για τώρα είναι το διαδίκτυο

614
00:27:36,290 --> 00:27:38,870
page-- αυτό είναι το μόνο πράγμα
κάτω από τη γραμμή τίτλου really--

615
00:27:38,870 --> 00:27:40,870
είναι κατά πάσα πιθανότητα πρόκειται να
επηρεάζουν το ίδιο πράγμα.

616
00:27:40,870 --> 00:27:41,430
Ας δούμε λοιπόν.

617
00:27:41,430 --> 00:27:42,490
Ας σώσει αυτό.

618
00:27:42,490 --> 00:27:44,310
Πηγαίνετε εδώ και να φορτώσετε εκ νέου.

619
00:27:44,310 --> 00:27:46,140
Είναι αρκετά φρικτή.

620
00:27:46,140 --> 00:27:48,070
Και τι συμβαίνει
εδώ είναι μια παρενέργεια.

621
00:27:48,070 --> 00:27:49,850
Απλά επέλεξε αυτή την εικόνα τυχαία.

622
00:27:49,850 --> 00:27:53,305
Γιατί είναι το να μην πράσινο
διαπερνά πίσω Μίκυ;

623
00:27:53,305 --> 00:27:54,180
Κοινό: [δεν ακούγεται]

624
00:27:54,180 --> 00:27:56,880

625
00:27:56,880 --> 00:27:57,880
DAVID J. Malan: Ακριβώς.

626
00:27:57,880 --> 00:28:01,750
Αποδεικνύεται ότι οι εικόνες, αρκετά
πολύ όλες οι εικόνες που θα μπορούσαν να χρησιμοποιήσουν,

627
00:28:01,750 --> 00:28:03,670
είναι όλα rectangles-- των ορθογωνίων.

628
00:28:03,670 --> 00:28:07,710
Ακόμα κι αν Mickey έχει κάποιες καμπύλες
για τον εαυτό του και να έχει ένα υπόβαθρο,

629
00:28:07,710 --> 00:28:09,330
ότι το υπόστρωμα πρέπει να είναι κάτι.

630
00:28:09,330 --> 00:28:10,280
Πρέπει να είναι λευκό.

631
00:28:10,280 --> 00:28:11,910
Πρέπει να είναι μαύρο ή κάτι άλλο.

632
00:28:11,910 --> 00:28:13,650
Μπορεί να είναι διαφανής.

633
00:28:13,650 --> 00:28:16,100
Και στην πραγματικότητα, θα μπορούσα
ανοίξτε Μίκυ Μάους εδώ

634
00:28:16,100 --> 00:28:18,590
σε ένα πρόγραμμα που ονομάζεται Photoshop
ή κάτι παρόμοιο

635
00:28:18,590 --> 00:28:21,176
και να αλλάξει όλο αυτό το λευκό
φόντο με διαφανή,

636
00:28:21,176 --> 00:28:22,550
έτσι το πράσινο θα λάμψει.

637
00:28:22,550 --> 00:28:25,980
Αλλά αυτό είναι κάτι που θα χρειαστεί
να ρωτήσω τον εαυτό μου ή ενός γραφίστα

638
00:28:25,980 --> 00:28:28,130
ή ένας σχεδιαστής στο μου
εταιρεία, για παράδειγμα,

639
00:28:28,130 --> 00:28:31,490
να κάνει, ειδικά από τότε που μόλις
δανείστηκε αυτό το ένα από το διαδίκτυο.

640
00:28:31,490 --> 00:28:33,030
Αλλά αυτό είναι γιατί συμβαίνει αυτό.

641
00:28:33,030 --> 00:28:34,980
>> Λοιπόν, τι άλλο μπορεί να θέλουμε να κάνουμε;

642
00:28:34,980 --> 00:28:41,040
Λοιπόν, θα μπορούσαμε να θέλουμε να πούμε εμείς
Πραγματικά ελπίζω να απολαύσετε τη διαμονή σας.

643
00:28:41,040 --> 00:28:44,150
Και για έμφαση, θέλω
για να κάνουν αυτό το ισχυρό,

644
00:28:44,150 --> 00:28:48,310
και γι 'αυτό θα πω ανοιχτά ισχυρή και
κλείστε ισχυρή και στη συνέχεια να φορτώσετε εκ νέου.

645
00:28:48,310 --> 00:28:50,320
Και αυτό είναι λίγο δύσκολο
για να δείτε τον προβολέα

646
00:28:50,320 --> 00:28:53,250
αλλά ίσως πραγματικά τώρα
πηδά έξω σε σας λίγο περισσότερο.

647
00:28:53,250 --> 00:28:56,180
Έτσι, μπορείτε να προσθέσετε πλάγιους σε αυτό
τρόπο, έντονα προσανατολισμό με αυτόν τον τρόπο.

648
00:28:56,180 --> 00:28:57,500
Θα μπορούσαμε να αλλάξετε τα χρώματα.

649
00:28:57,500 --> 00:29:01,610
Στην πραγματικότητα, μόνο για κλωτσιές, είμαι
πρόκειται να προχωρήσει και να το κάνουμε αυτό.

650
00:29:01,610 --> 00:29:05,120
Δεν μου αρέσει πραγματικά πώς μου
παραγράφους είναι αυτό κοντά μεταξύ τους,

651
00:29:05,120 --> 00:29:06,870
έτσι θα μπορούσα να κάνω κάτι τέτοιο.

652
00:29:06,870 --> 00:29:13,310
Πάω να πω το πρόγραμμα περιήγησης,
αλλάζουν κάθε σημείο της ετικέτας να έχει,

653
00:29:13,310 --> 00:29:16,952
ας say-- πραγματικότητα, ξέρετε τι,
ας ευθυγράμμισή text-align, κέντρο.

654
00:29:16,952 --> 00:29:19,410
Και πάλι, ξέρω ότι αυτό μόνο
επειδή κάποιος δίδαξε σε μένα

655
00:29:19,410 --> 00:29:21,118
ή έψαξα στο
ένα online αναφοράς.

656
00:29:21,118 --> 00:29:22,450
Έτσι, επιτρέψτε μου να σώσει αυτό.

657
00:29:22,450 --> 00:29:25,070
Και, αχ, τώρα έχω
με επίκεντρο την εικόνα εκεί.

658
00:29:25,070 --> 00:29:28,490
Και στην πραγματικότητα, ξέρετε τι, αν
Κινούμαι εικόνα μου σε μια παράγραφο

659
00:29:28,490 --> 00:29:34,510
tag-- έτσι, ένα τρίτο εδάφιο,
ακόμα κι αν δεν είναι κείμενο.

660
00:29:34,510 --> 00:29:36,917
Ας σώσει αυτό και να φορτώσετε εκ νέου.

661
00:29:36,917 --> 00:29:40,000
Τώρα η σελίδα έχει αρχίσει να εξετάσουμε το είδος
τον αριθμό τους μπορώ να πω, είναι ακόμα αρκετά άσχημο,

662
00:29:40,000 --> 00:29:43,180
αλλά τουλάχιστον μοιάζει Πέρασα
δυο λεπτά αντί ενός λεπτού

663
00:29:43,180 --> 00:29:43,950
καταφέρνοντάς το.

664
00:29:43,950 --> 00:29:47,200
>> Και έτσι, σταδιακά, μπορούμε να κάνουμε
Αυτές οι αισθητικές αλλαγές τώρα στη σελίδα;

665
00:29:47,200 --> 00:29:50,860
Δεν έχω αλλάξει πραγματικά τα δεδομένα στο
σελίδα, εκτός από την προσθήκη της λέξης πραγματικά.

666
00:29:50,860 --> 00:29:52,650
Έχω προσθέσει μεταδεδομένα, αν θέλετε.

667
00:29:52,650 --> 00:29:54,830
Γεια σου, πρόγραμμα περιήγησης, κάνει το
λέξη "πραγματικά" τολμηρή.

668
00:29:54,830 --> 00:29:56,940
Αλλά τα δεδομένα δεν είναι ισχυρή.

669
00:29:56,940 --> 00:29:57,830
Αυτό είναι μεταδεδομένων.

670
00:29:57,830 --> 00:29:59,410
Τα δεδομένα είναι "πραγματικά".

671
00:29:59,410 --> 00:30:02,200
Έτσι έχουμε ακόμα μερικά από τα
οι ίδιες έννοιες όπως και πριν.

672
00:30:02,200 --> 00:30:05,990
Τώρα, φυσικά, αυτό δεν είναι στο διαδίκτυο,
έτσι Πάω να κάνω ένα τελικό βήμα εδώ.

673
00:30:05,990 --> 00:30:10,300
>> Πάω να πάει στο hello.html
και μόλις επισημάνετε και να αντιγράψετε αυτό.

674
00:30:10,300 --> 00:30:12,285
Και τώρα Πάω να
πάει σε Cloud9, η οποία

675
00:30:12,285 --> 00:30:13,910
Θα σας καθοδηγήσει σε μια στιγμή.

676
00:30:13,910 --> 00:30:17,080
Και οι πιθανότητες είναι εσείς θα είναι σύντομα, αν
δεν είναι ήδη, σε μια οθόνη σαν αυτή.

677
00:30:17,080 --> 00:30:21,080
Και επιτρέψτε μου να σας δώσω ένα γρήγορο
περιοδεία του τι Cloud9 πραγματικά είναι.

678
00:30:21,080 --> 00:30:26,590
Έτσι και πάλι Cloud 9 είναι
Αυτή η υπηρεσία που βασίζεται σε σύννεφο

679
00:30:26,590 --> 00:30:30,580
ότι εσείς και μου δίνει την ψευδαίσθηση
της έχοντας το δικό μας εικονική μηχανή

680
00:30:30,580 --> 00:30:33,090
στο σύννεφο, τεχνικά
ένα δοχείο στο σύννεφο,

681
00:30:33,090 --> 00:30:35,160
ότι έχουμε πλήρη
δικαιώματα διαχειριστή για να.

682
00:30:35,160 --> 00:30:37,130
Έτσι, θεωρητικά, κανείς δεν
αλλού στον κόσμο έχει

683
00:30:37,130 --> 00:30:39,152
πρόσβαση στην οθόνη είμαι
κοιτάζοντας τώρα,

684
00:30:39,152 --> 00:30:40,860
εκτός ίσως από τους ανθρώπους
που διοικούν την περιοχή,

685
00:30:40,860 --> 00:30:43,470
γιατί τεχνικά δεν έχουν
φυσική πρόσβαση και ούτω καθεξής.

686
00:30:43,470 --> 00:30:44,740
>> Έτσι, αυτό που βλέπουμε σε αυτό το περιβάλλον;

687
00:30:44,740 --> 00:30:46,230
Πάω για σμίκρυνση,
επειδή είναι λίγο μικρό.

688
00:30:46,230 --> 00:30:48,104
Και επιτρέψτε μου να επισημάνω πάνω
εδώ μόνο για μια στιγμή.

689
00:30:48,104 --> 00:30:53,210
Από την αριστερή πλευρά του μου και σας
οθόνη, υπάρχει ένα πρόγραμμα περιήγησης στο αρχείο στα αριστερά.

690
00:30:53,210 --> 00:30:55,362
Έτσι παρόμοια σε πνεύμα
για Mac OS και Windows.

691
00:30:55,362 --> 00:30:57,070
Αυτά είναι όλα τα
τα αρχεία του λογαριασμού μου.

692
00:30:57,070 --> 00:30:59,250
Και από προεπιλογή, αν σας
λογαριασμού είναι σαν τη δική μου,

693
00:30:59,250 --> 00:31:05,090
θα δείτε ή να δείτε σύντομα
HelloWorld.html και readme.md.

694
00:31:05,090 --> 00:31:07,950
Πάνω από εδώ στα δεξιά, αυτό είναι
όπου τα αρχεία κειμένου μου πρόκειται να πάει.

695
00:31:07,950 --> 00:31:11,620
Εάν έχετε χρησιμοποιήσει ποτέ Microsoft
Word ή το Notepad ή TextEdit,

696
00:31:11,620 --> 00:31:14,100
αυτή είναι η λέξη μοντάζ μου
αρχείων πρόκειται να πάει.

697
00:31:14,100 --> 00:31:16,540
Και τότε το πιο απόκρυφες
χαρακτηριστικό αυτού του περιβάλλοντος

698
00:31:16,540 --> 00:31:20,100
ότι δεν θα πρέπει πραγματικά να χρησιμοποιήσετε είναι
εδώ κάτω που ονομάζεται ένα παράθυρο τερματικού.

699
00:31:20,100 --> 00:31:23,390
Αν έχετε χρησιμοποιήσει το DOS από
χθες, αυτό είναι το Linux

700
00:31:23,390 --> 00:31:25,450
ή το ισοδύναμο Linux του DOS.

701
00:31:25,450 --> 00:31:28,190
Είναι ένα κείμενο που βασίζεται interface--
Δεν κλικ του ποντικιού, δεν σύρσιμο.

702
00:31:28,190 --> 00:31:30,770
Όλα μπορείτε να κάνετε είναι να πληκτρολογήσετε
εντολές, αλλά αυτές οι εντολές

703
00:31:30,770 --> 00:31:34,400
μπορεί να δημιουργήσει αρχεία, να μετακινήσετε αρχεία, ανοίξτε
καταλόγους, κοντά καταλόγους,

704
00:31:34,400 --> 00:31:35,740
κάνει πολλά πράγματα.

705
00:31:35,740 --> 00:31:38,060
Αλλά για τώρα, απλά θα
περνούν το χρόνο μας εδώ.

706
00:31:38,060 --> 00:31:39,050
>> Και έτσι ας κάνουμε αυτό.

707
00:31:39,050 --> 00:31:41,008
Αν είστε σε αυτή την
περιβάλλον, το οποίο θα πρέπει

708
00:31:41,008 --> 00:31:45,900
να είναι αν έχετε δημιουργήσει ένα χώρο εργασίας
ήδη, να προχωρήσει και μόλις ανεβαίνουν

709
00:31:45,900 --> 00:31:48,690
σε αρχείο, New για μια στιγμή.

710
00:31:48,690 --> 00:31:51,740
Και αυτό θα σας δώσει μια νέα
καρτέλα εδώ στη μέση.

711
00:31:51,740 --> 00:31:54,250
Και εγώ just-- και ας
να προχωρήσει και να το κάνουμε αυτό.

712
00:31:54,250 --> 00:31:59,910
Ας πάμε μπροστά και τώρα δεν File, Save
και να προχωρήσει και να το ονομάσουμε hello.html,

713
00:31:59,910 --> 00:32:02,740
δεν πρέπει να συγχέεται με
HelloWorld.html, η οποία

714
00:32:02,740 --> 00:32:06,910
ήρθε με το νέο σας δωρεάν λογαριασμό,
η οποία είναι απλώς ένα δείγμα αρχείου.

715
00:32:06,910 --> 00:32:11,020
Θα δείτε να εμφανίζεται ξαφνικά,
πιθανότατα από την αριστερή πλευρά,

716
00:32:11,020 --> 00:32:12,810
και η καρτέλα θα είναι ακόμα ανοιχτή.

717
00:32:12,810 --> 00:32:21,300
Και επιτρέψτε μου να σας ενθαρρύνω τώρα να αναδημιουργήσει
Αυτό το αρχείο ή κάποιες παραλλαγές αυτής.

718
00:32:21,300 --> 00:32:24,607
Και αν δεν μπορείτε να δείτε αρκετά σχετικά με το
οθόνη, αυτή είναι πανομοιότυπη με τις διαφάνειες

719
00:32:24,607 --> 00:32:26,190
ότι θα πρέπει κατά πάσα πιθανότητα σε μια άλλη καρτέλα.

720
00:32:26,190 --> 00:32:29,296
>> Έτσι, με λίγα λόγια, κάνει την πρώτη ιστοσελίδα σας,
αποθηκεύσετε, και στη συνέχεια, ακριβώς σε μια στιγμή,

721
00:32:29,296 --> 00:32:31,170
Θα σας δείξουμε πώς μπορείτε
μπορεί πραγματικά να δείτε αυτό.

722
00:32:31,170 --> 00:32:32,970
Αλλά αλλάξει τουλάχιστον ένα πράγμα.

723
00:32:32,970 --> 00:32:35,400
Αλλαγή helloworld να
κάτι της επιλογής σας,

724
00:32:35,400 --> 00:32:39,821
έτσι ώστε να είστε πεπεισμένοι ότι είναι σας
αρχείο και όχι το ένα που μόλις δημιουργήσατε.

725
00:32:39,821 --> 00:32:40,320
Εντάξει.

726
00:32:40,320 --> 00:32:43,804
Και όταν είστε Ready-- δεν
rush-- όταν είστε έτοιμοι,

727
00:32:43,804 --> 00:32:46,220
να προχωρήσει και να αποθηκεύσετε το αρχείο
τη στιγμή που έχετε κάνει τις αλλαγές αυτές.

728
00:32:46,220 --> 00:32:49,540
Και αν κάνετε κλικ στο
Εκτελέστε το πλήκτρο επάνω στην κορυφή, αυτό

729
00:32:49,540 --> 00:32:53,610
θα πρέπει να ανοίξει μια νέα καρτέλα που θα πει
σας τι URL, μπορείτε να επισκεφθείτε το αρχείο σας σε,

730
00:32:53,610 --> 00:32:56,380
αλλά μπορεί να πάρει λίγο χρόνο για να
απόσπασμα πελάτη στο "Start Apache," η οποία

731
00:32:56,380 --> 00:32:58,820
είναι το όνομα του web server.

732
00:32:58,820 --> 00:33:02,430
Γι 'αυτό να είστε προσεκτικοί για να κάνουμε ακριβώς
τι είναι στο αρχείο τελικά.

733
00:33:02,430 --> 00:33:04,610
Έτσι τώρα, εγώ θα μεγεθύνετε.

734
00:33:04,610 --> 00:33:07,780
Αν αρχίσω να πληκτρολογείτε
ανοικτού βραχίονα HTML, προειδοποίηση

735
00:33:07,780 --> 00:33:09,650
αυτό είναι που μου ζητά να τελειώσω τη σκέψη μου.

736
00:33:09,650 --> 00:33:13,750
Και αν τελείωσα τη σκέψη μου,
μου δίνει αυτόματα την ετικέτα κλεισίματος.

737
00:33:13,750 --> 00:33:17,190
Αλλά η προσδοκία τότε θα χτυπήσει
Enter και στη συνέχεια να προχωρήσουμε εκεί μέσα

738
00:33:17,190 --> 00:33:21,180
και μην το κεφάλι μέσα και
τότε θα κάνει το σώμα μέσα.

739
00:33:21,180 --> 00:33:24,430
Και αυτό είναι λίγο περίεργο στην αρχή,
γιατί είναι να κάνει τη δουλειά για σας,

740
00:33:24,430 --> 00:33:27,110
αλλά συνειδητοποιούν ότι τελικά
αυτό σας σώζει πληκτρολογήσεις.

741
00:33:27,110 --> 00:33:30,500
Και στην πραγματικότητα, ένα πολύ κοινό χαρακτηριστικό των
περιβάλλοντα προγραμματισμού αυτές τις μέρες

742
00:33:30,500 --> 00:33:33,260
τόσο για την ανάπτυξη Ιστού, όπως
αυτό και την πραγματική προγραμματισμό,

743
00:33:33,260 --> 00:33:36,960
το οποίο θα μιλήσουμε για το αύριο,
Είναι αυτά αυτόματη συμπλήρωση χαρακτηριστικά,

744
00:33:36,960 --> 00:33:39,710
πράγματα που επιτρέπουν μόνο ένα
προγραμματιστής ή ένας σχεδιαστής

745
00:33:39,710 --> 00:33:42,010
για να πληκτρολογήσετε λιγότερες πληκτρολογήσεις για να
επιτύχει το ίδιο πράγμα.

746
00:33:42,010 --> 00:33:43,176
Μερικές φορές είναι καλό, όμως.

747
00:33:43,176 --> 00:33:44,560
Μερικές φορές είναι απλά ενοχλητικό.

748
00:33:44,560 --> 00:33:49,290

749
00:33:49,290 --> 00:33:54,010
Και, πάλι, αφού έχετε μεταγραφεί
η διαφάνεια ή κάποια παραλλαγή αυτής,

750
00:33:54,010 --> 00:33:57,360
μπορείτε να κάνετε κλικ στο κουμπί Εκτέλεση επάνω στην κορυφή.

751
00:33:57,360 --> 00:33:59,910
Και στη συνέχεια, στο κάτω μέρος
παράθυρο, θα πρέπει να ενημερώνεται

752
00:33:59,910 --> 00:34:04,290
σε ποια διεύθυνση URL μπορείτε να επισκεφθείτε την ιστοσελίδα σας.

753
00:34:04,290 --> 00:34:08,790
Ορυχείο, για παράδειγμα, είναι σε
business-daharvard.c9users.io

754
00:34:08,790 --> 00:34:11,480
και ούτω καθεξής.

755
00:34:11,480 --> 00:34:14,580
Εντάξει, έτσι, ας me-- απορίες;

756
00:34:14,580 --> 00:34:19,460
Οποιεσδήποτε άλλες ερωτήσεις σχετικά με το απλά να πάρει
Αυτό λειτουργεί πριν προσθέτουν χαρακτηριστικά;

757
00:34:19,460 --> 00:34:21,692
Και επιτρέψτε μου να προτείνω, απλά
για να πάρει τους λαούς comfortable--

758
00:34:21,692 --> 00:34:24,400
επειδή είναι ένα πράγμα σε μόλις
copy-paste τυφλά ό, τι έχω κάνει.

759
00:34:24,400 --> 00:34:27,177
Αλλά ακριβώς έτσι ότι οι λαοί παλεύουν
με τουλάχιστον ένα to-do,

760
00:34:27,177 --> 00:34:28,510
Πάω να ενεργοποιήσετε κάποια μουσική.

761
00:34:28,510 --> 00:34:32,630
Πάω να προτείνει έναν κατάλογο
πράγματα που μπορείτε ενδεχομένως να προσθέσετε.

762
00:34:32,630 --> 00:34:34,086
Και σίγουρα μπορείτε να χρησιμοποιήσετε το Google.

763
00:34:34,086 --> 00:34:36,210
Και γιατί δεν μπορούμε απλά
προτείνω να προσπαθήσουμε να λύσουμε

764
00:34:36,210 --> 00:34:38,710
τουλάχιστον ένα συγκεκριμένο πρόβλημα εδώ.

765
00:34:38,710 --> 00:34:45,090
Έτσι, από την άποψη των ετικετών,
επιτρέψτε μου να χρησιμοποιήσετε ξανά αυτό εδώ.

766
00:34:45,090 --> 00:34:48,280
>> Στην πραγματικότητα, επιτρέψτε μου να βάλω
είναι σε μορφή κειμένου.

767
00:34:48,280 --> 00:35:02,380
Ας πούμε ότι ανάμεσα στις ετικέτες θα μπορούσαμε
χρησιμοποιούμε εδώ είναι μερικές ετικέτες εδώ.

768
00:35:02,380 --> 00:35:06,090
Έχουμε δει την παράγραφο ετικέτα.

769
00:35:06,090 --> 00:35:07,850
Τώρα πρόκειται να αυτόματη συμπλήρωση.

770
00:35:07,850 --> 00:35:12,220
Παράγραφο ετικέτα, η ετικέτα άγκυρα.

771
00:35:12,220 --> 00:35:15,250
Ας υποθέσουμε ότι θέλετε να
κάνει κάτι μεγαλύτερο,

772
00:35:15,250 --> 00:35:19,480
οπότε ίσως like--
η ετικέτα διάστημα μπορεί να βοηθήσει.

773
00:35:19,480 --> 00:35:23,010
Λοιπόν, μπορεί να χρειαστεί κάποια βοήθεια
γι 'αυτό ακριβώς σε μια στιγμή.

774
00:35:23,010 --> 00:35:24,830
Έχουμε δει div.

775
00:35:24,830 --> 00:35:26,170
Θα δείτε ότι υπάρχει τραπέζι.

776
00:35:26,170 --> 00:35:27,928
Υπάρχει κάτι που ονομάζεται tr, td.

777
00:35:27,928 --> 00:35:30,736

778
00:35:30,736 --> 00:35:32,860
Θ, td.

779
00:35:32,860 --> 00:35:34,770
Επανέλθουμε σε αυτό σε λίγο.

780
00:35:34,770 --> 00:35:36,590
Τι άλλο θα μπορούσε να είναι χρήσιμο;

781
00:35:36,590 --> 00:35:38,310
Υπάρχει ισχυρή.

782
00:35:38,310 --> 00:35:43,640
Υπάρχει έμφαση, ή μάλλον em.

783
00:35:43,640 --> 00:35:50,110
There's-- τι άλλο
ίσως φαντάζεστε εδώ;

784
00:35:50,110 --> 00:35:51,930
Λοιπόν, θα πάρουμε μια
δούμε ότι μαζί.

785
00:35:51,930 --> 00:35:53,230
Μορφή, που έχουμε δει.

786
00:35:53,230 --> 00:35:54,130
Υπάρχει μορφή.

787
00:35:54,130 --> 00:35:56,500
Υπάρχει εισόδου και μερικοί άλλοι.

788
00:35:56,500 --> 00:35:58,924

789
00:35:58,924 --> 00:36:00,090
Εντάξει, ας το κάνουμε αυτό.

790
00:36:00,090 --> 00:36:02,330
Για να απαντήσετε σε μια Βικτώριας
ερώτηση, επιτρέψτε μου πρώτα

791
00:36:02,330 --> 00:36:05,020
απλά βεβαιωθείτε ότι όλοι είναι
είναι σε θέση να πάρει γεια εργασίας τους.

792
00:36:05,020 --> 00:36:06,900
Στη συνέχεια, επιτρέψτε μου να εισαγάγει
ένα ζευγάρι άλλες ιδέες.

793
00:36:06,900 --> 00:36:09,209
Τότε εμείς θα σας αφήσει λαοί λύσει
κάποιο πρόβλημα μόνοι τους.

794
00:36:09,209 --> 00:36:11,500
Τότε θα έρθει πραγματικά πίσω
στην εν λόγω έννοια της μορφής,

795
00:36:11,500 --> 00:36:14,950
και εμείς θα πράγματι εκ νέου την εφαρμογή
μαζί το front-end interface,

796
00:36:14,950 --> 00:36:16,450
να το πω έτσι, για το ίδιο το Google.

797
00:36:16,450 --> 00:36:19,700
Θα χρησιμοποιήσουμε το Google ως το πίσω τέλος και αφήστε
να κάνουν τη σκληρή δουλειά, την αναζήτηση,

798
00:36:19,700 --> 00:36:22,760
αλλά θα αναδημιουργήσει το εμπρόσθιο άκρο
της Google και τη φόρμα αναζήτησης

799
00:36:22,760 --> 00:36:24,520
ότι έχουν τη δική τους αρχική σελίδα.

800
00:36:24,520 --> 00:36:27,050
Και έτσι θα επανέλθουμε
Αυτές οι ετικέτες ακριβώς σε μια στιγμή.

801
00:36:27,050 --> 00:36:30,270
>> Έτσι, αυτό ήταν ό, τι
πρότεινε μόλις πριν από ένα χρόνο.

802
00:36:30,270 --> 00:36:33,940
Μπορούμε να προσθέσουμε το στυλιζάρισμα σε ένα
σελίδα στο εσωτερικό αυτής της ετικέτας στυλ,

803
00:36:33,940 --> 00:36:36,950
και μπορούμε να στυλιζάρω το φόντο
το χρώμα, τη στοίχιση του κειμένου,

804
00:36:36,950 --> 00:36:39,000
είτε πρόκειται για το κέντρο ή προς τα αριστερά ή προς τα δεξιά.

805
00:36:39,000 --> 00:36:41,630
Αλλά πολύ γρήγορα θα κάνατε
βρείτε ή web designer,

806
00:36:41,630 --> 00:36:44,060
Θα διαπιστώσετε ότι αυτό
γίνεται λίγο δυσκίνητο,

807
00:36:44,060 --> 00:36:48,330
γιατί κάνετε ό, τι είναι
κάλεσε το περιεχόμενο ανάμιξη

808
00:36:48,330 --> 00:36:50,120
με την παρουσίαση αυτών.

809
00:36:50,120 --> 00:36:53,756
Είσαι ανάμειξη των δεδομένων σας
και την αισθητική τους.

810
00:36:53,756 --> 00:36:56,380
Και στην πραγματικότητα, αν σκεφτεί κανείς
τι πρόκειται να συμβεί πάνω από time--

811
00:36:56,380 --> 00:36:58,350
αυτό είναι ένα πολύ μικρό
ιστοσελίδας, φυσικά.

812
00:36:58,350 --> 00:37:01,590
Αλλά αν μπορώ να προσθέσω περιεχόμενο σε αυτή τη σελίδα
και έχω προσθέσει στυλ σε αυτή τη σελίδα,

813
00:37:01,590 --> 00:37:04,650
η σελίδα παίρνει πολύ γρήγορα
περισσότερο και όλο και περισσότερο.

814
00:37:04,650 --> 00:37:07,510
Και ας υποθέσουμε ότι θέλω
έχουν μια δεύτερη ιστοσελίδα που

815
00:37:07,510 --> 00:37:09,010
μοιράζεται μερικά από αυτά τα χαρακτηριστικά.

816
00:37:09,010 --> 00:37:12,350
Ας υποθέσουμε ότι το δεύτερο ιστοσελίδα μου για μου
site-- επίσης, θέλω κέντρο τα πάντα,

817
00:37:12,350 --> 00:37:14,960
και θέλω επίσης τα πάντα
με πράσινο φόντο.

818
00:37:14,960 --> 00:37:17,940
Είμαι λίγο πολύ θα πρέπει να
αντιγραφή και επικόλληση μερικές από αυτές τις γραμμές

819
00:37:17,940 --> 00:37:20,730
σε αυτό το δεύτερο αρχείο, που αισθάνεται μια χαρά.

820
00:37:20,730 --> 00:37:22,030
Θα λύσει το πρόβλημα.

821
00:37:22,030 --> 00:37:26,060
>> Αλλά τι γίνεται αν θέλω ένα τρίτο της σελίδας
ή 30η σελίδα ή 40η σελίδα;

822
00:37:26,060 --> 00:37:28,730
Τώρα είμαι πρόκειται να αντιγράψετε και
επικόλληση πολλά εις διπλούν κώδικα

823
00:37:28,730 --> 00:37:30,430
σε πολλαπλά αρχεία.

824
00:37:30,430 --> 00:37:32,600
Και έτσι ας υποθέσουμε ότι
Έχω αποφασίσει ή μου έχουν πει,

825
00:37:32,600 --> 00:37:34,780
hey, δεν είμαστε χρησιμοποιώντας ένα
πράσινο φόντο πια.

826
00:37:34,780 --> 00:37:36,380
Εμείς πάμε για να αρχίσετε να χρησιμοποιείτε το πορτοκαλί.

827
00:37:36,380 --> 00:37:38,690
Τι πρέπει να αλλάξει;

828
00:37:38,690 --> 00:37:42,900
Λοιπόν, θα πρέπει να αλλάξετε αυτό το στυλ
από πράσινο σε πορτοκαλί σε πόσα μέρη;

829
00:37:42,900 --> 00:37:44,920
Όπως 30 ή 40 θέσεις.

830
00:37:44,920 --> 00:37:45,900
Είναι κουραστικό.

831
00:37:45,900 --> 00:37:47,039
Είναι επιρρεπής σε λάθη.

832
00:37:47,039 --> 00:37:49,580
Υπάρχει μια σειρά από λόγους
όπου δεν θα θέλατε να προκαλέσουν

833
00:37:49,580 --> 00:37:51,840
αυτό το είδος του πόνου για τον εαυτό σας.

834
00:37:51,840 --> 00:37:54,760
Και έτσι δεν θα ήταν ωραίο
αν θα μπορούσαμε να πάρουμε αυτό που μόλις

835
00:37:54,760 --> 00:37:58,240
θέσει μεταξύ αυτών των δύο κίτρινες
ετικέτες, αυτές οι ετικέτες στυλ,

836
00:37:58,240 --> 00:38:04,050
παράγοντα έξω, και να θέσει όλα μου
στυλιζάρισμα σε ένα κεντρικό αρχείο

837
00:38:04,050 --> 00:38:08,470
ότι όλα τα 30 ή 40 της άλλα αρχεία μου
δανείζονται από ή με κάποιο τρόπο αναφοράς,

838
00:38:08,470 --> 00:38:11,640
δεν σε αντίθεση με τη δικτύωση
διαγράμματα κάναμε πριν;

839
00:38:11,640 --> 00:38:15,030
>> Έτσι, αν πάω εδώ, είμαι
πρόκειται στην πραγματικότητα να προτείνει

840
00:38:15,030 --> 00:38:17,880
ότι θα αντικαταστήσει το
ετικέτα στυλ με κάτι

841
00:38:17,880 --> 00:38:21,620
ονομάζεται η ετικέτα συνδέσμου, η οποία
είναι φοβερά, φοβερά το όνομα,

842
00:38:21,620 --> 00:38:24,370
γιατί δεν θέλετε να χρησιμοποιήσετε το
ετικέτα σύνδεσμο για να δημιουργήσετε ό, τι

843
00:38:24,370 --> 00:38:26,380
εμείς οι άνθρωποι γνωρίζουμε ως σύνδεσμος σε μια ιστοσελίδα.

844
00:38:26,380 --> 00:38:29,750
Για αυτό, μπορείτε να χρησιμοποιήσετε το οποίο tag;

845
00:38:29,750 --> 00:38:31,464
Πώς μπορείτε να δημιουργήσετε ένα σύνδεσμο σε μια ιστοσελίδα;

846
00:38:31,464 --> 00:38:32,130
ΚΟΙΝΟ: Το ένα.

847
00:38:32,130 --> 00:38:34,870
David J. Malan: Το ένα, ή να αγκυροβολούν
ετικέτα, που πήγε να της Disney πριν.

848
00:38:34,870 --> 00:38:39,090
Η ετικέτα link εδώ λέει
this-- σύνδεση σε ένα αρχείο που ονομάζεται

849
00:38:39,090 --> 00:38:44,350
styles.css, η σχέση με την οποία
πρόκειται να είναι ότι είναι στυλ μου.

850
00:38:44,350 --> 00:38:48,290
Έτσι, αυτό είναι ένα από τα S στην
CSS-- επικαλυπτόμενα φύλλα στυλ.

851
00:38:48,290 --> 00:38:50,490
Στυλ sheet-- δύο από τους S στο CSS.

852
00:38:50,490 --> 00:38:52,550
Επικαλυπτόμενα φύλλα στυλ.

853
00:38:52,550 --> 00:38:58,640
Αυτό ακριβώς σημαίνει, hey, πρόγραμμα περιήγησης, μεταβείτε
βρείτε styles.css στον τοπικό διακομιστή

854
00:38:58,640 --> 00:39:01,870
και να το χρησιμοποιήσετε ως φύλλο στυλ σας,
πράγμα που σημαίνει εσωτερικό αυτού του αρχείου

855
00:39:01,870 --> 00:39:05,310
πρόκειται να είναι όλα τα
stylizations που έχουμε ακριβώς κάνει.

856
00:39:05,310 --> 00:39:07,396
Και έτσι αυτό το αρχείο
μπορεί να μοιάζει είναι αυτό.

857
00:39:07,396 --> 00:39:10,020
Και θα κάνω ακριβώς αυτό είναι μια γρήγορη
παράδειγμα, γιατί δεν χρειαζόμαστε

858
00:39:10,020 --> 00:39:12,000
για να πάρει πάρα πολύ στα ζιζάνια εδώ.

859
00:39:12,000 --> 00:39:17,840
Αλλά αν μπορώ να αντιγράψω αυτό, ό, τι είμαι προτείνοντας
είναι ότι ένας προγραμματιστής δημιουργήσει ένα νέο αρχείο,

860
00:39:17,840 --> 00:39:24,450
επικόλληση σε αυτές lines--
whoops-- επικολλήσετε σε αυτές τις γραμμές,

861
00:39:24,450 --> 00:39:32,270
αποθηκεύσετε ως styles.css και, στη συνέχεια, στην
το άλλο αρχείο, διαγράψτε όλα αυτά

862
00:39:32,270 --> 00:39:35,450
και να την αντικαταστήσει αντ 'αυτού
με αυτήν την ετικέτα σύνδεσμο.

863
00:39:35,450 --> 00:39:43,090
Έτσι ώστε αν μπορώ να συνδέσω href = "styles.css»,
η σχέση πρέπει να είναι "στυλ"

864
00:39:43,090 --> 00:39:44,170
κοντά ετικέτα.

865
00:39:44,170 --> 00:39:45,250
Σώσε το.

866
00:39:45,250 --> 00:39:47,000
Πηγαίνετε πίσω στο helloworld μου.

867
00:39:47,000 --> 00:39:48,690
Φορτώνω πάλι.

868
00:39:48,690 --> 00:39:51,290
>> Κυριολεκτικά τίποτα δεν έχει συμβεί.

869
00:39:51,290 --> 00:39:54,710
Αυτό είναι ένα καλό πράγμα, επειδή
σημαίνει ότι είναι στην πραγματικότητα όλα εργασίας.

870
00:39:54,710 --> 00:39:58,860
Για να αποδείξει τόσο πολύ, ας υποθέσουμε ότι έχω κάνει μια
τυπογραφικό λάθος, και καλώ αυτό το "styles.css"

871
00:39:58,860 --> 00:40:03,080
με κεφαλαίο S, η οποία είναι
λανθασμένη, και στη συνέχεια να φορτώσετε εκ νέου.

872
00:40:03,080 --> 00:40:05,470
Τώρα μπορείτε να δείτε ότι απλά δεν λειτουργεί.

873
00:40:05,470 --> 00:40:06,362
Τώρα, για ποιο λόγο;

874
00:40:06,362 --> 00:40:08,070
Λοιπόν, ας χρησιμοποιήσουμε μια
τεχνική από την προηγούμενη.

875
00:40:08,070 --> 00:40:10,153
Επιτρέψτε μου να πάμε μπροστά και,
browser μου, στο Chrome, είμαι

876
00:40:10,153 --> 00:40:12,900
πρόκειται να ανοίξει η ειδική
καρτέλα δικτύου όπως και πριν,

877
00:40:12,900 --> 00:40:15,560
και επιτρέψτε μου να επαναλάβετε τη φόρτωση της σελίδας.

878
00:40:15,560 --> 00:40:19,341
Αυτό που δεν είναι έκπληξη να δούμε τώρα;

879
00:40:19,341 --> 00:40:20,840
Ή ίσως είστε έκπληκτος για να το δείτε.

880
00:40:20,840 --> 00:40:23,225
Είτε έτσι είτε αλλιώς, αυτό που βλέπετε τώρα;

881
00:40:23,225 --> 00:40:24,100
Κοινό: [δεν ακούγεται]

882
00:40:24,100 --> 00:40:24,770
DAVID J. Malan: Είναι δεν βρέθηκε.

883
00:40:24,770 --> 00:40:25,680
Γιατί δεν βρέθηκε;

884
00:40:25,680 --> 00:40:28,480
Λοιπόν, Styles.css-- κεφαλαίου
S-- δεν υπάρχει.

885
00:40:28,480 --> 00:40:29,230
Μου κακώς αποκαλείται.

886
00:40:29,230 --> 00:40:30,430
Απλό τυπογραφικό λάθος.

887
00:40:30,430 --> 00:40:33,816
Αλλά παίρνω κατανοητό τώρα
404, επειδή ο διακομιστής λέει, hey,

888
00:40:33,816 --> 00:40:34,440
δεν βρήκε.

889
00:40:34,440 --> 00:40:36,300
Κυριολεκτικά, δεν ξέρω
στην περίπτωση που το αρχείο είναι.

890
00:40:36,300 --> 00:40:38,880
Έτσι, ως αποτέλεσμα, το πρόγραμμα περιήγησης
σας δείχνει ό, τι μπορεί,

891
00:40:38,880 --> 00:40:42,860
η πρώτη το περιεχόμενο της σελίδας,
το οποίο ήταν ένα 200, το HTML,

892
00:40:42,860 --> 00:40:45,390
αλλά το στυλιζάρισμα δεν μπορεί
να προστεθούν στη συνέχεια.

893
00:40:45,390 --> 00:40:47,120
Και αυτό είναι ό, τι είναι γραφτό από υπερχείλιση.

894
00:40:47,120 --> 00:40:49,070
Μπορείτε να ταξινομήσετε από το προσθέσετε
μετά, και το είδος της

895
00:40:49,070 --> 00:40:50,874
βελτιώνει την αισθητική της ιστοσελίδας.

896
00:40:50,874 --> 00:40:53,790
Και μπορείτε ακόμη και να παρακάμψετε αυτές που
στυλ με ακόμη άλλα αρχεία stylesheet

897
00:40:53,790 --> 00:40:54,700
αν θέλεις.

898
00:40:54,700 --> 00:40:57,780
Δεν είναι βρεθεί, εν τούτοις, στην περίπτωση αυτή,
γιατί φυσικά, μου κακώς αποκαλείται.

899
00:40:57,780 --> 00:41:00,330
Γι 'αυτό και θα πρέπει να καθορίσει ότι η πρώτη.

900
00:41:00,330 --> 00:41:04,667
>> Ας πάμε μπροστά και να
προτείνει τα ακόλουθα.

901
00:41:04,667 --> 00:41:07,410

902
00:41:07,410 --> 00:41:11,140
Ας πάμε μπροστά και να το κάνουμε αυτό.

903
00:41:11,140 --> 00:41:14,220
Ξεκινώντας με ίσως
αρχείο helloworld σας,

904
00:41:14,220 --> 00:41:17,740
επιτρέψτε μου να καλέσει ένα ζευγάρι
του διαθέτουν προτάσεις.

905
00:41:17,740 --> 00:41:20,400
Έτσι, Βικτώρια, θελήσατε να
κάνει κάποιο κείμενο μεγαλύτερο, έτσι δεν είναι;

906
00:41:20,400 --> 00:41:24,555
Εντάξει, έτσι μπορούμε
κάνουν το κείμενο μεγαλύτερο.

907
00:41:24,555 --> 00:41:26,860
Και θα κόβω από κάθε
μόνο ένα πρόβλημα προς επίλυση.

908
00:41:26,860 --> 00:41:30,867
Κάντε το κείμενο μεγαλύτερο.

909
00:41:30,867 --> 00:41:32,700
Είμαι δεν πρόκειται να ενοχλήσει
γράφοντας αυτό όταν εμείς

910
00:41:32,700 --> 00:41:35,600
έχουν την τεχνολογία σφαίρα ακριβώς εδώ.

911
00:41:35,600 --> 00:41:39,970
Έτσι, κάποια προβλήματα.

912
00:41:39,970 --> 00:41:44,670
Έτσι θα πάμε να προσπαθήσουμε
για να κάνετε το κείμενο μεγαλύτερο.

913
00:41:44,670 --> 00:41:45,170
Εντάξει.

914
00:41:45,170 --> 00:41:48,360
Τι άλλο θα κάποιος να προτείνει;

915
00:41:48,360 --> 00:41:50,332
Τι άλλο μπορεί να θέλουμε
να κάνουμε σε μια ιστοσελίδα;

916
00:41:50,332 --> 00:41:52,040
Ας καταλήξουμε σε μια
σύντομη λίστα των πραγμάτων

917
00:41:52,040 --> 00:41:55,366
και στη συνέχεια να αναθέσει στην
ομάδα για να το καταλάβουν αυτό.

918
00:41:55,366 --> 00:41:56,270
>> Κοινό: [δεν ακούγεται]

919
00:41:56,270 --> 00:42:02,251
>> DAVID J. Malan: Εντάξει, το κείμενο θέση
σε διαφορετικές πλευρές της σελίδας;

920
00:42:02,251 --> 00:42:02,750
Εντάξει.

921
00:42:02,750 --> 00:42:04,620
Κάτι άλλο.

922
00:42:04,620 --> 00:42:05,784
>> Κοινό: [δεν ακούγεται]

923
00:42:05,784 --> 00:42:06,700
DAVID J. Malan: Είναι.

924
00:42:06,700 --> 00:42:08,720
Έτσι, ένα gif είναι απλώς ένα
διαφορετική μορφή αρχείου.

925
00:42:08,720 --> 00:42:12,830
Εμείς απλά χρησιμοποιείται, τι, ένα
png ή jpg ίσως;

926
00:42:12,830 --> 00:42:14,480
Χρησιμοποιήσαμε ένα jpg.

927
00:42:14,480 --> 00:42:16,780
Εάν είστε περίεργοι, υπερβολικό
απαντήσω στην ερώτησή σας

928
00:42:16,780 --> 00:42:19,404
είναι ένα jpg χρησιμοποιείται γενικά για
φωτογραφίες, επειδή υποστηρίζει

929
00:42:19,404 --> 00:42:21,500
εκατομμύρια χρώματα ή το χρώμα 24-bit.

930
00:42:21,500 --> 00:42:26,930
Ένα gif χρησιμοποιείται γενικά για την, όπως,
μιμίδια στο διαδίκτυο αυτές days-- κινούμενα σχέδια,

931
00:42:26,930 --> 00:42:28,810
όπως κινούμενα gifs.

932
00:42:28,810 --> 00:42:32,320
Αλλά συμβαίνει να χρησιμοποιήσετε ένα μικρότερο χρώμα
παλέτα, μόνο 256 πιθανά χρώματα,

933
00:42:32,320 --> 00:42:35,230
αλλά υποστηρίζει
διαφάνειας και animation.

934
00:42:35,230 --> 00:42:40,330
Και έπειτα υπάρχει png, η οποία υποστηρίζει
διαφάνειας και περισσότερα χρώματα

935
00:42:40,330 --> 00:42:41,300
αλλά όχι κινούμενα σχέδια.

936
00:42:41,300 --> 00:42:42,133
Έτσι είναι ένα trade-off.

937
00:42:42,133 --> 00:42:44,144

938
00:42:44,144 --> 00:42:46,060
Προσθέτοντας έτσι ένα gif, όμως,
θα είναι λειτουργικά

939
00:42:46,060 --> 00:42:48,396
που ισοδυναμεί με την προσθήκη ενός png ή jpg.

940
00:42:48,396 --> 00:42:49,110
Ναι.

941
00:42:49,110 --> 00:42:50,550
πηγή εικόνας ισούται με.

942
00:42:50,550 --> 00:42:51,590
Έτσι κάτι άλλο.

943
00:42:51,590 --> 00:42:57,288
Ας καταλήξουμε σε κάτι που
στείλαμε στη Βικτώρια να κάνουμε εδώ.

944
00:42:57,288 --> 00:42:59,209
>> Κοινό: Προσθέστε κουμπιά για μια φόρμα.

945
00:42:59,209 --> 00:43:00,000
DAVID J. Malan: OK.

946
00:43:00,000 --> 00:43:02,179
Έτσι προσθέσετε κουμπιά για μια φόρμα.

947
00:43:02,179 --> 00:43:03,470
Και εμείς θα κάνουμε ότι το ένα μαζί.

948
00:43:03,470 --> 00:43:07,220
Έτσι, αυτό θα είναι ένα τέλειο segue
αμέσως μετά την πρόκληση αυτή.

949
00:43:07,220 --> 00:43:10,357
Τίποτα άλλο;

950
00:43:10,357 --> 00:43:11,440
Τι μπορεί να θέλετε να κάνετε;

951
00:43:11,440 --> 00:43:14,040

952
00:43:14,040 --> 00:43:16,516
Το web αισθάνεται πολύ απογοητευτικό
αν αυτό είναι το μόνο που μπορούμε να κάνουμε.

953
00:43:16,516 --> 00:43:18,140
Κοινό: Αλλάξτε το χρώμα του κειμένου.

954
00:43:18,140 --> 00:43:19,500
DAVID J. Malan: Αλλάξτε το τι;

955
00:43:19,500 --> 00:43:20,666
Κοινό: Χρώμα του κειμένου.

956
00:43:20,666 --> 00:43:22,311
DAVID J. Malan: Αλλαγή χρώματος του κειμένου.

957
00:43:22,311 --> 00:43:22,810
Εντάξει.

958
00:43:22,810 --> 00:43:23,790
Οπότε, ας κάνουμε αυτό.

959
00:43:23,790 --> 00:43:27,209
Απλά και πάλι έτσι δεν είναι ότι είστε, απλά
από συνήθεια, κάνει ακριβώς αυτό που κάνω,

960
00:43:27,209 --> 00:43:29,500
Πάω να ενεργοποιήσετε τη μουσική
ίσως για πέντε λεπτά εδώ.

961
00:43:29,500 --> 00:43:30,450
Είστε ευπρόσδεκτοι να χρησιμοποιήσετε το Google.

962
00:43:30,450 --> 00:43:33,130
Είστε ευπρόσδεκτοι για να με ρωτήσεις, και
Θα ψιθυρίζω μια υπόδειξη στο αυτί σας.

963
00:43:33,130 --> 00:43:35,171
Είστε ευπρόσδεκτοι να κοιτάξουμε
πάνω στους ώμους του άλλου.

964
00:43:35,171 --> 00:43:37,340
Αλλά λύσει μόνο ένα από αυτά τα προβλήματα.

965
00:43:37,340 --> 00:43:40,190
Αλλά εμείς θα κάνουμε το τελευταίο, το
σχηματίζει ένα, αν μπορούσαμε, μαζί.

966
00:43:40,190 --> 00:43:42,790
Έτσι πέντε λεπτά για να λύσει
οποιαδήποτε από αυτά τα προβλήματα

967
00:43:42,790 --> 00:43:46,780
τη χρήση του Google, η διαίσθηση, ή οποιαδήποτε
άλλες διαθέσιμες σε εσάς μέσα.

968
00:43:46,780 --> 00:43:48,630
>> [ΜΟΥΣΙΚΗ Playing]

969
00:43:48,630 --> 00:43:49,130
Εντάξει.

970
00:43:49,130 --> 00:43:50,838
Μην ανησυχείτε αν θέλετε
για να κρατήσει μαστορέματα,

971
00:43:50,838 --> 00:43:53,880
αλλά εγώ θα χαλάσει ένα ζευγάρι
από αυτές τις απαντήσεις.

972
00:43:53,880 --> 00:43:57,986
Έτσι, η πρώτη πρόταση από
Victoria ήταν να κάνετε το κείμενο μεγαλύτερο.

973
00:43:57,986 --> 00:43:59,360
Έτσι, υπάρχει μερικοί τρόποι για να γίνει αυτό.

974
00:43:59,360 --> 00:44:01,530
Έχω σήμερα αποκαταστάθηκε
οθόνη μου σε αυτό το μέγεθος,

975
00:44:01,530 --> 00:44:04,310
αν και έχω μεγέθυνση
τεχνητά ακριβώς για να δούμε τα πράγματα.

976
00:44:04,310 --> 00:44:07,470
Και ας το κάνουμε αυτό.

977
00:44:07,470 --> 00:44:11,380
Επιτρέψτε μου να προχωρήσει και να αρπάξει
Μερικοί από τους γενικούς Λατινική κείμενο

978
00:44:11,380 --> 00:44:19,540
ακριβώς έτσι έχουμε κάτι να εργαστεί με.

979
00:44:19,540 --> 00:44:20,715
Έτσι μου δώσει μόνο μια στιγμή.

980
00:44:20,715 --> 00:44:21,840
Θα κάνω τρεις παραγράφους.

981
00:44:21,840 --> 00:44:53,430

982
00:44:53,430 --> 00:44:53,930
ΕΝΤΆΞΕΙ.

983
00:44:53,930 --> 00:44:55,560
Αυτό θα είναι ένα καλύτερο παράδειγμα.

984
00:44:55,560 --> 00:44:57,840
Έτσι, για τους περίεργους, σε
hello.html μου, εγώ απλά

985
00:44:57,840 --> 00:45:01,645
επικολληθεί τρεις παράλογο
Λατινική παραγράφους

986
00:45:01,645 --> 00:45:03,270
ακριβώς έτσι έχουμε κάποιο κείμενο για να εργαστεί με.

987
00:45:03,270 --> 00:45:06,720
Και ο στόχος της Βικτώριας ήταν να
κάνουν μερικά από το κείμενο μεγαλύτερο.

988
00:45:06,720 --> 00:45:09,879
Γι 'αυτό και θα μπορούσε, όπως και πριν, πηγαίνετε εδώ.

989
00:45:09,879 --> 00:45:11,170
Και επιτρέψτε μου να το κάνουμε με τον σωστό τρόπο.

990
00:45:11,170 --> 00:45:13,253
Πάω να έχουν μια σύνδεση
ετικέτα που οδηγεί σε ένα αρχείο

991
00:45:13,253 --> 00:45:20,560
που ονομάζεται "styles.css," η σχέση
εκ των οποίων είναι και πάλι «στυλ».

992
00:45:20,560 --> 00:45:25,221
Και τότε Πάω να σώσει ότι
και να ανοίξει αυτό το "styles.css."

993
00:45:25,221 --> 00:45:28,940
>> Έτσι, όπως και πριν, έχω το
ικανότητα σε αυτό το αρχείο CSS

994
00:45:28,940 --> 00:45:31,569
για να παρακάμψετε πραγματικά την προεπιλεγμένη
αισθητική μιας ιστοσελίδας,

995
00:45:31,569 --> 00:45:33,860
και οι προεπιλεγμένες αισθητική,
Φυσικά, είναι αρκετά βαρετή.

996
00:45:33,860 --> 00:45:36,943
Είναι το είδος του κανονικού μεγέθους γραμματοσειράς, μαύρο
κείμενο, λευκό φόντο, και ούτω καθεξής.

997
00:45:36,943 --> 00:45:39,440
Έτσι, ας υποθέσουμε ότι θέλω να κάνω
ολόκληρο το κείμενο μεγαλύτερο.

998
00:45:39,440 --> 00:45:40,460
Θα μπορούσα να κάνω μερικά πράγματα.

999
00:45:40,460 --> 00:45:43,750
Στο αρχείο styles.css μου,
θα μπορούσα να πω, ξέρετε τι,

1000
00:45:43,750 --> 00:45:46,950
ισχύουν τα ακόλουθα για να
το σώμα της σελίδας μου.

1001
00:45:46,950 --> 00:45:51,390
Προχωρήστε και να το
μέγεθος γραμματοσειράς 24 πόντους,

1002
00:45:51,390 --> 00:45:54,130
η οποία είναι ένας αριθμός που θα μπορούσε
χρησιμοποιήσετε το Microsoft Word.

1003
00:45:54,130 --> 00:45:57,620
Επιτρέψτε μου να πάω πίσω στην ιστοσελίδα μου
σελίδα εδώ και επαναλάβετε τη φόρτωση,

1004
00:45:57,620 --> 00:45:59,640
και μπορείτε να δείτε ότι
είναι ήδη πολύ μεγαλύτερο.

1005
00:45:59,640 --> 00:46:02,223
Και μπορούμε να πάρουμε λίγο τρελός,
ακριβώς όπως μπορούμε σε desktop--

1006
00:46:02,223 --> 00:46:03,670
κάνει 96 πόντους.

1007
00:46:03,670 --> 00:46:04,950
Φορτώνω πάλι.

1008
00:46:04,950 --> 00:46:07,610
Και αυτό είναι να πάρει λίγο
δυσκίνητο σε αυτό το σημείο.

1009
00:46:07,610 --> 00:46:09,500
>> Αλλά εγώ θα μπορούσε να είναι λίγο πιο ακριβή.

1010
00:46:09,500 --> 00:46:14,530
Αντί να εφαρμόσει αυτή
φύλλο στυλ με το σώμα της σελίδας μου,

1011
00:46:14,530 --> 00:46:21,740
τι άλλο θα μπορούσε να μπορώ να ισχύουν για αντ 'αυτού,
τι άλλο ετικέτα που μπορεί να εξακολουθούν

1012
00:46:21,740 --> 00:46:25,445
λειτουργία με τον ίδιο τρόπο;

1013
00:46:25,445 --> 00:46:26,444
>> ΚΟΙΝΟ: Το p tag;

1014
00:46:26,444 --> 00:46:27,360
DAVID J. Malan: ετικέτα P.

1015
00:46:27,360 --> 00:46:29,350
Έτσι, το κεφάλι δεν θα ήταν
σωστή, επειδή το κεφάλι,

1016
00:46:29,350 --> 00:46:31,300
δεν μπορείτε πραγματικά
ελέγχουν την αισθητική του.

1017
00:46:31,300 --> 00:46:32,700
Υπάρχει είτε κείμενο εκεί ή όχι.

1018
00:46:32,700 --> 00:46:36,760
Αλλά το p tag-- μπορώ να βουτήξει σε λίγο
βαθύτερα, να το πω έτσι, στην παράγραφο

1019
00:46:36,760 --> 00:46:37,350
ετικέτες.

1020
00:46:37,350 --> 00:46:41,600
Και παρόλο που υπάρχουν τρία,
ότι είναι απολύτως εντάξει, επειδή σε CSS,

1021
00:46:41,600 --> 00:46:44,900
όταν εγώ μόνο να πω "σ" αυτό
σημαίνει εφαρμόστε την ακόλουθη

1022
00:46:44,900 --> 00:46:48,300
σε οποιαδήποτε ετικέτα που να ταιριάζει με αυτό
επιλογέα, ο επιλογέας μόνο

1023
00:46:48,300 --> 00:46:49,430
είναι το όνομα της ετικέτας.

1024
00:46:49,430 --> 00:46:52,350
Έτσι, όπου κι αν δείτε ένα
"P", εφαρμόζεται το μέγεθος της γραμματοσειράς,

1025
00:46:52,350 --> 00:46:55,222
και ας το κάνει περισσότερα
λογικές again-- 24 σημείο.

1026
00:46:55,222 --> 00:46:56,930
Και ξέρετε τι,
μόνο για το καλό μέτρο,

1027
00:46:56,930 --> 00:46:59,810
ας κάνουμε το χρώμα
κόκκινο μόνο για το παρόν.

1028
00:46:59,810 --> 00:47:03,740
Και τώρα αν φορτώσετε εκ νέου, τώρα
δείτε τρεις άσχημο παραγράφους.

1029
00:47:03,740 --> 00:47:07,180
>> Αλλά τώρα ας υποθέσουμε ότι είμαι το είδος
τον αριθμό τους θέλω το πρώτο εδάφιο

1030
00:47:07,180 --> 00:47:08,210
να πηδούν έξω στο χρήστη.

1031
00:47:08,210 --> 00:47:11,150
Δεν θέλω να αυξηθεί μόνο
το μέγεθος της γραμματοσειράς του τα πάντα.

1032
00:47:11,150 --> 00:47:16,105
Και γι 'αυτό πραγματικά θέλουν να προσδιορίσουν ή
διάκριση μεταξύ αυτών των παραγράφων.

1033
00:47:16,105 --> 00:47:18,730
Ας απαλλαγούμε από το κόκκινο,
γιατί αυτό είναι ακριβώς το είδος της κολλώδες,

1034
00:47:18,730 --> 00:47:23,885
και ας πάμε μπροστά και να κάνουν το
μέγεθος γραμματοσειράς 12 σημείων από προεπιλογή,

1035
00:47:23,885 --> 00:47:26,260
έτσι ώστε να είμαστε πίσω σε κάτι
λίγο πιο λογικό.

1036
00:47:26,260 --> 00:47:29,190
Και τώρα θέλω μόνο να αυξηθεί η
μέγεθος γραμματοσειράς της πρώτης παραγράφου.

1037
00:47:29,190 --> 00:47:31,440
Μπορώ να το κάνετε αυτό σε λίγες
τρόπους, αλλά ένα τρόπο που είναι

1038
00:47:31,440 --> 00:47:37,180
ίσως το πιο εκπαιδευτικό κατά τη
στιγμή είναι να κάνουμε το εξής.

1039
00:47:37,180 --> 00:47:43,280
Επιτρέψτε μου να προχωρήσει και να πω, αυτό
παράγραφο έχει ένα μοναδικό αναγνωριστικό του «πρώτου».

1040
00:47:43,280 --> 00:47:45,000
Θα μπορούσαμε να ονομάσουμε αυτό το κάτι που θέλω.

1041
00:47:45,000 --> 00:47:46,874
Θα μπορούσαμε να ονομάσουμε αυτό το "foo"
ή οποιαδήποτε άλλη λέξη,

1042
00:47:46,874 --> 00:47:49,290
αλλά Πάω να δώσει κάποιες
σημασιολογικά όνομα με νόημα

1043
00:47:49,290 --> 00:47:50,320
όπως "πρώτη".

1044
00:47:50,320 --> 00:47:54,790
Αυτό είναι το μοναδικό αναγνωριστικό,
το αναγνωριστικό, για πρώτη μου σκέψη.

1045
00:47:54,790 --> 00:47:59,360
>> Και τώρα τι μπορώ να κάνω στο στυλ μου
είναι να είναι λίγο πιο ακριβή.

1046
00:47:59,360 --> 00:48:02,330
Αντί να λέει, ισχύουν
τα ακόλουθα στο p tag,

1047
00:48:02,330 --> 00:48:04,890
Μπορώ να πω το following--
ισχύουν τα ακόλουθα,

1048
00:48:04,890 --> 00:48:11,000
ή επιλέξτε το στοιχείο HTML
ότι έχει ένα μοναδικό αναγνωριστικό του «πρώτου».

1049
00:48:11,000 --> 00:48:12,350
Τι θέλω να ισχύουν γι 'αυτό;

1050
00:48:12,350 --> 00:48:15,250
Ένα μέγεθος γραμματοσειράς 24 σημείων.

1051
00:48:15,250 --> 00:48:16,640
Έτσι έχω δύο επιλογείς τώρα.

1052
00:48:16,640 --> 00:48:19,690
Μία κάνει όλα τα
σκέψεις 12 σημείων.

1053
00:48:19,690 --> 00:48:24,960
Αλλά αυτό, δεδομένου μάλιστα ότι πρόκειται για
second-- έρχεται τελευταία στην αρχείου απέτυχε

1054
00:48:24,960 --> 00:48:27,090
αυτό έχει αλυσιδωτές αντιδράσεις.

1055
00:48:27,090 --> 00:48:30,200
Έχω μόλις έκανε όλες μου
παράγραφο ετικέτες 12-σημείο,

1056
00:48:30,200 --> 00:48:34,350
αλλά αυτό τώρα καταρράκτες και
υπερισχύει ότι για οποιαδήποτε στοιχεία

1057
00:48:34,350 --> 00:48:38,800
στην σελίδα, οποιαδήποτε ετικέτα στη σελίδα της οποίας
μοναδικό αναγνωριστικό είναι απόσπασμα unquote "πρώτη".

1058
00:48:38,800 --> 00:48:41,720
Και το hashtag στο πλαίσιο αυτό
ακριβώς σημαίνει «μοναδικό αναγνωριστικό".

1059
00:48:41,720 --> 00:48:43,750
Εγώ δεν το βάλετε στο αρχείο HTML.

1060
00:48:43,750 --> 00:48:46,880
Εγώ, εδώ, απλώς να πω
απόσπασμα εισαγωγικά "πρώτη".

1061
00:48:46,880 --> 00:48:48,470
>> Έτσι, επιτρέψτε μου να φορτώσετε εκ νέου.

1062
00:48:48,470 --> 00:48:49,919
Και τώρα βλέπω, αχ, εντάξει.

1063
00:48:49,919 --> 00:48:51,710
Θέλω να πω, δεν είναι ότι
αρκετά, αλλά είναι το είδος

1064
00:48:51,710 --> 00:48:53,600
σαν πρόλογο ένα
βιβλίο ή κάτι τέτοιο,

1065
00:48:53,600 --> 00:48:55,100
όπου η πρώτη παράγραφος είναι μεγαλύτερη.

1066
00:48:55,100 --> 00:48:57,933
Θα μπορούσε να είναι ακόμα πιο ακριβή με
μόνο τα πρώτα γράμματα, αλλά τουλάχιστον

1067
00:48:57,933 --> 00:48:59,110
Έχω ασκήσει περισσότερο έλεγχο.

1068
00:48:59,110 --> 00:49:04,760
Τώρα maybe-- ίσως θέλω να κάνω αυτό
κατά καιρούς για οποιοδήποτε λόγο,

1069
00:49:04,760 --> 00:49:09,010
και έτσι δεν θέλω αυτό να
ισχύουν για μία μόνο ετικέτα HTML.

1070
00:49:09,010 --> 00:49:15,110
Αντίθετα, ας say-- ας
Επίσης, κάνουμε το εξής.

1071
00:49:15,110 --> 00:49:18,810
Class = "εισαγωγή".

1072
00:49:18,810 --> 00:49:23,970
Ενώ ένα αναγνωριστικό χρησιμοποιείται για μοναδικά
προσδιορίσει ένα πράγμα, μία ετικέτα,

1073
00:49:23,970 --> 00:49:30,190
στην ιστοσελίδα σας, μια κατηγορία είναι γραφτό να γίνει
χρησιμοποιηθεί σε οποιοδήποτε αριθμό στοιχείων ή ετικέτες

1074
00:49:30,190 --> 00:49:30,950
στην ιστοσελίδα σας.

1075
00:49:30,950 --> 00:49:31,710
Έτσι είναι επαναχρησιμοποιήσιμα.

1076
00:49:31,710 --> 00:49:33,090
Ένα αναγνωριστικό δεν είναι επαναχρησιμοποιήσιμα.

1077
00:49:33,090 --> 00:49:34,450
Μια κατηγορία είναι επαναχρησιμοποιήσιμη.

1078
00:49:34,450 --> 00:49:37,830
>> Και ξέρετε τι, για οποιοδήποτε
φιλοσοφική reasons--

1079
00:49:37,830 --> 00:49:40,180
Δεν είχα τελειώσει μου
νόμιζε Πάω να πω

1080
00:49:40,180 --> 00:49:44,300
ότι το πρώτο εδάφιο και η
δεύτερο εδάφιο είναι σημαντικές.

1081
00:49:44,300 --> 00:49:48,600
Έτσι, Πάω να εφαρμόσει την κατηγορία που ονομάζεται
"Σημαντικό", ότι, αν μπορώ να αποθηκεύσετε το αρχείο μου

1082
00:49:48,600 --> 00:49:51,510
και να φορτώσετε εκ νέου, δεν έχει
λειτουργικές επιπτώσεις ακόμα.

1083
00:49:51,510 --> 00:49:53,780
Αλλά έχω προσθέσει μερικά
μεταδεδομένα στο αρχείο,

1084
00:49:53,780 --> 00:49:56,610
είδος της κάτι το ξεχωριστό
από τα βασικά στοιχεία του φακέλου,

1085
00:49:56,610 --> 00:50:02,300
έτσι ώστε τώρα το στυλ μου, αν μου
αντί να πει ".important" - ξέρετε,

1086
00:50:02,300 --> 00:50:07,110
κάτι που είναι σημαντικό, είμαι
πρόκειται να κάνει font-χρώμα, red--

1087
00:50:07,110 --> 00:50:09,930
ή μάλλον δεν font-χρώμα, μόνο το χρώμα.

1088
00:50:09,930 --> 00:50:12,930
Υπάρχει ασυνέπειες
σε CSS, δυστυχώς.

1089
00:50:12,930 --> 00:50:14,120
Και επαναλάβετε τη φόρτωση.

1090
00:50:14,120 --> 00:50:17,640
Τώρα παρατηρήσετε την πρώτη
δύο παραγράφους είναι κόκκινα

1091
00:50:17,640 --> 00:50:20,880
αλλά όχι η τρίτη, γιατί μόνο
εφάρμοσε την κατηγορία των "σημαντικών"

1092
00:50:20,880 --> 00:50:25,020
με την πρώτη δύο από αυτά τα πράγματα.

1093
00:50:25,020 --> 00:50:28,030
>> Έτσι, σε αναγνωριστικά, έχετε τη δυνατότητα
για να καθορίσετε με μεγάλη ακρίβεια.

1094
00:50:28,030 --> 00:50:30,110
Με τις κατηγορίες, έχετε επαναχρησιμοποίησης.

1095
00:50:30,110 --> 00:50:33,800
Αλλά και στις δύο περιπτώσεις, η ανακοίνωση
είδος της αρχής καλής σχεδίασης

1096
00:50:33,800 --> 00:50:39,072
όπου θα συνυπολογίζονται όλα του
αισθητική στο αρχείο styles.css μου.

1097
00:50:39,072 --> 00:50:40,280
Έτσι δεν υπάρχει καμία ακαταστασία εδώ.

1098
00:50:40,280 --> 00:50:44,490
Δεν υπάρχει καμία αναφορά σε κόκκινο ή
τολμηρό προσανατολισμό ή το μέγεθος της γραμματοσειράς σε αυτό το αρχείο.

1099
00:50:44,490 --> 00:50:49,430
Μάλλον έχω σημασιολογικά,
ουσιαστικά χαρακτηρίζεται στοιχεία μου,

1100
00:50:49,430 --> 00:50:51,240
εδώ είναι μερικά σημαντικά στοιχεία.

1101
00:50:51,240 --> 00:50:52,800
Εδώ είναι μερικά πιο σημαντικά δεδομένα.

1102
00:50:52,800 --> 00:50:56,500
Επιπλέον, εδώ είναι η
"Πρώτη" των σημαντικών δεδομένων μου.

1103
00:50:56,500 --> 00:51:01,050
Έτσι HTML είναι όλα σχετικά με το είδος
του tagging, κυριολεκτικά, οι λέξεις

1104
00:51:01,050 --> 00:51:05,270
και των παραγράφων και κατασκευές σε σας
σελίδα με αυτά τα μικρά υποδείξεις, αν

1105
00:51:05,270 --> 00:51:07,640
θα είναι, ότι μπορείτε να
κατά κάποιον τρόπο μόχλευσης χρησιμοποιώντας

1106
00:51:07,640 --> 00:51:10,880
άλλες τεχνικές όπως CSS με αυτόν τον τρόπο.

1107
00:51:10,880 --> 00:51:14,760
>> Έτσι, σε απάντηση στην ερώτηση της Βικτώριας,
μπορούμε να κάνουμε το κείμενο μεγαλύτερο με αυτό τον τρόπο.

1108
00:51:14,760 --> 00:51:18,380
Υπάρχουν τόσοι πολλοί άλλοι τρόποι, αλλά
η γραμματοσειρά tag-- ανοικτό στήριγμα "γραμματοσειρά" -

1109
00:51:18,380 --> 00:51:19,770
είναι στην πραγματικότητα αρκετά χρόνια παλιά.

1110
00:51:19,770 --> 00:51:21,410
Και αυτό είναι το πρόβλημα,
πάρα πολύ, με στηριζόμενη μόνο

1111
00:51:21,410 --> 00:51:23,485
σε απευθείας σύνδεση resources--
τείνουν να είναι ξεπερασμένη.

1112
00:51:23,485 --> 00:51:26,110
Και πράγματι, αυτό είναι ήδη ξεπερασμένες,
γιατί ο κόσμος συνειδητοποίησε,

1113
00:51:26,110 --> 00:51:28,970
τι σημαίνει "font-size = 7" σημαίνει;

1114
00:51:28,970 --> 00:51:29,670
Αυτό δεν το κάνει.

1115
00:51:29,670 --> 00:51:32,770
Και έτσι για πολλά χρόνια και να
αυτό day-- μία από την πλευρά της

1116
00:51:32,770 --> 00:51:36,060
σημειώνει εδώ είναι ότι είναι πράγματι
απίστευτα επώδυνη ακόμα μερικές φορές

1117
00:51:36,060 --> 00:51:38,900
για την ανάπτυξη χώρων για την
web, επειδή η Microsoft

1118
00:51:38,900 --> 00:51:44,220
και η Google και Mozilla και
άλλοι συχνά διαφωνούν ως προς τον τρόπο

1119
00:51:44,220 --> 00:51:47,480
να ερμηνεύσει μια προδιαγραφή όπως HTML.

1120
00:51:47,480 --> 00:51:52,490
>> Υπάρχει ένα σύνολο κανόνων για την HTML που
γενικά λέει τι σημαίνει κάθε ετικέτα.

1121
00:51:52,490 --> 00:51:55,690
Αλλά μερικές φορές μένει να το
διακριτική ευχέρεια εφαρμογής του,

1122
00:51:55,690 --> 00:51:57,290
διακριτικότητα και η Google της Microsoft.

1123
00:51:57,290 --> 00:52:00,000
Και έτσι θα είναι πολύ συχνά
βλέπετε σε μια ιστοσελίδα κάτι

1124
00:52:00,000 --> 00:52:04,954
φαίνεται διαφορετικό σε ένα PC
από ό, τι σε Mac,

1125
00:52:04,954 --> 00:52:06,995
και αυτό είναι πραγματικά, διότι,
στο τέλος της μέρας,

1126
00:52:06,995 --> 00:52:08,891
δεν το δοκιμάσετε
καλά και στις δύο πλατφόρμες.

1127
00:52:08,891 --> 00:52:11,390
Αλλά είναι, επίσης, επειδή λογικές,
έξυπνοι άνθρωποι θα διαφωνήσουν

1128
00:52:11,390 --> 00:52:14,970
και οι εταιρείες θα διαφωνήσουν, και έτσι
μία από τις προκλήσεις του προγραμματισμού

1129
00:52:14,970 --> 00:52:16,980
για το web ή σχεδιασμό
πράγματα για το web

1130
00:52:16,980 --> 00:52:21,700
γράφει την ιστοσελίδα σας με έναν τρόπο
που λειτουργεί σε κάθε web browser.

1131
00:52:21,700 --> 00:52:23,410
Αλλά ακόμα και αυτό είναι παράλογο, σωστά;

1132
00:52:23,410 --> 00:52:27,807
Υπάρχουν τόσες πολλές εκδόσεις των τόσων
browsers εκεί έξω που, σε κάποιο σημείο,

1133
00:52:27,807 --> 00:52:30,890
θα πρέπει επίσης να κάνει μια κλήση κρίσης
και θα πρέπει να αποφασίσει ως εταιρεία,

1134
00:52:30,890 --> 00:52:33,082
ιδιαίτερα για το ηλεκτρονικό εμπόριο στιλ
τοποθεσίες όπου είστε

1135
00:52:33,082 --> 00:52:36,290
προσπαθεί να χρησιμοποιήσει την τελευταία και μεγαλύτερη
τεχνολογιών για να δώσει μια πραγματικά καλή χρήστη

1136
00:52:36,290 --> 00:52:37,110
εμπειρία.

1137
00:52:37,110 --> 00:52:41,019
Αλλά μερικοί ποσοστό των χρηστών σας θα μπορούσε
εξακολουθούν να χρησιμοποιούν τον Internet Explorer 6 ή 7

1138
00:52:41,019 --> 00:52:43,810
ή 8, ιδίως σε συνάρτηση με το
χώρα που από όπου και αν προέρχονται.

1139
00:52:43,810 --> 00:52:46,760
>> Και έτσι πολύ συχνά
στη διαβούλευση είναι κάτι

1140
00:52:46,760 --> 00:52:50,920
όπως «τα στατιστικά στοιχεία web browser."

1141
00:52:50,920 --> 00:52:56,560
Και αν πάμε to-- ας δούμε Wikipedia
και να δούμε πώς up-to-ημερομηνία αυτό το διάγραμμα είναι

1142
00:52:56,560 --> 00:52:59,320
εάν υπάρχει.

1143
00:52:59,320 --> 00:53:02,420
Έτσι, εδώ μπορείτε να δείτε
όπου browsers πραγματικότητα

1144
00:53:02,420 --> 00:53:06,160
είναι, σύμφωνα με το Δεκέμβριο του 2015,
σύμφωνα με την κυβέρνηση των ΗΠΑ.

1145
00:53:06,160 --> 00:53:11,170
Chrome είναι σε μερίδιο αγοράς 42%, ακολουθούμενη
από IE σε μεγάλο βαθμό στην εταιρική ρυθμίσεις

1146
00:53:11,170 --> 00:53:14,490
ή ρυθμίσεις του υπολογιστή, φυσικά,
ακολουθούμενη από τον Firefox,

1147
00:53:14,490 --> 00:53:17,440
Στη συνέχεια Safari, Opera, στη συνέχεια, δεν το έκανε
κάνουν τον χάρτη εδώ για κάποιο λόγο,

1148
00:53:17,440 --> 00:53:18,210
και στη συνέχεια τους άλλους.

1149
00:53:18,210 --> 00:53:19,500
Ίσως είναι υπό Άλλα.

1150
00:53:19,500 --> 00:53:27,700
Αλλά το πιο προβληματικό από αυτό is--
ας δούμε αν η Wikipedia έχει επίσης

1151
00:53:27,700 --> 00:53:35,194
εκδόσεις των browsers version--

1152
00:53:35,194 --> 00:53:36,160

1153
00:53:36,160 --> 00:53:39,190
>> Ας πάμε με τα στατιστικά στοιχεία του προγράμματος περιήγησης.

1154
00:53:39,190 --> 00:53:40,680
IE.

1155
00:53:40,680 --> 00:53:42,030
Ακόμη και αυτό δεν είναι αρκετό.

1156
00:53:42,030 --> 00:53:44,854
στατιστικά στοιχεία του προγράμματος περιήγησης.

1157
00:53:44,854 --> 00:53:45,353
δική μου εκδοχή.

1158
00:53:45,353 --> 00:53:48,980

1159
00:53:48,980 --> 00:53:50,540
Αυτό δεν πρόκειται να είναι σωστό.

1160
00:53:50,540 --> 00:53:53,414
Ας δούμε εκδόσεις.

1161
00:53:53,414 --> 00:53:54,830
το μερίδιο αγοράς του προγράμματος περιήγησης.

1162
00:53:54,830 --> 00:53:57,110
Ας δούμε αν αυτό έρχεται.

1163
00:53:57,110 --> 00:53:57,610
ΕΝΤΆΞΕΙ.

1164
00:53:57,610 --> 00:54:00,010
Τώρα αυτό γίνεται όλο και
λίγο πιο χρήσιμο.

1165
00:54:00,010 --> 00:54:04,870
Μέχρι εδώ, παρατηρούμε ότι έχουμε όλα
διαφορετικές εκδόσεις των browsers.

1166
00:54:04,870 --> 00:54:09,887
Και, Θεέ μου, αν look-- Chrome
48, το Chrome 47, Chrome 31, Chrome 45.

1167
00:54:09,887 --> 00:54:12,970
Θέλω να πω, προγράμματα περιήγησης στο ολοένα και πιο ενημερωμένο,
και μερικές φορές κάποιες από αυτές τις αλλαγές

1168
00:54:12,970 --> 00:54:16,430
είναι σημαντικές σε
όσον αφορά τη λειτουργικότητα.

1169
00:54:16,430 --> 00:54:20,630
Και έτσι σε κάποιο σημείο, ο
διαχειριστές προϊόν ή οι μηχανικοί

1170
00:54:20,630 --> 00:54:23,620
πρέπει να κάνει μια decision-- σας
ξέρετε τι, μόνο το 1% του παγκόσμιου

1171
00:54:23,620 --> 00:54:24,740
εξακολουθεί να χρησιμοποιεί IE 7.

1172
00:54:24,740 --> 00:54:25,490
Για την κόλαση μαζί τους.

1173
00:54:25,490 --> 00:54:27,470
Εμείς απλά δεν πρόκειται να
υποστηρίζει ότι το πρόγραμμα περιήγησης.

1174
00:54:27,470 --> 00:54:28,740
Και τι σημαίνει να μην υποστηρίξει;

1175
00:54:28,740 --> 00:54:31,170
Θα μπορούσε να σημαίνει ότι τα κουμπιά
δεν λειτουργούν στην ιστοσελίδα σας,

1176
00:54:31,170 --> 00:54:33,050
ή θα μπορούσε να σημαίνει ότι η
μορφοποίηση είναι εντελώς off.

1177
00:54:33,050 --> 00:54:35,091
Ή ίσως χρειαστεί να κάνετε
ότι η ίδια κλήση κρίσης

1178
00:54:35,091 --> 00:54:39,089
στο κινητό αυτές τις ημέρες, όπου, είμαστε
δεν πρόκειται να υποστηρίξει IOS 5 πια.

1179
00:54:39,089 --> 00:54:40,380
Έτσι, οι άνθρωποι πρέπει ακριβώς να αναβαθμίσουν.

1180
00:54:40,380 --> 00:54:45,850
Ή εμείς δεν πρόκειται να υποστηρίξει Cupcake
για το Android OS για συσκευές Android,

1181
00:54:45,850 --> 00:54:48,629
γιατί ως world-- όπως η
tech κόσμο θέλει να κινηθεί προς τα εμπρός,

1182
00:54:48,629 --> 00:54:51,170
αυτό το είδος θέλει να σύρετε το
κόσμο με το έτσι ώστε να μην

1183
00:54:51,170 --> 00:54:53,295
πρέπει να συνεχίσει να είναι
συμβατό έτσι ώστε να

1184
00:54:53,295 --> 00:54:54,920
μπορούν να προσφέρουν νέες και καλά χαρακτηριστικά.

1185
00:54:54,920 --> 00:54:57,878
Αυτό είναι πράγματι ένας από τους λόγους
γιατί τόσες πολλές εταιρείες τροχαίο έξω

1186
00:54:57,878 --> 00:55:01,440
αυτόματες ενημερώσεις και το είδος αναγκάζοντας
οι τελευταίες εκδόσεις του λογισμικού μας.

1187
00:55:01,440 --> 00:55:04,010
Και ακόμη και εταιρείες
όπως η Apple θα ταξινομήσετε της

1188
00:55:04,010 --> 00:55:07,280
σας αναγκάσει σχεδόν ή να τον υποχρεώνουν
σας από την άποψη των δυνάμεων της αγοράς

1189
00:55:07,280 --> 00:55:11,164
να αγοράσετε ένα νέο τηλέφωνο, επειδή ακριβώς
δεν θα ενημερώσει το παλιό σας τηλέφωνο πια.

1190
00:55:11,164 --> 00:55:13,330
Έτσι θα χάσετε το
τελευταίες και μεγαλύτερες δυνατότητες,

1191
00:55:13,330 --> 00:55:17,520
επειδή είναι δαπανηρή σε αυτούς ως ένα
εταιρεία να διατηρήσει τα μεγαλύτερα, αναμφισβήτητα

1192
00:55:17,520 --> 00:55:19,330
κατώτερη εκδόσεις του λογισμικού.

1193
00:55:19,330 --> 00:55:23,660
Αλλά το καθαρό αποτέλεσμα είναι ότι
μπορούμε επίσης να υποφέρουν και αυτό.

1194
00:55:23,660 --> 00:55:26,550
>> Έτσι, ας ρίξουμε μια ματιά σε μόλις
ένα ζευγάρι του τελικού πράγματα εδώ.

1195
00:55:26,550 --> 00:55:29,740
Ας χτυπήσει από πραγματικά γρήγορα μερικά από τα
αυτές οι άλλες σφαίρες, αν περίεργος.

1196
00:55:29,740 --> 00:55:33,440
Έτσι, αν προσπαθούσαν να,
για παράδειγμα, η θέση του

1197
00:55:33,440 --> 00:55:36,420
το κείμενο σε διαφορετικές πλευρές του
σελίδα, Πάω να κάνω ένα γρήγορο τρόπο,

1198
00:55:36,420 --> 00:55:38,360
αλλά υπάρχει διαφορετική
τρόποι για να γίνει αυτό.

1199
00:55:38,360 --> 00:55:42,610
Επιτρέψτε μου να προχωρήσει και να eliminate--
απλουστευθεί αυτή ως εξής.

1200
00:55:42,610 --> 00:55:45,330
Επιτρέψτε μου να πάω πίσω για να μου
απλό, απλό παραγράφους.

1201
00:55:45,330 --> 00:55:47,760
Επιτρέψτε μου να πάω πίσω στο styles.css μου.

1202
00:55:47,760 --> 00:55:51,040
Και είμαι απλώς πρόκειται να χρησιμοποιήσετε το simple--
που μπορεί να έχετε δει στο Google

1203
00:55:51,040 --> 00:55:54,430
ή ανάκληση από earlier--
text-align δεξιά.

1204
00:55:54,430 --> 00:55:56,220
Και φορτώστε ξανά αυτή τη σελίδα.

1205
00:55:56,220 --> 00:55:58,470
Τώρα τα πάντα φαίνεται
να είναι δεξιά στοίχιση,

1206
00:55:58,470 --> 00:56:00,770
όπως μπορείτε να δείτε στην εναέρια εδώ.

1207
00:56:00,770 --> 00:56:04,470
>> Μπορούμε να φανεί λίγο πιο
που μοιάζει με βιβλίο, και μπορούμε να πούμε "justify"

1208
00:56:04,470 --> 00:56:05,640
και να φορτώσετε εκ νέου.

1209
00:56:05,640 --> 00:56:09,870
Τώρα είναι ωραίο και την πλατεία και στις δύο
πλευρές, το οποίο είναι το είδος της Νίκαιας.

1210
00:56:09,870 --> 00:56:12,220
Ένας άλλος στόχος που είχαμε εδώ
ήταν το χρώμα του κειμένου αλλαγής.

1211
00:56:12,220 --> 00:56:13,650
Έτσι είδαμε ότι με κόκκινο κείμενο μου.

1212
00:56:13,650 --> 00:56:15,630
Και τώρα να προσθέσετε κουμπιά για μια φόρμα.

1213
00:56:15,630 --> 00:56:19,390
Γιατί λοιπόν να μην προσπαθούμε να κάνουμε ακριβώς αυτό;

1214
00:56:19,390 --> 00:56:23,656
Αλλά πρώτα επιτρέψτε μου να πάω σε ένα site που
οι περισσότεροι από εμάς χρησιμοποιούν κάθε day-- Google.

1215
00:56:23,656 --> 00:56:25,780
Και ας ρίξουμε μια ματιά
πώς το Google λειτουργεί πραγματικά.

1216
00:56:25,780 --> 00:56:26,821
Αλλά Πάω να το κάνουμε αυτό.

1217
00:56:26,821 --> 00:56:31,930
Κατ 'αρχάς επιτρέψτε μου να το κάνω in-- yep,
επιτρέψτε μου να πάω στο Google πρώτα.

1218
00:56:31,930 --> 00:56:34,530
Πάω να πρέπει να πάει
σε Ρυθμίσεις Google,

1219
00:56:34,530 --> 00:56:40,660
γιατί θέλω να απενεργοποιήσετε
κάτι που ονομάζεται άμεσα αποτελέσματα.

1220
00:56:40,660 --> 00:56:43,580
>> Έτσι, μπορεί να έχετε παρατηρήσει στο
Google αυτά days-- επιτρέψτε μου να πάω πίσω

1221
00:56:43,580 --> 00:56:44,850
και να μετατρέψει αυτό σε.

1222
00:56:44,850 --> 00:56:47,900
Έτσι, αν μπορώ να ξεκινήσω την αναζήτηση
για "γάτες", όπως αυτό,

1223
00:56:47,900 --> 00:56:50,120
παρατηρήσετε ότι όχι μόνο
Παίρνω auto-complete up

1224
00:56:50,120 --> 00:56:54,520
κορυφή, ξαφνικά, η ίδια σελίδα
φαίνεται να αλλάζει αρκετά γρήγορα, καθώς,

1225
00:56:54,520 --> 00:56:58,750
και αυτό είναι το Google, χρησιμοποιώντας μια γλώσσα
κάλεσε την Javascript προσπαθεί να είναι χρήσιμη.

1226
00:56:58,750 --> 00:57:01,540
Αλλά, δυστυχώς, αυτό το είδος
των λεσχών συζήτησης μας

1227
00:57:01,540 --> 00:57:04,010
για το τι πραγματικά συμβαίνει
κάτω από την κουκούλα εδώ.

1228
00:57:04,010 --> 00:57:09,070
Έτσι, είμαι ακριβώς το είδος του γρήγορα
απενεργοποιήστε άμεσα αποτελέσματα.

1229
00:57:09,070 --> 00:57:11,510
Και Πάω να κάνετε κλικ στην επιλογή Αποθήκευση.

1230
00:57:11,510 --> 00:57:13,930
Και τώρα πάω να ανοίξει
ότι διαγνωστικών εργαλείων που έχω

1231
00:57:13,930 --> 00:57:16,150
κρατήσει το άνοιγμα κάτω από την καρτέλα Δίκτυο.

1232
00:57:16,150 --> 00:57:17,720
Ας το κάνουμε αυτό.

1233
00:57:17,720 --> 00:57:21,960
Ας me-- whoops--
μετακινηθείτε προς αυτό κάτω από ένα κομμάτι.

1234
00:57:21,960 --> 00:57:24,410
Και επιτρέψτε μου να ψάξετε για "γάτες".

1235
00:57:24,410 --> 00:57:26,790
>> Και τώρα notice-- στην πραγματικότητα,
αυτή είναι μια καλή ευκαιρία

1236
00:57:26,790 --> 00:57:28,840
για να συζητήσουν για μια στιγμή.

1237
00:57:28,840 --> 00:57:32,460
Παρατηρήστε τη στιγμή που type-- το σταματήσει.

1238
00:57:32,460 --> 00:57:35,250
Σταμάτα το.

1239
00:57:35,250 --> 00:57:35,790
ΕΝΤΆΞΕΙ.

1240
00:57:35,790 --> 00:57:40,870
Παρατηρήστε τη στιγμή που πληκτρολογείτε το γράμμα
C, να παρακολουθήσετε το κάτω μέρος της οθόνης.

1241
00:57:40,870 --> 00:57:48,600
Α Τ Σ Τι κάνει το κάτω μέρος
αυτής της οθόνης, καρτέλα δικτύου μου,

1242
00:57:48,600 --> 00:57:53,320
Προτείνω συμβαίνει κάθε
φορά που πληκτρολογείτε ένα γράμμα;

1243
00:57:53,320 --> 00:57:57,700
Δυστυχώς, ο βάτραχος είναι πολύ
αποσπά την προσοχή σήμερα ή το τριφύλλι

1244
00:57:57,700 --> 00:58:00,339
ή ό, τι είναι.

1245
00:58:00,339 --> 00:58:01,880
Τι συνέβαινε κάθε φορά που θα πληκτρολογήσει;

1246
00:58:01,880 --> 00:58:04,230
Και επιτρέψτε μου να καταργήσετε την επιλογή του
ρυθμιστικό και πληκτρολογήστε το ξανά.

1247
00:58:04,230 --> 00:58:06,580
So-- κραυγών.

1248
00:58:06,580 --> 00:58:13,280
Κάθε φορά που πληκτρολογείτε ένα γράμμα, C- Α- T--
έτσι μια νέα σειρά, προφανώς, συνεχίζει να εμφανίζεται.

1249
00:58:13,280 --> 00:58:16,530
Τι σημαίνει κάθε μία από αυτές τις σειρές αντιπροσωπεύουν,
με βάση όσα έχουμε δει και συζήτησε

1250
00:58:16,530 --> 00:58:17,339
ως εδώ?

1251
00:58:17,339 --> 00:58:18,130
Κοινό: Μια αναζήτηση;

1252
00:58:18,130 --> 00:58:21,770
DAVID J. Malan: Μια αναζήτηση, ή
πιο γενικά, ένα αίτημα HTTP

1253
00:58:21,770 --> 00:58:23,125
από τον browser μου στον server.

1254
00:58:23,125 --> 00:58:29,090
Λοιπόν, γιατί είναι το πρόγραμμα περιήγησής μου κάνει μια HTTP
να ζητήσει κάθε φορά που πληκτρολογείτε ένα γράμμα;

1255
00:58:29,090 --> 00:58:30,502
>> Κοινό: [δεν ακούγεται]

1256
00:58:30,502 --> 00:58:33,210
DAVID J. Malan: Ναι, αυτό είναι δίνοντας
μένα αυτά αυτόματη συμπλήρωση αποτελεσμάτων.

1257
00:58:33,210 --> 00:58:35,190
Όπως, όπου κάνει αυτά
αποτελέσματα αναζήτησης προέρχονται από;

1258
00:58:35,190 --> 00:58:38,120
Λοιπόν, κάθε φορά που πληκτρολογείτε μια
επιστολή, η Google στέλνει περισσότερα

1259
00:58:38,120 --> 00:58:40,460
και όλο και περισσότερο από
η λέξη Είμαι πληκτρολόγηση.

1260
00:58:40,460 --> 00:58:41,040
Γιατί;

1261
00:58:41,040 --> 00:58:44,540
Επειδή θέλουν να μου δώσει ένα
και καλύτερα, καλύτερη πρόταση,

1262
00:58:44,540 --> 00:58:48,880
μια λίστα με προτάσεις, για ποιο λόγο
Προσπαθώ πραγματικά να ολοκληρωθεί.

1263
00:58:48,880 --> 00:58:53,030
Έτσι, αυτό είναι να πω κυριολεκτικά κάθε
χαρακτήρας που πληκτρολογείτε σε Google

1264
00:58:53,030 --> 00:58:56,900
αποστέλλεται, τελικά, στην
χύμα, αλλά και μερικές φορές ένα

1265
00:58:56,900 --> 00:59:00,620
σε έναν χρόνο προκειμένου να εφαρμόσουν
Αυτά τα auto-complete χαρακτηριστικά όταν

1266
00:59:00,620 --> 00:59:03,000
τα δεδομένα είναι, φυσικά, από τον ιστό.

1267
00:59:03,000 --> 00:59:08,780
>> Τώρα, ας ρίξουμε μια ματιά στο τι πραγματικά
συμβαίνει όταν κάνω κλικ αναζήτησης Google.

1268
00:59:08,780 --> 00:59:10,420
Και τότε θα αξιοποιήσει αυτό τον εαυτό μας.

1269
00:59:10,420 --> 00:59:15,320
Έτσι, αν μετακινηθείτε προς τα κάτω τώρα στην πολύ
πρώτο αίτημα που μόλις συνέβη.

1270
00:59:15,320 --> 00:59:17,130
Παρατηρήστε την ακόλουθη.

1271
00:59:17,130 --> 00:59:25,550
Είχε σταλεί σε μια αρκετά μεγάλη URL--
https://www.google.com/search;

1272
00:59:25,550 --> 00:59:27,100
και στη συνέχεια ένα σωρό πράγματα.

1273
00:59:27,100 --> 00:59:29,620
Ας δούμε αυτό στην πραγματικότητα τώρα
στην ίδια την καρτέλα του προγράμματος περιήγησης.

1274
00:59:29,620 --> 00:59:31,310
Ας απαλλαγούμε από τη γραμμή εργαλείων εδώ.

1275
00:59:31,310 --> 00:59:33,140
Εδώ είναι η σελίδα των αποτελεσμάτων αναζήτησης.

1276
00:59:33,140 --> 00:59:34,790
Και προειδοποίηση εδώ είναι η διεύθυνση URL.

1277
00:59:34,790 --> 00:59:37,430
Τώρα, μπορείτε να μαντέψετε
τι συμβαίνει εδώ εν μέρει.

1278
00:59:37,430 --> 00:59:39,090
Έτσι, πρώτα απ 'όλα, ένας ορισμός.

1279
00:59:39,090 --> 00:59:42,570
Αυτό προφανώς είναι ο προορισμός
στο οποίο υποβάλλεται το έντυπο.

1280
00:59:42,570 --> 00:59:44,910
Έτσι, όταν έχω πληκτρολογήσει το
λέξεις "γάτες" και πατήστε Enter,

1281
00:59:44,910 --> 00:59:48,460
προφανώς Google έστειλε
εισαγωγής κειμένου μου σε αυτή τη διεύθυνση URL

1282
00:59:48,460 --> 00:59:50,770
ότι έχω επισημανθεί
εκεί, κάθετος αναζήτησης.

1283
00:59:50,770 --> 00:59:56,530
Βγάζει, σε μια διεύθυνση URL, κάτι που
συμβαίνει μετά από ένα ερωτηματικό είναι,

1284
00:59:56,530 --> 01:00:01,270
όπως μας λένε διαρκώς, ένα ζεύγος κλειδιού-τιμής
που είχε πληκτρολογήσει στη φόρμα ή με κάποιο τρόπο

1285
01:00:01,270 --> 01:00:04,500
που μεταδίδεται από το
πρόγραμμα περιήγησης στο διακομιστή.

1286
01:00:04,500 --> 01:00:07,180
>> Έτσι, κάθε φορά που πληκτρολογείτε εισόδου
σε μία μορφή στον ιστό

1287
01:00:07,180 --> 01:00:10,000
και αυτό είναι που αποστέλλονται ως έχουμε
συζητούν, μέσω ενός get,

1288
01:00:10,000 --> 01:00:12,400
ένα από αυτά τα εικονικά
φακέλους, τα περιεχόμενα

1289
01:00:12,400 --> 01:00:15,510
του ότι envelope-- ναι, να τηρούν
να πάρει γεμιστό σωματικά

1290
01:00:15,510 --> 01:00:19,010
στο φάκελο της κατηγορίας
σήμερα, αλλά τεχνολογικά

1291
01:00:19,010 --> 01:00:21,110
αυτό είναι πραγματικά μπαίνουν στο URL.

1292
01:00:21,110 --> 01:00:22,940
Έτσι, στην πραγματικότητα, επιτρέψτε μου να κοσκινίζω μέσα από αυτό.

1293
01:00:22,940 --> 01:00:25,010
Πού βλέπετε εισόδου του χρήστη;

1294
01:00:25,010 --> 01:00:27,490
Πού βλέπετε κάτι
ότι εγώ ο ίδιος πληκτρολογήσει μέχρι εδώ;

1295
01:00:27,490 --> 01:00:32,100

1296
01:00:32,100 --> 01:00:33,491
Ναι, έτσι "γάτες".

1297
01:00:33,491 --> 01:00:33,990
Δικαίωμα?

1298
01:00:33,990 --> 01:00:36,380
Επιτρέψτε μου λοιπόν απόσταξη αυτή
σε κάτι πιο απλό.

1299
01:00:36,380 --> 01:00:39,917
Πάω να διαγράψει τα πάντα για
Αυτή η διεύθυνση URL που δεν καταλαβαίνω,

1300
01:00:39,917 --> 01:00:42,250
και είμαι απλώς πρόκειται να φύγει
ως this-- / αναζήτησης; q = γάτες.

1301
01:00:42,250 --> 01:00:45,640

1302
01:00:45,640 --> 01:00:47,890
Θα δούμε, όπου q
προέρχεται από σε μια στιγμή,

1303
01:00:47,890 --> 01:00:51,220
αλλά ότι αισθάνεται σαν το ελάχιστο
ποσότητα των πληροφοριών που παρέχονται.

1304
01:00:51,220 --> 01:00:53,050
Και τώρα πάω να πατήστε Enter.

1305
01:00:53,050 --> 01:00:55,520
Και παρατηρήσετε εξακολουθεί να λειτουργεί.

1306
01:00:55,520 --> 01:00:57,950
Εξακολουθούμε να πάρει πίσω ένα σωρό γάτες.

1307
01:00:57,950 --> 01:01:00,340
Έτσι, η Google είναι εκτροφέα
από αυτό αυτές τις μέρες.

1308
01:01:00,340 --> 01:01:01,934
Είναι το 2016, όχι το 1999.

1309
01:01:01,934 --> 01:01:04,600
Έτσι, δεν υπάρχει άλλη ουσία που μου
πρόγραμμα περιήγησης στέλνει στον server.

1310
01:01:04,600 --> 01:01:07,100
Αλλά αυτό είναι ελάχιστα
το μόνο που χρειάζεται.

1311
01:01:07,100 --> 01:01:08,380
>> Λοιπόν τι συμβαίνει?

1312
01:01:08,380 --> 01:01:14,320
Λοιπόν, πρώτα επιτρέψτε μου να πάει μπροστά και να πάει
Επιστροφή στην Cloud9 και επιτρέψτε μου να πάει μπροστά

1313
01:01:14,320 --> 01:01:15,620
και κλείστε καρτέλες μου νωρίτερα.

1314
01:01:15,620 --> 01:01:18,230
Και θα κάνω αυτό στο μου
Διαθέτουμε μόνο για μια στιγμή.

1315
01:01:18,230 --> 01:01:20,730
Πάω να πάει μπροστά
και να δημιουργήσετε νέο αρχείο.

1316
01:01:20,730 --> 01:01:23,739
Και Πάω να το αποθηκεύσετε ως google.html.

1317
01:01:23,739 --> 01:01:26,280
Και Πάω σε πολύ quickly--
Πάω να κλέψουν, στην πραγματικότητα,

1318
01:01:26,280 --> 01:01:28,510
μερικά από αυτό το κείμενο ακριβώς για να εξοικονομήσετε χρόνο.

1319
01:01:28,510 --> 01:01:30,610
Πάω να επικολλήσετε αυτό εδώ.

1320
01:01:30,610 --> 01:01:33,850
Είμαι δεν πρόκειται να ασχοληθείτε με
οποιαδήποτε σχηματοποίηση αυτή τη φορά.

1321
01:01:33,850 --> 01:01:38,340
Εμείς πάμε για να καλέσετε αυτό το "Google μου."

1322
01:01:38,340 --> 01:01:41,230
Και Πάω να απαλλαγούμε
τα πάντα στο σώμα.

1323
01:01:41,230 --> 01:01:42,740
Και Πάω να κάνω το εξής.

1324
01:01:42,740 --> 01:01:45,690
Επιτρέψτε μου να μεγεθύνετε.

1325
01:01:45,690 --> 01:01:50,620
Μορφή action-- και όπως ανέφερα εν συντομία
earlier-- whoops-- όπως εν συντομία

1326
01:01:50,620 --> 01:01:54,130
αναφέρθηκε νωρίτερα, η δράση της α
μορφή είναι όπου μπορείτε να στείλετε τα δεδομένα σε.

1327
01:01:54,130 --> 01:01:56,620
Έτσι google.com/search.

1328
01:01:56,620 --> 01:01:59,390
Και η μέθοδος που θέλετε να χρησιμοποιήσετε
μπορεί να είναι ένα από τα δύο πράγματα.

1329
01:01:59,390 --> 01:02:02,870
Μπορεί είτε να "πάρει", όπως κρατάμε
συζητούν, ή μπορεί να είναι "post".

1330
01:02:02,870 --> 01:02:05,340
Προς το παρόν, η θεμελιώδης
διαφορά είναι, αν χρησιμοποιείτε "πάρει"

1331
01:02:05,340 --> 01:02:09,590
όλες τις πληροφορίες ότι η
χρήστης παρέχει παίρνει αποστέλλονται στη διεύθυνση URL.

1332
01:02:09,590 --> 01:02:13,530
>> Αυτό είναι μεγάλο για τα πράγματα όπως αναζήτηση
κινητήρες και μερικές άλλες εφαρμογές,

1333
01:02:13,530 --> 01:02:17,080
αλλά υπό ποιες συνθήκες θα ήταν
δεν θέλετε να συμπληρώσετε μια φόρμα

1334
01:02:17,080 --> 01:02:21,620
και έχουν τις πληροφορίες που καταλήγουν το
URL, όπως και στη γραμμή διευθύνσεων του browser σας;

1335
01:02:21,620 --> 01:02:25,470

1336
01:02:25,470 --> 01:02:26,605
Τι είδους μορφές κάνουν you--

1337
01:02:26,605 --> 01:02:27,480
Κοινό: [δεν ακούγεται]

1338
01:02:27,480 --> 01:02:28,450
DAVID J. Malan: Ναι, σαν αυτό;

1339
01:02:28,450 --> 01:02:29,270
Κοινό: Οι κωδικοί πρόσβασης.

1340
01:02:29,270 --> 01:02:31,936
DAVID J. Malan: Ναι, έτσι μπορείτε να συνδεθείτε
στο Facebook ή κάποια ιστοσελίδα.

1341
01:02:31,936 --> 01:02:34,395
Αυτό είναι που εισάγει ο χρήστης από
μια μορφή, ένα πλαίσιο κειμένου,

1342
01:02:34,395 --> 01:02:37,020
αλλά ίσως δεν το θέλουν
εμφανίζονται σε URL του προγράμματος περιήγησης.

1343
01:02:37,020 --> 01:02:38,121
Γιατί;

1344
01:02:38,121 --> 01:02:40,870
Θέλω να πω, ίσως υπάρχουν κάποια
συνέπειες για την ασφάλεια του δικτύου,

1345
01:02:40,870 --> 01:02:44,830
αλλά πιο-- αρέσει, πιο απλά, τι εάν
συγκάτοικό σας, σημαντικό άλλο σας,

1346
01:02:44,830 --> 01:02:47,710
τα παιδιά σας, ο σύζυγός σας φαίνεται
μέσα από την ιστορία του προγράμματος περιήγησης σας;

1347
01:02:47,710 --> 01:02:50,762
Υπάρχει σωστό κωδικό πρόσβασης σας
υπάρχει στην ιστορία του browser σας.

1348
01:02:50,762 --> 01:02:52,220
Ότι δεν αισθάνεται σαν καλό σχεδιασμό.

1349
01:02:52,220 --> 01:02:54,500
Ή ακόμα πιο τεχνικά,
ας υποθέσουμε ότι προσπαθείτε

1350
01:02:54,500 --> 01:02:59,180
για να ανεβάσετε μια φωτογραφία στο Flickr
ή το Facebook ή wherever--

1351
01:02:59,180 --> 01:03:03,010
δηλαδή εισόδου του χρήστη, ακόμη και αν
είναι λίγο πιο interesting-- πώς

1352
01:03:03,010 --> 01:03:05,530
μπορώ να χώνω μια εικόνα στη γραμμή διευθύνσεων URL;

1353
01:03:05,530 --> 01:03:06,730
Μπορείτε είδος του είδους δεν μπορούν.

1354
01:03:06,730 --> 01:03:07,396
Μπορείτε είδους μπορεί.

1355
01:03:07,396 --> 01:03:10,210
Αλλά, πραγματικά, είμαι πιεσμένοι
να φανταστεί το κάνουμε αυτό.

1356
01:03:10,210 --> 01:03:13,470
Γι 'αυτό χρειάζεται μια άλλη μέθοδο για την
ανέβασμα φωτογραφιών σε μια ιστοσελίδα,

1357
01:03:13,470 --> 01:03:15,657
και ότι άλλη μέθοδος ονομάζεται "post".

1358
01:03:15,657 --> 01:03:18,740
Αλλά για τώρα, θα μιλάμε μόνο για
"Πάρει", η οποία είναι η απλούστερη από τις δύο.

1359
01:03:18,740 --> 01:03:21,100
Είναι απλά βάζει όλα τα
εισόδου του χρήστη στο URL.

1360
01:03:21,100 --> 01:03:22,830
>> Έτσι, εδώ είναι η μορφή Είμαι δημιουργία.

1361
01:03:22,830 --> 01:03:24,070
Θέλω μια είσοδο.

1362
01:03:24,070 --> 01:03:24,820
Και ξέρετε τι;

1363
01:03:24,820 --> 01:03:26,111
Πάω να λάβει μια εικασία εδώ.

1364
01:03:26,111 --> 01:03:31,600
Πάω να υπενθυμίσω μου
εισόδου "Q" για την "απορία".

1365
01:03:31,600 --> 01:03:34,970
Και νομίζω ότι αυτό είναι ένα από τα
πρωτότυπα σχέδια, ίσως, από το 1999.

1366
01:03:34,970 --> 01:03:39,560
Και τότε ο τύπος αυτής της εισόδου
είναι ακριβώς πρόκειται να είναι "κείμενο".

1367
01:03:39,560 --> 01:03:43,040
Και τότε Πάω να έχουν μια άλλη είσοδο
ότι δεν χρειάζεται ένα όνομα, όπως σύντομα θα

1368
01:03:43,040 --> 01:03:45,120
Βλέπετε, ο τύπος του οποίου είναι «να υποβάλει».

1369
01:03:45,120 --> 01:03:47,070
Και αυτό πρόκειται να
να μου δώσει ένα ειδικό κουμπί.

1370
01:03:47,070 --> 01:03:48,320
Και αυτό είναι όλο.

1371
01:03:48,320 --> 01:03:50,790
>> Επιτρέψτε μου λοιπόν να πάει μπροστά και να αποθηκεύσετε αυτό το αρχείο.

1372
01:03:50,790 --> 01:03:54,910
Πάω να πάει πίσω στο μου
πρόγραμμα περιήγησης και μεταβείτε στη google.html.

1373
01:03:54,910 --> 01:03:56,140
Εισάγω.

1374
01:03:56,140 --> 01:03:59,680
Και αυτό είναι το είδος της αραιές
για να πούμε το λιγότερο.

1375
01:03:59,680 --> 01:04:03,110
Αλλά επιτρέψτε μου να πάει μπροστά
και η αναζήτηση για "γάτες".

1376
01:04:03,110 --> 01:04:06,510
Και παρατηρήσετε είμαι σήμερα
σε αυτή τη διεύθυνση URL Cloud9.

1377
01:04:06,510 --> 01:04:09,240
Αλλά από τη στιγμή που κάνετε κλικ σε αυτό,
πού να ελπίζουμε ότι θα καταλήξουν;

1378
01:04:09,240 --> 01:04:10,160
>> Κοινό: Google.

1379
01:04:10,160 --> 01:04:11,118
>> DAVID J. Malan: Google.

1380
01:04:11,118 --> 01:04:12,740
Ας κάντε κλικ στο κουμπί Υποβολή.

1381
01:04:12,740 --> 01:04:15,200
Και πράγματι έχω ξανά σε εφαρμογή της Google.

1382
01:04:15,200 --> 01:04:15,700
Δικαίωμα?

1383
01:04:15,700 --> 01:04:16,480
Είναι απλό.

1384
01:04:16,480 --> 01:04:17,120
Είναι ελαφρύτερο.

1385
01:04:17,120 --> 01:04:20,350
Θέλω να πω, ο κωδικός μου είναι σαφώς καλύτερη από ό, τι
δικοί τους, από το χάος που είδαμε νωρίτερα.

1386
01:04:20,350 --> 01:04:21,100
Και ξέρετε τι;

1387
01:04:21,100 --> 01:04:22,610
Πάω να μπαχαρικό αυτό μέχρι λίγο.

1388
01:04:22,610 --> 01:04:23,860
Δεν αναφέρω αυτό νωρίτερα.

1389
01:04:23,860 --> 01:04:27,860
Υπάρχουν ετικέτες όπως H1, για τον τομέα 1,
το πιο σημαντικό τίτλο σε μια σελίδα.

1390
01:04:27,860 --> 01:04:30,570
"Google μου," Θα καλέσω αυτό.

1391
01:04:30,570 --> 01:04:31,940
Επιτρέψτε μου να φορτώσετε εκ νέου.

1392
01:04:31,940 --> 01:04:33,772
Είναι αναζητούν λίγο καλύτερα ήδη.

1393
01:04:33,772 --> 01:04:34,980
Και, πραγματικά, ξέρετε τι;

1394
01:04:34,980 --> 01:04:36,430
Έχω already-- είπα ψέματα.

1395
01:04:36,430 --> 01:04:40,200
Είπα ότι δεν επρόκειτο να το στυλ αυτό,
αλλά Πάω να το στυλ αυτό όπως πριν.

1396
01:04:40,200 --> 01:04:46,860
Και το σώμα μου πρόκειται να είναι,
ας πούμε, το κέντρο text-align.

1397
01:04:46,860 --> 01:04:48,800
Είναι μοιάζει περισσότερο με το Google ήδη.

1398
01:04:48,800 --> 01:04:51,090
>> Χρειάζομαι ένα διάλειμμα γραμμή, όμως,
γι 'αυτό το κουμπί Υποβολή.

1399
01:04:51,090 --> 01:04:52,798
Και αποδεικνύεται, μπορείτε
μπορούν να χρησιμοποιήσουν τις σκέψεις,

1400
01:04:52,798 --> 01:04:57,320
ή μπορείτε να περισσότερο κυριολεκτικά μόνο να πω,
να μου δώσει μια γραμμή διάλειμμα here-- την ετικέτα br.

1401
01:04:57,320 --> 01:04:59,319
Και αν φορτώσετε εκ νέου αυτό, τώρα θα πάει εκεί.

1402
01:04:59,319 --> 01:05:01,610
Είναι λίγο άσχημο, γι 'αυτό
θα μπορούσε να κάνει πολλαπλές αλλαγές γραμμής,

1403
01:05:01,610 --> 01:05:03,310
αλλά ας μην πάρει πάρα πολύ άπληστοι εδώ.

1404
01:05:03,310 --> 01:05:06,430
Έτσι τώρα ας δούμε αν δουλεύει για "σκυλιά".

1405
01:05:06,430 --> 01:05:08,640
Φαίνεται να λειτουργεί για "σκυλιά", όπως καλά.

1406
01:05:08,640 --> 01:05:10,780
Έτσι ποια είναι η επιτακτική takeaway εδώ;

1407
01:05:10,780 --> 01:05:13,600
Ένα-- δεν ήταν ένα τεράστιο άλμα για την
εισάγουν μερικές περισσότερες ετικέτες,

1408
01:05:13,600 --> 01:05:15,370
όπως το tag μορφή στην ετικέτα εισόδου.

1409
01:05:15,370 --> 01:05:17,120
Αλλά πιο ουσιαστικά
είναι, όλοι κάνουμε

1410
01:05:17,120 --> 01:05:20,610
αξιοποιεί την κατανόησή μας
του ΗΤΤΡ και του γεγονότος

1411
01:05:20,610 --> 01:05:24,900
ότι οι μορφές, τελικά, να αλλάξει
τι είναι το URL του προγράμματος περιήγησης,

1412
01:05:24,900 --> 01:05:28,540
και έτσι, ως εκ τούτου, μπορούμε
μηχανικά παρέχουν είσοδο σε ένα διακομιστή

1413
01:05:28,540 --> 01:05:33,600
κάνοντας μια φόρμα HTML και γνωρίζοντας
ότι ο διακομιστής καταλαβαίνει HTTP,

1414
01:05:33,600 --> 01:05:36,890
ακριβώς όπως το σώμα μας καταλαβαίνει, όπως,
κουνώντας το χέρι μου, το ίδιο πρωτόκολλο,

1415
01:05:36,890 --> 01:05:40,920
και έτσι παίρνουμε πίσω την απάντηση
ότι μπορούμε τελικά να περιμένουμε.

1416
01:05:40,920 --> 01:05:44,050
>> Έτσι, ας προσπαθήσουμε να κάνουμε ένα
τελευταίο πράγμα τώρα με το κινητό,

1417
01:05:44,050 --> 01:05:47,052
και εγώ θα make-- εγώ θα προσθέσω
αυτός ο κώδικας με τις διαφάνειες.

1418
01:05:47,052 --> 01:05:49,760
Έτσι, αν θέλετε να πειραματιζόμαστε, να σας
μπορεί σίγουρα να το πάρετε από εκεί.

1419
01:05:49,760 --> 01:05:51,551
Αλλά Πάω να πάει
μπροστά και να κάνουν ένα πράγμα.

1420
01:05:51,551 --> 01:05:54,120
Πάω να πάει μπροστά και να
ανοίξει page-- δείκτη μου

1421
01:05:54,120 --> 01:05:59,030
σελίδα γεια μου όπως και πριν, η οποία
έχει πολλά αυτού του faux-Λατινικής κειμένου,

1422
01:05:59,030 --> 01:06:05,470
ή νόημα λατινικό κείμενο, και has--
μοιάζει με αυτό σε αυτό το μέγεθος της γραμματοσειράς.

1423
01:06:05,470 --> 01:06:07,850
Αλλά επιτρέψτε μου να προχωρήσει και να το κάνουμε αυτό.

1424
01:06:07,850 --> 01:06:09,300
Πάω να μπω σε Cloud9.

1425
01:06:09,300 --> 01:06:10,380
Και δεν χρειάζεται να το κάνουμε αυτό το βήμα.

1426
01:06:10,380 --> 01:06:11,420
Εγώ απλώς θα το κάνω εγώ.

1427
01:06:11,420 --> 01:06:12,890
Πάω να κάνετε κλικ Share.

1428
01:06:12,890 --> 01:06:15,170
Και αυτό είναι ένα χαρακτηριστικό
μόνο του Cloud9, σύμφωνα με την οποία

1429
01:06:15,170 --> 01:06:17,710
Μπορώ να κάνω το περιβάλλον μου δημόσια.

1430
01:06:17,710 --> 01:06:20,240
>> Και μόνο για χάρη της
επίδειξης, επιτρέψτε μου να το κάνουμε αυτό.

1431
01:06:20,240 --> 01:06:22,870
Πάω να κάνει δημόσια την αίτησή μου.

1432
01:06:22,870 --> 01:06:25,230
Παρατηρήστε ότι είναι με προειδοποίηση, είμαι
Εγώ σίγουρα θέλω να κάνω αυτό,

1433
01:06:25,230 --> 01:06:28,438
γιατί αυτό πρόκειται να κάνει ο καθένας
στον κόσμο, είτε είναι εδώ τώρα

1434
01:06:28,438 --> 01:06:33,560
ή παρακολουθώντας το βίντεο αργότερα η
διαδίκτυο σε θέση να δουν αυτό που βλέπω.

1435
01:06:33,560 --> 01:06:34,440
Αλλά αυτό είναι εντάξει.

1436
01:06:34,440 --> 01:06:37,870
Πάω να πω "Done".

1437
01:06:37,870 --> 01:06:42,080
Και επιτρέψτε μου να σας ενθαρρύνω, αν το έκανα
Αυτό correctly-- επιτρέψτε μου να το δοκιμάσετε πρώτα.

1438
01:06:42,080 --> 01:06:45,590
Προχωρήστε, εάν δεν mind--
σε ένα πρόγραμμα περιήγησης στον υπολογιστή σας,

1439
01:06:45,590 --> 01:06:49,900
πηγαίνετε σε αυτό το URL, και ελπίζω
θα δείτε τη Λατινική κείμενό μου.

1440
01:06:49,900 --> 01:06:52,820
Και για να είναι σαφές, είναι
Δεν τρέχει στο laptop μου.

1441
01:06:52,820 --> 01:06:53,610
Είναι στο σύννεφο.

1442
01:06:53,610 --> 01:06:58,120
Είναι στο Cloud9, κυριολεκτικά, αλλά
Έχω κάνει δημόσιες χώρο εργασίας μου

1443
01:06:58,120 --> 01:07:03,450
έτσι ώστε ο καθένας στο διαδίκτυο
μπορούν να έχουν πρόσβαση Λατινική αρχική σελίδα μου.

1444
01:07:03,450 --> 01:07:07,209
>> Πηγαίνετε στην ίδια διεύθυνση URL για
τηλέφωνό σας, αν μπορούσε.

1445
01:07:07,209 --> 01:07:09,750
Εάν αυτό θα σας κοστίσει, όμως, θα
μπορεί απλά να κοιτάξουν πέρα ​​από έναν ώμο.

1446
01:07:09,750 --> 01:07:40,688

1447
01:07:40,688 --> 01:07:42,467
Κοινό: [δεν ακούγεται]

1448
01:07:42,467 --> 01:07:43,550
DAVID J. Malan: Λυπάμαι;

1449
01:07:43,550 --> 01:07:45,390
Κοινό: [δεν ακούγεται]

1450
01:07:45,390 --> 01:07:47,710
DAVID J. Malan: Ακριβώς λατινικές λέξεις.

1451
01:07:47,710 --> 01:07:48,210
Αυτό είναι όλο.

1452
01:07:48,210 --> 01:07:49,250
Αλλά αυτό είναι που πρέπει να δείτε.

1453
01:07:49,250 --> 01:07:49,875
>> Κοινό: Ναι.

1454
01:07:49,875 --> 01:07:50,790
DAVID J. Malan: Ναι.

1455
01:07:50,790 --> 01:07:51,300
Ναι.

1456
01:07:51,300 --> 01:07:51,540
ΕΝΤΆΞΕΙ.

1457
01:07:51,540 --> 01:07:53,530
Έτσι μπορώ να κρατήσει ψηλά σας
τηλεφώνου για μια στιγμή;

1458
01:07:53,530 --> 01:07:57,504
Έτσι, ελπίζουμε, αν έχετε πρόσβαση
αυτό, πρέπει να εξετάσουμε σχεδόν δυσανάγνωστο.

1459
01:07:57,504 --> 01:07:59,920
Είναι ακόμα-- Θέλω να πω, ότι είναι
δυσανάγνωστο λόγω της Λατινικής.

1460
01:07:59,920 --> 01:08:01,920
Αλλά είναι επίσης δυνατή η ανάγνωσή του
για ό, τι άλλο λόγο;

1461
01:08:01,920 --> 01:08:03,775
Όπως, τι δυσαρεστεί γι 'αυτό;

1462
01:08:03,775 --> 01:08:04,650
Κοινό: Είναι μικρό.

1463
01:08:04,650 --> 01:08:06,420
DAVID J. Malan: Είναι σούπερ, σούπερ μικρό.

1464
01:08:06,420 --> 01:08:07,920
Λοιπόν, πώς θα μπορούσαμε να το διορθώσω αυτό;

1465
01:08:07,920 --> 01:08:09,730
Είναι σούπερ, σούπερ μικρά
στο τηλέφωνο Βικτώριας

1466
01:08:09,730 --> 01:08:11,400
και, αν έχετε τραβήξει
αυτό τον εαυτό σας, ίσως

1467
01:08:11,400 --> 01:08:14,660
μικρό στο τηλέφωνό σας, καθώς και, αν δεν
έχετε ενεργοποιήσει ρυθμίσεις προσβασιμότητας.

1468
01:08:14,660 --> 01:08:15,530
Τι είναι αυτό?

1469
01:08:15,530 --> 01:08:18,497
Θα μπορούσατε απλά να τσιμπήσετε και
ζουμ, η οποία είναι εφαρμόσιμη,

1470
01:08:18,497 --> 01:08:20,330
αλλά στη συνέχεια το μόνο που βλέπετε
λίγα λόγια σε μια στιγμή.

1471
01:08:20,330 --> 01:08:20,859
Έτσι, περιμένετε ένα λεπτό.

1472
01:08:20,859 --> 01:08:21,720
Ξέρω πώς να το διορθώσω αυτό.

1473
01:08:21,720 --> 01:08:22,219
Δικαίωμα?

1474
01:08:22,219 --> 01:08:26,130
Θα μπορούσα να χρησιμοποιήσω CSS, και θα μπορούσε να αλλάξει η
μέγεθος γραμματοσειράς από το 12-σημείο 24-σημείο.

1475
01:08:26,130 --> 01:08:29,020
Αλλά η παρενέργεια του ότι,
Φυσικά, πρόκειται να είναι τώρα,

1476
01:08:29,020 --> 01:08:32,630
σε έναν επιτραπέζιο ή φορητό υπολογιστή,
τώρα το κείμενο είναι δύο φορές πιο μεγάλο.

1477
01:08:32,630 --> 01:08:35,810
Και γι 'αυτό θα ήταν το είδος του είναι ωραία
να γίνει διάκριση μεταξύ των συσκευών,

1478
01:08:35,810 --> 01:08:37,840
και αποδεικνύεται εκεί έξω
είναι οι τρόποι για να γίνει αυτό.

1479
01:08:37,840 --> 01:08:39,590
Υπάρχουν αρκετές
διαφορετικούς τρόπους, στην πραγματικότητα,

1480
01:08:39,590 --> 01:08:44,189
σύμφωνα με την οποία, χρησιμοποιώντας CSS και φανταχτερά χαρακτηριστικά
ότι δεν θα πάει σε με μεγάλη λεπτομέρεια,

1481
01:08:44,189 --> 01:08:46,960
μπορείτε ουσιαστικά να υποβάλετε ερώτημα
το πρόγραμμα περιήγησης και να πω,

1482
01:08:46,960 --> 01:08:51,550
Αν η οθόνη σας είναι μικρότερη από αυτή
πολλά pixels, χρησιμοποιούν αυτό το μέγεθος της γραμματοσειράς.

1483
01:08:51,550 --> 01:08:55,180
Αν η οθόνη σας είναι μεγαλύτερο από αυτό
πολλά pixels, χρησιμοποιήστε αυτό το άλλο μέγεθος της γραμματοσειράς.

1484
01:08:55,180 --> 01:08:57,080
>> Μπορείτε να είστε ακόμη πιο φανταχτερά ακόμα.

1485
01:08:57,080 --> 01:09:00,140
Αν έχετε επισκεφθεί ποτέ ένα
ιστοσελίδα που, σε μια επιφάνεια εργασίας,

1486
01:09:00,140 --> 01:09:04,404
έχει ένα μεγάλο μενού ίσως μακριά για να το
πλευρά, και στη συνέχεια όλο το περιεχόμενο

1487
01:09:04,404 --> 01:09:07,029
είναι προς την πλευρά της ότι μενού-
αυτό είναι το είδος ενός κοινού προτύπου.

1488
01:09:07,029 --> 01:09:09,670
Μενού στα αριστερά, το περιεχόμενο
στα δεξιά, ή το αντίστροφο.

1489
01:09:09,670 --> 01:09:13,569
δεν λειτουργεί πραγματικά στο κινητό όταν σας
οθόνη είναι μόνο αυτό πολλά pixels πλάτος.

1490
01:09:13,569 --> 01:09:16,233
Έτσι, πιο συχνή σε κινητά είναι,
μενού σας θα πάρει ξαφνικά

1491
01:09:16,233 --> 01:09:18,399
κατέρρευσε, και θα πρέπει να
κάντε κλικ σε ένα κουμπί για να το δείτε,

1492
01:09:18,399 --> 01:09:22,404
ή η ιστοσελίδα θα βάλει το μενού
πάνω από αυτό και να θέσει το περιεχόμενο κάτω από αυτό.

1493
01:09:22,404 --> 01:09:24,779
Και μπορείτε να εφαρμόσετε αυτά
τα πράγματα με πολλούς τρόπους, πάρα πολύ.

1494
01:09:24,779 --> 01:09:28,340
Μπορείτε να ζητήσετε από τους προγραμματιστές σας,
hey, ομάδα, οποιαδήποτε στιγμή

1495
01:09:28,340 --> 01:09:34,450
θα δείτε μια αίτηση HTTP από το Android
συσκευή, μια συσκευή Microsoft, Google,

1496
01:09:34,450 --> 01:09:39,930
συσκευή, μια συσκευή της Apple, χρησιμοποιήστε αυτό το
μέγεθος γραμματοσειράς και να χρησιμοποιήσετε αυτή τη διάταξη του μενού,

1497
01:09:39,930 --> 01:09:42,670
ή αλλιώς να χρησιμοποιήσετε αυτό το προεπιλεγμένο μεγαλύτερο διάταξη.

1498
01:09:42,670 --> 01:09:45,410
>> Τώρα, χρησιμοποιώντας ό, τι
θεμελιώδη τεχνική σήμερα

1499
01:09:45,410 --> 01:09:48,529
θα μπορούσαν να χρησιμοποιήσουν οι μηχανικοί
να γνωρίζει αν πρόκειται για

1500
01:09:48,529 --> 01:09:53,660
ένα iPhone, ένα ανδροειδές τηλέφωνο, ένα φορητό υπολογιστή,
ένα desktop επίσκεψη του server της εταιρείας;

1501
01:09:53,660 --> 01:09:55,310
Όπου παίρνουν αυτές τις πληροφορίες;

1502
01:09:55,310 --> 01:09:56,080
>> ΚΟΙΝΟ: Επικεφαλίδα;

1503
01:09:56,080 --> 01:09:57,740
>> DAVID J. Malan: Ναι, η κεφαλίδα HTTP.

1504
01:09:57,740 --> 01:10:01,714
Έτσι, κάθε αίτηση HTTP που προέρχονται από
πελάτες τους για να τους διακομιστές

1505
01:10:01,714 --> 01:10:03,880
περιλαμβάνουν, μέσα σε αυτό το εικονικό
φάκελο, ένα σωρό

1506
01:10:03,880 --> 01:10:08,260
των κεφαλίδων HTTP, ένα εκ των οποίων είναι
το πρόγραμμα περιήγησης και το λειτουργικό σύστημα

1507
01:10:08,260 --> 01:10:10,290
ακόμα, αν σας ενδιαφέρει να
ότι το επίπεδο της λεπτομέρειας.

1508
01:10:10,290 --> 01:10:13,790
Τώρα, είναι ένα αινιγματικό μέλλον εγχόρδων, αλλά
υπάρχει λογισμικό που θα μόλις

1509
01:10:13,790 --> 01:10:18,530
απλοποίηση ότι, και μπορείτε απλά να ζητήσετε
στον προγραμματισμό code-- PHP, Java, C ++,

1510
01:10:18,530 --> 01:10:23,650
whatever-- τι τηλέφωνο είναι this--
ποια συσκευή είναι αυτός ο χρήστης χρησιμοποιώντας;

1511
01:10:23,650 --> 01:10:27,501
Και τότε θα μπορούμε να πούμε, να τους δείξουμε αυτό
έκδοση της ιστοσελίδας αν είναι ένα τηλέφωνο.

1512
01:10:27,501 --> 01:10:30,250
Δείξτε τους Αυτή η έκδοση του
ιστοσελίδα αν είναι ένα φορητό ή επιτραπέζιο υπολογιστή.

1513
01:10:30,250 --> 01:10:32,316
Αλλά εσείς δεν χρειάζεται καν
server-side πολυπλοκότητα.

1514
01:10:32,316 --> 01:10:33,940
Μπορείτε να κάνετε ακόμη και το απλούστερο των πραγμάτων.

1515
01:10:33,940 --> 01:10:34,815
>> Πάω να το κάνουμε αυτό.

1516
01:10:34,815 --> 01:10:38,995
Πάω να προχωρήσει σε
Cloud9 περιβάλλον μου,

1517
01:10:38,995 --> 01:10:41,370
και πάω να προσθέσετε μια ετικέτα
ότι είδατε στο Google πριν.

1518
01:10:41,370 --> 01:10:42,770
Ονομάζεται η μεταετικέτας.

1519
01:10:42,770 --> 01:10:45,520
Και ποτέ δεν θυμάμαι αυτό το ένα, έτσι
Πάω να το μεταγράψει εδώ.

1520
01:10:45,520 --> 01:10:50,552
Meta name = "θύρα προβολής" και, στη συνέχεια,
content = "width = πλάτος συσκευής, intital

1521
01:10:50,552 --> 01:11:02,060
κλίμακα = 1 "και αυτό είναι όλο.

1522
01:11:02,060 --> 01:11:06,230
>> Έτσι, θα μπορούσε κάλλιστα να είναι
σαν ένα μαγικό ξόρκι.

1523
01:11:06,230 --> 01:11:11,300
Δεν είναι όλα αυτά σαφές, αλλά αυτό δεν έχει
κάτι να κάνει με το παράθυρο,

1524
01:11:11,300 --> 01:11:15,070
και το παράθυρο είναι μόνο το σώμα ενός
ιστοσελίδας, η ορθογώνια περιοχή η οποία

1525
01:11:15,070 --> 01:11:16,690
καθορίζει το μεγαλύτερο μέρος της σελίδας.

1526
01:11:16,690 --> 01:11:19,060
Και αυτό ακριβώς λέει
το πρόγραμμα περιήγησης, ξέρετε τι;

1527
01:11:19,060 --> 01:11:22,589
Κάντε το πλάτος αυτής της σελίδας
αποτελεσματικά ίσο με το πλάτος της συσκευής.

1528
01:11:22,589 --> 01:11:25,380
Με άλλα λόγια, μην υποθέσετε ότι
Έχετε είδος απεριόριστο χώρο.

1529
01:11:25,380 --> 01:11:29,920
Ας υποθέσουμε ότι έχετε μόνο όσο
χώρο ως την ίδια τη συσκευή είναι μεγάλη.

1530
01:11:29,920 --> 01:11:34,454
Και έτσι τώρα, αν μου επαναλάβετε τη φόρτωση του
στο πρόγραμμα περιήγησής μου, δεν βλέπω καμία αλλαγή.

1531
01:11:34,454 --> 01:11:37,370
Αλλά αν το έκανα αυτό correctly-- και
επιτρέψτε μου να διασχίσουν πατήματα μου, αν όλα σας

1532
01:11:37,370 --> 01:11:42,920
reload τηλέφωνα σας, κάνετε
δείτε μια συγκλονιστική αλλαγή;

1533
01:11:42,920 --> 01:11:43,620
Ναι, είναι ερμήνευα--

1534
01:11:43,620 --> 01:11:45,067
>> Κοινό: [δεν ακούγεται]

1535
01:11:45,067 --> 01:11:45,900
DAVID J. Malan: Ναι.

1536
01:11:45,900 --> 01:11:46,400
ΕΝΤΆΞΕΙ.

1537
01:11:46,400 --> 01:11:47,850
Έτσι, αναμφισβήτητα πιο ευανάγνωστο τώρα;

1538
01:11:47,850 --> 01:11:53,070
Ακόμα μικρή, για να είμαστε δίκαιοι, αλλά όχι
τόσο μικρό ώστε να είναι ανεξέλεγκτη.

1539
01:11:53,070 --> 01:11:56,920
Και θα μπορούσα σίγουρα παρακάμψετε αυτό
περαιτέρω με CSS ή στην πλευρά του server,

1540
01:11:56,920 --> 01:12:00,120
αλλά όλο αυτό που είσαι
βλέπουμε είναι όλο και περισσότερα χαρακτηριστικά

1541
01:12:00,120 --> 01:12:02,900
να προστίθεται στο
client-side environments--

1542
01:12:02,900 --> 01:12:06,530
JavaScript, όπως θα συζητήσουμε
αύριο, CSS, και HTML-- έτσι

1543
01:12:06,530 --> 01:12:09,190
ότι όλα αυτά τα ερωτήματα
μπορεί να γίνει στον πελάτη

1544
01:12:09,190 --> 01:12:11,910
έτσι ώστε να ενοχλεί το
εξυπηρετητή πολύ λιγότερο και δεν

1545
01:12:11,910 --> 01:12:14,530
να πρέπει να συμβαδίσει με, για
παράδειγμα, η συνεχής επίθεση

1546
01:12:14,530 --> 01:12:17,210
του νέου λειτουργικού συστήματος
εκδόσεις, νέες εκδόσεις του προγράμματος περιήγησης.

1547
01:12:17,210 --> 01:12:20,190
Μπορείτε να αφήσετε απλά το πρόγραμμα περιήγησης
να ζητήσει από τη συσκευή, πόσο μεγάλη θα είναι,

1548
01:12:20,190 --> 01:12:22,890
και στη συνέχεια να κάνει κάπως λογικό
αποφάσεις που βασίζονται σε αυτό.

1549
01:12:22,890 --> 01:12:25,140
Αλλά θα δούμε περισσότερες ευκαιρίες
για λογικές αποφάσεις

1550
01:12:25,140 --> 01:12:27,223
αύριο στο πλαίσιο
μιας γλώσσας προγραμματισμού.

1551
01:12:27,223 --> 01:12:29,800

1552
01:12:29,800 --> 01:12:32,760
>> Έτσι, οποιεσδήποτε ερωτήσεις, στη συνέχεια,
για την ανάπτυξη web;

1553
01:12:32,760 --> 01:12:36,130
Σήμερα δεν είναι web προγραμματισμό, ανά
se, δεδομένου ότι οι περισσότεροι ό, τι κάναμε

1554
01:12:36,130 --> 01:12:38,370
Ήταν πολύ αισθητική, αν θέλετε.

1555
01:12:38,370 --> 01:12:41,750
Δεν υπάρχει διαδικασία λήψης αποφάσεων σε
ο κώδικας που έχουμε γράψει,

1556
01:12:41,750 --> 01:12:44,990
και έτσι ώστε ο λόγος HTML είναι μια σήμανση
γλώσσα, δεν είναι μια γλώσσα προγραμματισμού.

1557
01:12:44,990 --> 01:12:47,140
Αλλά αύριο θα πάρουμε
μια γρήγορη ματιά, σε τελική ανάλυση,

1558
01:12:47,140 --> 01:12:49,340
σε JavaScript, που είναι
μια πραγματική προγραμματισμού

1559
01:12:49,340 --> 01:12:54,220
γλώσσα που μας επιτρέπει να κάνουμε λίγο περισσότερο.

1560
01:12:54,220 --> 01:12:56,800
>> Καμιά ερώτηση?

1561
01:12:56,800 --> 01:13:00,480
Λοιπόν, επιτρέψτε μου να προτείνω δύο
ευκαιρίες προαιρετική για το σπίτι.

1562
01:13:00,480 --> 01:13:02,900
Ένα is-- αυτά Cloud9
λογαριασμούς δεν θα λήξει.

1563
01:13:02,900 --> 01:13:04,669
Είστε ευπρόσδεκτοι να χρησιμοποιήσετε
να πειραματιζόμαστε με.

1564
01:13:04,669 --> 01:13:05,960
Είναι η ελεύθερη επίπεδο των υπηρεσιών.

1565
01:13:05,960 --> 01:13:08,754
Συνειδητοποιήστε ότι, εάν κατά τη δημιουργία
το χώρο εργασίας σας, κάνατε το κοινό,

1566
01:13:08,754 --> 01:13:11,670
Αυτό δεν σημαίνει ότι ο καθένας για το
διαδίκτυο μπορεί να δει αυτό που πληκτρολογείτε.

1567
01:13:11,670 --> 01:13:15,104
Έτσι ίσως απλά να εξετάσει
Δεν αμηχανία τον εαυτό σας

1568
01:13:15,104 --> 01:13:18,020
αν είστε βάζοντας την πρώτη σας web
σελίδα εκεί έξω στο κοινό κατά λάθος,

1569
01:13:18,020 --> 01:13:20,134
αλλά κανείς δεν πρόκειται να
ξέρουν να ψάξουν εκεί ούτως ή άλλως.

1570
01:13:20,134 --> 01:13:23,760
>> Και two-- επιτρέψτε μου να πετάξει
μέχρι αυτό το URL, καθώς,

1571
01:13:23,760 --> 01:13:28,250
ειδικά αν ήρθε στο σήμερα
λίγο λιγότερο άνετα από ό, τι άλλα,

1572
01:13:28,250 --> 01:13:30,430
σίγουροι για το τι σημαίνουν όλα αυτά τα πράγματα.

1573
01:13:30,430 --> 01:13:36,780
Συνειδητοποιήστε ότι πολύ περισσότερο από αυτό το βίντεο,
η οποία είναι και ένας καλός τρόπος για να κοιμηθείτε

1574
01:13:36,780 --> 01:13:39,380
και, επίσης, να γελάσει, ενώ
αυτόν τον τρόπο, έχει επίσης

1575
01:13:39,380 --> 01:13:44,300
πολλά societally ενδιαφέροντα
και την ασφάλεια σχετικές συζητήσεις

1576
01:13:44,300 --> 01:13:47,370
εκεί από τον John Oliver,
αν και κωμικός.

1577
01:13:47,370 --> 01:13:55,456
>> Αλλά αν δεν υπάρχουν περαιτέρω ερωτήσεις,
που μας φέρνει στη ρεσεψιόν.

1578
01:13:55,456 --> 01:13:56,830
Γιατί λοιπόν να μην μπορώ να ενεργοποιήσετε τη μουσική.

1579
01:13:56,830 --> 01:13:58,610
Θα πρέπει να υπάρχει ποτά
και σνακ έξω.

1580
01:13:58,610 --> 01:14:00,220
Είμαι στην ευχάριστη θέση να σμίξει με
Όσο οι λαοί θα ήθελαν,

1581
01:14:00,220 --> 01:14:01,600
απαντήσει σε ερωτήσεις πιο one-on-one.

1582
01:14:01,600 --> 01:14:03,330
Αλλά, αλλιώς, είστε ευπρόσδεκτοι
να απογειωθεί σε οποιοδήποτε σημείο,

1583
01:14:03,330 --> 01:14:05,740
και θα σας ξαναδώ
αύριο το πρωί για λίγο περισσότερο.

1584
01:14:05,740 --> 01:14:07,290
Εντάξει, ευχαριστώ.

1585
01:14:07,290 --> 01:14:10,428