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

2
00:00:11,470 --> 00:00:12,764
>> SIARADWR 1: Pob, ar y dde yn croesawu yn ôl.

3
00:00:12,764 --> 00:00:14,140
Mae hyn yn CS50.

4
00:00:14,140 --> 00:00:16,800
Ac mae hyn yn ddechrau wythnos naw.

5
00:00:16,800 --> 00:00:19,960
Ac mae hyn yn cychwyn y gweddill
eich amser yn CS50, yr ydym yn

6
00:00:19,960 --> 00:00:23,170
pontio yn awr, yn olaf, ar y we
agwedd ar y cwrs, os wnewch chi helpu

7
00:00:23,170 --> 00:00:26,200
canfod bod llawer o hanfodion y
rydym wedi bod yn allforio am wythnosau

8
00:00:26,200 --> 00:00:29,270
yn dal i ddod yn ôl i ymweld,
neu haunt, ni.

9
00:00:29,270 --> 00:00:33,440
Ond yn awr, byddwch yn canfod bod ei fod yn
drefn maint yn haws i

10
00:00:33,440 --> 00:00:36,540
gyflawni tasgau penodol ac
datrys problemau penodol -

11
00:00:36,540 --> 00:00:41,050
gymaint felly fel bod hyd yn oed os ydych yn meddwl
rhai setiau problem yn hwyl yn eu

12
00:00:41,050 --> 00:00:44,200
ffordd ei hun, yr wyf yn meddwl y byddwch yn dod o hyd i
bod p gosod 7, t gosod 8, ac yna,

13
00:00:44,200 --> 00:00:47,990
yn y pen draw, bydd y prosiect terfynol yn
yn fwy braf oherwydd eich bod chi helpu

14
00:00:47,990 --> 00:00:51,830
dod o hyd ein bod yn dechrau cymryd yn ganiataol
nawr pethau fel rheoli cof, a

15
00:00:51,830 --> 00:00:54,190
awgrymiadau, a beth sy'n mynd
ymlaen o dan y cwfl.

16
00:00:54,190 --> 00:00:57,310
Ac eto, thematig, i gyd drwy gydol y
semester wedi bod yn haenu hwn

17
00:00:57,310 --> 00:00:58,030
a haenu.

18
00:00:58,030 --> 00:01:00,530
Ac yn awr rydym yn fath o hyd
yma, yn sefyll ar y

19
00:01:00,530 --> 00:01:01,930
ysgwyddau'r wythnosau diwethaf.

20
00:01:01,930 --> 00:01:05,360
>> Yn awr, yn cofio y tro diwethaf yr ydym
siarad am sut mae'r rhyngrwyd yn gweithio.

21
00:01:05,360 --> 00:01:08,120
Ac mae hyn yn efallai
gorsymleiddio, ond cofiwch fod

22
00:01:08,120 --> 00:01:12,960
bob cyfrifiadur yn y byd yn cael IP
mynd i'r afael, er bod hynny'n dipyn o

23
00:01:12,960 --> 00:01:14,570
gorsymleiddio hyd.

24
00:01:14,570 --> 00:01:18,180
A chyfeiriadau y rhai yn cael eu defnyddio i unigryw
peiriannau nodi fel bod

25
00:01:18,180 --> 00:01:22,010
pan fyddwch yn anfon gwybodaeth, neu becynnau,
fel petai, gallant gael tarddiad

26
00:01:22,010 --> 00:01:24,000
cyfeiriad a chyfeiriad gyrchfan.

27
00:01:24,000 --> 00:01:27,830
A gall y rhai cyfeiriadau IP un yn cael ei ddefnyddio
ar gyfer da a hefyd er drwg,

28
00:01:27,830 --> 00:01:29,270
i olrhain chi, er enghraifft.

29
00:01:29,270 --> 00:01:32,200
Yn wir, mae pob un ohonoch â gliniadur
agor nawr, neu ffôn yn eich

30
00:01:32,200 --> 00:01:35,070
poced, mae gan gyfeiriad IP
ar rwydwaith Harvard.

31
00:01:35,070 --> 00:01:39,120
Ac nid yw bob un sy'n anodd ei
cyfateb i hynny pwy a ble rydych

32
00:01:39,120 --> 00:01:40,180
yn y dyddiau hyn.

33
00:01:40,180 --> 00:01:42,090
Ond mwy am hynny efallai
yn y dyfodol.

34
00:01:42,090 --> 00:01:46,510
>> Nawr rwy'n meddwl y byddwn i'n dod yn ôl rhai
atgofion o [? gwella?] ac yn rhoi i chi

35
00:01:46,510 --> 00:01:49,360
clip arall o sioe i chi
ei chael gyfarwydd.

36
00:01:49,360 --> 00:01:52,710
Os gallem dim y goleuadau
am ddim ond ychydig o eiliadau.

37
00:01:52,710 --> 00:01:53,960
Mae'r Numb3rs sioe.

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

39
00:01:57,510 --> 00:02:00,540
>> SIARADWR 2: Mae'n gyfeiriad IPP4 32-bit.

40
00:02:00,540 --> 00:02:01,610
>> SIARADWR 3: IPP, fel yn y rhyngrwyd?

41
00:02:01,610 --> 00:02:02,968
>> SIARADWR 2: Rhwydwaith Preifat.

42
00:02:02,968 --> 00:02:04,960
I rwydwaith preifat Amita'n yn.

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

44
00:02:16,930 --> 00:02:19,602
Mae hi mor anhygoel.

45
00:02:19,602 --> 00:02:21,030
>> SIARADWR 3: Dewch ymlaen, Charlie.

46
00:02:21,030 --> 00:02:21,490
>> SIARADWR 2: Mae'n.

47
00:02:21,490 --> 00:02:22,470
Mae cyfeiriad IP drych.

48
00:02:22,470 --> 00:02:27,680
Mae hi wedi gadael i ni wylio beth
mae hi wedi ei wneud mewn amser real.

49
00:02:27,680 --> 00:02:30,930
>> SIARADWR 1: OK, felly mae ychydig o bethau
o'i le ar y darlun hwn.

50
00:02:30,930 --> 00:02:32,920
Felly un, ac mae hyn yn un yn dderbyniol,
hyn mewn gwirionedd

51
00:02:32,920 --> 00:02:34,400
Nid yw cyfeiriad IP dilys.

52
00:02:34,400 --> 00:02:38,190
Mae cyfeiriad IP dilys fod yn rhifau
y ffurflen w.x.y.z, lle mae pob un o'r

53
00:02:38,190 --> 00:02:40,000
llythyrau hynny yw 0-255.

54
00:02:40,000 --> 00:02:42,330
Ond mae hynny'n iawn oherwydd yn union fel y
ffilmiau lle maent rhifau ffôn ffug,

55
00:02:42,330 --> 00:02:43,520
maent yn ffug cyfeiriadau IP.

56
00:02:43,520 --> 00:02:45,230
Nid ydych yn taro gweinyddwyr go iawn mewn gwirionedd.

57
00:02:45,230 --> 00:02:46,760
>> Ond cofiwch, mae hyn yn porwr.

58
00:02:46,760 --> 00:02:50,760
Ac nid porwyr yn dechrau outputting
god cyfrifiadurol fel hyn.

59
00:02:50,760 --> 00:02:54,230
Ac os ydym yn edrych ychydig yn ddyfnach, sylwch
fod yr iaith eu bod yn gweld

60
00:02:54,230 --> 00:02:57,040
ar y sgrin yn iaith o'r enw
Amcan C, sef y iaith mewn

61
00:02:57,040 --> 00:02:59,520
a apps iPhone yn cael eu hysgrifennu,
yn enwedig y rhai sy'n ymwneud â

62
00:02:59,520 --> 00:03:03,540
creonau, fel y gallwch weld o
y cod ffynhonnell yma.

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

64
00:03:06,600 --> 00:03:07,560
>> OK, yr wyf o'r farn bod hyn yn ddoniol.

65
00:03:07,560 --> 00:03:12,240
Felly snippet hyn o god wedi gwbl
unrhyw beth i'w wneud gyda beth bynnag y

66
00:03:12,240 --> 00:03:13,940
cyfnod penodol yn ymwneud.

67
00:03:13,940 --> 00:03:17,590
Felly, y jôc yn fath o ar y Folks
gymryd ar gyfer hyn ganiataol.

68
00:03:17,590 --> 00:03:20,220
Ond nid yw hyn yw'r cyfan sydd galed i gael
manylion technegol hyn yn iawn.

69
00:03:20,220 --> 00:03:21,980
A byddwn yn eich annog.

70
00:03:21,980 --> 00:03:25,530
Ac mewn gwirionedd, efallai y 50 yn dda iawn difetha
llawer o sioeau teledu a ffilmiau neu os ydych

71
00:03:25,530 --> 00:03:27,320
oherwydd fe welwch mai dim ond
Nid phosib i weld beth maen nhw'n

72
00:03:27,320 --> 00:03:28,630
ei wneud ar y sgrin.

73
00:03:28,630 --> 00:03:31,750
Ond yn wir, dyma'r cod eich bod yn
allai ei weld mewn cais iPhone

74
00:03:31,750 --> 00:03:33,640
neu gais Mac OS.

75
00:03:33,640 --> 00:03:35,685
Mae wedi dim byd o gwbl
yn ymwneud â diogelwch.

76
00:03:35,685 --> 00:03:38,610
Felly cadwch lygad allan am fwy o
o'r fath yn bethau llawn hwyl fel 'na.

77
00:03:38,610 --> 00:03:42,720
>> Ond heddiw rydym yn dechrau i ddeifio yn wir
iawn i ystod eang o ieithoedd.

78
00:03:42,720 --> 00:03:45,410
Mae yn wir, un o'r gyffredinol
siopau cludfwyd y rhan hon o'r

79
00:03:45,410 --> 00:03:51,815
cwrs yn peidio â dysgu sut i raglennu
yn PHP, nid i ddysgu SQL fel y cyfryw, nid

80
00:03:51,815 --> 00:03:58,100
i ddysgu JavaScript per se, ond yn hytrach
i addysgu eich hun sut i addysgu

81
00:03:58,100 --> 00:04:02,030
eich hun ieithoedd newydd oherwydd, yn wir,
rydym yn dechrau cymryd nawr

82
00:04:02,030 --> 00:04:06,020
olwynion hyfforddiant i ffwrdd fel bod ar ôl
ddiwedd y cwrs, nid ydych yn disgwyl i 20

83
00:04:06,020 --> 00:04:08,890
manyleb dudalen i ddweud wrthych sut y
i weithredu rhai rhaglen.

84
00:04:08,890 --> 00:04:12,970
Mae gennych ddigon o gynhwysion yn eich
meddwl, a digon o offer yn eich offeryn

85
00:04:12,970 --> 00:04:15,750
kit, y mae i ddechrau adeiladu
atebion i broblemau o ddiddordeb i

86
00:04:15,750 --> 00:04:19,130
i chi am grwp rhai myfyrwyr, ar gyfer rhai
prosiect ymchwil, neu, mewn gwirionedd unrhyw beth

87
00:04:19,130 --> 00:04:20,140
o ddiddordeb i chi.

88
00:04:20,140 --> 00:04:24,150
>> Felly tuag at perwyl hwnnw, yn dwyn i gof bod hyn yn
y llun fe wnaethom y tro diwethaf.

89
00:04:24,150 --> 00:04:27,620
Ac mae hyn yn dau gyfrifiadur, y cleient a'r
sever, siarad â'i gilydd.

90
00:04:27,620 --> 00:04:31,130
A'r protocol, yr iaith, felly i
siarad, bod y ddau cyfrifiaduron yn digwydd

91
00:04:31,130 --> 00:04:33,220
Gelwir HTTP cael ei siarad.

92
00:04:33,220 --> 00:04:37,730
A dim ond y protocol a ddefnyddir gan
cyfrifiaduron i drosglwyddo gwybodaeth dros

93
00:04:37,730 --> 00:04:38,710
y we fyd-eang.

94
00:04:38,710 --> 00:04:41,770
Y we, wrth gwrs, yw un gwasanaeth yn unig
sy'n rhedeg ar ben y

95
00:04:41,770 --> 00:04:43,000
hyn a elwir yn y rhyngrwyd.

96
00:04:43,000 --> 00:04:48,660
Beth sydd ar wasanaeth arall sydd ar gael ar
ben y rhyngrwyd y dyddiau hyn?

97
00:04:48,660 --> 00:04:51,600
Mae rhai protocol eraill, neu - beth sy'n bod?

98
00:04:51,600 --> 00:04:52,300
>> GYNULLEIDFA: FTP.

99
00:04:52,300 --> 00:04:52,790
>> SIARADWR 1: FTP.

100
00:04:52,790 --> 00:04:54,630
Felly Protocol Trosglwyddo Ffeiliau yn un arall.

101
00:04:54,630 --> 00:04:56,050
Mae'r rhan fwyaf ohonoch yn ôl pob tebyg wedi ei ddefnyddio.

102
00:04:56,050 --> 00:04:58,830
Ond mae'r rhan fwyaf ohonoch yn ôl pob tebyg wedi defnyddio
pethau fel Gchat, neu sydyn

103
00:04:58,830 --> 00:05:00,970
negeseuon yn fwy cyffredinol,
yn sicr e-bost.

104
00:05:00,970 --> 00:05:04,470
A'r rhai, hefyd, yn wasanaethau sy'n rhedeg ar
brig y rhyngrwyd oherwydd, yn y

105
00:05:04,470 --> 00:05:08,180
ddiwedd y dydd, y rhyngrwyd ei hun
mewn gwirionedd dim ond cael data o bwynt A i

106
00:05:08,180 --> 00:05:12,480
bwynt B. Ac mae'n defnyddio nifer o
gronynnau ei hun, un ohonynt, neu ddau

107
00:05:12,480 --> 00:05:17,340
ohonynt yn enw TCP / IP fwyaf yn gyffredinol,
sef dweud bod un cyfrifiadur ar

108
00:05:17,340 --> 00:05:19,960
gall y rhyngrwyd mewn gwirionedd yn ei wneud
gwahanol bethau, e-bost,

109
00:05:19,960 --> 00:05:20,980
ac ar y we, ac yn y blaen.

110
00:05:20,980 --> 00:05:22,220
Google yn gwneud llawer o hyn.

111
00:05:22,220 --> 00:05:26,310
Felly sut mae gwasanaethau hynny unigryw
nodi, wnaethon ni yn dweud, ar gyfrifiadur

112
00:05:26,310 --> 00:05:29,080
a allai fod mewn gwirionedd yn ei wneud
pethau lluosog?

113
00:05:29,080 --> 00:05:29,860
>> Y rhif porth.

114
00:05:29,860 --> 00:05:34,180
Ac mae'r rhain yn unig dynol mympwyol
confensiynau fel 80 ar y we, 443 yn

115
00:05:34,180 --> 00:05:36,580
we amgryptio, 25 yw e-bost.

116
00:05:36,580 --> 00:05:38,230
Ac mae 'na tusw o bobl eraill.

117
00:05:38,230 --> 00:05:41,860
A rhifau hynny yn cael eu cynnwys yn syml yn
pecynnau hynny o'r wybodaeth, y rhai

118
00:05:41,860 --> 00:05:46,230
amlen rhithwir, sydd mewn gwirionedd yn
yn cynnwys cais neu ymateb.

119
00:05:46,230 --> 00:05:51,300
>> Felly, pan fyddwch yn mynd yn ôl ymateb gan y
we, fel arfer, nid ydych yn gweld unrhyw

120
00:05:51,300 --> 00:05:54,780
niferoedd o gwbl o ran y
Cod statws yr ymateb.

121
00:05:54,780 --> 00:05:56,770
Nid ydych yn gallu gweld y
gwaith mewnol y

122
00:05:56,770 --> 00:05:58,090
pecynnau sy'n dod yn ôl.

123
00:05:58,090 --> 00:05:59,860
Ond 200 yn wir yn golygu OK.

124
00:05:59,860 --> 00:06:01,530
Ac mae hynny'n golygu popeth yn iawn.

125
00:06:01,530 --> 00:06:02,870
Efallai eich bod wedi gweld criw o'r rhain.

126
00:06:02,870 --> 00:06:05,710
Mae'n debyg mai dyma'r mwyaf cyffredin
eich bod wedi gweld ar y we?

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

128
00:06:05,980 --> 00:06:07,330
Mae'n jyst yn golygu ffeil heb ei darganfod.

129
00:06:07,330 --> 00:06:08,270
Mae'n golygu rhywun sgriwio i fyny.

130
00:06:08,270 --> 00:06:11,450
Gwnaethoch trwy camgymeriadau teipio yr URL, neu rywun
arall a wnaeth drwy roi chi

131
00:06:11,450 --> 00:06:15,100
URL annilys, neu eu bod yn dileu y
ffeil ac yr URL yn dal i fod

132
00:06:15,100 --> 00:06:16,130
cael ei ddefnyddio gan bobl.

133
00:06:16,130 --> 00:06:19,670
Felly, gall unrhyw nifer o resymau egluro
pam nad yw ffeil yn cael ei ganfod.

134
00:06:19,670 --> 00:06:22,990
A byddwch yn gweld, yn ystod yr wythnosau i ddod,
y codau wall arall, a wnewch chi helpu

135
00:06:22,990 --> 00:06:24,195
manteisio ar rai ohonynt.

136
00:06:24,195 --> 00:06:25,760
Y gwaethaf yw 500.

137
00:06:25,760 --> 00:06:29,820
Os ydych yn cael gwall 500 mewn cod ydych wedi
ysgrifenedig, meddwl am hynny fel math o

138
00:06:29,820 --> 00:06:33,290
analog o ddiffygion SEG yn y
byd rhaglennu ar y we.

139
00:06:33,290 --> 00:06:34,560
Dyw hi ddim cweit mor enbyd.

140
00:06:34,560 --> 00:06:36,660
Ond 'i jyst yn golygu, yn rhywle,
chi sgriwio i fyny.

141
00:06:36,660 --> 00:06:38,260
Felly, yn edrych ymlaen at hynny.

142
00:06:38,260 --> 00:06:39,910
>> Ond gadewch i ni weld os gallwn
gweld y rhain yn y cyd-destun.

143
00:06:39,910 --> 00:06:43,460
Gadewch i mi fynd i borwr yma
a gwneud y canlynol.

144
00:06:43,460 --> 00:06:45,710
Felly, mae hyn yn Chrome, sy'n digwydd i
cael eu gosod yn yr offer.

145
00:06:45,710 --> 00:06:49,410
Ond mae'r rhan fwyaf pob porwr y dyddiau hyn wedi
rhai swyddogaethau cyfatebol.

146
00:06:49,410 --> 00:06:52,610
Rydw i'n mynd i fynd i fyny fwydlen Chrome, yn
ac yn mynd i Tools, ac yr wyf i'n mynd i fynd

147
00:06:52,610 --> 00:06:53,990
i Offer Datblygwr.

148
00:06:53,990 --> 00:06:57,040
A byddwch yn gweld bod y panel bach
yn agor yn y waelod y ffenestr.

149
00:06:57,040 --> 00:07:00,190
Shortcut arall, a bod yn onest, fy mod yn
defnyddio fel arfer fy hun i De-gliciwch

150
00:07:00,190 --> 00:07:04,370
neu cliciwch unrhyw le Rheolaeth ar y we
dudalen a dim ond yn mynd i Archwilio Elfen.

151
00:07:04,370 --> 00:07:07,440
Ac ni fydd ond yn agor
hyn yn ei gael ar eich cyfer chi.

152
00:07:07,440 --> 00:07:10,230
Bydd hefyd yn agor, yn benodol,
Elfennau gyfran ar

153
00:07:10,230 --> 00:07:11,430
yr ochr chwith.

154
00:07:11,430 --> 00:07:12,460
>> Felly, rydym yn wrth gwrs yn gweld Google.

155
00:07:12,460 --> 00:07:13,930
Maent yn newid eu logo heddiw.

156
00:07:13,930 --> 00:07:20,200
Ond ar os byddaf yn sgroliwch i lawr i fyny yma, sylwch
o dan elfennau, byddwch yn gweld

157
00:07:20,200 --> 00:07:23,460
hyn a elwir HTML, HyperText Markup
Iaith, ac mae hyn yn yr iaith

158
00:07:23,460 --> 00:07:26,000
bod yr holl dudalennau gwe hwn ac,
mewn gwirionedd, yn cael eu hysgrifennu mewn

159
00:07:26,000 --> 00:07:28,950
Ond mae'n fformatio mewn gwirionedd ar gyfer
ni gymaint yn fwy readably

160
00:07:28,950 --> 00:07:29,970
nag y mae fel arfer yn.

161
00:07:29,970 --> 00:07:34,810
Yn wir, os wyf yn chwyddo allan, ac yr wyf yn hytrach
jyst dde chlecia neu Rheoli Cliciwch

162
00:07:34,810 --> 00:07:39,630
cliciwch ar y dudalen, ac yna ewch i View
Page Ffynhonnell, mae hyn yn llythrennol beth

163
00:07:39,630 --> 00:07:42,150
Google anfon i lawr at fy porwr.

164
00:07:42,150 --> 00:07:46,480
>> Felly, mae rhai person neu bersonau ysgrifennodd
Google.com ddefnyddio'r cod ffynhonnell.

165
00:07:46,480 --> 00:07:47,790
Nid yw'r rhan fwyaf o hyn yn HTML.

166
00:07:47,790 --> 00:07:49,340
Mae'n mewn gwirionedd yn iaith o'r enw
JavaScript, sy'n

167
00:07:49,340 --> 00:07:50,880
byddwn yn dod i ddydd Mercher.

168
00:07:50,880 --> 00:07:55,580
Ond beth Chrome, a hyn y mae pob porwr
yn gallu ei wneud i ni, yn fath o weld

169
00:07:55,580 --> 00:07:59,610
heibio holl wrthdyniadau y
cystrawen crazy, ac ailgynnwys gofod gwyn

170
00:07:59,610 --> 00:08:02,940
i ni, a hyd yn oed yn tynnu sylw at chystrawen,
neu colorize pethau i ni.

171
00:08:02,940 --> 00:08:06,470
Felly, byddwch yn dod o hyd bod y rhain yn hyn a elwir yn
offer datblygwr adeiladu i mewn porwyr

172
00:08:06,470 --> 00:08:10,830
bydd yn gwneud eich bywyd hyd, gymaint yn haws
oherwydd gallwch archwilio, drwy gyfrwng y ddewislen

173
00:08:10,830 --> 00:08:13,940
rhyngwyneb, yn union yr hyn y mae'r sylfaenol
cod ffynhonnell ar gyfer

174
00:08:13,940 --> 00:08:15,750
unrhyw dudalen ar y rhyngrwyd.

175
00:08:15,750 --> 00:08:19,070
Ac yn wir, mae hyn yn un o'r rhai mwyaf
ffyrdd effeithiol o ddysgu sut i wneud

176
00:08:19,070 --> 00:08:22,860
rhywbeth newydd, o leiaf os bydd y dudalen
nid yw mor gymhleth ag i gorlethu, yn cael ei

177
00:08:22,860 --> 00:08:26,700
i ddechrau procio o gwmpas ei fod yn HTML, yn edrych
ar ei hyn a elwir yn CSS, y byddwn yn dod

178
00:08:26,700 --> 00:08:30,310
i ychydig hefyd, i gael
dealltwriaeth o sut y rhaglennydd

179
00:08:30,310 --> 00:08:33,480
gweithredu rhai penodol
nodwedd y dudalen.

180
00:08:33,480 --> 00:08:36,530
>> Ond yn fwy technegol hawl diddorol
nawr mae'n mynd i fod yn hyn.

181
00:08:36,530 --> 00:08:39,429
Os byddaf yn mynd i'r tab Rhwydwaith,
gadewch i ni yn awr yn glir hyn.

182
00:08:39,429 --> 00:08:43,429
Rydw i'n mynd i glicio yr ychydig
croesi symbol yma, ac yna

183
00:08:43,429 --> 00:08:45,630
ewch i wefan arall.

184
00:08:45,630 --> 00:08:48,430
Ac yr wyf i'n jyst yn mynd i deipio
yn Facebook.com.

185
00:08:48,430 --> 00:08:51,940
Dim HTTP, HTTPS dim, dim WWW.

186
00:08:51,940 --> 00:08:53,850
Gadewch i ni mewn gwirionedd yn gweld beth sy'n digwydd yma.

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

188
00:08:55,030 --> 00:08:58,480
Nawr yn sylwi ar criw cyfan o bethau yn unig
yn ymddangos yn y panel gwaelod hwn, yn

189
00:08:58,480 --> 00:09:00,285
ychwanegol at y dudalen we
ymddangos yn y top.

190
00:09:00,285 --> 00:09:04,890
Rydw i'n mynd i sgrolio yn ôl i fyny i'r
Tab rhwydwaith yma, ac yr wyf i'n mynd i

191
00:09:04,890 --> 00:09:06,080
cliciwch ar y rhes gyntaf.

192
00:09:06,080 --> 00:09:10,580
Pa offeryn hwn yn mynd i ddatgelu i ni
mae pob un o'r ceisiadau HTTP

193
00:09:10,580 --> 00:09:13,550
bod yn gyflym yn unig yn mynd yn ôl ac
ymlaen rhwng fy porwr

194
00:09:13,550 --> 00:09:14,930
a gweinydd Facebook.

195
00:09:14,930 --> 00:09:17,830
Ac felly mae pob un o'r rhesi hynny
cynrychioli un cais o'r fath neu

196
00:09:17,830 --> 00:09:20,970
ymateb, un neu fwy o'r
hynny amlen rhithwir.

197
00:09:20,970 --> 00:09:24,080
Neu yn fwy hamddenol, mae fel person
fel person, cwsmer mewn

198
00:09:24,080 --> 00:09:26,710
bwyty, yn gofyn am rywbeth
unwaith eto, ac unwaith eto, ac unwaith eto.

199
00:09:26,710 --> 00:09:29,400
Ac mae'r gweinydd yn cadw dod
yn ôl un ar y tro.

200
00:09:29,400 --> 00:09:33,850
>> Felly nawr, os wyf yn chwyddo i mewn ar hyn, sylwch
a bydd hyn yn y math o beth

201
00:09:33,850 --> 00:09:36,600
eich bod yn croeso i ac yn annog
i chwarae gyda nhw ar eich pen eich hun, oherwydd ein bod yn

202
00:09:36,600 --> 00:09:38,150
ni fydd yn mynd drwy bopeth
yn fanwl iawn.

203
00:09:38,150 --> 00:09:40,070
Ond sylwi mae 'na
ychydig is tabs yma -

204
00:09:40,070 --> 00:09:43,700
Penawdau, Rhagolwg, Ymateb,
Cwcis, ac amseru.

205
00:09:43,700 --> 00:09:48,280
Im 'jyst yn mynd i edrych ar penawdau
ar hyn o bryd gan fod y rhain yn fawr

206
00:09:48,280 --> 00:09:53,600
gynhwysion tu mewn i'r amlen a
helpu ddata fynd yn ôl ac ymlaen lleoedd.

207
00:09:53,600 --> 00:09:57,590
>> Felly, yn gyntaf, gadewch i mi cliciwch hyn, View
Ffynhonnell nesaf i Headers Cais.

208
00:09:57,590 --> 00:10:01,910
Mae cais y mae fy porwr,
Chrome, yn yr achos hwn, a anfonwyd tu mewn

