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

2
00:00:39,630 --> 00:00:41,880
DAVID J. Malan: pob hawl,
felly mae hyn dyma yw adain Myo

3
00:00:41,880 --> 00:00:44,450
band, un neu ddau o yr ydym
gael ar gyfer prosiectau terfynol CS50.

4
00:00:44,450 --> 00:00:47,533
Ac yr oedd hynny'n arddangosiad rydym yn ciwio
chi i fyny o flaen llaw lle yn y bôn

5
00:00:47,533 --> 00:00:51,120
y fraich eithaf tynn band i fyny fan hyn
gwrando ar eich symudiadau cyhyrol

6
00:00:51,120 --> 00:00:54,280
sydd wedyn yn cael eu mapio yn meddalwedd
i gliniadur Colton dros yma y

7
00:00:54,280 --> 00:00:57,230
Roedd gan iTunes a bod
cân eisoes ciwio i fyny.

8
00:00:57,230 --> 00:01:00,270
Yn hytrach na fi demoing hyn,
Colton wedi bod yn y labordy

9
00:01:00,270 --> 00:01:04,129
yn glir drwy'r wythnos yn cael arddangosiad
yn barod ar gyfer un gwirfoddolwr dewr.

10
00:01:04,129 --> 00:01:07,430
Os byddai rhywun yn hoffi dod
ar up-- welodd dy lygad y ffynnon.

11
00:01:07,430 --> 00:01:09,540
Dewch ar i fyny.

12
00:01:09,540 --> 00:01:12,530
>> Mae pob hawl.

13
00:01:12,530 --> 00:01:13,886
A beth yw eich enw?

14
00:01:13,886 --> 00:01:14,800
>> GYNULLEIDFA: Uh, Maria.

15
00:01:14,800 --> 00:01:16,550
>> DAVID J. Malan: Maria, neis i weld chi.

16
00:01:16,550 --> 00:01:17,310
Dewch ar dros yma.

17
00:01:17,310 --> 00:01:19,550
Gadewch i mi eich cyflwyno i Colton.

18
00:01:19,550 --> 00:01:21,290
Colton, mae hyn yn Maria.

19
00:01:21,290 --> 00:01:23,050
>> COLTON: Hi, neis i gwrdd â chi.

20
00:01:23,050 --> 00:01:24,330
>> DAVID J. Malan: All
iawn, felly cam un, rydym yn

21
00:01:24,330 --> 00:01:26,204
mynd i gael eich rhoi
hwn at eich braich

22
00:01:26,204 --> 00:01:29,280
fel ei bod yn eithaf
dynn i fyny yn agos at eich penelin.

23
00:01:29,280 --> 00:01:31,940
Ac yn y cyfamser, gadewch i ni gael
rhoi ar ein Google Glass

24
00:01:31,940 --> 00:01:33,720
a byddwn yn cymysgu technolegau heddiw.

25
00:01:33,720 --> 00:01:36,340
>> COLTON: Yn gyntaf bydd rhaid i ni
bachyn hyn i mewn i'r pethau.

26
00:01:36,340 --> 00:01:37,170
>> DAVID J. Malan: OK.

27
00:01:37,170 --> 00:01:39,795
Mewn gwirionedd, gadewch i ni roi eich braich fel
yn agos at cebl hon ag y gallwch

28
00:01:39,795 --> 00:01:41,160
fel y gallwn yn gyntaf cydamseru i fyny.

29
00:01:41,160 --> 00:01:42,740
>> COLTON: Gadewch i ni wneud hyn.

30
00:01:42,740 --> 00:01:46,500
>> DAVID J. Malan: Ac yn y cyfamser, felly
y gall pawb gael cipolwg agosach,

31
00:01:46,500 --> 00:01:50,290
byddwn yn taflu camera Andrew
i fyny ar y sgrin yno.

32
00:01:50,290 --> 00:01:54,460
Felly mae gennym cebl USB sy'n
yn cael ei blygio i mewn i rwymyn braich Maria.

33
00:01:54,460 --> 00:02:00,230
A gadewch i mi taflu screen Colton yn
i fyny ar y taflunydd nesaf.

34
00:02:00,230 --> 00:02:06,000
>> Felly Colton yn cofrestru y ddyfais
bellach fel Myo gysylltiedig â'r cebl hwn.

35
00:02:06,000 --> 00:02:08,060
Ac yn awr beth Maria
mynd i wneud am ennyd

36
00:02:08,060 --> 00:02:10,120
mewn gwirionedd yn cerdded trwy
y camau calibro

37
00:02:10,120 --> 00:02:12,830
ac addysgu'r meddalwedd
sut mae ei cyhyrau yn ymateb

38
00:02:12,830 --> 00:02:16,070
pan fydd yn gwneud yn siwr a ddiffiniwyd ymlaen llaw
ystumiau bod y feddalwedd yn deall.

39
00:02:16,070 --> 00:02:17,910
Os hoffech chi fynd i mewn
flaen y sgrin.

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

41
00:02:26,840 --> 00:02:30,090
OK, daliwch ati.

42
00:02:30,090 --> 00:02:31,860
>> COLTON: Ewch fel hyn.

43
00:02:31,860 --> 00:02:32,970
Ac fel 'na.

44
00:02:32,970 --> 00:02:34,563
A'r holl ffordd i'r dde.

45
00:02:34,563 --> 00:02:35,922
Ewch yn ôl.

46
00:02:35,922 --> 00:02:37,740
>> DAVID J. Malan: OK.

47
00:02:37,740 --> 00:02:38,960
Safbwynt gwahanol.

48
00:02:38,960 --> 00:02:39,620
Dyw hi ddim i chi.

49
00:02:39,620 --> 00:02:40,350
Mae'n i ni.

50
00:02:40,350 --> 00:02:41,749
>> MARIA: OK.

51
00:02:41,749 --> 00:02:42,540
DAVID J. Malan: No.

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

53
00:02:46,720 --> 00:02:51,540
Gadewch i ni symud yn uwch i fyny, felly mae'n
yn nes at eich penelin, neu hyd yn oed yn dynnach.

54
00:02:51,540 --> 00:02:52,680
Mae pob hawl.

55
00:02:52,680 --> 00:02:53,270
>> Yma rydym yn mynd.

56
00:02:53,270 --> 00:02:56,780
Byddai hwn yn amser da i CS52X.

57
00:02:56,780 --> 00:02:57,670
Dyna ni.

58
00:02:57,670 --> 00:02:58,760
>> Iawn 'n glws.

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

60
00:03:01,170 --> 00:03:02,790
Thumb i Pinky.

61
00:03:02,790 --> 00:03:03,380
>> Iawn 'n glws.

62
00:03:03,380 --> 00:03:05,140
Taenwch eich bysedd.

63
00:03:05,140 --> 00:03:06,240
Da.

64
00:03:06,240 --> 00:03:06,910
Tonnau i'r dde.

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

66
00:03:15,052 --> 00:03:17,010
Mae'n rhyfedd sy'n dangos
chi gyda'r hand-- chwith

67
00:03:17,010 --> 00:03:19,665
>> COLTON: Yeah, mae hynny'n rhyfedd.

68
00:03:19,665 --> 00:03:21,790
DAVID J. Malan: Wave i
yr hawl a symud ymlaen.

69
00:03:21,790 --> 00:03:22,998
Ymlaen yn gyflym i sgip neu nesaf.

70
00:03:22,998 --> 00:03:25,020
Dyna Wave OK yn iawn.

71
00:03:25,020 --> 00:03:26,650
>> MARIA: don't-- i ddim aros.

72
00:03:26,650 --> 00:03:28,430
>> DAVID J. Malan: Angen rhywfaint o help?

73
00:03:28,430 --> 00:03:30,027
>> COLTON: Felly rydych chi'n mynd fel hyn.

74
00:03:30,027 --> 00:03:31,860
MARIA: Mae'n troi'r
beth arall, er.

75
00:03:31,860 --> 00:03:32,390
COLTON: Mae'n.

76
00:03:32,390 --> 00:03:34,250
DAVID J. Malan: Yeah Nid wyf yn gwybod
pam ei fod yn dangos Leftie chi.

77
00:03:34,250 --> 00:03:36,458
COLTON: Nid Pam ydych chi'n try--
dim ond ceisiwch fynd fel hyn.

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

79
00:03:38,910 --> 00:03:40,090
>> DAVID J. Malan: Nac oes?

80
00:03:40,090 --> 00:03:42,580
Efallai gyrraedd eich braich
allan ychydig o sythach

81
00:03:42,580 --> 00:03:46,070
a'i wneud yn fwy swta fel hyn.

82
00:03:46,070 --> 00:03:48,176
Yeah, OK, yn dod ymlaen.

83
00:03:48,176 --> 00:03:49,670
>> MARIA: Mae'n ddrwg gen i.

84
00:03:49,670 --> 00:03:51,170
DAVID J. Malan: Nid eich bai chi ydyw.

85
00:03:51,170 --> 00:03:53,018
COLTON: Mae'n iawn.

86
00:03:53,018 --> 00:03:55,430
DAVID J. Malan: Pob Hawl.

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

88
00:03:56,220 --> 00:03:57,620
>> MARIA: A ddylem ni hepgor hyn, felly?

89
00:03:57,620 --> 00:03:59,620
DAVID J. Malan: Ie, gadewch i ni
rhoi gwybod i chi oddi ar y bachyn.

90
00:03:59,620 --> 00:04:03,130
Felly os hoffai unrhyw un wneud
prosiect terfynol yn arfer hon gad

91
00:04:03,130 --> 00:04:07,707
caledwedd, yn sylweddoli y gallai dim ond
cymryd ychydig ddod i arfer â.

92
00:04:07,707 --> 00:04:10,290
Ac this-- y realiti yw hyn
mewn gwirionedd yn gwaedu iawn ymyl.

93
00:04:10,290 --> 00:04:12,040
>> Mae hyn yn yr hyn a elwir
y pecyn datblygwr, a oedd

94
00:04:12,040 --> 00:04:14,956
i fod i fod yn hanfod yn cyn-rhyddhau
fel y gall pobl ei wneud yn union

95
00:04:14,956 --> 00:04:18,690
this-- ymladd ag ef, ffigur
allan sut mae cyrff pobl yn gweithio

96
00:04:18,690 --> 00:04:19,980
gyda'r dechnoleg.

97
00:04:19,980 --> 00:04:21,750
Felly os ydych am
wedyn, ar ôl darlith,

98
00:04:21,750 --> 00:04:23,750
gallwn adael i chi ddod a
cymryd stab arall arno.

99
00:04:23,750 --> 00:04:26,970
Ond fel arall, rownd o gymeradwyaeth, os
gallem, i Maria dros ddod ar i fyny.

100
00:04:26,970 --> 00:04:28,770
>> MARIA: Diolch yn fawr.

101
00:04:28,770 --> 00:04:30,390
>> DAVID J. Malan: Diolch yn fawr.

102
00:04:30,390 --> 00:04:34,945
Byddwn yn dal gafael ar hyn, ond byddwn yn rhoi
you-- beth am bêl straen yma?

103
00:04:34,945 --> 00:04:38,620
Oh, ac-- os-- yeah, diolch.

104
00:04:38,620 --> 00:04:39,715
Mae pob hawl.

105
00:04:39,715 --> 00:04:45,750
Felly, ar gyfer y chwilfrydig, os oeddech yn
anghyfarwydd â'r dewis sain

106
00:04:45,750 --> 00:04:47,670
ein bod yn gwneud yno
yn gynharach, mae teledu anhygoel

107
00:04:47,670 --> 00:04:50,210
dangos i chi y dylai gwbl
bod yn goryfed mewn gwylio ar Netflix

108
00:04:50,210 --> 00:04:51,110
yw hyn yn un yma.

109
00:04:51,110 --> 00:04:54,472
>> SIARADWR 1: Foneddigion a boneddigesau,
dewin o'r enw Josh.

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

111
00:05:04,710 --> 00:05:08,050
>> DAVID J. Malan: Ac mae'n debyg, 'i'
yn beth i destun mi yn ystod darlith awr.

112
00:05:08,050 --> 00:05:11,190
Im 'yn cael gwybod bod Maria
wedi cael pen-blwydd ddoe.

113
00:05:11,190 --> 00:05:14,095
Pen-blwydd mor hapus o
CS50 i Maria hefyd.

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

115
00:05:18,720 --> 00:05:22,090
>> Felly efallai y byddwch wedi darllen yn y mis diwethaf
y boneddigesau hyn yma, Steve

116
00:05:22,090 --> 00:05:25,260
Ballmer, a oedd mewn gwirionedd yn
dosbarth o 1977 yn y coleg,

117
00:05:25,260 --> 00:05:27,170
wedi ymddeol yn ddiweddar ar gyfer Microsoft.

118
00:05:27,170 --> 00:05:29,620
Yr oedd yn fyfyriwr israddedig yma,
Yna, flynyddoedd cwpl yn ddiweddarach

119
00:05:29,620 --> 00:05:31,910
cafodd ei hun yn
Ysgol Fusnes Stanford

120
00:05:31,910 --> 00:05:34,160
pan dderbyniodd ffôn
ffonio o gyfaill sy'n

121
00:05:34,160 --> 00:05:36,516
wedi byw i lawr y neuadd
oddi wrtho yma yn Harvard.

122
00:05:36,516 --> 00:05:38,640
Enw'r ffrind Bill oedd
Gates, ac ar y pryd,

123
00:05:38,640 --> 00:05:42,700
yr oedd yn ceisio recriwtio Steve i fod yn
y person busnes cyntaf, mewn gwirionedd,

124
00:05:42,700 --> 00:05:45,720
mewn cwmni bach enwi Microsoft.

125
00:05:45,720 --> 00:05:48,960
>> Mae fer stori hir, Steve
Enillwyd dros y pen draw,

126
00:05:48,960 --> 00:05:52,130
Ymunodd Microsoft pan fyddant
Roedd dim ond 30 o weithwyr.

127
00:05:52,130 --> 00:05:54,300
Ac erbyn iddo
wedi ymddeol yn eithaf diweddar,

128
00:05:54,300 --> 00:05:58,100
roedd gan y cwmni 100,000 o weithwyr
dros yr ychydig flynyddoedd diwethaf.

129
00:05:58,100 --> 00:06:01,171
Ac felly gwefan o'r enw The Ymyl
Paratowyd deyrnged hon ar fideo

130
00:06:01,171 --> 00:06:02,920
ein bod yn meddwl y byddem
a rennir sy'n rhoi i chi

131
00:06:02,920 --> 00:06:08,380
ymdeimlad o union faint o ynni Steve
yn dod at unrhyw gyflwyniad mae'n rhoi.

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

133
00:06:11,884 --> 00:06:12,550
[VIDEO Playback]

134
00:06:12,550 --> 00:06:16,220
-Microsoft Debyg i pedwerydd plentyn.

