1
00:00:00,000 --> 00:00:02,910
>> [MIZIK jwe]

2
00:00:02,910 --> 00:00:04,850

3
00:00:04,850 --> 00:00:07,275
>> NEEL Mehta: Isit la li ale.

4
00:00:07,275 --> 00:00:11,070
>> Oke, tout moun, Byenveni nan sit
apps nan tan kap vini la ak reyaji.

5
00:00:11,070 --> 00:00:11,870
Sa a se CS50.

6
00:00:11,870 --> 00:00:12,930
Non mwen se Neel.

7
00:00:12,930 --> 00:00:17,689
Mwen se yon TA pou CS50 ak yon sophomore
nan Harvard College ak yon trè, trè

8
00:00:17,689 --> 00:00:18,730
pasyone sou sit pwomotè.

9
00:00:18,730 --> 00:00:20,730
Se konsa, Mwen trè enteresan yo
dwe pale ak ou jodi a,

10
00:00:20,730 --> 00:00:24,550
si wi ou non w ap isit la oswa nan kay la
l ap gade, sou Reyaji, ki se, ankò

11
00:00:24,550 --> 00:00:27,270
jan mwen te di, tan kap vini an nan apps entènèt.

12
00:00:27,270 --> 00:00:29,055
>> Se konsa, reyaji se yon fondasyon entènèt.

13
00:00:29,055 --> 00:00:30,930
Ak jan mwen te di
nan kèk moun isit la,

14
00:00:30,930 --> 00:00:33,400
yon fondasyon se jis yon
mete nan zouti ou ka itilize

15
00:00:33,400 --> 00:00:35,770
yo estrikti ak bati app entènèt ou an.

16
00:00:35,770 --> 00:00:39,010
Ak apps entènèt yo, ankò, sou sit entènèt
ki entèaktif tankou Facebook,

17
00:00:39,010 --> 00:00:42,330
Twitter.com, Instagram.com, kèlkeswa sa.

18
00:00:42,330 --> 00:00:45,590
>> Se konsa, Facebook se yon fondasyon entènèt
ki te devlope pa Facebook

19
00:00:45,590 --> 00:00:48,060
yon ane koup back-- Reyaji se.

20
00:00:48,060 --> 00:00:50,830
Li nan depi lè yo te itilize nan
Facebook sou apps mobil yo

21
00:00:50,830 --> 00:00:52,460
ak app wèb la, Instagram.

22
00:00:52,460 --> 00:00:56,350
Khan Akademi se yon lòt
enpòtan adoptant byen bonè nan Reyaji.

23
00:00:56,350 --> 00:00:58,630
>> Li nan reyèlman te resevwa
trè popilè.

24
00:00:58,630 --> 00:01:03,420
Si ou janm sèvi ak bagay sa yo tankou angilè oswa
Zo rèl do, sa a se nan fanmi an menm,

25
00:01:03,420 --> 00:01:05,830
men li gen depi byen lwen
depase popilarite yo.

26
00:01:05,830 --> 00:01:06,890
Li nan bagay la cho nouvo.

27
00:01:06,890 --> 00:01:09,590
Li nan reyèlman, reyèlman gwo.

28
00:01:09,590 --> 00:01:13,470
>> Se konsa, reyaji se yon bon bagay pa sèlman kòm yon
fondasyon entènèt pou interfaces bilding nan.

29
00:01:13,470 --> 00:01:16,020
Li nan bon pou bati interfaces entènèt.

30
00:01:16,020 --> 00:01:18,350
Genyen tou yon bagay
rele Reyaji Alaska ki

31
00:01:18,350 --> 00:01:22,200
pèmèt ou bati interfaces
pou andwad ak yo

32
00:01:22,200 --> 00:01:26,390
e petèt lòt tribin nan fiti
lè l sèvi avèk jis menm bagay kòd la JavaScript.

33
00:01:26,390 --> 00:01:31,130
Ou te kapab sèvi ak menm an egzak
JavaScript Kòd rann sit entènèt,

34
00:01:31,130 --> 00:01:33,040
rann android apps ak yo apps.

35
00:01:33,040 --> 00:01:35,000
>> Li se yon tan trè, trè enteresan.

36
00:01:35,000 --> 00:01:37,070
Li se yon opòtinite reyèlman, reyèlman fre.

37
00:01:37,070 --> 00:01:42,020
Li nan reyèlman yon sit entènèt inivèsèl
koòdone zouti devlopman,

38
00:01:42,020 --> 00:01:44,420
se konsa li nan yon trè, trè
bagay enpòtan yo konnen.

39
00:01:44,420 --> 00:01:46,949
Epi, menm jan mwen te di moun ki
anvan, sa a, mwen panse,

40
00:01:46,949 --> 00:01:48,990
ki pral chanje ki jan nou
bati apps entènèt pou tout tan.

41
00:01:48,990 --> 00:01:55,820
Se konsa, li petèt yon ti jan ipèrbol, men mwen
panse ke li nan yon trè bon bagay yo konnen.

42
00:01:55,820 --> 00:01:57,580
>> OK, se konsa sa ki reyaji?

43
00:01:57,580 --> 00:02:01,020
Reyaji se yon fondasyon ou ka
itilize pou bati interfaces.

44
00:02:01,020 --> 00:02:03,240
Yon koòdone se, ankò,
yon paj wèb, dwa?

45
00:02:03,240 --> 00:02:06,340
Se konsa, isit la nan Instagram.com, itilizasyon Reyaji.

46
00:02:06,340 --> 00:02:08,740
>> Reyaji se bati sou la
lide sou konpozan.

47
00:02:08,740 --> 00:02:11,900
Yon eleman se yon HTML
eleman sou estewoyid,

48
00:02:11,900 --> 00:02:14,470
se konsa yon eleman HTML se tankou yon bouton.

49
00:02:14,470 --> 00:02:15,250
Li se yon paragraf.

50
00:02:15,250 --> 00:02:17,500
Li se yon header, dwa?

51
00:02:17,500 --> 00:02:22,740
Ak Instagram pral sèvi ak sa yo, men li
pral tou itilize eleman nan Reyaji.

52
00:02:22,740 --> 00:02:25,740
>> Reyaji eleman yo
souped-up eleman HTML

53
00:02:25,740 --> 00:02:28,100
sa yo ki te konpòtman pwòp yo
genyen nan yo.

54
00:02:28,100 --> 00:02:31,800
Se konsa, kòm yon egzanp, nou te ka gen
yon eleman tan, yon eleman tan,

55
00:02:31,800 --> 00:02:34,095
ki pral gen tankou
koupon pou achte nan tan, ou konnen,

56
00:02:34,095 --> 00:02:37,170
yon eleman ki pwofil
pral gen imaj la pwofil

57
00:02:37,170 --> 00:02:38,820
ak non an nan moun nan.

58
00:02:38,820 --> 00:02:42,930
Li ka gen yon vann san preskripsyon tankou, ki
ka konte tankou ki kantite renmen,

59
00:02:42,930 --> 00:02:45,610
epi si ou klike sou li, li pral
ogmante kantite renmen.

60
00:02:45,610 --> 00:02:48,200
Yon eleman se jis yon
pakèt moun sou HTML kòd ki

61
00:02:48,200 --> 00:02:50,520
gen kèk fonctionnalités
vlope andedan nan li.

62
00:02:50,520 --> 00:02:53,770
Se konsa, li la tankou yon eleman HTML
sou estewoyid, jan mwen te di anvan.

63
00:02:53,770 --> 00:02:56,270
Ou ka pran eleman sa yo,
epi ou ka mete yo ansanm

64
00:02:56,270 --> 00:02:59,060
fè nouvo eleman, nan
ka sa a, yon eleman post,

65
00:02:59,060 --> 00:03:00,505
ki gen tout bagay sa a.

66
00:03:00,505 --> 00:03:04,050
Li ta gen Tan, Wofil,
LikeCounter, petèt kòmantè a

67
00:03:04,050 --> 00:03:06,100
e petèt imaj la tèt li.

68
00:03:06,100 --> 00:03:10,810
Se konsa, apps entènèt yo se jis ki te konstwi pa pran
konpozan ak mete yo ansanm.

69
00:03:10,810 --> 00:03:15,620
Yon manje Instagram se pa gen anyen plis pase
yon pakèt moun sou posts youn apre lòt,

70
00:03:15,620 --> 00:03:19,032
chak pòs gen tankou Tan an,
Pwofil, LikeCounter, ak sou sa.

71
00:03:19,032 --> 00:03:20,490
Li nan kalite tankou bati yon kay.

72
00:03:20,490 --> 00:03:22,660
Ou pa bati nan
kay soti nan tèt la desann.

73
00:03:22,660 --> 00:03:24,960
Ou pran konpozan ou
pran tankou twalèt la.

74
00:03:24,960 --> 00:03:28,320
Ou pran bedroom-- a ou bwa yo
ansanm, epi ou gen yon eleman nouvo.

75
00:03:28,320 --> 00:03:29,760
Ou gen yon pati nouvo nan kay la.

76
00:03:29,760 --> 00:03:32,860
>> Se konsa, reyaji se tout bati toutotou
ide sa a nan eleman ki

77
00:03:32,860 --> 00:03:36,600
yo entèaktif, ki asèrtif.

78
00:03:36,600 --> 00:03:39,650
Menm jan ak ou jis di sa ki yon
pwofil se, epi li rann li.

79
00:03:39,650 --> 00:03:40,600
Yo se Composable.

80
00:03:40,600 --> 00:03:43,880
Ou ka pran yon tan ak yon pwofil, mete
yo ansanm, fè yon bagay pi byen.

81
00:03:43,880 --> 00:03:47,770
Apre sa, yo ap ki kapab itilize ankò, kidonk si w
gen kòd la sous pou yon pòs,

82
00:03:47,770 --> 00:03:49,440
ou te kapab Afiche ki nenpòt kote.

83
00:03:49,440 --> 00:03:53,160
>> Ou ka Afiche yon Instagram
bagay sou sit entènèt pwòp ou yo.

84
00:03:53,160 --> 00:03:56,830
Ou ka Afiche nan Facebook, pou egzanp,
osi lontan ke li sèvi ak reyaji kòm byen.

85
00:03:56,830 --> 00:04:00,360
Se konsa, eleman yo se reyèlman, reyèlman, reyèlman
blòk bilding gen anpil pouvwa, entènèt la

86
00:04:00,360 --> 00:04:04,180
ki ka itilize nenpòt kote epi mete
ansanm fè blòk bilding nouvo.

87
00:04:04,180 --> 00:04:07,159
Sa a trè, trè a
wo nivo BECA.

88
00:04:07,159 --> 00:04:09,200
Se konsa, ankò, si ou gen
nenpòt kesyon nan nenpòt ki pwen

89
00:04:09,200 --> 00:04:14,470
sou filozofi a nan raktor a,
kodaj, yo sispann m ', ak kite m' konnen.

90
00:04:14,470 --> 00:04:18,420
>> OK, se konsa reyaji se fre paske li
gen yon fason diferan pou kap

91
00:04:18,420 --> 00:04:19,870
nan ki jan ou bati apps entènèt.

92
00:04:19,870 --> 00:04:23,620
Ou te pwobableman tande pale de mv, se yon
modèl ou kontwole nan CS50 oswa kèlkeswa sa

93
00:04:23,620 --> 00:04:25,940
lòt sonde klas ou itilize.

94
00:04:25,940 --> 00:04:29,000
Ak sa ki pi cadres yo
bati alantou lide a nan mv.

95
00:04:29,000 --> 00:04:30,410
Reyaji se pa vre.

96
00:04:30,410 --> 00:04:32,980
Reyaji se bati alantou lide nan
a uni koule done

97
00:04:32,980 --> 00:04:36,510
jan yo wè pa tablo sa a oswa grafik isit la.

98
00:04:36,510 --> 00:04:38,260
>> Fondamantalman, ou gen yon sous done.

99
00:04:38,260 --> 00:04:42,380
Ak sous la done ap deside
Ki jan yo mete deyò sèten konpozan.

100
00:04:42,380 --> 00:04:45,452
Apre sa, eleman yo pral
lè sa a, lè yo chanje,

101
00:04:45,452 --> 00:04:47,160
yo pral di a
sous done a chanje.

102
00:04:47,160 --> 00:04:49,350
>> Pou itilize Instagram a
egzanp, ou ta ka gen

103
00:04:49,350 --> 00:04:52,050
yon lis nan pòs objè tankou
nan yon baz done oswa yon bagay.

104
00:04:52,050 --> 00:04:53,310
Sa done yo.

105
00:04:53,310 --> 00:04:57,600
Lè sa a, eleman post nou an
pral pran ke done,

106
00:04:57,600 --> 00:05:01,830
epi sèvi ak ke done rann
yon bagay sou ekran an.

107
00:05:01,830 --> 00:05:04,300
Sa a ki sa flèch la
soti nan done yo eleman se,

108
00:05:04,300 --> 00:05:07,930
ak Lè sa a se ke done menm itilize
rann yon pakèt moun sou konpozan.

109
00:05:07,930 --> 00:05:10,290
>> Nan Facebook mesaje, pou
egzanp, ki se reyaji,

110
00:05:10,290 --> 00:05:13,410
ou ta ka gen yon lis
mesaj kòm sous done ou.

111
00:05:13,410 --> 00:05:15,927
Apre sa, ki ta rann pa
sèlman lis la nan mesaj

112
00:05:15,927 --> 00:05:17,510
men tou, lis la nan zanmi ou genyen.

113
00:05:17,510 --> 00:05:19,200
Ou gen konte a lu.

114
00:05:19,200 --> 00:05:23,330
Petèt tou rann bagay la Facebook
sa a, se nan fon an nan Facebook.com.

115
00:05:23,330 --> 00:05:25,610
Done a menm se yon
sèl sous verite

116
00:05:25,610 --> 00:05:28,290
ak ki lakòz yon anpil nan
eleman yo dwe founi.

117
00:05:28,290 --> 00:05:30,290
Chak fwa youn nan moun ki
konpozan se chanje,

118
00:05:30,290 --> 00:05:32,320
li ale retounen lakay yo epi
chanje sous la done.

119
00:05:32,320 --> 00:05:33,460
>> Ou voye yon mesaj, dwa?

120
00:05:33,460 --> 00:05:34,780
Ki chanje sous la done.

121
00:05:34,780 --> 00:05:39,490
Ou li mesaj ou a,
se konsa ou mete lu nan 0.