209
00:10:01,910 --> 00:10:02,910
yr amlen honno rhithwir.

210
00:10:02,910 --> 00:10:04,800
Byddwch yn cofio wythnos diwethaf
teipio tra llaw

211
00:10:04,800 --> 00:10:06,380
esgus i fod yn porwr.

212
00:10:06,380 --> 00:10:09,980
Yna atgoffodd y gweinydd ei fod yn
chwilio am y llu a elwir yn

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

214
00:10:10,835 --> 00:10:13,630
Ac yna mae ychydig yn fwy dirgel
wybodaeth y byddwn yn chwifio

215
00:10:13,630 --> 00:10:14,830
ein dwylo am y tro.

216
00:10:14,830 --> 00:10:18,640
>> Ond os byddaf yn dechrau i sgrolio i lawr nawr yn
ffenestr hon, gadewch i mi gyrraedd y

217
00:10:18,640 --> 00:10:19,980
penawdau ymateb.

218
00:10:19,980 --> 00:10:23,270
Roedd hyn yn beth sydd yn y rhithwir
amlen a ddaeth yn ôl o

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

220
00:10:24,095 --> 00:10:27,390
Ac os byddaf yn cliciwch ar Gweld Ffynhonnell unig
i weld y testun amrwd ohono,

221
00:10:27,390 --> 00:10:28,400
sylwi ar ychydig o bethau.

222
00:10:28,400 --> 00:10:32,130
Un, Facebook hefyd yn siarad yr un
protocol, fersiwn 1.1 ohono.

223
00:10:32,130 --> 00:10:33,390
Felly dyna 'n glws.

224
00:10:33,390 --> 00:10:36,820
Ond cod statws 301,
symud yn barhaol.

225
00:10:36,820 --> 00:10:38,880
>> Wel, ble y Heck wnaeth Facebook yn mynd?

226
00:10:38,880 --> 00:10:40,430
Beth sy'n hyn yn ceisio ei gyfleu i ni?

227
00:10:40,430 --> 00:10:44,310
Wel, rhybudd i lawr yma mae un arall
header elwir Lleoliad.

228
00:10:44,310 --> 00:10:51,050
Felly pam mae Facebook yn dweud wrthyf eu bod yn
symud yn barhaol i'r URL

229
00:10:51,050 --> 00:10:53,580
nesaf i Safle?

230
00:10:53,580 --> 00:10:54,962
Wedi anghofio y www.

231
00:10:54,962 --> 00:10:56,250
>> Felly dyna oedd fy newis.

232
00:10:56,250 --> 00:11:00,450
Mewn gwirionedd, mae'r rhan fwyaf ohonom yn anaml, yn ôl pob tebyg,
math www.whatever.com y dyddiau hyn.

233
00:11:00,450 --> 00:11:03,390
Ond mae'n troi allan gweinyddwr system,
fel Facebook, gall

234
00:11:03,390 --> 00:11:06,800
ffurfweddu eu gweinyddion yn y fath fodd
sydd naill ai'n Facebook.com gweithio, neu

235
00:11:06,800 --> 00:11:12,450
www.Facebook.com gweithio, neu, mewn gwirionedd,
unrhyw ragddodiad o'r fath o flaen eu

236
00:11:12,450 --> 00:11:13,210
enw parth.

237
00:11:13,210 --> 00:11:14,500
Felly, maent wedi gwneud hynny i ni.

238
00:11:14,500 --> 00:11:16,910
Ac maent yn ailgyfeirio ni, yn ôl pob tebyg
ar gyfer rhai technegol,

239
00:11:16,910 --> 00:11:18,100
rhai rhesymau marchnata.

240
00:11:18,100 --> 00:11:21,570
Maent yn unig am canonicalize
ar www.Facebook.com.

241
00:11:21,570 --> 00:11:24,040
>> Ond nid dyna'r eithaf arno.

242
00:11:24,040 --> 00:11:28,560
Os byddaf yn sgroliwch i lawr yma, gadewch i ni
weld beth sy'n digwydd.

243
00:11:28,560 --> 00:11:30,810
Mae hyn yn dweud mi ein
symud yn barhaol i

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

245
00:11:33,450 --> 00:11:36,620
Felly, gadewch i ni edrych ar yr ail gais
bod fy porwr yn anfon.

246
00:11:36,620 --> 00:11:40,070
Yn anffodus, mae'n edrych fel Facebook
wedi symud eto oherwydd yr ail

247
00:11:40,070 --> 00:11:44,420
cais, drwy ddewis bod URL yn lle hynny,
yn dweud bod, hefyd, symudodd

248
00:11:44,420 --> 00:11:45,010
barhaol.

249
00:11:45,010 --> 00:11:48,140
A gadewch i mi sgrolio i lawr yma
i'r penawdau ymateb.

250
00:11:48,140 --> 00:11:51,530
Lle wedi Facebook mynd nawr?

251
00:11:51,530 --> 00:11:52,680
>> Felly HTTPS.

252
00:11:52,680 --> 00:11:56,130
Felly nawr Facebook wedi dechrau,
yn enwedig o ystyried ar hyn o bryd

253
00:11:56,130 --> 00:11:59,750
digwyddiadau yn ystod y misoedd diwethaf, yn enwedig a
hefyd yn ystod yr ychydig flynyddoedd diwethaf

254
00:11:59,750 --> 00:12:03,670
i orfodi eu holl ddefnyddwyr, mewn cyflwr da
ffordd, i ddefnyddio HTTPS, sy'n fwy

255
00:12:03,670 --> 00:12:06,210
sicrhau, er nad yw'n gwbl ddiogel.

256
00:12:06,210 --> 00:12:10,000
Ac felly yn awr fy nhudalen, fy porwr yn
yn mynd i ofyn am y trydydd URL.

257
00:12:10,000 --> 00:12:14,710
Ac yn awr, yn olaf, rydym yn cael y
fel arall nas gwelwyd 200 OK.

258
00:12:14,710 --> 00:12:18,830
>> Felly, beth yn y byd neu bob un o'r
hyn rhesi eraill i lawr yma.

259
00:12:18,830 --> 00:12:22,630
Wyf yn llythrennol deipio un peth, ac mae fy
Ymddengys porwr i wedi gofyn fel

260
00:12:22,630 --> 00:12:23,840
20 rhai pethau rhyfedd.

261
00:12:23,840 --> 00:12:24,640
Beth yw hynny?

262
00:12:24,640 --> 00:12:25,810
>> GYNULLEIDFA: Sgriptiau?

263
00:12:25,810 --> 00:12:28,460
>> SIARADWR 1: Sgriptiau, ffeiliau mor eraill
hysgrifennu mewn iaith o'r enw

264
00:12:28,460 --> 00:12:30,780
JavaScript, sydd, unwaith eto, byddwn ni
weld ychydig o ddydd Mercher.

265
00:12:30,780 --> 00:12:32,760
Beth arall?

266
00:12:32,760 --> 00:12:33,390
Taflenni arddull.

267
00:12:33,390 --> 00:12:36,350
Felly, rhywbeth mewn iaith o'r enw
CSS, a byddwn yn gweld mewn tipyn.

268
00:12:36,350 --> 00:12:40,690
Gifs, a jpegs, a PNGs, a delweddau,
a ffeiliau ffilm - beth bynnag y tudalen ar y we

269
00:12:40,690 --> 00:12:43,280
wedi yn fwyaf tebygol yn
ar ffurf ffeil.

270
00:12:43,280 --> 00:12:46,750
Ac felly yr hyn yr ydym yn ei weld ar y chwith
ochr mae pob un o'r ffeiliau

271
00:12:46,750 --> 00:12:50,280
bod yn rhaid Chrome i'w llwytho i lawr,
recursively, os ydych, er mwyn

272
00:12:50,280 --> 00:12:52,430
cyfansoddi y cyfan y dudalen.

273
00:12:52,430 --> 00:12:56,210
>> Felly, yr hyn a welsom funud yn ôl gyda Google,
os byddaf yn cliciwch ar y Elfennau

274
00:12:56,210 --> 00:13:00,470
tab, mae hyn, yn sicr, yw'r HTML, y
iaith sy'n cyfansoddi y dudalen hon.

275
00:13:00,470 --> 00:13:01,890
Ond mae sypiau o bethau eraill.

276
00:13:01,890 --> 00:13:02,640
Mae 'na logo.

277
00:13:02,640 --> 00:13:04,680
Mae rhai glas-ish
eiconau dros yno.

278
00:13:04,680 --> 00:13:07,610
Ac mae elfennau eraill yn dal ar
y dudalen y gallai eu hunain fod yn

279
00:13:07,610 --> 00:13:08,610
ffeiliau ar wahân.

280
00:13:08,610 --> 00:13:11,860
>> Felly beth sy'n neis am porwr yw bod
mae'n edrych ar yr iaith rydym yn mynd

281
00:13:11,860 --> 00:13:14,690
i ddechrau ysgrifennu, neu os ydych wedi eisoes
ysgrifennu cychwyn yn P set 7, ffigurau

282
00:13:14,690 --> 00:13:17,970
ble ffeiliau hynny yn byw, ac
yn mynd ac yn eu hennill hefyd.

283
00:13:17,970 --> 00:13:21,010
Ac ni allaf bwysleisio digon, hyd yn oed
er y gallai rhywfaint o hyn yn edrych ychydig yn

284
00:13:21,010 --> 00:13:24,820
ddirgel neu lethol ar yr olwg gyntaf,
dysgu sut i raglennu

285
00:13:24,820 --> 00:13:28,500
ceisiadau ar gyfer y we, mae'n
amhrisiadwy i ddeall sut mae'r rhain yn

286
00:13:28,500 --> 00:13:29,410
offer bach yn gweithio.

287
00:13:29,410 --> 00:13:33,830
Mae'r rhain yn fath o fel GDB fel offer,
ond yn llawer symlach, yn y pen draw, i'w defnyddio -

288
00:13:33,830 --> 00:13:37,690
ac yn wir yn rhoi eich llygaid i'r hyn
rydym wedi bod yn cymryd yn ganiataol ar gyfer

289
00:13:37,690 --> 00:13:39,170
cryn amser bellach.

290
00:13:39,170 --> 00:13:42,270
>> Felly, beth allwn ni ei wneud yn awr gyda
wybodaeth hon?

291
00:13:42,270 --> 00:13:44,875
Wel, gadewch i ni mewn gwirionedd yn edrych ar
y cysyniadau sylfaenol HTML.

292
00:13:44,875 --> 00:13:49,025
A byddwn yn gohirio, fel yr ydym eisoes wedi, i
adrannau yr wythnos hon, at y broblem

293
00:13:49,025 --> 00:13:53,260
osod manyleb 7, i rai o'r mwyaf
manylion yr ieithoedd hyn.

294
00:13:53,260 --> 00:13:57,020
Ond gadewch i ni weld os na allwn beintio
darlun o'r hyn y dylai eich bod yn deall

295
00:13:57,020 --> 00:13:57,940
gyffredinol yma.

296
00:13:57,940 --> 00:14:02,280
>> Felly HTML, HyperText Markup Iaith,
Nid yn iaith raglennu.

297
00:14:02,280 --> 00:14:03,520
Beth mae hynny'n ei olygu mewn gwirionedd?

298
00:14:03,520 --> 00:14:05,690
Felly HTML yn edrych fel hyn.

299
00:14:05,690 --> 00:14:06,810
Ac mae rhai ohonoch eisoes yn gwybod hyn.

300
00:14:06,810 --> 00:14:08,130
Mae rhai ohonoch wedi bod yn ei wneud
hyn ers tro.

301
00:14:08,130 --> 00:14:10,270
Ond gadewch i ni weld os na allwn lenwi
mewn rhai bylchau hefyd.

302
00:14:10,270 --> 00:14:11,760
Felly, yn sylwi ar ychydig o bethau yma.

303
00:14:11,760 --> 00:14:13,030
Un, dim ond testun.

304
00:14:13,030 --> 00:14:15,960
Felly, mae'n union fel cod ffynhonnell yn
C, neu ryw iaith arall.

305
00:14:15,960 --> 00:14:17,750
>> Sylwch ei bod yn ymddangos
i fod yn batrwm yma.

306
00:14:17,750 --> 00:14:20,870
Mae bant, ond yn dechnegol
y mewnoliad yn unig dynol

307
00:14:20,870 --> 00:14:21,205
confensiwn.

308
00:14:21,205 --> 00:14:24,980
Nid yw porwyr yn poeni os oes newydd
llinellau a tabs fel y gwelwn yno.

309
00:14:24,980 --> 00:14:27,410
Ond sylwi fod yna
cymesureddau yma.

310
00:14:27,410 --> 00:14:31,180
Mae hyn y byddaf yn galw, ar ben
y ffeil, y tag agored, neu dechrau

311
00:14:31,180 --> 00:14:33,030
tag, a elwir yn HTML.

312
00:14:33,030 --> 00:14:36,800
Ac yna, i lawr isod, leinio berffaith
i fyny, yn debyg iawn rydym yn ei wneud gyda braces cyrliog,

313
00:14:36,800 --> 00:14:40,910
rydym yn gweld braced agored, ymlaen
slaes, HTML, braced agos.

314
00:14:40,910 --> 00:14:44,610
Felly dyna'r agos cyfatebol
tag, neu ar ddiwedd tag, am y peth.

315
00:14:44,610 --> 00:14:47,990
>> Gyda'i gilydd, mae popeth y tu mewn i'r
hyn a elwir yn tag agored a thag agos

316
00:14:47,990 --> 00:14:50,440
cyfansoddi yr hyn y byddwn yn galw elfen.

317
00:14:50,440 --> 00:14:53,910
A byddwn yn gweld, mewn dim ond hyn o bryd, mae'n
wir yn hoffi cael nod mewn coed.

318
00:14:53,910 --> 00:14:57,470
Oherwydd os ydych yn meddwl am awr y
mewnoliad sy'n cael ei awgrymu yma, rydych yn

319
00:14:57,470 --> 00:15:00,780
math o gael, fel, taid neu nain
nod o'r enw HTML.

320
00:15:00,780 --> 00:15:06,870
Faint o blant gallech ddweud, yn seiliedig
ar y darlun hwn, mae'r elfen HTML wedi?

321
00:15:06,870 --> 00:15:07,720
>> Felly, yn ôl pob tebyg dau.

322
00:15:07,720 --> 00:15:10,240
Un yw'r elfen pennaeth, mae'n debyg.

323
00:15:10,240 --> 00:15:11,710
Ac un yw'r elfen corff.

324
00:15:11,710 --> 00:15:12,555
A pham dau o blant?

325
00:15:12,555 --> 00:15:15,840
Wel, Im 'jyst fath o casglu bod, os
Mae gennyf tag pen agored ac yna

326
00:15:15,840 --> 00:15:17,820
tag pen agos, mae hynny'n elfen.

327
00:15:17,820 --> 00:15:21,200
Ac yna, os oes corff agored arall
tag a tag corff agos, dyna fel

328
00:15:21,200 --> 00:15:22,340
elfen arall.

329
00:15:22,340 --> 00:15:26,000
Felly, yn yr ystyr, os wyf yn fath o cylchdroi
y llun ar ei ochr, mae'n

330
00:15:26,000 --> 00:15:29,910
fel cael tag HTML, ac yna
tag pen, ac yna tag corff, a

331
00:15:29,910 --> 00:15:34,290
yna rhywfaint o destun, byd helo, hongian
oddi ar y tag corff ei hun.

332
00:15:34,290 --> 00:15:36,620
>> Felly, gallwn dynnu llun y
gallai edrych fel hyn.

333
00:15:36,620 --> 00:15:38,020
Y siapiau yn fympwyol.

334
00:15:38,020 --> 00:15:40,870
Ond sylwi fy mod wedi defnyddio math o
elips ar y brig i gynrychioli'r

335
00:15:40,870 --> 00:15:41,860
ddogfen ei hun.

336
00:15:41,860 --> 00:15:45,980
Mae'n troi allan y gall fod pethau eraill
tu mewn i dudalen ar y we nad wyf i wedi

337
00:15:45,980 --> 00:15:46,940
tynnu yma.

338
00:15:46,940 --> 00:15:50,800
Felly, rydyn ni'n mynd i hyd yn oed yn hongian y HTML
nod i ffwrdd o hyn a elwir yn nod ddogfen.

339
00:15:50,800 --> 00:15:53,730
Ac yna mae gennym pen a'r
corff a theitl, hysbysiad,

340
00:15:53,730 --> 00:15:55,360
sy'n cael ei nythu ymhellach.

341
00:15:55,360 --> 00:15:58,650
Doeddwn i ddim yn trafferthu rhoi llinell ychwanegol
seibiannau tu mewn y tag teitl.

342
00:15:58,650 --> 00:16:02,710
'I jyst yn teimlo fel ei fod yn cael
ychydig yn rhy amleiriog.

343
00:16:02,710 --> 00:16:07,000
Felly yr wyf yn ei adael yn un llinell yno, gyda
teitl agored, helo byd, teitl agos.

344
00:16:07,000 --> 00:16:09,380
Ac yna rydym yn cael rhywfaint o destun
hongian oddi ar yma.

345
00:16:09,380 --> 00:16:12,200
>> Felly, bydd y darlun yn dod yn ôl i
ni pan fyddwn yn plymio i mewn i JavaScript.

346
00:16:12,200 --> 00:16:15,110
A dealltwriaeth sy'n pan fyddwch yn
ysgrifennu HTML fel hyn, pa

347
00:16:15,110 --> 00:16:16,250
yw porwr yn ei wneud?

348
00:16:16,250 --> 00:16:19,290
Wel, nid oes rhaid i chi boeni am
sut mae'n gwneud hyn, neu â'r hyn

349
00:16:19,290 --> 00:16:23,090
algorithm, ond ar ddiwedd y dydd,
pan porwr yn derbyn HTML fel

350
00:16:23,090 --> 00:16:27,510
hynny, o Facebook neu Google, mae'n parses
, felly i siarad, yn darllen ei,

351
00:16:27,510 --> 00:16:31,160
gyda rhywbeth fel fread, top i
gwaelod, o'r chwith i'r dde, a gan ei fod yn

352
00:16:31,160 --> 00:16:36,300
sylweddoli, oh, tag agored, ac yna yn agos
tag, bydd yn dechrau malloc, fel petai,

353
00:16:36,300 --> 00:16:37,800
yn nod mewn coeden.

354
00:16:37,800 --> 00:16:41,130
A phan mae'n dod ar eu traws, fel yr ydym wedi awgrymu
yma gyda'r bant, a

355
00:16:41,130 --> 00:16:45,400
nod plant, mae'n mallocs yn nod ar gyfer y
a ynghlwm hynny i'r goeden.

356
00:16:45,400 --> 00:16:49,150
>> Felly, y strwythurau coed, coed deuaidd,
coed teiran, a choed ehangach, sef bod

357
00:16:49,150 --> 00:16:53,380
rydym yn bwrw golwg ar yr wythnos neu ddwy yn ôl, rhybudd
bod yr un egwyddor yn

358
00:16:53,380 --> 00:16:54,220
dod yn ôl i ni.

359
00:16:54,220 --> 00:16:57,590
A phwy bynnag sy'n rhoi ar waith, beth bynnag Chrome
wnaeth tîm hwnnw, yn ôl pob tebyg wedi

360
00:16:57,590 --> 00:17:00,800
gweithredu rhyw fath o strwythur coed
o dan y cwfl.

361
00:17:00,800 --> 00:17:05,329
A dyna ei hun yn ôl pob tebyg mewn
iaith fel C neu C + +, neu is

362
00:17:05,329 --> 00:17:08,540
iaith lefel sy'n gallwn eich
bellach yn defnyddio ar ben y we.

363
00:17:08,540 --> 00:17:11,200
>> Felly nawr, efallai, bydd hyn yn
gwneud mwy o synnwyr.

364
00:17:11,200 --> 00:17:15,420
Tattoo gwirioneddol gan rai guy a allai
yn difaru yn y pen draw, math o.

365
00:17:15,420 --> 00:17:17,359
OK, popeth yn iawn, felly mae llawer o hiwmor we.

366
00:17:17,359 --> 00:17:18,599
Dyw hi ddim yn wir yn mynd
dros mor dda heddiw.

367
00:17:18,599 --> 00:17:19,560
Felly, byddwn yn symud ymlaen.

368
00:17:19,560 --> 00:17:20,180
Mae pob hawl.

369
00:17:20,180 --> 00:17:22,760
>> Felly, gadewch i ni edrych yn awr
mewn rhai enghreifftiau.

370
00:17:22,760 --> 00:17:24,660
Y symlaf posibl
gallai fod peth hyn.

371
00:17:24,660 --> 00:17:29,170
Rydw i'n mynd i fynd yn ei flaen ac yn agor i fyny yn
gedit ffeil o'r enw hello.php.

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

373
00:17:31,730 --> 00:17:36,330
A'r tu mewn yma, dwi'n mynd yn gyflym
dim ond gwneud hyn, printf, dyfynnu

374
00:17:36,330 --> 00:17:38,590
unquote, "helo byd."

375
00:17:38,590 --> 00:17:42,460
>> Felly rhybudd, a byddaf yn gwneud fy slaes n,
Dydw i ddim wedi trafferthu i ddatgan phrif.

376
00:17:42,460 --> 00:17:45,310
Mae'n troi allan, yn php, ac mae llawer o
ieithoedd, nid oes angen i chi prif

377
00:17:45,310 --> 00:17:46,090
swyddogaeth y cyfryw.

378
00:17:46,090 --> 00:17:47,720
Alli jyst dechrau ysgrifennu
eich rhaglen.

379
00:17:47,720 --> 00:17:51,210
Nawr, pan fyddaf yn arbed y ffeil, sylwi fy mod
mynd i gael i wneud y canlynol.

380
00:17:51,210 --> 00:17:55,360
Dydw i ddim yn mynd i ddefnyddio eu gwneud, ac nid wyf yn
mynd i ddefnyddio PHP clang oherwydd, yn wahanol i

381
00:17:55,360 --> 00:17:57,400
Nid yw C, yn iaith llunio.

382
00:17:57,400 --> 00:18:01,400
Mae'n hyn a elwir yn dehongli
iaith, sy'n golygu eich bod yn rhedeg ei

383
00:18:01,400 --> 00:18:04,650
fel mewnbwn drwy raglen arall
Gelwir cyfieithydd.

384
00:18:04,650 --> 00:18:08,150
A bod rhaglen ei ddarllen, top i
gwaelod, o'r chwith i'r dde, ac yn gwneud

385
00:18:08,150 --> 00:18:09,290
beth bynnag yr ydych yn dweud iddo wneud.

386
00:18:09,290 --> 00:18:12,920
>> Felly, yn yr achos hwn yma rwyf wedi
un llinell sy'n dweud printf.

387
00:18:12,920 --> 00:18:17,990
Felly, pan fyddaf yn rhedeg y cod ffynhonnell,
hello.php, er bod rhaglen sy'n

388
00:18:17,990 --> 00:18:22,830
digwydd, yn gyfleus, i gael ei alw PHP,
y rhaglen PHP yn mynd i ddarllen

389
00:18:22,830 --> 00:18:26,120
y ffeil, top i'r gwaelod, o'r chwith i'r dde,
ac mae'n mynd i wneud yr hyn yr wyf

390
00:18:26,120 --> 00:18:30,110
dweud wrtho ei wneud - gweithredu, y cod ac, os
Nid yw'n cydnabod rhywbeth, dim ond

391
00:18:30,110 --> 00:18:31,320
poeri allan.

392
00:18:31,320 --> 00:18:34,940
Felly, yr wyf i'n mynd i fynd yn ei flaen a
rhedeg PHP o hello.php.

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

394
00:18:37,110 --> 00:18:39,690
>> Ac nid dyna'r union beth yr oeddwn yn bwriadu.

395
00:18:39,690 --> 00:18:40,530
Wel, pam hynny?

396
00:18:40,530 --> 00:18:43,910
Wel, PHP yn iaith sydd mewn gwirionedd
a gynlluniwyd i fod yn weddol

397
00:18:43,910 --> 00:18:46,150
cydblethu â'r we.

398
00:18:46,150 --> 00:18:50,460
Wrth wneud tudalennau gwe gyda'r iaith hon
PHP, fel y byddwn yn gweld cyn bo hir, byddwn ni

399
00:18:50,460 --> 00:18:54,560
awyddus i wneud rhywbeth fel print
allan linellau fel hyn.

400
00:18:54,560 --> 00:18:55,940
>> Felly, yr wyf i'n mynd i wneud hyn.

401
00:18:55,940 --> 00:19:00,810
Braced Agored, marc cwestiwn, PHP, a
yn awr yr wyf i'n jyst yn mynd indent dim ond i gadw

402
00:19:00,810 --> 00:19:01,960
pethau neis.

403
00:19:01,960 --> 00:19:04,910
Ac yn awr yr wyf i'n mynd i wneud cwestiwn
nodi braced agos.

404
00:19:04,910 --> 00:19:06,270
Felly mae 'na ychydig o anghymesuredd yma.

405
00:19:06,270 --> 00:19:07,490
Dydych chi ddim yn gwneud hyn.

406
00:19:07,490 --> 00:19:10,530
Ac nid ydych yn gwneud slaes, felly
PHP yn ychydig yn wahanol.

407
00:19:10,530 --> 00:19:14,610
>> Ond yn awr, os wyf yn ailgynnal y rhaglen hon,
PHP hello.php, yn awr yr wyf

408
00:19:14,610 --> 00:19:16,090
mewn gwirionedd yn cael Helo Byd.

409
00:19:16,090 --> 00:19:17,750
A byddwn yn gweld pam fod hyn yn werthfawr.

410
00:19:17,750 --> 00:19:20,960
Un, mae'n caniatáu imi bennu,
super yn benodol, mae hyn yn

411
00:19:20,960 --> 00:19:22,480
cod, gweithredu hyn.

412
00:19:22,480 --> 00:19:25,480
A dyna yn wir beth yw'r rhain
tagiau arbennig yn awgrymu yma.

413
00:19:25,480 --> 00:19:30,330
>> Ond mae hefyd yn golygu, os rwy'n gwneud
rhywbeth fel Fy nod dros yma, y

414
00:19:30,330 --> 00:19:34,000
yn golygu, yn llythrennol, a fydd mai dim ond
ei hargraffu heb yr angen i

415
00:19:34,000 --> 00:19:36,850
mewn gwirionedd yn galw printf, neu brint,
neu unrhyw swyddogaeth debyg.

416
00:19:36,850 --> 00:19:39,445
Felly, byddwn yn dod yn ôl at hynny
mewn dim ond hyn o bryd.

417
00:19:39,445 --> 00:19:40,470
>> Yn gyntaf, gadewch i ni wneud hyn.

418
00:19:40,470 --> 00:19:43,950
Tu mewn i'r peiriant, mae gennym
cyfeiriadur o'r enw Vhosts, ar gyfer rhithwir

419
00:19:43,950 --> 00:19:47,000
lluoedd, slaes llu lleol, cwtogi cyhoeddus.

420
00:19:47,000 --> 00:19:50,240
Felly, mae'n braidd yn amleiriog, ond stori hir
byr, yr offer yn cael ei gynllunio

421
00:19:50,240 --> 00:19:53,770
yn unig i gefnogi C. Mae hefyd yn
gynllunio i gefnogi PHP.