135
00:06:16,220 --> 00:06:18,260
Mae plant yn gadael y ty.

136
00:06:18,260 --> 00:06:21,875
Yn yr achos hwn, yr wyf yn dyfalu
Dw i'n gadael y tŷ.

137
00:06:21,875 --> 00:06:23,270
Hey Bill, whazzap?

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

139
00:06:24,200 --> 00:06:25,320
>> -Hey, Wazzap?

140
00:06:25,320 --> 00:06:28,590
Rydym wedi bod yn cael
cyfle enfawr.

141
00:06:28,590 --> 00:06:30,210
A Bill roddodd y cyfle hwnnw i ni.

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

143
00:06:35,520 --> 00:06:36,770
Hoffwn ddiolch i Bill am hynny.

144
00:06:36,770 --> 00:06:39,630
Rwyf am i chi hefyd.

145
00:06:39,630 --> 00:06:42,500
Mae cyflymder y arloesi
Nid yn mynd i arafu.

146
00:06:42,500 --> 00:06:45,140
>> Mae'n mynd i fynd yn gyflymach ac yn gyflymach.

147
00:06:45,140 --> 00:06:50,165
Efallai y bydd ychydig o gystadleuwyr
sy'n cael eu dileu yn anffodus!

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

149
00:06:54,337 --> 00:06:59,564
>> Rwyf wrth fy modd y cwmni hwn.

150
00:06:59,564 --> 00:07:00,064
Ie!

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

152
00:07:03,452 --> 00:07:08,250
Rwyf yn PC, ac rwyf wrth fy modd y cwmni hwn!

153
00:07:08,250 --> 00:07:13,090
>> Datblygwyr, datblygwyr, datblygwyr,
datblygwyr, datblygwyr, datblygwyr,

154
00:07:13,090 --> 00:07:14,560
datblygwyr, datblygwyr.

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

156
00:07:17,500 --> 00:07:18,970
Ie!

157
00:07:18,970 --> 00:07:19,950
Datblygwyr y We!

158
00:07:19,950 --> 00:07:21,420
>> Datblygwyr y We!

159
00:07:21,420 --> 00:07:22,890
Datblygwyr y We!

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

161
00:07:25,830 --> 00:07:28,770
Gwrandewch ar beth arall yr ydych
ei gael heb unrhyw gost ychwanegol!

162
00:07:28,770 --> 00:07:31,960
>> Mae'r weithrediaeth MS-DOS, apwyntiad
calendr, pentwr cerdyn, pad nodyn,

163
00:07:31,960 --> 00:07:33,750
cloc, panel rheoli.

164
00:07:33,750 --> 00:07:35,461
Ac, gallwch chi yn credu ei fod?

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

166
00:07:35,960 --> 00:07:37,270
>> Eu llosgi i CD!

167
00:07:37,270 --> 00:07:38,660
Eu postio i MSN!

168
00:07:38,660 --> 00:07:40,422
Rydych yn eu bost at ffrindiau!

169
00:07:40,422 --> 00:07:41,790
>> I gyd gydag un clic!

170
00:07:41,790 --> 00:07:48,670
Un Microsoft, un strategaeth, un team--
canolbwyntio, disgybledig, proffesiynol,

171
00:07:48,670 --> 00:07:50,610
ac arbenigwr ym mhopeth a wnawn.

172
00:07:50,610 --> 00:07:52,670
Gadewch i mi defnyddio llinell o hen movie.

173
00:07:52,670 --> 00:07:54,810
>> Mae perthnasau yn debyg siarcod.

174
00:07:54,810 --> 00:07:57,480
Maent yn symud ymlaen, neu maent yn marw.

175
00:07:57,480 --> 00:08:01,470
Fi 'n weithredol yn meddwl tech
cwmnïau yr un fath.

176
00:08:01,470 --> 00:08:04,801
>> [DIWEDD VIDEO Playback]

177
00:08:04,801 --> 00:08:08,050
DAVID J. Malan: Felly, rydym mor falch o
gyhoeddi y bydd Steve yn ymuno â ni

178
00:08:08,050 --> 00:08:13,320
yma yn CS50 ddydd Mercher nesaf yn
y lle arferol ac amser yma.

179
00:08:13,320 --> 00:08:14,750
Bydd y gofod yn debygol o fod yn gyfyngedig.

180
00:08:14,750 --> 00:08:19,650
Ac felly i ymuno â ni yn bersonol, os gwelwch yn dda
pen heddiw neu'n fuan wedi hynny

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

182
00:08:22,600 --> 00:08:25,780
>> A byddwn yn dilyn i fyny gan
Dydd Mawrth cadarnhau smotiau.

183
00:08:25,780 --> 00:08:29,900
Edrychaf ymlaen at hwnnw nesaf
Dydd Mercher yn ystod darlith yn CS50.

184
00:08:29,900 --> 00:08:33,706
Yn awr, mewn newyddion arall, yr wyf yn digwydd i
dod ar draws hyn yn The Crimson unig

185
00:08:33,706 --> 00:08:34,289
y diwrnod o'r blaen.

186
00:08:34,289 --> 00:08:37,370
>> Mae'n ymddangos bod un o'r staff CS50 yn
ac o leiaf un o fyfyrwyr CS50 yn

187
00:08:37,370 --> 00:08:40,299
ar hyn o bryd yn rhedeg am UC
llywydd ac is-lywydd,

188
00:08:40,299 --> 00:08:42,950
a ddaeth i mi yn ôl
i fy hun yn ôl ddiwrnod

189
00:08:42,950 --> 00:08:45,920
pan fyddaf yn colli yr etholiad UC druenus.

190
00:08:45,920 --> 00:08:48,210
Ond mae'r haul ar fryn
yn hynny yw fy mod bob amser yn

191
00:08:48,210 --> 00:08:50,604
adrodd y stori yw bod
un o'r dwi'n siwr

192
00:08:50,604 --> 00:08:52,770
llawer o resymau Collais y
etholiad oedd diffyg llwyr

193
00:08:52,770 --> 00:08:54,103
o dalent ar gyfer siarad cyhoeddus.

194
00:08:54,103 --> 00:08:56,950
Ac felly yn eithaf onest, mae'n
gyrrodd fi, profiad hwnnw

195
00:08:56,950 --> 00:09:02,235
Rwy'n credu fy mlwyddyn iau, i lofnodi mewn gwirionedd
ar gyfer Cymdeithas Gyfrifiadurol Harvard, sef

196
00:09:02,235 --> 00:09:04,610
yw'r grŵp ar y campws sy'n
yn cynnal amryw o sgyrsiau technegol

197
00:09:04,610 --> 00:09:05,318
a phethau eraill.

198
00:09:05,318 --> 00:09:08,117
Ac yr wyf yn cymryd dros eu haddysgu
seminarau ac felly

199
00:09:08,117 --> 00:09:09,950
wedi cael cyfle, a
Cyfle gwych,

200
00:09:09,950 --> 00:09:12,620
i ddechrau gweithio ar union hyn.

201
00:09:12,620 --> 00:09:15,000
Ond hefyd, cefais gyfle
yn ystod profiad hwn

202
00:09:15,000 --> 00:09:16,930
i ddysgu fy hun yn fwy HTML.

203
00:09:16,930 --> 00:09:21,080
Ac felly yr wyf yn ei ohirio neithiwr gan
edrych trwy'r wefan seiliedig HTML

204
00:09:21,080 --> 00:09:28,066
Wneuthum yn hoffi 1997, '98, ar gyfer fy
ymgyrch sy'n edrych fel hyn yma.

205
00:09:28,066 --> 00:09:29,920
Yr wyf yn gwybod.

206
00:09:29,920 --> 00:09:33,340
>> Because-- ac wrth gwrs, rhybudd
y penderfyniad dylunio anhygoel yn 1998

207
00:09:33,340 --> 00:09:33,850
neu whatnot.

208
00:09:33,850 --> 00:09:36,475
Y peth cyntaf y byddwch am i ddefnyddwyr
i'w wneud ar ôl ymweld eich gwefan

209
00:09:36,475 --> 00:09:39,860
yw cael i glicio dolen arall yn unig
i fynd i mewn i'ch gwefan yma gyda'r mynach

210
00:09:39,860 --> 00:09:43,940
y tu ôl fel llen dan len lle
mae'n debyg fy llwyfan ymgyrch oedd.

211
00:09:43,940 --> 00:09:46,330
Ac mae hyn i gyd byddwch yn cael
heddiw yn unig yw screenshot.

212
00:09:46,330 --> 00:09:49,500
Ond yr oeddwn yn darllen drwy, fel,
fy posteri ymgyrch neithiwr

213
00:09:49,500 --> 00:09:50,490
ac mae fy llwyfan.

214
00:09:50,490 --> 00:09:52,960
>> Ac roeddwn i mor grac ar y pryd.

215
00:09:52,960 --> 00:09:55,380
Fy llwyfan was-- roedd yn ddiddorol.

216
00:09:55,380 --> 00:09:57,730
Felly dwi wedi tawelu i lawr ers hynny.

217
00:09:57,730 --> 00:10:03,550
Ond someday, byddaf yn rhedeg eto ac
gobeithio, yn well eu byd y tro hwn.

218
00:10:03,550 --> 00:10:07,265
>> Felly HTML, yr iaith honno yn yr wyf yn ei wneud
hynny in-- chi cyn bo hir bydd yn gwneud llawer more--

219
00:10:07,265 --> 00:10:09,140
yn rhywbeth yr ydym wedi bod
siarad am yn ddiweddar

220
00:10:09,140 --> 00:10:12,460
ac i raddau helaeth ac sy'n dilyn yn ganiataol bellach
ein bod wedi symud ymlaen i ieithoedd eraill.

221
00:10:12,460 --> 00:10:15,650
Ond gadewch i ni oedi am ychydig funudau'n a
roi rhai o'r pethau hyn mewn cyd-destun.

222
00:10:15,650 --> 00:10:18,040
Felly, mewn brawddeg, beth yw HTML?

223
00:10:18,040 --> 00:10:19,370
>> Neu, beth sy'n ei ddefnyddio ar gyfer?

224
00:10:19,370 --> 00:10:20,208
Dylai unrhyw un?

225
00:10:20,208 --> 00:10:20,708
Ie.

226
00:10:20,708 --> 00:10:22,002
>> GYNULLEIDFA: Markup ar gyfer gwefannau.

227
00:10:22,002 --> 00:10:23,460
DAVID J. Malan: Markup ar gyfer y wefan.

228
00:10:23,460 --> 00:10:27,100
Felly mae'n iaith markup sy'n
yn gadael i chi strwythuro tudalen ar y we.

229
00:10:27,100 --> 00:10:30,040
Pennawd yn mynd i fyny fan hyn, teitl
mynd yma, y ​​corff yn mynd yma.

230
00:10:30,040 --> 00:10:33,280
Mae hyn yn yn drwm, mae hyn yn
italics-- y math hwnnw o fanylder.

231
00:10:33,280 --> 00:10:33,830
>> OK, yn dda.

232
00:10:33,830 --> 00:10:37,620
Felly CSS gadael you-- ac yr wyf yn
Cymerodd rhai rhyddid yno

233
00:10:37,620 --> 00:10:40,990
gyda'r feiddgar-wynebu ac italig oherwydd
sy'n cael ei rhoi ar waith yn well gyda hyn.

234
00:10:40,990 --> 00:10:42,096
CSS yw-- beth?

235
00:10:42,096 --> 00:10:42,845
Dywedwch mewn brawddeg.

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

237
00:10:46,000 --> 00:10:46,720
Unrhyw un o gwbl.

238
00:10:46,720 --> 00:10:46,870
Yeah.

239
00:10:46,870 --> 00:10:49,286
>> GYNULLEIDFA: addurniadau a
stwff, fel sut i ddylunio iddo.

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

241
00:10:51,769 --> 00:10:52,810
DAVID J. Malan: Iawn, yn dda.

242
00:10:52,810 --> 00:10:55,420
Addurniadau sy'n caniatáu i chi
i ddylunio neu stylize ei

243
00:10:55,420 --> 00:10:59,540
gyda phethau fel yn drwm ac
llythrennau italig a lliwiau a hefyd yn fwy dirwy

244
00:10:59,540 --> 00:11:01,330
lleoli graen o elfennau.

245
00:11:01,330 --> 00:11:04,520
Mae'n fath o yn gadael i chi gymryd pethau y
filltir olaf felly os, er enghraifft,

246
00:11:04,520 --> 00:11:08,130
yn Pset7, efallai eich bod wedi sylwi ar eich
dudalen portffolio os ydych chi ar hyn o bryd

247
00:11:08,130 --> 00:11:12,270
eisoes fod tabl ball sy'n eich
gwneud i ddangos ddaliadau stoc y defnyddiwr

248
00:11:12,270 --> 00:11:15,740
ac yn ôl pob tebyg arian parod yn edrych yn eithaf erchyll
yn ddiofyn heb unrhyw ofod gwyn.

249
00:11:15,740 --> 00:11:18,420
Math popeth o llawn dop
gyda'i gilydd mewn rhesi a cholofnau.

250
00:11:18,420 --> 00:11:20,662
>> Wel, gydag ychydig o
CSS, oherwydd efallai y byddwch yn sylweddoli,

251
00:11:20,662 --> 00:11:23,870
alli 'n weithredol tweak hynny ac yn ei gwneud yn
rhywbeth llawer mwy cyfarwydd a llawer

252
00:11:23,870 --> 00:11:24,870
prettier i edrych ar.

253
00:11:24,870 --> 00:11:27,730
Felly mae CSS yn ymwneud â'r
stylization o wefannau.

254
00:11:27,730 --> 00:11:31,970
Ond yna fe wnaethom gyflwyno eto arall
iaith, PHP, sy'n gadael i ni wneud beth?

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

256
00:11:36,400 --> 00:11:37,590
>> Gadewch i jyst yn gwneud beth?

257
00:11:37,590 --> 00:11:38,177
Unrhyw un.

258
00:11:38,177 --> 00:11:40,010
Got i fentro y tu hwnt
y rhesi cwpl cyntaf.

259
00:11:40,010 --> 00:11:40,260
Yeah.

260
00:11:40,260 --> 00:11:41,719
>> GYNULLEIDFA: Creu cynnwys deinamig.

261
00:11:41,719 --> 00:11:42,718
DAVID J. Malan: Perffaith.

262
00:11:42,718 --> 00:11:43,850
Cynhyrchu cynnwys deinamig.

263
00:11:43,850 --> 00:11:45,808
A gallwch wneud hyn mewn
unrhyw nifer o ieithoedd.

264
00:11:45,808 --> 00:11:50,120
Rydym yn digwydd i ddefnyddio PHP am ei fod yn
yn rhannol mor debyg i C chystrawen.

265
00:11:50,120 --> 00:11:52,000
>> Ond PHP gwneud yn union hynny.