122
00:05:39,490 --> 00:05:41,136
Ki chanje sous la done.

123
00:05:41,136 --> 00:05:44,010
Apre sa, remake ke tout moun sa yo nan yon sèl
arrow pral tounen nan done la menm

124
00:05:44,010 --> 00:05:47,662
sous, se konsa ou konnen,
bay yon done sèten seri,

125
00:05:47,662 --> 00:05:49,870
ou konnen ekzakteman ki sa a
paj ki pral sanble.

126
00:05:49,870 --> 00:05:50,700
Li nan detèrminist.

127
00:05:50,700 --> 00:05:53,451
Ou konnen, yo bay done sèten, ki sa
paj la ki pral sanble.

128
00:05:53,451 --> 00:05:56,158
Ou ka predi ki jan li k ap pase yo
konpòte ak ki jan bagay yo ap mache

129
00:05:56,158 --> 00:05:57,650
nan travay lè yo ap mete tèt yo ansanm.

130
00:05:57,650 --> 00:06:00,410
>> Men, si mwen te gen yon milyon dola eleman
isit la, li ta konpòte menm bagay la tou, dwa?

131
00:06:00,410 --> 00:06:02,290
Ou pa ta gen okenn
konèksyon etranj.

132
00:06:02,290 --> 00:06:04,120
Youn done rann yon milyon konpozan.

133
00:06:04,120 --> 00:06:06,879
Yon milyon dola eleman t 'kapab
tounen ladan l epi modifye done yo.

134
00:06:06,879 --> 00:06:07,920
Se konsa, sa a se trè bèl.

135
00:06:07,920 --> 00:06:10,870
Nou ap bati Composable,
fasil évolutive apps entènèt.

136
00:06:10,870 --> 00:06:13,150
>> Ou gen yon sèl sous done,
sous la verite.

137
00:06:13,150 --> 00:06:15,790
Ki di eleman ou
Ki jan yo mete deyò paj la,

138
00:06:15,790 --> 00:06:18,190
ak konpozan yo pral
okipe entèraksyon.

139
00:06:18,190 --> 00:06:20,150
Men, si yo vle chanje
bagay sa yo, jis ale tounen

140
00:06:20,150 --> 00:06:21,750
epi di sous la done a chanje.

141
00:06:21,750 --> 00:06:22,850
Fè sans?

142
00:06:22,850 --> 00:06:26,010
Se konsa, reyaji se tout sou konpreyansyon
ki jan yo bati yon eleman

143
00:06:26,010 --> 00:06:29,540
ak kouman yo fè eleman ou
kominike avèk mond lan deyò.

144
00:06:29,540 --> 00:06:31,850
>> Fè kominike nan eleman
ak mond lan deyò

145
00:06:31,850 --> 00:06:34,490
sèvi ak yon lòt teknoloji
rele Flux, ki

146
00:06:34,490 --> 00:06:36,872
se yon fondasyon ki
te ajoute sou tèt Reyaji.

147
00:06:36,872 --> 00:06:38,330
Nou pa ap ale nan pale sou sa.

148
00:06:38,330 --> 00:06:42,990
Nou pwal pale plis toujou sou, yo bay
done, ki jan ou ka rann yon eleman?

149
00:06:42,990 --> 00:06:47,010
>> Se konsa, reyaji se vrèman fre paske ou
ka sèvi ak li ak nenpòt ki fen tounen ou vle.

150
00:06:47,010 --> 00:06:50,480
Si ou gen tankou yon fen tounen Piton,
si Piton ou a ka krache soti kèk done,

151
00:06:50,480 --> 00:06:51,610
Reyaji ka rann li.

152
00:06:51,610 --> 00:06:54,700
Si ou pa gen okenn rezilta JS yo
nan done, Reyaji rann li.

153
00:06:54,700 --> 00:06:56,890
Ruby ray moute ak
done, Reyaji rann li.

154
00:06:56,890 --> 00:07:01,860
>> Se konsa, reyaji se fondamantalman yon sit entènèt
view-- yon fen devan ak konpozan

155
00:07:01,860 --> 00:07:03,910
pou nenpòt ki sous done tou.

156
00:07:03,910 --> 00:07:07,145
Se konsa, pral soti nan sous done yo
reyaji konpozan se trè fasil.

157
00:07:07,145 --> 00:07:08,770
Ale nan lòt fason se yon ti kras pi rèd.

158
00:07:08,770 --> 00:07:10,462
Ki sèvi ak Flux kòm mwen mansyone anvan.

159
00:07:10,462 --> 00:07:11,420
Nou pa pral jwenn nan sa.

160
00:07:11,420 --> 00:07:13,740
Nou pral konsantre plis sou a
done-a-eleman bò.

161
00:07:13,740 --> 00:07:15,880
Sa a jan ou ka fè
fre, apps entènèt plezi.

162
00:07:15,880 --> 00:07:19,870
Li pa pral afekte mond lan deyò
pou kounye a, men sa a yon lòt istwa.

163
00:07:19,870 --> 00:07:22,210
>> OK, se konsa si ou te isit la
pou seminè dènye mwen

164
00:07:22,210 --> 00:07:26,610
ou pral konnen ke tout nan kòd la pou
pale jodi a ki pral yo dwe nan URL sa a

165
00:07:26,610 --> 00:07:29,320
isit la, regrèt, sa a URL isit la.

166
00:07:29,320 --> 00:07:32,730
Ak fondamantalman nou ap ale nan ale
nan kat etap, petèt senk,

167
00:07:32,730 --> 00:07:33,510
pwobableman pa senk.

168
00:07:33,510 --> 00:07:37,300
Nou pral deplase atravè kat etap
pou bati yon echantiyon Reyaji app.

169
00:07:37,300 --> 00:07:39,550
Se konsa, tout kòd la sous
pou chak etap nan wout la

170
00:07:39,550 --> 00:07:42,216
a pwal dwa isit la, Se konsa, si
w ap swiv ansanm nan kay la,

171
00:07:42,216 --> 00:07:43,991
santi yo lib yo parkourir kòd sa a.

172
00:07:43,991 --> 00:07:46,740
Si w ap swiv ansanm isit la,
nou pral montre l 'sou ekran an,

173
00:07:46,740 --> 00:07:47,739
Se konsa, pa enkyete sou li.

174
00:07:47,739 --> 00:07:50,930
Men, si w ap nan kay la, santi
lib yo ale sou sit wèb sa a.

175
00:07:50,930 --> 00:07:56,400
Epi, Yeah, ou ta dwe kapab jwenn
tout kòd la ou ta janm bezwen isit la.

176
00:07:56,400 --> 00:08:01,380
Se konsa, li yon fèy twonpe bon osi byen
pou avantur tan kap vini ou a ak reyaji.

177
00:08:01,380 --> 00:08:04,490
Cool, kidonk si tout moun ki la isit la,
e menm si w ap nan kay la,

178
00:08:04,490 --> 00:08:11,580
rale moute sit entènèt sa a, is.gd/cs50react,
pa gen okenn kapital, pa gen souliye, pa gen pa gen anyen.

179
00:08:11,580 --> 00:08:15,849
>> Ou pral wè yon paj ki sanble
yon ti jan tankou sa a.

180
00:08:15,849 --> 00:08:17,140
Sa a se yon bagay yo rele CodePen.

181
00:08:17,140 --> 00:08:20,030
CodePen se yon tèt ansanm
kodaj anviwònman

182
00:08:20,030 --> 00:08:23,364
ak ki mwen kapab ekri kòd isit la, ak
li pral otomatikman voye ba ou.

183
00:08:23,364 --> 00:08:24,780
Apre sa, nan fason sa a, mwen ka ekri kòd.

184
00:08:24,780 --> 00:08:26,920
Mwen ka kouri Kòd isit la.

185
00:08:26,920 --> 00:08:33,470
>> Pou example-- epi si li reloads-- wè,
M 'ap kouri JavaScript Kòd nan paj la

186
00:08:33,470 --> 00:08:36,390
dwa isit la, epi li pral
otomatikman rann yon paj entènèt

187
00:08:36,390 --> 00:08:37,980
ak sa a Kòd JavaScript.

188
00:08:37,980 --> 00:08:40,039
Se konsa, sa a se yon fason
pou nou eseye soti Kòd

189
00:08:40,039 --> 00:08:43,089
vrèman rapid san yo pa gen yo sèvi ak
ID nou an oswa sèvi ak machin lokal nou

190
00:08:43,089 --> 00:08:44,290
oswa kèlkeswa sa.

191
00:08:44,290 --> 00:08:47,670
Li se yon fason trè rapid pou ou pou w makèt
ak tès soti diferan kalite kòd.

192
00:08:47,670 --> 00:08:50,560
>> Se konsa, mwen pral yo dwe pran
Kòd egzanp, mete l 'isit la.

193
00:08:50,560 --> 00:08:52,374
Nou pwal yo dwe ap travay atravè li.

194
00:08:52,374 --> 00:08:54,540
Epi si w ap nan kay la, ou
ka rale sa a moute kòm byen.

195
00:08:54,540 --> 00:08:57,530
Apre sa, mwen te deja enstale
Reyaji isit la, kidonk, ou ka jis

196
00:08:57,530 --> 00:09:00,770
ekri kòd pwòp ou a isit la, ak
eseye li kòm lakou rekreyasyon pwòp ou yo.

197
00:09:00,770 --> 00:09:04,940
>> Yeah, si tout moun
louvri moute lyen sa a isit la.

198
00:09:04,940 --> 00:09:08,080
Tanpri, ban m 'yon gwo pous
moute yon fwa ou genyen li louvri.

199
00:09:08,080 --> 00:09:10,960

200
00:09:10,960 --> 00:09:13,770
Cool, fre fre.

201
00:09:13,770 --> 00:09:16,914
Pa gen anyen la a pou kounye a, men
nou pral chanje sa trè byento.

202
00:09:16,914 --> 00:09:21,250
>> OK, se konsa reyaji se yon JavaScript
bibliyotèk, ak jan sa yo,

203
00:09:21,250 --> 00:09:24,480
mande pou konesans nan JavaScript,
ki se lang nan pwogram entènèt.

204
00:09:24,480 --> 00:09:27,660
Apre sa, li nan ke yo te itilize pou lòt bagay
kounye a twò men prensipalman entènèt la devlope

205
00:09:27,660 --> 00:09:32,040
lang, se konsa si ou se abitye avèk
sa, li yon sit rele JSforCats.com.

206
00:09:32,040 --> 00:09:32,700
Li nan bèl bagay.

207
00:09:32,700 --> 00:09:34,240
Ou ka aprann JavaScript
nan mwatye yon èdtan.

208
00:09:34,240 --> 00:09:34,990
Li nan enkwayab.

209
00:09:34,990 --> 00:09:36,420
>> Se konsa, bay li yon tèks.

210
00:09:36,420 --> 00:09:39,960
Nou menm tou nou se yon anpil nan HTML isit la paske
nou ap desine paj wèb nan kou.

211
00:09:39,960 --> 00:09:43,890
Se konsa, si w ap abitye avèk
HTML, tcheke deyò HTMLdog.com.

212
00:09:43,890 --> 00:09:46,520
Mwen panse ke aprann Reyaji se yon
milyon fwa pi fasil si ou deja

213
00:09:46,520 --> 00:09:47,892
konnen blòk yo bilding nan.

214
00:09:47,892 --> 00:09:50,600
Si ou gen eleman yo, li nan
fasil fè yon eleman pi gwo.

215
00:09:50,600 --> 00:09:51,860
Sa a Reyaji ak lang pou ou.

216
00:09:51,860 --> 00:09:54,270
>> Se konsa, ale pi devan epi bay
bagay sa yo yon tèks.

217
00:09:54,270 --> 00:09:55,070
Pran yon ti pòz videyo sa a.

218
00:09:55,070 --> 00:09:57,440
Ba li yon tèks si ou se
nan kay si ou pa

219
00:09:57,440 --> 00:10:00,794
abitye avèk HTML oswa JavaScript

220
00:10:00,794 --> 00:10:02,960
OK, Se konsa, sa nou ap ale nan
fè se nou ap ale nan fè

221
00:10:02,960 --> 00:10:06,470
yon app trè debaz lè l sèvi avèk flashcard Reyaji.

222
00:10:06,470 --> 00:10:08,210
Nou pral gen yon flashcard.

223
00:10:08,210 --> 00:10:09,880
Ou ka baskile kat la retounen ak lide.

224
00:10:09,880 --> 00:10:12,399
Epitou, n ap gen tou yon lis
tout kat yo ke nou genyen,

225
00:10:12,399 --> 00:10:14,190
epi si nou santi ou
anbisye, nou ta kapab

226
00:10:14,190 --> 00:10:17,060
kapab chanje ant
machin pa klike sou yo.

227
00:10:17,060 --> 00:10:20,360
>> Men, sa a se, nan fè ou
zo, yon trè senp Reyaji app.

228
00:10:20,360 --> 00:10:22,560
Se konsa, sa a se aktyèlman
pa trivial aplike,

229
00:10:22,560 --> 00:10:26,030
men nou ap ale nan montre ke, si ou fè
sa a, li la trè, trè fasil pou yon ekstansyon pou li

230
00:10:26,030 --> 00:10:27,680
si lòt moun ede w ak li.

231
00:10:27,680 --> 00:10:33,750
Se konsa, nou ap ale nan ale nan kat etap
kòmanse nan grate yo bati sa a.

232
00:10:33,750 --> 00:10:36,740
>> OK, se konsa kat etap sa yo, nou pral
kòmanse koupe ak premye etap la.

233
00:10:36,740 --> 00:10:39,790
Premye etap la a pwal
bati premye eleman ou yo.

234
00:10:39,790 --> 00:10:44,830
Kòm mwen te di anvan, yon eleman nan Reyaji
se jis yon eleman HTML sou estewoyid.

235
00:10:44,830 --> 00:10:49,660
Li presize HTML a
ak kèk konpòtman, epi li

236
00:10:49,660 --> 00:10:52,600
pral presize ki jan moun
ka kominike avèk li jan

237
00:10:52,600 --> 00:10:54,270
li ta gen eta entèn yo.

238
00:10:54,270 --> 00:10:57,630
Fè tankou yon bouton pral konnen ki jan anpil tankou
fwa li a te klike pou egzanp,

239
00:10:57,630 --> 00:11:01,010
epi li pral konnen ki jan yo mete tèt li deyò.