422
00:19:53,770 --> 00:19:57,440
Ond mae hefyd yn ei chynllunio i fod ar y we
gweinyddwr, a gweinydd cronfa ddata.

423
00:19:57,440 --> 00:20:00,230
Ac mae'n cynllunio, ac yn wirioneddol ffurfweddu,
i fod yn atgoffa rhywun o unrhyw

424
00:20:00,230 --> 00:20:04,230
masnachol gwe hosting cwmni sy'n
efallai y byddwch yn talu $ 5 y mis ar gyfer,

425
00:20:04,230 --> 00:20:05,040
$ 100 y mis ar gyfer.

426
00:20:05,040 --> 00:20:08,200
Beth bynnag y gwasanaeth yw, mae gyflunio
i fod yn debyg iawn i

427
00:20:08,200 --> 00:20:10,170
gweinydd cynhyrchu byd go iawn.

428
00:20:10,170 --> 00:20:13,485
>> A beth mae hynny'n ei olygu yw nad yw rhedeg ar
yr offer yn feddalwedd weinydd y we.

429
00:20:13,485 --> 00:20:15,060
Mae'n digwydd i gael ei alw Apache.

430
00:20:15,060 --> 00:20:17,790
Dim ond am ddim, a ffynhonnell agored,
ac yn boblogaidd iawn.

431
00:20:17,790 --> 00:20:23,260
Ac rydym wedi ffurfweddu Apache i wybod
os wyf yn ymweld â URL penodol, gyda

432
00:20:23,260 --> 00:20:28,060
Chrome neu unrhyw borwr tu mewn i'r
offer, i edrych ar y cyfeiriadur hwn

433
00:20:28,060 --> 00:20:31,030
ar gyfer y ffeiliau bod y
defnyddiwr yn gofyn.

434
00:20:31,030 --> 00:20:32,790
>> Mewn geiriau eraill, gadewch i mi
mynd yn ei flaen ac yn gwneud hyn.

435
00:20:32,790 --> 00:20:36,890
Y tu mewn fy cyfeiriadur gyhoeddus, dw i'n mynd
i fynd yn ei flaen ac yn creu ffeil

436
00:20:36,890 --> 00:20:39,580
enw index.html.

437
00:20:39,580 --> 00:20:41,000
Mae hynny'n rhoi y tab mi yma.

438
00:20:41,000 --> 00:20:44,210
Ac yr wyf i'n mynd i fynd yn gyflym iawn
ac yn mynd yn ei flaen a tharo allan

439
00:20:44,210 --> 00:20:45,010
y rhaglen yma.

440
00:20:45,010 --> 00:20:48,410
Doctype HTML, sydd ar hyn o bryd, dim ond
cymryd yn ganiataol yn rhaid i chi deipio.

441
00:20:48,410 --> 00:20:53,490
Mae'n dim ond tag dirgel, nid yw hynny'n
gwirioneddol tag HTML, sy'n nodi bod

442
00:20:53,490 --> 00:20:55,050
yma hon rhywfaint o HTML.

443
00:20:55,050 --> 00:20:57,400
>> Rydw i'n mynd i fynd yn ei flaen ac ail-greu
yr hyn a welsom funud yn ôl.

444
00:20:57,400 --> 00:20:58,650
Dyma y pennaeth y dudalen.

445
00:20:58,650 --> 00:21:01,170
Tu mewn i'r pen yn y -

446
00:21:01,170 --> 00:21:01,890
felly teitl.

447
00:21:01,890 --> 00:21:04,340
Felly, byddwn yn dweud helo, byd.

448
00:21:04,340 --> 00:21:06,570
Ac yna i lawr yma oedd y tag corff.

449
00:21:06,570 --> 00:21:08,580
Gadewch i mi gau'r tag corff.

450
00:21:08,580 --> 00:21:12,280
Ac yna i mewn yma byddaf hefyd yn dweud,
yn unig ar gyfer eglurder, helo byd.

451
00:21:12,280 --> 00:21:14,770
>> Felly, mae hyn yw, gellid dadlau, y symlaf
tudalen we posibl

452
00:21:14,770 --> 00:21:15,770
yn gallu gwneud hynny'n ddilys.

453
00:21:15,770 --> 00:21:17,030
Mae'n syntactically dilys.

454
00:21:17,030 --> 00:21:18,620
Mae popeth sy'n cael ei hagor ar gau.

455
00:21:18,620 --> 00:21:20,910
Mae popeth yn 'n glws yn
styled a hindentio.

456
00:21:20,910 --> 00:21:23,600
Felly, gadewch i ni weld nawr sut yr wyf yn
gallu cael gafael ar y ffeil.

457
00:21:23,600 --> 00:21:25,540
>> Wel, gadewch i mi fynd i Chrome yma.

458
00:21:25,540 --> 00:21:35,050
A gadewch i mi fynd i
http://localhost/index.html.

459
00:21:35,050 --> 00:21:36,200
Felly beth sy'n cynnal lleol?

460
00:21:36,200 --> 00:21:39,400
Wel, y rhan fwyaf o unrhyw gyfrifiadur yn y byd,
Linux, Mac OS, Windows, mae gan llysenw

461
00:21:39,400 --> 00:21:40,680
enw gwesteiwr lleol.

462
00:21:40,680 --> 00:21:42,900
Felly, os ydych chi erioed wedi eisiau siarad
ar eich cyfrifiadur eich hun -

463
00:21:42,900 --> 00:21:45,140
er, rhyfedd reflexively -

464
00:21:45,140 --> 00:21:47,080
fyddwch yn ffonio eich hun yn cynnal lleol.

465
00:21:47,080 --> 00:21:50,390
Dim ots beth yw eich cyfrifiadur gwirioneddol
alw, boed yn MacBook Dewi Sant

466
00:21:50,390 --> 00:21:52,490
Aer, neu rywbeth mwy
verbose fel 'na.

467
00:21:52,490 --> 00:21:57,760
>> Felly, mae hyn URL yn ymddangos yn mynd i ddefnyddio
y HTTP i siarad â'r llu lleol,

468
00:21:57,760 --> 00:22:00,800
yr un cyfrifiadur, yr offer, a
mae'n mynd i ofyn am, dim ond yn cymryd

469
00:22:00,800 --> 00:22:02,570
dyfalu, pa ffeil?

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

471
00:22:04,460 --> 00:22:08,650
Felly, yr offer wedi ei ffurfweddu yn
ymlaen llaw i wybod os ydw i'n gofyn

472
00:22:08,650 --> 00:22:13,460
ar gyfer rhywbeth fel index.html, chwiliwch am
mewn ffolder o'r enw Vhosts, mewn

473
00:22:13,460 --> 00:22:17,950
ffolder o'r enw localhost, mewn ffolder
enw ynddo cyhoeddus.

474
00:22:17,950 --> 00:22:20,400
Dyna lle mae fy holl gyhoeddus
ffeiliau yn mynd i fod.

475
00:22:20,400 --> 00:22:22,610
Felly Yn awr rwy'n mynd i daro Chofnoda.

476
00:22:22,610 --> 00:22:27,100
>> Ac damn, mae bod gwahardd
neges, a elwir fel arall yn 403, mae'r

477
00:22:27,100 --> 00:22:28,490
cod rhifol ar gyfer hynny.

478
00:22:28,490 --> 00:22:30,130
Felly, beth sydd o'i le yma?

479
00:22:30,130 --> 00:22:33,210
Wel, nid yw'n ddigon i ddim ond rhoi
y ffeil tu mewn fy ffolder.

480
00:22:33,210 --> 00:22:35,790
Mae angen i mi ei wneud mewn gwirionedd yn y canlynol.

481
00:22:35,790 --> 00:22:40,210
>> Gadewch i mi fynd i mewn i fy cyfeiriadur Vhosts, i mewn
localhost, yn gyhoeddus, a gadewch

482
00:22:40,210 --> 00:22:41,680
i mi wneud ls dash l.

483
00:22:41,680 --> 00:22:44,510
Ac mae ychydig o bethau eraill
yma ar gyfer dibenion heddiw.

484
00:22:44,510 --> 00:22:50,540
Ond sylwi ar yr ochr chwith, nesaf
i index.html, yr ydym ond yn gweld un RW.

485
00:22:50,540 --> 00:22:53,560
Ac yn y gorffennol, yr hyn
wedi RW sefyll am?

486
00:22:53,560 --> 00:22:54,240
>> Newydd ei ddarllen neu ysgrifennu.

487
00:22:54,240 --> 00:22:58,000
Mae'r ffaith ei fod yn dweud rw ar y chwith
golygu fy mod yn, perchennog y ffeil, gall

488
00:22:58,000 --> 00:22:59,020
darllen neu ysgrifennu.

489
00:22:59,020 --> 00:23:05,010
Ond mae angen i mi adael yr holl bobl yn y
byd ddarllen hwn, er nad ysgrifennu.

490
00:23:05,010 --> 00:23:09,650
Felly, yr wyf i'n mynd i newid y modd y
ffeil, chmod, i gyd yn ogystal r i roi

491
00:23:09,650 --> 00:23:13,910
pawb yn gallu darllen caniatâd cynllunio ar y
ffeil o'r enw index.html.

492
00:23:13,910 --> 00:23:18,040
>> Ac os wyf yn awr aildeipio ls dash l, rhybudd
hynny, dros yma, rhai yn fwy

493
00:23:18,040 --> 00:23:19,160
R wedi popped i fyny.

494
00:23:19,160 --> 00:23:21,090
Ac ar hyn o bryd, mae'r fanyleb yn mynd
rhoi mwy o fanylion.

495
00:23:21,090 --> 00:23:24,450
Ar gyfer P set 7, mai dim ond yn golygu bod pawb yn
yn awr yn gallu darllen y ffeil hon.

496
00:23:24,450 --> 00:23:27,790
Os byddaf yn mynd yn ôl i fy porwr
nawr ac yn ail-lwytho, voila.

497
00:23:27,790 --> 00:23:28,750
Helo byd.

498
00:23:28,750 --> 00:23:32,260
>> A allaf hyd yn oed yn agor fy offer Chrome
a gweld, yn union fel gyda Google a

499
00:23:32,260 --> 00:23:34,590
Facebook fod yna fy HTML,
fformatio ychydig

500
00:23:34,590 --> 00:23:35,930
wahanol a colorized.

501
00:23:35,930 --> 00:23:40,450
Os byddaf yn mynd i'r tab rhwydwaith ac yn ail-lwytho
y dudalen, sylwi bod mae cael

502
00:23:40,450 --> 00:23:42,900
gofyn Chrome yn anfon
at yr offer.

503
00:23:42,900 --> 00:23:46,020
Mae y 200 ar gyfer y
ffeil penodol.

504
00:23:46,020 --> 00:23:49,340
Felly, yn fyr, dyma sut y mae'r rhain i gyd
gwahanol ddarnau yn dod at ei gilydd.

505
00:23:49,340 --> 00:23:53,530
Dim ond fel y digwydd bod y gweinydd gwe
rydym yn defnyddio ar hyn o bryd nid yw'n bell,

506
00:23:53,530 --> 00:23:54,210
fel Facebook.

507
00:23:54,210 --> 00:23:58,330
Mae'n llythrennol ar yr un cyfrifiadur,
sy'n gwbl iawn.

508
00:23:58,330 --> 00:24:00,590
>> Felly, beth yn rhagor y gallwn ei wneud mewn tudalen we?

509
00:24:00,590 --> 00:24:03,110
Wel, dim ond, gadewch i awel drwy
un neu ddau o'r pethau hyn.

510
00:24:03,110 --> 00:24:07,860
Ond gadewch i mi fynd yn ei flaen ac yn ailagor
Gedit gyda index.html.

511
00:24:07,860 --> 00:24:13,980
A gadewch i mi fynd yn ei flaen i ddweud helo CS50,
arbed y ffeil hon, ewch yn ôl at y

512
00:24:13,980 --> 00:24:16,260
porwr, newid mewn gwirionedd underwhelming.

513
00:24:16,260 --> 00:24:19,130
>> Ond beth os ydym am i mewn gwirionedd
cysylltu â rywbeth nawr?

514
00:24:19,130 --> 00:24:23,480
Felly, mae'n troi allan y gallwn gael y
gysylltiadau yn HTML sydd yr un tagiau

515
00:24:23,480 --> 00:24:24,140
eu hunain.

516
00:24:24,140 --> 00:24:27,320
Mae'n digwydd i gael ei alw y
tag angor. a href gyfartal

517
00:24:27,320 --> 00:24:33,190
https://www.cs50.net, www.cs50.net
dyfyniad agos, braced agos.

518
00:24:33,190 --> 00:24:35,230
Ac yn awr gadewch i ni weld beth
arall sy'n dod nesaf.

519
00:24:35,230 --> 00:24:36,500
>> Rydw i wedi agor y tag.

520
00:24:36,500 --> 00:24:38,990
Angen i mi yn awr i roi
ymadrodd fel CS50.

521
00:24:38,990 --> 00:24:40,600
Gadewch i mi gau'r tag.

522
00:24:40,600 --> 00:24:42,010
Ac yn sylwi ar ychydig o bethau.

523
00:24:42,010 --> 00:24:45,270
Er bod hyn yn beth cryptig
yma, nid wyf wedi ailadrodd pan fyddwch

524
00:24:45,270 --> 00:24:46,010
cau'r tag.

525
00:24:46,010 --> 00:24:48,230
'Ch jyst cau'r tag
gyda ei enw yn unig.

526
00:24:48,230 --> 00:24:50,940
Ac mae hyn yn hyn a elwir yn
priodoledd â gwerth.

527
00:24:50,940 --> 00:24:56,070
Priodoleddau dim ond newid ymddygiad
o rai tag tu mewn i dudalen.

528
00:24:56,070 --> 00:24:59,150
>> Felly, mae hyn yn nodi bod yr hyper
cyfeirio, y ffordd ffansi o ddweud y

529
00:24:59,150 --> 00:25:03,660
URL ar gyfer angor hwn, ar gyfer y
gyswllt, fod yn CS50.net.

530
00:25:03,660 --> 00:25:07,440
A'r testun yr ydym am i ddangos y
Nid yw defnyddiwr yn y URL amrwd, ond yn hytrach

531
00:25:07,440 --> 00:25:08,730
y gair CS50.

532
00:25:08,730 --> 00:25:13,710
>> Felly os awr yr wyf yn ail-lwytho, gadewch i mi chwyddo i mewn ar gyfer
eglurder, gadewch i mi ail-lwytho y dudalen,

533
00:25:13,710 --> 00:25:16,460
sylwi bod gennym yr hen ysgol
tanlinellu las ddolen.

534
00:25:16,460 --> 00:25:20,000
Ac os wyf yn hofran drosto, ac mae'n mynd
i fod yn anodd eu gweld, yn y gwaelod ar y chwith

535
00:25:20,000 --> 00:25:23,690
nghornel y sgrin, sylwch
ei fod yn dweud bod y URL y

536
00:25:23,690 --> 00:25:24,430
Rydw i'n mynd i fynd.

537
00:25:24,430 --> 00:25:27,940
Ac os byddaf yn cliciwch yno, voila,
nawr fy mod yn gwneud tudalennau gwe.

538
00:25:27,940 --> 00:25:30,140
Ac rydym wedi ein hunain o dan arweiniad
i'r dudalen gartref.

539
00:25:30,140 --> 00:25:32,670
>> Ond sylwi ar yr hyn botensial
hwn yn cynnig i ni.

540
00:25:32,670 --> 00:25:34,890
Diogelwch yn fawr iawn
yn ffasiynol y dyddiau hyn.

541
00:25:34,890 --> 00:25:41,210
Beth os wyf yn hytrach yn dweud rhywbeth fel
hyn, ac yr wyf yn hytrach yn mynd i, dyweder, gadewch i ni

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

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

544
00:25:44,660 --> 00:25:46,360
Reload hon dudalen.

545
00:25:46,360 --> 00:25:50,180
>> Iawn, felly sylwi mae'n dal i edrych fel fy mod
mynd i CS50, oni bai llygad craff

546
00:25:50,180 --> 00:25:51,560
yn sylwi Rydw i'n mynd i CS50 ffug.

547
00:25:51,560 --> 00:25:54,550
Rwy'n dyfalu nid yw'r parth yn cael ei gymryd.

548
00:25:54,550 --> 00:25:55,960
Iawn, felly nid yw ar gael.

549
00:25:55,960 --> 00:25:56,600
Felly, sy'n dda.

550
00:25:56,600 --> 00:25:57,900
Mewn gwirionedd wedi bod parth dim un.

551
00:25:57,900 --> 00:26:00,380
>> Ond gadewch i ni fod ychydig yn fwy maleisus
oherwydd dyna fath o dwp.

552
00:26:00,380 --> 00:26:02,240
Beth os ydym yn newid hyn i Paypal.

553
00:26:02,240 --> 00:26:09,960
A beth os ydym yn galw hyn, fel,
www.paypal.badguy.com,

554
00:26:09,960 --> 00:26:12,070
beth bynnag yw'r parth.

555
00:26:12,070 --> 00:26:13,700
Yn ôl pob tebyg yn bodoli.

556
00:26:13,700 --> 00:26:16,260
Felly nawr gadewch i mi ail-lwytho y dudalen.

557
00:26:16,260 --> 00:26:22,890
A dyma ni yn cael y math o gwe-rwydo
ymosodiad, P-H-I-S-H-I-N-G, sef y

558
00:26:22,890 --> 00:26:26,760
rhoi gair gwirion ar gyfer ymosodiad y
ceisio gwybodaeth pysgod, neu, yn well

559
00:26:26,760 --> 00:26:30,450
eto, arian, allan o bobl trwy dwyllo
i mewn i ddarparu gwybodaeth a gaiff

560
00:26:30,450 --> 00:26:31,990
nad ydyn nhw'n gwneud fel arall.

561
00:26:31,990 --> 00:26:33,500
Mae hyn yn edrych yn gwbl legit, dde?

562
00:26:33,500 --> 00:26:34,930
Mae'n rhaid i mi gael cyswllt yma i Paypal.com.

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

564
00:26:37,700 --> 00:26:40,430
A bod yn deg, os wyf yn sexed i fyny gyda rhai
graffeg, gallwn wneud iddo edrych yn

565
00:26:40,430 --> 00:26:41,310
fwy fel PayPal.

566
00:26:41,310 --> 00:26:41,510
Iawn?

567
00:26:41,510 --> 00:26:43,815
Gan fy mod yn gallu, wrth fynd heibio,
Gallwn fynd at Paypal.com.

568
00:26:43,815 --> 00:26:47,110
Ac rydym wedi gweld yn union sut y gallaf
gweld eu holl HTML.

569
00:26:47,110 --> 00:26:50,560
Gallai Fi jyst gopïo ac ail-greu'r
estheteg Paypal yn hytrach na mynd

570
00:26:50,560 --> 00:26:51,490
hen ysgol yma.

571
00:26:51,490 --> 00:26:55,010
Ond sylwi, wrth gwrs, ac mae'n ychydig
fach yn dal i, dim ond yn y gwaelod

572
00:26:55,010 --> 00:26:59,190
cornel chwith, i mewn fel pwynt 10
ffont, a ydych yn gweld beth URL rydych yn

573
00:26:59,190 --> 00:27:01,310
mewn gwirionedd yn mynd i fod yn arwain at.

574
00:27:01,310 --> 00:27:06,580
>> Ac felly os ydych chi wedi gotten erioed spam dweud
mynd yn ei flaen, ac rydych yn cyfrif

575
00:27:06,580 --> 00:27:07,420
wedi cael ei gyfaddawdu.

576
00:27:07,420 --> 00:27:10,615
Os gwelwch yn dda cliciwch ar y ddolen hon a rhowch wybod i ni
eich cyfrinair er mwyn i ni sicrhau eich bod yn

577
00:27:10,615 --> 00:27:13,010
chi, peidiwch byth yn gwneud hynny.

578
00:27:13,010 --> 00:27:14,180
Dylai'r rhain pethau yn mynd heb ddweud.

579
00:27:14,180 --> 00:27:17,670
Ond mae'n rhyfeddol o ddoniol, a
trasig, sut mae pob blwyddyn mae'n ymddangos bod hyn

580
00:27:17,670 --> 00:27:19,660
ddigwydd i rai nad ydynt yn sero
nifer o bobl.

581
00:27:19,660 --> 00:27:21,400
>> A dyna harddwch
o gwe-rwydo ymosodiadau.

582
00:27:21,400 --> 00:27:23,160
Gallwch anfon miliwn o negeseuon e-bost.

583
00:27:23,160 --> 00:27:27,720
A hyd yn oed os yw 0.01% o bobl mewn gwirionedd yn
cliciwch ar Paypal ac yn rhoi i chi eich

584
00:27:27,720 --> 00:27:31,040
cyfrinair, sy'n dal i fod yn rhif di-sero
o bobl sydd wedi dim ond rhoi

585
00:27:31,040 --> 00:27:32,200
i chi eu harian.

586
00:27:32,200 --> 00:27:36,170
Ac anfon negeseuon e-bost, wrth gwrs, yn eithaf
hawdd ac, yn y bôn, rhad ac am ddim

587
00:27:36,170 --> 00:27:36,970
y dyddiau hyn.

588
00:27:36,970 --> 00:27:40,410
>> Felly, stori hir yn fyr, rhyfeddol
syniad hardd, dde?

589
00:27:40,410 --> 00:27:44,620
Flynyddoedd yn ôl, dyma oedd y cynharaf
ar y we, gan alluogi we o

590
00:27:44,620 --> 00:27:46,330
hypergysylltiadau ymhlith adnoddau.

591
00:27:46,330 --> 00:27:49,520
Ond hyd yn gyflym gallai fod
ddefnyddio at ddibenion sâl.

592
00:27:49,520 --> 00:27:54,100
Ac e-bost, digon yw dweud, mae'r rhain yn
diwrnod, wedi ymgorffori HTML y tu mewn.

593
00:27:54,100 --> 00:27:55,410
>> Wel, gadewch i mi dim ond un peth arall.

594
00:27:55,410 --> 00:27:58,640
A byddwn yn gohirio i raddau helaeth at adran yn
problem a saith i ganiatáu i chi

595
00:27:58,640 --> 00:28:00,000
edrych ar y manylion.

596
00:28:00,000 --> 00:28:01,990
Ond gadewch i mi fynd yn ei flaen a
gwneud ychydig o bethau yma.

597
00:28:01,990 --> 00:28:04,840
Rydw i'n mynd i fynd i mewn a datgan
hyn a elwir yn div, neu

598
00:28:04,840 --> 00:28:06,080
is-adran, y dudalen.

599
00:28:06,080 --> 00:28:07,770
Gadewch i mi cau'r tag div.

600
00:28:07,770 --> 00:28:11,460
>> Ac yr wyf i'n mynd i ddweud i fyny
dyma ben y dudalen.

601
00:28:11,460 --> 00:28:14,940
Ac yna is na hyn, yr wyf i'n mynd i wneud
rhywbeth fel div arall, caewch hyn

602
00:28:14,940 --> 00:28:17,800
tag, ac yn gwneud waelod y dudalen.

603
00:28:17,800 --> 00:28:18,840
A gadewch i ni gadw.

604
00:28:18,840 --> 00:28:21,040
>> Felly nawr gadewch i ni fynd yn ôl at fy ffeil.

605
00:28:21,040 --> 00:28:22,120
Underwhelming iawn.

606
00:28:22,120 --> 00:28:25,520
Ond yr hyn is-adran yn cael ei ddefnyddio ar gyfer,
o dan y cwfl, yw ei fod mewn gwirionedd yn

607
00:28:25,520 --> 00:28:26,920
elfen strwythurol 'n glws.

608
00:28:26,920 --> 00:28:30,300
Nid oes ganddo unrhyw estheteg cyn belled ag y
gallwn weld, ar wahân i, mae'n debyg,

609
00:28:30,300 --> 00:28:31,890
rhoi pethau ar linellau newydd.

610
00:28:31,890 --> 00:28:36,290
>> Ond rhybudd, wrth fynd heibio, dim ond taro
Nid yw'n mynd i dorri yn HTML fel ei

611
00:28:36,290 --> 00:28:39,840
ynddo'i C. Efallai eich bod yn meddwl bod hynny'n
mynd i roi bwlch mawr 'n glws rhwng

612
00:28:39,840 --> 00:28:41,300
frig ac ar waelod y dudalen.

613
00:28:41,300 --> 00:28:43,420
Ond mae'n anwybyddu.

614
00:28:43,420 --> 00:28:48,040
Gofod gwyn yn cael ei anwybyddu yn y bôn yn
tudalennau gwe ac eithrio'r cyntaf

615
00:28:48,040 --> 00:28:51,530
cymeriad bar gofod, neu ddychwelyd cerbyd,
eich bod yn taro ar y bysellfwrdd.

616
00:28:51,530 --> 00:28:55,370
Os hoffech gael mwy o seibiannau llinell, byddwch
rhaid i chi nodi eich hun.

617
00:28:55,370 --> 00:28:59,080
>> Felly, yr wyf i'n mynd i wneud ychydig o bethau
yma i ddangos yr hyn sy'n digwydd.

618
00:28:59,080 --> 00:29:02,700
Rydw i'n mynd i ychwanegu nodwedd sy'n
bodoli Ac eto, y ffordd yr ydych yn dysgu

619
00:29:02,700 --> 00:29:07,110
beth priodoli bodoli, pa tagiau bodoli,
mewn gwirionedd, yw cyfeiriadau ar-lein.

620
00:29:07,110 --> 00:29:09,750
HTML y math o iaith - mae'n
Nid iaith raglennu.

621
00:29:09,750 --> 00:29:12,460
Mae'n iaith markup - bod ar ôl
hanner awr dda, efallai, yn awr gyda

622
00:29:12,460 --> 00:29:15,930
hynny, byddwch yn sicr yn deall, mae'r rhan fwyaf
tebygol, y syniad sylfaenol.

623
00:29:15,930 --> 00:29:20,350
Ac yna chwiliad Google i ffwrdd i gyd
y tagiau posibl y gallech fod yn

624
00:29:20,350 --> 00:29:21,170
ddiddordeb ynddo

625
00:29:21,170 --> 00:29:24,290
Ac unol â'r fanyleb, mae hynny'n eithaf
croesawu ac yn eu hannog yma.

626
00:29:24,290 --> 00:29:26,120
>> Felly nawr gadewch i mi fynd yn ei flaen a
gwneud rhywbeth fel hyn.

627
00:29:26,120 --> 00:29:28,690
Cefndir-lliw.

628
00:29:28,690 --> 00:29:32,060
Ac yn awr, yr wyf i'n mynd i wneud rhywbeth
fel coch, hanner colon.

629
00:29:32,060 --> 00:29:33,970
A gallwch wneud hyn mewn
ychydig o ffyrdd gwahanol.

630
00:29:33,970 --> 00:29:36,770
Im 'jyst fath o deipio fel super
benodol ag y bo modd.

631
00:29:36,770 --> 00:29:41,960
>> Ond mae'n troi allan bod y gwerth hwn yma
hyn a elwir CSS, Cascading Style

632
00:29:41,960 --> 00:29:43,700
Taflenni, sef un arall
iaith yn gyfan gwbl.

633
00:29:43,700 --> 00:29:46,770
CSS wedi ddim i'w wneud â
agor tagiau a thagiau agos.

634
00:29:46,770 --> 00:29:48,230
Mae wedi ei wneud ag eiddo.

