1
00:00:00,000 --> 00:00:00,500

2
00:00:00,500 --> 00:00:10,960
[CHWARAE CERDDORIAETH]

3
00:00:10,960 --> 00:00:12,960
ROGER ZURAWICKI: Helo, fy
enw i yw Roger Zurawicki,

4
00:00:12,960 --> 00:00:16,410
a byddaf yn cwmpasu
y seminar CS50 Meteor.

5
00:00:16,410 --> 00:00:21,520
Meteor yn fframwaith newydd
neilltuo ar gyfer y math newydd o we,

6
00:00:21,520 --> 00:00:25,220
Nid yw'r PHP gwneud ceisiadau
yn ôl ac ymlaen garedig

7
00:00:25,220 --> 00:00:29,070
o we welsom yn y set PHPP,
ond mae'r JavaScript fwy deinamig

8
00:00:29,070 --> 00:00:31,370
rhannau o'r we.

9
00:00:31,370 --> 00:00:36,260
Gall Pethau Meteor ei wneud
yn cynnwys Diweddaru Live

10
00:00:36,260 --> 00:00:42,380
ac yn union cyfathrebu
rhwng defnyddwyr o'r un wefan.

11
00:00:42,380 --> 00:00:46,420
>> Ar gyfer y seminar hwn, rydym wedi
Cod gynhaliwyd yn fy GitHub.

12
00:00:46,420 --> 00:00:49,690
Gallwch fynd i URL hwn ac yn ei lawrlwytho.

13
00:00:49,690 --> 00:00:53,085
Os ydych yn gwybod sut i ddefnyddio GIT,
gallwch glonio yr ystorfa.

14
00:00:53,085 --> 00:00:55,460
Os nad ydych yn gwybod sut i ddefnyddio
GIT neu beidio wedi defnyddio GitHub,

15
00:00:55,460 --> 00:00:57,030
mae hynny'n hollol iawn.

16
00:00:57,030 --> 00:01:00,480
Byddaf yn dangos i chi yn gyflym iawn
sut y gallwn fynd i'r GitHub,

17
00:01:00,480 --> 00:01:03,604
ac mae 'na opsiwn i
lawrlwytho zip iawn yno.

18
00:01:03,604 --> 00:01:06,770
Ar ôl i chi lawrlwytho'r cyfeiriadur, byddwch yn
Gall ddechrau chwarae gyda ein cod.

19
00:01:06,770 --> 00:01:10,200

20
00:01:10,200 --> 00:01:13,190
>> Mwy o wybodaeth am Meteor
Gellir dod o hyd yn meteor.com.

21
00:01:13,190 --> 00:01:16,580
Yn y ffolder Seminar, Fi 'n weithredol
cael rhai prosiectau Meteor gallwn ei ddefnyddio.

22
00:01:16,580 --> 00:01:20,380

23
00:01:20,380 --> 00:01:26,400
Mae un o'r ffolderi sydd gennym yn ein
Prosiect seminar yw'r app todos.

24
00:01:26,400 --> 00:01:28,780
Felly, os byddaf yn mynd i mewn iddo i mi,
rhaid i Meteor gosod.

25
00:01:28,780 --> 00:01:35,690
Felly i'w redeg, dim ond angen i mi deipio
Bydd Meteor, a Meteor gosod.

26
00:01:35,690 --> 00:01:38,310
Fel y gwelwch, mae'n rhaid i ni
sicrhau ein bod yn gosod Meteor.

27
00:01:38,310 --> 00:01:40,562
Felly, Im 'jyst yn mynd i
rhedeg un mwy o amser

28
00:01:40,562 --> 00:01:42,520
i wneud yn siŵr bod Meteor
yn cael ei osod yn gywir.

29
00:01:42,520 --> 00:01:46,370

30
00:01:46,370 --> 00:01:48,450
>> Er fy mod wedi Meteor
gosod, gallaf ddangos i chi

31
00:01:48,450 --> 00:01:53,760
rhai demos byw o safleoedd Meteor
mynd yn fyw ar hyn o bryd ar y rhyngrwyd.

32
00:01:53,760 --> 00:01:57,990
Mae gen i demo ein app.

33
00:01:57,990 --> 00:02:00,740
Gallwch gael mynediad iddo ar yr URL canlynol.

34
00:02:00,740 --> 00:02:06,350
Mae hyn yn y app i wneud yr ydym yn
gennym yn ein cyfeiriadur seminar.

35
00:02:06,350 --> 00:02:09,940
Mae'r URL ar gyfer hyn yw
rozu-rabbit.meteor.com.

36
00:02:09,940 --> 00:02:14,782
Byddwch yn gweld bod Meteor bydd mewn gwirionedd
cynnal eich prosiectau Meteor am ddim.

37
00:02:14,782 --> 00:02:17,490
Ac ar ddiwedd y seminar,
byddwch yn gallu gwneud hyn hefyd.

38
00:02:17,490 --> 00:02:20,550

39
00:02:20,550 --> 00:02:22,160
>> Mae hon yn gwneud rhestr app.

40
00:02:22,160 --> 00:02:27,740
A allwch chi lofnodi i mewn, creu
cyfrifon, ac ychwanegu tasgau.

41
00:02:27,740 --> 00:02:30,020
Gallwch greu cyfrif fel hynny.

42
00:02:30,020 --> 00:02:33,050

43
00:02:33,050 --> 00:02:35,850
Ac yn awr, ar ôl i chi gael
cyfrif, gallwch ychwanegu tasgau.

44
00:02:35,850 --> 00:02:42,780
Er enghraifft, un o'r tasgau i mi
Efallai y bydd angen i fynd i nôl fy golchi dillad.

45
00:02:42,780 --> 00:02:45,160
Ac os ydych chi ar hyn
safle ar-lein, wnewch chi helpu

46
00:02:45,160 --> 00:02:49,790
mewn gwirionedd yn gweld y dasg hon ar
eich cyfrifiadur mewn amser real.

47
00:02:49,790 --> 00:02:53,760
>> Gallaf dangos i chi demo cyflym
o hyn drwy agor rozu-cwningen

48
00:02:53,760 --> 00:02:56,700
mewn tab arall gyda'r un URL.

49
00:02:56,700 --> 00:03:00,360
Ac rydym yn gweld bod yr un data yn dod i fyny.

50
00:03:00,360 --> 00:03:02,240
Gallwn hefyd redeg mewn
borwr gwahanol.

51
00:03:02,240 --> 00:03:03,420
Dweud fy mod yn rhedeg yn Safari.

52
00:03:03,420 --> 00:03:04,720
Fel hyn nid ydym yn mewngofnodi.

53
00:03:04,720 --> 00:03:07,750

54
00:03:07,750 --> 00:03:11,060
Felly, mae gennym yr un Meteor
app, ac unwaith y bydd llwythi,

55
00:03:11,060 --> 00:03:13,910
byddwn yn gweld yr un data
a wnaethom yn yr un cyntaf.

56
00:03:13,910 --> 00:03:16,710
Fel y gallwch weld, dydw i ddim mewngofnodi yma.

57
00:03:16,710 --> 00:03:20,000
A phan fydd y data gwiriadau gynulleidfa,
mae'n diweddaru ar yr holl borwyr

58
00:03:20,000 --> 00:03:20,910
ar yr un pryd.

59
00:03:20,910 --> 00:03:23,740
Mae hwn yn un o'r 'n sylweddol
Nodweddion cŵl am Meteor.

60
00:03:23,740 --> 00:03:27,700
Gyda bron dim gwaith, byddwch yn
cael app diweddaru fyw

61
00:03:27,700 --> 00:03:31,240
bod newidiadau ar bob un
eich dyfeisiau ar unwaith.

62
00:03:31,240 --> 00:03:36,690
>> Os byddaf yn edrych ar y blwch gwirio yma
yn fy rhestr i'w wneud, bydd gennym,

63
00:03:36,690 --> 00:03:41,230
yn fy porwr Chrome eraill,
mae'r eitem gwirio i ffwrdd.

64
00:03:41,230 --> 00:03:42,605
Ac mae hyn yn digwydd ar unwaith.

65
00:03:42,605 --> 00:03:46,340

66
00:03:46,340 --> 00:03:47,280
Mae pob hawl.

67
00:03:47,280 --> 00:03:52,730
Felly, mae'n edrych fel Meteor
gosod yn barod yn awr.

68
00:03:52,730 --> 00:03:57,000
Felly nawr gadewch i ni fynd yn ôl at y
todos app a rhedeg hyn yn lleol.

69
00:03:57,000 --> 00:04:01,599
>> Os oes gennych brosiect Meteor, gallwch
jyst hidla 'i ag y Meteor gorchymyn.

70
00:04:01,599 --> 00:04:03,640
Unwaith y byddwch yn gwneud hyn, Meteor
Bydd gwneud rhywfaint o baratoi

71
00:04:03,640 --> 00:04:06,120
i wneud yn siŵr bob un
eich cod yn gwirio.

72
00:04:06,120 --> 00:04:12,440
Ac yna bydd yn dweud wrthych fod y
prosiect yn barod i'w gyflwyno.

73
00:04:12,440 --> 00:04:17,750
Efallai y bydd angen i chi ganiatáu i'ch
firewall, os yw eich blociau cyfrifiadur chi.

74
00:04:17,750 --> 00:04:22,440
>> Felly beth Meteor yn dweud wrthyf
ar hyn o bryd yw bod ar y wefan hon

75
00:04:22,440 --> 00:04:26,100
lleol i 'm chyfrifiadur, gallaf weld
beth mae hyn yn brosiect Meteor yw.

76
00:04:26,100 --> 00:04:29,290
Nodwch fod ar hyn o bryd, mae fy app yn
Nid hygyrch i'r rhyngrwyd.

77
00:04:29,290 --> 00:04:35,170
Byddwn yn ymdrin â sut i ddod â'ch Meteor
app i safle fyw ychydig yn nes ymlaen.

78
00:04:35,170 --> 00:04:40,510
Felly, Im 'jyst yn mynd i gopïo hyn
URL yn awr ac yn mynd i mewn Google Chrome.

79
00:04:40,510 --> 00:04:42,600
>> A hon yw'r i'w wneud
rhestrwch o'r esiampl.

80
00:04:42,600 --> 00:04:46,080
Gallwch weld eu bod yn rhoi ar waith
ychydig mwy o nodweddion yma.

81
00:04:46,080 --> 00:04:49,210
Mae gennym gwahanol tabs, rydym yn
cael yr un nodweddion cyfrif,

82
00:04:49,210 --> 00:04:52,141
a gallwn ychwanegu restrau newydd.

83
00:04:52,141 --> 00:04:54,140
Yn awr, un o'r gwirionedd
Nodwedd cŵl am Meteor

84
00:04:54,140 --> 00:04:57,450
yw nid yn unig all hyn
gweithio ar eich porwr gwe,

85
00:04:57,450 --> 00:05:00,030
ond gallwch hefyd greu
frodorol iPhone a Android

86
00:05:00,030 --> 00:05:02,990
apps drwy offeryn o'r enw PhoneGap.

87
00:05:02,990 --> 00:05:06,740
>> Felly, bydd rhai prosiectau yn dod
cyn-ffurfweddu ar gyfer rhedeg

88
00:05:06,740 --> 00:05:08,700
ar iOS, fel todos hon app.

89
00:05:08,700 --> 00:05:14,780
Felly cyfan sydd angen i mi ei wneud i redeg yn iOS
yn cael ei deipio Meteor, rhedeg, ac yna iOS.

90
00:05:14,780 --> 00:05:17,540
A phan wyf yn ei wneud hynny, Meteor
Bydd paratoi'r pecyn eto.

91
00:05:17,540 --> 00:05:21,670
Ac yna, unwaith ei fod yn barod, mae'n chi helpu
lwytho'r efelychydd iOS ar fy orchymyn.

92
00:05:21,670 --> 00:05:24,745
Noder gallwch redeg apps iOS
os oes gennych gyfrifiadur Mac.

93
00:05:24,745 --> 00:05:27,650

94
00:05:27,650 --> 00:05:30,730
Gallwch chi redeg eich apps ar
Android ar bob platfform.

95
00:05:30,730 --> 00:05:34,070

96
00:05:34,070 --> 00:05:38,290
>> Felly nawr gallwch weld bod fy iPhone
Daeth efelychydd i fyny ar fy sgrin.

97
00:05:38,290 --> 00:05:40,370
Ac mewn dim ond hyn o bryd,
bydd yn llwytho gyda'r app.

98
00:05:40,370 --> 00:05:46,070

99
00:05:46,070 --> 00:05:48,490
Os byddwn yn ei wneud yn dim ond ychydig
llai i ffitio ar y sgrin,

100
00:05:48,490 --> 00:05:50,780
rydym yn gweld ein bod wedi ein app iPhone.

101
00:05:50,780 --> 00:05:53,220
Ac yn union fel nad ydym yn ei wneud
ddrysu, gadewch i ni wneud

102
00:05:53,220 --> 00:05:59,790
siŵr ein bod ar yr un
gwefan, mae'r llu leol 3000.

103
00:05:59,790 --> 00:06:03,490
>> Felly dde yma yn enghraifft
o'r app Meteor gen i,

104
00:06:03,490 --> 00:06:08,770
y app todos, yn rhedeg y ddau ar
ffôn ac ar borwr gwe.

105
00:06:08,770 --> 00:06:10,770
A phan byddaf yn newid pethau
yn y porwr gwe,

106
00:06:10,770 --> 00:06:12,675
mae'n mynd yn syth at y ffôn.

107
00:06:12,675 --> 00:06:16,500
A gallaf ddileu rhywbeth ar y ffôn,
ac mae'n newid yn y porwr gwe.

108
00:06:16,500 --> 00:06:21,050
>> Yn awr, fel arfer i greu frodorol
app ffôn ar gyfer iOS neu Android,

109
00:06:21,050 --> 00:06:26,090
angen i chi wybod naill ai Java neu
Amcan C. defnyddiau Meteor Mae'r dechnoleg

110
00:06:26,090 --> 00:06:29,240
er mwyn caniatáu Javascript i'w redeg fel
Gelwir eich app yn PhoneGap.

111
00:06:29,240 --> 00:06:31,320
Beth yw eich app yn y bôn
yn yn porwr gwe.

112
00:06:31,320 --> 00:06:34,500
A Meteor ymdrin gyd
y rhannau anodd dan sylw

113
00:06:34,500 --> 00:06:39,820
am ddod hwnnw porwr gwe i
eich iPhone neu eich dyfais Android.

114
00:06:39,820 --> 00:06:42,210
Gallwch weld bod y
rhyngwyneb defnyddiwr yn llyfn,

115
00:06:42,210 --> 00:06:45,290
ac mae'n edrych ac yn teimlo'n iawn
yn debyg iawn i app brodorol.

116
00:06:45,290 --> 00:06:48,620
Rhybudd, os byddaf yn mynd i'r cartref
sgrin yn awr, yr wyf hefyd yn cael eicon.

117
00:06:48,620 --> 00:06:50,880
Nid yw hon yn wefan tebyg
byddech yn dod o hyd yn Safari.

118
00:06:50,880 --> 00:06:51,860
Mae hyn yn ei app ei hun.

119
00:06:51,860 --> 00:06:54,130
Gallwch osod a
ddileu os hoffech chi.

120
00:06:54,130 --> 00:06:59,500

121
00:06:59,500 --> 00:07:04,436
>> Gallwn ddangos yn fyr i chi beth y cod
gyfer y math hwn o todos app yn edrych fel.