240
00:11:01,010 --> 00:11:04,430
>> Se konsa nou ale pi devan epi bati nou an
premye eleman lè l sèvi avèk JavaScript.

241
00:11:04,430 --> 00:11:09,711
Se konsa, si sentaks la sanble etranj,
sa a, se paske li kalite se.

242
00:11:09,711 --> 00:11:11,710
Se konsa, ankò, nou ap ale
fè yon varyab rele

243
00:11:11,710 --> 00:11:14,580
app lè l sèvi avèk mo kle a se pou,
sa ki fè yon varyab,

244
00:11:14,580 --> 00:11:18,210
kite App egal React.createClass.

245
00:11:18,210 --> 00:11:22,609
>> Reyaji se yon bibliyotèk epi li gen
a kreye fonksyon klas la.

246
00:11:22,609 --> 00:11:24,400
Ak fonksyon sa a se
yon ti jan nan kòd ki ou

247
00:11:24,400 --> 00:11:29,090
ka itilize yo kreye yon nouvo
di ki kalite Reyaji eleman.

248
00:11:29,090 --> 00:11:32,780
Se konsa, React.createClass
fè yon eleman,

249
00:11:32,780 --> 00:11:35,270
ak eleman sa a pral
kapab fè bagay.

250
00:11:35,270 --> 00:11:40,460
Bagay pwensipal lan li ka fè se rann
yon bagay, rann kòm yon fonksyon.

251
00:11:40,460 --> 00:11:44,500
>> Yon fwa ankò, si sa a endèks se pa evidan ak
ou, mwen rekòmande ou ale sou JS pou chat

252
00:11:44,500 --> 00:11:45,682
epi tcheke li soti.

253
00:11:45,682 --> 00:11:47,710
Se ke agrandi nan byen ase?

254
00:11:47,710 --> 00:11:48,490
Fre.

255
00:11:48,490 --> 00:11:50,670
>> Se konsa, chak bezwen eleman
gen yon fonksyon rann.

256
00:11:50,670 --> 00:11:53,010
Fonksyon an rann di,
ki sa mwen enprime sou ekran an?

257
00:11:53,010 --> 00:11:54,760
Men, eleman an se
initil si li fè sa pa

258
00:11:54,760 --> 00:11:58,060
konnen sa yo dwe enprime sou ekran an, se konsa
ou bezwen gen yon fonksyon rann.

259
00:11:58,060 --> 00:12:01,904
>> Se konsa, nan rann nan bagay, ou
jis bezwen retounen kèk HTML.

260
00:12:01,904 --> 00:12:03,820
Ak sa ki nan fre se ke
gen nan yon bagay yo rele

261
00:12:03,820 --> 00:12:08,660
JSX, ki se yon ekstansyon pou
JavaScript ki se itilize pa reyaji.

262
00:12:08,660 --> 00:12:11,845
Li kite a ou ekri HTML andedan
nan JavaScript ou a, ki

263
00:12:11,845 --> 00:12:13,970
son kalite etranj lè
ou premye panse sou li,

264
00:12:13,970 --> 00:12:15,553
men li fè yon anpil nan sans apre sa.

265
00:12:15,553 --> 00:12:17,430
Se konsa, nou ka fè sa.

266
00:12:17,430 --> 00:12:21,360
Si w ap abitye ak HTML, mwen konnen
nou gen yon div ak yon objektif jeneral

267
00:12:21,360 --> 00:12:22,790
veso pou bagay.

268
00:12:22,790 --> 00:12:26,380
Nou ka retounen yon div, ak andedan
div sa a, nou ka mete bagay.

269
00:12:26,380 --> 00:12:32,390
>> Se konsa nou di nou vle rann jis
yon flashcard tou dwat-up pou kounye a.

270
00:12:32,390 --> 00:12:34,890
Flashcard a, mwen ta ka di,
pral gen yon kesyon ak repons.

271
00:12:34,890 --> 00:12:37,530
Se konsa, andedan div sa a, se pou yo
enprime soti yon paragraf

272
00:12:37,530 --> 00:12:42,155
ki di question-- Ki sa ki se nan
ultim repons nan lavi, linivè a?

273
00:12:42,155 --> 00:12:47,640

274
00:12:47,640 --> 00:12:50,345
Lè sa a, repons lan se
pral fè, nan kou, 42.

275
00:12:50,345 --> 00:12:56,880

276
00:12:56,880 --> 00:12:59,730
>> Sa pa t 'vini byen nan tout.

277
00:12:59,730 --> 00:13:04,164
Yeah, se konsa fondamantalman ou kapab reyèlman
ekri HTML andedan JavaScript ou yo.

278
00:13:04,164 --> 00:13:06,330
Lè sa a a pwal
enprime deyò nan ekran an.

279
00:13:06,330 --> 00:13:08,250
Se konsa, kite a eseye li soti.

280
00:13:08,250 --> 00:13:09,520
>> Se konsa, nou gen eleman nou an.

281
00:13:09,520 --> 00:13:12,210
Nou bezwen di Reyaji yo mete
eleman nan sou ekran an

282
00:13:12,210 --> 00:13:18,990
se konsa React.render, se konsa ke nou remake
trete app tankou nenpòt ki lòt eleman.

283
00:13:18,990 --> 00:13:21,010
Nou ekri li jan li te ye yon eleman HTML.

284
00:13:21,010 --> 00:13:25,100
Fè tankou olye pou yo li di tankou img
pou imaj oswa p pou paragraf,

285
00:13:25,100 --> 00:13:28,120
ou ekri App, se konsa App se
trete tankou yon eleman HTML.

286
00:13:28,120 --> 00:13:30,380
Kòm mwen te di anvan, li nan
yon eleman sou estewoyid.

287
00:13:30,380 --> 00:13:32,870
>> Se konsa, ou rann App, epi ou
bay li yon kote yo mete li.

288
00:13:32,870 --> 00:13:37,170
Lè sa a se ki jan ou kapab
di li ki kote yo mete li.

289
00:13:37,170 --> 00:13:46,200
Mwen te kreye yon div senp sou la
paj rele ak yon ID nan paj,

290
00:13:46,200 --> 00:13:48,300
e ke sa a kote nan
eleman k ap pase yo ale.

291
00:13:48,300 --> 00:13:49,841
>> Epi nou pa ap ale nan kouri ak HTML.

292
00:13:49,841 --> 00:13:53,145
Fondamantalman sa a ki pral yo ka resevwa
mete andedan nan sa a eleman paj

293
00:13:53,145 --> 00:13:54,270
ke nou gen sou ekran an.

294
00:13:54,270 --> 00:13:59,210
Se konsa, li kouri Kòd sa a, epi li trase sa a
bagay sou ekran an, se konsa isit la nou ye.

295
00:13:59,210 --> 00:14:01,770
Nou gen tan fè premye nou an Reyaji eleman.

296
00:14:01,770 --> 00:14:08,000
>> Se konsa, jis kòm yon rapèl, nou te fè dousman
yon nouvo tip eleman, dwa?

297
00:14:08,000 --> 00:14:10,145
Sa a ki sa React.createClass la.

298
00:14:10,145 --> 00:14:12,680
Ak nan ki eleman, nou
rakonte l 'ki sa li ta dwe fè.

299
00:14:12,680 --> 00:14:15,590
Chak fwa eleman sa a se
ap enprime sou ekran an,

300
00:14:15,590 --> 00:14:19,300
li pral enprime soti div a ak
de paragraf yo andedan nan li.

301
00:14:19,300 --> 00:14:24,460
>> Ak sa ki nou te fè, nou te fè yon nouvo app
lè l sèvi avèk notasyon a bracket ang app.

302
00:14:24,460 --> 00:14:27,160
Nou rakonte l 'bay mete l'
andedan eleman nan paj.

303
00:14:27,160 --> 00:14:29,867
Se konsa, ki sa mwen te fè, li te kreye
yon nouvo app soti nan ki modèl.

304
00:14:29,867 --> 00:14:31,200
Lè sa a, mwen te di l 'bay rann li.

305
00:14:31,200 --> 00:14:33,680
Se konsa, li te di, OK, app,
sa ki ta mwen enprime soti?

306
00:14:33,680 --> 00:14:36,970
App di, ale enprime soti yon div
ak de paragraf andedan nan li.

307
00:14:36,970 --> 00:14:40,420
Epi vwala, gen nan div nou ak
de paragraf andedan nan li.

308
00:14:40,420 --> 00:14:43,180
Fè sans byen lwen tèlman?

309
00:14:43,180 --> 00:14:46,690
>> Se konsa, ankò, defi a tout antye nan Reyaji
se jis konnen ki jan fè konpozan.

310
00:14:46,690 --> 00:14:48,500
Ki jan yo fè nan
eleman travay ansanm.

311
00:14:48,500 --> 00:14:51,780
Kounye a ke nou te fè premye nou an
eleman, se pou yo tounen

312
00:14:51,780 --> 00:14:54,284
epi fè eleman customizable.

313
00:14:54,284 --> 00:14:56,700
Se konsa, ou konnen ki jan nan HTML ou
ka bay klas bouton ou a?

314
00:14:56,700 --> 00:14:59,146
Ou ka bay lankr ou href la.

315
00:14:59,146 --> 00:15:00,770
Ou ka bay entrain ou yon kalite, dwa?

316
00:15:00,770 --> 00:15:04,740
Ou ka bay plis koutim
pwopriyete nan tout nan eleman ou

317
00:15:04,740 --> 00:15:06,490
fè li plis enteresan.

318
00:15:06,490 --> 00:15:09,030
Apre sa, nou aktyèlman kapab fè
egzak menm bagay la.

319
00:15:09,030 --> 00:15:17,500
>> Se konsa nou di nou vle nou an
app yo ale rann nenpòt ki kat.

320
00:15:17,500 --> 00:15:19,630
Kounye a, nou jis
rann yon kat dur.

321
00:15:19,630 --> 00:15:22,530
Nou konnen gen nan sèlman yon sèl
kat li ka fè, se konsa nou ap

322
00:15:22,530 --> 00:15:25,960
ale nan eseye ak chanje sa a kounye a pou
ke nou ka jis bay li kèk kat.

323
00:15:25,960 --> 00:15:27,410
Li pral enprime soti kat la.

324
00:15:27,410 --> 00:15:29,380
>> Ou dwe eseye, epi fè ou
konpozan yon rezon trè jeneral.

325
00:15:29,380 --> 00:15:31,654
Se konsa, fason sa a mwen te kapab voye yon imèl ba
sa a zanmi m 'yo epi yo dwe tankou,

326
00:15:31,654 --> 00:15:33,820
tou sa flashcard ou genyen,
jis manje l 'nan isit la,

327
00:15:33,820 --> 00:15:35,290
epi li pral fè l 'pou kont li.

328
00:15:35,290 --> 00:15:37,650
Ou ka mete lòt
bagay sa yo nan app pwòp ou yo.

329
00:15:37,650 --> 00:15:40,600
>> Men, anvan, se pou yo kraze sa a
moute nan de konpozan,

330
00:15:40,600 --> 00:15:44,500
men nou vle separe kat la
pati enprime soti nan pati a app vrè.

331
00:15:44,500 --> 00:15:46,660
Se konsa, sa nou ka fè se nou
ka chanje sa a soti nan App

332
00:15:46,660 --> 00:15:51,300
CardView, jis yon
nouvo non pou app a,

333
00:15:51,300 --> 00:15:54,450
epi nou ka fè yon nouvo
eleman rele App,

334
00:15:54,450 --> 00:15:56,336
pa t 'dwe konfonn ak fin vye granmoun App a.

335
00:15:56,336 --> 00:16:00,730
Nou te gen createClass yo,
ak renmen an HTML,

336
00:16:00,730 --> 00:16:03,590
ou ka fè nich Reyaji konpozan
andedan nan youn ak lòt.

337
00:16:03,590 --> 00:16:16,430
>> Se konsa, nan sa a fonksyon rann,
fonksyon retounen CardView,

338
00:16:16,430 --> 00:16:18,234
ak sa a se menm bagay la egzak.

339
00:16:18,234 --> 00:16:19,400
Wè poukisa li a menm bagay la?

340
00:16:19,400 --> 00:16:22,590
Olye pou yo rann jis app a ki
gen div a ak appariement andedan nan li,

341
00:16:22,590 --> 00:16:26,194
app a rann CardView la, ak nan
CardView rann div a ak paragraf.

342
00:16:26,194 --> 00:16:29,110
Se konsa, sa a se premye egzanp nou an nan
eleman nidifikasyon andedan nan youn ak lòt.

343
00:16:29,110 --> 00:16:32,177
Ki fè sans?

344
00:16:32,177 --> 00:16:33,760
Se konsa, ankò, nou gen yon eleman CardView.

345
00:16:33,760 --> 00:16:37,250
Nou gen eleman app
ke li nan pi gwo pase.

346
00:16:37,250 --> 00:16:40,990
>> OK, se konsa nou vle nou an CardView-- si ou
bay yon bon CardView yon kat sèten,

347
00:16:40,990 --> 00:16:43,370
li pral enprime soti pou ou, dwa?

348
00:16:43,370 --> 00:16:48,050
Se konsa, premye, nou bezwen fè yon kat,
kidonk kite a fè yon objè kat.

349
00:16:48,050 --> 00:17:02,930
Se konsa, kite m 'equal-- kat
si w ap tout yo konnen yo,

350
00:17:02,930 --> 00:17:05,260
sa a se jis pou pran nan notasyon
objè nan JavaScript.

351
00:17:05,260 --> 00:17:09,280
Li nan kalite tankou yon struct
nan C, se konsa nou te fè yon kat,

352
00:17:09,280 --> 00:17:15,920
ak pou kounye a nou ka pase kat sa a kòm
yon pwopriyete oswa kòm yon atribi nan HTML

353
00:17:15,920 --> 00:17:17,290
tèminoloji nan app nou an.

354
00:17:17,290 --> 00:17:20,210
Se konsa, nou ka fè sa, App
kat egal myCard.

355
00:17:20,210 --> 00:17:23,200
>> Ou konnen ki jan nan D ', ou fè
kalite opinyon egal tèks oswa bouton

356
00:17:23,200 --> 00:17:25,240
egal klas btn pou demaraj ,?

357
00:17:25,240 --> 00:17:29,500
Menm lide, equals-- kat App
ou te gen yo mete aparèy òtopedik isit lan--

358
00:17:29,500 --> 00:17:33,830
Kat App egal myCard, kidonk sa a
di nou gen sa a objè kat.