635
00:29:48,230 --> 00:29:52,660
>> Ac eiddo yn werth syml allweddol
parau, a dim ond yn golygu bod rhai geiriau,

636
00:29:52,660 --> 00:29:54,680
colon, ac yna ychydig gair arall.

637
00:29:54,680 --> 00:29:57,940
Ac os oes gennych rhai lluosog, neu dim ond
un yma, gallwch orffen 'i ag a

638
00:29:57,940 --> 00:29:59,390
hanner colon, dim ond er mwyn eglurder.

639
00:29:59,390 --> 00:30:01,370
Ond, hefyd, yn gweithio yma.

640
00:30:01,370 --> 00:30:02,500
>> Nawr beth hyn yn mynd i wneud?

641
00:30:02,500 --> 00:30:03,610
Mae'n debyg y gallwch ddyfalu.

642
00:30:03,610 --> 00:30:05,930
Gadewch i mi fynd yn ei flaen ac yn ail-lwytho'r dudalen hon.

643
00:30:05,930 --> 00:30:07,300
Ac yn awr ei fod yn wir yn dod yn ei flaen.

644
00:30:07,300 --> 00:30:09,150
Felly ben fy dudalen hon yn goch.

645
00:30:09,150 --> 00:30:12,380
Ond yr hyn sy'n allweddol yma yw bod, soniais
gynharach, sef bod div rhoi i chi

646
00:30:12,380 --> 00:30:13,220
is-adran y dudalen.

647
00:30:13,220 --> 00:30:14,410
A dyna yn wir yr hyn y mae'n ei wneud.

648
00:30:14,410 --> 00:30:17,920
Yn ei hanfod rhannu'r dudalen yn
petryal y gallwch wedyn

649
00:30:17,920 --> 00:30:18,720
trin.

650
00:30:18,720 --> 00:30:22,330
>> Ac mae syniad hwn o betryalau yn fath o
cymhellol yn hynny, os ydych yn meddwl am

651
00:30:22,330 --> 00:30:26,410
rhan fwyaf o unrhyw wefan, mae'n debyg
rhywfaint o strwythur iddo.

652
00:30:26,410 --> 00:30:29,620
Y rhan fwyaf ohonoch yn ôl pob tebyg wedi gweld anaml
Hafan Facebook os ydych yn mewngofnodi

653
00:30:29,620 --> 00:30:30,440
yn yr holl amser.

654
00:30:30,440 --> 00:30:33,920
>> Ond ar dudalen gartref Facebook, mae
rhyw fath o div ar hyd y top.

655
00:30:33,920 --> 00:30:36,140
Ac efallai na fydd mor syml
fel un div, ond mae 'na

656
00:30:36,140 --> 00:30:37,560
rhanbarth hirsgwar yno.

657
00:30:37,560 --> 00:30:40,290
Mae gweddill y dudalen yn debyg
a div enfawr, fel llawer

658
00:30:40,290 --> 00:30:41,910
fwy rhanbarth hirsgwar.

659
00:30:41,910 --> 00:30:44,540
Felly stori fer hir, dim ond drwy gael
y blociau adeiladu bach, y

660
00:30:44,540 --> 00:30:49,250
gallu i fodel pethau fel petryalau,
boed llydan neu gul, gallwch hefyd

661
00:30:49,250 --> 00:30:53,680
gwneud colofnau o bosibl, yn eich galluogi i
gosod tudalennau, mewn gwirionedd, fodd bynnag, i chi

662
00:30:53,680 --> 00:30:54,100
os hoffech.

663
00:30:54,100 --> 00:30:56,170
Rydym yn wir yn unig crafu
yr wyneb yma.

664
00:30:56,170 --> 00:30:59,820
>> Yn wir, os wyf yn gwneud un i un arall,
gadewch i mi fynd yn ei flaen ac yn gwneud arddull,

665
00:30:59,820 --> 00:31:05,410
cefndir-lliw, byddwn yn gwneud rhywbeth
fel glas, dyfyniadau agos.

666
00:31:05,410 --> 00:31:06,620
Gadewch i ni ail-lwytho hwn.

667
00:31:06,620 --> 00:31:08,260
Felly nawr mae'n mynd hyd yn oed yn uglier.

668
00:31:08,260 --> 00:31:11,520
Ond erbyn hyn yr wyf yn fath o dangos
fy P gosod pum sgiliau, dde?

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

670
00:31:12,690 --> 00:31:15,640
Mae'n fy atgoffa o RGB, Red
Treblu'r Glas Gwyrdd.

671
00:31:15,640 --> 00:31:19,330
Wel, mae'n troi allan mewn rhaglennu ar y we,
neu ddylunio gwe, sydd yn hyn, rydym wedi

672
00:31:19,330 --> 00:31:21,650
Nid rhaglennu unrhyw beth eto
fel y cyfryw, gallwch mewn gwirionedd

673
00:31:21,650 --> 00:31:22,880
cael cod hecsadegol.

674
00:31:22,880 --> 00:31:26,480
Felly rhywbeth rhywbeth, rhywbeth
rhywbeth, rhywbeth am rywbeth.

675
00:31:26,480 --> 00:31:30,650
Felly, gallwch gael chwe hecsadegol
cymeriadau, neu dri, mewn rhai achosion,

676
00:31:30,650 --> 00:31:33,480
ac mae pob un o'r rhai a marciau cwestiwn
rhaid iddo fod yn digidau hecsadegol,

677
00:31:33,480 --> 00:31:34,985
sero drwy f.

678
00:31:34,985 --> 00:31:41,000
>> Os ydw i eisiau i gael llawer o goch, a
dim gwyrdd, a dim glas, beth yw'r

679
00:31:41,000 --> 00:31:43,740
gyferbyn sero wrth ddefnyddio hecs?

680
00:31:43,740 --> 00:31:44,480
Mae'n f.

681
00:31:44,480 --> 00:31:51,130
Felly, yr wyf yn gallu ei wneud ff, sero sero, sero sero,
arbed hyn, ac yn awr yn dod i lawr yma.

682
00:31:51,130 --> 00:31:52,700
Ac nid wyf yn mewn gwirionedd yn gweld newid.

683
00:31:52,700 --> 00:31:56,230
Felly unquote dyfynnu "coch" yn ôl pob golwg
gyfystyr ar gyfer yr holl goch,

684
00:31:56,230 --> 00:31:57,610
dim gwyrdd, dim glas.

685
00:31:57,610 --> 00:31:59,960
Yn y cyfamser, gadewch i ni newid yn fwriadol
hwn i fod yn rhywbeth

686
00:31:59,960 --> 00:32:01,210
ar hap, fel ABCDF.

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

688
00:32:03,790 --> 00:32:05,860
>> Gadewch i ni weld beth yw hynny.

689
00:32:05,860 --> 00:32:08,530
Mae'n glas neis iawn,
mewn gwirionedd, glas babi.

690
00:32:08,530 --> 00:32:11,820
Mae pob hawl, felly mae'r rhain yn unig yn awr
cyfuniadau braidd ar hap o

691
00:32:11,820 --> 00:32:12,210
cymeriadau.

692
00:32:12,210 --> 00:32:13,410
Felly, ni fyddwn yn cael ein llethu mewn yma.

693
00:32:13,410 --> 00:32:15,930
Ond unwaith eto, mae hyn yn siarad â'r trachywiredd
y gallwch ddechrau

694
00:32:15,930 --> 00:32:19,090
yn gymwys - hyd yn oed os ydych yn llethu iawn
gan y estheteg.

695
00:32:19,090 --> 00:32:21,750
Yn wir, os ydych wir eisiau bod yn
argraff, gadewch i mi fynd yn ei flaen a newid

696
00:32:21,750 --> 00:32:23,500
maint y ffont, er enghraifft.

697
00:32:23,500 --> 00:32:25,960
Ac yn sylwi ar y colon, a
yn angenrheidiol yno.

698
00:32:25,960 --> 00:32:29,570
>> Maint y ffont, gallwn ni fod yr un chwerthinllyd
yma, 96 pwynt.

699
00:32:29,570 --> 00:32:31,280
Arbed hynny.

700
00:32:31,280 --> 00:32:33,670
Wow, mae hynny'n maint ffont mawr.

701
00:32:33,670 --> 00:32:35,490
Mae pob hawl, felly mae'n hawdd iawn.

702
00:32:35,490 --> 00:32:38,260
Ac mewn gwirionedd, yr ydych yn ei hanfod yn gweld
y dudalen we cyntaf wnes

703
00:32:38,260 --> 00:32:40,060
mlynedd yn ôl, pan tro cyntaf i mi
dysgu y pethau hyn.

704
00:32:40,060 --> 00:32:42,190
Mae'n hawdd iawn i wneud yn iawn
pethau erchyll yn gyflym.

705
00:32:42,190 --> 00:32:46,115
>> Ac os ydych yn gyfarwydd â'r Wayback
Machine ar archive.org, rydych yn

706
00:32:46,115 --> 00:32:48,210
Gellir dod o hyd i fy holl erchyll
tudalennau gwe undergrad.

707
00:32:48,210 --> 00:32:50,090
Roedd gan un Kermit y Broga ar y blaen.

708
00:32:50,090 --> 00:32:53,150
Es i drwy gyfnod lle rwy'n meddwl
ei bod yn cŵl i gymryd y cefndir

709
00:32:53,150 --> 00:32:56,320
llen goch, pan fyddaf yn dysgu sut yr ydych yn
Gall delweddau teils eto, ac unwaith eto, ac

710
00:32:56,320 --> 00:32:59,540
unwaith eto, i lenwi tudalen gyda
llen goch ludiog mawr.

711
00:32:59,540 --> 00:33:03,120
Ac yna, ar ben hyn, roedd yn eicon
bod yn rhaid i chi glicio i fynd i mewn fy nghartref

712
00:33:03,120 --> 00:33:04,960
dudalen oherwydd yr oedd
yn fawr iawn yn ffasiynol.

713
00:33:04,960 --> 00:33:08,870
>> Ac yna fy rhaglen cyntaf i mi erioed ysgrifennu
Nid oedd yn PHP, ond mewn iaith

714
00:33:08,870 --> 00:33:12,260
a elwir yn Pearl, ysgrifennodd lyfr gwestai, sy'n
yn beth 'n sylweddol oera bod

715
00:33:12,260 --> 00:33:14,250
llawer o bobl yn disgwyl i chi
i gael ar dudalen gartref.

716
00:33:14,250 --> 00:33:17,510
Pan fyddwch yn cyrraedd y dudalen, maent am i chi
i arwyddo i mewn, ac yn dweud pwy ydych chi,

717
00:33:17,510 --> 00:33:18,720
a pham rydych chi yno.

718
00:33:18,720 --> 00:33:21,320
Mae hyn yn iawn 1990au dylunio gwe arddull.

719
00:33:21,320 --> 00:33:24,130
>> Ond y dyddiau hyn, yn sicr, rydym wedi
dod yn llawer ymhellach.

720
00:33:24,130 --> 00:33:27,560
A byddwch yn gweld, yn adran, a hyd yn oed
yn y broblem a saith, gan

721
00:33:27,560 --> 00:33:31,570
leveraging llyfrgelloedd y dyddiau hyn,
mae'n llawer haws i wneud

722
00:33:31,570 --> 00:33:33,400
pethau prettier gyflym.

723
00:33:33,400 --> 00:33:36,550
Really yma, rydym yn dim ond crafu
wyneb yr hyn y gallwch chi ei wneud

724
00:33:36,550 --> 00:33:37,400
arddull.

725
00:33:37,400 --> 00:33:41,660
>> Ac yn wir, yn barod, gadewch i mi bwysleisio
fod hyn eisoes yn mynd yn hyll, nid

726
00:33:41,660 --> 00:33:46,030
yn unig esthetaidd, ond o ran
o arddull fy cod, neu'r

727
00:33:46,030 --> 00:33:47,260
dyluniad fy cod.

728
00:33:47,260 --> 00:33:52,350
Ar hyn o bryd rwyf wedi comingled HTML, sy'n
yw tagiau agored gwyrdd yno, gyda

729
00:33:52,350 --> 00:33:55,160
Eiddo CSS, sy'n
yn gwbl legit.

730
00:33:55,160 --> 00:33:57,200
Mae hyn yn wir lle mae'r iaith
oedd â'i gwreiddiau.

731
00:33:57,200 --> 00:34:01,030
>> Ond er budd dylunio glân,
yn debyg i ni ddechrau pethau ffactoreiddio

732
00:34:01,030 --> 00:34:05,370
allan o ffeiliau i mewn i C. ffeiliau h, gadewch
i mi mewn gwirionedd yn ymarfer y math hwnnw o

733
00:34:05,370 --> 00:34:07,990
egwyddor ac yn dechrau gwneud
hwn yn lle.

734
00:34:07,990 --> 00:34:13,280
Gadewch i mi roi tag arddull i fyny yma, a
hefyd yn bodoli yn HTML, a gadewch i mi

735
00:34:13,280 --> 00:34:15,330
nodi'r canlynol.

736
00:34:15,330 --> 00:34:16,360
Gadewch i mi ddileu'r hyn.

737
00:34:16,360 --> 00:34:18,110
Lliw cefndir yn mynd i fod yn goch.

738
00:34:18,110 --> 00:34:19,800
Rydw i'n mynd i ddileu hyn yn gyfan gwbl.

739
00:34:19,800 --> 00:34:22,580
Rydw i'n mynd i gael gwared ar y dull
priodoli, ac yr wyf i'n mynd i unigryw

740
00:34:22,580 --> 00:34:24,620
nodi div hwn gyda gair -

741
00:34:24,620 --> 00:34:28,750
fympwyol, ond yn rhesymol, dyfyniad
unquote "top." Ac id yn arbennig

742
00:34:28,750 --> 00:34:32,530
nodwedd sy'n diffinio unigryw
elfen HTML penodol

743
00:34:32,530 --> 00:34:33,850
yn cael y id.

744
00:34:33,850 --> 00:34:37,969
>> Os wyf yn awr am iddo arddullaidd, hyd yma yn
y pennaeth fy nhudalen, tu mewn i'r

745
00:34:37,969 --> 00:34:41,730
tag arddull, sylwi bod
Gallaf ei wneud top hash.

746
00:34:41,730 --> 00:34:45,300
Ac yna gallaf roi ychydig o cyrliog
braces, sy'n atgoffa rhywun o C, ac yna gadael

747
00:34:45,300 --> 00:34:47,130
mi bastio yn y stylization.

748
00:34:47,130 --> 00:34:49,929
A gadewch i mi fynd yn ei flaen yma ac yn rhagweld
lle roeddwn i'n mynd â hyn.

749
00:34:49,929 --> 00:34:53,380
Gadewch i mi hefyd yn creu un
ar gyfer y div gwaelod.

750
00:34:53,380 --> 00:34:58,010
Gadewch i mi cydio cod hwn erchyll o lawr
yma, ei roi mewn fan hyn, a byddaf yn

751
00:34:58,010 --> 00:35:00,770
a mae'n ychydig yn fwy rhefrol yn awr ac arddullaidd
trwy wneud dim ond rhoi pethau ar eu pen eu hunain

752
00:35:00,770 --> 00:35:02,540
lein, yn dod i ben gyda hanner colon.

753
00:35:02,540 --> 00:35:04,430
Gadewch i mi gael gwared ar y tag arddull.

754
00:35:04,430 --> 00:35:05,320
>> Ond dydw i ddim yn ei wneud eto.

755
00:35:05,320 --> 00:35:07,406
Angen i mi wneud un peth arall.

756
00:35:07,406 --> 00:35:10,070
Yeah, id hafal dyfyniad unquote, "gwaelod,"
neu beth bynnag id rwyf am

757
00:35:10,070 --> 00:35:11,740
rhoi'r elfen.

758
00:35:11,740 --> 00:35:13,420
Yn awr, gadewch i mi fynd yn ôl dros yma.

759
00:35:13,420 --> 00:35:14,360
Ac mae hyn yn erchyll.

760
00:35:14,360 --> 00:35:15,805
Nid wyf yn gallu delio gyda 96 pwynt.

761
00:35:15,805 --> 00:35:16,960
Gadewch i ni wneud 24 pwynt.

762
00:35:16,960 --> 00:35:18,320
Neu fe allech chi fod yn fwy manwl gywir.

763
00:35:18,320 --> 00:35:21,800
Alli 'n weithredol ddefnyddio picsel, px, felly
eich bod yn wir yn cael grawn mân

764
00:35:21,800 --> 00:35:23,220
rheolaeth dros eich tudalen.

765
00:35:23,220 --> 00:35:26,860
>> Fel o'r neilltu, nid yw hynny o reidrwydd
y peth gorau os yw defnyddwyr, er

766
00:35:26,860 --> 00:35:29,650
resymau hygyrchedd, yn dymuno
yn gallu cynyddu maint.

767
00:35:29,650 --> 00:35:32,650
Felly, yn sylweddoli bod ffyrdd o wneud
pethau nad ydynt o reidrwydd

768
00:35:32,650 --> 00:35:34,230
cod popeth caled.

769
00:35:34,230 --> 00:35:37,220
>> Mae pob hawl, felly mae'n fwy, 24 pwynt,
na beth bynnag y methiant.

770
00:35:37,220 --> 00:35:38,630
Ond erbyn hyn mae'n ychydig lanach.

771
00:35:38,630 --> 00:35:40,230
A gadewch i mi fynd â hyn un cam ymhellach.

772
00:35:40,230 --> 00:35:47,220
Yn union fel y syniad o ffeiliau pennawd,
sylwi ein bod yn un cam yn nes at hynny.

773
00:35:47,220 --> 00:35:52,000
Mae gen i ddileu ffactorau, ond yn dal i adael,
tu mewn fy nhudalen, rheolau CSS hynny.

774
00:35:52,000 --> 00:35:56,200
Pam y gallai wyf am i fynd â hyn un cam
ymhellach, cael gwared ar hyn yn gyfan gwbl, a

775
00:35:56,200 --> 00:35:59,860
roi mewn ffeil ar wahân?

776
00:35:59,860 --> 00:36:01,070
>> Felly gallaf ei ailddefnyddio, dde?

777
00:36:01,070 --> 00:36:03,155
Mae hyn yn unig fath o reddf
ar hyn o bryd.

778
00:36:03,155 --> 00:36:06,340
O'r blaen, yr wyf yn honni bod ei fod yn unig
cael hyll cael y steil

779
00:36:06,340 --> 00:36:08,480
nodweddion tu mewn i'r
divs eu hunain.

780
00:36:08,480 --> 00:36:09,750
Ond dim ond math o feddwl mai trwy.

781
00:36:09,750 --> 00:36:13,560
Wrth i'ch tudalen yn mynd yn hirach ac yn hirach, os
eich bod yn rhoi yma, ac yma, ac

782
00:36:13,560 --> 00:36:18,350
yma, ac yma, pob un o'r gwahanol
lliwiau, a meintiau ffont, ac eraill

783
00:36:18,350 --> 00:36:22,550
priodoleddau, eich tudalen yn gyflym iawn
mynd i fod na ellir eu rheoli i chi.

784
00:36:22,550 --> 00:36:24,570
>> Os bydd rhywun yn dod i fyny i chi a
dweud, oh, eich bod yn gwybod beth?

785
00:36:24,570 --> 00:36:28,070
Byddwn yn wir yn hoffi newid maint y ffont
gan ddau bwynt ychwanegol, rydych yn

786
00:36:28,070 --> 00:36:31,275
efallai y bydd rhaid i fynd a dod o hyd ac yn disodli
nifer fawr o linellau o god.

787
00:36:31,275 --> 00:36:35,170
Mae'n llawer mwy grymus i ganoli
pob estheteg o'r fath yma.

788
00:36:35,170 --> 00:36:38,850
Ond os hoffech i ailddefnyddio rhai
estheteg yn y tudalennau gwe lluosog, pob un

789
00:36:38,850 --> 00:36:41,100
y mwyaf cymhellol, er
enghraifft, creu ffeil

790
00:36:41,100 --> 00:36:45,290
galw gyda chynnwys hynny.

791
00:36:45,290 --> 00:36:46,680
>> A gadewch i mi wneud hyn.

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

793
00:36:51,150 --> 00:36:51,920
Arbed y ffeil hon.

794
00:36:51,920 --> 00:36:55,580
Yr wyf yn dweud styles.css, mympwyol,
ond confensiynol.

795
00:36:55,580 --> 00:36:58,770
'N annhymerus' ei roi yng nghartref John Harvard yn
cyfeirlyfr nawr ar gyfer symlrwydd.

796
00:36:58,770 --> 00:37:03,880
A beth y gallaf ei wneud yn fy dudalen we yn cael
gwared ar y tag arddull yn gyfan gwbl,

797
00:37:03,880 --> 00:37:08,270
a braidd unintuitively, defnyddiwch ddolen
tag, nad yw'n rhoi dolen yn eich

798
00:37:08,270 --> 00:37:13,140
y hyperlink, synnwyr clickable, ond
lle yr wyf yn dweud gyswllt, href hafal

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

800
00:37:15,120 --> 00:37:20,050
Ac y berthynas sydd yr elfen hon
wedi â'r dudalen we yw i wasanaethu fel

801
00:37:20,050 --> 00:37:21,280
ei dalen arddull.

802
00:37:21,280 --> 00:37:22,670
>> Felly, sut wnes i yn gwybod hyn?

803
00:37:22,670 --> 00:37:25,950
Un, 'ch jyst ddarllen y llawlyfr,
neu os ydych yn Google o gwmpas, ac rydych yn

804
00:37:25,950 --> 00:37:27,000
edrych ar adnoddau amrywiol.

805
00:37:27,000 --> 00:37:30,520
Yr wyf yn golygu, bod yn wirioneddol sut y byddwch yn codi
technegau fel hyn, ac, yn gyson

806
00:37:30,520 --> 00:37:34,720
gyda'r syniad hwn o addysgu eich hun newydd
ieithoedd, unwaith eto, byddwch yn canfod bod

807
00:37:34,720 --> 00:37:38,830
dim ond nifer cyfyngedig o bethau dim ond
i unrhyw iaith, ar ôl i chi gael

808
00:37:38,830 --> 00:37:41,310
nhw, fe welwch ei fod yn cael
yn gyflymach ac yn gyflymach i ysgrifennu.

809
00:37:41,310 --> 00:37:44,180
Yn wir, dysgu rhaglennu newydd
iaith mor llawer cyflymach na'r newydd

810
00:37:44,180 --> 00:37:47,380
iaith a siaredir gan fod y pethau hyn
yn llawer llai ac yn llawer mwy

811
00:37:47,380 --> 00:37:48,820
diffinio'n fanwl.

812
00:37:48,820 --> 00:37:51,590
>> Ond rwyf wedi tynnu sylw at ychydig
o anghysondeb yma.

813
00:37:51,590 --> 00:37:57,750
Pam yr wyf wedi tynnu sylw at hyn yn
slaes ymlaen yma?

814
00:37:57,750 --> 00:37:59,420
Gan fod rhaid i mi gau'r tag.

815
00:37:59,420 --> 00:38:00,530
Dylwn i gau'r tag.

816
00:38:00,530 --> 00:38:02,750
A byddwch yn dod o hyd i adnoddau di-rif
ar-lein nad ydynt yn

817
00:38:02,750 --> 00:38:04,080
angenrheidrwydd tagiau agos.

818
00:38:04,080 --> 00:38:08,770
Ac yn realistig, nid yw'n gwbl
angenrheidiol ar gyfer technegol ac mae

819
00:38:08,770 --> 00:38:11,950
rhesymau o realiti, porwyr yn unig
weddol oddefgar o gamgymeriadau yn y we

820
00:38:11,950 --> 00:38:14,360
tudalennau, er gwell neu er gwaeth,
ond yn bennaf yn waeth.

821
00:38:14,360 --> 00:38:18,830
>> Felly hyn yma yn unig yn ffordd lanach o
yn dweud rhywbeth twp fel hyn,

822
00:38:18,830 --> 00:38:22,330
lle os ydych am i agor y tag cyswllt
ond yn agos iddo, does dim syniad

823
00:38:22,330 --> 00:38:23,720
cynnwys ar gyfer tag ddolen.

824
00:38:23,720 --> 00:38:26,000
Mae'n jyst yn golygu llwytho'r
ffeilio a'i roi yma.

825
00:38:26,000 --> 00:38:30,610
Mae fel cynnwys sydyn yn C. Gallwch
agor a chau ar un o'r tagiau i gyd ar unwaith

826
00:38:30,610 --> 00:38:31,660
o fewn yr un tag.

827
00:38:31,660 --> 00:38:33,520
Ac mae enghreifftiau eraill o hyn.

828
00:38:33,520 --> 00:38:37,280
Nid dyma'r ffordd o wneud hyn, ond
y tag br, ar gyfer gwyliau llinell, os wyf yn

829
00:38:37,280 --> 00:38:41,780
yn awyddus iawn i gyflawni'r hyn yr wyf yn
ceisio o'r blaen trwy taro Mewnbynnu, os

830
00:38:41,780 --> 00:38:45,380
Yr wyf yn dweud yn benodol toriad llinell, torri llinell,
toriad llinell, torri llinell, a

831
00:38:45,380 --> 00:38:49,100
Yna ail-lwytho y dudalen hon, yn awr byddwch yn sylwi
y waelod y dudalen hon,

832
00:38:49,100 --> 00:38:51,940
yn wir, mae llawer ymhellach i lawr yn
waelod y dudalen.

833
00:38:51,940 --> 00:38:55,840
Ond hyd yn oed y gellir ei wneud yn llawer mwy
lân â CSS, a gyda ymylon,

834
00:38:55,840 --> 00:38:58,120
a gyda esthetig eraill
technegau.

835
00:38:58,120 --> 00:38:59,940
>> Felly, ar hyn o bryd, mae'r siopau cludfwyd yn hyn.

836
00:38:59,940 --> 00:39:02,320
Yn HTML, mae gennym y rhain
pethau o'r enw tagiau.

837
00:39:02,320 --> 00:39:04,830
Yn CSS, rydym wedi y pethau hyn
Gelwir eiddo.

838
00:39:04,830 --> 00:39:08,700
Gallwn comingle y ddwy iaith,
naill ai drwy ddefnyddio'r briodoledd arddull,

839
00:39:08,700 --> 00:39:14,240
neu 'r tag arddull, neu orau eto, ffactoreiddio
allan yn gyfan gwbl, fel yr ydym yn ei wneud

840
00:39:14,240 --> 00:39:17,270
yn broblem a osodwyd 7.

841
00:39:17,270 --> 00:39:23,820
Cwestiynau, yna, am y
hanfodion cysyniadol yma?

842
00:39:23,820 --> 00:39:24,740
>> GYNULLEIDFA: Mae gennyf gwestiwn.

843
00:39:24,740 --> 00:39:25,630
>> SIARADWR 1: O, mae'n ddrwg gennyf.

844
00:39:25,630 --> 00:39:28,880
>> GYNULLEIDFA: Pam nad oedd yn lliw -

845
00:39:28,880 --> 00:39:31,410
>> SIARADWR 1: O, yn y tab eraill?

846
00:39:31,410 --> 00:39:32,232
Mae hyn yma?

847
00:39:32,232 --> 00:39:33,482
>> GYNULLEIDFA: Na, mae o fel y -

848
00:39:33,482 --> 00:39:35,330

849
00:39:35,330 --> 00:39:39,480
>> SIARADWR 1: O, mae hynny oherwydd
Yr wyf yn bod yn flêr.