122
00:07:04,436 --> 00:07:08,260
Os edrychwch yn y ffolder todos,
byddwch yn gweld bod llawer o ffolderi.

123
00:07:08,260 --> 00:07:11,440
Ond dros y cwrs
y seminar, yr ydym chi helpu

124
00:07:11,440 --> 00:07:14,780
yn deall yr hyn y mae pob ffolder yn cael ei ddefnyddio ar gyfer.

125
00:07:14,780 --> 00:07:17,830
Gadewch i ni fynd i mewn i'r derfynell felly rydym
yn gallu gweld y ffeiliau ychydig yn well.

126
00:07:17,830 --> 00:07:20,410
>> Rydw i'n mynd i bwyso Rheoli
C i atal y gweinydd,

127
00:07:20,410 --> 00:07:22,770
ac yn awr fy mod yn ôl yn y app todos.

128
00:07:22,770 --> 00:07:26,660
Mae gen i wahanol ffolderi yma, fel
y ffolder cleient, y ffolder gweinyddwr.

129
00:07:26,660 --> 00:07:30,500
A ffolderi hyn yn syml yn golygu bod
popeth yn y ffolder cleient

130
00:07:30,500 --> 00:07:32,630
yn cael ei gyflawni ar eich porwr gwe.

131
00:07:32,630 --> 00:07:35,530
Mae popeth mewn ffolder gweinyddwr
yn cael ei gyflawni ar weinydd.

132
00:07:35,530 --> 00:07:38,100
>> Yr hyn yr wyf am i bwynt
allan yw bod yr hyn a oedd gennym

133
00:07:38,100 --> 00:07:42,140
pan oedd gennym ein rhedeg ffôn ac
ein porwr gwe, oedd y rhain cleientiaid.

134
00:07:42,140 --> 00:07:45,730
Ond beth sy'n rhedeg mewn
terfynell, dyna y gweinydd.

135
00:07:45,730 --> 00:07:48,710
Mae gennym ffolderi eraill, fel
lib, sef cod llyfrgell,

136
00:07:48,710 --> 00:07:51,050
fel eich cynorthwy-ydd
swyddogaethau, y gallwch

137
00:07:51,050 --> 00:07:53,710
defnyddio ar y cleient a'r gweinydd.

138
00:07:53,710 --> 00:07:55,820
Ac yna mae gennych cyhoeddus
ffolder ac adnoddau

139
00:07:55,820 --> 00:07:59,310
ffolder sy'n angenrheidiol ar gyfer cael
eich delweddau a CSS arall llwytho.

140
00:07:59,310 --> 00:08:02,630

141
00:08:02,630 --> 00:08:09,360
>> Os ydych wedi Meteor gosod, byddwn yn
parhau â'r tiwtorial ar gyfer Meteor.

142
00:08:09,360 --> 00:08:12,790
Gallwch fynd at URL hwn,
meteor.com/install,

143
00:08:12,790 --> 00:08:17,990
i gael y llinell gorchymyn yr wyf yn
Dangosodd yr ydych yn gosod Meteor.

144
00:08:17,990 --> 00:08:20,240
Byddwn yn mynd trwy'r cyntaf
ychydig o gamau i gael gwell

145
00:08:20,240 --> 00:08:22,760
yn teimlo am sut i osod Meteor.

146
00:08:22,760 --> 00:08:28,000
>> Ond yn gyntaf, yr wyf yn credu ei fod yn bwysig bod
rydym yn adolygu ychydig o JavaScript.

147
00:08:28,000 --> 00:08:32,360
I ddangos i chi rai enghreifftiau o sut
Gall ein gwybodaeth C yn cael eu cyfieithu

148
00:08:32,360 --> 00:08:34,950
i JavaScript, rwyf wedi
creu ychydig o enghreifftiau.

149
00:08:34,950 --> 00:08:36,940
Maent yn y cyfeiriadur js.

150
00:08:36,940 --> 00:08:41,750
Felly, os yn y seminarau ffolder i chi
edrych, mae 'na ffolder o'r enw js.

151
00:08:41,750 --> 00:08:44,540
Ac yn fan hyn, mae gennym ychydig o enghreifftiau.

152
00:08:44,540 --> 00:08:50,120
>> Gadewch i ni agor y gyntaf
enghraifft a gweld yn gyflym iawn.

153
00:08:50,120 --> 00:08:53,980
Yr hyn a welwn yw eich safon
helo gorchymyn byd.

154
00:08:53,980 --> 00:08:56,520
Byddwch yn sylwi yn C sy'n eich
cael cryn dipyn o linellau.

155
00:08:56,520 --> 00:09:00,490
Ac fel myfyrwyr CS50 yn gwybod,
mae arnom angen prif swyddogaeth,

156
00:09:00,490 --> 00:09:05,730
ac mae'n rhaid i ni gynnwys y safon
I / O llyfrgell er mwyn i alw printf.

157
00:09:05,730 --> 00:09:09,320
>> Gadewch i ni edrych ar sut JavaScript cymharu.

158
00:09:09,320 --> 00:09:11,560
Rydw i'n mynd i ex1.js. agor

159
00:09:11,560 --> 00:09:14,650
Dywedodd allan yr hyn y mae'r
C Byddai cod yn edrych fel,

160
00:09:14,650 --> 00:09:17,550
a'r llinell isod i gyd
mae angen i chi redeg yn Node.

161
00:09:17,550 --> 00:09:20,452
Nid oes angen prif swyddogaeth chi, rydych
Nid oes angen i gynnwys unrhyw ffeiliau,

162
00:09:20,452 --> 00:09:21,660
ac nid oes angen i chi ddychwelyd.

163
00:09:21,660 --> 00:09:23,810
Rydych yn unig yn galw console.log.

164
00:09:23,810 --> 00:09:26,370
Mae hyn yn cyfateb i eich printf.

165
00:09:26,370 --> 00:09:29,310
>> Ac mae'n cymryd yr un fath
dadleuon printf byddai.

166
00:09:29,310 --> 00:09:33,870
Ac er mwyn ei redeg,
yn hytrach na rhedeg yn gwneud EX1,

167
00:09:33,870 --> 00:09:38,930
Byddai 'ch jyst yn galw ex1.js. Node

168
00:09:38,930 --> 00:09:41,830
Byddwch yn ysgrifennu Nôd ac yna
y ffeil, ac mae'n cael ei redeg.

169
00:09:41,830 --> 00:09:43,580
Nid yw'n cael lunio.

170
00:09:43,580 --> 00:09:45,970
JavaScript yn iaith dehongli.

171
00:09:45,970 --> 00:09:49,150
Felly nid oes angen iddo fod
a luniwyd cyn ei fod yn rhedeg.

172
00:09:49,150 --> 00:09:53,450
Os wyf eisiau rhedeg ex1.c,
Mae'n rhaid i mi wneud yn gyntaf,

173
00:09:53,450 --> 00:09:59,160
ac yna gallaf redeg y gweithredadwy
i gael yr un allbwn.

174
00:09:59,160 --> 00:10:02,460
>> Gadewch i ni yn gyflym yn ymdrin â rhai
cysyniadau JavaScript eraill.

175
00:10:02,460 --> 00:10:04,490
Gadewch i ni edrych ar enghraifft dau.

176
00:10:04,490 --> 00:10:14,690
Yn ex2.js, yn ex2.c, gallwn
gweld bod gennym rywfaint cod.

177
00:10:14,690 --> 00:10:16,550
Gadewch i mi yn gyflym yn mynd i
gwell golygydd testun

178
00:10:16,550 --> 00:10:18,400
fydd yn dangos y rhain
llinellau newydd ychydig yn well.

179
00:10:18,400 --> 00:10:21,760

180
00:10:21,760 --> 00:10:22,380
Mae pob hawl.

181
00:10:22,380 --> 00:10:24,190
Yma mae gennym enghraifft 2.c.

182
00:10:24,190 --> 00:10:27,360
Yma mae gennym wahanol fathau
ein bod yn argraffu.

183
00:10:27,360 --> 00:10:30,880
Ac fel y gwyddom, printf cymryd
gwahanol ddadleuon y cant

184
00:10:30,880 --> 00:10:34,050
i gael mynediad i wahanol ddarnau o ddata.

185
00:10:34,050 --> 00:10:36,840
Os ydym eisiau argraffu
llinyn, rydym yn galw% s.

186
00:10:36,840 --> 00:10:40,390
Os ydym am alw fel y bo'r angen
Rhif pwynt, byddem ni'n ei alw% f.

187
00:10:40,390 --> 00:10:45,810
Ac nid oes ffordd hawdd i alw
Boolean yn ôl ei werth gywir neu'n anghywir.

188
00:10:45,810 --> 00:10:50,760
Ond os ydych yn defnyddio% d, gallwch gael
o 0 neu 1 ar gyfer ffug ac yn wir.

189
00:10:50,760 --> 00:10:53,270
>> JavaScript yn ychydig yn brafiach i ni.

190
00:10:53,270 --> 00:10:57,740
Yn JavaScript, gadewch i ni edrych ar yr ychydig
gwahaniaethau sydd gennym yn y ffeil hon.

191
00:10:57,740 --> 00:11:05,790
Yn gyntaf, byddwch yn sylwi bod yn rhaid i ni yn C
ymgychwyn pob newidyn gyda math.

192
00:11:05,790 --> 00:11:06,940
S yn seren torgoch.

193
00:11:06,940 --> 00:11:08,930
Mae'n llinyn, ac mae'n
Ni all fod yn unrhyw fath arall.

194
00:11:08,930 --> 00:11:10,450
N yn arnofio.

195
00:11:10,450 --> 00:11:11,780
B yn Bool.

196
00:11:11,780 --> 00:11:14,220
>> Ond yn JavaScript,
mae mathau deinamig.

197
00:11:14,220 --> 00:11:16,400
Mae hynny'n golygu nad ydych yn ei wneud
angen i chi ddweud JavaScript

198
00:11:16,400 --> 00:11:17,860
pa fathau bydd eich newidynnau fod.

199
00:11:17,860 --> 00:11:22,730
Rydych yn unig yn dweud var am amrywiol, yr enw
y newidyn, ac yna ei werth.

200
00:11:22,730 --> 00:11:24,690
Felly, gall fod yn unrhyw beth var mewn gwirionedd.

201
00:11:24,690 --> 00:11:25,640
Gall fod yn llinyn.

202
00:11:25,640 --> 00:11:27,300
Gall fod yn rhif pwynt arnawf.

203
00:11:27,300 --> 00:11:28,560
Gall fod yn gymeriad.

204
00:11:28,560 --> 00:11:31,250
Gall fod yn Boole.

205
00:11:31,250 --> 00:11:34,380
Ac log consol yn gweithio ychydig yn wahanol.

206
00:11:34,380 --> 00:11:37,340
Os ydych eisiau argraffu
nifer, byddwch yn ffonio% d.

207
00:11:37,340 --> 00:11:41,740
Ond gall y rhan fwyaf o werthoedd fod yn
hargraffu fel llinynnau jyst ddirwya.

208
00:11:41,740 --> 00:11:46,220
>> Gadewch i ni redeg hyn yn Node
i weld beth fyddai'n digwydd.

209
00:11:46,220 --> 00:11:51,880
Gallaf alw ex2.js Node,
ac rydym yn cael printf

210
00:11:51,880 --> 00:11:56,870
gyda'r CS50 gwerthoedd, N fel
rhif pwynt arnawf,

211
00:11:56,870 --> 00:12:00,620
ac yna B wrth i'r Boole
trosi i linyn wir.

212
00:12:00,620 --> 00:12:03,830
Beth am os gwnaethom enghraifft 2.c?

213
00:12:03,830 --> 00:12:09,630
Wel, rydym yn dal i gael rhywfaint o
mwy o annoyances gyda printf.

214
00:12:09,630 --> 00:12:13,110
Sylwch fod y pwynt arnawf
rhif wedi cael ei fformatio yn gywir,

215
00:12:13,110 --> 00:12:18,120
ac nad oedd y Boole all syml
yn cael eu harddangos fel gwir neu gau.

216
00:12:18,120 --> 00:12:18,620
Mae pob hawl.

217
00:12:18,620 --> 00:12:22,680
Nawr gadewch i ni edrych ar enghraifft tri.

218
00:12:22,680 --> 00:12:26,470
Mewn enghraifft tri, rydym yn dangos
sut y byddech yn defnyddio ar gyfer dolen.

219
00:12:26,470 --> 00:12:27,630
Yn wir, mae'n syml iawn.

220
00:12:27,630 --> 00:12:31,430
Un o'r pethau neis am
JavaScript yw ei bod yn seiliedig C.

221
00:12:31,430 --> 00:12:33,920
Mae hynny'n golygu bod llawer o'ch
Bydd cod yn edrych yn debyg iawn

222
00:12:33,920 --> 00:12:36,490
ac yn teimlo yn fawr iawn yr un fath.

223
00:12:36,490 --> 00:12:39,220
Mewn dros ddolen, yr unig beth
sydd wedi newid mewn gwirionedd yma

224
00:12:39,220 --> 00:12:41,840
yn hytrach na i int, rydym wedi var i.

225
00:12:41,840 --> 00:12:45,470
Gall Rydym yn dal i aseinio iddo i werthfawrogi
sero, gwiriwch ei fod yn llai na phump,

226
00:12:45,470 --> 00:12:49,390
ac cynyddiad iddo gan un
gyda'r gweithredwr ++.

227
00:12:49,390 --> 00:12:56,286
Rydym yn galw ar i console.log, a bod
Bydd argraffu wrthym y rhif gyda phob llinell.

228
00:12:56,286 --> 00:12:58,410
Gadewch i redeg yn gyflym iawn
i weld beth y mae'n allbynnau.

229
00:12:58,410 --> 00:13:02,320

230
00:13:02,320 --> 00:13:03,880
Rydym yn cael nifer newydd ym mhob llinell.

231
00:13:03,880 --> 00:13:06,920
Peth arall rwyf am i chi
i hysbysiad ag console.log

232
00:13:06,920 --> 00:13:09,960
yw nad oedd yn rhaid i chi ysgrifennu
slaes n ar gyfer y llinell newydd.

233
00:13:09,960 --> 00:13:12,480
Bydd Console.log argraffu
popeth ar ei linell ei hun.

234
00:13:12,480 --> 00:13:14,585
Dyna nodwedd 'n glws
bod JavaScript yn rhoi i ni.

235
00:13:14,585 --> 00:13:18,440

236
00:13:18,440 --> 00:13:22,600
>> Nawr, gadewch i ni agor Enghraifft pedwar.

237
00:13:22,600 --> 00:13:28,710
Yn enghraifft pedwar, yn gyntaf yn y C,
rydym yn galw ychydig o swyddogaethau.

238
00:13:28,710 --> 00:13:33,290
Sylwch fod yn rhaid i ni ddatgan
swyddogaethau cyn i ni eu defnyddio yn y prif.

239
00:13:33,290 --> 00:13:37,250
Os byddwn oedd prif cyntaf a
yna ychwanegwch ac yna yn uchel, yn gwneud,

240
00:13:37,250 --> 00:13:39,540
chlang, neu y byddai Cyngor Gwynedd
rhoi gwall yn dweud wrthym

241
00:13:39,540 --> 00:13:41,060
nad yw'n gwybod beth yn uchel yn.

242
00:13:41,060 --> 00:13:42,780
Nid yw'n gwybod beth yw ychwanegu.