359
00:17:33,830 --> 00:17:39,149
Mwen pral pase l kòm yon
pwopriyete nan eleman nan app.

360
00:17:39,149 --> 00:17:41,440
Lè sa a eleman app pral
kapab jwenn aksè nan li epi li fè

361
00:17:41,440 --> 00:17:43,580
enteresan bagay ak li.

362
00:17:43,580 --> 00:17:47,650
>> Se konsa, app nou an a pwal
bay yon kat, se konsa pou kounye a,

363
00:17:47,650 --> 00:17:49,980
kite a gen app a jis bay
kat la CardView nan

364
00:17:49,980 --> 00:17:53,110
tèt li paske tankou app a se pa
ale nan konnen ki sa fè ak li,

365
00:17:53,110 --> 00:17:54,850
se konsa nou pral jis bay li nan CardView la.

366
00:17:54,850 --> 00:18:00,050
Se konsa, nou pral pase l nan
menm jan, kat egal,

367
00:18:00,050 --> 00:18:05,426
ak pou chak eleman ka jwenn aksè nan
ki te bay li bagay sa yo.

368
00:18:05,426 --> 00:18:07,800
Yo kapab jwenn aksè pwopriyete yo
sa yo ki te te bay nan li

369
00:18:07,800 --> 00:18:09,470
lè l sèvi avèk sentaks sa a, this.props.card.

370
00:18:09,470 --> 00:18:12,010

371
00:18:12,010 --> 00:18:14,920
>> Se konsa, sa k ap pase isit la se
ou gen objè a myCard.

372
00:18:14,920 --> 00:18:18,250
Ou pase l 'nan app a
lè l sèvi avèk kat App egal myCard.

373
00:18:18,250 --> 00:18:21,420
Se ke objè kat bay app ou.

374
00:18:21,420 --> 00:18:24,400
App a kapab jwenn aksè nan li
kòm this.props.card.

375
00:18:24,400 --> 00:18:28,780
Li nan kalite tankou yon imaj
konnen sa ki li nan sous se.

376
00:18:28,780 --> 00:18:31,972
>> App sa a ki konnen sa ki li nan kat
se, ak li ka fè bagay ak li.

377
00:18:31,972 --> 00:18:32,930
Li kapab fè kalkil.

378
00:18:32,930 --> 00:18:35,290
Li ka pran desizyon ki baze sou nan li.

379
00:18:35,290 --> 00:18:39,950
>> Pou kounye a, mwen te ale nan pase
this.props.card sou CardView la.

380
00:18:39,950 --> 00:18:43,420
Fè sans byen lwen tèlman?

381
00:18:43,420 --> 00:18:45,210
Li pral fè plis sans kounye a.

382
00:18:45,210 --> 00:18:46,990
>> OK, se konsa kounye a nou ap nan CardView.

383
00:18:46,990 --> 00:18:51,719
CardView nou, yo bay kat la, yo ta dwe
enprime soti kesyon li yo ak repons.

384
00:18:51,719 --> 00:18:54,510
Kounye a, nou jis enprime soti kèk
kesyon dur ak repons.

385
00:18:54,510 --> 00:18:57,720
Nou bezwen konnen out-- nou bezwen
mande kat la yo ke yo te ban nou

386
00:18:57,720 --> 00:19:01,360
ki sa ki kesyon an ak repons, ak
Lè sa a, enprime sa a soti nan ekran an.

387
00:19:01,360 --> 00:19:02,470
>> Se konsa, nou ka fè sa isit la.

388
00:19:02,470 --> 00:19:06,135
Nan rann begin-- premye fè egal.

389
00:19:06,135 --> 00:19:08,710

390
00:19:08,710 --> 00:19:13,050
Se konsa, sa n ap fè isit la se nou konnen ke
kat yo yo ba nou nan yon pwopriyete,

391
00:19:13,050 --> 00:19:13,580
dwa?

392
00:19:13,580 --> 00:19:15,930
Li nan ban nou kòm yon opinyon.

393
00:19:15,930 --> 00:19:19,440
Fè tankou li nan prèske tankou
agiman nan yon fonksyon.

394
00:19:19,440 --> 00:19:22,810
Kat la se yon agiman
prèske nan CardView sa a.

395
00:19:22,810 --> 00:19:25,239
>> Nou pral ekstrè sa,, li mete
l 'nan kesyon an varyab.

396
00:19:25,239 --> 00:19:27,280
Pou pi si repons lan te ale
repons lan varyab.

397
00:19:27,280 --> 00:19:31,130
Envit ke kat reponn kesyon an.

398
00:19:31,130 --> 00:19:35,072
Epi, koulye a ke nou gen sa yo,
olye pou yo enprime soti ke tèks,

399
00:19:35,072 --> 00:19:37,030
nou ap ale nan enprime soti
tou sa yo te ban nou.

400
00:19:37,030 --> 00:19:43,580
>> Se konsa, sa stuff-- se konsa nou ap ale
mete yo deyò Kesyon Repons.

401
00:19:43,580 --> 00:19:46,380
Ann wè si sa a travay.

402
00:19:46,380 --> 00:19:52,800
Cool, kidonk kite a etap atravè li
yon lòt fwa ankò jis yo dwe asire w.

403
00:19:52,800 --> 00:20:00,470
>> Se konsa, kat mwen an se kat objè, epi nou
ap bay ke kat nan app a.

404
00:20:00,470 --> 00:20:04,790
Ak app a se pral pran nan
kat epi remèt li bay CardView la.

405
00:20:04,790 --> 00:20:09,190
Apre sa, CardView sa a di, si ou
ban m 'nenpòt objè flashcard,

406
00:20:09,190 --> 00:20:11,920
Mwen pral enprime soti kesyon li yo
ak repons li yo, dwa?

407
00:20:11,920 --> 00:20:14,590
>> Se konsa, sa mwen te kapab fè se mwen kapab
voye kòd sa a, premye a

408
00:20:14,590 --> 00:20:16,580
tankou 10 liy nan kòd m 'yo, ak zanmi m' yo.

409
00:20:16,580 --> 00:20:18,820
Li te kapab Afiche l 'nan
aplikasyon pwòp tèt li.

410
00:20:18,820 --> 00:20:27,200
Apre sa, osi lontan ke li te fè menm bagay la,
tankou kat CardView egal sa a,

411
00:20:27,200 --> 00:20:30,580
osi lontan ke li te kreye CardView nan
e li te bay li enfòmasyon an dwa,

412
00:20:30,580 --> 00:20:31,987
li te kapab rann kat pwòp tèt li.

413
00:20:31,987 --> 00:20:34,320
Se konsa, fason sa a, li nan yon reyèlman
fason fre pou ou bati

414
00:20:34,320 --> 00:20:35,906
eleman ki itilize youn ak lòt, dwa?

415
00:20:35,906 --> 00:20:38,280
Kat sa a, mwen te kapab pibliye
CardView sa a sou entènèt la,

416
00:20:38,280 --> 00:20:39,790
ak moun ki ta kapab sèvi ak li.

417
00:20:39,790 --> 00:20:45,070
Se konsa, fondamantalman, li la tankou yonn nan nan
fonksyon estanda nan bibliyotèk la C.

418
00:20:45,070 --> 00:20:47,280
>> Li se yon fonksyon kote
yon moun te ekri li.

419
00:20:47,280 --> 00:20:48,419
Ou bay yon opinyon sèten.

420
00:20:48,419 --> 00:20:49,710
Li pral pwodwi yon pwodiksyon sèten.

421
00:20:49,710 --> 00:20:50,890
Ou pa pran swen ki jan li fonksyone intern.

422
00:20:50,890 --> 00:20:53,790
Osi lontan ke ou bay li dwat la
D ', li pral fè pwodiksyon an dwat.

423
00:20:53,790 --> 00:20:57,850
>> Ak yon eleman ka
te panse de menm jan an.

424
00:20:57,850 --> 00:21:00,280
CardView sa a se tankou
yon fonksyon bibliyotèk.

425
00:21:00,280 --> 00:21:03,400
Si w bay li kèk kat
kòm yon pwopriyete, li pral

426
00:21:03,400 --> 00:21:05,095
enprime soti sa ki nan ki kat.

427
00:21:05,095 --> 00:21:16,820
Fè tankou si mwen chanje kat mwen an
olye pou nou fè tankou ki sa ki 5 plis 37,

428
00:21:16,820 --> 00:21:19,210
li pral mete ajou kòmsadwa.

429
00:21:19,210 --> 00:21:21,955
Se konsa, jis pa chanje D 'a,
li vin yon pwodiksyon sèten.

430
00:21:21,955 --> 00:21:24,830
Se konsa, ou ka panse a eleman prèske
kòm fonksyon nan fason sa a, ki

431
00:21:24,830 --> 00:21:25,920
ou ka mete ansanm.

432
00:21:25,920 --> 00:21:29,440
Ou jwenn D ', tankou sa a CardView
kòm D 'a, ou jwenn pwodiksyon.

433
00:21:29,440 --> 00:21:31,900
Nan ka sa a, randman a se HTML a.

434
00:21:31,900 --> 00:21:34,404
Fè sans byen lwen tèlman?

435
00:21:34,404 --> 00:21:36,890
Cool, se konsa ankò, pwopriyete yo
ki jan ou ka pase enfòmasyon

436
00:21:36,890 --> 00:21:40,900
nan ak soti nan konpozan.

437
00:21:40,900 --> 00:21:42,740
>> OK, se konsa kite a fè sa-a
bagay entèaktif.

438
00:21:42,740 --> 00:21:44,450
Dwa koulye a li nan kalite raz.

439
00:21:44,450 --> 00:21:45,520
Ki sa ki se [fèbl]?

440
00:21:45,520 --> 00:21:48,210
Ou kapab enprime kèk soti,
men sa a tout li ka fè.

441
00:21:48,210 --> 00:21:51,550
>> Se konsa nou tounen nan la
fin vye granmoun kesyon jis pou kounye a.

442
00:21:51,550 --> 00:21:54,405
OK, se konsa kounye a sa yo konpozan
yo raz paske tout yo fè sa,

443
00:21:54,405 --> 00:21:55,030
yo jwenn opinyon.

444
00:21:55,030 --> 00:21:56,100
Yo fè pwodiksyon, dwa?

445
00:21:56,100 --> 00:21:57,049
Sa a kalite raz.

446
00:21:57,049 --> 00:21:59,090
Nou vle gen nou an
konpozan pou kapab gen

447
00:21:59,090 --> 00:22:02,150
kèk kalite nan eta entèn yo,
tankou sonje yon bagay.

448
00:22:02,150 --> 00:22:05,320
>> Pou yon flashcard, pou
egzanp, ki kalite nan eta

449
00:22:05,320 --> 00:22:07,550
ta ka ou vle
sonje pou yon flashcard?

450
00:22:07,550 --> 00:22:09,740
Ki sa Estati Tanporè
ta ka ou vle sonje

451
00:22:09,740 --> 00:22:12,491
pou yon flashcard nan yon app flashcard?

452
00:22:12,491 --> 00:22:13,990
ODYANS: Si li a te ranvèrse?

453
00:22:13,990 --> 00:22:14,990
NEEL Mehta: Yeah, dwa.

454
00:22:14,990 --> 00:22:17,665
Se konsa, ou ta ka vle kenbe
tras nan yo ou fè fas a monte oswa yo

455
00:22:17,665 --> 00:22:19,100
ou fè fas a desann sou kat la.

456
00:22:19,100 --> 00:22:23,420
Sou Facebook, pou egzanp, ou ta
vle sonje ki kote nan manje a nouvèl

457
00:22:23,420 --> 00:22:25,870
moun ou ye oswa renmen moun ki nan pwofil
n'ap fè kounye a.

458
00:22:25,870 --> 00:22:30,127
>> Sou Messenger, tankou sa tèks ou
tape nan ti bwat la D ', dwa?

459
00:22:30,127 --> 00:22:31,710
Si ou rafrechi paj la, li ale lwen.

460
00:22:31,710 --> 00:22:32,793
Men, ou pa reyèlman sousye.

461
00:22:32,793 --> 00:22:33,770
Se jis yon ti tan.

462
00:22:33,770 --> 00:22:34,548
Yeah?

463
00:22:34,548 --> 00:22:36,152
>> ODYANS: [fèbl]

464
00:22:36,152 --> 00:22:38,360
NEEL Mehta: Tankou yon flash
kat, tankou ou ka wè

465
00:22:38,360 --> 00:22:40,290
bò kesyon oswa sou kote repons lan?

466
00:22:40,290 --> 00:22:41,070
>> ODYANS: OK.

467
00:22:41,070 --> 00:22:43,270
>> NEEL Mehta: Tankou yon
de-sided flashcard, dwa?

468
00:22:43,270 --> 00:22:46,370
Yeah, se konsa ou vle
gen ide sa a nan kounye a

469
00:22:46,370 --> 00:22:50,370
Mwen gen pwopriyete yo, ki se tankou entrain,
men eta, ki se pou yon ti tan, en,

470
00:22:50,370 --> 00:22:51,839
kote ou ye a sou paj la, dwa?

471
00:22:51,839 --> 00:22:54,380
Yon fwa ankò, m 'te di nan Facebook
Messenger, mwen gen tankou ki moun

472
00:22:54,380 --> 00:22:56,550
w ap gade Facebook
oswa moun ki nan pwofil, dwa?

473
00:22:56,550 --> 00:22:58,030
>> Sa a se sèlman tanporè.

474
00:22:58,030 --> 00:23:01,200
Li enpòtan yo montre itilizatè a
sa k ap pase, men rafrechi paj la.

475
00:23:01,200 --> 00:23:02,250
Li pa reyèlman gen pwoblèm.

476
00:23:02,250 --> 00:23:04,530
Se konsa, li eta tanporè,
se konsa nou tout li leta yo.

477
00:23:04,530 --> 00:23:06,250
>> Se konsa, ankò, gen nan leta ak akseswar.

478
00:23:06,250 --> 00:23:09,084
Akseswar yo bay opinyon
soti nan sous done ou.

479
00:23:09,084 --> 00:23:10,250
Eta a se jis tankou défaut.

480
00:23:10,250 --> 00:23:13,700
Li nan jis tankou bagay ki
fè bagay la entèaktif.

481
00:23:13,700 --> 00:23:17,720
>> Se konsa, nan nou an CardView-- kite a gen
CardView-- konsa nou an li te bèl.