266
00:11:52,000 --> 00:11:54,620
Mae'n gadael i chi ddeinamig cynhyrchu allbwn.

267
00:11:54,620 --> 00:11:57,890
A gallai rhywfaint o'r allbwn fod yn
HTML, fel yr ydym wedi bod yn gwneud fel arfer.

268
00:11:57,890 --> 00:12:00,160
Ac mae'n hefyd, am ei fod yn
iaith raglennu, yn

269
00:12:00,160 --> 00:12:03,240
y mecanwaith drwy lle
gallwn ni siarad â chronfeydd data.

270
00:12:03,240 --> 00:12:05,730
>> A gallwn wneud ymholiadau i
gweinyddwyr eraill fel yahoos

271
00:12:05,730 --> 00:12:08,660
ac programmatically gwneud unrhyw beth
iawn bod chi efallai fel arall yn

272
00:12:08,660 --> 00:12:10,400
awyddus i orfodi cyfrifiadur i wneud.

273
00:12:10,400 --> 00:12:13,580
Felly PHP gadael i ni ddechrau
ddeinamig outputting cynnwys.

274
00:12:13,580 --> 00:12:16,900
Felly, yn ôl y rhesymeg, nid oedd gennyf
gwefan ddeinamig yn ôl yn 1998.

275
00:12:16,900 --> 00:12:18,460
>> Yr oedd yn union dudalen we statig.

276
00:12:18,460 --> 00:12:22,250
Roedd fy cynnwys i gael ei newid gan
â llaw gyda gedit neu ryw cyfwerth.

277
00:12:22,250 --> 00:12:25,290
Ond PHP yw hyn yr ydym yn ei ddefnyddio neu
Gallai fod wedi defnyddio, yn hytrach,

278
00:12:25,290 --> 00:12:27,260
ar gyfer rhywbeth fel y
Gwefan Frosh IMS, a oedd

279
00:12:27,260 --> 00:12:31,160
oedd i fod i gymryd cofrestriadau a
rheoli rhestr o users-- pethau sy'n

280
00:12:31,160 --> 00:12:33,550
mewn gwirionedd yn newid drosodd
amser, er ein bod yn digwydd

281
00:12:33,550 --> 00:12:35,990
i ddefnyddio Perl, a gwahanol
iaith ar y pryd.

282
00:12:35,990 --> 00:12:40,350
>> Ac yna yn olaf, rydym yn cyflwyno
Ymholiad Strwythuredig SQL-- Iaith.

283
00:12:40,350 --> 00:12:43,845
Felly eto iaith arall
sy'n cael ei ddefnyddio ar gyfer yr hyn?

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

285
00:12:46,660 --> 00:12:47,639
Defnyddir ar gyfer beth?

286
00:12:47,639 --> 00:12:49,430
Allwn ni fentro slight--
OK, nid ydym yn mynd

287
00:12:49,430 --> 00:12:51,263
i gael llawer farther
nag y gerddorfa yma.

288
00:12:51,263 --> 00:12:53,432
GYNULLEIDFA: Mae'n protocol
a ddefnyddir i siarad â chronfeydd data.

289
00:12:53,432 --> 00:12:55,640
DAVID J. Malan: A protocol
a ddefnyddir i siarad â chronfeydd data.

290
00:12:55,640 --> 00:12:56,181
Gadewch i mi tweak.

291
00:12:56,181 --> 00:12:59,280
Mae'n iaith naturiol a ddefnyddir
i siarad â databases-- yn dewis

292
00:12:59,280 --> 00:13:01,280
a mewnosod a dileu
a diweddariadau ac mewn gwirionedd

293
00:13:01,280 --> 00:13:03,840
hyd yn oed mwy o nodweddion sy'n
nid ydym wedi syrthio hyd yn oed

294
00:13:03,840 --> 00:13:07,920
i mewn ond efallai y byddwch am explore-- gael
i edrych am, dyweder, prosiect terfynol.

295
00:13:07,920 --> 00:13:09,560
Felly, mae amryw o ddarnau hyn.

296
00:13:09,560 --> 00:13:13,100
>> A gobeithio Pset7, er bod
ei fanyleb yn eithaf hir,

297
00:13:13,100 --> 00:13:15,990
'i' yn fwriadol hir i gerdded chi
trwy sut y gall y pethau hyn i gyd

298
00:13:15,990 --> 00:13:17,210
eu teipio gyda'i gilydd.

299
00:13:17,210 --> 00:13:20,300
Yn awr, ar ddydd Llun, rydym yn
gyflwyno ein hiaith diwethaf

300
00:13:20,300 --> 00:13:23,430
y byddwn yn cyflwyno yn ffurfiol mewn
mae'r course-- hynny yw, JavaScript.

301
00:13:23,430 --> 00:13:25,720
Mae hyn, fel PHP, yn
iaith dehongli.

302
00:13:25,720 --> 00:13:28,110
>> Ond mae gwahaniaeth allweddol
Cynigiais ar ddydd Llun

303
00:13:28,110 --> 00:13:32,730
yw bod tra PHP yn gweithredu neu
yn cael ei ddehongli ar y gweinydd, a oedd yn

304
00:13:32,730 --> 00:13:35,990
yn yr achos hwn yw'r peiriant CS50,
neu a allai fod rhyw gwe masnachol

305
00:13:35,990 --> 00:13:39,370
gweinyddwr ar y rhyngrwyd,
JavaScript gyffredinol

306
00:13:39,370 --> 00:13:43,650
yn iaith sy'n rhedeg ochr y cleient
Nid yw gweinydd side-- hynny yn y porwr.

307
00:13:43,650 --> 00:13:46,970
Pa un yw dweud, yn union fel pan agorais
i fyny Facebook cod ffynhonnell a dod o hyd i gyd

308
00:13:46,970 --> 00:13:51,510
o ffeiliau .js rheini, yr awgrym oedd
bod pan fyddwch yn ymweld Facebook neu'r rhan fwyaf

309
00:13:51,510 --> 00:13:54,810
gwefannau y dyddiau hyn, byddwch yn cael
nid yn unig yn HTML, nid yn unig yn CSS,

310
00:13:54,810 --> 00:13:59,370
ond criw cyfan o JavaScript
cod yn aml ar ffurf ffeiliau .js.

311
00:13:59,370 --> 00:14:03,970
Ac yna mae'n y browser-- eich pen eich hun
Mac neu PC-- sy'n executes y cod hwnnw.

312
00:14:03,970 --> 00:14:05,990
>> Ond mae eich porwr executes iddo.

313
00:14:05,990 --> 00:14:08,070
Gallwch chi feddwl mewn fath o pwll tywod.

314
00:14:08,070 --> 00:14:12,420
Fel na ddylai cod JavaScript fod yn
gallu dileu ffeiliau ar eich cyfrifiadur.

315
00:14:12,420 --> 00:14:14,730
Ni ddylai fod yn gallu
anfon negeseuon e-bost ar eich rhan.

316
00:14:14,730 --> 00:14:17,760
Mae eich porwr math o Yn cyfyngu
beth y gallwch ei wneud ag ef.

317
00:14:17,760 --> 00:14:20,630
>> Felly, yn hynny o beth, mae'n ychydig yn
llai pwerus, efallai, na C.

318
00:14:20,630 --> 00:14:24,030
Ond gall JavaScript, fel
o'r neilltu, yn cael ei ddefnyddio ar y gweinydd,

319
00:14:24,030 --> 00:14:27,740
er y byddwn yn tueddu i beidio â siarad
am y peth yn y cyd-destun.

320
00:14:27,740 --> 00:14:29,740
Felly nawr gadewch i glymu'r rhain at ei gilydd.

321
00:14:29,740 --> 00:14:34,000
Mae wythnos yn ogystal yn ôl, rydym yn cyflwyno rhai HTML
ar y dudalen we super ddiflas left--.

322
00:14:34,000 --> 00:14:35,000
>> Dim ond dweud helo byd.

323
00:14:35,000 --> 00:14:38,110
Ac yna yr wyf arfaethedig ar yr
dde gallwn fath o ddwyn syniadau

324
00:14:38,110 --> 00:14:41,470
o'n trafodaeth ar
strwythurau data yn C

325
00:14:41,470 --> 00:14:45,270
a meddwl sut hierarchaidd hwn
iaith markup ar y chwith

326
00:14:45,270 --> 00:14:49,720
gellid eu tynnu neu eu gweithredu mewn cof
fel strwythur coeden go iawn gyda nodau

327
00:14:49,720 --> 00:14:51,400
ac awgrymiadau a mathau hynny o fanylion.

328
00:14:51,400 --> 00:14:53,820
Ar y dde, rydym yn galw
bod Dogfen DOM--

329
00:14:53,820 --> 00:14:56,800
Gwrthrych Model-- sydd ychydig
ffordd ffansi o ddweud coeden.

330
00:14:56,800 --> 00:14:59,520
>> Yn awr, pam mae hyn yn ddefnyddiol i
feddwl am y peth fel hyn?

331
00:14:59,520 --> 00:15:01,680
Gan fod yn awr gyda
JavaScript, gan fod gennym

332
00:15:01,680 --> 00:15:05,810
cod sy'n cael i chwarae yn hyn
amgylchedd, mae'r HTML gwirioneddol dyna

333
00:15:05,810 --> 00:15:08,360
ei anfon at y porwr
eisoes ac mae eisoes wedi

334
00:15:08,360 --> 00:15:12,690
eu llwytho i mewn i gof gan y
porwr i mewn i goeden yn eich cyfrifiadur

335
00:15:12,690 --> 00:15:18,270
RAM fel hyn, gallwn ddefnyddio JavaScript
i mewn gwirionedd yn croesi neu gerdded neu chwilio

336
00:15:18,270 --> 00:15:21,800
neu newid y goeden DOM, fodd bynnag rydym eisiau.

337
00:15:21,800 --> 00:15:24,040
Felly, mewn gwirionedd, os ydych yn meddwl
am facebook.com,

338
00:15:24,040 --> 00:15:27,660
os ydych yn defnyddio'r nodwedd sgwrs, os ydych
defnydd Gmail a'r nodwedd gchat,

339
00:15:27,660 --> 00:15:30,540
unrhyw beth lle mae gennych
negeseuon sy'n dod dro ar ôl tro

340
00:15:30,540 --> 00:15:35,880
ac unwaith eto, negeseuon hynny yn ôl pob tebyg,
fel, tag LI, tagiau Rhestr Eitem, efallai.

341
00:15:35,880 --> 00:15:37,940
>> Neu efallai eu bod yn unig
divs sy'n cadw ymddangos

342
00:15:37,940 --> 00:15:39,770
bob tro y byddwch yn cael neges ar unwaith.

343
00:15:39,770 --> 00:15:42,960
Ac felly mai dim ond yn golygu yr hyn y
Facebook neu Google yn ei wneud

344
00:15:42,960 --> 00:15:45,200
yw unrhyw tro y byddwch yn cael
Neges gan y gweinydd,

345
00:15:45,200 --> 00:15:48,740
yn ôl pob tebyg y maent yn ei defnyddio JavaScript
i ddim ond ychwanegu nod arall

346
00:15:48,740 --> 00:15:52,700
i hyn tree-- nod arall i hyn
goeden sydd wedyn yn eu golwg yn unig yn edrych yn

347
00:15:52,700 --> 00:15:54,570
fel llinell newydd o destun ar eich sgrîn.

348
00:15:54,570 --> 00:15:57,100
Ond maen nhw'n mewnosod
i mewn i'r strwythur data.

349
00:15:57,100 --> 00:15:59,742
>> Felly, mewn dosbarthiadau tebyg
CS124 ac eraill, wnewch chi helpu

350
00:15:59,742 --> 00:16:02,200
mewn gwirionedd yn ysgrifennu mwy cod yn erbyn
strwythurau data fel hyn.

351
00:16:02,200 --> 00:16:04,310
Ond am y tro yn JavaScript,
byddwn yn jyst cymryd yn ganiataol

352
00:16:04,310 --> 00:16:07,920
yr ydym yn cael yr holl functionality hon
am ddim gan yr iaith ei hun.

353
00:16:07,920 --> 00:16:09,210
Felly gadewch i ni edrych ar enghraifft.

354
00:16:09,210 --> 00:16:13,120
>> Gadewch i mi agor ffeil o'r enw form.html.

355
00:16:13,120 --> 00:16:14,601
Mae'n super syml.

356
00:16:14,601 --> 00:16:15,600
'I jyst yn edrych fel hyn.

357
00:16:15,600 --> 00:16:17,860
>> Dim CSS, dim meddwl i estheteg.

358
00:16:17,860 --> 00:16:19,810
Mae'n swyddogaethol yn unig
ac i bob golwg rwy'n

359
00:16:19,810 --> 00:16:24,000
gofyn am e-bost, cyfrinair,
cyfrinair unwaith eto, ac yna siec

360
00:16:24,000 --> 00:16:26,150
i gytuno i rai telerau ac amodau.

361
00:16:26,150 --> 00:16:28,740
Yr hyn y cod ffynhonnell ar gyfer hyn
edrych fel yn ôl pob tebyg rhywbeth

362
00:16:28,740 --> 00:16:31,030
efallai y byddwch yn dyfalu gyda
ychydig bach o feddwl yn awr.

363
00:16:31,030 --> 00:16:32,840
Mae gen i ffurflen tag yma.

364
00:16:32,840 --> 00:16:36,190
>> Mae camau'n cael yn ôl pob golwg yn mynd i
ewch i ffeil o'r enw register.php.

365
00:16:36,190 --> 00:16:37,870
Mae'r dull Rydw i'n mynd i ddefnyddio ei gael.

366
00:16:37,870 --> 00:16:40,880
Ac yna mae gen i destun
maes y mae ei enw i yw e-bost.

367
00:16:40,880 --> 00:16:43,340
>> Mae gen i gae cyfrinair
y mae ei enw yw cyfrinair.

368
00:16:43,340 --> 00:16:45,420
Mae gen i un arall
maes cyfrinair y mae ei enw

369
00:16:45,420 --> 00:16:47,342
yn cadarnhau braidd yn fympwyol.

370
00:16:47,342 --> 00:16:49,690
Dim ond paramedr HTTP arall.

371
00:16:49,690 --> 00:16:54,430
>> Ac yna nid ydym rydym wedi defnyddio hyn ac eithrio
gan fod y IMS Frosh demo yn class--

372
00:16:54,430 --> 00:16:56,692
blwch gwirio sydd yn
math yn unig yn dychwelyd siec.

373
00:16:56,692 --> 00:16:57,900
A byddaf yn galw cytundeb hwnnw.

374
00:16:57,900 --> 00:17:00,700
Felly, yr wyf i wedi fath o fympwyol ond
enwyd y meysydd hyn yn gyfleus.