243
00:13:42,780 --> 00:13:46,480
Felly, yn C, rhaid i chi fod picky am y
drefn y byddwch yn ffonio eich swyddogaethau.

244
00:13:46,480 --> 00:13:49,220

245
00:13:49,220 --> 00:13:51,310
>> Gadewch i ni edrych ar sut y gallwch
gwneud hyn yn JavaScript.

246
00:13:51,310 --> 00:13:56,060
Mae gennym wahanol ffeiliau oherwydd bod
rai ffyrdd gwahanol o wneud hyn.

247
00:13:56,060 --> 00:13:58,950
Un ffordd yw n bert lawer
cyfieithiad uniongyrchol.

248
00:13:58,950 --> 00:14:02,180
Oherwydd bod swyddogaethau yn C
dychwelyd math, a JavaScript

249
00:14:02,180 --> 00:14:05,210
Nid yw wir yn gwybod neu ofal
am ba fath byddwch yn dychwelyd,

250
00:14:05,210 --> 00:14:06,300
nad ydych yn ysgrifennu fath.

251
00:14:06,300 --> 00:14:08,100
Yn lle hynny, 'ch jyst angen
i ysgrifennu swyddogaeth,

252
00:14:08,100 --> 00:14:11,180
ac mae popeth yn eithaf
lawer yr un fath ag o'r blaen.

253
00:14:11,180 --> 00:14:14,630
>> Pan fydd gennych newidyn, fel yn
ychwanegu, dim ond angen i ni ysgrifennu x ac y.

254
00:14:14,630 --> 00:14:16,060
Nid oes angen i ni ddweud x yn int.

255
00:14:16,060 --> 00:14:18,940
Nid oes angen i ni ddweud y mae'n int.

256
00:14:18,940 --> 00:14:21,030
Rydym yn dychwelyd gyda'r un gystrawen.

257
00:14:21,030 --> 00:14:24,230
Ar gyfer uchel, rydym yn datgan 'i ag
gweithredu'n ddi-rym yn lle.

258
00:14:24,230 --> 00:14:26,110
Sylwch fod p'un
mae'n ddi-rym neu heb fod yn ddi-rym,

259
00:14:26,110 --> 00:14:28,380
mae'n dal i fod yr un swyddogaeth.

260
00:14:28,380 --> 00:14:32,440
Ac rydym nid yn unig yn rhoi
unrhyw beth mewn cromfachau,

261
00:14:32,440 --> 00:14:34,690
ac mae'n edrych yn debyg iawn i'r cod C.

262
00:14:34,690 --> 00:14:37,460
Ac yn is, gallwn alw yn isod.

263
00:14:37,460 --> 00:14:42,730
>> Os ydym yn edrych ar enghraifft 4b, rydym yn sylwi
fy mod i wedi newid ychydig o bethau.

264
00:14:42,730 --> 00:14:45,340
Yr unig beth rwyf wedi newid
'n sylweddol er bod yn y gorchymyn.

265
00:14:45,340 --> 00:14:47,340
Mae gennym yr un fath
swyddogaethau, ond erbyn hyn maent yn

266
00:14:47,340 --> 00:14:52,200
ddatgan ar ôl eu bod yn defnyddio mewn
console.log ac yn uchel ar linellau 18, 19.

267
00:14:52,200 --> 00:14:54,740
Os byddwch yn gwneud hyn yn C,
byddai gwneud taflu gwall.

268
00:14:54,740 --> 00:14:56,070
Yma, mae hyn yn gweithio jyst ddirwya.

269
00:14:56,070 --> 00:15:01,935
A gallaf ddangos hyn i chi gan
yn galw ar Nôd enghraifft 4b.

270
00:15:01,935 --> 00:15:05,350

271
00:15:05,350 --> 00:15:10,130
>> Ffordd arall y gallwn ei alw swyddogaethau
yw drwy arbed swyddogaethau fel newidynnau.

272
00:15:10,130 --> 00:15:13,790
Fel y dywedais, mae newidyn
Gall gael unrhyw fath.

273
00:15:13,790 --> 00:15:16,720
Un o'r mathau newidyn
Gall gael yn swyddogaeth.

274
00:15:16,720 --> 00:15:19,800
Felly, os ydych yn edrych ar enghraifft
4c, yr hyn yr wyf wedi newid

275
00:15:19,800 --> 00:15:24,320
yma yw var ychwanegu yn hytrach na ychwanegu swyddogaeth.

276
00:15:24,320 --> 00:15:26,807
Ac yn awr yn ychwanegu hafal swyddogaeth.

277
00:15:26,807 --> 00:15:28,140
Mae'r swyddogaeth yma yn ddienw.

278
00:15:28,140 --> 00:15:33,346
Nid oes ganddo unrhyw enw, felly dim ond
swyddogaeth ac yna y cromfachau.

279
00:15:33,346 --> 00:15:35,220
Mae'r cystrawen ar ôl hynny
yn newid, ond i chi

280
00:15:35,220 --> 00:15:38,300
oes rhaid i gadw mewn cof bod
mae gennych newidyn eich bod yn

281
00:15:38,300 --> 00:15:42,940
storio y swyddogaeth i mewn i ychwanegu, a
newidyn eich bod yn storio mewn i uchel.

282
00:15:42,940 --> 00:15:47,620
>> Gan fod yn adio ac yn uchel yn awr newidynnau
ac nid yw swyddogaethau, bydd rhywbeth yn newid.

283
00:15:47,620 --> 00:15:50,190
Mae hwn yn nam cyffredin rwy'n gweld mewn
llawer o JavaScripts pobl,

284
00:15:50,190 --> 00:15:52,410
a rhywbeth i'w gadw mewn cof.

285
00:15:52,410 --> 00:15:54,365
Pan fyddaf yn rhedeg hyn, gadewch i ni weld beth sy'n digwydd.

286
00:15:54,365 --> 00:15:57,410

287
00:15:57,410 --> 00:15:58,230
Rwy'n cael gwall.

288
00:15:58,230 --> 00:16:01,000
Mae wedi dweud amhenodol yn y fan hon.

289
00:16:01,000 --> 00:16:03,520
Felly, mae'n dweud ei fod
nid yw'n gwybod pa ychwanegu yw.

290
00:16:03,520 --> 00:16:06,010
>> Oherwydd erbyn hyn yn ychwanegu nid yn
swyddogaeth, ychwanegwch yw newidyn.

291
00:16:06,010 --> 00:16:10,100
Ac nad ydych wedi rhoi mewn gwirionedd
ychwanegu gwerth eto pan fyddwch yn ei ddefnyddio.

292
00:16:10,100 --> 00:16:14,460
Mae hynny'n dod â ni at enghraifft 4d, lle os
ydych am ddefnyddio newidynnau fel swyddogaethau,

293
00:16:14,460 --> 00:16:17,210
'ch jyst angen i wneud yn siŵr eu bod yn
cael y gwerth cyn eu bod yn defnyddio.

294
00:16:17,210 --> 00:16:20,200

295
00:16:20,200 --> 00:16:23,420
>> Gadewch i ni symud ymlaen i enghraifft bum hynny.

296
00:16:23,420 --> 00:16:27,390
Yma, rydym yn siarad am
structs yn C. Yn C, structs

297
00:16:27,390 --> 00:16:30,320
gael y strwythur sefydlog iddynt
gan fod yn rhaid i chi ddatgan eu

298
00:16:30,320 --> 00:16:33,050
cyn i chi ei ddefnyddio, ac
yr ydych yn dweud gen i fyfyriwr,

299
00:16:33,050 --> 00:16:36,645
a phob myfyriwr yn union
un enw, un flwyddyn, un rhyw.

300
00:16:36,645 --> 00:16:37,770
Mae wedi cael pob un ohonynt.

301
00:16:37,770 --> 00:16:42,280
Ni all unrhyw werthoedd eraill,
ac mae'n rhaid iddynt fod mathau penodol.

302
00:16:42,280 --> 00:16:47,540
>> Yna gallwn ymgychwyn y
struct yn y gystrawen 'n glws

303
00:16:47,540 --> 00:16:49,470
oherwydd ei fod yn gwybod y gorchymyn.

304
00:16:49,470 --> 00:16:51,460
Felly mae'n gwybod bod Roger yn enw.

305
00:16:51,460 --> 00:16:54,060
Mae'n gwybod bod 2016 yn
flwyddyn ac M yn rhyw

306
00:16:54,060 --> 00:16:58,200
am ein bod yn gwybod ei fod hwn
rhestr yn fyfyriwr struct.

307
00:16:58,200 --> 00:17:01,607
Ac yna gallwch argraffu
iddo, cael gafael ar s.name.

308
00:17:01,607 --> 00:17:03,690
Gadewch i ni weld sut y byddem
trosi hynny i'r JavaScript.

309
00:17:03,690 --> 00:17:06,400

310
00:17:06,400 --> 00:17:09,790
Sylwch fod ef bellach yn
amrywiol, a does dim math.

311
00:17:09,790 --> 00:17:10,920
Mae'n dim ond var eto.

312
00:17:10,920 --> 00:17:14,480
Oherwydd nid oes ots os yw'r
math o newidyn hwn yn pwyntydd,

313
00:17:14,480 --> 00:17:17,440
ei fod yn struct, neu unrhyw beth arall.

314
00:17:17,440 --> 00:17:19,650
Mae gennym cystrawen ychydig yn wahanol.

315
00:17:19,650 --> 00:17:21,890
Mae hyn gystrawen yw'r gystrawen gwrthrych.

316
00:17:21,890 --> 00:17:24,400
>> Efallai eich bod wedi gweld yn JSON.

317
00:17:24,400 --> 00:17:27,780
JSON mewn gwirionedd yn sefyll am y
Nodiant Gwrthrych JavaScript.

318
00:17:27,780 --> 00:17:31,240
Mae hyn yn sut yr ydych yn diffinio
gwrthrychau yn JavaScript.

319
00:17:31,240 --> 00:17:34,500
Mae gennym allweddol, sef
gwerth, fel enw.

320
00:17:34,500 --> 00:17:37,680
Ac rydym yn rhoi ei gwerthfawrogi ar
yr ochr arall y colon.

321
00:17:37,680 --> 00:17:41,850
Ac un peth i gadw mewn cof yw eich
Nid oes angen i gael enw a blwyddyn

322
00:17:41,850 --> 00:17:42,980
a rhyw ar gyfer gwrthrych.

323
00:17:42,980 --> 00:17:44,570
Gall gwrthrych yn cael unrhyw werthoedd.

324
00:17:44,570 --> 00:17:46,920
Gall gael cymaint ag yr hoffech.

325
00:17:46,920 --> 00:17:50,375
>> Gallwn ddefnyddio'r gwrthrychau hyn mewn dim ond y
un ffordd y byddem yn defnyddio struct, s.name.

326
00:17:50,375 --> 00:17:53,810

327
00:17:53,810 --> 00:17:57,080
Gallwn redeg yn gyflym iawn
drwy wneud nod esiampl 5.c.

328
00:17:57,080 --> 00:18:00,320

329
00:18:00,320 --> 00:18:02,520
Ni allwn mewn gwirionedd yn rhedeg ffeil C mewn Node.

330
00:18:02,520 --> 00:18:03,654
Nid yw'n gwybod beth C yn.

331
00:18:03,654 --> 00:18:04,695
Dim ond yn gwybod JavaScript.

332
00:18:04,695 --> 00:18:09,865
Pan fyddwn yn rhedeg y ex5.js, rydym yn cael
gwerth, a oedd yn disgwyl i ni.

333
00:18:09,865 --> 00:18:13,490

334
00:18:13,490 --> 00:18:15,980
>> Gadewch i ni symud ymlaen i enghraifft chwech.

335
00:18:15,980 --> 00:18:18,930
Dyma Fi jyst eisiau siarad ychydig
ychydig mwy am araeau JavaScript

336
00:18:18,930 --> 00:18:20,930
oherwydd eu bod yn ychydig yn
yn wahanol na'r hyn yr ydych yn

337
00:18:20,930 --> 00:18:26,940
a ddefnyddir i yn C. Araeau yn cael eu nodiannu,
nid gyda'r cromfachau fel yn C,

338
00:18:26,940 --> 00:18:28,640
gyda'r braces cyrliog, ond cromfachau.

339
00:18:28,640 --> 00:18:32,150
Gallwch gael amrywiaeth gwag,
fel tr yn unol pedwar.

340
00:18:32,150 --> 00:18:34,680
Gallwch gael araeau
gyda gwerthoedd lluosog.

341
00:18:34,680 --> 00:18:39,790
A ydych yn cael mynediad iddynt
dim ond yr un ffordd yn C.

342
00:18:39,790 --> 00:18:42,990
>> Hyd at linell saith, popeth
ymddangos yn eithaf syml.

343
00:18:42,990 --> 00:18:45,390
Un gwahaniaeth bach yma yn llinell 10.

344
00:18:45,390 --> 00:18:48,620
Mae'r ffordd yr ydych yn cael hyd o un
arae yn unig drwy ffonio .length.

345
00:18:48,620 --> 00:18:50,620
Gall amrywiaeth fod mewn gwirionedd
drin fel gwrthrych,

346
00:18:50,620 --> 00:18:54,960
ac gwrthrych mae hyn yn cael eiddo hyd
eich bod yn ffonio i gael hyd iddo.

347
00:18:54,960 --> 00:18:57,350
Sylwch fod hyn yn wahanol
yn C oherwydd yn C i chi

348
00:18:57,350 --> 00:19:01,600
rhaid i wybod hyd
eich gwrthrych o flaen amser.

349
00:19:01,600 --> 00:19:04,700
>> Felly, beth arall braf am araeau
yw y gallwch gael mathau gwahanol.

350
00:19:04,700 --> 00:19:07,470
Os oes gennych amrywiaeth yn C, yna
yn araeau o werth penodol,

351
00:19:07,470 --> 00:19:11,900
naill ai pwyntydd struct
neu'n arnofio neu [Anghlywadwy].

352
00:19:11,900 --> 00:19:13,700
Yma, gallwch gael gwahanol werthoedd.

353
00:19:13,700 --> 00:19:17,560
Rwyf wedi cael nifer pwynt arnawf yn gyntaf,
yna Boole, yna gyfanrif arall.

354
00:19:17,560 --> 00:19:19,670
Ac mewn gwirionedd, gallant newid mathau hefyd.

355
00:19:19,670 --> 00:19:21,220
Edrychwch ar linell 16.

356
00:19:21,220 --> 00:19:26,760
Array dau yn newid o fod yn
nifer, yn gyfanrif, i llinyn.

357
00:19:26,760 --> 00:19:30,920
>> Peth arall neis am araeau yma
yn llinell 19, mae ganddynt maint anfeidrol.

358
00:19:30,920 --> 00:19:35,900
Alli jyst ddweud Rwyf am i'r canfed
elfen i fod yn llinyn legit.

359
00:19:35,900 --> 00:19:38,510
Ac nid yw'n ymddangos yma er mwyn gwneud
synnwyr gan fod yr amrywiaeth yn unig

360
00:19:38,510 --> 00:19:41,080
Mae lle i dair elfen,
felly dylai'r diwedd fod yn ddau.

361
00:19:41,080 --> 00:19:44,800
Ond pan fyddwch yn gwneud hyn, gadewch i ni
weld pa amrywiaeth tri yn dod.

362
00:19:44,800 --> 00:19:47,460
Byddem yn rhedeg hyn yn gyflym
gyda enghraifft nôd six.js.

363
00:19:47,460 --> 00:19:49,990