482
00:23:17,720 --> 00:23:21,420
Ki sa nou ap ale nan fè isit la, nou ap ale
manyen CardView epi sèlman CardView.

483
00:23:21,420 --> 00:23:25,105
Se konsa, zanmi m 'ki te resevwa sa a, yo
pa ta remake nenpòt diferans.

484
00:23:25,105 --> 00:23:27,230
Yo pa ta gen yo chanje
nenpòt nan pwòp Kòd yo,

485
00:23:27,230 --> 00:23:29,410
men yo ta wè yo
CardView te souped leve.

486
00:23:29,410 --> 00:23:31,270
Sa se yon pati bèl sou konpozan.

487
00:23:31,270 --> 00:23:35,290
>> OK, se konsa nan CardView nou an, se pou yo eseye ak
kenbe tras nan si wi ou non nou ap faz moute

488
00:23:35,290 --> 00:23:36,560
oswa fè fas a desann.

489
00:23:36,560 --> 00:23:40,480
Nan Reyaji nou fè sa pa premye
espesifye eta inisyal la.

490
00:23:40,480 --> 00:23:42,070
Ki kote kat la kòmanse?

491
00:23:42,070 --> 00:23:48,480
>> Se konsa, gen yon fonksyon rele getInitialState
fonksyone, epi nou retounen yon objè.

492
00:23:48,480 --> 00:23:53,310
Objè sa a gen kèk eta, ak
yon eta se jis yon pè kle-valè.

493
00:23:53,310 --> 00:23:56,950
Tankou nan Esplike, ou gen yon kle ak yon
valè, ou gen tankou y'ap nonmen non se yon fisèl.

494
00:23:56,950 --> 00:24:01,410
>> Nan ka sa a, kite a di devan se verite.

495
00:24:01,410 --> 00:24:03,760
Sa a di ke nou gen yon leta yo.

496
00:24:03,760 --> 00:24:06,570
Youn eleman ki nan eta a ki
se yon atribi rele devan.

497
00:24:06,570 --> 00:24:09,649
[Fèbl], se konsa pa default,
nou ap nan devan an nan kat la,

498
00:24:09,649 --> 00:24:11,440
epi nou ka chanje sa a
jan nou baskile kat la.

499
00:24:11,440 --> 00:24:13,380
Fè sans?

500
00:24:13,380 --> 00:24:18,190
>> OK, se konsa nan rann, kounye a, nou ap
ki montre kesyon an ak repons lan.

501
00:24:18,190 --> 00:24:20,860
Kounye a ki sa nou ta dwe fè
se montre kesyon an

502
00:24:20,860 --> 00:24:24,370
si nou ap sou devan an nan kat la pou
repons lan se pou do a nan kat la.

503
00:24:24,370 --> 00:24:26,850
Se poutèt sa ou tout fè
kat la entèaktif.

504
00:24:26,850 --> 00:24:28,100
Se konsa, kite a eseye ak sa a isit la.

505
00:24:28,100 --> 00:24:31,600

506
00:24:31,600 --> 00:24:33,620
Oke, premye jis fè yon varyab.

507
00:24:33,620 --> 00:24:37,790
Nou ka mande kounye a this.state.front.

508
00:24:37,790 --> 00:24:42,010
Nou gen aksè eta menm nou nan
akseswar aksè, se konsa this.state.front.

509
00:24:42,010 --> 00:24:45,870
>> Si nou ap devan, Lè sa a, tèks
se this.props.card.question.

510
00:24:45,870 --> 00:24:48,777

511
00:24:48,777 --> 00:24:51,360
Si nou ap sou devan an nan la
kat, nou ap ale nan eseye ak pwan

512
00:24:51,360 --> 00:24:52,485
kesyon an ki soti nan kat la.

513
00:24:52,485 --> 00:24:54,782

514
00:24:54,782 --> 00:24:57,240
Sinon, si nou ap sou do a
nan kat la, ki sa nou fè?

515
00:24:57,240 --> 00:25:01,830

516
00:25:01,830 --> 00:25:02,750
>> ODYANS: Repons lan?

517
00:25:02,750 --> 00:25:05,041
>> NEEL Mehta: Oui, se konsa tèks
egal this.props.card.answer.

518
00:25:05,041 --> 00:25:08,472

519
00:25:08,472 --> 00:25:10,930
Men, si w remake, nou ap sèvi ak
eta a pran yon desizyon

520
00:25:10,930 --> 00:25:14,420
paske kounye a eleman nan
pral gade diferan

521
00:25:14,420 --> 00:25:16,710
ki baze sou ki jan sa yo kominike avèk li.

522
00:25:16,710 --> 00:25:20,355
Se konsa, olye pou yo enprime soti sa a,
nou pral jis enprime soti tèks la.

523
00:25:20,355 --> 00:25:25,270

524
00:25:25,270 --> 00:25:28,650
Cool, se konsa kounye a, menm jan ou wè la a,
nou wè sèlman kesyon an.

525
00:25:28,650 --> 00:25:37,720
Men, si mwen chanje eta a isit la manyèlman
yo kanpe devan se fo nou jwenn 42 tounen.

526
00:25:37,720 --> 00:25:39,720
>> Se konsa, ankò, sa a eleman
gen eta pwòp li yo.

527
00:25:39,720 --> 00:25:43,440
Fè tankou yon bouton konnen si wi ou non
li a te bourade oswa ou pa,

528
00:25:43,440 --> 00:25:46,080
bagay sa a konnen ki sa ki sou
devan an oswa sou do an.

529
00:25:46,080 --> 00:25:48,320
Pa default, li la sou devan an.

530
00:25:48,320 --> 00:25:50,840
Lè sa a, si li nan sou devan an,
nou pral enprime soti kesyon an.

531
00:25:50,840 --> 00:25:53,106
Si li nan sou do a, nou pral
enprime soti repons lan.

532
00:25:53,106 --> 00:25:54,980
Se konsa, ankò, enfòmasyon an
bay se menm bagay la.

533
00:25:54,980 --> 00:25:59,090
Li jis sanble diferan
ki baze sou ki jan ou pwogram li.

534
00:25:59,090 --> 00:26:02,670
Se konsa, pou egzanp, Facebook mesaje,
menm si ou jwenn sous la done menm,

535
00:26:02,670 --> 00:26:05,170
li ta ka gade diferan
paske eta a se diferan.

536
00:26:05,170 --> 00:26:08,421
W ap chèche nan yon
mesaj diferan moun nan.

537
00:26:08,421 --> 00:26:10,930
>> OK, se konsa sa a se tout byen epi yo
bon, men kounye a sa ki nan aktyèlman

538
00:26:10,930 --> 00:26:15,940
fè nou kapab chanje, si
kat nou an, se devan oswa tounen.

539
00:26:15,940 --> 00:26:19,010
Nou ka fè sa lè yo ajoute yon baskile
bouton, yon bouton nan kat la ki

540
00:26:19,010 --> 00:26:22,950
pral baskile kat la si li nan [fèbl].

541
00:26:22,950 --> 00:26:31,770
Se konsa, kite a ajoute yon bouton isit la, sa a
bouton, ak bouton sa-a pral di baskile.

542
00:26:31,770 --> 00:26:35,650
>> Se konsa, kounye a, li
pa fè anyen.

543
00:26:35,650 --> 00:26:37,075
Li jis sanble bèl.

544
00:26:37,075 --> 00:26:43,650
Ki sa nou ka fè se nou ka ajoute yon klike
kap okipe, xonclick egal this.flip,

545
00:26:43,650 --> 00:26:44,820
epi n ap defini baskile pita.

546
00:26:44,820 --> 00:26:47,120
Men, fondamantalman, xonclick
se yon fonksyon ki

547
00:26:47,120 --> 00:26:48,675
vin rele lè itilizatè a klik li.

548
00:26:48,675 --> 00:26:52,330
>> Se konsa, bouton an pral konnen
lè li te konn mete klike.

549
00:26:52,330 --> 00:26:54,750
Te ale li a te klike,
li pral baskile kat la.

550
00:26:54,750 --> 00:26:58,382
Li nan kalite tankou ou
livrezon pitza nèg.

551
00:26:58,382 --> 00:27:01,590
Ou se tankou, tout dwa, chak fwa yon moun
rele m ', mwen pral delivre pitza, dwa?

552
00:27:01,590 --> 00:27:03,420
>> Ou enskri koute sa a.

553
00:27:03,420 --> 00:27:04,530
Ou koute pou yon evènman.

554
00:27:04,530 --> 00:27:07,657
Ou jwenn yo rele, ak lè a
evènman rive, ou fè yon bagay.

555
00:27:07,657 --> 00:27:08,240
Ou jwenn pitza.

556
00:27:08,240 --> 00:27:11,480
Nan ka sa a, lè w ap
klike, ou baskile kat la.

557
00:27:11,480 --> 00:27:14,560
>> Se konsa, nou bezwen defini yon
fonksyon ki pral baskile kat la,

558
00:27:14,560 --> 00:27:17,930
se konsa nou pral ekri ke dwa
isit la, baskile fonksyon.

559
00:27:17,930 --> 00:27:20,850

560
00:27:20,850 --> 00:27:23,680
Se konsa, ki sa ou panse baskile pral fè?

561
00:27:23,680 --> 00:27:27,180
Yon lòt fwa ankò sa a vin rele lè
nou klike sou bouton an baskile.

562
00:27:27,180 --> 00:27:29,406
Ki sa ki ta baskile nan fonksyon fè?

563
00:27:29,406 --> 00:27:34,136
>> ODYANS: Chanjman this.state.front
soti nan vre nan fo, fo vre.

564
00:27:34,136 --> 00:27:38,420
>> NEEL Mehta: Oui, se konsa pran tou sa
this.front is-- eta a devan se.

565
00:27:38,420 --> 00:27:40,930
Pran eta a devan, si
li la vre, fè li fo.

566
00:27:40,930 --> 00:27:42,530
Si li nan fo, fè l 'vre, dwa?

567
00:27:42,530 --> 00:27:45,330
Se konsa, kite a eseye sa.

568
00:27:45,330 --> 00:27:48,240
>> Ou pa ka chanje eta
jis pa fè this.state.

569
00:27:48,240 --> 00:27:50,380
Ou pa ka fè sa.

570
00:27:50,380 --> 00:27:52,030
Ou pa ka fè sa.

571
00:27:52,030 --> 00:27:55,810
Ou gen yo sèvi ak yon fonksyon
rele this.setState.

572
00:27:55,810 --> 00:28:03,230
>> Se konsa, ou ka di this.setState devan
kolon kote sa a, ankò, esklamasyon nan

573
00:28:03,230 --> 00:28:04,330
pwen vle di opoze an.

574
00:28:04,330 --> 00:28:07,420
Mwen devine si sa a. state.front
se vre, li pral vire fo.

575
00:28:07,420 --> 00:28:09,170
Se konsa, nou pral mete eta a
soti nan vre nan fo.

576
00:28:09,170 --> 00:28:11,430
Si li nan fo, nou pral
mete l 'fo vre.

577
00:28:11,430 --> 00:28:17,210
>> Jis remake ke nou mete epi pou yo jwenn yon ti kras
yon fason diferan, e konsa kite a eseye sa a.

578
00:28:17,210 --> 00:28:18,675
Bada bing, gade nan sa a.

579
00:28:18,675 --> 00:28:21,810
Bouton an baskile pral kounye a
chanje devan la nan do leta.

580
00:28:21,810 --> 00:28:24,990
>> Se konsa, isit la nan kote ou wè yon
ti kras nan majik la nan Reyaji.

581
00:28:24,990 --> 00:28:28,420
Fè tankou nou pa janm rakonte l 'li nan re-rann.

582
00:28:28,420 --> 00:28:30,910
Nou pa janm rakonte l 'rdesine anyen.

583
00:28:30,910 --> 00:28:32,630
Si w ap fè sa
san yo pa reyaji, ou ta

584
00:28:32,630 --> 00:28:34,588
te to-- renmen lè a
bouton baskile se klike,

585
00:28:34,588 --> 00:28:37,290
ou ta gen yo di l 'bay
manyèlman re-rann, dwa?

586
00:28:37,290 --> 00:28:43,050
>> Reyaji se reyèlman fre nan ke si ou
bay li yon eta ak sèten pwopriyete yo,

587
00:28:43,050 --> 00:28:45,760
li ap toujou rann
egzak menm bagay la.

588
00:28:45,760 --> 00:28:48,690
Se konsa, lè nou tout tan tout tan nou chanje
eta a ak pwopriyete yo,

589
00:28:48,690 --> 00:28:50,819
reyaji jis re-rann tout bagay la.

590
00:28:50,819 --> 00:28:52,860
Li konnen ke gen nan yon
yon sèl-a-youn korespondans

591
00:28:52,860 --> 00:28:57,270
ant leta ak paramèt ak HTML.

592
00:28:57,270 --> 00:29:00,110
Se konsa, chak fwa swa nan tout sa yo
chanjman pa nan yon eta seri,

593
00:29:00,110 --> 00:29:03,750
li pral chanje ki jan nan
se peye re-founi.

594
00:29:03,750 --> 00:29:06,650
Se konsa, fondamantalman, se tankou Reyaji
ap tann pou ou a chanje.

595
00:29:06,650 --> 00:29:09,870
>> Chak fwa li chanje yon bagay,
li pral re-rann paj la tout antye.

596
00:29:09,870 --> 00:29:12,480
Men, si li son rezèvwa,
li a paske li ta dwe,

597
00:29:12,480 --> 00:29:15,050
men reyaji sèvi ak yon bagay
rele yon lonbraj Dom.

598
00:29:15,050 --> 00:29:19,950
Olye pou yo fè desen paj la dirèkteman, li
kenbe pye bwa a HTML vityèl nan memwa.

599
00:29:19,950 --> 00:29:23,620
>> Ou konnen, HTML se tankou yon pye bwa,
tankou yon estrikti done yerarchize.

600
00:29:23,620 --> 00:29:28,990
Li kenbe yon pye bwa fo nan memwa,
ak nenpòt lè ou mete ajou paj la,

601
00:29:28,990 --> 00:29:31,940
li pral trase yon lòt fo
pye bwa, epi li pral kalkile

602
00:29:31,940 --> 00:29:35,120
sa chanje li bezwen fè nan
paj fè de pie egal-ego.

603
00:29:35,120 --> 00:29:38,540
Se konsa, fondamantalman, li nòmalman
re-rann yon anpil.