375
00:17:00,700 --> 00:17:03,450
Fel bod yn awr pan fydd y ffurflen hon yn cael
gyflwyno, gadewch i ni weld beth sy'n digwydd.

376
00:17:03,450 --> 00:17:07,290
Os byddaf yn gwneud malan@harvard.edu,
'N annhymerus' yn ei wneud a password o rhuddgoch.

377
00:17:07,290 --> 00:17:09,530
'N annhymerus' yn ei wneud a password o ddim byd.

378
00:17:09,530 --> 00:17:10,910
Gadewch i ni gydweithio.

379
00:17:10,910 --> 00:17:12,280
>> Ac nid wyf am edrych ar y blwch.

380
00:17:12,280 --> 00:17:13,940
Gadewch i mi cliciwch Gofrestr.

381
00:17:13,940 --> 00:17:15,420
Ac y mae'n ei ddweud, EM, rydych chi wedi cofrestru.

382
00:17:15,420 --> 00:17:16,069
Ddim mewn gwirionedd.

383
00:17:16,069 --> 00:17:17,450
>> Ond mae'r URL newid.

384
00:17:17,450 --> 00:17:22,280
Felly y ffurflen hon ei ganiatáu yn glir
i'w gyflwyno i register.php.

385
00:17:22,280 --> 00:17:25,160
Ond yn ôl pob tebyg, ddylwn i fod yn
dal rhai o'r gwallau hyn.

386
00:17:25,160 --> 00:17:27,569
Yn awr, mewn Pset7 a rhai
o'n enghreifftiau darlith,

387
00:17:27,569 --> 00:17:30,130
byddem yn gyffredinol argraffu
neges gwall goch fawr yma

388
00:17:30,130 --> 00:17:33,760
gan ddywedyd, enw ar goll,
neu ar goll cyfrinair.

389
00:17:33,760 --> 00:17:37,680
Rydym wedi gwneud hynny o'r blaen ac rydym wedi
canfod gwall ochr y gweinydd Da.

390
00:17:37,680 --> 00:17:41,580
>> Ond mae llawer o wefannau y dyddiau hyn
gwneud cleient canfod gwall ochr

391
00:17:41,580 --> 00:17:42,810
lle nad yw'r URL yn newid.

392
00:17:42,810 --> 00:17:44,101
Nid yw'r dudalen gyfan yn adnewyddu.

393
00:17:44,101 --> 00:17:46,940
Byddwch yn cael adborth ar unwaith
oddi wrth y porwr.

394
00:17:46,940 --> 00:17:48,070
Efallai rhywbeth yn mynd goch.

395
00:17:48,070 --> 00:17:49,190
>> Efallai byddwch yn cael pop i fyny.

396
00:17:49,190 --> 00:17:53,240
Ond nad ydych yn gwastraffu amser yn anfon i
mae'r data gweinydd sy'n anghyflawn.

397
00:17:53,240 --> 00:17:56,050
Felly, gadewch i ni weld sut y gallem
cyflawni y nodwedd honno yn ogystal.

398
00:17:56,050 --> 00:17:59,660
>> Gadewch i mi fynd i form1.html,
sy'n edrych yr un fath.

399
00:17:59,660 --> 00:18:03,530
Ond os y tro hwn yr wyf yn ei wneud
malan@harvard.edu ac yr wyf deipio rhuddgoch

400
00:18:03,530 --> 00:18:07,350
ac nid wyf yn cydweithredu ymhellach
ond chliciwch Cofrestru, yn sylwi nawr.

401
00:18:07,350 --> 00:18:08,940
Dyw hi ddim yn ateb sexiest.

402
00:18:08,940 --> 00:18:10,900
Rwyf wedi o leiaf yn dal gwall hwn.

403
00:18:10,900 --> 00:18:12,900
Ac yr wyf wedi defnyddio'r rhybudd
swyddogaeth yn JavaScript--

404
00:18:12,900 --> 00:18:14,090
yr ydym yn unig yn defnyddio yn y dosbarth.

405
00:18:14,090 --> 00:18:16,430
Yn gyffredinol, ni ddylech ddefnyddio hyn
oherwydd gall fynd allan yn gyflym iawn

406
00:18:16,430 --> 00:18:17,160
o reolaeth.

407
00:18:17,160 --> 00:18:19,180
Ond cyfrineiriau yn cyfateb yw'r gwall.

408
00:18:19,180 --> 00:18:21,120
>> Gadewch i mi fynd yn ei flaen a chliciwch OK.

409
00:18:21,120 --> 00:18:25,040
Ond beth mae'r prydau parod allweddol yma
yw nad yw'r URL yn newid.

410
00:18:25,040 --> 00:18:27,960
Gwastraffu felly nid wyf wedi trafferthu
amser y gweinydd yn gofyn iddo

411
00:18:27,960 --> 00:18:30,750
cwestiwn y gallwn i gael
cyfrifedig allan yr ateb i mi fy hun.

412
00:18:30,750 --> 00:18:33,210
>> A'r defnyddiwr, er bod
bod yn siarad am hyn

413
00:18:33,210 --> 00:18:35,264
hwy nag y defnyddiwr
mynd i feddwl am hyn,

414
00:18:35,264 --> 00:18:36,680
yn mynd i gael adborth ar unwaith.

415
00:18:36,680 --> 00:18:39,044
Does dim latency gyda
y cysylltedd rhwydwaith.

416
00:18:39,044 --> 00:18:40,460
Felly gadewch i ni edrych ar y cod ffynhonnell.

417
00:18:40,460 --> 00:18:45,600
>> Edrych Form1.html
strwythur tebyg i fyny yma.

418
00:18:45,600 --> 00:18:46,810
Mae'r ffurflen ar mewn gwirionedd yr un fath.

419
00:18:46,810 --> 00:18:48,330
Ond gadewch i ni weld beth a wnes i lawr fan hyn.

420
00:18:48,330 --> 00:18:49,913
Ac mae gwahanol ffyrdd o wneud hyn.

421
00:18:49,913 --> 00:18:53,690
Ac yr wyf wedi gwneud y mwyaf yn syth
ddilynwr ond nid ffordd fwyaf cain eto.

422
00:18:53,690 --> 00:18:54,869
Mae gen i tag sgript.

423
00:18:54,869 --> 00:18:57,035
Yna, yr wyf yn galw
document.getElementByID ('cofrestru').

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

425
00:19:00,090 --> 00:19:04,420
Ac yr wyf yn storio y gwerth
ffurf, yn amrywio.

426
00:19:04,420 --> 00:19:05,520
>> Felly, beth a wneuthum?

427
00:19:05,520 --> 00:19:08,960
Gallwch chi feddwl am
document.getElementByID fel rhai

428
00:19:08,960 --> 00:19:11,200
swyddogaeth arbennig sy'n
JavaScript yn rhoi i chi

429
00:19:11,200 --> 00:19:14,400
bod llythrennol dwylo chi
pwyntydd i un o'r nodau

430
00:19:14,400 --> 00:19:16,520
neu petryalau yn y goeden hon.

431
00:19:16,520 --> 00:19:21,470
Felly nawr dyna beth mae ein ffurflen newidyn
yn JavaScript mewn gwirionedd yn pwyntio at.

432
00:19:21,470 --> 00:19:25,120
>> Felly, yn awr mae'r gystrawen yn wahanol i
C. Ond rydym yn ei wneud ychydig o bethau yma.

433
00:19:25,120 --> 00:19:30,360
Un, mae hyn mae un yn ychydig yn rhyfedd
edrych, yn sicr yn erbyn C.

434
00:19:30,360 --> 00:19:32,180
Ond yn edrych ar y llinell 35.

435
00:19:32,180 --> 00:19:35,130
Felly, ar y form.onsubmit chwith.

436
00:19:35,130 --> 00:19:38,060
Dwyn i gof bod onsubmit yw
fel cae mewn struct.

437
00:19:38,060 --> 00:19:41,480
Os ydych yn meddwl am y ffurflen newidyn
yn cael ei dim ond bod yn struct C,

438
00:19:41,480 --> 00:19:42,600
gallai gael rhywfaint o gaeau.

439
00:19:42,600 --> 00:19:46,410
>> Yn ôl yn y dydd, cawsom enwau myfyrwyr,
IDs, tai, y rhai math o gaeau.

440
00:19:46,410 --> 00:19:48,520
Dim ond meddwl am onsubmit fel cae arall.

441
00:19:48,520 --> 00:19:53,380
Ond mae'n faes arbennig oherwydd bod y
porwr yn preprogrammed i ddisgwyl

442
00:19:53,380 --> 00:19:57,530
Nid .onsubmit i fod yn werth
fel rhif neu linyn,

443
00:19:57,530 --> 00:20:01,180
ond i mewn gwirionedd yn swyddogaeth
neu gyfeiriad swyddogaeth

444
00:20:01,180 --> 00:20:02,570
er cof y cyfrifiadur.

445
00:20:02,570 --> 00:20:04,740
>> Ac yn wir, dyna beth
keyword hwn yn fan hyn yn ei wneud.

446
00:20:04,740 --> 00:20:06,710
Mae hyn yn dweud, yn rhoi swyddogaeth newydd i mi.

447
00:20:06,710 --> 00:20:09,390
Ond beth yw ei henw
mynd i fod, mae'n debyg?

448
00:20:09,390 --> 00:20:10,800
>> Gan feddwl yn ôl i ddydd Llun.

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

450
00:20:13,430 --> 00:20:17,170
Beth yw enw'r hyn
yn seiliedig ar gystrawen hon swyddogaeth?

451
00:20:17,170 --> 00:20:19,784
Na, yr wyf yn golygu, mae yn amlwg
dim enw associated-- sicr

452
00:20:19,784 --> 00:20:21,200
Nid yn yr hyn yr wyf wedi tynnu sylw yma.

453
00:20:21,200 --> 00:20:22,560
>> Ond mae hynny'n iawn mewn gwirionedd.

454
00:20:22,560 --> 00:20:25,840
Mae hon yn swyddogaeth anhysbys, neu
swyddogaeth lamda fel rhai a allai ei alw.

455
00:20:25,840 --> 00:20:27,589
Ac mae hynny'n ei olygu yw
mae'n dal i fod yn swyddogaeth.

456
00:20:27,589 --> 00:20:29,400
'I' jyst, nad ydych yn gallu ei alw wrth ei enw.

457
00:20:29,400 --> 00:20:30,057
Ond mae hynny'n iawn.

458
00:20:30,057 --> 00:20:33,140
Oherwydd unwaith eto, mae'r porwr wedi bod
preprogrammed gan gwmnïau fel Google

459
00:20:33,140 --> 00:20:38,540
neu Microsoft neu Mozilla neu eraill i
dim ond yn gwybod os yw'r cae .onsubmit

460
00:20:38,540 --> 00:20:43,400
tu mewn elfen ffurflen sydd â'r
gwerth, drin fel function--

461
00:20:43,400 --> 00:20:44,750
pwyntydd swyddogaeth, os mynnwch.

462
00:20:44,750 --> 00:20:46,910
Ac yn ei alw pan fydd y ffurflen yn cael ei chyflwyno.

463
00:20:46,910 --> 00:20:50,350
>> Felly pa cod dylid ei ddienyddio
pan fydd y ffurflen yn cael ei chyflwyno?

464
00:20:50,350 --> 00:20:52,526
Mae'n debyg, mae popeth
tu mewn i'r Brace cyrliog.

465
00:20:52,526 --> 00:20:53,650
Ac mae hyn yn unig yw arddull.

466
00:20:53,650 --> 00:20:55,626
>> Gallech wneud hyn yn hoffi
rydym yn tueddu i wneud yn CS50.

467
00:20:55,626 --> 00:20:58,250
Ond yn JavaScript, rhan fwyaf o bobl
yn tueddu i gadw ar yr un llinell

468
00:20:58,250 --> 00:21:01,960
dim ond oherwydd ei fod yn fwy clir yn
sy'n gysylltiedig â'r swyddogaeth honno keyword.

469
00:21:01,960 --> 00:21:03,240
Felly nawr beth ydw i'n ei wneud?

470
00:21:03,240 --> 00:21:08,616
>> Os form.email.value hafal gydradd
llinyn gwag neu ddim byd, dyma

471
00:21:08,616 --> 00:21:11,490
rhybudd ble dw i'n mynd i ddweud,
rhaid i chi roi eich cyfeiriad e-bost,

472
00:21:11,490 --> 00:21:12,690
ac yna dychwelyd ffug.

473
00:21:12,690 --> 00:21:15,720
Ac mae mor anwir dychwelyd hwnnw
yn atal y ffurflen rhag cael ei gyflwyno.

474
00:21:15,720 --> 00:21:19,480
Yn y cyfamser, os yw gwerth cyfrinair
wag, dw i'n mynd i gweiddi ar y defnyddiwr

475
00:21:19,480 --> 00:21:21,150
a dywedwch, rhaid i chi ddarparu cyfrinair.

476
00:21:21,150 --> 00:21:23,700
>> Yn y cyfamser, mae pethau'n mynd yn
ychydig ffansi yma.

477
00:21:23,700 --> 00:21:29,160
Os nad form.password.value gwneud
form.confirmation.value cyfartal,

478
00:21:29,160 --> 00:21:31,680
y cae arall, gweiddi ar
y defnyddiwr fod y cyfrineiriau

479
00:21:31,680 --> 00:21:33,860
yn cyd-fynd fel y maent
Nid oedd funud yn ôl.

480
00:21:33,860 --> 00:21:35,780
Ac yna mae hyn yn un 'a
Ychydig sexier oherwydd fy mod

481
00:21:35,780 --> 00:21:40,470
gwybod fy mod i'n gwybod yn gysyniadol fod
gwirio yn enw blwch gwirio yn.

482
00:21:40,470 --> 00:21:45,680
>> Fel y gallaf jyst ddefnyddio ebychnod
pwynt i ddweud os na fydd y siec yn

483
00:21:45,680 --> 00:21:48,040
checked-- mae'n y Boole
werth, gwir neu false--

484
00:21:48,040 --> 00:21:49,700
'N annhymerus' gweiddi ar y defnyddiwr am y rheswm hwnnw.

485
00:21:49,700 --> 00:21:52,300
Fel arall, os ydym yn mynd trwy
pob un o'r amodau hyn,

486
00:21:52,300 --> 00:21:53,270
gadewch i ni dim ond yn dychwelyd yn wir.

487
00:21:53,270 --> 00:21:54,700
Gadewch yn cael ei gyflwyno y ffurflen.

488
00:21:54,700 --> 00:21:56,560
A bydd hyn wedyn yn digwydd.

489
00:21:56,560 --> 00:21:57,740
>> Gadewch i deipio i mewn rhuddgoch.

490
00:21:57,740 --> 00:22:00,230
Gadewch i edrych ar y blwch, cliciwch ar y Gofrestr.