364
00:19:49,990 --> 00:19:52,180
Rydym yn cael hyn yn wir yn hir
amrywiaeth, a beth sy'n digwydd

365
00:19:52,180 --> 00:19:55,100
yn mae gennym yr ychydig elfennau cyntaf
ac yna griw o bylchau

366
00:19:55,100 --> 00:19:56,580
nes ein bod yn cael ein llinyn.

367
00:19:56,580 --> 00:19:58,580
JavaScript llenwi yn y
amrywiaeth fel y mae ei angen.

368
00:19:58,580 --> 00:20:01,790

369
00:20:01,790 --> 00:20:05,420
>> Gadewch i ni o'r diwedd ewch i'n esiampl diwethaf.

370
00:20:05,420 --> 00:20:08,180
Yma mae gennym restr
myfyrwyr o wahanol.

371
00:20:08,180 --> 00:20:11,350
Rwyf eisiau siarad ychydig
ychydig am rai agweddau n glws

372
00:20:11,350 --> 00:20:14,240
o ar gyfer dolenni ym JavaScript.

373
00:20:14,240 --> 00:20:17,500
Yn C, ar gyfer dolenni yn fath o gyfyngedig.

374
00:20:17,500 --> 00:20:21,490
Mae ganddynt strwythur sefydlog, lle rydych yn
fod â newidyn, oes gennych gyflwr,

375
00:20:21,490 --> 00:20:23,850
ac yna rydych yn gwneud rhywbeth
ar ddiwedd y ddolen.

376
00:20:23,850 --> 00:20:27,560
Ac wrth gwrs mae hyn yn gweithio yn JavaScript,
fel y gwelsom yn yr enghreifftiau blaenorol.

377
00:20:27,560 --> 00:20:31,030
Ond mae gennym hefyd ffyrdd brafiach
o wneud hyn yn JavaScript.

378
00:20:31,030 --> 00:20:33,870
Gelwir hyn yn dolen foreach.

379
00:20:33,870 --> 00:20:36,580
>> Mae'n ddrwg gennym, gadewch i ni fynd yn ôl
i enghraifft saith yma.

380
00:20:36,580 --> 00:20:39,320
Gallwn hefyd ddweud adran yn rhestr.

381
00:20:39,320 --> 00:20:43,250
Felly, roi pob ff mi neu
pob mynegai yn y rhestr honno.

382
00:20:43,250 --> 00:20:46,255
Yna, gallwn gael y myfyriwr
at jyst yn ffonio adran o i.

383
00:20:46,255 --> 00:20:50,690
Felly, y cyfan o'r cod o bennu i
yn hafal i sero a gwneud yn siŵr ff

384
00:20:50,690 --> 00:20:54,420
yn llai na'r hyd a
ychwanegu un i fi bob tro, dyna

385
00:20:54,420 --> 00:21:00,220
gan gymryd gofal i chi yn hytrach
'n glws â hyn dolen foreach.

386
00:21:00,220 --> 00:21:02,830
>> Nid yn unig y mae dolenni foreach
yn gweithio mewn rhestrau neu araeau,

387
00:21:02,830 --> 00:21:06,130
maent hefyd yn gweithio mewn gwrthrychau,
sydd hefyd 'n glws.

388
00:21:06,130 --> 00:21:10,240
Gallwch gael enw
pob eiddo at jyst yn cymryd

389
00:21:10,240 --> 00:21:15,030
geiriadur neu wrthrych, fel myfyriwr,
ac yna dim ond dweud roi pob allwedd mi.

390
00:21:15,030 --> 00:21:18,920
Byddai allweddol fydd y rhain
eiddo, enw neu dŷ.

391
00:21:18,920 --> 00:21:22,870
Felly beth sy'n mynd i ddigwydd yma yw bod
rydym yn argraffu yn gyntaf yr enw ac yna

392
00:21:22,870 --> 00:21:24,920
dŷ pob myfyriwr.

393
00:21:24,920 --> 00:21:29,170
>> Gallaf redeg hyn yn Node
yn gyflym iawn i ddangos i chi.

394
00:21:29,170 --> 00:21:35,510
Rydym yn cael gyntaf yr arddull C ar gyfer dolen, ble
ein bod yn cael pob gwrthrych sy'n cael ei hargraffu.

395
00:21:35,510 --> 00:21:38,910
Ac yna mae gennym y JavaScript
arddull, lle y gallwch yn unig

396
00:21:38,910 --> 00:21:41,510
argraffu pob allwedd
ac yn gwerthfawrogi yn unigol.

397
00:21:41,510 --> 00:21:45,560

398
00:21:45,560 --> 00:21:47,050
>> Mae pob hawl.

399
00:21:47,050 --> 00:21:52,850
Nawr ein bod ni wedi cynnwys Node.js, yr wyf yn meddwl
rydym yn barod i ddechrau arni gyda Meteor.

400
00:21:52,850 --> 00:21:56,070
Fel y dywedais, gwnaeth Meteor gwaith gwych
o ysgrifennu rhai enghreifftiau parod

401
00:21:56,070 --> 00:22:00,600
ar eich cyfer eich bod yn gallu archwilio drwy
tiwtorial hwn neu yn y ffolder seminar.

402
00:22:00,600 --> 00:22:03,750
Ond yma yr wyf am
cychwyn mwy o'r dechrau.

403
00:22:03,750 --> 00:22:06,810
>> Gadewch i greu syml i wneud cais.

404
00:22:06,810 --> 00:22:14,140
Mae hyn yn fath o waelod hyn y mae'r i
gwneud cais wyf yn dangos i chi yn gynharach yn.

405
00:22:14,140 --> 00:22:16,990
Yn y tiwtorial hwn, byddwch yn
yn gweld fod yna

406
00:22:16,990 --> 00:22:20,180
yn Meteor gorchymyn creu i
creu prosiect Meteor newydd.

407
00:22:20,180 --> 00:22:24,510
Mae angen i chi galw hyn er mwyn
i gynnal prosiectau Meteor am ei fod

408
00:22:24,510 --> 00:22:27,470
Bydd rhedeg y gorchmynion
i greu'r Meteor

409
00:22:27,470 --> 00:22:31,100
ffeiliau angenrheidiol ar gyfer eich prosiect.

410
00:22:31,100 --> 00:22:35,920
>> Os byddwch yn mynd i mewn i'r derfynell, gallwn
mynd i mewn i'r ffolder o'r enw cam un.

411
00:22:35,920 --> 00:22:41,240
A llys fydd un ohebu â
y cam cyntaf yn y tiwtorial.

412
00:22:41,240 --> 00:22:44,020
Hysbysiad mae ffolderi, gam
un, cam dau, yr holl ffordd i bump.

413
00:22:44,020 --> 00:22:47,835
Ac mae pob un yn cael ei cyfatebol
i gam yn y tiwtorial hwn.

414
00:22:47,835 --> 00:22:50,960

415
00:22:50,960 --> 00:22:52,780
Rydw i'n mynd i agor
yn fy golygydd testun yma

416
00:22:52,780 --> 00:22:56,280
fel y gallwn weld ychydig o'r hyn a grëwyd.

417
00:22:56,280 --> 00:22:58,530
Rydym yn sylwi bod yna
Mae pedair prif ran.

418
00:22:58,530 --> 00:23:01,170
Mae cyfeiriadur Meteor, .meteor.

419
00:23:01,170 --> 00:23:03,180
Ac y byddwch fel arfer
Nid oes angen cyffwrdd.

420
00:23:03,180 --> 00:23:05,070
Meteor yn gofalu am
hynny ffolder, ac 'i jyst

421
00:23:05,070 --> 00:23:08,640
yn gwneud yn siwr bod eich
Bydd y prosiect yn gweithio yn gywir.

422
00:23:08,640 --> 00:23:14,580
>> Mae gennym hefyd dair ffeil, ffeil HTML,
ffeil JavaScript, a ffeil CSS.

423
00:23:14,580 --> 00:23:18,670
Gadewch i ni ddechrau yn gyntaf gyda'r ffeil HTML.

424
00:23:18,670 --> 00:23:21,310
Ar yr olwg gyntaf, mae hyn yn edrych
fel dogfen HTML arferol.

425
00:23:21,310 --> 00:23:23,490
Ond yn sylwi bod yno
yna ychydig o wahaniaethau.

426
00:23:23,490 --> 00:23:26,520
Un, nid yw hyn mewn gwirionedd
dogfen HTML cyflawn.

427
00:23:26,520 --> 00:23:28,640
Ein bod ar goll y tagiau HTML.

428
00:23:28,640 --> 00:23:29,700
Mae hyn yn normal.

429
00:23:29,700 --> 00:23:33,560
Yn Meteor, nid ydych yn disgwyl
i greu tagiau HTML hyn.

430
00:23:33,560 --> 00:23:35,260
Mae hynny wedi gwneud i chi.

431
00:23:35,260 --> 00:23:38,380
Rydych am i begin-- os ydych yn
am greu gwefan,

432
00:23:38,380 --> 00:23:40,430
jyst angen i chi ddechrau
gyda'r tag pen,

433
00:23:40,430 --> 00:23:43,510
diffinio hynny, ac yna
diffinio'r tag corff.

434
00:23:43,510 --> 00:23:48,940
>> Ond os ydych yn sylwi yn hyn
Ffeil HTML, mae gennym tag newydd.

435
00:23:48,940 --> 00:23:50,350
Mae gennym y tag templed.

436
00:23:50,350 --> 00:23:52,050
Nid yw hyn yn HTML arferol.

437
00:23:52,050 --> 00:23:55,300
Mae hwn yn fersiwn arbennig o HTML
bod Meteor yn gwneud ar gael i chi.

438
00:23:55,300 --> 00:23:57,660
Mae'n cael ei alw bariau gofod.

439
00:23:57,660 --> 00:24:00,980
Gallwch ddiffinio templedi cyn lleied
modiwlau, math o fel swyddogaethau cynorthwy-ydd,

440
00:24:00,980 --> 00:24:03,660
yn eich C neu cod JavaScript.

441
00:24:03,660 --> 00:24:06,020
Byddai templed hwn
gael enw o'r enw tasg.

442
00:24:06,020 --> 00:24:10,520
A gallwch weld yma ar-lein
13 y gallwch ei ffonio templedi hyn.

443
00:24:10,520 --> 00:24:14,380
A beth fydd yn ei wneud Meteor yn unig
llenwch y tasgau hyn ar eich rhan.

444
00:24:14,380 --> 00:24:17,540

445
00:24:17,540 --> 00:24:22,580
>> Peth arall efallai y byddwch yn sylwi yn
ychydig yn wahanol yn hyn pob swyddogaeth.

446
00:24:22,580 --> 00:24:26,130
Bydd pob cymryd y newidyn
tasgau a math o yn mynd drwyddo

447
00:24:26,130 --> 00:24:28,810
yn y ddolen foreach ydym
Gwelodd yn enghraifft saith.

448
00:24:28,810 --> 00:24:34,200
Gall hyn gymryd pob un geiriadur
neu restr, gwrthrych neu restr,

449
00:24:34,200 --> 00:24:38,820
a bydd yn jyst yn mynd trwy bob un o'r
Gwerthoedd fel dolen foreach byddai.

450
00:24:38,820 --> 00:24:44,110
Felly, os oes gennym griw o dasgau, mae hyn yn
Bydd ffoniwch y templed ar bob tasg.

451
00:24:44,110 --> 00:24:49,590
>> Gadewch i redeg y prosiect Meteor
dim ond i weld bod hyn yn digwydd.

452
00:24:49,590 --> 00:24:53,260
Rwy'n rhedeg y prosiect Meteor gyda
dim ond Meteor neu Meteor rhedeg.

453
00:24:53,260 --> 00:24:56,690
Ac yn awr Meteor yn unig, bydd angen
i baratoi'r prosiect yn gyflym,

454
00:24:56,690 --> 00:25:03,320
cychwyn y gronfa ddata yn ôl yr angen,
ac yna ar ôl y app yn lleol.

455
00:25:03,320 --> 00:25:07,200
Gallwn fynd at ein porwr gwe yn awr.

456
00:25:07,200 --> 00:25:10,215
A byddwn yn gweld ein bod yn
cael app syml iawn.

457
00:25:10,215 --> 00:25:22,190

458
00:25:22,190 --> 00:25:29,130
Felly beth a welsom yn dangos i fyny mewn gwirionedd
y cam un, y cam un ffeil.

459
00:25:29,130 --> 00:25:33,260
>> Gadewch i ni symud ymlaen i gam dau yn unig oherwydd bod
Rwy'n credu y bydd yn gwasanaethu'r un diben.

460
00:25:33,260 --> 00:25:36,500
Im 'jyst yn mynd i newid
i'r cam dau cyfeiriadur

461
00:25:36,500 --> 00:25:39,550
ac yn rhedeg Meteor unwaith eto fel y gallwn weld
y templed rydym yn unig yn gweithio gyda.

462
00:25:39,550 --> 00:25:43,560

463
00:25:43,560 --> 00:25:45,730
Ie, cwestiwn?

464
00:25:45,730 --> 00:25:49,724
>> GYNULLEIDFA: Os ydym yn ei gael caniatâd
gwadu, yn that-- beth sydd ei

465
00:25:49,724 --> 00:25:50,390
yn galw am hynny?

466
00:25:50,390 --> 00:25:52,154

467
00:25:52,154 --> 00:25:54,070
ROGER ZURAWICKI: Os
ydych yn rhedeg Meteor rhedeg,

468
00:25:54,070 --> 00:25:57,280
a bod gennych ganiatâd
Gwadodd, rhai o'ch ffeiliau

469
00:25:57,280 --> 00:25:59,070
Efallai na fydd yn cael y caniatâd cywir set.

470
00:25:59,070 --> 00:26:03,970
Felly, mae'n rhaid i chi wirio ble
y caniatadau yn ffwrdd.

471
00:26:03,970 --> 00:26:06,030
Gallent fod i ffwrdd yn
eich prosiect Meteor,

472
00:26:06,030 --> 00:26:08,550
neu gallent fod i ffwrdd yn y
Meteor ffeiliau eu hunain.

473
00:26:08,550 --> 00:26:13,742
>> GYNULLEIDFA: Os wyf yn llwytho i lawr 'i jyst nawr
gan eich GitHub, yna beth ddylwn i ei wneud

474
00:26:13,742 --> 00:26:16,110
[Anghlywadwy]?

475
00:26:16,110 --> 00:26:20,110
>> ROGER ZURAWICKI: Os ydych am
i wneud yn siŵr y gallwch gael gafael arno,

476
00:26:20,110 --> 00:26:21,450
mae 'na gorchymyn, gallwch redeg.

477
00:26:21,450 --> 00:26:26,590
Gadewch i mi yn gyflym ysgrifennu 'ii maes
fel y gall pobl eraill ei weld.

478
00:26:26,590 --> 00:26:30,670
Rydw i'n mynd i agor tab newydd yma
ac yn mynd i mewn i fy ffolder seminar.

479
00:26:30,670 --> 00:26:33,500

480
00:26:33,500 --> 00:26:36,490
Chmod yw'r gorchymyn
i newid caniatadau,

481
00:26:36,490 --> 00:26:40,060
a gallwch ddweud r am ei wneud
recursively ar gyfer pob ffeil.

482
00:26:40,060 --> 00:26:46,040
A chaniatâd, gallwch roi cynnig ar 0755
i wneud yn siŵr eich bod yn cael mynediad llawn,

483
00:26:46,040 --> 00:26:47,820
a gall pawb arall ei ddarllen.