604
00:29:38,540 --> 00:29:41,540
Lè sa a, li sèlman renmen chanje a
paj nan reglaj ti kòm sa nesesè,

605
00:29:41,540 --> 00:29:44,240
se konsa li a trè, trè, trè efikas.

606
00:29:44,240 --> 00:29:46,970
>> Se konsa, fondamantalman Reyaji pral
nenpòt lè ou chanje yon bagay,

607
00:29:46,970 --> 00:29:49,010
li pral re-rann paj la nòmalman.

608
00:29:49,010 --> 00:29:52,830
Li pral konnen sa ki mwen bezwen
chanje fè paj la reyèl reflete

609
00:29:52,830 --> 00:29:55,602
paj la vityèl, epi li pral fè sa.

610
00:29:55,602 --> 00:29:56,560
Sa a Dom lan vityèl.

611
00:29:56,560 --> 00:29:59,350
Li nan youn nan pi gwo a
karakteristik nan Reyaji.

612
00:29:59,350 --> 00:30:00,880
>> Ki fè sans?

613
00:30:00,880 --> 00:30:01,540
Nenpòt kesyon?

614
00:30:01,540 --> 00:30:02,040
Yeah?

615
00:30:02,040 --> 00:30:05,568

616
00:30:05,568 --> 00:30:08,969
>> ODYANS: Ki jan
konpare toujou yo mv a

617
00:30:08,969 --> 00:30:10,760
ke nou te pale osijè de
anvan tankou resous.

618
00:30:10,760 --> 00:30:13,527
>> NEEL Mehta: Yeah, kesyon an
se li montre kouman li konpare ak mv?

619
00:30:13,527 --> 00:30:14,610
Ou mande sou resous yo.

620
00:30:14,610 --> 00:30:16,445
Oke, kite la pale sou fason li fonksyon.

621
00:30:16,445 --> 00:30:18,190
>> Nan mv, ou ta mete ajou modèl la.

622
00:30:18,190 --> 00:30:20,560
Nan ka sa a nou ta gen yon modèl kat.

623
00:30:20,560 --> 00:30:24,540
View nan ta gen nan
bouton baskile, ak kontwòl nan

624
00:30:24,540 --> 00:30:26,310
ta gen fonksyon an baskile.

625
00:30:26,310 --> 00:30:28,450
Se konsa, gade nan ta di nan
kontwolè yo baskile baskile.

626
00:30:28,450 --> 00:30:30,370
Flip ta di nan
modèl chanje, dwa?

627
00:30:30,370 --> 00:30:33,915
>> Se konsa, lè ou fè yon mv, ou
koute pou modèl la chanje,

628
00:30:33,915 --> 00:30:37,150
epi ou re-rann gade nan kòmsadwa.

629
00:30:37,150 --> 00:30:39,210
Ou, ou jis gen nan renmen
gen kontwolè a.

630
00:30:39,210 --> 00:30:42,418
Rete tann pou modèl la chanje, ak Lè sa a
chwazi epi chwazi yon pati nan tankou yon bagay

631
00:30:42,418 --> 00:30:44,032
a chanje.

632
00:30:44,032 --> 00:30:45,740
Isit la nou gen yon sèl bagay,
men nan yon gwo app,

633
00:30:45,740 --> 00:30:48,510
ou gen renmen sonje sa
chanjman ki fèt nan tout kote yon sèl,

634
00:30:48,510 --> 00:30:50,290
se konsa li a yon ti kras anmèdan.

635
00:30:50,290 --> 00:30:53,670
Se konsa, reyaji se bèl
paske li gen yon lonbraj Dom.

636
00:30:53,670 --> 00:30:56,040
Li kapab peye jis
reyekri bagay la tout antye.

637
00:30:56,040 --> 00:30:58,680
Ou pa oblije oaza
tankou devine kisa mete ajou.

638
00:30:58,680 --> 00:31:02,186
>> Sou Facebook si ou renmen
jwenn yon mesaj nouvo, nan mv,

639
00:31:02,186 --> 00:31:04,060
ou ta gen yo sonje,
OK, chanje bagay sa yo

640
00:31:04,060 --> 00:31:06,260
nan tèt yo nan la
paj, mesaj icon nan.

641
00:31:06,260 --> 00:31:08,290
Epitou pòp yon lòt fenèt nan pati anba nan.

642
00:31:08,290 --> 00:31:10,070
Epitou fè yon bagay tou nèf nan ki fenèt.

643
00:31:10,070 --> 00:31:11,060
Epitou jwe yon son.

644
00:31:11,060 --> 00:31:13,150
>> Sa se yon anpil nan bagay
pral soti nan menm tan an.

645
00:31:13,150 --> 00:31:15,320
Se konsa, si ou pa fè sa
gen yon lonbraj Dom, ou ta

646
00:31:15,320 --> 00:31:18,740
gen fè sa manyèlman paske
ou pa ka debarase m de paj la tout antye.

647
00:31:18,740 --> 00:31:21,430
Ou pa kapab peye, se konsa ou gen
chanje chak bagay manyèlman,

648
00:31:21,430 --> 00:31:23,990
ki se reyèlman anmèdan nan mv.

649
00:31:23,990 --> 00:31:27,640
>> Se konsa, nan lòd yo dwe
ékonomik, yo oaza

650
00:31:27,640 --> 00:31:30,750
aktyalizasyon paj la, ki se
efikas, men tou, anmèdan.

651
00:31:30,750 --> 00:31:34,002
Nan Reyaji, paske nan lonbraj la
Dom, ou jwenn tou de bagay sa yo pou gratis.

652
00:31:34,002 --> 00:31:35,710
Li nan paske efikas
nan lonbraj Dom la.

653
00:31:35,710 --> 00:31:37,210
Konstriksyon an se à paj la.

654
00:31:37,210 --> 00:31:40,292
Li nan pa fè manipilasyon a pye bwa.

655
00:31:40,292 --> 00:31:41,250
Ou jwenn efikasite nan.

656
00:31:41,250 --> 00:31:45,420
Ou jwenn tou fasilite nan itilize paske
si ou jis ekri paj la an antye,

657
00:31:45,420 --> 00:31:48,970
men ou jis konnen, tout dwa, bagay sa yo
yo pral yo dwe sou paj la yon kote.

658
00:31:48,970 --> 00:31:51,180
Li ta ka nan yon kote ki diferan, men
li pral yo dwe sou paj la, dwa?

659
00:31:51,180 --> 00:31:52,860
Se konsa, ou jis re-rann
bagay la tout antye nòmalman,

660
00:31:52,860 --> 00:31:55,540
epi ou ta ka fè yon koup
chanjman nan paj la tèt li.

661
00:31:55,540 --> 00:31:57,850
>> Se konsa, ankò, nan mv ou
ta gen yo chwazi

662
00:31:57,850 --> 00:32:01,840
ant fasilite la itilize ak efikasite,
ak reyaji, ou jwenn tou de.

663
00:32:01,840 --> 00:32:04,020
Se konsa, li pi bon.

664
00:32:04,020 --> 00:32:05,220
Fè sans?

665
00:32:05,220 --> 00:32:06,676
Solid.

666
00:32:06,676 --> 00:32:12,080
>> OK, se konsa kite a wè se pou yo pale
yon ti kras sou etap 4,

667
00:32:12,080 --> 00:32:14,740
ki jan nou ka Afiche konpozan.

668
00:32:14,740 --> 00:32:16,260
Se konsa, nou gen dwa sa a kounye a.

669
00:32:16,260 --> 00:32:19,420
Nou gen fre bouton ti kras nou an.

670
00:32:19,420 --> 00:32:23,157
Nou ka baskile li retounen lakay yo epi
soti, e ke sa a tout li fè sa.

671
00:32:23,157 --> 00:32:24,990
Se pou nou di nou vle
gen yon lòt eleman.

672
00:32:24,990 --> 00:32:28,730
Se pou nou di app flashcard nou an ta dwe
gen yon lis ki gen tout kat yo

673
00:32:28,730 --> 00:32:31,520
ki di ou gen, se konsa ke vle di nou
ta dwe gen yon lòt eleman.

674
00:32:31,520 --> 00:32:32,970
Oke, petèt rele li yon lis vi.

675
00:32:32,970 --> 00:32:36,200
Se pou yo fè yon lis View ki
koègzist ak CardView a,

676
00:32:36,200 --> 00:32:39,680
ak sa a lis vi e CardView
pral renmen travay ansanm.

677
00:32:39,680 --> 00:32:43,190
Epi ou ka konbine yo
fè app nou an pou ou.

678
00:32:43,190 --> 00:32:45,160
>> Se konsa, premye, se pou yo fè yon
koup plis kat dwat.

679
00:32:45,160 --> 00:32:46,370
Se pou nou di, ki sa kat?

680
00:32:46,370 --> 00:32:49,619

681
00:32:49,619 --> 00:32:51,910
Epi jis Se konsa, mwen pa bezwen
te fè ou ak sezisman li nan,

682
00:32:51,910 --> 00:32:53,410
Mwen jis ale nan kopi li soti isit la.

683
00:32:53,410 --> 00:33:01,664

684
00:33:01,664 --> 00:33:03,580
Se konsa, mwen pral pa
bay li jis kat yon sèl.

685
00:33:03,580 --> 00:33:06,910
Mwen pral bay li yon etalaj de kat.

686
00:33:06,910 --> 00:33:10,240
Se konsa, premye apps yo
ale nan kraze pou kounye a.

687
00:33:10,240 --> 00:33:14,717
Tout dwa, se konsa nou pwal fè
sa a kapab okipe kat miltip.

688
00:33:14,717 --> 00:33:17,800
Se konsa, premye, nou ap ale nan bay li, pa
sèlman yon sèl kat men yon etalaj de kat,

689
00:33:17,800 --> 00:33:18,700
tankou yon lis ki gen kat.

690
00:33:18,700 --> 00:33:20,980
Ak nan ka sa a, nou gen twa nan yo.

691
00:33:20,980 --> 00:33:27,280
>> Tout dwa, se konsa se konsa app se
pral jwenn yon lis kat,

692
00:33:27,280 --> 00:33:29,870
epi li k ap pase yo deside ki
youn nan montre nan CardView la.

693
00:33:29,870 --> 00:33:33,740
CardView a kapab sèlman
rann yon kat, men app a

694
00:33:33,740 --> 00:33:37,610
vin yon lis tout kat yo, dwa?

695
00:33:37,610 --> 00:33:40,820
>> Se konsa, lè ou konnen yon sèl
kat pou m 'bay CardView,

696
00:33:40,820 --> 00:33:44,660
ki jan ou ta devine ou ka kapab
pran yon desizyon sou ki kat

697
00:33:44,660 --> 00:33:47,064
yo montre?

698
00:33:47,064 --> 00:33:49,980
Pou bay ou yon allusion, li la pou yon ti tan
Ou pral gade yon kat sèten.

699
00:33:49,980 --> 00:33:53,260
Si ou rafrechi paj la, ou pral
jis ale tounen nan premye kat la.

700
00:33:53,260 --> 00:33:55,464
Sa a OK paske li nan yon ti tan.

701
00:33:55,464 --> 00:33:56,630
Ki sa ki teknik nou ta ka itilize?

702
00:33:56,630 --> 00:34:02,534

703
00:34:02,534 --> 00:34:08,760
>> ODYANS: Ou te kapab fè yon varyab
Se konsa, jis tankou ou te gen devan.

704
00:34:08,760 --> 00:34:11,989
Èske sa se vre, ou te kapab
gen kat aktyèl egal 1?

705
00:34:11,989 --> 00:34:14,150
>> NEEL Mehta: Yeah, se konsa nou
vle gen eta, dwa?

706
00:34:14,150 --> 00:34:16,080
Ou ta sèvi ak leta nan la
eleman eseye figi konnen

707
00:34:16,080 --> 00:34:17,288
ki kat fè nou vle jwenn.

708
00:34:17,288 --> 00:34:19,290
Fè tankou nou gen yon lis ki gen
tout kat yo, nou pral

709
00:34:19,290 --> 00:34:21,630
itilize eta a figi konnen
youn nan premye kat la,

710
00:34:21,630 --> 00:34:23,710
dezyèm kat, twazyèm kat, ak sou sa.

711
00:34:23,710 --> 00:34:28,760
>> Se konsa, yon app pou yon app pral jwenn yon
gen fonksyon an getInitialState,

712
00:34:28,760 --> 00:34:35,020
getInitialState fonksyon retou.

713
00:34:35,020 --> 00:34:39,929
Epitou, n ap jis di activeIndex 0.

714
00:34:39,929 --> 00:34:42,889
Se konsa, kounye app nou an ki gen li nan pwòp eta a.

715
00:34:42,889 --> 00:34:47,179
>> Se konsa, koulye a rann, eseye figi konnen
yon kat, se pou yo jis ale nan etalaj la

716
00:34:47,179 --> 00:34:49,969
ak pwan bagay la nan ki endèks.

717
00:34:49,969 --> 00:34:53,580
Chwazi kat this.props.cards egal
this.state.activeIndex.

718
00:34:53,580 --> 00:34:56,469

719
00:34:56,469 --> 00:35:00,162
Se konsa, kòm ou wè isit la, akseswar yo ak
eta a aktyèlman ap travay ansanm.

720
00:35:00,162 --> 00:35:08,990
Se konsa, kounye a ke nou gen activeCard nou an,
nou pral rele li activeCard,

721
00:35:08,990 --> 00:35:10,470
e kite yo wè si sa a travay.

722
00:35:10,470 --> 00:35:20,320

723
00:35:20,320 --> 00:35:20,820
[Fèbl]

724
00:35:20,820 --> 00:35:41,504

725
00:35:41,504 --> 00:35:44,900
>> Oh, sa ki te yon erè tèks.

726
00:35:44,900 --> 00:35:45,400
Ah.

727
00:35:45,400 --> 00:35:51,420

728
00:35:51,420 --> 00:35:54,840
>> Cool, YEP, se konsa kounye a nou te tounen
nan kote nou te vini anvan, dwa?

729
00:35:54,840 --> 00:35:57,100
Menm pwogram fin vye granmoun eksepte
kounye a nou ka sipòte

730
00:35:57,100 --> 00:35:59,390
yon lis ki gen kat, pa sèlman kat yon sèl.

731
00:35:59,390 --> 00:36:04,130
Epi, koulye a, ankò, si nou chanje nan
activeIndex, nou ka ale ki ant 0 a 1,