491
00:22:00,230 --> 00:22:01,979
Ac yn awr yr wyf yn mynd drwodd i'r gyrchfan.

492
00:22:01,979 --> 00:22:03,270
Yn awr, nid oes cronfa ddata yno.

493
00:22:03,270 --> 00:22:05,370
Does dim byd diddorol
yn register.php.

494
00:22:05,370 --> 00:22:07,980
Fi jyst angen rhywbeth
i siarad mewn gwirionedd i.

495
00:22:07,980 --> 00:22:09,140
Felly, gadewch i mi oedi, yma.

496
00:22:09,140 --> 00:22:16,270
Unrhyw gwestiynau am yr hyn yr ydym wedi ei wneud yn unig
neu beth rhywfaint o hyn gystrawen newydd yw?

497
00:22:16,270 --> 00:22:17,640
OK, ie?

498
00:22:17,640 --> 00:22:20,025
>> GYNULLEIDFA: Felly, unrhyw checkbox
yn awtomatig yn Boole.

499
00:22:20,025 --> 00:22:21,650
Nid oes rhaid i chi ddatgan ei bod fel 'na.

500
00:22:21,650 --> 00:22:22,649
>> DAVID J. Malan: Cywir.

501
00:22:22,649 --> 00:22:29,340
Unrhyw blwch ticio sy'n cael ei anfon i chi gan
ffurflen HTML at eich cod JavaScript

502
00:22:29,340 --> 00:22:31,760
Bydd yn cael ei drin, ie, fel
Boolean value-- wir neu'n anwir.

503
00:22:31,760 --> 00:22:32,635
Mae'n gwestiwn da.

504
00:22:32,635 --> 00:22:36,080
Tra bod y gwerthoedd eraill, o
wrth gwrs, wedi bod yn destun, llinynnau AKA.

505
00:22:36,080 --> 00:22:38,500
>> Mae pob hawl, felly gadewch i mi
ailddirwyn ychydig ymhellach.

506
00:22:38,500 --> 00:22:39,900
Beth oedd holl bwynt hyn?

507
00:22:39,900 --> 00:22:41,400
Dim ond i fod yn glir.

508
00:22:41,400 --> 00:22:44,940
Fel, yr ydym eisoes yn gwybod, hyd yn oed o Pset7
a hyd yn oed o ddarlith yr wythnos ddiwethaf

509
00:22:44,940 --> 00:22:51,120
enghreifftiau, y gallwn yn amlwg wirio
$ _GET $ _POST Weld a yw'r defnyddiwr yn ei roi i ni

510
00:22:51,120 --> 00:22:52,200
gwerth gwag.

511
00:22:52,200 --> 00:22:54,400
Cofiwch y swyddogaeth gwag yn PHP.

512
00:22:54,400 --> 00:22:58,040
>> Felly, dim ond i fod yn glir, beth sydd
un rheswm gallem hefyd

513
00:22:58,040 --> 00:23:00,535
eisiau gwneud gwirio gwall hwn
tu mewn i'r porwr?

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

515
00:23:03,350 --> 00:23:06,080
Beth yw'r cymhelliant yma?

516
00:23:06,080 --> 00:23:06,580
Yeah.

517
00:23:06,580 --> 00:23:09,735
>> GYNULLEIDFA: cyflymach, ac nid ydych yn ei wneud
anfon data ddiwerth i'r gweinyddwr.

518
00:23:09,735 --> 00:23:10,610
DAVID J. Malan: Da.

519
00:23:10,610 --> 00:23:11,170
Mae'n gyflymach.

520
00:23:11,170 --> 00:23:12,920
Na fyddwch yn anfon ddiwerth
data i'r gweinydd.

521
00:23:12,920 --> 00:23:14,670
>> Felly, byddwch yn mynd yn ôl a mwy
ymateb ar unwaith.

522
00:23:14,670 --> 00:23:16,560
Ac ar y cyfan, mae'r defnyddiwr
profiad yn well.

523
00:23:16,560 --> 00:23:17,900
Meddyliwch am y dewis arall.

524
00:23:17,900 --> 00:23:21,160
>> Os, am Gmail-- ac roedd
yr achos o flynyddoedd lawer yn ôl.

525
00:23:21,160 --> 00:23:24,160
Gadewch i ni dybio eich bod got a e-bost newydd eich Gmail
cyfrif, ond yr unig ffordd drwy

526
00:23:24,160 --> 00:23:26,510
i weld hynny yw, fel,
ail-lwytho y dudalen gyfan.

527
00:23:26,510 --> 00:23:29,030
Neu Tybiwch chi glicio ar
dolen i ddarllen e-bost.

528
00:23:29,030 --> 00:23:31,600
>> Mae popeth wedi i ail-lwytho hynny
bod yn gallu gweld yr e-bost.

529
00:23:31,600 --> 00:23:33,380
Neu Facebook-- byddwch yn cael neges sgwrs.

530
00:23:33,380 --> 00:23:36,000
Nid ydych yn ei weld nes i chi ail-lwytho
y dudalen neu cliciwch rhywfaint o gyswllt.

531
00:23:36,000 --> 00:23:38,380
>> Fel, byddai hwn yn ofnadwy
profiad y defnyddiwr blino.

532
00:23:38,380 --> 00:23:41,300
A dyma sut beth oedd,
yn amlwg, yn ôl pan oeddwn yn rhedeg am UC

533
00:23:41,300 --> 00:23:44,760
a'r we yn llawer llai deinamig
ac nid oedd JavaScript fel boblogeiddio

534
00:23:44,760 --> 00:23:45,601
fel y mae nawr.

535
00:23:45,601 --> 00:23:47,850
Ac mae pethau'n mynd yn llawer
yn fwy deinamig a llawer mwy

536
00:23:47,850 --> 00:23:49,900
ochr y cleient yn yr ystyr hwnnw.

537
00:23:49,900 --> 00:23:54,370
>> Ond mae yna dal yma, ac
mae hyn yn fath o gotcha blino.

538
00:23:54,370 --> 00:23:58,720
Dim ond oherwydd eich bod yn ychwanegu ochr y cleient
Nid yw canfod fel hyn yn golygu

539
00:23:58,720 --> 00:24:01,430
gallwch chi neu y dylai roi'r gorau
canfod ochr y gweinydd.

540
00:24:01,430 --> 00:24:04,080
Yn y bôn byddwch am roi eich
gwall gwirio yn y ddau le.

541
00:24:04,080 --> 00:24:05,830
Oherwydd bod yr hyn a oedd yn un
y wers a ddysgwyd

542
00:24:05,830 --> 00:24:10,270
o'r erthygl Rwyf yn darllen rhai darnau
o â hyn system, CMS dwp

543
00:24:10,270 --> 00:24:14,410
Cynnwys Rheoli system, a oedd
gweithredu ei system dilysu,

544
00:24:14,410 --> 00:24:16,790
ei mewngofnodi drwy pa fecanwaith?

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

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

547
00:24:20,469 --> 00:24:21,499
>> GYNULLEIDFA: JavaScript.

548
00:24:21,499 --> 00:24:23,290
DAVID J. Malan:
JavaScript, union, dde?

549
00:24:23,290 --> 00:24:24,610
Roedd yn defnyddio JavaScript.

550
00:24:24,610 --> 00:24:27,120
Ac yn llythrennol, rydych guys yn cael
chwarae ychydig bach yn ôl pob tebyg

551
00:24:27,120 --> 00:24:28,700
gydag Arolygydd Chrome ar.

552
00:24:28,700 --> 00:24:30,890
Ac os gallaf ddod o hyd iddo, archwilio elfen.

553
00:24:30,890 --> 00:24:33,670
>> Gadewch i mi fynd drosodd i'w wneud
yr holl opsiynau Chrome ar.

554
00:24:33,670 --> 00:24:37,080
Ac mae hyn yw pa mor hawdd yw hi i
analluogi JavaScript mewn porwr.

555
00:24:37,080 --> 00:24:38,950
Gwiriwch, dim mwy JavaScript.

556
00:24:38,950 --> 00:24:41,070
>> Felly, i fod yn deg, mae llawer
y we y dyddiau hyn

557
00:24:41,070 --> 00:24:43,430
yn unig yn mynd i dorri oherwydd
Gmail a sites-- eraill

558
00:24:43,430 --> 00:24:46,140
Facebook-- cymryd yn ganiataol bod
JavaScript wedi ei alluogi.

559
00:24:46,140 --> 00:24:50,180
Ond os ydych yn gwneud rhywbeth twp
debyg yn unig dilysu mewnbwn defnyddwyr

560
00:24:50,180 --> 00:24:52,520
a gwirio ei fod am
gwallau ar yr ochr y cleient,

561
00:24:52,520 --> 00:24:54,940
gallai adversary hawdd gwneud hyn.

562
00:24:54,940 --> 00:24:57,180
Ac yna hyd yn oed yn fwy craff
adversary fel chi guys

563
00:24:57,180 --> 00:25:01,120
bellach yn gallu defnyddio'r Telnet neu Curl
neu orchmynion llinell orchymyn yn unig

564
00:25:01,120 --> 00:25:05,300
ac mewn gwirionedd yn anfon negeseuon at y gweinydd
hynny yn yr un modd nid ydynt yn gwirio gwall.

565
00:25:05,300 --> 00:25:08,380
>> Felly, mae hyn yn fwy o
penderfyniad rhyngwyneb defnyddiwr

566
00:25:08,380 --> 00:25:13,060
nag y mae yn wirioneddol technegol
improvement-- gweithredu

567
00:25:13,060 --> 00:25:14,410
ochr y cleient rhywbeth fel hyn.

568
00:25:14,410 --> 00:25:16,800
Felly nawr Cipolwg cyflym, ond yna
'N annhymerus' gohirio at y daith ar-lein

569
00:25:16,800 --> 00:25:17,674
trwy'r am yr un yma.

570
00:25:17,674 --> 00:25:21,480
Ar ffurf dau, rydym mewn gwirionedd yn mynd trwy
ac yn glanhau i fyny 'r cod ychydig bach.

571
00:25:21,480 --> 00:25:23,650
Ond gadewch i mi ildio i un
o'r fideos yr ydym yn annhymerus debygol

572
00:25:23,650 --> 00:25:27,970
ymgorffori yn Pset8 mai dim ond yn dangos i chi a
cystrawen tebyg gan ddefnyddio llyfrgell o'r enw

573
00:25:27,970 --> 00:25:32,320
jQuery, sy'n super, super
llyfrgell boblogaidd yn JavaScript

574
00:25:32,320 --> 00:25:34,510
bod dweud y gwir rhan fwyaf o bobl
dim ond yn defnyddio y dyddiau hyn

575
00:25:34,510 --> 00:25:37,070
ac hyd yn oed yn drysu fel
JavaScript lles ei hun.

576
00:25:37,070 --> 00:25:38,950
>> Ac mae'n tueddu i gynnwys
rhai arwyddion doler

577
00:25:38,950 --> 00:25:41,350
a geiriau allweddol fel dogfen
mewn cromfachau yma.

578
00:25:41,350 --> 00:25:44,480
Ond unwaith eto, gadewch i mi ildio i
rhai sesiynau tiwtorial arafach ar-lein

579
00:25:44,480 --> 00:25:46,750
yn hytrach nag yn cael ei glymu i fyny mewn dim ond cystrawen.

580
00:25:46,750 --> 00:25:48,630
Gadewch i ni symud ymlaen i
rhywbeth ychydig yn oerach

581
00:25:48,630 --> 00:25:50,520
o ran y ceisiadau hyn.

582
00:25:50,520 --> 00:25:57,730
>> Felly, yn arbennig, gadewch i mi fynd
ymlaen ac yn agor i fyny hyn yn fan hyn.

583
00:25:57,730 --> 00:25:58,340
Dewch ar.

584
00:25:58,340 --> 00:25:59,380
Dyna ni.

585
00:25:59,380 --> 00:26:01,500
>> Gadewch i mi agor y llun yma.

586
00:26:01,500 --> 00:26:03,450
Ddiangen gymhleth
edrych, ond mae'n

587
00:26:03,450 --> 00:26:07,880
yn disgrifio techneg o'r enw AJAX--
Asynchronous JavaScript a XML, lle

588
00:26:07,880 --> 00:26:10,530
y X i XML mewn gwirionedd
bellach yn ei ddefnyddio mewn gwirionedd.

589
00:26:10,530 --> 00:26:13,430
Mae'n tueddu i ddefnyddio rhywbeth
arall o'r enw JSON.

590
00:26:13,430 --> 00:26:16,560
>> Ond dyma sut mae rhywbeth fel
Google Maps neu Google Earth yn gweithio.

591
00:26:16,560 --> 00:26:18,060
Gadewch i ni roi cynnig ar hyn ar y hedfan, mewn gwirionedd.

592
00:26:18,060 --> 00:26:21,590
Gadewch i mi fynd yn ei flaen ac yn agor
fyny Chrome ar fy porwr.

593
00:26:21,590 --> 00:26:26,236
>> A gadewch i mi fynd i mewn i,
dweud, maps.google.com.

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

595
00:26:29,260 --> 00:26:31,930
Ac mewn gwirionedd, os ydych yn hen
digon i gofio beth,

596
00:26:31,930 --> 00:26:35,600
fel, roedd MapQuest tebyg yn ôl yn y dydd,
ac efallai eu bod yn dal i weithio fel hyn.

597
00:26:35,600 --> 00:26:38,870
Pan fyddwch yn ei ddefnyddio i chwilio am something--
33 Oxford Street, Caergrawnt, Mass,

598
00:26:38,870 --> 00:26:40,650
gadewch i ni wneud this-- chi
Byddai mewn gwirionedd, os ydych yn

599
00:26:40,650 --> 00:26:43,000
yn awyddus i sosban i fyny ac
i lawr, i'r chwith ac i'r dde,

600
00:26:43,000 --> 00:26:44,920
byddech yn edrych fel
saeth fawr ar ei ben, ac mae'n

601
00:26:44,920 --> 00:26:46,921
Byddai dangos i chi un arall
ffrâm y map i fyny yma.

602
00:26:46,921 --> 00:26:49,753
Neu a fyddech yn cliciwch i'r chwith ac rydych
Byddai mynd dros yma, neu cliciwch arall

603
00:26:49,753 --> 00:26:51,000
a byddech yn mynd dros yma.

604
00:26:51,000 --> 00:26:53,000
Ond yn lle hynny mae'r rhain
dyddiau, rydym wrth gwrs yn unig

605
00:26:53,000 --> 00:26:55,970
cymryd yn ganiataol y gallwn fynd
o gwmpas Caergrawnt yn weddol gyflym

606
00:26:55,970 --> 00:26:57,550
dim ond drwy glicio a llusgo.

607
00:26:57,550 --> 00:26:59,130
Ond sylwi mae rhywfaint o ddiffygion.