850
00:39:39,480 --> 00:39:41,350
Yr wyf yn rhoi'r ffeil yn y lle anghywir.

851
00:39:41,350 --> 00:39:47,840
Felly, os wyf mewn gwirionedd yn ei roi yma, ac yr wyf
chmod iddo, i gyd r + ar gyfer styles.css, a

852
00:39:47,840 --> 00:39:52,050
bellach yn ail-lwytho y dudalen, yn awr rydym yn
cael y stylization ôl.

853
00:39:52,050 --> 00:39:54,530
Ac oherwydd bod y maint ffont yn
wahanol, nid ydym yn gweld yn eithaf cymaint

854
00:39:54,530 --> 00:39:55,010
gofod gwyn.

855
00:39:55,010 --> 00:39:58,240
Rydym yn hytrach yn gweld beth yw'r
diofyn yn lle hynny.

856
00:39:58,240 --> 00:40:00,050
Gwestiwn da.

857
00:40:00,050 --> 00:40:00,846
Ie?

858
00:40:00,846 --> 00:40:02,630
>> GYNULLEIDFA: Pam fod y cyswllt
tag tu fewn y pennawd?

859
00:40:02,630 --> 00:40:06,270
>> SIARADWR 1: Pam fod y cysylltiadau
tag tu mewn i'r pennawd -

860
00:40:06,270 --> 00:40:07,650
ateb byr, dim ond oherwydd.

861
00:40:07,650 --> 00:40:08,930
Dyna beth oedd y penderfyniad.

862
00:40:08,930 --> 00:40:10,720
Dyna lle mae'r tagiau cyswllt yn mynd pan
oes gennych yr hyn a elwir yn

863
00:40:10,720 --> 00:40:13,650
dalen arddull allanol.

864
00:40:13,650 --> 00:40:16,430
Cwestiynau eraill?

865
00:40:16,430 --> 00:40:17,770
>> Mae pob hawl, yn dda gadewch i ni wneud hyn.

866
00:40:17,770 --> 00:40:20,500
Mae gennym gymaint o hwyl o'n blaenau heddiw.

867
00:40:20,500 --> 00:40:22,480
Dyna dim ond crafu
wyneb y CSS.

868
00:40:22,480 --> 00:40:23,010
Gadewch i ni wneud hyn.

869
00:40:23,010 --> 00:40:25,980
Gadewch i ni gymryd egwyl o bum munud yma
oherwydd, fesul fy e-bost, gadewch i hongian yn

870
00:40:25,980 --> 00:40:27,200
yno hyd 2:30-ish heddiw.

871
00:40:27,200 --> 00:40:28,540
Ond os bydd yn rhaid i
gadael, mae hynny'n iawn.

872
00:40:28,540 --> 00:40:30,380
Ond byddwn yn symud ymlaen ar ôl
seibiant o bum munud.

873
00:40:30,380 --> 00:40:35,930
A byddwn yn dysgu rhywbeth bach
am PHP, MySQL, a mwy.

874
00:40:35,930 --> 00:40:44,520
>> Mae pob hawl, felly gadewch i ni geisio, yn awr, i glymu
ychydig o'r syniadau hyn at ei gilydd ac yn gwneud,

875
00:40:44,520 --> 00:40:46,180
yn dweud, mae ein peiriant chwilio hunain.

876
00:40:46,180 --> 00:40:48,570
Sylwais, yn hytrach rhyfedd,
y canlynol.

877
00:40:48,570 --> 00:40:52,610
Pan ydych yn Google.com, rydych yn
fel arfer ar URL fel hwn yma

878
00:40:52,610 --> 00:40:54,870
heb ddim ar ôl y dot com.

879
00:40:54,870 --> 00:40:59,760
Ond os wyf yn chwilio rhywbeth twp fel
cathod, a daro Chofnoda, byddwn yn ei gael - nid

880
00:40:59,760 --> 00:41:01,300
dwp, ond eich bod yn gwybod.

881
00:41:01,300 --> 00:41:05,410
>> Iawn, felly sylwi, ar frig y dudalen,
hyn, mae'r URL wedi, wrth gwrs, yn newid.

882
00:41:05,410 --> 00:41:07,190
Ac nid yw hyn yn unrhyw beth
newydd i unrhyw un ohonom.

883
00:41:07,190 --> 00:41:09,290
I chi glicio cysylltiadau a phethau
digwydd ar y we.

884
00:41:09,290 --> 00:41:11,420
Ond yr hyn sy'n ddiddorol yma
yw'r canlynol.

885
00:41:11,420 --> 00:41:14,500
Mae llawer gyfan o annibendod, ond gadewch
mi taflu pethau nad wyf yn ei wneud

886
00:41:14,500 --> 00:41:16,600
yn deall neu nad yw'n
wir yn edrych berthnasol.

887
00:41:16,600 --> 00:41:18,490
>> Gadewch i mi gael gwared o hyn.

888
00:41:18,490 --> 00:41:20,030
Gadewch i mi gael gwared o hyn.

889
00:41:20,030 --> 00:41:22,630
A gadewch i mi yn unig yn cael gwared
hyn oll.

890
00:41:22,630 --> 00:41:28,840
Ac yn awr sylwi bod cathod yn y URL,
dilyn gyda q, yna cyfartal

891
00:41:28,840 --> 00:41:29,710
llofnodi o'i flaen.

892
00:41:29,710 --> 00:41:32,110
Felly, mae'n troi allan dyma sut y mae'r
ffordd y mae'n gweithio pan ddaw

893
00:41:32,110 --> 00:41:33,360
i mewnbwn ac allbwn.

894
00:41:33,360 --> 00:41:37,510
>> Rydym wedi siarad am amser am
blychau du, dde?

895
00:41:37,510 --> 00:41:41,650
Felly, os yw hyn yn swyddogaeth gweithredu
yma fel blwch du, mae'n cymryd mewnbwn

896
00:41:41,650 --> 00:41:45,290
ac yn cynhyrchu allbwn, yn dda, y modd
erbyn pryd rydych yn rhoi mewnbwn i

897
00:41:45,290 --> 00:41:49,270
wefan yw drwy ffordd, yn aml, ei URLs.

898
00:41:49,270 --> 00:41:52,850
Rydych yn syml yn rhoi marc cwestiwn
ac yna yn dychwelyd gwerth allweddol.

899
00:41:52,850 --> 00:41:56,740
Ac yna efallai yn ampersand, ac yna
allweddol arall yn hafal i werth, yna efallai

900
00:41:56,740 --> 00:41:58,810
ampersand arall, allwedd hafal gwerth.

901
00:41:58,810 --> 00:42:03,030
Dyna sut yr ydych yn pasio yn allweddi a
gwerthoedd, parau o fewnbynnau.

902
00:42:03,030 --> 00:42:07,050
>> Felly os wyf yn taro Rhowch nawr, beth
diddorol am Google yw bod yr holl

903
00:42:07,050 --> 00:42:10,420
nad oedd annibendod wyf ddileu yn ymddangos
i fod yn gwbl angenrheidiol.

904
00:42:10,420 --> 00:42:15,120
Y cyfan sydd angen i mi ei anfon at Google yn gwestiwn
marc q hafal cathod i gael

905
00:42:15,120 --> 00:42:16,160
yn ôl rhai cathod.

906
00:42:16,160 --> 00:42:20,160
Wel, yr awgrym o hynny, yna,
yw os wyf yn tynnu i fyny gedit, rwyf wedi dechrau

907
00:42:20,160 --> 00:42:24,360
wneud fy peiriant chwilio hunain yma
mewn ffeil o'r enw seach0.html.

908
00:42:24,360 --> 00:42:26,750
>> A gadewch i mi fynd yn ei flaen ac yn dileu
un llinell mwy na chi

909
00:42:26,750 --> 00:42:27,910
Nid oedd i fod i weld.

910
00:42:27,910 --> 00:42:31,070
Ac yn awr, gadewch i mi fynd i mewn i fy porwr ei hun,
felly nid i Google, ac yn mynd i

911
00:42:31,070 --> 00:42:34,900
http://localhost.

912
00:42:34,900 --> 00:42:36,220
Ac mae hynny'n mynd i gael yn y ffordd.

913
00:42:36,220 --> 00:42:43,240
Felly, rydym yn mynd i gael i ddweud hwyl fawr i
hynny ar hyn o bryd, yn symud hyn dros yma,

914
00:42:43,240 --> 00:42:46,270
oh, yn awr rydym yn mynd i gael i
dweud hwyl fawr i'r ffeil.

915
00:42:46,270 --> 00:42:51,700
>> Pryd bynnag y byddwch yn cael ffeil o'r enw
index.html neu index.php mewn

916
00:42:51,700 --> 00:42:54,980
cyfeiriadur, os yw'r gweinydd gwe yn
ffurfweddu yn y ffordd hon, yr hyn yr ydych chi helpu

917
00:42:54,980 --> 00:42:59,600
gweld, yn ddiofyn, yn cynnwys y
ffeil yn hytrach na rhestr o'r

918
00:42:59,600 --> 00:43:02,330
cyfeiriadur, gan fy mod i eisiau yma.

919
00:43:02,330 --> 00:43:03,750
Mwy am hyn yn y fanyleb.

920
00:43:03,750 --> 00:43:04,610
Doeddech chi ddim yn gweld hynny.

921
00:43:04,610 --> 00:43:06,360
>> Felly, mae hyn yn beth yr wyf mewn gwirionedd eisiau.

922
00:43:06,360 --> 00:43:08,810
Ond funud yn ôl, roedd
ffeil yn y ffolder hwn a elwir yn

923
00:43:08,810 --> 00:43:11,290
index.html a index.php.

924
00:43:11,290 --> 00:43:13,380
Ac felly y gweinydd gwe yn
ddangos i mi ffeiliau hynny.

925
00:43:13,380 --> 00:43:15,900
Yn lle hynny, yr wyf am y cyfeiriadur hwn
rhestru yma.

926
00:43:15,900 --> 00:43:18,340
>> Felly, yr wyf i'n mynd i fynd i mewn i
CSS ac yn mynd i search0.

927
00:43:18,340 --> 00:43:21,770
Ac yr wyf yn honni bod hyn yn mynd i fod yn
ddechrau fy cystadleuol hun

928
00:43:21,770 --> 00:43:22,490
peiriant chwilio.

929
00:43:22,490 --> 00:43:27,630
Ac i wneud hyn, yr wyf i'n mynd i fynd i mewn
yma, i mewn i CSS, ac yn agor i fyny gyda

930
00:43:27,630 --> 00:43:30,190
gedit, search 0.

931
00:43:30,190 --> 00:43:32,280
Ond yn anffodus, mae
dim llawer yn digwydd yma.

932
00:43:32,280 --> 00:43:35,690
Y cyfan yr oedd yn defnyddio tag pennawd, sy'n
digwydd i gael ei alw h1, sy'n

933
00:43:35,690 --> 00:43:38,180
hanfod yn golygu fawr ac
beiddgar, a dyna ni.

934
00:43:38,180 --> 00:43:40,810
Ond mae'r modd y gallwn
darparu mewnbwn trwy gyfrwng y rhain yn

935
00:43:40,810 --> 00:43:42,180
pethau o'r enw ffurflenni.

936
00:43:42,180 --> 00:43:46,040
>> Felly, gadewch i mi fynd yn ei flaen ac yn agor a chau,
preemptively, tag ffurflen yno.

937
00:43:46,040 --> 00:43:48,060
A gadewch i mi fynd yn ei flaen a gwneud
rhywbeth fel hyn.

938
00:43:48,060 --> 00:43:51,430
Mewnbwn, math hafal testun.

939
00:43:51,430 --> 00:43:56,320
Ac yna gadewch i ni gau'r dag o fewn
y bracedi eu hunain.

940
00:43:56,320 --> 00:43:58,800
Nid oes angen i mi ddechrau maes testun
a rhoi'r gorau i maes testun.

941
00:43:58,800 --> 00:44:01,080
Mae'n jyst yn mynd i fod yno ai peidio.

942
00:44:01,080 --> 00:44:06,210
>> Ac yna is na hynny, gadewch i ni wneud
Math mewnbwn yn hafal cyflwyno.

943
00:44:06,210 --> 00:44:06,870
Achub y.

944
00:44:06,870 --> 00:44:08,630
Ac yn awr gadewch i ni wneud
gwirio sanity gyflym.

945
00:44:08,630 --> 00:44:09,820
Gadewch i ail-lwytho.

946
00:44:09,820 --> 00:44:10,890
>> Iawn, felly nid yw'n ddrwg.

947
00:44:10,890 --> 00:44:13,260
Dyw hi ddim yn arddull Google,
ond mae'n eithaf agos.

948
00:44:13,260 --> 00:44:13,920
Mae yna faes testun.

949
00:44:13,920 --> 00:44:17,190
Gallaf deipio rhai pethau yn y, daro Mewnbynnu,
ond nid oes dim yn digwydd eto.

950
00:44:17,190 --> 00:44:21,090
Ac mae hynny oherwydd nid wyf wedi pennu
achos am y ffurflen hon, fel petai.

951
00:44:21,090 --> 00:44:23,860
Felly os wyf yn mynd yn ôl at yr elfen ffurflen,
mae'n troi allan, ac yr wyf yn gwybod hyn yn unig

952
00:44:23,860 --> 00:44:27,460
o gael darllen y dogfennau, hynny
y tag ffurflen yn cymryd priodoledd

953
00:44:27,460 --> 00:44:31,880
a elwir yn gweithredu dyna'r URL
y wefan yr ydych

954
00:44:31,880 --> 00:44:34,790
eisiau anfon y ffurflen.

955
00:44:34,790 --> 00:44:37,610
>> Dwi ddim yn credu ein bod yn cael amser i
gweithredu'r cyfan diwedd yn ôl am

956
00:44:37,610 --> 00:44:38,570
peiriant chwilio heddiw.

957
00:44:38,570 --> 00:44:41,900
Felly, rydym yn jyst yn mynd i ddweud, eh,
ewch i google.com / chwilio.

958
00:44:41,900 --> 00:44:43,450
Ac yn awr gadewch i mi gau fy dyfyniadau.

959
00:44:43,450 --> 00:44:46,070
A gadewch i mi nodi ymhellach y
y dull i'w ddefnyddio yn mynd

960
00:44:46,070 --> 00:44:47,120
i gael ei alw yn ei gael.

961
00:44:47,120 --> 00:44:50,650
>> Stori fer hir, mae dwy ffordd, yn
lleiaf, y gallwch gyflwyno gwybodaeth

962
00:44:50,650 --> 00:44:51,880
o borwr i gweinydd.

963
00:44:51,880 --> 00:44:55,340
Mae un yn cael, ac, at ddibenion heddiw,
mai dim ond yn golygu yn yr URL.

964
00:44:55,340 --> 00:44:58,730
Byddwch yn gweld yn union y marciau cwestiwn, y
hafal arwyddion, a ampersands bod

965
00:44:58,730 --> 00:44:59,780
gwelsom yn gynharach.

966
00:44:59,780 --> 00:45:02,890
Neu os oes swydd amgen o'r enw.

967
00:45:02,890 --> 00:45:06,490
Am y tro, yn gwybod bod y swydd yn cael ei ddefnyddio yn aml
pan fyddwch eisiau i lwytho ffeiliau, fel

968
00:45:06,490 --> 00:45:09,820
delweddau ac yn y blaen, neu pan fyddwch am i
cyflwyno gwybodaeth cerdyn credyd, neu

969
00:45:09,820 --> 00:45:13,810
cyfrineiriau, unrhyw beth nad yw'n
wir yn gwneud synnwyr, yn gysyniadol, neu

970
00:45:13,810 --> 00:45:18,020
diogelwch ddoeth, i roi diwedd ar i fyny yn y URL y
eich porwr, lle snooping rhieni,

971
00:45:18,020 --> 00:45:21,520
neu roommates, neu unrhyw un sydd â mynediad
ar eich cyfrifiadur allai weld.

972
00:45:21,520 --> 00:45:23,110
>> Felly, gadewch i ni ac eithrio bod yma.

973
00:45:23,110 --> 00:45:24,480
Ac mae angen i mi wneud un peth arall.

974
00:45:24,480 --> 00:45:27,250
Nid yw'n ddigon dim ond i
dweud yn rhoi faes testun mi.

975
00:45:27,250 --> 00:45:29,850
Rhaid i mi roi yn y maes hwnnw
gwerthfawrogi enw.

976
00:45:29,850 --> 00:45:34,500
Felly, gadewch i mi fenthyg dewis Google o
enwau, q, ac yn nodi bod ail

977
00:45:34,500 --> 00:45:38,150
priodoli Dydw i ddim wir yn poeni am
enw'r botwm Cyflwyno.

978
00:45:38,150 --> 00:45:40,890
Y cyfan yr wyf yn poeni am yn cyflwyno
pa fathau y defnyddiwr i mewn

979
00:45:40,890 --> 00:45:41,940
>> Ac yn awr mae hyn yn fath o hyll.

980
00:45:41,940 --> 00:45:42,820
'I jyst yn dweud cyflwyno.

981
00:45:42,820 --> 00:45:46,350
Mae'n troi allan, ac yr wyf yn gwybod hyn gan y
dogfennaeth, gallaf ddweud mewn gwirionedd

982
00:45:46,350 --> 00:45:51,710
werth hafal dyfyniad unquote "CS50
SEACH, "dyfyniad agos.

983
00:45:51,710 --> 00:45:53,030
Yna gadewch i ni ail-lwytho eto.

984
00:45:53,030 --> 00:45:57,020
Felly, yr wyf yn cadw taro Command-R, neu
Control-R ar fy bysellfwrdd i ail-lwytho.

985
00:45:57,020 --> 00:45:58,605
>> Nawr mae gennym fwy diddorol
peiriant chwilio.

986
00:45:58,605 --> 00:46:00,340
Nid yw'n hollol edrych fel
Google eto, er.

987
00:46:00,340 --> 00:46:04,100
Felly, gadewch i ni fynd yn ei flaen i mewn yma ac
wneud ychydig o egwyl llinell.

988
00:46:04,100 --> 00:46:06,066
>> Iawn, felly yn awr mae gennym Google.

989
00:46:06,066 --> 00:46:08,260
Rydym mewn gwirionedd yn bron yn oes Google.

990
00:46:08,260 --> 00:46:10,460
Felly, yn awr beth sy'n mynd i ddigwydd?

991
00:46:10,460 --> 00:46:12,220
Dw i'n mynd i deipio rhywbeth
fel Cats.

992
00:46:12,220 --> 00:46:16,570
Ac mae'r porwr yn mynd i dosrannu
sy'n ffurfio fy mod diffiniedig.

993
00:46:16,570 --> 00:46:19,470
Ac mae'n mynd i anfon
y defnyddiwr i'r URL.

994
00:46:19,470 --> 00:46:23,420
Felly, y tro hwn, am ryw reswm rhyfedd,
Ges i fwy o wybodaeth am stociau

995
00:46:23,420 --> 00:46:24,410
nag am gathod gwirioneddol.

996
00:46:24,410 --> 00:46:30,580
Ond mae hynny'n iawn oherwydd sylwi rydym yn dal i
a ddaeth i ben i fyny yma, q hafal cathod.

997
00:46:30,580 --> 00:46:35,200
>> Felly stori fer hir, mae'n ymddangos yn deg
ddibwys i gael mewnbwn gan y defnyddiwr.

998
00:46:35,200 --> 00:46:38,190
Ac i fod yn deg, mae sypiau
mathau eraill o gaeau ffurflen.

999
00:46:38,190 --> 00:46:41,510
Mae blychau gwirio, ac ychydig i'r ddwy ochr
botymau radio unigryw, a

1000
00:46:41,510 --> 00:46:42,960
gollwng i lawr bwydlenni, a mwy.

1001
00:46:42,960 --> 00:46:46,160
Ond mae pawb mor gymharol
yn hawdd eu gweithredu fel

1002
00:46:46,160 --> 00:46:48,040
y maes hwn oedd y testun.

1003
00:46:48,040 --> 00:46:52,050
Ac yn y pen draw, rydym yn unig rhaid i ni wneud
bod rhywun yn gwrando ar y llaw arall

1004
00:46:52,050 --> 00:46:56,490
ddiwedd y lein er mwyn cael y
wybodaeth a brosesir, rywsut, a

1005
00:46:56,490 --> 00:46:58,440
rhoi i ni yn ôl ein cathod.

1006
00:46:58,440 --> 00:47:00,840
>> Gadewch i ni edrych ar ychydig
mwy o ran esiampl.

1007
00:47:00,840 --> 00:47:06,020
Gadewch i mi fynd i mewn i gyfeiriadur fy Vhost yn,
i mewn i llu lleol, y cyhoedd, a lle yr wyf

1008
00:47:06,020 --> 00:47:06,980
rhoi cod ffynhonnell heddiw.

1009
00:47:06,980 --> 00:47:09,800
Bydd hyn i gyd fod ar y cwrs
gwefan i chi i botsian gyda nhw.

1010
00:47:09,800 --> 00:47:15,420
Ac os byddaf yn mynd i mewn i froshims, gadewch i mi agor
i fyny y ffeil hon nawr, froshim0.php.

1011
00:47:15,420 --> 00:47:18,460
Mae hon yn ychydig mwy o verbose, felly
ni fyddwn yn ysgrifennu hyn o'r dechrau.

1012
00:47:18,460 --> 00:47:21,970
Ond dim ond yn sylwi nawr ychydig braidd
nodweddion cyfarwydd.

1013
00:47:21,970 --> 00:47:24,550
>> Un, tag ffurf, gweithredu gwahanol.

1014
00:47:24,550 --> 00:47:25,670
Dyw hi ddim yn URL llawn.

1015
00:47:25,670 --> 00:47:29,930
Yn awr, mae'n debyg i ffeil o'r enw
register0.php oherwydd, yn y man,

1016
00:47:29,930 --> 00:47:32,660
Rydw i'n mynd i ddysgu fy hun ychydig
rhywbeth am PHP, a rhaglennu

1017
00:47:32,660 --> 00:47:37,360
iaith, oherwydd gall PHP yn cael ei ddefnyddio i
weithredu'r hyn Google weithredu fel

1018
00:47:37,360 --> 00:47:39,650
y pen-ôl eu peiriannau chwilio.

1019
00:47:39,650 --> 00:47:42,890
>> Google, mewn gwirionedd, yn ôl pob tebyg yn defnyddio
rhai Python, mae rhai C + +, a

1020
00:47:42,890 --> 00:47:44,230
tusw o ieithoedd eraill.

1021
00:47:44,230 --> 00:47:48,230
Ond gallai yn sicr gweithredu chwiliad
canlyniadau gan ddefnyddio PHP os oeddem am.

1022
00:47:48,230 --> 00:47:49,610
Ond am nawr, byddwn yn cadw pethau'n syml.

1023
00:47:49,610 --> 00:47:53,320
Ac mae hyn mewn gwirionedd yn atgoffa rhywun o un
o'r gwefannau cyntaf arall yr wyf yn

1024
00:47:53,320 --> 00:47:54,490
gwneud o flynyddoedd yn ôl.

1025
00:47:54,490 --> 00:47:58,160
>> Yn ôl yn fy niwrnod, i chi gofrestru ar gyfer
chwaraeon rhyngfurol fel freshman gan

1026
00:47:58,160 --> 00:48:00,880
llenwi darn o bapur, cerdded
ar draws yr iard, a gollwng yn

1027
00:48:00,880 --> 00:48:04,890
y blwch post o Proctor yn
Wigglesworth, a dyna sut yr ydych yn

1028
00:48:04,890 --> 00:48:05,460
gofrestru.

1029
00:48:05,460 --> 00:48:09,650
Ac felly fy mhrosiect yn fuan ar ôl CS50,
oedd i roi hynny, sy'n gwneud berffaith

1030
00:48:09,650 --> 00:48:13,460
synnwyr, ar y we, ac nid oedd
fel yn ffasiynol, yna fel y mae nawr.

1031
00:48:13,460 --> 00:48:17,510
Ond bu'n rhaid i bawb wneud oedd creu,
hanfod, ffurflen HTML.

1032
00:48:17,510 --> 00:48:19,640
>> A bod ffurflen yn edrych
yn fras fel hyn.

1033
00:48:19,640 --> 00:48:22,480
Yr wyf wedi cael mewnbwn ar gyfer y
enw freshman yn.

1034
00:48:22,480 --> 00:48:27,780
Cefais blwch gwirio arall am p'un a
neu nad ydynt eisiau bod yn gapten, beth

1035
00:48:27,780 --> 00:48:30,400
oedd eu rhyw, ac
beth yw eu dorm oedd.

1036
00:48:30,400 --> 00:48:33,370
Ac yna yr wyf codio galed mewn pethau
fel Apley Court, a Canaday,

1037
00:48:33,370 --> 00:48:34,880
Llwyd, ac yn y blaen.

1038
00:48:34,880 --> 00:48:36,300
>> Felly, unwaith eto, tagiau newydd.

1039
00:48:36,300 --> 00:48:39,820
Wedi gweld hyn o'r blaen, newydd
priodoleddau hyn, ond yn weddol hygyrch.

1040
00:48:39,820 --> 00:48:42,360
Unwaith y byddwch yn gweld enghraifft, gallwch fath
benthyg y syniad hwnnw a gwneud gostyngiad

1041
00:48:42,360 --> 00:48:43,820
i lawr fwydlen ar gyfer y rhan fwyaf o unrhyw beth.

1042
00:48:43,820 --> 00:48:46,350
Ond yr hyn sy'n allweddol yw bod pob un o'r
pethau hyn enwau.

1043
00:48:46,350 --> 00:48:49,720
Ac ar waelod y ffurflen hon, mae
a botwm cyflwyno ei label,

1044
00:48:49,720 --> 00:48:51,510
neu werth, yn gofrestr.

1045
00:48:51,510 --> 00:48:52,670
>> Felly, gadewch i ni fynd i'r dudalen hon.

1046
00:48:52,670 --> 00:48:55,050
Gadewch i mi fynd yn ôl i mewn i'r
rhestru cyfeiriadur.

1047
00:48:55,050 --> 00:48:59,410
Gadewch i mi fynd i mewn i froshims,
a mynd i'r froshim0.php.

1048
00:48:59,410 --> 00:49:01,150
Felly mae'n erchyll, i fod yn deg.

1049
00:49:01,150 --> 00:49:03,950
Er mwyn i mi bendant stylize hyn
gyda rhai CSS, gallwn wneud rhai

1050
00:49:03,950 --> 00:49:06,890
graffeg, efallai ychwanegu ychydig o liwiau,
ac yn gwneud hyn yn prettier.

1051
00:49:06,890 --> 00:49:10,530
Ond swyddogaethol, byddwn i'n dadlau bod hyn
yn eithaf cyflawn mewn gwirionedd.

1052
00:49:10,530 --> 00:49:15,190
>> Yn anffodus, pan fyddaf yn llenwi'r hyn,
David, Capten, Gwryw, byddwn yn dewis,

1053
00:49:15,190 --> 00:49:20,510
gadewch i ni ddweud Matthews, Gofrestr,
cyfan sy'n digwydd yw hyn.

1054
00:49:20,510 --> 00:49:21,910
Ond yn sylwi ar ychydig o siopau cludfwyd.

1055
00:49:21,910 --> 00:49:27,130
Un, pa ffeil dychwelyd y rhai
canlyniadau, mae'n debyg?