484
00:26:47,820 --> 00:26:50,100
Ac os ydych yn unig yn rhedeg
gorchymyn hwn, bydd yn gwneud

485
00:26:50,100 --> 00:26:55,800
yn siŵr fod y caniatadau yn mewn
gwirio ar gyfer y cyfeiriadur cyfan.

486
00:26:55,800 --> 00:26:59,160
Gall ls-l Rhedeg yn dangos i chi y
caniatâd yn fwy manwl.

487
00:26:59,160 --> 00:27:01,290
Mae hyn yn edrych yn iawn.

488
00:27:01,290 --> 00:27:03,900
>> Beth sydd fwyaf pwysig yw
bod gennych yr holl tri

489
00:27:03,900 --> 00:27:06,610
rwx ar gyfer yr holl ffeiliau yn y
cyfeiriadur seminar.

490
00:27:06,610 --> 00:27:09,415

491
00:27:09,415 --> 00:27:11,330
A oedd hynny'n datrys y broblem?

492
00:27:11,330 --> 00:27:13,735
>> GYNULLEIDFA: Mae'n dweud goll
gweithredol [Anghlywadwy].

493
00:27:13,735 --> 00:27:17,980

494
00:27:17,980 --> 00:27:18,740
[Anghlywadwy]

495
00:27:18,740 --> 00:27:20,490
ROGER ZURAWICKI: Chi
rhaid i ni sicrhau eich bod

496
00:27:20,490 --> 00:27:23,022
gael dot ar ddiwedd eich gorchymyn.

497
00:27:23,022 --> 00:27:23,938
GYNULLEIDFA: [Anghlywadwy].

498
00:27:23,938 --> 00:27:36,395

499
00:27:36,395 --> 00:27:37,520
ROGER ZURAWICKI: Pob hawl.

500
00:27:37,520 --> 00:27:42,220
Gadewch inni fynd yn gyflym yn ôl i'r
llu lleol, mae'r app sydd gennym.

501
00:27:42,220 --> 00:27:46,640
A byddwch yn gweld bod gennym
ychydig o dasgau yma, yn ôl y disgwyl.

502
00:27:46,640 --> 00:27:49,330

503
00:27:49,330 --> 00:27:51,990
Mae gennym griw o CSS, a oedd yn
Nid oes angen i chi boeni am.

504
00:27:51,990 --> 00:27:53,740
Mae'r tiwtorial Meteor
dim ond yn rhoi hyn i chi

505
00:27:53,740 --> 00:27:58,010
i wneud eich gwneud rhestr edrych yn
ychydig yn brafiach na'r HTML plaen.

506
00:27:58,010 --> 00:28:02,290
Ac mae gennym y ffeil JavaScript, a oedd yn
'N annhymerus' mynd i fwy o fanylder ychydig yn ddiweddarach,

507
00:28:02,290 --> 00:28:04,272
ond dim ond yn darparu tasgau hyn.

508
00:28:04,272 --> 00:28:04,980
Mae hwn yn dasg un.

509
00:28:04,980 --> 00:28:05,740
Mae hyn yn dasg dau.

510
00:28:05,740 --> 00:28:06,590
Mae hyn yn dasg tri.

511
00:28:06,590 --> 00:28:09,720
Felly dyma'r data Meteor ar gael.

512
00:28:09,720 --> 00:28:15,590
>> Un o'r pethau cŵl am Meteor yn
y gall newidiadau ddigwydd yn awtomatig.

513
00:28:15,590 --> 00:28:18,990
Os byddaf am newid y
enwi y dasg gyntaf,

514
00:28:18,990 --> 00:28:22,490
felly byddai'n dweud nad yw hyn yn
tasg un, ac yr wyf yn achub ei,

515
00:28:22,490 --> 00:28:26,370
Yna, pan fyddaf yn mynd at y we
porwr, gallwch adnewyddu ei,

516
00:28:26,370 --> 00:28:30,861
ac mae'n dweud yn awtomatig
nid yw hyn yn dasg yn un.

517
00:28:30,861 --> 00:28:32,860
Gallwch chi wneud yr un peth
yn unrhyw un o'r ffeiliau hyn.

518
00:28:32,860 --> 00:28:37,940
Gwneud newid, yn hytrach na gwneud
rhestr, bydd yn rhaid i mi ei wneud fy rhestr.

519
00:28:37,940 --> 00:28:40,980
>> Ac un peth 'ch jyst sylwi,
nad oedd rhaid i mi adnewyddu hyd yn oed.

520
00:28:40,980 --> 00:28:43,960
Mae'r syniad o braf yn fath
o datrys i chi gyda Meteor.

521
00:28:43,960 --> 00:28:48,970
Pryd bynnag y mae'n ei ganfod newidiadau ffeil,
bydd yn llwytho'r newidiadau ar eich rhan.

522
00:28:48,970 --> 00:28:53,110
Mae hyn yn gweithio ar bob ffeil, p'un
'i' HTML, CSS, JavaScript neu.

523
00:28:53,110 --> 00:28:57,990
I ddangos i chi beth fyddai hyn app yn edrych
fel heb CSS, gallaf gael gwared ar y cyfan.

524
00:28:57,990 --> 00:29:04,720
A pan gaiff ei ail-lwytho, yr ydych yn awr
a nid fel 'n glws-edrych i wneud rhestr.

525
00:29:04,720 --> 00:29:06,370
Gadewch i ni roi cynnwys hwnnw yn ôl.

526
00:29:06,370 --> 00:29:11,343
Ac yn ddigon sicr, mae'n
adnewyddu, ac mae ein CSS yn ei ôl.

527
00:29:11,343 --> 00:29:11,843
Great.

528
00:29:11,843 --> 00:29:15,700

529
00:29:15,700 --> 00:29:20,010
>> Gallwn yn awr yn symud ymlaen gyda'r tiwtorial.

530
00:29:20,010 --> 00:29:23,360
Gadewch i ni siarad am gam dau, templedi.

531
00:29:23,360 --> 00:29:27,140
Dyma beth rydym yn unig yn gweld
â'r gwahanol dasgau.

532
00:29:27,140 --> 00:29:31,550
Bydd Meteor esbonio i chi beth
templedi a sut mae rhesymeg hyn yn gweithio.

533
00:29:31,550 --> 00:29:34,760
Ond gadewch i ni dim ond yn edrych ar y cod i
weld a allwn ni wneud synnwyr allan ohono.

534
00:29:34,760 --> 00:29:38,030

535
00:29:38,030 --> 00:29:41,460
>> Mewn ceisiadau syml iawn,
fel yr hyn sydd gennym yn y syml

536
00:29:41,460 --> 00:29:44,550
i'w wneud, cam un, cam dau, gam
tri, pedwar cam, cam pump,

537
00:29:44,550 --> 00:29:45,700
Nid oes gennym unrhyw ffolderi.

538
00:29:45,700 --> 00:29:47,533
Nid oes gennym y gweinydd
ffolder a grybwyllais.

539
00:29:47,533 --> 00:29:50,510
Nid oes gennym y cleient
ffolder a grybwyllwyd.

540
00:29:50,510 --> 00:29:52,290
Felly bydd Meteor yn rhedeg yr holl ffeiliau.

541
00:29:52,290 --> 00:29:55,210
Bydd yn rhedeg y ddau ar y
cleient, y ddau ar y gweinydd.

542
00:29:55,210 --> 00:29:58,840
>> Ac os ydych chi am rannau o'ch JavaScript
cod i redeg yn unig ar y cleient,

543
00:29:58,840 --> 00:30:02,350
mae angen iddynt wneud yn siŵr eich bod wedi
bydd os ddatganiad, math o fel hyn y

544
00:30:02,350 --> 00:30:04,890
gennym yn ein ffeil JavaScript yma.

545
00:30:04,890 --> 00:30:08,010
Felly Meteor, dim ond os
'i' y cleient, yna mi

546
00:30:08,010 --> 00:30:12,355
yn awyddus i ddiffinio templed
cynorthwy-ydd a elwir tasgau.

547
00:30:12,355 --> 00:30:15,050

548
00:30:15,050 --> 00:30:19,260
Beth cod hwn mewn gwirionedd
yn ei wneud yw ei fod yn dweud mae

549
00:30:19,260 --> 00:30:21,800
templed gwrthrych a elwir yn
y Meteor darparu.

550
00:30:21,800 --> 00:30:23,270
Ac rydym yn mynd i ychwanegu cynorthwy-ydd.

551
00:30:23,270 --> 00:30:27,680
Cynorthwywyr yn y tasgau hyn,
y pethau hyn fel y tasgau.

552
00:30:27,680 --> 00:30:33,890
>> Byddwch yn gweld, os ydym yn mynd yn ôl at y
Ffeil HTML, byddem ni'n ei alw bob un ar dasgau.

553
00:30:33,890 --> 00:30:35,750
Nid yw tasgau yn cael ei ddiffinio yn y HTML.

554
00:30:35,750 --> 00:30:37,770
Mae'n cael ei ddiffinio yn y JavaScript.

555
00:30:37,770 --> 00:30:42,610
Ac mae angen Meteor i wybod pa dasgau yn
pan fyddwn yn mynd i mewn i'r JavaScript yma.

556
00:30:42,610 --> 00:30:45,550
Tasgau yw cynorthwy-ydd hwn.

557
00:30:45,550 --> 00:30:49,830
Cynorthwywr, gallwch chi feddwl am
fel newidyn templed.

558
00:30:49,830 --> 00:30:51,000
A beth mae tasgau yn ei wneud?

559
00:30:51,000 --> 00:30:53,580
Wel, mae'n dychwelyd y rhestr o werthoedd.

560
00:30:53,580 --> 00:30:56,750
Oherwydd ei fod yn rhestr,
gallwn alw pob ynddo.

561
00:30:56,750 --> 00:30:58,590
Felly dyna pam yr ydym yn galw pob un ar dasgau.

562
00:30:58,590 --> 00:30:59,730
Ac yn awr mae gennym dasg.

563
00:30:59,730 --> 00:31:02,850

564
00:31:02,850 --> 00:31:03,990
>> Beth mae tasg yn ei wneud?

565
00:31:03,990 --> 00:31:07,740
Wel, mae ganddo saeth hon
yma ar ôl y braces cyrliog.

566
00:31:07,740 --> 00:31:09,130
Mae hynny'n golygu tasg yn dempled.

567
00:31:09,130 --> 00:31:11,100
Nid yw'n gynorthwyydd,
fel hyn yr ydym newydd welodd.

568
00:31:11,100 --> 00:31:12,872
Mae'n templed rydym wedi diffinio.

569
00:31:12,872 --> 00:31:14,080
A lle ydym ni diffinnir hi?

570
00:31:14,080 --> 00:31:16,950
Rydym wedi diffinio'n hyn isod iawn yma.

571
00:31:16,950 --> 00:31:21,160
>> Mae pob templed hwn yn ei gwneud
eitem rhestr, ac mae'n galw testun.

572
00:31:21,160 --> 00:31:24,160
Yn awr, testun yn ymddangos i fod yn
cynorthwy-ydd, ond byddaf yn dangos i chi

573
00:31:24,160 --> 00:31:26,610
bod hyn yn mewn gwirionedd yn dal i
yn aelod data o dasgau.

574
00:31:26,610 --> 00:31:29,230

575
00:31:29,230 --> 00:31:33,670
Pan fyddwch yn ffonio un, mae'n mynd i mewn
strwythur data ychydig.

576
00:31:33,670 --> 00:31:39,130
Fel y ddolen foreach, mae bellach dim ond yn edrych
yn yr elfen gyntaf yn ein gwrthrych.

577
00:31:39,130 --> 00:31:41,850
Rydym yn gweld bod y testun yn
a ddiffinnir yma yn ein gwrthrych.

578
00:31:41,850 --> 00:31:45,350
Felly Meteor yn smart i wybod bod
rydym yn sôn am y testun hwn,

579
00:31:45,350 --> 00:31:47,630
Nid yw'r cynorthwy-ydd a elwir testun.

580
00:31:47,630 --> 00:31:52,120
'I jyst yn cael y gwerth hwn
testun yma ac arddangosfeydd fel HTML,

581
00:31:52,120 --> 00:31:55,475
a dyna sut mae'r data yn mynd
o'r JavaScript i'r HTML.

582
00:31:55,475 --> 00:32:03,320

583
00:32:03,320 --> 00:32:07,030
>> Gan symud ymlaen, fodd bynnag, yn yr enghraifft hon
rydym yn codio gwerthoedd hynny galed.

584
00:32:07,030 --> 00:32:10,440
Meteor yn gwneud dau 'n sylweddol
pethau neis i ni.

585
00:32:10,440 --> 00:32:15,050
Heblaw am y adnewyddu byw yr ydym
Dangosodd, mae hefyd yn rheoli ein cronfa ddata.

586
00:32:15,050 --> 00:32:18,750
Os bu'n rhaid i chi weithio gyda PHP,
bu'n rhaid i chi ffurfweddu phpMyAdmin.

587
00:32:18,750 --> 00:32:21,320
Bu'n rhaid i chi sicrhau bod eich
Roedd tablau i gyd yn gwirio.

588
00:32:21,320 --> 00:32:24,760
Bu'n rhaid i chi wneud llawer o waith i'w wneud
yn siŵr bod eich data ei fformatio yn gywir,

589
00:32:24,760 --> 00:32:27,880
a gallai PHP yn cyfathrebu ag ef.

590
00:32:27,880 --> 00:32:30,170
>> Yn awr, Meteor yn defnyddio patrwm newydd.

591
00:32:30,170 --> 00:32:32,310
Mae hon yn ffordd fwy modern
o ymdrin cronfa ddata.

592
00:32:32,310 --> 00:32:34,580
Mae'n dechnoleg o'r enw MongoDB.

593
00:32:34,580 --> 00:32:38,740
Yn union fel yn JavaScript, gwelsom ei fod yn
Nid oedd ots pa fathau oedd gan y data.

594
00:32:38,740 --> 00:32:39,640
Roedd popeth yn var.

595
00:32:39,640 --> 00:32:40,570
Nid oedd yn charstar.

596
00:32:40,570 --> 00:32:40,930
Nid oedd yn int.

597
00:32:40,930 --> 00:32:41,970
Nid oedd yn struct.

598
00:32:41,970 --> 00:32:44,210
Yr oedd yn union var hyn, var hynny.

599
00:32:44,210 --> 00:32:46,320
>> MongoDB yn gweithio fath o yr un ffordd.

600
00:32:46,320 --> 00:32:48,160
Nid oes rhaid i chi ddiffinio eich tablau.

601
00:32:48,160 --> 00:32:50,860
Nid oes rhaid i chi ddweud tabl
Mae gan enw, sydd â int.

602
00:32:50,860 --> 00:32:54,710
Mae ganddo, nid wyf yn gwybod, a
doler, sy'n degol.

603
00:32:54,710 --> 00:32:58,360
Dim ond hyn JavaScript gwrthrychau,
i gyd VARs hyn, yn y bôn.

604
00:32:58,360 --> 00:33:02,780
Ac mae hyn yn wir yn bwerus
ffordd i prototeip eich app.

605
00:33:02,780 --> 00:33:06,190
A dyna pam Meteor
yn manteisio ar hyn.

606
00:33:06,190 --> 00:33:11,080
>> Os ydym yn mynd i gam tri,
gadewch i ni weld beth sydd wedi newid.

607
00:33:11,080 --> 00:33:15,480
Os edrychwn ar y HTML todos, dim llawer.