608
00:26:59,130 --> 00:27:02,160
>> Os byddaf yn gwneud hyn yn ddigon cyflym,
yr hyn sy'n ymddangos i fod yn digwydd

609
00:27:02,160 --> 00:27:05,960
gan fy mod lusgo ychydig yn rhy gyflym
ar gyfer y cyfrifiadur i gadw i fyny?

610
00:27:05,960 --> 00:27:07,160
Beth ydych chi'n ei weld?

611
00:27:07,160 --> 00:27:07,660
Yeah.

612
00:27:07,660 --> 00:27:09,232
>> GYNULLEIDFA: Nid yw'r picseli yn adnewyddu.

613
00:27:09,232 --> 00:27:10,940
DAVID J. Malan: Y
Nid yw picseli yn adnewyddu.

614
00:27:10,940 --> 00:27:12,870
Mae actually-- ac rydych
allai weld hyn, mewn gwirionedd,

615
00:27:12,870 --> 00:27:15,360
os ydych yn gwylio ar-lein a saib
hwn neu mewn gwirionedd yn arafu pethau i lawr

616
00:27:15,360 --> 00:27:18,600
am once-- byddwch yn gweld bod yna
teils, sgwariau, petryalau neu sy'n

617
00:27:18,600 --> 00:27:22,040
ar goll o'r map nes
ail rhaniad yn ddiweddarach, mwy o ddata,

618
00:27:22,040 --> 00:27:24,390
mwy o luniau mewn gwirionedd
ymddangos ar y sgrin.

619
00:27:24,390 --> 00:27:29,810
Ac yn wir, os byddwn yn gwneud hyn drwy edrych
fyny Chrome's-- gadewch i ni ddweud, Chrome--

620
00:27:29,810 --> 00:27:30,310
gadewch i ni weld.

621
00:27:30,310 --> 00:27:31,090
Ni allwn wneud hynny.

622
00:27:31,090 --> 00:27:31,860
>> Oh, whoops.

623
00:27:31,860 --> 00:27:34,761
Gadewch i ni agor maps.google.com.

624
00:27:34,761 --> 00:27:36,660
Gadewch i mi wneud y ffenestr fwy eto.

625
00:27:36,660 --> 00:27:38,836
>> Ewch yn ôl i 33 Oxford Street.

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

627
00:27:42,010 --> 00:27:43,760
Beth oedd y wefan roeddwn ar yn ddiweddar?

628
00:27:43,760 --> 00:27:46,440
Roedd gen i hyn, fel, rant preifat i
fy hun bod Id neges yna'n sydyn

629
00:27:46,440 --> 00:27:48,470
unrhyw ffrind a oedd ar-lein
oedd am glywed.

630
00:27:48,470 --> 00:27:49,345
Mae rhywfaint o wefan.

631
00:27:49,345 --> 00:27:52,680
Rwy'n credu ei fod Comcast-- felly
ISP Americanaidd mawr iawn.

632
00:27:52,680 --> 00:27:56,355
Gallwch, wrth gofrestru ar gyfer cebl newydd
gwasanaeth modem neu wasanaeth teledu cebl,

633
00:27:56,355 --> 00:27:59,230
mae ganddynt ffurflen rhesymol iawn
lle maent yn gofyn i chi am eich cyfeiriad.

634
00:27:59,230 --> 00:28:01,450
Ac mae gennych hyn anhygoel
nodwedd a elwir yn auto cyflawn,

635
00:28:01,450 --> 00:28:04,600
fel Google, sy'n dechrau llenwi
yn yr ateb i'ch cwestiwn.

636
00:28:04,600 --> 00:28:08,090
>> Y broblem yw, maent yn gwneud auto cyflawn
ar y pethau cyntaf y byddwch yn teipio.

637
00:28:08,090 --> 00:28:12,890
Felly, os byddwch yn dechrau teipio yn 33, mae'n
Bydd yn dangos i chi yn llythrennol bob tŷ

638
00:28:12,890 --> 00:28:15,790
yn America sy'n dechrau
gyda'r rhif 33

639
00:28:15,790 --> 00:28:17,920
cyn parhau i
yn disgwyl i chi deipio mwy.

640
00:28:17,920 --> 00:28:20,660
Felly os ydych yn teipio 33 Oxford,
yna mae'n dangos i chi bob stryd

641
00:28:20,660 --> 00:28:24,726
yn America sydd â 33 Oxford mewn
ei enw, heb ystyried y dref

642
00:28:24,726 --> 00:28:25,350
eich bod mewn.

643
00:28:25,350 --> 00:28:26,320
>> Ac yna byddwch yn parhau teipio.

644
00:28:26,320 --> 00:28:28,930
Ac yn olaf, mae'n sylweddoli nad ydynt yn ei wneud
cynnig gwasanaeth i'ch cartref yng Nghaergrawnt

645
00:28:28,930 --> 00:28:29,920
neu rywbeth fel 'na.

646
00:28:29,920 --> 00:28:33,410
Ond y pwynt yw, mae hyn yn y rhan fwyaf o
gweithredu asinine o auto

647
00:28:33,410 --> 00:28:34,140
cwblhau erioed.

648
00:28:34,140 --> 00:28:36,400
>> A Im 'jyst yn mynd i ffwrdd
ar y tangiad hwn eto.

649
00:28:36,400 --> 00:28:39,040
Ond mae ffyrdd da i
defnyddio JavaScript a ffyrdd drwg.

650
00:28:39,040 --> 00:28:40,750
Ac nid dyna'r reidrwydd yr un gorau.

651
00:28:40,750 --> 00:28:46,360
>> Ond y pwynt yma, cyn hyn
tirade, oedd i agor i fyny arfau i lawr fan hyn

652
00:28:46,360 --> 00:28:49,480
ac yn agor i fyny offer datblygwr,
fel yr ydym wedi annog o'r blaen,

653
00:28:49,480 --> 00:28:52,840
ac i wylio'r Rhwydwaith
tab wrth i mi glicio 'n sylweddol yn gyflym.

654
00:28:52,840 --> 00:28:55,400
Ac yn sylwi ar criw cyfan
o cael ceisiadau ddigwyddodd.

655
00:28:55,400 --> 00:28:57,310
Mae hyn i gyd wedi digwydd ers i mi llusgo.

656
00:28:57,310 --> 00:29:00,170
>> Ac yn fwyaf tebygol, yn wir
llawer o resi hyn

657
00:29:00,170 --> 00:29:04,060
Erbyn hyn mae image slaes JPEG
Mathau MIME neu fathau cynnwys.

658
00:29:04,060 --> 00:29:07,750
Mae hynny oherwydd yr hyn y chrome yn ei wneud
bob tro rwy'n cliciwch a llusgo, cliciwch

659
00:29:07,750 --> 00:29:11,650
a llusgo, yw ei fod yn gwireddu, oh, yr wyf yn
angen i chi fynd ofyn Google gyfer y teils

660
00:29:11,650 --> 00:29:15,080
ar y map sydd dros fan hyn,
yn gyflym ei lawrlwytho trwy HTTP,

661
00:29:15,080 --> 00:29:19,550
ac yna ychwanegu at yr hyn a elwir DOM
at y porwyr gwe yn goeden cof

662
00:29:19,550 --> 00:29:24,430
cynrychiolaeth fel bod y defnyddiwr,
mi, yn gweld y teils diweddaru.

663
00:29:24,430 --> 00:29:26,795
Ac mae hyn oherwydd
techneg o'r enw AJAX.

664
00:29:26,795 --> 00:29:28,920
Yn ôl yn y dydd, y mae mewn gwirionedd
oedd yn wir, os ydych yn

665
00:29:28,920 --> 00:29:33,050
am newid beth sydd ar y sgrin,
byddai'n rhaid i chi glicio i fyny, i lawr, i'r chwith,

666
00:29:33,050 --> 00:29:33,550
dde.

667
00:29:33,550 --> 00:29:34,740
Ac yna byddai tudalen newydd yn agor.

668
00:29:34,740 --> 00:29:36,531
Ond y dyddiau hyn, mae popeth
yn fwy deinamig.

669
00:29:36,531 --> 00:29:40,490
Mae'n digwydd yn y ffordd y byddem bodau dynol
gobeithio ei fod mewn gwirionedd y byddai yn rhyngweithiol.

670
00:29:40,490 --> 00:29:43,210
Ac mae'n ei gyflawni hyn drwy
ffordd o techneg o'r enw

671
00:29:43,210 --> 00:29:46,170
AJAX, sydd efallai gorau
esboniwyd gan enghraifft.

672
00:29:46,170 --> 00:29:49,730
Yn gyntaf, gadewch i mi fynd yn ei flaen
ac yn agor i fyny ffeil

673
00:29:49,730 --> 00:29:53,540
Gelwir quote.php mewn
cod dosbarthu heddiw.

674
00:29:53,540 --> 00:29:56,200
>> Ac yna gadewch i mi wneud whoops symbol--.

675
00:29:56,200 --> 00:30:02,399
Gadewch i mi wneud symbol = GOOG
am ddim ond ychydig stoc.

676
00:30:02,399 --> 00:30:04,440
Neu mewn gwirionedd, gadewch i ni wneud y
un gan y Pset DDIM.

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

678
00:30:05,270 --> 00:30:06,580
>> Ac yn awr sylwi ar yr hyn yr wyf yn ei gael yn ôl.

679
00:30:06,580 --> 00:30:09,210
Felly mae hyn yn wir yn
ffeil PHP byr yr wyf

680
00:30:09,210 --> 00:30:13,210
Ysgrifennodd bod yn benthyca cod
o swyddogaeth am-edrych Pset7 yn

681
00:30:13,210 --> 00:30:17,830
ac yn poeri allan defnyddio'r Brace cyrliog a
dyfyniadau a nodiant colon, yn ôl pob golwg,

682
00:30:17,830 --> 00:30:22,747
pris y stoc yn bresennol ar gyfer y
cwmni yr ydych yn pasio i mewn drwy get.

683
00:30:22,747 --> 00:30:24,580
Felly, mae hyn yn wahanol
o'r rhan fwyaf o'r hyn yr ydym i wedi

684
00:30:24,580 --> 00:30:26,496
ei wneud yn yr hysbysiad hwnnw rwy'n
llythrennol poeri allan

685
00:30:26,496 --> 00:30:27,870
hyn sy'n edrych fel cod JavaScript.

686
00:30:27,870 --> 00:30:30,020
>> Mewn gwirionedd, mae hyn yn gwrthrych JavaScript.

687
00:30:30,020 --> 00:30:34,130
Yn wir, dim ond i fod yn fwy clir,
Gwrthrych JavaScript Notation-- JSON--

688
00:30:34,130 --> 00:30:38,330
yn unig yw ffordd ffansi o ddweud bod chi
Gall gynrychioli data mewn JavaScript llawer

689
00:30:38,330 --> 00:30:41,660
fel y gallwch yn PHP
gan ddefnyddio parau gwerth allweddol.

690
00:30:41,660 --> 00:30:44,270
Felly os oeddwn i eisiau i ddatgan
newidyn yn JavaScript

691
00:30:44,270 --> 00:30:47,872
i yn cynrychioli Zamyla, er
instance-- a struct i Zamyla--

692
00:30:47,872 --> 00:30:49,580
a byddwn yn ei alw'n
fyfyriwr, newidyn hwn.

693
00:30:49,580 --> 00:30:53,060
Mae ei adnabod yn un, tŷ yn
Winthrop, ac enw i yw Zamyla.

694
00:30:53,060 --> 00:30:55,490
>> Ond gallaf hefyd yn cael amrywiaeth o wrthrychau.

695
00:30:55,490 --> 00:30:58,710
Felly, os wyf mewn gwirionedd yn awyddus i gael
amrywiaeth ym JavaScript cynnwys

696
00:30:58,710 --> 00:31:01,740
lluosog gwrthrychau o'r fath, mae hyn yn
amser yn cynrychioli staff,

697
00:31:01,740 --> 00:31:04,910
Efallai fy mod i dri rhain
darnau o god yn ôl

698
00:31:04,910 --> 00:31:08,560
i yn ôl i yn ôl ar gyfer y rhain
tri aelod staff blaenorol.

699
00:31:08,560 --> 00:31:12,201
Felly mae'r cystrawen, 'n bert
tebyg i both-- i PHP.

700
00:31:12,201 --> 00:31:13,700
Ond mae hyn yn arbennig o JavaScript.

701
00:31:13,700 --> 00:31:15,940
Mae'n nodiant gwrthrych.

702
00:31:15,940 --> 00:31:17,240
Felly beth mae hyn yn ddefnyddiol ar gyfer?

703
00:31:17,240 --> 00:31:21,580
>> Os byddaf yn ysgrifennu cod sy'n poeri allan JSON--
Gwrthrych JavaScript Notation-- bethau sy'n

704
00:31:21,580 --> 00:31:24,670
yn edrych fel hyn neu'r pethau sy'n
edrych fel strwythur Zamyla yn,

705
00:31:24,670 --> 00:31:27,730
Gall Fi 'n weithredol ddefnyddio hyn
mewn rhaglenni i mi ysgrifennu.

706
00:31:27,730 --> 00:31:30,660
Gadewch i mi fynd i ajax0.html.

707
00:31:30,660 --> 00:31:33,310
Ac mae hyn too-- dim llawer
o ystyriaeth i estheteg.

708
00:31:33,310 --> 00:31:34,660
Ond gwyliwch beth sy'n digwydd.

709
00:31:34,660 --> 00:31:37,050
>> Gadewch i mi fynd yn ei flaen ac yn rhad ac am ddim deipio yma.

710
00:31:37,050 --> 00:31:38,490
Cliciwch gael dyfynbris.

711
00:31:38,490 --> 00:31:41,060
Ac yn sylwi nad yw'r URL wedi newid.

712
00:31:41,060 --> 00:31:47,250
Ond i ddim yn cael pop i fyny ag yn ôl pob golwg
ceiniog pris stoc heddiw o 0.15 $.

713
00:31:47,250 --> 00:31:49,062
Felly, nid yw bob un sy'n ddrwg.

714
00:31:49,062 --> 00:31:52,020
Ond y gwahaniaeth yw bod rywsut,
Daeth y data hwn yn ôl i mi yn uniongyrchol.

715
00:31:52,020 --> 00:31:54,250
Ond gadewch i ni gymryd cam tuag at
rhywbeth mwy cyfarwydd.

716
00:31:54,250 --> 00:31:58,900
Mewn fersiwn un o hyn, gadewch i mi
deipio yn rhydd eto, cliciwch Get dyfyniad,

717
00:31:58,900 --> 00:32:01,146
ac now-- oh, roedd hyn yn
mewn gwirionedd yn y fersiwn jQuery.

718
00:32:01,146 --> 00:32:03,270
Felly, gadewch me-- wnes i ddim
cyflym-ymlaen yn eithaf ddigon pell.