1056
00:49:27,130 --> 00:49:29,470
Felly y mae, yn wir, register0.php.

1057
00:49:29,470 --> 00:49:34,570
Felly, mae'r ffaith ein bod yn gweld bod camau
gwerth funud yn ôl am register0, mae hyn yn

1058
00:49:34,570 --> 00:49:37,500
cadarnhau'r ein bod yn wir, a ddaeth i ben
i fyny ar y ffeil benodol.

1059
00:49:37,500 --> 00:49:39,040
>> Nawr mae hyn yn unig yw destun hyll.

1060
00:49:39,040 --> 00:49:42,810
Ond yn sylwi bod y testun hwn yn
yn dod o'r gwesteiwr lleol,

1061
00:49:42,810 --> 00:49:44,170
sydd yn dod o yr offer.

1062
00:49:44,170 --> 00:49:46,350
Meddyliwch am yr offer yn awr fel dim ond
weinydd y we a allai fod ar y

1063
00:49:46,350 --> 00:49:46,910
Gwyddoniaeth Center.

1064
00:49:46,910 --> 00:49:48,060
Gallai fod ar y we ei hun.

1065
00:49:48,060 --> 00:49:49,850
Felly mae'n hygyrch i'r cyhoedd.

1066
00:49:49,850 --> 00:49:55,480
>> Felly, yn amlwg, mae rhywfaint o ffordd o basio
ffurfio mewnbynnau maes i weinydd

1067
00:49:55,480 --> 00:49:56,840
fel y gall ei wneud rhywbeth gyda nhw.

1068
00:49:56,840 --> 00:49:59,020
Yn anffodus, register0
yn eithaf dwp.

1069
00:49:59,020 --> 00:50:01,870
Mae'r holl mae'n ei wneud yw argraffu arae
sy'n edrych fel hyn.

1070
00:50:01,870 --> 00:50:04,790
Ac nid ei fod yn amrywiaeth yn y
synnwyr ein bod yn gwybod ei fod.

1071
00:50:04,790 --> 00:50:08,760
Ymddangos bod PHP, ac mae llawer o
ieithoedd, yn cael nid yn unig yn rhifiadol

1072
00:50:08,760 --> 00:50:12,350
araeau mynegeio ei mynegai cyntaf yw
sero, yna un, yna dwy, yna dot,

1073
00:50:12,350 --> 00:50:13,780
dot, dot, n minws 1.

1074
00:50:13,780 --> 00:50:16,400
>> Mae hyn yn yr hyn a elwir yn
amrywiaeth cysylltiadol.

1075
00:50:16,400 --> 00:50:21,150
Mae amrywiaeth cysylltiadol yn un lle
gallwch storio parau gwerth allweddol lle

1076
00:50:21,150 --> 00:50:23,160
Nid yw yr allwedd o reidrwydd yn rhif.

1077
00:50:23,160 --> 00:50:25,580
Mewn gwirionedd gall fod yn llinyn, gair.

1078
00:50:25,580 --> 00:50:28,230
Ac felly gall hyn gael ei weithredu,
o dan y cwfl, mae'n troi allan,

1079
00:50:28,230 --> 00:50:31,896
gan ddefnyddio strwythur data a elwir yn?

1080
00:50:31,896 --> 00:50:33,600
Thought rhywbeth dramatig
oedd ar fin digwydd -

1081
00:50:33,600 --> 00:50:34,840
tabl hash.

1082
00:50:34,840 --> 00:50:38,955
>> Felly tabl hash, galw i gof, y rhai ohonoch
pwy oedd yn gyfrifol am P set 6, neu hyd yn oed yn cofio

1083
00:50:38,955 --> 00:50:44,110
, o leiaf hyd yn oed os ydych yn gwneud cais, a
tabl hash, yn ein defnydd, yn cael ei ddefnyddio i

1084
00:50:44,110 --> 00:50:45,090
dim ond geiriau storio.

1085
00:50:45,090 --> 00:50:47,980
Ond mewn gwirionedd, yr ydych yn storio
allweddi a gwerthoedd.

1086
00:50:47,980 --> 00:50:51,940
Os ydych yn gweithredu tabl hash ar gyfer P
gosod 6 geiriadur, yr allweddi yn y

1087
00:50:51,940 --> 00:50:56,890
geiriau eu hunain, a'r gwerthoedd
yn wir neu'n anwir yn effeithiol.

1088
00:50:56,890 --> 00:51:00,190
Ie, yma, neu'n ymhlyg,
na, nid yma.

1089
00:51:00,190 --> 00:51:02,140
>> Wel, gallwn gyffredinoli y syniad hwnnw.

1090
00:51:02,140 --> 00:51:06,230
A gallai rydym yn defnyddio data tebyg iawn
strwythur i storio nad yw'r llinyn

1091
00:51:06,230 --> 00:51:10,180
ei hun yn ei ben ei hun yn eich tabl hash, ond
debyg hynny ym mhob un o'ch hash

1092
00:51:10,180 --> 00:51:11,130
nodau tabl yn.

1093
00:51:11,130 --> 00:51:14,210
A allech chi hyd yn oed wneud hyn mewn cais
yn hytrach na dim ond cael bool.

1094
00:51:14,210 --> 00:51:15,350
Gallech gael rhywbeth arall.

1095
00:51:15,350 --> 00:51:19,590
Beth os nad yw'r allweddol oedd Maxwell, ar gyfer
enghraifft, ond dyfynnwch "enw," unquote neu

1096
00:51:19,590 --> 00:51:22,900
dyfynnu "capten." unquote A'r tu mewn
eich strwythur data C, chi roi

1097
00:51:22,900 --> 00:51:26,170
gwerth, nid dim ond Boole, ond o werth
fel dyfyniad unquote "David," neu

1098
00:51:26,170 --> 00:51:28,690
"M," neu "Matthews," ac yn y blaen.

1099
00:51:28,690 --> 00:51:33,170
>> Felly, y rhai yr un strwythurau data a ddefnyddiwyd gennym
debyg yn bodoli mewn ieithoedd eraill.

1100
00:51:33,170 --> 00:51:37,650
A byddwn yn dadlau eu bod mewn gwirionedd yn llawer,
llawer symlach i gael mynediad yma.

1101
00:51:37,650 --> 00:51:40,300
Gadewch i ni mewn gwirionedd yn edrych
nawr ar ryw cystrawen o'r fath.

1102
00:51:40,300 --> 00:51:43,120
>> Rydw i'n mynd i fynd i mewn i gyfeiriadur PHP.

1103
00:51:43,120 --> 00:51:48,390
Ac yr wyf i'n mynd i agor gwell
fersiwn helo-0 o o'r blaen.

1104
00:51:48,390 --> 00:51:50,270
Sylwch fod yr holl wnes i oedd
ychwanegu rhai sylwadau.

1105
00:51:50,270 --> 00:51:52,530
Felly, gallwn gael gwared ar y tynnu sylw.

1106
00:51:52,530 --> 00:51:57,610
>> Ac mae hyn yn rhaglen yn wir printiau
helo am fy mod wedi nodi rhwng

1107
00:51:57,610 --> 00:52:01,420
tagiau yr wyf am i weithredu cod hwnnw.

1108
00:52:01,420 --> 00:52:03,380
Yn awr, byddwn yn gweld yn y munud
pam mae hyn yn ddefnyddiol.

1109
00:52:03,380 --> 00:52:05,630
Ond gadewch i ni agor un enghraifft arall yma.

1110
00:52:05,630 --> 00:52:10,430
Gadewch i mi fynd yn ei flaen ac yn agor i fyny yn dweud,
gedit amodau un.

1111
00:52:10,430 --> 00:52:12,970
>> Mae hyn yn ffordd yn ôl mewn amser nawr.

1112
00:52:12,970 --> 00:52:16,320
Ond wythnos yn ôl, yr wyf yn meddwl, yn wythnos un neu
wythnos dau, cawsom enghraifft o'r enw

1113
00:52:16,320 --> 00:52:18,470
conditions1.c.

1114
00:52:18,470 --> 00:52:22,050
Ac yr wyf yn penderfynu reimplement yn PHP,
dim ond i fath o bwysleisio bod

1115
00:52:22,050 --> 00:52:26,500
PHP, syntactically, bron yn union yr un fath
i C. Nid yw hyn yn gam mawr

1116
00:52:26,500 --> 00:52:27,840
o wythnos diwethaf i hyn.

1117
00:52:27,840 --> 00:52:31,230
>> Rhybudd ar ben y rhaglen hon, sy'n
dechrau, fel o'r blaen, gyda rhai

1118
00:52:31,230 --> 00:52:34,260
sylwadau, a byddaf yn cael gwared
o yn tynnu sylw.

1119
00:52:34,260 --> 00:52:37,410
Hysbysiad fy mod yn PHP
modd yn y ffeil hon.

1120
00:52:37,410 --> 00:52:40,160
Felly cod hwn, byddwn yn gweld,
Bydd yn cael gweithredu.

1121
00:52:40,160 --> 00:52:42,670
Sylwch fod yna readline,
mae'n debyg mai dyma'r

1122
00:52:42,670 --> 00:52:46,230
analog yn PHP o getstring.

1123
00:52:46,230 --> 00:52:47,390
Sylwi ei fod yn ychydig yn wahanol.

1124
00:52:47,390 --> 00:52:51,410
Chi mewn gwirionedd yn nodi brydlon i'r
swyddogaeth a elwir yn llinell darllen, a dyna

1125
00:52:51,410 --> 00:52:52,180
yr hyn y mae'r defnyddiwr yn gweld.

1126
00:52:52,180 --> 00:52:53,520
Felly nid oes rhaid i chi printf llaw.

1127
00:52:53,520 --> 00:52:54,860
Ond dyw hynny ddim yn beth mawr.

1128
00:52:54,860 --> 00:52:59,150
Rydw i'n mynd i storio, y tu mewn o $ n, y
dychwelyd gwerth hyn, felly beth bynnag y

1129
00:52:59,150 --> 00:53:00,490
Mathau o ddefnyddiwr i mewn yn eu int.

1130
00:53:00,490 --> 00:53:01,660
A dyma chwilfrydedd arall.

1131
00:53:01,660 --> 00:53:05,810
Mae'n troi allan, yn PHP, unrhyw newidyn
dim ond wedi i gael eu rhagddodi

1132
00:53:05,810 --> 00:53:06,970
gydag arwydd doler.

1133
00:53:06,970 --> 00:53:08,110
Mae'n ychydig yn blino.

1134
00:53:08,110 --> 00:53:10,870
Ond sylwi ar yr hyn nad wyf wedi ei wneud yn PHP.

1135
00:53:10,870 --> 00:53:13,980
Beth sydd ar goll o law chwith
ochr yr arwydd hafal?

1136
00:53:13,980 --> 00:53:15,430
>> Dim sôn am fath.

1137
00:53:15,430 --> 00:53:19,400
Felly, mae hyn yn wahanol i C. Er gwell
neu er gwaeth, PHP yn llac

1138
00:53:19,400 --> 00:53:20,550
iaith deipio.

1139
00:53:20,550 --> 00:53:22,010
Mae ganddo rhifau.

1140
00:53:22,010 --> 00:53:23,240
Mae ganddo llinynnau.

1141
00:53:23,240 --> 00:53:24,015
Mae ganddo booleans.

1142
00:53:24,015 --> 00:53:26,220
Ac mae ganddo ychydig o
mathau data eraill.

1143
00:53:26,220 --> 00:53:30,570
Ond chi, y rhaglennydd, fel arfer
Nid oes rhaid i ofalu amdanyn nhw.

1144
00:53:30,570 --> 00:53:34,010
Y peth gorau am hyn yw ei fod yn gwneud
yn haws i raglen ychydig.

1145
00:53:34,010 --> 00:53:35,380
Gallwch chi feddwl ychydig yn llai.

1146
00:53:35,380 --> 00:53:39,840
Yr anfantais yw ei fod hefyd yn agor hyd at
bugs bosibl os ydych yn ddamweiniol

1147
00:53:39,840 --> 00:53:43,080
drin nifer fel llinyn, llinyn
fel nifer, o bosibl, ond hyd yn oed

1148
00:53:43,080 --> 00:53:46,150
Yna, PHP, ac mae llawer o ieithoedd,
yn eithaf goddefgar.

1149
00:53:46,150 --> 00:53:49,050
Byddant yn defnyddio'r hyn a elwir
castio ymhlyg.

1150
00:53:49,050 --> 00:53:55,220
Ac os ydych yn ceisio defnyddio n yng nghyd-destun
o sefyllfa rhifol, bydd yn

1151
00:53:55,220 --> 00:53:58,040
trosi hyn yma yn mynd i fod yn
llinyn, oherwydd os mathau y defnyddiwr

1152
00:53:58,040 --> 00:54:01,570
rhywbeth, a'ch bod yn cael y canlyniad,
fel gyda readline, neu i gael llinyn,

1153
00:54:01,570 --> 00:54:02,910
mae hynny'n mynd i ddychwelyd llinyn.

1154
00:54:02,910 --> 00:54:07,360
>> Ond rhybudd, a llinellau cwpl yn ddiweddarach, yr wyf yn
gwirio os n yn fwy na sero.

1155
00:54:07,360 --> 00:54:13,370
Felly PHP yn mynd i fwrw ymhlyg fy
"Llinyn" 123, neu beth bynnag y defnyddiwr

1156
00:54:13,370 --> 00:54:14,860
fathau i mewn, i mewn i int.

1157
00:54:14,860 --> 00:54:18,730
Felly, yn fyr, pethau dim ond yn gweithio
llawer mwy reddfol.

1158
00:54:18,730 --> 00:54:23,410
Felly, rydym yn awr yn dechrau ymlacio ychydig o'r
pethau yr ydym wedi ei wneud yn y gorffennol.

1159
00:54:23,410 --> 00:54:24,780
>> Mae llawer o'r pethau hyn yn
yr un fath, er.

1160
00:54:24,780 --> 00:54:26,340
Still wedi hafal gyfartal.

1161
00:54:26,340 --> 00:54:30,350
Fel PHP neilltu hefyd wedi hafal hafal i
yn hafal i, ond yn fwy ar hynny, efallai, yn

1162
00:54:30,350 --> 00:54:30,850
y dyfodol.

1163
00:54:30,850 --> 00:54:31,150
Yr oedd a.

1164
00:54:31,150 --> 00:54:35,660
Typo ond dau hafal arwyddion yn golygu'r un peth
peth ag o'r blaen, er mwyn cymharu.

1165
00:54:35,660 --> 00:54:37,060
printf yn golygu yr un peth ag o'r blaen.

1166
00:54:37,060 --> 00:54:39,160
Slaes n golygu'r un peth
peth ag o'r blaen.

1167
00:54:39,160 --> 00:54:40,390
>> Felly, sut ydw i'n rhedeg y rhaglen hon?

1168
00:54:40,390 --> 00:54:44,400
Wel, fel o'r blaen, os wyf yn gwneud PHP,
conditions1.php, a deipio i mewn

1169
00:54:44,400 --> 00:54:46,560
nifer fel 123.

1170
00:54:46,560 --> 00:54:47,720
Dyna rhif positif.

1171
00:54:47,720 --> 00:54:49,510
Os byddaf yn teipio mewn 0, yr wyf yn dewis 0.

1172
00:54:49,510 --> 00:54:53,700
Ac os wyf yn teipio mewn 123 negyddol, i mi gael
yn ôl nifer negyddol, sydd ond

1173
00:54:53,700 --> 00:54:59,050
i ddweud, syntactically, PHP
yn super, super debyg.

1174
00:54:59,050 --> 00:55:03,250
>> Felly, pam mae hyn bellach yn ddefnyddiol
mewn cyd-destun ar y we?

1175
00:55:03,250 --> 00:55:06,710
Wel, gadewch i ni fynd yn ôl at y froshims
enghraifft, a oedd yn edrych,

1176
00:55:06,710 --> 00:55:08,600
unwaith eto, fel hyn yma.

1177
00:55:08,600 --> 00:55:11,580
A gadewch i ni mewn gwirionedd yn tynnu i fyny y dudalen we
unwaith eto, a oedd yn edrych fel hyn.

1178
00:55:11,580 --> 00:55:14,930
Beth allwn ni ei wneud gyda'r
data sy'n cael ei gyflwyno?

1179
00:55:14,930 --> 00:55:18,770
>> Wel, gadewch i mi agor mwy newydd
fersiwn o hyn.

1180
00:55:18,770 --> 00:55:20,920
A byddwch yn gweld bod y broblem
fanyleb yn gosod eich teithiau cerdded

1181
00:55:20,920 --> 00:55:22,850
drwy rai o'r rhain.

1182
00:55:22,850 --> 00:55:29,610
Yn hytrach na dechrau gyda sero,
gadewch i ni edrych ar froshims3,

1183
00:55:29,610 --> 00:55:31,410
sy'n gwneud ychydig yn fwy.

1184
00:55:31,410 --> 00:55:34,780
>> Hysbysiad gyntaf, mewn gwirionedd, gadewch i ni agor
yr hyn 0 oedd, er mwyn i chi weld

1185
00:55:34,780 --> 00:55:37,170
beth oedd cofrestr 0.

1186
00:55:37,170 --> 00:55:40,040
Sylwi ar yr hyn a wnaeth gofrestr 0.

1187
00:55:40,040 --> 00:55:41,730
Un, mae gennyf sylwadau ar y brig.

1188
00:55:41,730 --> 00:55:43,900
Dileu hynny ac yn canolbwyntio yn unig ar hyn.

1189
00:55:43,900 --> 00:55:48,730
Mae'r rhan fwyaf o gynnwys register0.php
, yn amlwg, pa iaith?

1190
00:55:48,730 --> 00:55:49,980
Dim ond PHP amrwd.

1191
00:55:49,980 --> 00:55:53,430
>> Felly rhybudd, nid yw hyn ffeil yn dechrau
â hwy, ar hyn o bryd, braced agored,

1192
00:55:53,430 --> 00:55:54,970
question mark, PHP.

1193
00:55:54,970 --> 00:55:59,800
PHP yn caniatáu i chi i intermingle
Cod PHP gyda tagiau HTML.

1194
00:55:59,800 --> 00:56:04,130
Ond yr wyf wedi gwneud hynny yma y tu mewn
y dudalen dros yma.

1195
00:56:04,130 --> 00:56:08,180
>> Yn awr, unwaith eto, byddech yn unig yn gwybod hyn o
ar ôl edrych ar y llawlyfr. print_r,

1196
00:56:08,180 --> 00:56:13,410
mae'n troi allan, yn print_recursive.
_recursive Ac mae hyn yn unig yw 'n hylaw

1197
00:56:13,410 --> 00:56:16,780
swyddogaeth cyfleustodau mai dim ond yn argraffu allan,
recursively, beth bynnag yr ydych ei llaw.

1198
00:56:16,780 --> 00:56:18,760
Os ydych yn llaw ei arae,
bydd yn argraffu arae.

1199
00:56:18,760 --> 00:56:20,180
Os ydych yn llaw ei fod yn nifer,
bydd yn argraffu rhif.

1200
00:56:20,180 --> 00:56:21,570
Roi ei fod yn llinyn, mae'n chi helpu
argraffu llinyn.

1201
00:56:21,570 --> 00:56:24,500
Os ydych yn llaw ei fod yn dabl hash, mae'n
Bydd argraffu tabl hash.

1202
00:56:24,500 --> 00:56:26,730
Nid oes rhaid i chi ysgrifennu pob
y cod hwnnw eich hun.

1203
00:56:26,730 --> 00:56:29,490
>> Nawr sylwi fy mod yn mynd i mewn
Modd PHP dros yma.

1204
00:56:29,490 --> 00:56:32,070
Rwy'n gadael modd PHP dros yma.

1205
00:56:32,070 --> 00:56:35,950
Felly, pan fydd y gweinydd gwe yn darllen y ffeil
top i'r gwaelod, o'r chwith i'r dde, oherwydd

1206
00:56:35,950 --> 00:56:40,750
mae'n dod i ben yn enw ffeil o'r enw. php,
Nid yw beth bynnag y tu mewn o tagiau PHP yn

1207
00:56:40,750 --> 00:56:42,820
dim ond yn mynd i fod yn poeri
allan, fel HTML amrwd.

1208
00:56:42,820 --> 00:56:43,630
Nid oes llawer mawr.

1209
00:56:43,630 --> 00:56:49,280
Ond cyn gynted ag sylwi ar y gweinydd gwe
hyn, mae'n mynd i ddweud, nid wyf ddylai

1210
00:56:49,280 --> 00:56:51,850
boeri allan, yn llythrennol, print_r y post.

1211
00:56:51,850 --> 00:56:54,910
Dylwn i gyflawni'r canlynol
llinell o god.

1212
00:56:54,910 --> 00:56:59,850
>> Felly, y cwestiwn olaf, yna, y ffeil
yw, yn dda, yr hyn y mae'r Heck yw hyn?

1213
00:56:59,850 --> 00:57:00,530
Dyfalwch chi.

1214
00:57:00,530 --> 00:57:04,230
Beth yw $ _POST, yn ôl pob tebyg?

1215
00:57:04,230 --> 00:57:07,070
>> GYNULLEIDFA: [Anghlywadwy]

1216
00:57:07,070 --> 00:57:08,830
>> SIARADWR 1: Yeah, mae'r data postio.

1217
00:57:08,830 --> 00:57:11,350
Galw i gof, gadewch i sgrolio yn ôl yn
amser ar gyfer dim ond hyn o bryd.

1218
00:57:11,350 --> 00:57:13,165
froshim0, unwaith eto, yn edrych fel hyn.

1219
00:57:13,165 --> 00:57:15,640
Mae mwyafrif super o hyn yn unig HTML.

1220
00:57:15,640 --> 00:57:18,410
Unwaith eto, mae rhai tagiau nad ydych wedi
gweld eto, neu y mae

1221
00:57:18,410 --> 00:57:19,360
ydych yn gyfarwydd eisoes.

1222
00:57:19,360 --> 00:57:21,990
Ond y peth diddorol oedd hyn.

1223
00:57:21,990 --> 00:57:27,270
Mae hyn yn un llinell yn yr hyn sy'n wir yn cysylltu
at ein ffeil register0.php.

1224
00:57:27,270 --> 00:57:29,200
Rwy'n cyflwyno drwy'r post dull.

1225
00:57:29,200 --> 00:57:33,130
Ac mae hynny'n golygu bod y paramedrau
nid yw'r mathau o ddefnyddwyr yn cael eu

1226
00:57:33,130 --> 00:57:35,150
yn mynd i roi diwedd ar i fyny ble.

1227
00:57:35,150 --> 00:57:36,175
>> Dydyn nhw ddim yn mynd i
arddangos i fyny yn yr URL.

1228
00:57:36,175 --> 00:57:39,020
Maent yn dal i fynd i gael eu hanfon gan y
cleient, gan y porwr, i'r

1229
00:57:39,020 --> 00:57:42,080
gweinydd, ond dim ond trwy ryw arall
mecanwaith y byddwn yn hepgor ein dwylo

1230
00:57:42,080 --> 00:57:44,330
ar gyfer heddiw, ond nid yw'n yn yr URL.

1231
00:57:44,330 --> 00:57:47,630
Ond yn sylwi ar y berthynas yn awr gyda
post, sydd, yn ôl confensiwn, yn

1232
00:57:47,630 --> 00:57:49,160
lythrennau bach yma.

1233
00:57:49,160 --> 00:57:54,090
>> Ond os wyf yn agor register0.php,
Rwy'n ôl pob golwg argraffu hyn.

1234
00:57:54,090 --> 00:57:56,450
Felly, mae hyn yn fath o 'n annaearol
enwi confensiwn.

1235
00:57:56,450 --> 00:58:01,430
Ond yr hyn sy'n braf yn PHP yw pan
ddefnyddio PHP mewn cyd-destun ar y we, nid ar

1236
00:58:01,430 --> 00:58:04,480
llinell orchymyn fel y gwnes i funud yn ôl,
pan fyddwch mewn gwirionedd yn ei ddefnyddio mewn gwe

1237
00:58:04,480 --> 00:58:10,580
dudalen, mewn cyfeiriadur Vhost gan ein bod,
yn awtomatig Bydd PHP llenwi'r

1238
00:58:10,580 --> 00:58:15,560
peth, sef arae cysylltiadol,
fel petai, tabl hash, gyda

1239
00:58:15,560 --> 00:58:17,290
popeth y mae'r defnyddiwr yn teipio i mewn

1240
00:58:17,290 --> 00:58:22,000
>> Yn fyr, $ _POST yn yr holl gapiau yn
amrywiol byd-eang sy'n PHP yn unig

1241
00:58:22,000 --> 00:58:25,050
hudol greu i chi pan
ddefnyddio PHP mewn cyd-destun ar y we.

1242
00:58:25,050 --> 00:58:29,160
Ac mae'n rhoi y tu mewn y cyfan o'r
enwau o baramedrau yn y ffurf y

1243
00:58:29,160 --> 00:58:33,200
ei gyflwyno i'r ffeil hon a'r holl
gwerthoedd y mae'r defnyddiwr yn teipio i mewn

1244
00:58:33,200 --> 00:58:37,790
Felly, mae'n dwylo i chi beth y defnyddiwr
deipio i mewn y ffurflen honno.

1245
00:58:37,790 --> 00:58:42,210
>> Felly, cyn, rydym yn cael cynnyrch wirioneddol dwp
o ddim ond gweld hyn gan fod yr holl i ddim

1246
00:58:42,210 --> 00:58:44,400
Roedd recursively argraffu casgliad hwn.

1247
00:58:44,400 --> 00:58:46,060
Yr allwedd yw enw, mae'r gwerth yn David.

1248
00:58:46,060 --> 00:58:46,980
Yr allwedd yw Capten.

1249
00:58:46,980 --> 00:58:47,970
Mae gwerth ar.

1250
00:58:47,970 --> 00:58:52,300
Ac y saeth dwbl a'r ongl
braced yno, mae hyn yn unig fympwyol.

1251
00:58:52,300 --> 00:58:53,270
Nid yw hyn yn cod.

1252
00:58:53,270 --> 00:58:57,690
PHP ffordd o ddangos i chi yn unig yw hwn
beth yw gwerth rhai allweddol.

1253
00:58:57,690 --> 00:59:03,000
>> Ond yn awr gadewch i mi yn cynnig y
froshIMs3, mae bron yn union yr un fath

1254
00:59:03,000 --> 00:59:04,950
ac eithrio ei gyflwyno at y ffeil hon.

1255
00:59:04,950 --> 00:59:08,570
Ac eto, yr ydym yn mynd i'r math o ddim ond
cipolwg ar hyn, dim ond i weld rhai

1256
00:59:08,570 --> 00:59:12,040
cystrawen, ond rhybudd yr hyn
y ffeil yn ei wneud.

1257
00:59:12,040 --> 00:59:14,930
Cymerwch dyfalu yn seiliedig yn unig ar y llinellau
cod, yn ôl pob tebyg ddim yn edrych fel

1258
00:59:14,930 --> 00:59:17,410
Groeg, i ryw raddau,
yn ymddangos yn ei wneud.

1259
00:59:17,410 --> 00:59:20,580

1260
00:59:20,580 --> 00:59:23,110
>> Mae'r ffeil hon yn gysylltiedig rywsut
i bost, e-bost.