608
00:33:15,480 --> 00:33:17,170
Nid CSS wedi newid o gwbl.

609
00:33:17,170 --> 00:33:22,420
Ond mae'r newid bach a welwn yn HTML
yw ein bod wedi newid sut mae tasgau yn cael ei ddiffinio.

610
00:33:22,420 --> 00:33:23,800
Tasgau yn swyddogaeth erbyn hyn.

611
00:33:23,800 --> 00:33:25,800
Mae hynny'n golygu bod pob
amser yr ydym am ei gael tasgau,

612
00:33:25,800 --> 00:33:27,480
rydym yn mynd i redeg swyddogaeth hon.

613
00:33:27,480 --> 00:33:29,230
Nid yw'n dychwelyd y
swyddogaeth fel gwerth.

614
00:33:29,230 --> 00:33:33,710
>> Meteor yn smart i redeg mewn gwirionedd y
swyddogaeth i weld beth yr ydym yn ei gael allan.

615
00:33:33,710 --> 00:33:36,650
Ac mae'n dychwelyd y peth hyn a elwir tasgau.

616
00:33:36,650 --> 00:33:40,650
Rydym wedi diffiniedig tasgau ar-lein un,
ac mae'n gasgliad Mongo.

617
00:33:40,650 --> 00:33:43,170
Mongo yn cyfeirio at
y gronfa ddata yn defnyddio Meteor,

618
00:33:43,170 --> 00:33:48,420
ac mae hyn yn newydd dim ond yn golygu gadewch i ni wneud
casgliad newydd, ei alw'n tasgau.

619
00:33:48,420 --> 00:33:53,540
Yn MySQL, byddai hyn yn cyfateb i
chwilio am y tasgau tabl o'r enw.

620
00:33:53,540 --> 00:33:56,350
Mae gan Mongo gasgliadau, nid yw tablau.

621
00:33:56,350 --> 00:34:00,100
Felly, mae hyn dim ond yn edrych ar gyfer tasgau.

622
00:34:00,100 --> 00:34:04,820
>> Yn awr, templed yn ein
cynorthwy-ydd yn y templed, i gyd

623
00:34:04,820 --> 00:34:08,380
mae'n rhaid i ni ei wneud i gael yr holl
tasgau yn y swyddogaeth hon, dod o hyd i

624
00:34:08,380 --> 00:34:11,710
ac mae hyn yn Brace gwag.

625
00:34:11,710 --> 00:34:14,150
Mae hyn yn fwy arbennig i Mongo chystrawen.

626
00:34:14,150 --> 00:34:16,159
Mae digon o
dogfennaeth ar-lein ar gyfer sut y

627
00:34:16,159 --> 00:34:19,360
gallwch wneud yn effeithlon ac
yn ddefnyddiol iawn ymholiadau Mongo.

628
00:34:19,360 --> 00:34:25,560
Ond mae rhywbeth fel hyn yn dda
digon am ddim ond dod o hyd i holl ddata.

629
00:34:25,560 --> 00:34:30,100
>> Yn awr, un o'r materion y gallech weld
yw ein bod erioed mewn gwirionedd yn ychwanegu data.

630
00:34:30,100 --> 00:34:35,020
Felly beth sy'n digwydd pan fyddwn
rhedeg mewn gwirionedd yn gam tri?

631
00:34:35,020 --> 00:34:37,550
Gadewch i ni yn gyflym yn mynd i mewn
cam tri a rhedeg Meteor.

632
00:34:37,550 --> 00:34:42,870

633
00:34:42,870 --> 00:34:45,650
Sylwch fod cefais Meteor arall
prosiect yn rhedeg yn rhywle arall,

634
00:34:45,650 --> 00:34:49,110
felly nid Meteor ddim yn hoffi hynny.

635
00:34:49,110 --> 00:34:52,810
Im 'jyst yn mynd i gyflym yn agos at
y Meteor arall gyda Rheoli C,

636
00:34:52,810 --> 00:34:55,780
mynd i mewn i gam tri,
ac yn rhedeg Meteor eto.

637
00:34:55,780 --> 00:35:01,070

638
00:35:01,070 --> 00:35:03,180
Hysbysiad ei fod yn dechrau
MongoDB oherwydd MongoDB

639
00:35:03,180 --> 00:35:06,370
yn rhan o bob prosiect Meteor.

640
00:35:06,370 --> 00:35:09,190
>> Felly, mae'n dweud mae fy nghais gwallau.

641
00:35:09,190 --> 00:35:10,590
Dyna nodwedd 'n glws Meteor wedi.

642
00:35:10,590 --> 00:35:13,700
Mae'n gwneud yn siŵr bod eich
HTML ei ddilysu yn dda.

643
00:35:13,700 --> 00:35:17,710
Gadewch i ni edrych yn gyflym ar pam y gallai hyn fod.

644
00:35:17,710 --> 00:35:26,110
Mae'n ymddangos gen ddamweiniol
copïo y cod HTML anghywir.

645
00:35:26,110 --> 00:35:30,610
Os byddaf yn achub yn awr, Meteor
ailgychwyn y gweinydd yn awtomatig,

646
00:35:30,610 --> 00:35:34,650
ac yn awr mae'r app yn rhedeg yn ôl y disgwyl.

647
00:35:34,650 --> 00:35:39,220
Hysbysiad i atgyweiria hon, gallwch redeg
yr un ffeil HTML o gam dau,

648
00:35:39,220 --> 00:35:40,380
copïo i mewn cam tri.

649
00:35:40,380 --> 00:35:43,290

650
00:35:43,290 --> 00:35:45,917
>> Gallwn fynd yn ôl at ein gwesteiwr lleol.

651
00:35:45,917 --> 00:35:47,500
Ac yn awr rydym yn gweld ein bod wedi ein gwneud rhestr.

652
00:35:47,500 --> 00:35:50,070
Great, ond mae'n wag.

653
00:35:50,070 --> 00:35:54,210
Nid ydym yn mewn gwirionedd yn cael unrhyw
tasgau yn ein cronfa ddata Mongo.

654
00:35:54,210 --> 00:35:57,930
Felly, gadewch i ni siarad am
ychydig o ffyrdd y gallwn wneud hynny.

655
00:35:57,930 --> 00:36:03,240
Os ydym yn mynd yn ôl i'r derfynell, rydym yn
Gall chau a rhedeg Meteor Mongo.

656
00:36:03,240 --> 00:36:05,320
>> Os ydych yn gyfarwydd
gyda'r ffordd Meteor yn gweithio,

657
00:36:05,320 --> 00:36:14,100
mae hyn mewn gwirionedd yn rhoi i chi mynediad
i'r MongoDB llawn ar gyfer Meteor.

658
00:36:14,100 --> 00:36:17,570
Sylwi eich bod yn rhaid rhedeg
Meteor gyntaf er mwyn i hyn weithio.

659
00:36:17,570 --> 00:36:23,840
Felly, os wyf yn rhedeg hyn mewn tab newydd, yr wyf yn
Gall fynd yn ôl at yr un cyfeiriadur.

660
00:36:23,840 --> 00:36:29,040

661
00:36:29,040 --> 00:36:32,570
Ac yn awr Meteor yn gweithio jyst ddirwya.

662
00:36:32,570 --> 00:36:33,600
Mae hwn yn brydlon.

663
00:36:33,600 --> 00:36:36,350

664
00:36:36,350 --> 00:36:38,790
Gadewch i mi ei gwneud yn ychydig yn
mwy fel y gallwn weld.

665
00:36:38,790 --> 00:36:41,550
Mae hwn yn edrych ychydig yn wahanol nag
hyn y gallech ei ddefnyddio i chi

666
00:36:41,550 --> 00:36:42,869
Nid oes gwir angen i ddefnyddio Mongo.

667
00:36:42,869 --> 00:36:45,410
Y pwynt cyfan o mi yma yw
fel y gallwch eu defnyddio JavaScript.

668
00:36:45,410 --> 00:36:48,250
Ond os ydych chi'n chwilfrydig,
Nid yw'r API Mongo yn ei wneud

669
00:36:48,250 --> 00:36:50,730
defnyddio'r SQL, mae'r Ymholiad Strwythuredig Iaith.

670
00:36:50,730 --> 00:36:55,570
Mae'n defnyddio ei iaith ei hun sy'n
yn edrych yn llawer fel JavaScript.

671
00:36:55,570 --> 00:37:00,520
Yn gyflym iawn, gallwn ddod o hyd
y tabl drwy db.tasks.

672
00:37:00,520 --> 00:37:08,940
Ac mae'n dweud wrthyf
troi allan os ydym yn rhedeg yn dod o hyd,

673
00:37:08,940 --> 00:37:13,450
fath o debyg i'r hyn a oedd gennym gyda
Meteor, gallwn lwytho holl elfennau.

674
00:37:13,450 --> 00:37:17,330
Y broblem yw, nid ydym yn ei wneud
mewn gwirionedd yn cael unrhyw dasgau diffiniedig.

675
00:37:17,330 --> 00:37:20,600
Felly, ni all eu cael.

676
00:37:20,600 --> 00:37:22,130
>> Gallwn mewnosod, er.

677
00:37:22,130 --> 00:37:25,170
Er mwyn i ni redeg mewnosoder
gyda gorchymyn mewnosoder.

678
00:37:25,170 --> 00:37:29,140
Ac rydym yn unig yn rhoi ei
gwrthrych, ac rydym yn unig

679
00:37:29,140 --> 00:37:31,840
sicrhau bod y fformat yn hyn yr ydym yn ei ddisgwyl.

680
00:37:31,840 --> 00:37:35,030
Os ydym yn edrych ar gam dau,
gwelsom fod pob tasg

681
00:37:35,030 --> 00:37:39,590
Roedd gwrthrych gyda thestun
fel yr allwedd a beth bynnag

682
00:37:39,590 --> 00:37:41,640
eich gwneud eitem oedd yn amrywio.

683
00:37:41,640 --> 00:37:44,680
Felly, gallwn wneud rhywbeth yma.

684
00:37:44,680 --> 00:37:50,160
>> Gallwn gael ei mewnosod dasg
Gelwir Dw i'n dod o Mongo.

685
00:37:50,160 --> 00:37:52,570
Ac rydym yn pwyso Enter, ac mae'n rhedeg.

686
00:37:52,570 --> 00:37:56,900
Gall Rydym yn cynnal ddod o hyd eto, ac yr ydym yn
gweld bod gwrthrych yma.

687
00:37:56,900 --> 00:38:01,810
Mongo yn neilltuo ei wneud yn adnabod, yr ydych
Nid oes gwir angen i chi boeni am.

688
00:38:01,810 --> 00:38:06,690
Yr hyn sy'n bwysig i chi yw'r data
eich rhoi mewn, yw'r data a gewch allan.

689
00:38:06,690 --> 00:38:10,500
>> Gadewch i ni fynd yn ôl at ein gwefan,
ac hey, mae ein tasg llwytho.

690
00:38:10,500 --> 00:38:13,987
A gallwch weld bod
oherwydd Meteor yn smart iawn

691
00:38:13,987 --> 00:38:16,570
a bob amser adnewyddu i chi, yr wyf yn
Nid oedd rhaid i gyffwrdd y dudalen.

692
00:38:16,570 --> 00:38:19,160
Mae'n llwytho yn awtomatig.

693
00:38:19,160 --> 00:38:23,520
>> Gadewch i ni redeg rhywfaint cod yn
JavaScript er mwyn gwneud hyn.

694
00:38:23,520 --> 00:38:26,120
Fel yr ydym wedi Node yn y cefn
yn dod i ben i weithredu allan JavaScript,

695
00:38:26,120 --> 00:38:29,280
gallwn hefyd yn rhedeg JavaScript
yn uniongyrchol yn ein porwyr.

696
00:38:29,280 --> 00:38:31,970
Gallwch wneud hyn trwy nodwedd
Gelwir Archwiliwch Elfen.

697
00:38:31,970 --> 00:38:34,210
Os wyf yn iawn glicio ar
adran o'r dudalen,

698
00:38:34,210 --> 00:38:36,730
mae 'na opsiwn
Gelwir Archwiliwch Elfen.

699
00:38:36,730 --> 00:38:38,840
Os ydych yn rhedeg
porwr fel Safari, byddwch yn

700
00:38:38,840 --> 00:38:45,430
Efallai y bydd angen i alluogi eich datblygwr
offer cyn i chi gael nodwedd hon.

701
00:38:45,430 --> 00:38:46,930
>> Yr hyn yr ydym yn gofalu amdano yw y consol.

702
00:38:46,930 --> 00:38:48,930
Felly byddwn yn jyst yn mynd i'r
consol ar y gwaelod.

703
00:38:48,930 --> 00:38:52,110

704
00:38:52,110 --> 00:38:55,970
Nawr gallwn redeg unrhyw JavaScript
yma, fel yr JavaScript

705
00:38:55,970 --> 00:38:58,860
Ffeiliau wyf yn dangos yn yr enghraifft js.

706
00:38:58,860 --> 00:39:02,040
Ond yn awr gadewch i ni edrych ar dasgau.

707
00:39:02,040 --> 00:39:04,955
Gallwn redeg ein gorchymyn.

708
00:39:04,955 --> 00:39:07,830
A gobeithio y byddaf yn gallu gwneud
ei fod ychydig yn fwy er mwyn i ni gyd ei weld.

709
00:39:07,830 --> 00:39:14,390

710
00:39:14,390 --> 00:39:18,450
>> Os byddwn yn rhedeg tasks.find, ac wnewch chi helpu
gweld mai hwn yw'r un cod union

711
00:39:18,450 --> 00:39:24,840
bod y defnyddiau ffeil JavaScript
yng ngham tri, task.find hwn.

712
00:39:24,840 --> 00:39:29,100
Gallwn gynnal yr un peth, ac
nawr rydym yn cael rhywfaint o stwff od.

713
00:39:29,100 --> 00:39:31,050
Sut ydym yn mewn gwirionedd yn cael y data?

714
00:39:31,050 --> 00:39:34,860
Wel, mae'n rhaid i ni redeg hyn
gorchymyn o'r enw nôl.

715
00:39:34,860 --> 00:39:37,150
>> Mae hyn yn ddefnyddiol iawn ar gyfer debugging.

716
00:39:37,150 --> 00:39:41,000
Beth fyddwch chi'n ei gael yma yw
yn cyrchwr, ac mae hyn yn

717
00:39:41,000 --> 00:39:44,890
ffordd braf Meteor wedi
data nôl optimized.

718
00:39:44,890 --> 00:39:48,270
Mae gan y cyrchwr holl nodweddion ar gyfer
diweddaru byw a braf y dudalen

719
00:39:48,270 --> 00:39:49,650
pan fydd rhywbeth wedi newid.

720
00:39:49,650 --> 00:39:51,280
Ond ni fydd yn cael y data i ni.

721
00:39:51,280 --> 00:39:52,720
Gallwn gael y data drwy nôl.

722
00:39:52,720 --> 00:39:56,880
Ac gwelwch gennym gwrthrych, a
'i' yn union fel yr hyn a oedd gennym yn Mongo,

723
00:39:56,880 --> 00:40:00,040
gydag adnabod a'r testun yr ydym yn ei roi i mewn.

724
00:40:00,040 --> 00:40:04,200
>> Felly sut rydym yn mewnosod eitem yn Meteor?

725
00:40:04,200 --> 00:40:07,250
Wel, rydym yn unig rhaid i dasgau.

726
00:40:07,250 --> 00:40:09,990
Ac yna gallwn redeg y
un mewnosoder gorchymyn,