719
00:32:03,270 --> 00:32:05,830
Gadewch i mi fynd i'r fersiwn dau,
a dyna lle roeddwn i eisiau.

720
00:32:05,830 --> 00:32:07,260
Sylwi ar yr hyn yr wyf wedi ei wneud yma.

721
00:32:07,260 --> 00:32:10,370
Mae gen i we page-- super
Fersiwn syml o unrhyw dudalen ar y we

722
00:32:10,370 --> 00:32:14,260
Efallai y byddwch yn defnyddio heddiw gyda maes testun
yma am ddim ac yna yn ôl pob golwg yn unig

723
00:32:14,260 --> 00:32:14,880
testun.

724
00:32:14,880 --> 00:32:16,860
>> Nid yw hyn yn fath yma, yn ôl pob golwg.

725
00:32:16,860 --> 00:32:19,360
Ond os wyf cliciwch gael
quote, sylwi fy tudalen ar y we

726
00:32:19,360 --> 00:32:22,760
ar fin newid fel pe bawn
jyst got neges chwim newydd

727
00:32:22,760 --> 00:32:25,360
neu fel pe bawn newydd symud y
mapio ac sydd eu hangen i gael mwy o ddata

728
00:32:25,360 --> 00:32:29,220
ychwanegu ddynamig at y dudalen we
heb y newid URL a'r defnyddiwr

729
00:32:29,220 --> 00:32:30,980
profiad cael torri.

730
00:32:30,980 --> 00:32:35,750
Yn wir, rwy'n dal i fod yn y
yr un ajax2.html place-- union.

731
00:32:35,750 --> 00:32:39,080
>> Felly gadewch i ni edrych yn unig ar yr enghraifft hon
a gweld sut mae hyn yn digwydd.

732
00:32:39,080 --> 00:32:42,490
Gadewch i mi fynd i mewn i ajax2.html.

733
00:32:42,490 --> 00:32:44,770
Ac yn sylwi ar y ffurflen yn gyntaf.

734
00:32:44,770 --> 00:32:47,092
>> Lawr yma, dw i'n troi
off auto cyflawn.

735
00:32:47,092 --> 00:32:48,800
Weithiau mae'n mynd
blino os bydd y porwr

736
00:32:48,800 --> 00:32:50,508
yn ceisio dangos i chi
eich hanes cyfan.

737
00:32:50,508 --> 00:32:53,450
Felly, gallwch wneud hynny yn HTML gan
dim ond dweud auto cwblhau off.

738
00:32:53,450 --> 00:32:57,290
>> Rwyf wedi rhoi testun y maes hwn a
symbol-- yn hytrach, yn adnabod y symbol.

739
00:32:57,290 --> 00:32:58,977
Ac yn awr, mae hyn yn nodwedd ddiddorol.

740
00:32:58,977 --> 00:33:01,310
Nid ydym wedi siarad am rychwant,
ond gallwch chi feddwl am y peth

741
00:33:01,310 --> 00:33:03,177
fel tag paragraff neu div tag.

742
00:33:03,177 --> 00:33:05,010
Mae'n hyn a elwir yn
yn-lein elfen, sef

743
00:33:05,010 --> 00:33:07,415
yn golygu na fyddwch yn cael paragraff
torri uwchben ac islaw iddo.

744
00:33:07,415 --> 00:33:11,530
Dim ond ei fod yn mynd i aros yn-lein heb
taro gyfwerth â mynd i mewn.

745
00:33:11,530 --> 00:33:17,980
Felly, yr wyf wedi rhoi darn hwn o HTML
i'w benderfynu dynodwr unigryw

746
00:33:17,980 --> 00:33:20,130
fy mod wedi galw pris yn fympwyol.

747
00:33:20,130 --> 00:33:21,560
Ac mae gen i fotwm Anfon.

748
00:33:21,560 --> 00:33:25,420
>> Oherwydd erbyn hyn i fyny Yma-- ac mae hyn yn
cod cyn lleied mewn gwirionedd super anhygoel

749
00:33:25,420 --> 00:33:27,660
gallwch ysgrifennu at wneud
gymharol daclus things--

750
00:33:27,660 --> 00:33:31,800
sylwi ar yr hyn yr wyf wedi ei wneud i fyny fan hyn os byddaf
sgrolio i fyny i ben y dudalen hon.

751
00:33:31,800 --> 00:33:34,970
Rwyf wedi cynnwys yn gyntaf yn
fy mhen tag sgript

752
00:33:34,970 --> 00:33:37,410
bod cyfeiriadau gwirionedd yn
JavaScript ffeil mewn mannau eraill.

753
00:33:37,410 --> 00:33:39,702
Mae hyn yn oddi wrth y sefydliad
sy'n ysgrifennu jQuery,

754
00:33:39,702 --> 00:33:42,660
ac mae hyn yn unig yw rhoi'r diweddaraf i chi
fersiwn o'u llyfrgell jQuery.

755
00:33:42,660 --> 00:33:46,305
>> Felly mae hyn yn fath o fel miniog
cynnwys yn C neu ei gwneud yn ofynnol yn PHP.

756
00:33:46,305 --> 00:33:48,900
Byddwch yn defnyddio y tag sgript
gyda priodoledd ffynhonnell.

757
00:33:48,900 --> 00:33:52,030
Ond yn awr mae fy cod hun yn
mynd i fod yn iawn yn y fan hyn.

758
00:33:52,030 --> 00:33:54,170
>> Hysbysiad gen i swyddogaeth o'r enw Dyfyniadau.

759
00:33:54,170 --> 00:33:56,180
Ac mae'n edrych ychydig
cryptig ar yr olwg gyntaf.

760
00:33:56,180 --> 00:33:57,305
Ond gadewch i ni tynnu hyn ar wahân.

761
00:33:57,305 --> 00:33:59,090
Rhowch URL newidyn o'r enw i mi.

762
00:33:59,090 --> 00:34:01,390
Neilltuo yn llythrennol llinyn hwn.

763
00:34:01,390 --> 00:34:04,530
Felly, dyfyniadau sengl, dyfynodau dwbl mewn
JavaScript jyst yn rhoi llinyn mi.

764
00:34:04,530 --> 00:34:06,900
Beth mae'r plws yn ei wneud?

765
00:34:06,900 --> 00:34:08,199
Concatenation.

766
00:34:08,199 --> 00:34:12,610
>> Felly, mae hyn nawr yw'r gystrawen jQuery
sy'n cymryd ychydig ddod i arfer â.

767
00:34:12,610 --> 00:34:18,310
Ond mae hyn yn unig yn golygu mynd yn cael 'm' r DOM
nod y mae ei dynodwr unigryw yn symbol.

768
00:34:18,310 --> 00:34:21,929
Mae'r hashtag yno yn golygu
symbol adnabod unigryw.

769
00:34:21,929 --> 00:34:24,929
>> Mae'r arwydd doler yn y
cromfachau ond yn golygu, lapio hyn

770
00:34:24,929 --> 00:34:28,510
mewn jQuery rhyw fath o saws gyfrinach felly
byddwch yn cael functionality ychwanegol.

771
00:34:28,510 --> 00:34:31,880
Ac yna .val yn ôl pob golwg
swyddogaeth, neu wrth i ni ddweud yn awr,

772
00:34:31,880 --> 00:34:35,219
dull tu mewn nod hwn
mai dim ond yn rhoi'r gwerth i chi.

773
00:34:35,219 --> 00:34:38,896
Felly, yn fyr, yn hyll ac yn ddryslyd
gan fod hyn yn edrych ar yr olwg gyntaf,

774
00:34:38,896 --> 00:34:42,020
mae hyn yn unig yn golygu mynd gyda'r defnyddiwr deipio
yn, yn ei roi ar ddiwedd y llinyn

775
00:34:42,020 --> 00:34:42,880
drwy cydgadwyno MT iddo.

776
00:34:42,880 --> 00:34:43,739
Dyna i gyd.

777
00:34:43,739 --> 00:34:46,070
>> Felly nawr, tair llinell olaf.

778
00:34:46,070 --> 00:34:48,690
Gallwch wasgu llawer o
ymarferoldeb allan o'r tair llinell.

779
00:34:48,690 --> 00:34:52,199
Mae hyn yn arwydd doler, fel
o'r neilltu, yn unig yw llysenw

780
00:34:52,199 --> 00:34:55,800
am newidyn byd-eang arbennig
Gelwir llythrennol jQuery.

781
00:34:55,800 --> 00:34:57,060
>> Arwydd doler yn unig yn edrych yn cŵl.

782
00:34:57,060 --> 00:35:00,080
Felly mae'r gymuned jQuery unig fath
o yn ei ddefnyddio fel eu symbol arbennig.

783
00:35:00,080 --> 00:35:02,470
Nid yw'n golygu yr hyn y mae'n ei olygu yn PHP.

784
00:35:02,470 --> 00:35:06,356
Yn JavaScript, arwydd doler yn
yn union fel llythyren o'r wyddor

785
00:35:06,356 --> 00:35:07,480
neu nifer ar gyfer newidyn.

786
00:35:07,480 --> 00:35:09,000
>> Allwch gael dim ond fel yr enw.

787
00:35:09,000 --> 00:35:09,770
Dim ond yn edrych yn cŵl.

788
00:35:09,770 --> 00:35:11,890
Felly mae'r gymuned
ei fabwysiadu fel llysenw

789
00:35:11,890 --> 00:35:13,390
am eu llyfrgell ei hun o'r enw jQuery.

790
00:35:13,390 --> 00:35:15,060
>> Ac mae'n boblogaidd super.

791
00:35:15,060 --> 00:35:17,620
Felly ewch JSON yn union hynny.

792
00:35:17,620 --> 00:35:19,920
Mae'n swyddogaeth y mae'r
Folks yn jQuery ysgrifennodd

793
00:35:19,920 --> 00:35:23,340
sy'n cael JSON o server--
Nodiant Gwrthrych JavaScript.

794
00:35:23,340 --> 00:35:25,680
O'r hyn URL mae'n mynd
i gael y wybodaeth honno?

795
00:35:25,680 --> 00:35:27,790
Mae'n debyg o URL yma fan hyn.

796
00:35:27,790 --> 00:35:31,180
>> A beth ddylai'r porwr wneud fel
gynted ag y mae'n mynd yn ôl yr ymateb hwn?

797
00:35:31,180 --> 00:35:36,500
Ac mae hyn yn hud y AJAX, er mwyn
speak-- Asynchronous JavaScript mewn XML.

798
00:35:36,500 --> 00:35:41,320
Mae'n anodd gweld gyda cyfryw a
Enghraifft syml ag oedd gennym yma.

799
00:35:41,320 --> 00:35:44,730
>> Ond roedd hyn yn asynchronous mewn
yr ystyr y mae fy cod pan

800
00:35:44,730 --> 00:35:48,530
ddienyddio anfon neges at y
gweinydd i fynd fy nghael rhywfaint JSON.

801
00:35:48,530 --> 00:35:51,340
Ac mae'n digwydd super gyflym
fy mod yn cael ateb.

802
00:35:51,340 --> 00:35:55,130
Ond yr hyn sy'n ddiddorol yw bod hyn
Nid yw llinell o god yn hongian fy chyfrifiadur.

803
00:35:55,130 --> 00:35:56,550
>> Doeddwn i ddim yn gweld eicon nyddu.

804
00:35:56,550 --> 00:35:59,200
Doeddwn i ddim yn colli'r
gallu i symud fy llygoden.

805
00:35:59,200 --> 00:36:01,340
Fy porwr oedd mewn gwirionedd yn berffaith iawn.

806
00:36:01,340 --> 00:36:06,290
>> Oherwydd bod y ffordd JavaScript trin y
ymateb gan y gweinydd fel a ganlyn.

807
00:36:06,290 --> 00:36:09,740
Rydych yn cofrestru hyn y byddech yn galw
swyddogaeth alwad yn ôl, a oedd

808
00:36:09,740 --> 00:36:12,830
jyst yn golygu, hey, JavaScript.

809
00:36:12,830 --> 00:36:16,100
Cyn gynted ag y gweinydd
yn ymateb gyda JSON,

810
00:36:16,100 --> 00:36:18,750
ffoniwch y swyddogaeth dienw.

811
00:36:18,750 --> 00:36:23,910
>> Ac os gwelwch yn dda pasio i mewn i swyddogaeth hon
beth bynnag llinyn y gweinydd boeri allan

812
00:36:23,910 --> 00:36:26,080
fel dadl o'r enw data.

813
00:36:26,080 --> 00:36:28,360
Felly, mewn eraill, geiriau, os
Im 'yn cydosod ddynamig

814
00:36:28,360 --> 00:36:33,370
a quote.php URL pasio yn hyn
symbol fel DDIM neu GOOG neu whatnot,

815
00:36:33,370 --> 00:36:36,830
Yna, Rwy'n dweud
JavaScript mynd yn cael y URL.

816
00:36:36,830 --> 00:36:39,080
Cofiwch fod y porwr
yn mynd i ddychwelyd rhywbeth

817
00:36:39,080 --> 00:36:42,680
sy'n edrych fel y gwelsom earlier-- hyn.

818
00:36:42,680 --> 00:36:45,940
>> A beth yw'r ail ddadl
yma i gael JSON yn ei ddweud

819
00:36:45,940 --> 00:36:48,450
yn galw swyddogaeth hon
pan fydd y gweinydd yn cael yn ôl

820
00:36:48,450 --> 00:36:52,440
boed yn 10 milieiliadau
o hyn neu 10 eiliad o hyn.

821
00:36:52,440 --> 00:36:55,840
A chyn gynted ag y byddwch yn ei wneud,
ychwanegwch y pris at y dudalen.

822
00:36:55,840 --> 00:36:58,030
Mae hyn yn gystrawen yma yn unig
golygu mynd yn cael y nod

823
00:36:58,030 --> 00:37:01,940
oddi wrth y goeden y mae ei unigryw dynodwr
yw price-- y rhychwant a welsom yn gynharach.

824
00:37:01,940 --> 00:37:04,320
>> Mae'r dull a elwir yn HTML
jyst yn dweud, ewch yn cymryd lle

825
00:37:04,320 --> 00:37:08,770
yr HTML sydd yno gyda data.price.

826
00:37:08,770 --> 00:37:10,200
Beth sy'n data.price?

827
00:37:10,200 --> 00:37:12,850
Wel, mae'r porwr, yn galw i gof,
dangos i mi mae hyn yn dod yn ôl.

828
00:37:12,850 --> 00:37:14,540
Felly, mae hyn yn data.

829
00:37:14,540 --> 00:37:18,100
>> Ac felly mae'n ychydig yn cryptig
i weld y coma yma.

830
00:37:18,100 --> 00:37:19,350
Ond mewn gwirionedd, gadewch i mi wneud hyn.