732
00:36:04,130 --> 00:36:07,330
e kounye a, ke dezyèm kat,
ak Lè sa a nou te ale nan 0.

733
00:36:07,330 --> 00:36:10,390
Se konsa, isit la nan yon nouvo
souped-up vèsyon an nou an.

734
00:36:10,390 --> 00:36:16,000
>> OK, se konsa kounye a kite a gen yon lis View ki
montre tout kat yo nan pwogram ou an,

735
00:36:16,000 --> 00:36:19,980
se konsa nou pral fè yon nouvo
eleman rele ListView.

736
00:36:19,980 --> 00:36:22,155
Se pou ListView egal react.createClass.

737
00:36:22,155 --> 00:36:32,890

738
00:36:32,890 --> 00:36:38,800
Se konsa, nou vle rann yon unordered
lis ak yon atik lis pou chak kat.

739
00:36:38,800 --> 00:36:41,490
Se konsa, nou gen yon pakèt moun sou kat.

740
00:36:41,490 --> 00:36:44,990
Nou vle yon sèl lis atik
pou chak kat, dwa?

741
00:36:44,990 --> 00:36:47,490
Nou te kapab fè yon pou riban oswa
yon bagay yo fè yon lis nouvo atik.

742
00:36:47,490 --> 00:36:50,522
Men, wout la ou fè l 'nan
Reyaji, sèvi ak yon bagay yo rele kat jeyografik.

743
00:36:50,522 --> 00:36:57,150
Map se yon zouti oswa yon fonksyon ou itilize
ke pou chak atik, kouri kèk fonksyon,

744
00:36:57,150 --> 00:36:59,510
pran valè retounen, ak
ba ou ki tounen.

745
00:36:59,510 --> 00:37:06,310
>> Se konsa, kòm yon egzanp, nou gen etalaj la
1, 2, fonksyon-3.map ak sa a

746
00:37:06,310 --> 00:37:12,120
se steno pou yon
fonksyon-x flèch x fwa x.

747
00:37:12,120 --> 00:37:16,110
Sa a di, pou chak nimewo
nan 1, 2, 3, pran li.

748
00:37:16,110 --> 00:37:17,800
Kare l ', li bay li tounen.

749
00:37:17,800 --> 00:37:22,090
Se konsa, ki sa ou panse 1,
2, 3.map x ale nan x fwa

750
00:37:22,090 --> 00:37:25,480
x ba ou tounen bay
ki fonksyon sa a se

751
00:37:25,480 --> 00:37:27,680
kouri sou chak eleman nan ki etalaj.

752
00:37:27,680 --> 00:37:30,837

753
00:37:30,837 --> 00:37:32,190
>> ODYANS: 1, 4 9?

754
00:37:32,190 --> 00:37:35,709
>> NEEL Mehta: Oui, 1, 4, 9
paske ou fè 1 fwa 1.

755
00:37:35,709 --> 00:37:36,500
Ki ba ou yon sèl.

756
00:37:36,500 --> 00:37:37,690
Sa a eleman an premye.

757
00:37:37,690 --> 00:37:38,530
>> 2 fwa 2 se 4.

758
00:37:38,530 --> 00:37:39,570
Sa se yon eleman dezyèm fwa.

759
00:37:39,570 --> 00:37:40,310
3 fwa 3 se 9.

760
00:37:40,310 --> 00:37:41,540
Sa se yon eleman twazyèm.

761
00:37:41,540 --> 00:37:42,640
Fè sans?

762
00:37:42,640 --> 00:37:45,015
Se konsa, kat jeyografik gen yon teknik ou
itilize nan pwogramasyon fonksyonèl,

763
00:37:45,015 --> 00:37:48,090
style nan nouvo nan
pwogramasyon fè yon bagay

764
00:37:48,090 --> 00:37:50,500
bay chak eleman nan lis ou a.

765
00:37:50,500 --> 00:37:51,970
Se konsa, sa a son yo konnen yo.

766
00:37:51,970 --> 00:37:53,370
Nou gen yon lis ki gen kat.

767
00:37:53,370 --> 00:37:56,860
Nou vle yo ka resevwa yon atik lis pou chak
yon sèl, se konsa nou pral jis itilize kat jeyografik isit la.

768
00:37:56,860 --> 00:38:00,250
Nou pral di, se pou lis egal
this.props, kat, kat jeyografik.

769
00:38:00,250 --> 00:38:10,580

770
00:38:10,580 --> 00:38:15,070
>> Se konsa, bay yon kat, nou ap
ale nan jenere yon atik lis

771
00:38:15,070 --> 00:38:17,580
ak sa kat la sa bò nan li.

772
00:38:17,580 --> 00:38:20,660
Se pou nou jis di nou vle bay soti
kat yo kesyon konsa card.question.

773
00:38:20,660 --> 00:38:24,990

774
00:38:24,990 --> 00:38:30,649
Se konsa, lis sa a gen yon
etalaj de LI la oswa Lis Atik

775
00:38:30,649 --> 00:38:32,440
kote ki gen nan yon sèl lis
atik pou chak kat,

776
00:38:32,440 --> 00:38:35,150
ak ki gen kesyon an kat.

777
00:38:35,150 --> 00:38:37,640
Fè sans?

778
00:38:37,640 --> 00:38:39,450
>> Cool, se konsa kounye a kite a
aktyèlman enprime ki deyò.

779
00:38:39,450 --> 00:38:46,521
Se konsa, nou pral retounen yon ul.

780
00:38:46,521 --> 00:38:49,020
Anndan ke lis unordered,
nou pral jis bwa lis la tout antye

781
00:38:49,020 --> 00:38:49,890
yo ke yo te ban nou.

782
00:38:49,890 --> 00:38:52,851

783
00:38:52,851 --> 00:38:53,350
Fre.

784
00:38:53,350 --> 00:38:56,060
>> Tout dwa, se konsa kounye a sa a
lis View travay jis jwenn.

785
00:38:56,060 --> 00:38:59,842
Nenpòt kesyon sou lis gade nan?

786
00:38:59,842 --> 00:39:01,270
Ou gen yon pakèt moun sou kat.

787
00:39:01,270 --> 00:39:02,800
Ou fè yon atik lis pou chak kat.

788
00:39:02,800 --> 00:39:05,466
Epi ou mete yo andedan yon unordered
lis, epi ou ba l 'tounen.

789
00:39:05,466 --> 00:39:09,410
Se konsa, kounye a kite a aji konsa nou Afiche
sa a andedan nan app nou an,

790
00:39:09,410 --> 00:39:14,310
pou nou ka fè sa, lis vi.

791
00:39:14,310 --> 00:39:17,070
Ki sa ki agiman nou pase nan lis View?

792
00:39:17,070 --> 00:39:18,320
Ki sa ki pwopriyete nou bay li?

793
00:39:18,320 --> 00:39:25,111

794
00:39:25,111 --> 00:39:26,860
Sonje byen, si ou ba
li yon pakèt moun sou kat,

795
00:39:26,860 --> 00:39:29,590
li pral fè lis la
wè pou kat sa yo.

796
00:39:29,590 --> 00:39:32,267
Se konsa, sa ki ta nou pase
isit la tankou agiman an?

797
00:39:32,267 --> 00:39:33,350
ODYANS: Yon lis nan kat?

798
00:39:33,350 --> 00:39:37,130
NEEL Mehta: Yeah, se konsa kat
egal this.props.cards, dwa?

799
00:39:37,130 --> 00:39:39,850

800
00:39:39,850 --> 00:39:44,370
Se konsa, pwoblèm nan sèlman
se ke ou ka sèlman

801
00:39:44,370 --> 00:39:48,600
vire yon sèl tèt eleman nivo nan rann,
se konsa ou te gen yo vlope l 'nan yon div.

802
00:39:48,600 --> 00:39:49,100
Li nan etranj.

803
00:39:49,100 --> 00:39:56,190

804
00:39:56,190 --> 00:39:57,530
Se konsa, kite a wè si sa.

805
00:39:57,530 --> 00:40:09,790

806
00:40:09,790 --> 00:40:10,560
Ki travay?

807
00:40:10,560 --> 00:40:29,774

808
00:40:29,774 --> 00:40:31,030
>> Oui, gen ou ale.

809
00:40:31,030 --> 00:40:33,700
Se konsa, kounye a nou gen yon lis
nan kat la nan pati anba a,

810
00:40:33,700 --> 00:40:36,180
ak Lè sa a nou gen nou an
CardView tèt li sou tèt,

811
00:40:36,180 --> 00:40:40,486
ak ki pral baskile ant
de kote sa yo nan kat la.

812
00:40:40,486 --> 00:40:42,610
Koulye a, fè sa fè sans ki jan m 'te fè sa?

813
00:40:42,610 --> 00:40:45,165

814
00:40:45,165 --> 00:40:46,790
Yeah, se konsa ankò, nou gen de konpozan.

815
00:40:46,790 --> 00:40:49,666
Premye eleman simagri yo
soti chak kat nan lis la.

816
00:40:49,666 --> 00:40:50,540
Sa a lis gade nan.

817
00:40:50,540 --> 00:40:54,770
Men dezyèm eleman nan
simagri soti sèlman sa kat.

818
00:40:54,770 --> 00:40:58,840
Si ou bay li yon kat sèten, li pral
enprime soti enfòmasyon sou ke kat

819
00:40:58,840 --> 00:41:01,870
epi kite ou baskile retounen ak lide.

820
00:41:01,870 --> 00:41:05,850
>> Se konsa, si nou vle, nou ka eseye epi pale
sou ajoute kèk karakteristik nouvo nan sa a.

821
00:41:05,850 --> 00:41:09,482
Sinon nou ka pale yon ti jan plis
sou a vitès la nan raktor,

822
00:41:09,482 --> 00:41:11,190
oswa nou ka reponn
kesyon ou ta ka genyen

823
00:41:11,190 --> 00:41:15,050
paske sa yo, yo tout nan pati yo nwayo
a reyaji ke mwen vle pale sou.

824
00:41:15,050 --> 00:41:16,540
Nou ka ale pi devan.

825
00:41:16,540 --> 00:41:17,590
Nou ka reponn kesyon yo.

826
00:41:17,590 --> 00:41:18,560
Nenpot sa ou vle.

827
00:41:18,560 --> 00:41:21,694

828
00:41:21,694 --> 00:41:24,205
>> ODYANS: Èske ou ka sèvi ak
JSX nan nòmal JavaScript?

829
00:41:24,205 --> 00:41:27,150
Ou se ke yon bagay ki
vin rive ak [fèbl a]?

830
00:41:27,150 --> 00:41:30,760
>> NEEL Mehta: Kesyon an se ka
ou itilize JSX ak nòmal JavaScript?

831
00:41:30,760 --> 00:41:32,620
Repons lan se wi.

832
00:41:32,620 --> 00:41:41,070
JSX se jis yon fason pou li pran ou
JavaScript ki gen HTML andedan nan li,

833
00:41:41,070 --> 00:41:44,215
epi li compiles nan JavaScript ki
pa gen HTML andedan nan li.

834
00:41:44,215 --> 00:41:47,880
Se konsa, remake that-- konsa remake isit la.

835
00:41:47,880 --> 00:41:50,820
Sa a parèt tankou ou gen tankou div
epi ou gen bagay andedan nan li.

836
00:41:50,820 --> 00:41:54,970
>> Sa compiles JavaScript ki
tankou jenere menm bagay la.

837
00:41:54,970 --> 00:41:59,590
Mwen devine sa m ap di se ke
JSX se jis yon Massachusetts Institute of Technology, tankou li nan

838
00:41:59,590 --> 00:42:03,530
yon preproseseur pou JavaScript anpil
tankou PHP se yon preproseseur pou HTML.

839
00:42:03,530 --> 00:42:05,490
JSC se yon preproseseur
pou JavaScript ki pèmèt

840
00:42:05,490 --> 00:42:12,970
ou mete HTML andedan nan JavaScript ou yo.

841
00:42:12,970 --> 00:42:16,425
Se konsa, si ou gen transfòmatè a dwa
ki se yon bagay yo rele [fèbl],

842
00:42:16,425 --> 00:42:17,300
ki pral transfòme.

843
00:42:17,300 --> 00:42:19,360
Preproseseur an dwa,
li pral kite ou fè sa.

844
00:42:19,360 --> 00:42:20,235
>> ODYANS: [fèbl]

845
00:42:20,235 --> 00:42:23,026
NEEL Mehta: Anjeneral ou pa bezwen
yo mete HTML andedan nan JavaScript

846
00:42:23,026 --> 00:42:24,110
sof si ou fezon Reyaji.

847
00:42:24,110 --> 00:42:27,146
Men, ou ka fè l 'de tout fason.

848
00:42:27,146 --> 00:42:27,645
Oui?

849
00:42:27,645 --> 00:42:29,353
>> ODYANS: Mwen panse ke ou
te dekri Reyaji

850
00:42:29,353 --> 00:42:31,970
kòm yon lang pwogramasyon fonksyonèl.

851
00:42:31,970 --> 00:42:35,646
Nou te ap aprann C nan CS50.

852
00:42:35,646 --> 00:42:38,032
Èske C tou yon lang fonksyonèl?

853
00:42:38,032 --> 00:42:39,990
NEEL Mehta: Se konsa, kesyon an
se sou fonksyonèl

854
00:42:39,990 --> 00:42:43,010
kont yon lòt bagay rele
enperatif oswa pwosedi pwogram.

855
00:42:43,010 --> 00:42:44,820
Genyen de kalite pwogram popilè.

856
00:42:44,820 --> 00:42:48,550
Youn yo rele pwosedi, ki
se tout sou tankou fè kòmandman,

857
00:42:48,550 --> 00:42:51,510
ak se yon sèl fonksyonèl, ki se tout
sou li te gen fonksyon epi ki gen

858
00:42:51,510 --> 00:42:52,930
opinyon ak pwodiksyon nan sa yo.

859
00:42:52,930 --> 00:42:55,930
Reyaji se yon paradigm fonksyonèl.

860
00:42:55,930 --> 00:42:58,010
C se yon paradigm trè pwosedi.

861
00:42:58,010 --> 00:43:02,360
>> Apre sa, kòm yon egzanp, C pou egzanp,
ou pa fè fason sa a asèrtif

862
00:43:02,360 --> 00:43:04,390
nan fè pwogram lan, dwa?

863
00:43:04,390 --> 00:43:06,826
Ou gen vle di, enprime sa a.