1261
00:59:23,110 --> 00:59:24,770
Felly, beth mae hyn yn rhaglen yn ei wneud?

1262
00:59:24,770 --> 00:59:28,740
Yn y fersiwn hwn, pe bawn i mewn gwirionedd
llenwch y ffurflen hon - a gadewch i mi fynd i

1263
00:59:28,740 --> 00:59:30,760
froshIMs3, nid froshIMs0 -

1264
00:59:30,760 --> 00:59:33,280

1265
00:59:33,280 --> 00:59:34,540
y ffurflen yn edrych yr un fath.

1266
00:59:34,540 --> 00:59:37,980
David, capten, gwryw, dorm, Matthews.

1267
00:59:37,980 --> 00:59:42,980
Ond os wyf yn cyflwyno hyn, y ffeil yn
mynd i fynd i register3.php.

1268
00:59:42,980 --> 00:59:46,330
>> Ac yr wyf yn gwneud cais, trwy edrych ar ei fod yn
cod ffynhonnell, mae'n mynd i

1269
00:59:46,330 --> 00:59:47,650
rywsut yn cynnwys e-bost.

1270
00:59:47,650 --> 00:59:49,620
Gadewch i mi fynd yn ei flaen ac yn agor y
mewn mwy ffenestr, felly rydym

1271
00:59:49,620 --> 00:59:51,030
yn gallu gweld yn fwy lân.

1272
00:59:51,030 --> 00:59:57,220
Rydym yn mewn Vhosts, llu lleol,
cyhoeddus, froshims.

1273
00:59:57,220 --> 00:59:58,680
Rydw i'n mynd i agor gwahanol
rhaglen, dim ond er mwyn i ni

1274
00:59:58,680 --> 01:00:00,160
Gellir gweld mwy ar unwaith.

1275
01:00:00,160 --> 01:00:03,100
>> Felly nawr dyma, sylwi ar ychydig o bethau.

1276
01:00:03,100 --> 01:00:06,530
Ar frig y ffeil yn agored
braced, marc cwestiwn, PHP.

1277
01:00:06,530 --> 01:00:08,920
Yna mae criw o sylwadau,
y gallwn anwybyddu, yn

1278
01:00:08,920 --> 01:00:10,450
anniddorol am y tro.

1279
01:00:10,450 --> 01:00:11,300
>> Nawr mae hyn.

1280
01:00:11,300 --> 01:00:14,200
Mae'n troi allan PHP lawer
o god a elwir yn ei gwneud yn ofynnol.

1281
01:00:14,200 --> 01:00:19,110
Mae'n debyg iawn o ran ysbryd i C yn
yn cynnwys, yn cynnwys hash, sy'n

1282
01:00:19,110 --> 01:00:21,980
hanfod hennill cynnwys y rhai
ffeil arall a dim ond Plops nhw yma,

1283
01:00:21,980 --> 01:00:22,930
fel y gallwch eu defnyddio.

1284
01:00:22,930 --> 01:00:27,060
Yn yr achos hwn, gan y ddyfais,
cyn-osod, llyfrgell, rhad ac am ddim

1285
01:00:27,060 --> 01:00:29,900
llyfrgell ffynhonnell agored o'r enw PHP
Mailer y gall unrhyw un

1286
01:00:29,900 --> 01:00:30,770
llwytho i lawr oddi ar y rhyngrwyd.

1287
01:00:30,770 --> 01:00:32,000
Rydym yn unig yn gwneud hynny ar eich rhan.

1288
01:00:32,000 --> 01:00:36,130
Ac mae hyn yn golygu fy mod yn awr yn cael e-bost
ymarferoldeb ar gael imi.

1289
01:00:36,130 --> 01:00:38,170
>> Yn awr, sylwi ar rai pethau.

1290
01:00:38,170 --> 01:00:41,120
Rydw i'n mynd i ddilysu'r
Ffurflen Cyflwyno Gwaith yn.

1291
01:00:41,120 --> 01:00:45,980
Troi allan PHP, un, mae ebychnod
bwyntiau ar gyfer y nid gweithredwr, yn union fel

1292
01:00:45,980 --> 01:00:49,810
Mae gan C. Ond PHP swyddogaeth
a elwir yn wag.

1293
01:00:49,810 --> 01:00:53,920
>> Gwag yn unig yn dychwelyd wir os yw gwerth
y peth i chi roi i mewn

1294
01:00:53,920 --> 01:00:57,190
cromfachau yn wag, fel y
Nid yw'r defnyddiwr yn teipio unrhyw beth i mewn

1295
01:00:57,190 --> 01:01:02,680
Felly, mae hyn yn ei ddweud, ac yn sylwi ar y
cystrawen, sy'n atgoffa rhywun iawn o C, os yw'r

1296
01:01:02,680 --> 01:01:07,730
enw allweddol, felly y maes enw yn y ffurf,
a gyflwynwyd drwy'r post, drwy

1297
01:01:07,730 --> 01:01:13,010
y defnyddiwr, nid i wagio'r, ac mae eu
Nid rhyw yn wag ar y ffurf a

1298
01:01:13,010 --> 01:01:15,980
yn dda, ac nid yw eu dorm yn wag -

1299
01:01:15,980 --> 01:01:19,980
ond sylwi nad wyf yn poeni am Capten,
yna beth rydyn ni'n mynd i'w wneud?

1300
01:01:19,980 --> 01:01:21,990
>> Rydw i'n mynd i weithredu
y llinell o god.

1301
01:01:21,990 --> 01:01:24,100
A allwch chi feddwl am y math hwn o
fel malloc, ond mae'n ychydig yn

1302
01:01:24,100 --> 01:01:24,800
ffansi na hynny.

1303
01:01:24,800 --> 01:01:29,200
Ond ar hyn o bryd mae hyn yn rhoi i mi arbennig
strwythur o'r fath PHP Mailer.

1304
01:01:29,200 --> 01:01:31,410
Ond anwybyddwch yr allweddair newydd ar gyfer heddiw.

1305
01:01:31,410 --> 01:01:35,670
>> Nawr rydw i'n mynd i alw swyddogaeth o'r enw
IsSMTP, sy'n dweud, defnyddiwch SMTP.

1306
01:01:35,670 --> 01:01:39,380
Mae hyn yn porthladd 25, yn union fel y fideo
yr wythnos diwethaf, pan oedd y peth yn taflu

1307
01:01:39,380 --> 01:01:40,710
negeseuon e-bost i mewn i'r wal dân.

1308
01:01:40,710 --> 01:01:42,440
Port 25 yn SMTP.

1309
01:01:42,440 --> 01:01:44,410
SMTP yn golygu defnyddio'r gweinydd post.

1310
01:01:44,410 --> 01:01:46,215
Pa un, gallwn ddefnyddio Harvard
SMTP.fas.harvard.edu.

1311
01:01:46,215 --> 01:01:48,850

1312
01:01:48,850 --> 01:01:51,590
>> Gallwn osod y o'r cyfeiriad
i fod yn John Harvard.

1313
01:01:51,590 --> 01:01:55,090
Os byddaf yn sgroliwch i lawr ymhellach, gallaf osod
y cyfeiriad derbynnydd, dim ond

1314
01:01:55,090 --> 01:01:56,840
fympwyol, i fod yn John
Harvard yn ogystal.

1315
01:01:56,840 --> 01:01:59,210
Felly, mae'n mynd i gael ei anfon e-bost ei hun.

1316
01:01:59,210 --> 01:02:01,600
>> Nawr gallaf osod y pwnc
i fod yn cofrestru.

1317
01:02:01,600 --> 01:02:03,700
A gallaf osod y corff
o e-bost fel a ganlyn.

1318
01:02:03,700 --> 01:02:06,500
Mae'r llinell hon yn edrych ychydig yn fwy dirgel,
ond dim ond oherwydd bod llawer

1319
01:02:06,500 --> 01:02:07,450
o wybodaeth ynddi.

1320
01:02:07,450 --> 01:02:10,670
Un, mae gweithredwr dot.

1321
01:02:10,670 --> 01:02:14,510
Rhaid i rywun eisoes yn gwybod beth
y gweithredwr dot yn ei wneud.

1322
01:02:14,510 --> 01:02:15,436
Mae'n Concatenation.

1323
01:02:15,436 --> 01:02:19,240
Felly, os ydych am gymryd llinyn yn PHP,
ac atodi, neu prepend hynny, i

1324
01:02:19,240 --> 01:02:23,500
llinyn arall yn PHP, diolch i Dduw eich
Nid oes rhaid i ddefnyddio strcopy a malloc,

1325
01:02:23,500 --> 01:02:25,490
a hynny i gyd anymore.

1326
01:02:25,490 --> 01:02:28,765
>> Os ydych am concatenate dau llinynnau,
sy'n gofalu am y cof.

1327
01:02:28,765 --> 01:02:30,850
Gadewch ffigur PHP bod allan i chi.

1328
01:02:30,850 --> 01:02:35,200
Beth fydd PHP wneud gyda'r gweithredwr dot
dyma yn unig yw gwneud brawddeg mawr y tu allan

1329
01:02:35,200 --> 01:02:37,900
y llinell hon, y llinell hon,
y llinell hon, y llinell hon.

1330
01:02:37,900 --> 01:02:40,460
Ac yn awr rybudd, mae'n mynd
inni fod yn llenwi'r mewn gwerthoedd.

1331
01:02:40,460 --> 01:02:43,680
Felly, yr e-bost bod John Harvard yn mynd
derbyn yn llythrennol yn mynd i ddweud

1332
01:02:43,680 --> 01:02:49,450
enw, colon, rhywbeth, yn hytrach, yna rydym yn
cau'r llinyn a concatenate ar

1333
01:02:49,450 --> 01:02:52,220
beth bynnag y defnyddiwr deipio
mewn, ac yna llinell newydd.

1334
01:02:52,220 --> 01:02:54,570
>> Yna, ar y llinell nesaf John Harvard
e-bost, mae'n mynd i ddweud

1335
01:02:54,570 --> 01:02:55,910
Capten, Ar neu Dim byd.

1336
01:02:55,910 --> 01:02:57,810
Mae'n mynd i ddweud rhyw,
wrywaidd neu'n fenywaidd.

1337
01:02:57,810 --> 01:02:59,680
Dorm yn mynd i fod Matthews
yn fy achos i.

1338
01:02:59,680 --> 01:03:03,400
Ac yna sylwi colon cyfarwydd
ar y diwedd.

1339
01:03:03,400 --> 01:03:07,830
Ac yna, i lawr yma, hysbysiad, braidd yn
cryptig o hyd, ond unwaith eto, yn dilyn

1340
01:03:07,830 --> 01:03:12,730
patrwm a fydd yn dod yn fwy cyfarwydd
ar ôl gosod P 7, os yw anfon y post

1341
01:03:12,730 --> 01:03:16,610
dychwelyd ffug, yna mynd yn ei flaen ac yn marw.

1342
01:03:16,610 --> 01:03:19,610
>> Felly PHP mae iddo swyddogaeth a elwir yn marw,
sydd, yn llythrennol, dim ond lladd y

1343
01:03:19,610 --> 01:03:22,830
wefan a dim ond yn argraffu allan beth bynnag
ydych yn dweud hynny - ei yn marw

1344
01:03:22,830 --> 01:03:24,280
geiriau, fel petai.

1345
01:03:24,280 --> 01:03:28,310
A dyna, yn yr achos, bydd argraffu
beth y wybodaeth gwall ar gyfer

1346
01:03:28,310 --> 01:03:29,860
beth bynnag a ddigwyddodd i fynd o'i le.

1347
01:03:29,860 --> 01:03:34,490
Felly, stori hir yn fyr yma, yr hyn sydd gennym
yn enghraifft lle pan fydd y defnyddiwr

1348
01:03:34,490 --> 01:03:39,150
cyflwyno'r ffurflen, froshim0,
froshims3.php, mae'n mynd i

1349
01:03:39,150 --> 01:03:40,760
register3.php.

1350
01:03:40,760 --> 01:03:45,290
Ond wedyn yn mynd yn ei flaen register3.php
i weithredu pob un o'r llinellau hyn.

1351
01:03:45,290 --> 01:03:46,620
>> Felly, mae yna ychydig o fwyta allan cymryd yma.

1352
01:03:46,620 --> 01:03:50,380
Un, mae'n debyg weddol hawdd,
programmatically, anfon negeseuon e-bost,

1353
01:03:50,380 --> 01:03:50,830
sydd yn dda.

1354
01:03:50,830 --> 01:03:53,500
Pan fydd defnyddwyr yn cofrestru ar gyfer eich safle, yn
yr achos hwn, pan fyddant yn cofrestru ar gyfer eich

1355
01:03:53,500 --> 01:03:56,220
chwaraeon, gallwch anfon e-bost y freshman
Proctor, neu John

1356
01:03:56,220 --> 01:03:57,650
Harvard, yn yr achos hwn.

1357
01:03:57,650 --> 01:04:01,630
>> Ond mae hefyd yn golygu y gallwch wneud beth?

1358
01:04:01,630 --> 01:04:03,970
Anfon negeseuon e-bost gan unrhyw un i unrhyw un.

1359
01:04:03,970 --> 01:04:05,430
Ac mae hyn yn wir iawn.

1360
01:04:05,430 --> 01:04:08,580
Nid yw hyn yn cael ei wneud mor hawdd os
rydych yn ei ddefnyddio i ddefnyddio Gmail.

1361
01:04:08,580 --> 01:04:11,310
Ond os ydych chi wedi defnyddio erioed Eudora neu
Outlook, gallwch ddweud 'n bert lawer yn

1362
01:04:11,310 --> 01:04:13,720
gweinydd post eich bod yn
unrhyw un yr ydych ei eisiau.

1363
01:04:13,720 --> 01:04:16,450
A dyma lle mae angen i mi ei roi ar
nad yw het ac yn dweud, yn gwneud hyn.

1364
01:04:16,450 --> 01:04:21,140
Ond mae hyn yn brawf o pa mor hawdd
y mae i berfformio ymosodiadau gwe-rwydo, a

1365
01:04:21,140 --> 01:04:24,310
anfon e-bost dienw, a
spam, yn fwy cyffredinol.

1366
01:04:24,310 --> 01:04:27,330
Ac mae'n wir boils i lawr at y
ffaith bod yr holl ei angen arnoch yw rhai

1367
01:04:27,330 --> 01:04:28,500
mynediad rhaglennol.

1368
01:04:28,500 --> 01:04:31,940
>> Fel o'r neilltu, fy dod ar draws agosaf gyda
y bwrdd ad, fy mlwyddyn freshman hun,

1369
01:04:31,940 --> 01:04:34,320
oedd pan wnes i ddarganfod hyn yn oer
twyllo hynny, wow, gallwch

1370
01:04:34,320 --> 01:04:36,850
anfon e-bost oddi wrth unrhyw un.

1371
01:04:36,850 --> 01:04:39,770
Ac felly ein bod yn cael rhywfaint o dwp
dadl, yn llythrennol, yn Matthews,

1372
01:04:39,770 --> 01:04:40,790
ymysg fy ngrŵp Proctor.

1373
01:04:40,790 --> 01:04:42,470
Dydw i ddim hyd yn oed yn cofio
beth yw'r mater yr oedd.

1374
01:04:42,470 --> 01:04:44,970
Ond roeddwn i eisiau i geisio rhoi
diwedd at y ddadl dwp.

1375
01:04:44,970 --> 01:04:48,580
>> Felly, penderfynais Yr wyf am anfon e-bost
i fy ngrŵp Proctor, esgus bod yn

1376
01:04:48,580 --> 01:04:52,000
y dyn arall, ac y mae eu marn rwyf
anghytuno, ac mae'n rhaid iddo gydsynio i

1377
01:04:52,000 --> 01:04:54,680
beth bynnag oedd fy marn yn
y ddadl arbennig.

1378
01:04:54,680 --> 01:04:59,320
Ac felly yr wyf yn creu e-bost hon trwy ddefnyddio
techneg debyg o ran ysbryd i hyn.

1379
01:04:59,320 --> 01:05:01,256
Ond yr oedd mewn gwirionedd yn haws
ar y pryd.

1380
01:05:01,256 --> 01:05:02,435
Hit hanfon.

1381
01:05:02,435 --> 01:05:06,660
Nid oedd yn falch, ac ni fyddai
wedi bod yn y bwrdd ad.

1382
01:05:06,660 --> 01:05:10,280
>> Ac yr wyf yn ei ddal yn gyflym iawn o fewn
eiliad oherwydd, fel y gwyddoch, yr wyf yn arwyddo

1383
01:05:10,280 --> 01:05:11,420
fy negeseuon e-bost mewn ffordd arbennig.

1384
01:05:11,420 --> 01:05:14,200
Ac er fy mod yn ei wneud â llaw, mewn print
rhannol, 15 mlynedd yn ddiweddarach oherwydd fy mod yn

1385
01:05:14,200 --> 01:05:15,080
trawmateiddio gan hynny.

1386
01:05:15,080 --> 01:05:16,960
Nid oes gennyf llofnod
ar fy e-bost yn awr.

1387
01:05:16,960 --> 01:05:20,440
Ond yn 1995, yr wyf newydd gael sig,
llofnod yn fy e-bost.

1388
01:05:20,440 --> 01:05:24,630
Felly roedd y nodyn yn dweud, Annwyl
Grŵp Proctor, Carwyn Jones: Dilynaf fy marn

1389
01:05:24,630 --> 01:05:31,240
ac yn cytuno â David, wedi'i llofnodi felly a
felly, llinell newydd, llinell newydd, DJM.

1390
01:05:31,240 --> 01:05:36,220
>> Felly peidiwch â gwneud hynny neu, yn gyffredinol, yn cymryd
manteisio ar y dechneg hon.

1391
01:05:36,220 --> 01:05:39,950
Ond wrth wneud gwefan, fel ar gyfer
eich prosiect terfynol, wrth wneud

1392
01:05:39,950 --> 01:05:43,460
gwefan am rywbeth entrepreneuraidd,
dyma sut, bragmataidd, gallwch

1393
01:05:43,460 --> 01:05:47,000
trosoledd gwasanaethau eraill ar y rhyngrwyd
fel post ac yna mewn gwirionedd

1394
01:05:47,000 --> 01:05:49,440
anfon pethau gan ddefnyddio cod.

1395
01:05:49,440 --> 01:05:51,240
>> Felly, sut y gallwn wella ar hyn?

1396
01:05:51,240 --> 01:05:54,370
Wel, yn gyntaf gadewch i ni fynd ar daith gyflym o
rhai o'r pethau y byddwch yn gweld,

1397
01:05:54,370 --> 01:05:56,170
ac yna edrych ar
ychydig o enghreifftiau.

1398
01:05:56,170 --> 01:05:59,500
Felly un, er mwyn sicrhau, oherwydd
rydym yn hedfan drwy'r PHP.

1399
01:05:59,500 --> 01:06:02,470
Ac yr wyf yn gwybod, ar ryw adeg, bydd gennych
i ddechrau mewn gwirionedd yn ysgrifennu hyn os ydych yn

1400
01:06:02,470 --> 01:06:03,460
Nid yw wedi gwneud hynny'n barod.

1401
01:06:03,460 --> 01:06:06,220
Sylweddoli, un, prif yn garedig
y tu allan i'r ffenestr gyda PHP.

1402
01:06:06,220 --> 01:06:09,420
Os ydych am i ysgrifennu cod sy'n cael
gweithredu, 'ch jyst yn dechrau ysgrifennu mewn

1403
01:06:09,420 --> 01:06:13,970
ffeil o'r enw. php cyn belled ag
gennych yr braced agored

1404
01:06:13,970 --> 01:06:15,620
question mark PHP tag.

1405
01:06:15,620 --> 01:06:19,730
>> Ond sylwi ar y rhain yn
amodau yn php.

1406
01:06:19,730 --> 01:06:22,610
Hysbysiad, mae hyn yn yr un sleid union
oedd gennym yn wythnos un pan oedd gennym

1407
01:06:22,610 --> 01:06:25,670
amodau yn yr Amodau C. in
PHP yn strwythurol a

1408
01:06:25,670 --> 01:06:27,140
syntactically yr un fath.

1409
01:06:27,140 --> 01:06:30,290
Unig wahaniaeth go iawn os oes gennych
newidynnau dan sylw, mae gennych y rhai

1410
01:06:30,290 --> 01:06:31,600
arwyddion ddoler.

1411
01:06:31,600 --> 01:06:33,970
>> Yn y cyfamser, mynegiadau Boole
yn edrych yn union fel hyn am

1412
01:06:33,970 --> 01:06:35,725
neu-ing, neu a-ing gyda'i gilydd.

1413
01:06:35,725 --> 01:06:37,780
Switshis yn edrych yn union yr un fath.

1414
01:06:37,780 --> 01:06:42,180
Beth sy'n braf yn PHP, ond yn C,
rhaid i switshis i fod yn achosion ar

1415
01:06:42,180 --> 01:06:46,380
primitives fel ints neu chars, yn PHP
gall eich datganiadau achos mewn gwirionedd fod yn

1416
01:06:46,380 --> 01:06:48,430
ar linynnau cyfan, sydd yn
mewn gwirionedd yn fath o 'n glws.

1417
01:06:48,430 --> 01:06:49,480
Mae'n arbed amser i chi.

1418
01:06:49,480 --> 01:06:50,820
Doedd dim modd gwneud hynny yn C.

1419
01:06:50,820 --> 01:06:52,880
>> Dyma dolen ar ei gyfer yn PHP.

1420
01:06:52,880 --> 01:06:53,740
Mae'n union yr un fath.

1421
01:06:53,740 --> 01:06:55,400
Gallai fod rhai arwyddion doler
ar gyfer y newidynnau.

1422
01:06:55,400 --> 01:06:57,530
Nid oes rhaid i chi sôn am fod
rhywbeth yn int.

1423
01:06:57,530 --> 01:07:00,580
Rydych yn unig yn datgan ei fod gydag arwydd doler
ac enw y newidyn.

1424
01:07:00,580 --> 01:07:01,430
Ond ar gyfer dolen yn yr un fath.

1425
01:07:01,430 --> 01:07:02,760
Mae dolen tra bod yr un fath.

1426
01:07:02,760 --> 01:07:04,870
A wneud tra dolen yn yr un fath.

1427
01:07:04,870 --> 01:07:06,170
>> Mae hyn ychydig yn wahanol.

1428
01:07:06,170 --> 01:07:12,410
Felly, gyda PHP, gydag amrywiaeth, gallwch
llonydd datgan amrywiaeth, fel yn C,

1429
01:07:12,410 --> 01:07:14,420
ond byddwch yn defnyddio cromfachau sgwâr.

1430
01:07:14,420 --> 01:07:17,060
Yn C, byddech yn defnyddio bresys cyrliog,
os ydych yn hyd yn oed yn gwybod hynny.

1431
01:07:17,060 --> 01:07:20,910
Ond mae hyn mewn gwirionedd yn gyffredin iawn yn PHP
i ddatgan amrywiaeth, yn yr achos hwn,

1432
01:07:20,910 --> 01:07:23,640
o rifau, a ffoniwch y
niferoedd amrywiol.

1433
01:07:23,640 --> 01:07:25,300
>> Newidynnau eu hunain yn edrych fel hyn.

1434
01:07:25,300 --> 01:07:28,710
Dyma llinyn, unquote dyfynnu "helo
byd. "Gallech gael slaes n.

1435
01:07:28,710 --> 01:07:30,950
Fi 'n annichellgar yn ei wneud yn yr achos hwn.

1436
01:07:30,950 --> 01:07:32,640
>> Nawr mae hyn yn lluniad diddorol.

1437
01:07:32,640 --> 01:07:33,700
Nid oes gan C hyn.

1438
01:07:33,700 --> 01:07:34,700
Ond mae hyn yn hynod ddefnyddiol.

1439
01:07:34,700 --> 01:07:38,160
A byddwch yn gweld hyn yn P set 7
spec - a ar gyfer pob lluniad.

1440
01:07:38,160 --> 01:07:41,800
Os ydych am i ailadrodd dros yr holl
elfennau amrywiaeth, nid oes gennych

1441
01:07:41,800 --> 01:07:45,500
i ddelio â $ i $ a n,
a + +, a hynny i gyd.

1442
01:07:45,500 --> 01:07:47,640
Gallwch llythrennol ddweud, yn PHP, mae hyn yn -

1443
01:07:47,640 --> 01:07:51,890
ar gyfer pob niferoedd wrth rif, felly
Rwy'n tybio bod $ niferoedd

1444
01:07:51,890 --> 01:07:53,380
mae amrywiaeth o rifau.

1445
01:07:53,380 --> 01:07:56,460
A phan wyf yn dweud ar gyfer pob niferoedd
fel rhif, mae hyn yn mynd i

1446
01:07:56,460 --> 01:08:00,505
yn awtomatig, fel fy dolen executes,
diweddaru, ar bob iteriad, mae'r gwerth

1447
01:08:00,505 --> 01:08:03,260
y tu mewn rhif arwydd doler -

1448
01:08:03,260 --> 01:08:07,730
unwaith eto, ac unwaith eto, ac unwaith eto cherdded
i mi dros y casgliad.

1449
01:08:07,730 --> 01:08:08,735
Felly, dim ond i ni arbed cod.

1450
01:08:08,735 --> 01:08:12,250
Dim hanner colon, dim + + 's, dim fi yn,
dim n ei, 'i' jyst 'n glws.

1451
01:08:12,250 --> 01:08:13,700
>> Ond mae gan hyn PHP.

1452
01:08:13,700 --> 01:08:14,830
Ac mae hyn yn hynod bwerus.

1453
01:08:14,830 --> 01:08:17,410
A byddwch yn defnyddio hyn, dwylo
ymlaen, yn P yn gosod 7.

1454
01:08:17,410 --> 01:08:21,990
Ac amrywiaeth cysylltiadol hefyd yn cael ei ddatgan
gyda cromfachau sgwâr.

1455
01:08:21,990 --> 01:08:23,569
Ond yn sylwi ar y gystrawen awr.

1456
01:08:23,569 --> 01:08:26,880
Mae'n ein hatgoffa o hyn a welsom
gyda print_r funud yn ôl.

1457
01:08:26,880 --> 01:08:31,810
Faint o allweddi, cyn lleied gwiriad pwyll,
mae amrywiaeth hwn yn ymddangos i fod.

1458
01:08:31,810 --> 01:08:32,689
>> Felly mae wedi dau.

1459
01:08:32,689 --> 01:08:33,830
Ac yr wyf yn galw hyn arae.

1460
01:08:33,830 --> 01:08:36,760
Ond os yw'n helpu, gallwch feddwl
y tabl hwn fel hash, neu fel

1461
01:08:36,760 --> 01:08:37,930
arae cysylltiadol.

1462
01:08:37,930 --> 01:08:39,580
Ond mae'n dim ond gwahanol
math o amrywiaeth.

1463
01:08:39,580 --> 01:08:41,080
Ac eto, ieithoedd gwahanol
gael y rhain.

1464
01:08:41,080 --> 01:08:43,810
Byddwn yn gweld rhywbeth tebyg
yn JavaScript hefyd.

1465
01:08:43,810 --> 01:08:44,609
Mae dau allweddi.

1466
01:08:44,609 --> 01:08:48,390
Mae un yn dyfyniad unquote, "symbol," mae un yn
ddyfynnu unquote "pris." Ac allweddi hynny

1467
01:08:48,390 --> 01:08:49,250
gan bob un gwerth.