727
00:40:09,990 --> 00:40:17,520
gan roi geiriadur neu wrthrych
gyda'r un fformat, testun

728
00:40:17,520 --> 00:40:22,340
ac yna yr wyf yn dod o'r consol.

729
00:40:22,340 --> 00:40:27,240
Cymerwch olwg uchod oherwydd pan fyddaf yn
yn gwneud hyn, mae'n dangos i fyny ar y wefan

730
00:40:27,240 --> 00:40:29,660
yn awtomatig.

731
00:40:29,660 --> 00:40:33,291
>> Sylwch y gallwch rhoi unrhyw beth
ydych chi eisiau yn yr eitemau hyn.

732
00:40:33,291 --> 00:40:35,040
Nid oes rhaid iddo
strwythur sefydlog.

733
00:40:35,040 --> 00:40:39,790
Gallwn gael hafal i'r
rhif tri a b cyfartal i ffug.

734
00:40:39,790 --> 00:40:41,600
Ac mae popeth yn gweithio.

735
00:40:41,600 --> 00:40:46,000
Allaf hyd yn oed yn dewis peidio â
yn cynnwys testun o gwbl.

736
00:40:46,000 --> 00:40:48,320
Dim ond nid argymhellir hyn
er oherwydd hynny Meteor

737
00:40:48,320 --> 00:40:50,920
Ni fydd yn gwybod beth i'w arddangos.

738
00:40:50,920 --> 00:40:53,110
Ond ym mhob achos, rydym yn
cael adnabod, a dyna

739
00:40:53,110 --> 00:40:54,785
ID y gwrthrych y gallwch eu defnyddio.

740
00:40:54,785 --> 00:41:01,120

741
00:41:01,120 --> 00:41:03,280
>> Wrth i ni barhau gyda
cam pedwar a phump cam,

742
00:41:03,280 --> 00:41:06,870
Bydd y tiwtorial yn dangos i chi ffyrdd y
gallwch greu elfennau UI ddefnyddio

743
00:41:06,870 --> 00:41:13,130
y HTML eich bod yn gwybod i
creu tasgau gwahanol.

744
00:41:13,130 --> 00:41:15,440
Gadewch i ni edrych ar cam pedwar yn gyflym iawn.

745
00:41:15,440 --> 00:41:18,290
Byddwn yn gweld ein bod yn ychwanegu
adran am ddigwyddiadau.

746
00:41:18,290 --> 00:41:20,874
Gall Templedi gael
cynorthwywyr, sy'n cael data i ni.

747
00:41:20,874 --> 00:41:22,040
Ond gall hefyd ffonio digwyddiadau.

748
00:41:22,040 --> 00:41:25,300
A dyma lle stwff
yn dod yn ddefnyddiol, gan fod digwyddiadau

749
00:41:25,300 --> 00:41:28,590
yn beth fydd yn digwydd pan fyddwch yn clicio ar
pethau gwahanol ar eich gwefan.

750
00:41:28,590 --> 00:41:33,790
>> Yma, mae ein cod yn dweud
ni ychwanegu digwyddiad hwn.

751
00:41:33,790 --> 00:41:38,860
Ychwanegu pan fyddwch wedi cyflwyno
rhywbeth gyda'r dosbarth tasg newydd.

752
00:41:38,860 --> 00:41:41,910
Yr hyn sydd gennych yma yw dewisydd CSS.

753
00:41:41,910 --> 00:41:45,870
Felly, mae hyn dim ond yn edrych am HTML
elfen sydd â'r dosbarth tasg newydd.

754
00:41:45,870 --> 00:41:47,940
Ac mae'n edrych ar gyfer y digwyddiad, fel cyflwyno.

755
00:41:47,940 --> 00:41:51,050
Digwyddiadau eraill yn cynnwys
clic, hofran, cliciwch ddwywaith,

756
00:41:51,050 --> 00:41:54,450
yn debyg i'r hyn a gewch yn HTML arferol.

757
00:41:54,450 --> 00:41:56,770
>> Beth fyddwch chi'n ei roi yma yn swyddogaeth erbyn hyn.

758
00:41:56,770 --> 00:42:01,210
A gallwch gael eich
Cod yn y swyddogaeth honno.

759
00:42:01,210 --> 00:42:06,360
Mae'r swyddogaeth hon yw'r hyn yn dod i ben i fyny yn cael
Gelwir pan fyddwch yn cyflwyno y dasg newydd.

760
00:42:06,360 --> 00:42:12,170
Gadewch i ni edrych ar y HTML yn unig er mwyn i ni
yn deall beth mae hyn yn dasg newydd.

761
00:42:12,170 --> 00:42:15,570
Rydym wedi ychwanegu ffurflen yma
gyda tasg newydd dosbarth.

762
00:42:15,570 --> 00:42:19,880
Ac mae ganddo fewnbwn sy'n cymryd testun.

763
00:42:19,880 --> 00:42:22,605
A dyma lle yr ydym
Bydd yn ychwanegu ein tasgau newydd.

764
00:42:22,605 --> 00:42:25,520

765
00:42:25,520 --> 00:42:29,780
>> Gadewch i ni redeg cam pedwar yn y
gwefan i weld sut mae'n edrych.

766
00:42:29,780 --> 00:42:32,710
Gallwn roi'r gorau iddi allan gyntaf
o'r MongoDB oedd gennym

767
00:42:32,710 --> 00:42:35,300
gan ein blaenorol
enghraifft gyda Rheoli C.

768
00:42:35,300 --> 00:42:37,690
A gadewch i ni newid i mewn
y cam pedwar cyfeiriadur.

769
00:42:37,690 --> 00:42:41,000

770
00:42:41,000 --> 00:42:42,920
Byddwn yn cynnal Meteor eto
cychwyn y gweinydd.

771
00:42:42,920 --> 00:42:46,850

772
00:42:46,850 --> 00:42:50,510
Ac yn anffodus, roedd rhaid i mi Meteor
rhedeg mewn terfynell arall.

773
00:42:50,510 --> 00:42:53,080
Felly, Im 'jyst yn mynd i
sicrhau bod hyn wedi cau.

774
00:42:53,080 --> 00:43:01,805
Gadewch i ni roi'r gorau iddi hyn a newid
i ran pedwar, llys pedwar.

775
00:43:01,805 --> 00:43:02,305
OK.

776
00:43:02,305 --> 00:43:11,220

777
00:43:11,220 --> 00:43:13,250
>> Nawr ein cod Meteor yn rhedeg.

778
00:43:13,250 --> 00:43:19,480
A gallwch weld ei fod wedi'i ddiweddaru, heb
ni hyd yn oed yn gorfod adnewyddu'r dudalen.

779
00:43:19,480 --> 00:43:24,410
Beth sydd wedi newid yma yn awr
nad oes gennym unrhyw dasgau,

780
00:43:24,410 --> 00:43:29,530
ond mae gennym y ffurflen yma, mae hyn yn
blwch testun, i ychwanegu ein tasgau newydd.

781
00:43:29,530 --> 00:43:31,550
A gallwn deipio ein tasg yma.

782
00:43:31,550 --> 00:43:34,564
Rwy'n dod o'r dudalen HTML.

783
00:43:34,564 --> 00:43:36,105
Pan fyddaf yn pwyso Enter, mae'n got a gyflwynwyd.

784
00:43:36,105 --> 00:43:39,180

785
00:43:39,180 --> 00:43:44,540
>> Gallwn weld beth ddigwyddodd fel
ddiffinnir gan y cod JavaScript.

786
00:43:44,540 --> 00:43:49,930
Yr hyn a wnaeth y swyddogaeth hon oedd
cymryd y testun o'r ffurflen,

787
00:43:49,930 --> 00:43:53,680
ac yna dim ond enw tasks.insert,
fel y gwnaethom yn y consol.

788
00:43:53,680 --> 00:43:56,410
Maent hefyd yn dewis i ychwanegu dyddiad createdAt.

789
00:43:56,410 --> 00:43:59,840
Dyma sut y byddech
pennu'r hyn o bryd.

790
00:43:59,840 --> 00:44:03,220
Ar ôl hynny, mae'n clirio'r ffurflen drwy wneud
yn siŵr bod y gwerth yn llinyn gwag.

791
00:44:03,220 --> 00:44:06,550
>> Ac yna mae'n galw dychwelyd ffug i
gwneud yn siŵr dim byd arall yn digwydd.

792
00:44:06,550 --> 00:44:10,350
Pan fyddwch yn dychwelyd ffug o
Ffurflen digwyddiad, sy'n atal gweithredu.

793
00:44:10,350 --> 00:44:14,520
Dweud ffurflen yn cael gweithredu,
fel cyflwyno i dudalen PHP.

794
00:44:14,520 --> 00:44:16,980
Os nad ydych wedi dychwelyd
ffug, byddech yn dychwelyd yn wir.

795
00:44:16,980 --> 00:44:18,500
Byddai'n yn y pen draw yn gwneud cais hwnnw.

796
00:44:18,500 --> 00:44:20,590
Anghywir rhyng-gipio ac
stopio yn iawn yno.

797
00:44:20,590 --> 00:44:23,510

798
00:44:23,510 --> 00:44:28,610
>> Felly dyna oedd fawr demo am
sut Meteor yn gweithio, ac rydym wedi

799
00:44:28,610 --> 00:44:30,980
bod yn dilyn y tiwtorial am gyfnod.

800
00:44:30,980 --> 00:44:33,560
A allwch chi os gwelwch yn dda yn teimlo
rhad ac am ddim i barhau i wneud hyn.

801
00:44:33,560 --> 00:44:37,760
Mae digon o adnoddau,
ac y tiwtorial mewn gwirionedd yn unig

802
00:44:37,760 --> 00:44:40,400
yn dda iawn am esbonio
beth sy'n mynd ymlaen.

803
00:44:40,400 --> 00:44:44,362
Wyf am i ddangos i chi yn awr, yn
yr ychydig funudau yr ydym wedi gadael,

804
00:44:44,362 --> 00:44:46,320
beth yw rhai o'r
Nodweddion oerach o Meteor,

805
00:44:46,320 --> 00:44:48,772
a beth yw rhai o'r
pecynnau mwy defnyddiol.

806
00:44:48,772 --> 00:44:51,730
Un o'r pethau gwych am Meteor
yw bod gennych system pecyn.

807
00:44:51,730 --> 00:44:55,620
Alli 'n esmwyth ymgorffori cod
bod miloedd ar filoedd o ddatblygwyr

808
00:44:55,620 --> 00:44:58,840
wedi ysgrifennu ar draws y byd
yn eich prosiect Meteor.

809
00:44:58,840 --> 00:45:02,410
Un enghraifft o hyn yw yr hyn yr ydych efallai
ei wneud yng ngham naw o'r tiwtorial, lle

810
00:45:02,410 --> 00:45:07,435
ydych yn ceisio ychwanegu cyfrifon
i'ch prosiect Meteor.

811
00:45:07,435 --> 00:45:10,010

812
00:45:10,010 --> 00:45:13,690
Os oes gennym PHP CS50
prosiect, byddem wedi

813
00:45:13,690 --> 00:45:17,810
i ddibynnu ar y fframwaith
neu ein cod hunain i wneud

814
00:45:17,810 --> 00:45:20,820
yn siŵr ein bod yn ddiogel yn trin
cyfrineiriau a enwau defnyddwyr

815
00:45:20,820 --> 00:45:23,120
a storio y gronfa ddata
a hynny i gyd.

816
00:45:23,120 --> 00:45:25,670
>> Mae'n troi allan Meteor rai
pecynnau i wneud hynny ar eich rhan,

817
00:45:25,670 --> 00:45:29,160
ac i wneud hynny yn hawdd iawn.

818
00:45:29,160 --> 00:45:31,950
Yr hyn y gallwn ei wneud yw ychwanegu ychydig o becynnau.

819
00:45:31,950 --> 00:45:37,450
Felly, gadewch i ni wneud hynny hawl
bellach yn ein consol.

820
00:45:37,450 --> 00:45:42,460
Rydw i'n mynd i roi'r gorau iddi y prosiect a
ar hyn o bryd yn mynd i mewn i syml-todos.

821
00:45:42,460 --> 00:45:47,450

822
00:45:47,450 --> 00:45:50,050
Yn awr, yn syml-todos yn
y prosiect sy'n eich

823
00:45:50,050 --> 00:45:53,500
Bydd yn rhaid i ar ôl cael ei wneud
gyda gam 11 neu gam 12,

824
00:45:53,500 --> 00:45:55,250
ar ddiwedd y tiwtorial hwn.

825
00:45:55,250 --> 00:45:58,642
A gadewch i ni yn gyflym edrych arno i weld
beth yw'r nodweddion gwahanol sydd gennym.

826
00:45:58,642 --> 00:46:01,610
Gadewch i ni dim ond gwnewch yn siŵr ei fod yn rhedeg.

827
00:46:01,610 --> 00:46:04,400
Weithiau, mae'n cymryd amser
i adnewyddu, ond yma y mae.

828
00:46:04,400 --> 00:46:09,710
>> Rydym wedi ein dewis i guddio
cwblhau tasgau, a gallwn arwyddo i mewn.

829
00:46:09,710 --> 00:46:11,770
Ac mae hyn yn cael ei wneud gyda
y pecyn Meteor.

830
00:46:11,770 --> 00:46:12,270
Mae'n wych.

831
00:46:12,270 --> 00:46:14,910
Rydym bellach wedi enw defnyddiwr
ac arwydd cyfrinair mewn.

832
00:46:14,910 --> 00:46:19,170
Ond beth os ydym am ychwanegu
math arall o fecanwaith mewngofnodi?

833
00:46:19,170 --> 00:46:22,560
Lets 'ddeud roeddwn i eisiau mewngofnodi
mewn gyda fy nghyfrif Meteor.

834
00:46:22,560 --> 00:46:27,270
Rydw i'n mynd i redeg ychwanegu meteor, ac mae hyn yn
yw'r cystrawen ar gyfer ychwanegu pecynnau.

835
00:46:27,270 --> 00:46:32,160
Gallaf ddweud cyfrifon, a accounts.meteor.

836
00:46:32,160 --> 00:46:35,720
Mae'n mynd i ddod o hyd i nawr
y pecyn a llwytho iddo.

837
00:46:35,720 --> 00:46:40,480
Gallwch weld nad wyf wedi
dod o hyd i'r enw pecyn cywir.

838
00:46:40,480 --> 00:46:42,820
>> Felly, sut ydych chi'n dod i wybod am becynnau?

839
00:46:42,820 --> 00:46:46,380
Wel mae 'na gwefan wych, a wnaed
sydd ar gael gan y Meteor pobl,

840
00:46:46,380 --> 00:46:47,780
Gelwir atmospherejs.com.

841
00:46:47,780 --> 00:46:52,520
Atmospherejs, un gair, dot
com, yn storfa fawr

842
00:46:52,520 --> 00:46:57,660
i ddod o hyd pob un o'r Meteor
pecynnau yn yr ystorfa.

843
00:46:57,660 --> 00:47:05,140
Gallaf chwilio cyfrifon, ac yna
bydd yn dangos i mi yr holl bethau perthnasol,

844
00:47:05,140 --> 00:47:07,320
pob becynnau gydag enw'r cyfrif yn.

845
00:47:07,320 --> 00:47:10,180

846
00:47:10,180 --> 00:47:13,270
>> Er hynny llwythi, gallwn geisio
ychwanegu rhai pecynnau eraill.