864
00:43:06,826 --> 00:43:07,950
Chanje estrikti sa a done.

865
00:43:07,950 --> 00:43:08,530
Enprime sa a.

866
00:43:08,530 --> 00:43:10,160
Se sou tout kòmandman.

867
00:43:10,160 --> 00:43:12,640
>> Nan reyaji, gen nan pa
ke anpil kòmandman.

868
00:43:12,640 --> 00:43:15,145
Li nan tout sou li te gen
konpozan ou mete ansanm.

869
00:43:15,145 --> 00:43:16,300
Yo ap tankou fonksyon.

870
00:43:16,300 --> 00:43:26,360
Ou gen tankou yon fonksyon
rele CardView,

871
00:43:26,360 --> 00:43:28,680
ki se yon fonksyon
ki gen D ', pwodiksyon,

872
00:43:28,680 --> 00:43:30,660
ak pou reyaji se tout
sou filozofi sa a

873
00:43:30,660 --> 00:43:32,700
nou nan having-- ou gen done.

874
00:43:32,700 --> 00:43:34,910
Ou pase l nan sa a
algorithm, epi li pral

875
00:43:34,910 --> 00:43:36,800
HTML pwodiksyon ke ou
jis enprime paj la,

876
00:43:36,800 --> 00:43:39,180
ak se konsa ou gen
bati l 'moso pa moso.

877
00:43:39,180 --> 00:43:42,800
>> Se konsa, fè desen yon metafò nan sa
Mwen te di anvan, ou konnen ki jan

878
00:43:42,800 --> 00:43:47,050
sou Facebook si ou jwenn yon mesaj,
epi ou chwazi sa pati nan aktyalizasyon,

879
00:43:47,050 --> 00:43:47,882
sa a, se pwosedi.

880
00:43:47,882 --> 00:43:48,840
Li nan enperatif, dwa?

881
00:43:48,840 --> 00:43:49,806
OK, mwen te resevwa yon mesaj.

882
00:43:49,806 --> 00:43:50,930
Se pou nou chanje kont la.

883
00:43:50,930 --> 00:43:52,110
>> Se pou yo pòp yon fenèt isit la.

884
00:43:52,110 --> 00:43:52,780
Se pou nou chanje kont la.

885
00:43:52,780 --> 00:43:53,700
Se pou yo trase sa a isit la.

886
00:43:53,700 --> 00:43:55,220
Sa se yon apwòch pwosedi.

887
00:43:55,220 --> 00:44:00,240
>> Sa a ki sa bagay sa yo tankou angilè,
Pouse, Zo rèl do, lòt cadres itilize.

888
00:44:00,240 --> 00:44:01,200
Reyaji se fonksyonèl.

889
00:44:01,200 --> 00:44:03,324
Li se yon fason trè diferan
nan panse sou bagay sa yo.

890
00:44:03,324 --> 00:44:07,950
Li pran ide sa a nan kite a gen
fonksyon oswa algoritm ki pral ou

891
00:44:07,950 --> 00:44:08,800
bay li done.

892
00:44:08,800 --> 00:44:11,820
Li pral krache soti sa li
ta dwe, ak òdinatè a

893
00:44:11,820 --> 00:44:13,490
pral pran swen nan peze deyò.

894
00:44:13,490 --> 00:44:15,890
Ou pa okipe li tèt ou.

895
00:44:15,890 --> 00:44:18,470
Ki fè yon ti kras nan sans?

896
00:44:18,470 --> 00:44:18,970
Yeah?

897
00:44:18,970 --> 00:44:24,180
>> ODYANS: Nan yon lang fonksyonèl,
tout bagay k ap pase nan yon fwa?

898
00:44:24,180 --> 00:44:26,800
>> NEEL Mehta: Non, bagay sa yo rive nan lòd.

899
00:44:26,800 --> 00:44:29,320
Fè tankou isit la gen nan toujou
lòd, men li pa fè sa

900
00:44:29,320 --> 00:44:32,390
rive nan lòd de tankou
bat bravo, lòd, lòd.

901
00:44:32,390 --> 00:44:36,459
Sa rive nan lòd de
fonksyon ba ou pwodiksyon.

902
00:44:36,459 --> 00:44:37,750
Mete sa nan yon lòt fonksyon.

903
00:44:37,750 --> 00:44:39,550
Mete sa nan yon lòt
fonksyon, yon lòt fonksyon.

904
00:44:39,550 --> 00:44:41,470
>> Si ou fè sa CS51, ou pral
aprann pwogram fonksyonèl

905
00:44:41,470 --> 00:44:42,886
yon ti kras soti nan sijè ki abòde lan sa a.

906
00:44:42,886 --> 00:44:45,090
Men, fondamantalman, sa ki fè
Reyaji fre se pa sèlman

907
00:44:45,090 --> 00:44:46,840
yon sèl-fason done koule nan
ak Dom lan vityèl,

908
00:44:46,840 --> 00:44:48,700
men tou, ide sa a nan
fonksyonèl pwogram.

909
00:44:48,700 --> 00:44:51,720
Ak pwogramasyon fonksyonèl se trè fasil
yo konpoze, epi fè fre bagay soti nan,

910
00:44:51,720 --> 00:44:53,844
ak li nan trè fasil yo panse
sou ak rezon ki fè sou.

911
00:44:53,844 --> 00:44:55,450
Se konsa, li nan yon lòt trase bon nan Reyaji.

912
00:44:55,450 --> 00:44:58,489

913
00:44:58,489 --> 00:44:59,280
Nenpòt ki plis kesyon?

914
00:44:59,280 --> 00:45:02,650

915
00:45:02,650 --> 00:45:03,150
Yeah?

916
00:45:03,150 --> 00:45:06,840
>> ODYANS: Sou, poukisa ou ta
itilize kite kòm opoze a var?

917
00:45:06,840 --> 00:45:10,450
>> NEEL Mehta: Se konsa, kesyon an se
poukisa ou itilize se pou olye pou yo var?

918
00:45:10,450 --> 00:45:13,220
Sa a se yon bagay yo rele
ES6 oswa ECMAScript 6.

919
00:45:13,220 --> 00:45:15,820
Li nan vèsyon an nouvo nan JavaScript.

920
00:45:15,820 --> 00:45:19,050
Genyen yon pakèt moun sou rezon teknik,
Men, se pou se yon vèsyon pi bon nan var.

921
00:45:19,050 --> 00:45:20,724
>> Li nan ki jan ou deklare varyab.

922
00:45:20,724 --> 00:45:21,390
Ou kapab sèvi ak kite.

923
00:45:21,390 --> 00:45:22,140
Ou kapab sèvi ak var.

924
00:45:22,140 --> 00:45:23,825
Se pou gen yon pakèt moun sou teknik
reasons-- ou ka gade yo

925
00:45:23,825 --> 00:45:25,610
moute later-- pou poukisa li a pi byen.

926
00:45:25,610 --> 00:45:28,780
Fondamantalman, gen kèk bèl ES6
nouvo sentaks, gen kèk karakteristik nouvo

927
00:45:28,780 --> 00:45:30,720
sou tèt fin vye granmoun JavaScript nan.

928
00:45:30,720 --> 00:45:32,782
>> Se konsa, nou gen tankou senk minit.

929
00:45:32,782 --> 00:45:34,990
Mwen jis te vle pale sou
yon sèl bagay pi reyèl vit.

930
00:45:34,990 --> 00:45:36,450
Si ou te gen nenpòt kesyon,
kite nan pale sou li apre sa a.

931
00:45:36,450 --> 00:45:38,366
Men, jis pou sa a vin
kenbe sou kamera, mwen jis

932
00:45:38,366 --> 00:45:41,550
vle pale yon ti jan sou ki jan ou
aktyèlman sèvi ak reyaji nan apps ou yo.

933
00:45:41,550 --> 00:45:47,220

934
00:45:47,220 --> 00:45:58,640
>> Si ou ale isit la,
Facebook.GitHub.IO/react,

935
00:45:58,640 --> 00:46:03,320
sa a se paj an kay pou reyaji, ak
li pral montre w kouman ou aktyèlman sèvi ak

936
00:46:03,320 --> 00:46:05,320
Reyaji nan paj ou a.

937
00:46:05,320 --> 00:46:08,845
Fondamantalman, li nan yon ti kras
konplike ap eseye enstale Reyaji.

938
00:46:08,845 --> 00:46:12,300
Li pa kòm fasil tankou ou jis trennen
ak gout yon JavaScript nan la.

939
00:46:12,300 --> 00:46:15,890
>> Ou gen gen transfòmatè ou
mete kanpe, ki pral, jan li te fè anvan,

940
00:46:15,890 --> 00:46:18,120
vire JSX ou a nan
nòmal JavaScript nan.

941
00:46:18,120 --> 00:46:21,030
Ou gen bagay ki pral
konpile ou ES6 nan nòmal.

942
00:46:21,030 --> 00:46:24,720
JavaScript gen nan yon anpil nan k ap deplase
pati sa ou dwe fè, se konsa gen nan yon bagay

943
00:46:24,720 --> 00:46:27,200
rele Yeoman, Yeoman.io.

944
00:46:27,200 --> 00:46:31,110
Lè sa a se yon zouti liy lòd ki pral
ede w echafodaj soti ou Reyaji

945
00:46:31,110 --> 00:46:32,380
pwojè fasil.

946
00:46:32,380 --> 00:46:38,660
>> Se konsa, ou ka li sou sa a
pita, men gen kèk zouti

947
00:46:38,660 --> 00:46:40,160
ki Yeoman ofri.

948
00:46:40,160 --> 00:46:43,280
Yo pral kite ou kreye yon Reyaji
app ak tout bagay bati nan.

949
00:46:43,280 --> 00:46:46,030
Fè tankou li pral gen bati
an, eleman bati nan.

950
00:46:46,030 --> 00:46:47,880
Li pral gen transfòmatè ou bati nan.

951
00:46:47,880 --> 00:46:50,699
Yo gen yon anpil nan fre
bagay bati nan otomatikman

952
00:46:50,699 --> 00:46:52,240
lè l sèvi avèk bagay sa yo rele dèlko.

953
00:46:52,240 --> 00:46:54,620
>> Se konsa, li sou sa a si ou renmen.

954
00:46:54,620 --> 00:46:59,110
Jis ale sou Yeoman, Y-E-O-M-A-N, ak
ou ka jwenn dèlko tankou sa yo.

955
00:46:59,110 --> 00:47:01,263
Se avèk dèlko tankou
sa yo, ou jis tankou yon sèl

956
00:47:01,263 --> 00:47:03,010
se yon liy lòd koup kòmande.

957
00:47:03,010 --> 00:47:05,530
Li pral soti yon echafodaj
tout Reyaji app pou ou.

958
00:47:05,530 --> 00:47:10,470
Li pral jwenn tout kanalizasyon nan manyèl,
ak travay groyeur fè pou ou,

959
00:47:10,470 --> 00:47:13,010
ak sa a se poukisa ou jis konsantre
sou jis ekri nan Reyaji.

960
00:47:13,010 --> 00:47:16,739
>> Se konsa, fondamantalman bati yon
Reyaji app se nontrivial.

961
00:47:16,739 --> 00:47:19,530
Li nan branche tout ansanm, men gen
yo se zouti ki pral fè l 'pou ou.

962
00:47:19,530 --> 00:47:23,070
Se konsa, si ou vle fè yon Reyaji
app, eseye fè li fason sa a.

963
00:47:23,070 --> 00:47:26,360
Si ou jis vle fè eksperyans,
ou ka eseye lè l sèvi avèk sa a CodePen

964
00:47:26,360 --> 00:47:28,550
paske sa a CodePen gen
reyaji nan tout fil elektrik.

965
00:47:28,550 --> 00:47:30,240
Mwen te fè tout travay la pou ou deja.

966
00:47:30,240 --> 00:47:34,610
>> Se konsa, si ou vle fè tankou yon
pwodiksyon yo pibliye Reyaji app,

967
00:47:34,610 --> 00:47:37,220
eseye youn nan dèlko sa yo.

968
00:47:37,220 --> 00:47:40,240
Si ou jis vle jwe
alantou li, li souvan vo jis

969
00:47:40,240 --> 00:47:44,490
tankou eseye jwe alantou sou CodePen isit la.

970
00:47:44,490 --> 00:47:45,470
Son bon?

971
00:47:45,470 --> 00:47:45,970
Fre.

972
00:47:45,970 --> 00:47:47,890
>> Se konsa, ki nan tout m 'genyen.

973
00:47:47,890 --> 00:47:52,470
Yon fwa ankò, tout kòd la ak egzanp yo
pral fè sou sit entènèt sa a isit la.

974
00:47:52,470 --> 00:47:55,509
Se konsa, ankò, nou pa t 'pale
sou anpil sentaks a reyaji,

975
00:47:55,509 --> 00:47:57,550
men yo jwenn tout moun sa yo
ti kras detay sentaks,

976
00:47:57,550 --> 00:48:00,320
li nan tout ale nan ap disponib
sou sit entènèt sa isit la.

977
00:48:00,320 --> 00:48:02,660
>> Se konsa, mwen ta rekòmande pou tankou
pran premye etap la.

978
00:48:02,660 --> 00:48:06,277
Mete l 'nan CodePen ou yo.

979
00:48:06,277 --> 00:48:08,110
Eseye travay sou fè
li nan dezyèm etap la.

980
00:48:08,110 --> 00:48:11,310
Genyen yon katriyèm etap, ak jis
wè ki kote ou jwenn nan sa.

981
00:48:11,310 --> 00:48:14,840
>> Nenpòt kesyon plis, tcheke
soti paj ki oswa voye yon imèl m '.

982
00:48:14,840 --> 00:48:16,490
Sa a imel mwen.

983
00:48:16,490 --> 00:48:19,885
Men, mwen ta renmen ede w ak nenpòt
kesyon ou ta ka genyen sou Reyaji.

984
00:48:19,885 --> 00:48:21,010
Se konsa, YEP, ki nan tout m 'genyen.

985
00:48:21,010 --> 00:48:23,410
Mèsi poutèt ou tout anpil pou
l ap gade oswa pou ale.

986
00:48:23,410 --> 00:48:26,820
Apre sa, mwen pral pran nenpòt kesyon
ou ta ka genyen apre sa a kounye a.

987
00:48:26,820 --> 00:48:29,140
Se konsa, di ou mèsi tout pou gade.

988
00:48:29,140 --> 00:48:31,270