831
00:37:19,350 --> 00:37:22,890
Gadewch i mi jyst bastio hyn
go iawn yn gyflym i mewn i gedit

832
00:37:22,890 --> 00:37:27,240
ac yn dangos hyn fel rydym yn dangos
Strwythur Zamyla yn gynharach.

833
00:37:27,240 --> 00:37:31,610
>> Yr hyn mae'r gweinydd yn anfon yn ôl yn
Ychydig gwrthrych sy'n edrych fel hyn.

834
00:37:31,610 --> 00:37:37,140
Ac felly data.price yw
dim ond rhoi i mi 0.1515.

835
00:37:37,140 --> 00:37:39,310
Felly, mae llawer o symud
rhannau yma i gyd ar unwaith.

836
00:37:39,310 --> 00:37:41,860
>> Ond mae'r siopau cludfwyd allweddol yw
bod gennym y gallu hwn

837
00:37:41,860 --> 00:37:44,600
i wneud HTTP ychwanegol
ceisiadau sy'n defnyddio JavaScript

838
00:37:44,600 --> 00:37:46,090
heb orfod ail-lwytho y dudalen.

839
00:37:46,090 --> 00:37:49,580
Ac yna gallwn mewn gwirionedd
newid y dudalen we ar y hedfan.

840
00:37:49,580 --> 00:37:51,850
Ac mae'n ymddangos bod
JavaScript ac ieithoedd eraill

841
00:37:51,850 --> 00:37:54,510
gellir ei ddefnyddio yn awr, nid yn unig
i droi tudalennau gwe,

842
00:37:54,510 --> 00:37:57,960
ond i mewn gwirionedd yn ysgrifennu meddalwedd
mewn cyfrifiadur go iawn,

843
00:37:57,960 --> 00:38:00,240
nid dim ond gyfyngu i Chrome neu debyg.

844
00:38:00,240 --> 00:38:03,530
>> Yn wir, Os-- Colton, a fyddech yn
hoffi ymuno â ni yn ôl i fyny yma

845
00:38:03,530 --> 00:38:06,100
gyda'ch cod labordy, a Chang hefyd?

846
00:38:06,100 --> 00:38:09,140
Gadewch i ni fynd yn ei flaen, ar ôl siarad am
swyddogaethau dienw a callbacks

847
00:38:09,140 --> 00:38:13,090
ac yn wir yn temtio ffawd yma
gyda demo byw gyda gwaedu

848
00:38:13,090 --> 00:38:16,480
dechnoleg ddiweddaraf, yn un o
dyfeisiau hyn Elite Motion.

849
00:38:16,480 --> 00:38:18,940
Yn awr, ddyfais hon, galw i gof,
oes fawr dyfais USB

850
00:38:18,940 --> 00:38:25,620
yn ogystal that-- dyna beautiful--
sy'n plygio i mewn i'ch porthladdoedd USB.

851
00:38:25,620 --> 00:38:29,120
>> Ac yna mae'n darparu mewnbwn
ar ffurf ystumiau dynol

852
00:38:29,120 --> 00:38:32,560
drwy ganfod ddefnyddio trawstiau is-goch,
yn y bôn, symudiadau gan eich braich.

853
00:38:32,560 --> 00:38:35,150
Felly, tra bod yr hyn a geisiodd Maria
ymlaen cyn oedd cyhyrol,

854
00:38:35,150 --> 00:38:39,000
mewn gwirionedd yn teimlo'n beth sy'n newid
eich braich, mae hyn yn is-goch yn seiliedig.

855
00:38:39,000 --> 00:38:44,390
Felly, mae'n edrych am symudiadau o fewn
y math o maes droed neu felly

856
00:38:44,390 --> 00:38:46,190
y ddyfais ei hun.

857
00:38:46,190 --> 00:38:48,950
>> Felly pam nad ydw i'n cymryd
a stab ar hyn yn gyntaf?

858
00:38:48,950 --> 00:38:53,100
A gadewch i ni fynd yn ei flaen ac yn taflu
chi i fyny ar y uwchben yma.

859
00:38:53,100 --> 00:38:56,250
Felly gadewch i ni roi gliniadur Colton i fyny yma.

860
00:38:56,250 --> 00:38:58,360
Mae gennym Andrew ar y teledu.

861
00:38:58,360 --> 00:39:00,160
A beth fyddech chi'n hoffi i mi ei wneud yn gyntaf?

862
00:39:00,160 --> 00:39:02,409
>> COLTON: Cer o flaen a dim ond
roi eich dwylo dros y boi

863
00:39:02,409 --> 00:39:04,430
a byddwch yn gweld rhywfaint o gliter gwych.

864
00:39:04,430 --> 00:39:07,230
>> DAVID J. Malan: Iawn 'n glws.

865
00:39:07,230 --> 00:39:11,110
Mae hyn yn digwydd i gyd mewn amser real.

866
00:39:11,110 --> 00:39:11,889
OK.

867
00:39:11,889 --> 00:39:12,680
Mae pob hawl, a yep.

868
00:39:12,680 --> 00:39:14,119
Felly 'n glws.

869
00:39:14,119 --> 00:39:15,410
Mae pob hawl, beth arall y gallwn ei wneud?

870
00:39:15,410 --> 00:39:17,900
>> COLTON: Ewch i'r sgrîn nesaf a gweld.

871
00:39:17,900 --> 00:39:19,136
>> DAVID J. Malan: pob hawl.

872
00:39:19,136 --> 00:39:21,780
>> COLTON: Gêm Ychydig o hwyl
lle rydych yn cael i wneud robotiaid.

873
00:39:21,780 --> 00:39:24,738
>> DAVID J. Malan: pob hawl, felly mae hyn yn
ei dwylo ffug sy'n dangos i mi beth i'w wneud.

874
00:39:24,738 --> 00:39:27,920
COLTON: Ydy Felly fynd yn ei flaen
ac yn cydio yn un o'r blociau

875
00:39:27,920 --> 00:39:30,637
a'i roi ar ben y corff hwnnw yn robot.

876
00:39:30,637 --> 00:39:32,137
DAVID J. Malan: O, mae fy llaw.

877
00:39:32,137 --> 00:39:34,000
Oh.

878
00:39:34,000 --> 00:39:34,780
OK, annwyl.

879
00:39:34,780 --> 00:39:37,500

880
00:39:37,500 --> 00:39:38,650
Arhoswch funud, OK.

881
00:39:38,650 --> 00:39:41,320
Dyna ni.

882
00:39:41,320 --> 00:39:43,590
>> COLTON: Yr wyf yn gwneud un ar ddamwain.

883
00:39:43,590 --> 00:39:45,423
>> DAVID J. Malan: OK, byddaf yn cael y boi.

884
00:39:45,423 --> 00:39:45,923
Damia!

885
00:39:45,923 --> 00:39:48,467

886
00:39:48,467 --> 00:39:51,550
Pan oeddem yn ymarfer hyn yn olaf
nos, eich bod yn gwybod beth datganoledig hyn i mewn?

887
00:39:51,550 --> 00:39:54,285
>> Fel hyn.

888
00:39:54,285 --> 00:39:55,490
OK.

889
00:39:55,490 --> 00:39:55,990
Un nesaf?

890
00:39:55,990 --> 00:39:56,860
>> COLTON: Cadarn.

891
00:39:56,860 --> 00:39:58,818
>> DAVID J. Malan: pob hawl,
ac mae un rhan o dair.

892
00:39:58,818 --> 00:40:01,130

893
00:40:01,130 --> 00:40:01,674
Mae pob hawl.

894
00:40:01,674 --> 00:40:03,215
COLTON: Ac yn yr un yma, byddwch yn cael i--

895
00:40:03,215 --> 00:40:04,923
DAVID J. Malan: O,
yr un yma yn hardd.

896
00:40:04,923 --> 00:40:06,650
COLTON: --yeah, dewiswch wahân blodyn hwn.

897
00:40:06,650 --> 00:40:07,441
DAVID J. Malan: OK.

898
00:40:07,441 --> 00:40:11,170

899
00:40:11,170 --> 00:40:11,670
Nac oes?

900
00:40:11,670 --> 00:40:14,515
Wedi colli.

901
00:40:14,515 --> 00:40:15,570
>> COLTON: O, dyna ni.

902
00:40:15,570 --> 00:40:18,680
>> DAVID J. Malan: Ah, Edrych ar hynny.

903
00:40:18,680 --> 00:40:19,830
Iawn 'n glws.

904
00:40:19,830 --> 00:40:22,470
Wel, pam dont 'rydym yn cymryd
allan un gwirfoddolwr yma

905
00:40:22,470 --> 00:40:24,180
a hoffai ddod ar i fyny.

906
00:40:24,180 --> 00:40:27,500
Beth am iawn yno
yn y gwyrdd, a yw'n?

907
00:40:27,500 --> 00:40:30,540
>> Mae pob hawl, a gadewch i ni have--
yn hytrach na gwneud hynny, mae rhai ohonoch

908
00:40:30,540 --> 00:40:34,590
Gallai gwybod y gêm hon Yma--
torrwch y rhaff, efallai?

909
00:40:34,590 --> 00:40:35,100
Gadewch i ni weld.

910
00:40:35,100 --> 00:40:37,320
Rydym wedi ein sbectol ar dros yma?

911
00:40:37,320 --> 00:40:38,625
>> OK.

912
00:40:38,625 --> 00:40:39,270
Diolch yn fawr.

913
00:40:39,270 --> 00:40:39,380
Beth yw eich enw?

914
00:40:39,380 --> 00:40:40,350
>> GYNULLEIDFA: Laura.

915
00:40:40,350 --> 00:40:41,266
>> DAVID J. Malan: Laura?

916
00:40:41,266 --> 00:40:42,120
Braf gweld.

917
00:40:42,120 --> 00:40:45,600
Os nad ydych yn meddwl rhoi
Google Gwydr dros eich sbectol.

918
00:40:45,600 --> 00:40:46,970
Mae hyn yn Colton.

919
00:40:46,970 --> 00:40:47,650
>> COLTON: Hi.

920
00:40:47,650 --> 00:40:48,140
Neis i gwrdd â chi.

921
00:40:48,140 --> 00:40:49,600
>> DAVID J. Malan: Iawn, dewch o gwmpas.

922
00:40:49,600 --> 00:40:52,516
Mae pob hawl, felly beth ydych chi'n mynd i
wneud yma, wedi chwarae hyn o'r blaen,

923
00:40:52,516 --> 00:40:55,650
yn rhoi eich llaw dros
y Naid Motion yma.

924
00:40:55,650 --> 00:40:57,210
Ac yn awr y dylai eich saeth yn symud.

925
00:40:57,210 --> 00:40:57,710
Oh, Na.

926
00:40:57,710 --> 00:40:58,066
>> GYNULLEIDFA: Na

927
00:40:58,066 --> 00:40:58,780
>> DAVID J. Malan: Rydym
nad ydych am i roi'r gorau iddi eto.

928
00:40:58,780 --> 00:40:59,280
OK, aros.

929
00:40:59,280 --> 00:41:01,200
Dros yma.

930
00:41:01,200 --> 00:41:03,530
Felly sylwi wrth i chi gynnal eich
bys dros rywbeth,

931
00:41:03,530 --> 00:41:06,750
y llygoden yn dechrau i fod yn wyrdd,
a dyna sut yr ydych yn clicio.

932
00:41:06,750 --> 00:41:08,980
>> Felly hofran dros Chwarae.

933
00:41:08,980 --> 00:41:10,970
A dim ond un bys yn iawn.

934
00:41:10,970 --> 00:41:13,869
Ac yn awr cliciwch ar y bach
guy gwyrdd ar y chwith.

935
00:41:13,869 --> 00:41:15,410
Ac yn awr yn dal hyd nes ei fod yn llenwi i fyny wyrdd.

936
00:41:15,410 --> 00:41:15,640
Da.

937
00:41:15,640 --> 00:41:16,990
Yn awr, fel, lefel un i fyny ei ben.

938
00:41:16,990 --> 00:41:20,190
>> GYNULLEIDFA: Yeah, rydym am lefel un, yma.

939
00:41:20,190 --> 00:41:21,660
>> DAVID J. Malan: Da.

940
00:41:21,660 --> 00:41:25,500
OK, felly i gyd sydd gennych
i wneud ei dorri y rhaff.

941
00:41:25,500 --> 00:41:28,240
Mae eich cyrchwr yn yr un wen i lawr yno.

942
00:41:28,240 --> 00:41:28,880
>> Iawn 'n glws.

943
00:41:28,880 --> 00:41:31,290

944
00:41:31,290 --> 00:41:32,790
Mae pob hawl, mae'n ymwneud i gael galetach.

945
00:41:32,790 --> 00:41:34,800
Felly dal eich bys dros nesaf nawr.

946
00:41:34,800 --> 00:41:37,370

947
00:41:37,370 --> 00:41:39,030
Da.

948
00:41:39,030 --> 00:41:39,999
Mae hyn yn un anodd.

949
00:41:39,999 --> 00:41:40,966
>> GYNULLEIDFA: Oh crap.

950
00:41:40,966 --> 00:41:41,466
OK.

951
00:41:41,466 --> 00:41:42,466
Mae eisiau i fynd y ffordd honno.

952
00:41:42,466 --> 00:41:44,890
Oh yn crap, that--

953
00:41:44,890 --> 00:41:47,120
>> DAVID J. Malan: Yeah.

954
00:41:47,120 --> 00:41:50,700
Nod eilaidd yw i gael yr holl sêr.

955
00:41:50,700 --> 00:41:53,920
Mae pob hawl, nesaf.

956
00:41:53,920 --> 00:41:57,504
>> Gadewch i ni weld os gallwch gael y trydydd un.

957
00:41:57,504 --> 00:41:58,004
Da.

958
00:41:58,004 --> 00:42:05,980

959
00:42:05,980 --> 00:42:06,840
OK, yn mynd dros yno.

960
00:42:06,840 --> 00:42:08,850
>> Cadarn.

961
00:42:08,850 --> 00:42:11,230
O, neis iawn.

962
00:42:11,230 --> 00:42:11,930
Mae pob hawl.

963
00:42:11,930 --> 00:42:13,534
>> Felly pam nad ydym yn ohirio'r yma heddiw?

964
00:42:13,534 --> 00:42:15,200
Gadael i unrhyw un yn dod ar hyd sydd eisiau chwarae.

965
00:42:15,200 --> 00:42:16,880
Diolch o galon i Laura ein gwirfoddolwr.

966
00:42:16,880 --> 00:42:18,730
A byddwn yn eich gweld ar ddydd Llun.

967
00:42:18,730 --> 00:42:21,190
>> GYNULLEIDFA: Mae'n debyg y byddwch am hyn yn ôl.

968
00:42:21,190 --> 00:42:23,640
>> SIARADWR 2: Yn y CS50-- nesaf

969
00:42:23,640 --> 00:42:35,222