847
00:47:13,270 --> 00:47:19,380
Efallai nad yw'r pecyn Meteor yn gweithio
ar hyn o bryd, ond gallaf ychwanegu Facebook.

848
00:47:19,380 --> 00:47:22,860

849
00:47:22,860 --> 00:47:27,190
Gallaf ychwanegu y cyfrif ac yna'n
redeg y prosiect Meteor eto.

850
00:47:27,190 --> 00:47:33,260

851
00:47:33,260 --> 00:47:36,900
Unwaith y bydd hyn yn dechrau, gadewch i ni weld
beth sydd wedi newid ar y wefan.

852
00:47:36,900 --> 00:47:40,010

853
00:47:40,010 --> 00:47:44,580
Gallwch see-- fy mod efallai
rhaid i adnewyddu yma.

854
00:47:44,580 --> 00:47:47,320
>> Mae gen i botwm i
ffurfweddu Facebook mewngofnodi.

855
00:47:47,320 --> 00:47:49,765
Ac yma, mae gen i gyd
y cyfarwyddiadau Meteor

856
00:47:49,765 --> 00:47:52,960
wedi paratoi i chi ar gyfer
sefydlu app Facebook.

857
00:47:52,960 --> 00:47:58,990
A gallwch ddefnyddio hynny
gwybodaeth i ychwanegu eich IDs.

858
00:47:58,990 --> 00:48:04,130
Unwaith y bydd hynny wedi ei wneud, bydd gennych
Facebook mewngofnodi gweithio yn eich app.

859
00:48:04,130 --> 00:48:08,559
>> Im 'jyst yn mynd i gael
ID app ac yn gyfrinach,

860
00:48:08,559 --> 00:48:10,100
dim ond i ddangos i chi sut y gallai hyn weithio.

861
00:48:10,100 --> 00:48:16,000

862
00:48:16,000 --> 00:48:20,360
Bydd angen i chi gyfrif Facebook
i ddefnyddio Facebook opsiynau datblygwr.

863
00:48:20,360 --> 00:48:31,160

864
00:48:31,160 --> 00:48:35,290
Gadewch i mi yn gyflym ddod o hyd i'r
Allweddi Meteor sy'n angenrheidiol.

865
00:48:35,290 --> 00:48:46,994

866
00:48:46,994 --> 00:48:49,160
Mae gen i brosiect Meteor arall
fy mod i'n mynd i'w ddefnyddio,

867
00:48:49,160 --> 00:48:55,590
ac Im 'jyst yn mynd i gymryd
yr allweddi o'r ffeil.

868
00:48:55,590 --> 00:49:14,410

869
00:49:14,410 --> 00:49:20,930
>> Ac ar ôl i mi ei chael yn, 'n annhymerus' jyst yn gallu
i gopïo allweddi hyn i mewn i fy Facebook.

870
00:49:20,930 --> 00:49:23,489
Felly dyma yn allweddol.

871
00:49:23,489 --> 00:49:24,280
Ac mae hyn yn gyfrinachol.

872
00:49:24,280 --> 00:49:26,071
Ni ddylech fod
rhannu hyn gyda phobl.

873
00:49:26,071 --> 00:49:28,870

874
00:49:28,870 --> 00:49:30,910
Ac yna byddwch yn rhoi iddo dy gyfrinach app.

875
00:49:30,910 --> 00:49:33,560
Ac mae hyn yn wir Facebook
yn gwybod eich bod yn chi.

876
00:49:33,560 --> 00:49:37,630

877
00:49:37,630 --> 00:49:39,080
Ac rydych yn arbed cyfluniad.

878
00:49:39,080 --> 00:49:45,160

879
00:49:45,160 --> 00:49:48,640
>> Rwy'n credu yn y broses yr wyf yn
wedi rhoi'r gorau i fy app Meteor.

880
00:49:48,640 --> 00:49:52,290
Felly Fi jyst eisiau gwneud
siwr ei fod yn dal i fod yno.

881
00:49:52,290 --> 00:49:54,962

882
00:49:54,962 --> 00:49:58,610
OK, gadewch i ni wneud yn siŵr ein gweinydd Meteor
yn rhedeg felly mae'r dudalen gwe yn rhedeg.

883
00:49:58,610 --> 00:50:02,440
Sylwch os byddwn yn atal y Meteor
gweinydd, mae'r dudalen yn dal i fod yno.

884
00:50:02,440 --> 00:50:04,700
'I jyst ni fydd yn diweddaru anymore.

885
00:50:04,700 --> 00:50:10,290
Mae'r gweinydd Meteor yn angenrheidiol
am sicrhau bod y dudalen yn fyw.

886
00:50:10,290 --> 00:50:14,050
>> OK, dwi wedi ei gyflwyno iddo, ac yn awr
Gallaf lofnodi gyda Facebook.

887
00:50:14,050 --> 00:50:17,400
Nawr mae'n dim ond mater o
cael pop Facebook fyny

888
00:50:17,400 --> 00:50:21,710
a rhoi yn eich cyfrif
gwybodaeth a logio i mewn.

889
00:50:21,710 --> 00:50:24,520

890
00:50:24,520 --> 00:50:27,930
Unwaith y byddwch yn gwneud hynny, efallai Facebook
Nag i chi am rai mwy o sicrwydd.

891
00:50:27,930 --> 00:50:29,810
Felly byddwn yn jyst stopio yno.

892
00:50:29,810 --> 00:50:34,110
Y pwynt yw bod pan fyddwch yn ei wneud
â hynny, bydd gennych Facebook mewngofnodi.

893
00:50:34,110 --> 00:50:37,850
>> Meteor Mae criw o
pecynnau eraill hefyd.

894
00:50:37,850 --> 00:50:39,200
Gallwch chi fewngofnodi gyda Google +.

895
00:50:39,200 --> 00:50:40,500
Gallwch chi fewngofnodi gyda GitHub.

896
00:50:40,500 --> 00:50:42,170
Gallwch chi fewngofnodi gyda Twitter.

897
00:50:42,170 --> 00:50:44,870
Neu os ydych yn chwilio, wnewch chi helpu
dod o hyd i ddigon o bethau eraill

898
00:50:44,870 --> 00:50:49,170
fel Meetup, LinkedIn,
a Datblygwr Meteor.

899
00:50:49,170 --> 00:50:53,100
Felly Meteor Datblygwr oedd y
pecyn oeddwn yn chwilio am.

900
00:50:53,100 --> 00:50:56,170
meteor ychwanegu cyfrifon-meteor-datblygwr.

901
00:50:56,170 --> 00:51:06,192

902
00:51:06,192 --> 00:51:07,900
Yn y cyfamser, yr wyf yn
hefyd am argymell

903
00:51:07,900 --> 00:51:11,340
rhai pecynnau eraill ar gyfer eich prosiectau.

904
00:51:11,340 --> 00:51:14,670
Gallai fod yn ddefnyddiol i
yn cynnwys y pecyn jQuery.

905
00:51:14,670 --> 00:51:17,909
Mae hyn yn caniatáu i chi ddefnyddio
jQuery yn eich cleientiaid.

906
00:51:17,909 --> 00:51:21,200
Gallech jyst ei wneud gydag un llinell, a
Bydd Meteor gwneud yn siŵr eich bod yn gyfredol

907
00:51:21,200 --> 00:51:21,825
ar jQuery.

908
00:51:21,825 --> 00:51:24,330

909
00:51:24,330 --> 00:51:27,450
Rwyf hefyd yn argymell houston: admin.

910
00:51:27,450 --> 00:51:31,550
>> Mae hyn yn fath o fel phpMyAdmin
math o offeryn ar gyfer eich MongoDB.

911
00:51:31,550 --> 00:51:33,890
Mae hyn yn caniatáu i chi olygu
eich data yn hawdd

912
00:51:33,890 --> 00:51:37,950
heb orfod mynd at y gragen Mongo,
fel yr wyf wedi gwneud yn gynharach yn y seminar.

913
00:51:37,950 --> 00:51:43,160

914
00:51:43,160 --> 00:51:47,101
Felly nawr bod hynny wedi rhedeg, gadewch i ni redeg
Meteor eto a gweld beth y gallwn ei wneud.

915
00:51:47,101 --> 00:51:56,240

916
00:51:56,240 --> 00:52:00,720
>> Byddwch yn sylwi bod ychwanegu rhai pecynnau
Efallai y bydd rhaid iddynt gyflwyno rhai rhybuddion.

917
00:52:00,720 --> 00:52:02,720
Ni fydd angen i chi boeni
am hynny gyda houston.

918
00:52:02,720 --> 00:52:06,040

919
00:52:06,040 --> 00:52:10,810
Felly, gallwn yn awr yn cael y dewis
i ffurfweddu Meteor admin.

920
00:52:10,810 --> 00:52:15,080
Ac maent yn rhoi cyfarwyddiadau i chi
os ydych am sefydlu hynny.

921
00:52:15,080 --> 00:52:17,750

922
00:52:17,750 --> 00:52:20,440
>> Gallwn hefyd yn awr yn mynd i / gweinyddol.

923
00:52:20,440 --> 00:52:23,280
Mae hyn yn dod i chi
gan y pecyn houston.

924
00:52:23,280 --> 00:52:27,470
Ac mae hyn yn Meteor rhyngwyneb gweinyddol.

925
00:52:27,470 --> 00:52:30,660
Rydych yn unig yn creu
cyfrif admin, fel hynny.

926
00:52:30,660 --> 00:52:38,150
Ac os ydych yn adnewyddu'r dudalen, byddwch efallai
cael rhywfaint o gasgliadau yn arddangos i fyny.

927
00:52:38,150 --> 00:52:40,980

928
00:52:40,980 --> 00:52:43,460
>> Mae'n arf defnyddiol iawn,
ac yn ei argymell yn gryf.

929
00:52:43,460 --> 00:52:46,717

930
00:52:46,717 --> 00:52:49,050
Gallwch weld hynny oherwydd
Roedd houston yn rhoi rhai gwallau,

931
00:52:49,050 --> 00:52:52,330
Nid oes gennym unrhyw gasgliadau
arddangos i fyny ar hyn o bryd.

932
00:52:52,330 --> 00:52:56,800
Y ffordd byddech yn eu defnyddio houston yn
sicrhau bod y swyddogaeth hon yn cael

933
00:52:56,800 --> 00:52:58,860
galw i mewn eich syml-todos.

934
00:52:58,860 --> 00:53:01,370
Felly nid houston yn
yn gwybod beth yw fy tasgau yn cael eu.

935
00:53:01,370 --> 00:53:04,490
>> Rydym yn sefydlu Mongo
casgliad o'r enw tasgau.

936
00:53:04,490 --> 00:53:11,390
Gadewch i ni fynd i mewn i syml-todos a dim ond
gwneud yn siwr bod yn y JavaScript,

937
00:53:11,390 --> 00:53:16,295
rydym wedi ychwanegu tasgau at ein casgliadau.

938
00:53:16,295 --> 00:53:19,340

939
00:53:19,340 --> 00:53:25,670
Rydym bellach wedi ei arbed, ac mae'n adeiladu
y cais, chwa o awyr iach.

940
00:53:25,670 --> 00:53:26,750
A gadewch i ni weld.

941
00:53:26,750 --> 00:53:29,090
Nawr mae gennym rai tasgau.

942
00:53:29,090 --> 00:53:32,630
A gallwn ychwanegu rhai tasgau newydd.

943
00:53:32,630 --> 00:53:35,840
Ond os ydym am ychwanegu tasgau,
gadewch i ni wneud hynny gyda 'r app ei hun.

944
00:53:35,840 --> 00:53:39,660

945
00:53:39,660 --> 00:53:41,050
>> Nawr gallwn ychwanegu rhywfaint o ddata.

946
00:53:41,050 --> 00:53:53,410
Hi, mae hyn yn dasg.

947
00:53:53,410 --> 00:53:57,080
Mae'n ymddangos yn fath o rhyfedd bod
nid ydym yn gweld unrhyw dasgau.

948
00:53:57,080 --> 00:54:00,290

949
00:54:00,290 --> 00:54:05,260
Efallai y byddwn am wirio os ydym yn cael unrhyw
gwallau yma, neu efallai yn rhywle arall.

950
00:54:05,260 --> 00:54:08,810

951
00:54:08,810 --> 00:54:20,260
Os ydym yn mynd i mewn admin, mae hynny'n ymddangos yn rhyfedd.

952
00:54:20,260 --> 00:54:24,080
Os ydych yn tynnu y storfa
ar ôl y seminar hon,

953
00:54:24,080 --> 00:54:27,580
Byddaf yn gwneud yn siŵr bod
syml-todos yn gweithio gyda houston.

954
00:54:27,580 --> 00:54:30,370
Yn anffodus, nid yw'n ymddangos i
yn gweithio ar hyn o bryd iawn.

955
00:54:30,370 --> 00:54:34,810

956
00:54:34,810 --> 00:54:37,640
>> A oes unrhyw gwestiynau eraill?

957
00:54:37,640 --> 00:54:41,800
Fel arfer, Houston yn
offeryn sy'n gweithio'n dda iawn.

958
00:54:41,800 --> 00:54:44,510
Houston yn benodol ychydig
buggier na'r rhai eraill,

959
00:54:44,510 --> 00:54:49,470
ond yr wyf yn ei wneud yn ei argymell pan fydd y mae'n gweithio.

960
00:54:49,470 --> 00:54:50,080
Yeah.

961
00:54:50,080 --> 00:54:52,395
>> GYNULLEIDFA: Beth allwch chi ei wneud
gyda'r pecyn Facebook

962
00:54:52,395 --> 00:54:54,270
unwaith y defnyddiwr wedi mewngofnodi
fynd â'u Facebook?

963
00:54:54,270 --> 00:54:55,978
>> ROGER ZURAWICKI: Unwaith
y defnyddiwr wedi mewngofnodi,

964
00:54:55,978 --> 00:54:59,540
gallwch wneud galwadau i'r API Facebook.

965
00:54:59,540 --> 00:55:02,890
Mae llawer o hynny yn gorwedd yn fwy mewn
sut mae Facebook yn agor eu API.

966
00:55:02,890 --> 00:55:05,120
Meteor, gwnewch yn siŵr eich
yn cael y cysylltiad.

967
00:55:05,120 --> 00:55:09,300
Ond mae popeth ar ôl hynny yn fater
o ddysgu sut i ddefnyddio'r API Facebook.

968
00:55:09,300 --> 00:55:10,216
GYNULLEIDFA: [Anghlywadwy].

969
00:55:10,216 --> 00:55:17,756

970
00:55:17,756 --> 00:55:18,880
ROGER ZURAWICKI: Pob hawl.

971
00:55:18,880 --> 00:55:21,670
Diolch yn fawr iawn i chi
seminar CS50 hwn yn Meteor.

972
00:55:21,670 --> 00:55:24,060
Os oes gennych unrhyw gwestiynau,
gallwch e-bostio ataf

973
00:55:24,060 --> 00:55:28,319
yn fy nghyfeiriad e-bost
a restrir isod y seminar.

974
00:55:28,319 --> 00:55:30,110
A byddaf yn hapus i
ateb eich cwestiynau.

975
00:55:30,110 --> 00:55:33,020
'N annhymerus' hefyd yn y
CS50 Hackathon Dylai

976
00:55:33,020 --> 00:55:35,550
oes angen help arnoch gyda'ch prosiectau Meteor.

977
00:55:35,550 --> 00:55:37,650
Diolch am wylio.

978
00:55:37,650 --> 00:55:38,816