1468
01:08:49,250 --> 01:08:54,420
Yn yr achos hwn gwerth symbol yw FB, er
Gwerth Facebook, a phris yn 49, 26,

1469
01:08:54,420 --> 01:08:56,899
a oedd yn stoc Facebook
pris y bore yma.

1470
01:08:56,899 --> 01:09:00,170
>> Felly, beth yn ddefnyddiol am
arae cysylltiadol.

1471
01:09:00,170 --> 01:09:02,620
Gallwn fod wedi cael rhifiadol
amrywiaeth mynegeio gyda dim ond

1472
01:09:02,620 --> 01:09:04,120
cromfachau sgwâr syml.

1473
01:09:04,120 --> 01:09:09,380
A gallai wyf wedi cael arwydd doler
dyfyniad yn dychwelyd dim ond hyn.

1474
01:09:09,380 --> 01:09:10,529
Gadewch i mi mewn gwirionedd yn ei wneud.

1475
01:09:10,529 --> 01:09:14,796
Gadewch i ni dybio Yr wyf yn hytrach na dim ond datgan
amrywiaeth hwn fel 'na.

1476
01:09:14,796 --> 01:09:17,590
Mae hynny'n gwbl ddilys,
syntactically.

1477
01:09:17,590 --> 01:09:20,569
Nid yw'n colli unrhyw wybodaeth,
fel y cyfryw.

1478
01:09:20,569 --> 01:09:24,760
Rwy'n dal i weld bod y symbol yn fb,
a bod y pris yn 49, 26.

1479
01:09:24,760 --> 01:09:28,939
Felly pam cysylltiadol
araeau cymhellol?

1480
01:09:28,939 --> 01:09:30,189
>> GYNULLEIDFA: Nid oes rhaid i chi gofio
lle rydych yn rhoi pethau.

1481
01:09:30,189 --> 01:09:32,050

1482
01:09:32,050 --> 01:09:34,130
>> SIARADWR 1: Yn union, nad oes gennych
i gofio lle rydych yn rhoi pethau.

1483
01:09:34,130 --> 01:09:37,670
Nid oes rhaid i chi gofio fympwyol
y symbol stoc yn y braced sero,

1484
01:09:37,670 --> 01:09:41,479
a phrisiau stoc yn braced un,
sy'n arbennig o beryglus os ydych yn

1485
01:09:41,479 --> 01:09:43,220
newid pethau, yn y pen draw.

1486
01:09:43,220 --> 01:09:46,399
Mae'n llawer brafiach i gysylltu
yr hyn y byddwn yn galw metadata

1487
01:09:46,399 --> 01:09:48,340
gyda'ch data gwirioneddol.

1488
01:09:48,340 --> 01:09:52,399
Byddwn yn dadlau bod yr hyn yr ydym yn wir gofal
amdano yma yw fb a 49, 26.

1489
01:09:52,399 --> 01:09:57,020
Mae'r symbol a phris yn metadata
sy'n disgrifio'r data yr ydym yn

1490
01:09:57,020 --> 01:09:58,180
mewn gwirionedd yn poeni am.

1491
01:09:58,180 --> 01:10:01,910
Ond mae hyn yn unig yw gymaint
yn haws i gael mynediad.

1492
01:10:01,910 --> 01:10:04,090
>> Yn awr, fel o'r neilltu beth sydd
y pris yr ydym yn talu?

1493
01:10:04,090 --> 01:10:06,600
Rydym wedi bod yn gwneud hyn
yn CS50 am wythnosau.

1494
01:10:06,600 --> 01:10:10,740
Rhaid i hyn nodwedd yn dod ar ryw gost.

1495
01:10:10,740 --> 01:10:11,350
Cof.

1496
01:10:11,350 --> 01:10:13,830
Felly, nid ydych yn unig yn storio 32-bit
cyfanrif, er enghraifft.

1497
01:10:13,830 --> 01:10:17,980
Rydych yn storio symbol / 0, yn ôl pob tebyg.

1498
01:10:17,980 --> 01:10:19,160
Felly, rydych yn defnyddio mwy o gof.

1499
01:10:19,160 --> 01:10:22,540
>> A beth yw'r perfformiad
edrych rhywbeth i fyny mewn

1500
01:10:22,540 --> 01:10:24,822
amrywiaeth cysylltiadol, yn ôl pob tebyg?

1501
01:10:24,822 --> 01:10:26,590
Mae'n debyg arafach.

1502
01:10:26,590 --> 01:10:29,670
Mynediad ar hap yn braf, yn enwedig
pryd y gallwch wneud chwiliad deuaidd.

1503
01:10:29,670 --> 01:10:33,380
Ond os ydych chi'n mewn gwirionedd nid yn awr yn edrych
am rifau, ond ar gyfer llinynnau, mae hyn yn

1504
01:10:33,380 --> 01:10:37,630
wirioneddol yn cael ei weithredu o dan y
cwfl, yn ôl pob tebyg fel tabl hash, lle

1505
01:10:37,630 --> 01:10:42,950
ydych yn defnyddio naill ai tabl hash
gyda gadwyno ar wahân.

1506
01:10:42,950 --> 01:10:46,040
Neu os ydych yn defnyddio cais i mewn gwirionedd
storio'r gwerthoedd.

1507
01:10:46,040 --> 01:10:50,550
Felly, efallai y gallwch wneud amser yn gyson, ond
yn rhaid i chi edrych ar S-Y-M-B-O-L,

1508
01:10:50,550 --> 01:10:54,510
o bosibl, yn hytrach na dim ond 32
darnau i edrych rhywbeth i fyny.

1509
01:10:54,510 --> 01:10:58,430
Felly, unwaith eto, yr un syniadau hynny sy'n dod
yn ôl o ddigwydd eto yn y cyd-destun hwn.

1510
01:10:58,430 --> 01:11:02,120
>> Ond unwaith eto, PHP bellach yn cael rhywfaint super
newidynnau hynny, mae'n troi allan, yn cael eu

1511
01:11:02,120 --> 01:11:02,900
araeau cysylltiadol.

1512
01:11:02,900 --> 01:11:05,590
Gwelsom un funud yn ôl, $ _POST.

1513
01:11:05,590 --> 01:11:08,400
Ac mae hynny'n super byd-eang
Mae allweddi a gwerthoedd.

1514
01:11:08,400 --> 01:11:10,550
Yn benodol, yr allweddi
llinell i fyny gyda'r hyn?

1515
01:11:10,550 --> 01:11:14,520
Ble mae'r allweddi yn $ _POST dod?

1516
01:11:14,520 --> 01:11:15,380
Dim ond i ailadrodd?

1517
01:11:15,380 --> 01:11:16,480
>> GYNULLEIDFA: Enw.

1518
01:11:16,480 --> 01:11:17,900
>> SIARADWR 1: Enw, ble?

1519
01:11:17,900 --> 01:11:19,860
>> GYNULLEIDFA: [Anghlywadwy]

1520
01:11:19,860 --> 01:11:20,750
>> SIARADWR 1: Enw'r yw'r priodoledd.

1521
01:11:20,750 --> 01:11:23,480
Wel lle, lle wnaethon nhw
dod yn wreiddiol o?

1522
01:11:23,480 --> 01:11:24,120
Mae'r ffurflen.

1523
01:11:24,120 --> 01:11:30,140
Felly, os tudalen HTML Mae tag ffurf,
y tu mewn ohonynt yn rhai mewnbynnau, fel

1524
01:11:30,140 --> 01:11:34,760
gwirio blychau, blychau testun, gollwng i lawr
bwydlenni, pob un sydd â enw, y rhai

1525
01:11:34,760 --> 01:11:40,260
enwau y pen draw fel allweddi yn $ _POST, ac,
dweud y gwir, o ran hynny, $ _GET.

1526
01:11:40,260 --> 01:11:42,130
Os yw'r dull yn get, yr un syniad.

1527
01:11:42,130 --> 01:11:43,830
'I' jyst mewn gwahanol super byd-eang.

1528
01:11:43,830 --> 01:11:47,620
A'r gwerthoedd, wrth gwrs, yn dod o
beth bynnag y defnyddiwr deipio i mewn ar ei neu

1529
01:11:47,620 --> 01:11:48,890
ei porwr.

1530
01:11:48,890 --> 01:11:49,830
>> Ond mae ychydig o rai eraill.

1531
01:11:49,830 --> 01:11:52,140
Mae cwci, a gallwn eich
dod yn ôl yn y pen draw.

1532
01:11:52,140 --> 01:11:56,050
Ond dyna'r pethau eich bod yn gwybod
y we yn defnyddio ar gyfer rhai da neu ddrwg.

1533
01:11:56,050 --> 01:11:57,420
Ond byddwn yn dod yn ôl at hynny.

1534
01:11:57,420 --> 01:12:01,720
Server a sesiwn, a dau rhai
gael rhywfaint o cyfleustodau arbennig.

1535
01:12:01,720 --> 01:12:03,940
>> Ond gadewch i ni edrych ar hyn.

1536
01:12:03,940 --> 01:12:13,330
Gadewch i mi fynd yn ei flaen ac yn agor i fyny enghraifft
Gelwir mvc0.php Felly MVC

1537
01:12:13,330 --> 01:12:14,900
yn sefyll am y canlynol.

1538
01:12:14,900 --> 01:12:19,390
Ac rydym yn cyflwyno hyn yn gynharach nag sy'n
nodweddiadol, mewn gwirionedd, er mwyn i chi ddylunio

1539
01:12:19,390 --> 01:12:22,180
Problem set 7, a hefyd prosiectau terfynol,
yn y math o ddiwydiant

1540
01:12:22,180 --> 01:12:23,670
ffordd safonol, a ffordd lân.

1541
01:12:23,670 --> 01:12:24,820
Mae'n dylunio da.

1542
01:12:24,820 --> 01:12:29,090
>> Felly, rydych chi ar fin ei weld, a wnewch chi helpu
profiad, yn P set 7, patrwm, didoli

1543
01:12:29,090 --> 01:12:32,260
o feddylfryd rhaglennu, sy'n edrych
rhywbeth bach fel hyn.

1544
01:12:32,260 --> 01:12:35,570
M ar gyfer Model, C ar gyfer Rheolwr,
V ar gyfer View.

1545
01:12:35,570 --> 01:12:39,690
Stori fer hir, MVC yn unig fath
o methodoleg, ffordd o wneud

1546
01:12:39,690 --> 01:12:43,360
gwefannau, yn arbennig, lle rydych
rhowch eich holl, ymadrodd dwp -

1547
01:12:43,360 --> 01:12:44,970
rhesymeg busnes -

1548
01:12:44,970 --> 01:12:49,710
eich holl eiddo deallusol
hyn a elwir yn rheolwr, ffeil

1549
01:12:49,710 --> 01:12:54,840
fel index.php, neu byddwn yn gweld,
quote.php, neu buy.php.

1550
01:12:54,840 --> 01:12:59,570
>> Yng nghyd-destun Broblem set 7, bydd eich
modelau fel arfer yn cynnwys eich data,

1551
01:12:59,570 --> 01:13:03,860
unrhyw beth sy'n ymwneud â chronfa ddata, fel y gallwn eich
yn y pen draw yn gweld, a bod eich barn

1552
01:13:03,860 --> 01:13:07,510
cynnwys y estheteg eich
safle, HTML, CSS.

1553
01:13:07,510 --> 01:13:10,420
Felly, yr ydym eisoes yn gweld hyn yn C ychydig
bit drwy ddefnyddio. ffeiliau h.

1554
01:13:10,420 --> 01:13:15,010
Rydym yn wir yn gweld ei fod yn hyn o bryd yn ôl gyda CSS,
gan ffactoreiddio y stylization CSS

1555
01:13:15,010 --> 01:13:16,520
pethau allan o'n HTML.

1556
01:13:16,520 --> 01:13:20,730
>> Felly MVC mewn gwirionedd dim ond am dynnu
llinellau yn y tywod ac yn dweud, y

1557
01:13:20,730 --> 01:13:25,400
cod rhaglennu diddorol ar gyfer eich
wefan yn perthyn yn yr hyn y byddwn yn galw'r

1558
01:13:25,400 --> 01:13:26,400
rheolwr.

1559
01:13:26,400 --> 01:13:29,280
Pethau yn ymwneud â chronfa ddata nodweddiadol
yn dod i ben i fyny mewn model.

1560
01:13:29,280 --> 01:13:33,070
Ond byddwch yn gweld, yn Problem set 7, rydym yn
uno C a M i gadw pethau'n syml.

1561
01:13:33,070 --> 01:13:37,630
Ond barn yw lle eich holl HTML
ac estheteg fel arfer yn mynd.

1562
01:13:37,630 --> 01:13:39,160
>> Felly, beth mae hyn yn ei olygu mewn termau go iawn?

1563
01:13:39,160 --> 01:13:45,980
Wel, gadewch i mi fynd i mewn ein MVC
cyfeiriadur fel a ganlyn.

1564
01:13:45,980 --> 01:13:48,880
A byddwch yn gweld mwy o'r rhain
daith drwy'r yn y fanyleb.

1565
01:13:48,880 --> 01:13:53,200
Felly, yn mvc0, yr wyf yn honni bod hyn yn, fel,
fersiwn 0 o wefannau yn CS50.

1566
01:13:53,200 --> 01:13:56,670
>> Mae pob mae'n rhaid rhywfaint o HTML, fel
tag h1 mawr, mae'n debyg.

1567
01:13:56,670 --> 01:13:57,800
Ac yna mae rhestr pwyntiau bwled.

1568
01:13:57,800 --> 01:13:59,860
Dwi erioed wedi gweld rhestr pwyntiau bwled
o'r blaen, ond dim llawer mawr.

1569
01:13:59,860 --> 01:14:01,590
Gadewch i ni yn gyflym edrych ar y cod ffynhonnell.

1570
01:14:01,590 --> 01:14:06,610
Troi allan rhestr heb drefn gyda bwledi
yn ul ​​braced agored gydag un neu

1571
01:14:06,610 --> 01:14:09,065
mwy o eitemau rhestr, li.

1572
01:14:09,065 --> 01:14:10,650
Felly rhybudd dyma yw tag angor.

1573
01:14:10,650 --> 01:14:12,130
Rydym yn gweld bod funud yn ôl.

1574
01:14:12,130 --> 01:14:13,810
>> Felly, mae hyn yw sut yr wyf yn rhoi ar waith
y dudalen hon.

1575
01:14:13,810 --> 01:14:18,460
Mae gen i ddwy ddolen, dwy eitem rhestr, un
ul am restr heb drefn, a diwedd

1576
01:14:18,460 --> 01:14:22,700
ganlyniad, yn esthetaidd, mae hyn yn iawn
gwefan 'n bert, fersiwn 0 yma.

1577
01:14:22,700 --> 01:14:26,840
Ond yr hyn sy'n ddiddorol yn awr yw sut mae hyn yn
yn cael ei weithredu o dan y cwfl.

1578
01:14:26,840 --> 01:14:33,590
>> Gadewch i mi fynd i mewn i gedit ac yn agor i fyny y
enghraifft gyntaf iawn i beintio llun.

1579
01:14:33,590 --> 01:14:37,070
A byddwn yn edrych ar yr hyn sy'n ddiffygiol,
o bosibl, mewn yma.

1580
01:14:37,070 --> 01:14:43,260
Nawr, os byddaf yn mynd i mewn i localhost, cyhoeddus,
MVC, sylwi ar ychydig o ffeiliau.

1581
01:14:43,260 --> 01:14:45,780
Rydw i'n mynd i alw hyn, er y
hyn o bryd, i gyd reolwyr.

1582
01:14:45,780 --> 01:14:48,640
Ond mae hynny'n dipyn o gam-drin oherwydd
byddwch yn gweld popeth yn cymysg

1583
01:14:48,640 --> 01:14:49,620
y tu mewn ohonynt.

1584
01:14:49,620 --> 01:14:52,330
>> A gadewch i mi fynd tu mewn index.php.

1585
01:14:52,330 --> 01:14:54,700
Ac rydym yn gweld, yn llythrennol, yr un HTML.

1586
01:14:54,700 --> 01:14:57,970
Felly hyd yn oed er bod hyn yn dod i ben yn ffeil
. Php, nid yw'n golygu mae'n rhaid iddo

1587
01:14:57,970 --> 01:14:59,500
cael unrhyw god PHP.

1588
01:14:59,500 --> 01:15:02,290
Gall fod yn unig fod yn HTML amrwd, er bod
dyna fath o wirion.

1589
01:15:02,290 --> 01:15:07,650
Ond sylwi does dim agored braced PHP
tag, ac eithrio ar gyfer hyn, sydd, a dweud y gwir,

1590
01:15:07,650 --> 01:15:09,160
yn unig yno i wasanaethu fel sylw.

1591
01:15:09,160 --> 01:15:12,080
Ond dyna swyddogaethol nad
hyd yn oed yn ddiddorol.

1592
01:15:12,080 --> 01:15:12,960
>> Ond yn sylwi ar hyn.

1593
01:15:12,960 --> 01:15:15,400
Beth sy'n ddiddorol yn awr yw beth
newidiadau ar y dudalen hon.

1594
01:15:15,400 --> 01:15:16,650
Gadewch i mi cliciwch Darlithoedd.

1595
01:15:16,650 --> 01:15:18,560
Ac yn sylwi ar yr URL ar fin newid.

1596
01:15:18,560 --> 01:15:20,930
Nawr dwi yn lectures.php.

1597
01:15:20,930 --> 01:15:22,630
Gadewch i mi cliciwch sero.

1598
01:15:22,630 --> 01:15:27,200
Nawr fy mod yn week0.php Ac yn awr gadewch i
mi agor y ffeiliau hyn yn gedit.

1599
01:15:27,200 --> 01:15:30,120
Nid dim ond mynegai, ond gadewch
mi agor darlithoedd.

1600
01:15:30,120 --> 01:15:33,900
A gadewch i mi gael gwared ar y sylwadau
i ganolbwyntio ar y rhan hon yn unig.

1601
01:15:33,900 --> 01:15:37,680
>> Ac yn awr gadewch i mi agor dim ond un yn fwy,
week0.php, taflu ymaith y sylwadau,

1602
01:15:37,680 --> 01:15:39,910
dim ond i glirio'r hyn i fyny.

1603
01:15:39,910 --> 01:15:41,720
Ac yn awr yn sylwi ar y canlynol.

1604
01:15:41,720 --> 01:15:47,340
Meddwl mewn gwirionedd math o ofalus am
dylunio, a gadewch i ni ei wneud yn unol

1605
01:15:47,340 --> 01:15:52,013
i fyny yr un fath, beth ellid ei wneud
well yma, yn eich barn chi?

1606
01:15:52,013 --> 01:15:56,450

1607
01:15:56,450 --> 01:15:57,780
>> Sut wnes i wneud yr wythnos yn un?

1608
01:15:57,780 --> 01:15:58,480
Beth am hyn.

1609
01:15:58,480 --> 01:16:00,450
Felly, mae hyn yw sut yr wyf yn gwneud un wythnos.

1610
01:16:00,450 --> 01:16:08,290
Es i fyny i Ffeil, Newydd, Gludo, Achub,
week1.php, ac yna es i mewn yma.

1611
01:16:08,290 --> 01:16:09,875
Ac yr wyf yn newid un -

1612
01:16:09,875 --> 01:16:11,646
beth oedd hyn, un i ddydd Gwener.

1613
01:16:11,646 --> 01:16:14,430

1614
01:16:14,430 --> 01:16:15,810
I newid y sero i un.

1615
01:16:15,810 --> 01:16:17,150
Yr wyf yn newid hyn i un.

1616
01:16:17,150 --> 01:16:20,350
>> Iawn, felly yn awr yn edrych ar fy ffeiliau.

1617
01:16:20,350 --> 01:16:22,100
Beth y gellid ei wneud yn wahanol?

1618
01:16:22,100 --> 01:16:25,310
Ble mae'r cyfle, efallai?

1619
01:16:25,310 --> 01:16:28,330
Felly mae y cyfle i ddechrau
ffactoreiddio hwn pethau allan.

1620
01:16:28,330 --> 01:16:32,950
Gadewch i mi agor i fyny, fel spoiler, er
hyn y byddwch yn ei weld yn P set 7.

1621
01:16:32,950 --> 01:16:38,750
Os byddaf yn agor i fyny, yn awr, index.php yn y fersiwn
pump o hyn, mae'n edrych yn ffordd

1622
01:16:38,750 --> 01:16:40,730
mwy cryptig, rhaid cyfaddef.

1623
01:16:40,730 --> 01:16:43,710
>> Ond mae hyn, yn awr, yr hyn y byddaf yn ei alw'n
rheolwr sydd wedi rheoli

1624
01:16:43,710 --> 01:16:44,770
rhesymeg o fy dudalen.

1625
01:16:44,770 --> 01:16:48,510
A gallwch fath o ail-greu,
reddfol, efallai, beth sy'n mynd ymlaen.

1626
01:16:48,510 --> 01:16:50,630
Ar y llinell gyntaf, mae'n
ychydig yn cryptig.

1627
01:16:50,630 --> 01:16:54,040
Ond dwi'n sylwi ei gwneud yn ofynnol, fel gyda
yn cynnwys miniog, mae ffeil o'r enw

1628
01:16:54,040 --> 01:16:55,930
helpers.php.

1629
01:16:55,930 --> 01:16:59,980
Ac yna dwi'n galw, mae'n debyg, a
swyddogaeth, a elwir yn rendr, gan fynd yn

1630
01:16:59,980 --> 01:17:00,850
dau dadleuon.

1631
01:17:00,850 --> 01:17:02,440
>> Mae un yn unquote dyfynnu, header.

1632
01:17:02,440 --> 01:17:04,800
A'r llall yw, pa fath o
math data yw hyn, yn seiliedig ar

1633
01:17:04,800 --> 01:17:07,180
ar ein cystrawen gynharach?

1634
01:17:07,180 --> 01:17:08,160
Mae'n amrywiaeth cysylltiedig.

1635
01:17:08,160 --> 01:17:11,730
Yn benodol, mae'n pasio yn y teitl
gyda pheth metadata sy'n atgoffa

1636
01:17:11,730 --> 01:17:13,430
wrthyf beth ydyw ac mae ei werth.

1637
01:17:13,430 --> 01:17:16,340
Yna mi weld caled codio
ul, felly mae rhai HTML amrwd.

1638
01:17:16,340 --> 01:17:20,020
Ond yna fy mod yn ôl yn y modd PHP
galw rendr swyddogaeth.

1639
01:17:20,020 --> 01:17:24,390
Felly, hyd yn oed os nad ydych erioed wedi defnyddio HTML neu PHP
o'r blaen, ac er bod hyn yn edrych yn

1640
01:17:24,390 --> 01:17:27,480
scarier, pam mae hyn yn ôl pob tebyg
gwell dyluniad?

1641
01:17:27,480 --> 01:17:31,310
Beth sy'n well am y peth,
yn seiliedig ar y casgliad?

1642
01:17:31,310 --> 01:17:32,130
>> GYNULLEIDFA: [Anghlywadwy]

1643
01:17:32,130 --> 01:17:35,750
>> SIARADWR 1: Llai diswyddo yn y
does dim tag HTML fwy, dim mwy

1644
01:17:35,750 --> 01:17:38,410
penaethiaid tag, dim mwy tag corff
ym mhob ffeil damn.

1645
01:17:38,410 --> 01:17:41,860
Yn lle hynny, rwyf wedi ddileu ffactorau y
cyffredin ac yn eu rhoi yn ôl pob tebyg

1646
01:17:41,860 --> 01:17:45,150
i mewn i ffeil gysylltiedig rywsut
i header.

1647
01:17:45,150 --> 01:17:48,500
Ac un peth ar gyfer y corff yn agos
tag, y tag HTML yn agos.

1648
01:17:48,500 --> 01:17:52,165
Dyna mae'n debyg i lawr yma y tu mewn
o'r rhywle troedyn.

1649
01:17:52,165 --> 01:17:57,050
A byddwch yn gweld, yn Problem set 7,
ychydig o daith drwy hyn.

1650
01:17:57,050 --> 01:17:58,070
>> Felly, beth sydd i ddod?

1651
01:17:58,070 --> 01:18:03,390
Yr un peth nad ydym yn cael y gallu
eto i yw mewn gwirionedd yn storio data.

1652
01:18:03,390 --> 01:18:06,110
Ac felly yr hyn y byddwn yn dechrau gweld
Dydd Mercher, er enghraifft, yw bod eich

1653
01:18:06,110 --> 01:18:08,450
Excel gyfaill hen, neu rifau,
caniatáu i chi storio llawer o

1654
01:18:08,450 --> 01:18:10,060
data mewn rhesi a cholofnau.

1655
01:18:10,060 --> 01:18:12,570
Gall Troi allan chi wneud hynny yn yr hyn sy'n
a elwir yn cronfa ddata, programmatically.

1656
01:18:12,570 --> 01:18:16,620
manig Ac mae'n troi allan, ar ôl hynny,
byddwn yn gallu i storio pethau fel

1657
01:18:16,620 --> 01:18:20,550
hwn, a byddwch yn gweld eto yn P set
7, criw cyfan o enwau defnyddwyr a

1658
01:18:20,550 --> 01:18:23,690
cyfrineiriau, yr olaf ohonynt yn
mewn gwirionedd amgryptio, yn debyg iawn eu

1659
01:18:23,690 --> 01:18:25,550
Roedd yn rhifyn haciwr P set 2.

1660
01:18:25,550 --> 01:18:29,600
Ac yn y pen draw, byddwch yn gweithredu hyn,
eich gwefan eTrade-fel eu hunain sy'n

1661
01:18:29,600 --> 01:18:32,220
gweithredu ar y cyd cyllid CS50.

1662
01:18:32,220 --> 01:18:36,000
>> Yn olaf, ers i chi aros yma mor hwyr
heddiw, os ydych yn dod yn ôl i'r rhan hon

1663
01:18:36,000 --> 01:18:41,120
y campws, ar 16:00 heddiw, byddwn yn
nid yn unig yn rhoi cyngor, yn y SCES chi

1664
01:18:41,120 --> 01:18:44,200
Cynghori Ffair, am 16:00 yn y
Maxwell-Dworkin, byddwn yn rhoi i chi rai

1665
01:18:44,200 --> 01:18:47,470
Dream Americone, Cherry Garcia,
Fudge Siocled Brownie, Siocled

1666
01:18:47,470 --> 01:18:50,840
Toes Cookie Chip, a phan fyddwch Google
Monkey Talpiau, byddwch yn cael hyn.

1667
01:18:50,840 --> 01:18:53,620
Felly, i gyd yn aros am 4:00
PM yn Maxwell-Dworkin.

1668
01:18:53,620 --> 01:18:56,736
Welwn ni chi ar ddydd Mercher hefyd.

1669
01:18:56,736 --> 01:18:59,960
>> SIARADWR 2: Yn y nesaf
CS50, RJ cysgu i mewn

1670
01:18:59,960 --> 01:19:03,656

1671
01:19:03,656 --> 01:19:04,906
>> RJ: Mae fy adran!

1672
01:19:04,906 --> 01:19:07,727

1673
01:19:07,727 --> 01:19:08,977
Ha!

1674
01:19:08,977 --> 01:19:12,056

1675
01:19:12,056 --> 01:19:13,306
O,

1676
01:19:13,306 --> 01:19:16,374