1
00:00:00,000 --> 00:00:02,500
[Powered by Google Translate] [Seminar] [Web Development: Frá hugmynd til framkvæmdar]

2
00:00:02,500 --> 00:00:04,200
[Ben Kuhn] [Billy Janitsch] [Harvard University]

3
00:00:04,200 --> 00:00:07,250
[Þetta er CS50] [CS50.TV]

4
00:00:07,250 --> 00:00:10,840
[Billy] Hæ, ég er Billy og þetta er Ben. >> [Ben] Hi.

5
00:00:10,840 --> 00:00:12,840
Við erum að fara að vera að tala um þróun vefnum í dag.

6
00:00:12,840 --> 00:00:14,840
[Webdev] [Billy Janitsch og Ben Kuhn]

7
00:00:14,840 --> 00:00:16,840
A hluti um okkur fyrst.

8
00:00:16,840 --> 00:00:19,590
Ben er tegund af bak-endir strákur. Hann gerir hlutina ganga.

9
00:00:19,590 --> 00:00:21,870
Og þá fer ég í og ​​gera þá nokkuð.

10
00:00:21,870 --> 00:00:26,610
Ég er að mestu í tengslum við fleiri andlit-endir skipulag hönnun hvers konar efni,

11
00:00:26,610 --> 00:00:31,260
og Ben, hins vegar, veit hvað hann er að gera svo hann vinnur á bak-endir efni.

12
00:00:31,260 --> 00:00:34,050
Saman höfum við gert ýmislegt.

13
00:00:34,050 --> 00:00:38,710
Til dæmis, í fyrra unnum við Gimblium sem er online leikur þróun stúdíó.

14
00:00:38,710 --> 00:00:40,400
Það var lokaverkefni okkar fyrir bekkinn,

15
00:00:40,400 --> 00:00:42,780
og síðan þá höfum við gert Harvard Class

16
00:00:42,780 --> 00:00:47,860
sem er á netinu ramma fyrir beit og versla námskeið í Harvard.

17
00:00:47,860 --> 00:00:53,180
>> Við ætlum að byrja með þessa hugmynd fyrir vefinn okkar.

18
00:00:53,180 --> 00:00:57,480
Við erum að fara að gera Facebook, en fyrir ketti.

19
00:00:57,480 --> 00:00:59,520
Áður en þú gerir í raun þessa vefsíðu,

20
00:00:59,520 --> 00:01:02,520
ekki gera þetta vefsvæði vegna þess að það er ekki gott, en við munum nota það sem ramma

21
00:01:02,520 --> 00:01:05,349
og fara í gegnum ferlið við hvernig við tökum þessa hugmynd

22
00:01:05,349 --> 00:01:07,450
og snúa það inn í a raunverulegur website við getum notað.

23
00:01:07,450 --> 00:01:11,940
Við munum byrja á því að brjóta website niður.

24
00:01:11,940 --> 00:01:13,190
Eins og þú hafir verið að gera í CS50,

25
00:01:13,190 --> 00:01:17,360
þú vilt að hugsa um hvað eru raunverulegir þættir sem fara inn á þetta vefsvæði.

26
00:01:17,360 --> 00:01:21,290
Grundvallaratriðum beygja það frá hugmynd sem er bara tegund af abstrakt hugtak

27
00:01:21,290 --> 00:01:23,590
í alvöru, áþreifanlegur hlutur sem þú gætir gert.

28
00:01:23,590 --> 00:01:25,910
Við byrjum á því að spyrja nokkurra spurninga.

29
00:01:25,910 --> 00:01:28,070
Hvað er þetta vefsíða? Hvers vegna erum við að gera það?

30
00:01:28,070 --> 00:01:30,670
Hvað er það að fara til vera notaður fyrir? Þessi tegund af hlutur.

31
00:01:30,670 --> 00:01:33,660
Þegar um er að ræða Facebook Cat,

32
00:01:33,660 --> 00:01:37,730
við viljum í grundvallaratriðum a website þessi lets kettir félagslega net með hvert öðru.

33
00:01:37,730 --> 00:01:41,260
Hugmyndin er sú að þeir geta sent á veggjum hvors annars,

34
00:01:41,260 --> 00:01:43,510
þeir geta gert athugasemdir, þessi tegund af hlutur.

35
00:01:43,510 --> 00:01:46,720
Og það er þar sem við komum inn í hagnýtur hluti.

36
00:01:46,720 --> 00:01:51,270
Við höfum nú svona ramma - við höfum notandi snið,

37
00:01:51,270 --> 00:01:53,990
við höfum athugasemdir, og við getum sent.

38
00:01:53,990 --> 00:01:57,390
Kannski einhvern tíma við munum streymir gaman af og þessi tegund af hlutur.

39
00:01:57,390 --> 00:02:00,410
Og við viljum konar að forgangsraða þessar aðgerðir fara inn

40
00:02:00,410 --> 00:02:03,340
Við viljum að segja eins, allt í lagi, það er mjög mikilvægt að allir hafi snið

41
00:02:03,340 --> 00:02:06,440
og að allir geti sent á veggjum hvors annars.

42
00:02:06,440 --> 00:02:08,509
Secondary til að ummælin væri gott.

43
00:02:08,509 --> 00:02:10,180
Kannski síðar við munum streymir eins.

44
00:02:10,180 --> 00:02:13,700
Svo, þú vilt að hafa hugmynd um hvað er grundvallaratriði til verkefnið

45
00:02:13,700 --> 00:02:17,260
og hvað er tegund af almennari lögun sem hægt væri að beita síðar.

46
00:02:17,260 --> 00:02:20,870
Þú vilt svoleiðis hafa sérstaka lista í huga,

47
00:02:20,870 --> 00:02:24,090
en verkefnið sem þú byrjar með er ekki að fara að vera verkefni sem þú ert búin.

48
00:02:24,090 --> 00:02:27,100
Með öðrum orðum, eru hlutirnir að fara að breytast á meðan þú ert að þróa síðuna,

49
00:02:27,100 --> 00:02:30,090
og þú vilt að yfirgefa herbergi fyrir það.

50
00:02:30,090 --> 00:02:34,470
Ég snúa það yfir til Ben sem er að fara að tala aðeins um uppbyggingu.

51
00:02:34,470 --> 00:02:39,610
>> [Ben] Ég ætla að vera að tala um meira tæknilega hlið af þróun á vefnum.

52
00:02:39,610 --> 00:02:42,370
Förum yfir nokkur grunnatriði fyrst.

53
00:02:42,370 --> 00:02:45,730
Þegar þú ert að gera a vefur app,

54
00:02:45,730 --> 00:02:50,470
helstu deild sem þú ert að fara að þurfa að hafa er

55
00:02:50,470 --> 00:02:52,700
þú ert að fara að hafa smá dót í gangi í viðskiptavinur hlið -

56
00:02:52,700 --> 00:02:56,700
það er kóðinn sem þú ert vafrinn tekur frá síðunni

57
00:02:56,700 --> 00:03:01,910
og JavaScript, HTML, CSS efni.

58
00:03:01,910 --> 00:03:04,490
Það er allt á the viðskiptavinur hlið.

59
00:03:04,490 --> 00:03:08,680
Þú ert að fara að hafa öðrum kóða sem keyrir á miðlara megin

60
00:03:08,680 --> 00:03:10,770
sem heldur utan um öll gögn sem fólk senda í þér,

61
00:03:10,770 --> 00:03:15,060
ákveður hver á að gefa hvað, eitthvað svoleiðis.

62
00:03:15,060 --> 00:03:20,380
Þetta er bara einhver hugtök svo að þið erum öll kunnugur hvað við erum að tala um.

63
00:03:20,380 --> 00:03:28,600
Handan þeirri deild það er gott að hugsa um vefur app í skilmálar af

64
00:03:28,600 --> 00:03:32,500
a par af mismunandi hlutum.

65
00:03:32,500 --> 00:03:35,270
Þegar þú ert að gera vefur þróun

66
00:03:35,270 --> 00:03:41,710
einn af þeim hlutum sem þú ættir alltaf að reyna að gera er að draga úr margbreytileika.

67
00:03:41,710 --> 00:03:45,710
Flóknari kóða er þeim mun meiri líkur er að gera galla,

68
00:03:45,710 --> 00:03:47,710
því erfiðara er að breyta síðar.

69
00:03:47,710 --> 00:03:50,140
Svo, ef þú getur brjóta upp app inn nokkrar mismunandi hagnýtur svæði

70
00:03:50,140 --> 00:03:57,640
sem vilja - og þú getur dregið tegund af magn af kross-svæðinu samskipti -

71
00:03:57,640 --> 00:04:03,530
sem mun hjálpa þér mikið í the langur hlaupa í skilmálar af minnka galla.

72
00:04:03,530 --> 00:04:07,950
>> Að nota steypu, yfirleitt fólk skipta upp vefur app inn -

73
00:04:07,950 --> 00:04:13,190
þetta eru eins konar suð orð núna, en þeir eru enn gagnlegt.

74
00:04:13,190 --> 00:04:17,940
Þú gætir hafa heyrt fólk tala um módel, skoðanir og stýringar.

75
00:04:17,940 --> 00:04:23,210
Líkön eru raunveruleg gögn sem app er að fara að takast á við.

76
00:04:23,210 --> 00:04:28,260
Til dæmis, í kötturinn þinn Facebook, líkan væri -

77
00:04:28,260 --> 00:04:35,340
þú vilt hafa fyrirmynd eins og færslur, og fyrirmynd fyrir snið notandi, solls.

78
00:04:35,340 --> 00:04:41,090
Skoðanir þínar eru hvernig þú kynna þessi gögn til notenda.

79
00:04:41,090 --> 00:04:46,660
Þú gætir hafa 1 skoða fyrir að horfa á einni færslu og allar athugasemdir

80
00:04:46,660 --> 00:04:51,720
og aðra sýn fyrir vegginn sem hefur a listi af öllum innlegg

81
00:04:51,720 --> 00:04:57,170
sem eru beint til þín, og aðra sýn fyrir fréttastraumi þína - eitthvað svoleiðis.

82
00:04:57,170 --> 00:05:00,610
Að lokum, þú stýringar sem eru í grundvallaratriðum þegar fólk senda þér innlegg

83
00:05:00,610 --> 00:05:03,310
og þú gerir uppfærslur bak-endir kerfi þínu,

84
00:05:03,310 --> 00:05:06,400
þú vöxtur fullt af gegn, og hvað sem er.

85
00:05:06,400 --> 00:05:07,860
Þeir eru stýringar þinn.

86
00:05:07,860 --> 00:05:11,030
>> Ég ætla að vera að tala aðallega um líkan.

87
00:05:11,030 --> 00:05:14,030
Skoðanir eru tæknilega ekki að erfitt og málið er meira með hanna þá

88
00:05:14,030 --> 00:05:22,040
Stýringar eru að fara að vera nákvæm til hvað sem þú ert að hanna.

89
00:05:22,040 --> 00:05:25,220
En það eru sumir laglegur almennar aðferðir sem þú getur notað

90
00:05:25,220 --> 00:05:30,220
að gera líkan þínum betur og auðveldara að vinna með það sem ég held að séu mjög hjálpsamur.

91
00:05:30,220 --> 00:05:35,860
Þetta er að mestu leyti að fara að vera um hvernig á að takast á við vefforrit gögnunum í a ágætur vegur.

92
00:05:35,860 --> 00:05:40,420
Helstu mál með módel

93
00:05:40,420 --> 00:05:44,540
eru að þeir lifa á viðskiptavininn og miðlara og þú verður að reikna út

94
00:05:44,540 --> 00:05:51,170
a) hvernig á að fá þá - allar viðeigandi sjálfur - frá the framreiðslumaður til the viðskiptavinur,

95
00:05:51,170 --> 00:05:53,440
og b) hvernig á að halda þeim í sync.

96
00:05:53,440 --> 00:05:58,700
Notendur þínir eru að fara til að vilja gera nokkrar uppfærslur.

97
00:05:58,700 --> 00:06:00,470
Þeir eru að fara til að vilja ganga ný innlegg.

98
00:06:00,470 --> 00:06:04,800
Þeir eru að fara til að vilja eins og hluti og efni ef þú ert eins.

99
00:06:04,800 --> 00:06:11,490
Þeir eru helstu tæknilegar áskoranir að takast á við líkan.

100
00:06:11,490 --> 00:06:15,680
The fyrstur hlutur þessi þú ert að fara að vilja að spyrja sjálfan þig er

101
00:06:15,680 --> 00:06:18,420
hvers konar gögn fer í þetta líkan og hvers konar fyrirspurnir eru við að fara að vilja að gera -

102
00:06:18,420 --> 00:06:24,290
það er, hvað við erum að fara að horfa á módel?

103
00:06:24,290 --> 00:06:26,940
Fyrir köttinn Facebook dæmi þitt,

104
00:06:26,940 --> 00:06:31,520
staða þín er að fara að hafa höfund sem tengist því,

105
00:06:31,520 --> 00:06:35,660
sumir vegg staða texta, og viðtakandi vegg staða.

106
00:06:35,660 --> 00:06:38,470
Og þá þú might vilja til að fyrirspurn að í fullt af mismunandi vegu.

107
00:06:38,470 --> 00:06:42,220
Þú vilt að líta á það með því að hver skrifaði hver staða,

108
00:06:42,220 --> 00:06:46,620
eftir sem fékk sem staða, ef til vill með þeim degi sem þeir voru settar.

109
00:06:46,620 --> 00:06:50,340
En ef þú ert að fara að gera það eftir dagsetningu, þá verður þú að bæta við öðru sviði til þinn staða

110
00:06:50,340 --> 00:06:52,490
um þegar það var í raun staða.

111
00:06:52,490 --> 00:07:00,220
Þessir 2 þættir - hvaða gögn þú vilt nota og hvernig þú vilt að skoða það -

112
00:07:00,220 --> 00:07:04,200
þú ættir að hugsa um þá fyrst því þeir ráðast á hvor aðra,

113
00:07:04,200 --> 00:07:08,030
og það er að fara að vera erfiðara að bæta þeim síðar.

114
00:07:08,030 --> 00:07:12,750
>> There ert sumir aðrir þættir.

115
00:07:12,750 --> 00:07:17,540
Þegar þú ert að hugsa um hvernig þú takast á við gerðum á þjóninum

116
00:07:17,540 --> 00:07:20,540
hvað þú vilt líta á er -

117
00:07:20,540 --> 00:07:27,440
þú vilt í rauninni að gera þjóninum eins einfalt og mögulegt er.

118
00:07:29,440 --> 00:07:35,500
Gera efni á the viðskiptavinur hlið er almennt mun hraðar ef þú getur gert það eingöngu á viðskiptavininn

119
00:07:35,500 --> 00:07:38,230
án þess að gera hvers konar beiðni net.

120
00:07:38,230 --> 00:07:47,860
Hugmyndin er að gera eins og margir af þeim fyrirspurnum sem þú getur á viðskiptavininn.

121
00:07:47,860 --> 00:07:51,560
The eini vandamál með að

122
00:07:51,560 --> 00:07:54,160
er að ef þú biður öll gögn í upphafi

123
00:07:54,160 --> 00:07:57,160
þá það er að fara að taka langan tíma að hlaða.

124
00:07:57,160 --> 00:08:02,290
Svo hugmyndin er að slá hamingjusamur miðill milli hafa næg gögn á the viðskiptavinur

125
00:08:02,290 --> 00:08:07,640
að þú getur gert mest af vinnu þinni þar, en ekki bara að sækja allt í einu

126
00:08:07,640 --> 00:08:09,710
þannig að þú færð mjög hægur hlaða sinnum í upphafi.

127
00:08:09,710 --> 00:08:12,610
Til dæmis, fyrir köttinn gögnum

128
00:08:12,610 --> 00:08:20,340
þú vildi sennilega vilja til að ná í fullt af nýlegum vegg innlegg.

129
00:08:20,340 --> 00:08:23,790
Þú myndir ekki vilja til að ná þeim öllum vegna þess að það gæti farið aftur a par af ár.

130
00:08:23,790 --> 00:08:25,470
En þú vilt ekki að sækja þá einn í einu

131
00:08:25,470 --> 00:08:28,740
vegna þess að það myndi koma mikið af net kostnaður.

132
00:08:28,740 --> 00:08:33,620
>> Það er oft alveg erfitt - þegar þú ert með gagnagrunni gangi -

133
00:08:33,620 --> 00:08:37,210
það er oft alveg erfitt að breyta hvaða gögn þú hefur í það -

134
00:08:37,210 --> 00:08:40,510
það er bætt við til nýjan gagnagrunn dálki eða eitthvað -

135
00:08:40,510 --> 00:08:43,510
svo einn góður stefnu er í raun bara að halda mikið af gögnum í texta blob -

136
00:08:43,510 --> 00:08:53,880
A JSON Blob - JSON vera JavaScript Object Ritháttur -

137
00:08:53,880 --> 00:08:58,330
Ástæðan sem er gagnlegt er því þá er hægt að bæta við nýjum eiginleikum

138
00:08:58,330 --> 00:09:01,920
til allra þessara JSON dropar án þess að breyta gagnagrunninn.

139
00:09:01,920 --> 00:09:06,860
The eini hæðir til það er að ef þú ert með fullt af sviðum

140
00:09:06,860 --> 00:09:09,890
að þú bætt við síðar á - eins og falinn í því JSON blob -

141
00:09:09,890 --> 00:09:12,850
þá er það erfiðara að fyrirspurn þá inni í gagnagrunninum.

142
00:09:12,850 --> 00:09:17,690
Fyrir dæmi, ef þú síðar - ef þú hefðir staða líkan sem við ræddum áðan

143
00:09:17,690 --> 00:09:25,380
með aðeins höfundar, viðtakanda og texta -

144
00:09:25,380 --> 00:09:29,000
þú gætir einnig haft JSON Blob og þá ef þú vildir síðar að bæta við dagsetningu sviði

145
00:09:29,000 --> 00:09:31,000
þú vilt ekki að breyta gagnagrunninn.

146
00:09:31,000 --> 00:09:36,140
Þú getur bara bætt inn dagsetningu og öllum texta sviðum.

147
00:09:36,140 --> 00:09:39,640
Og þá þú vildi vera fær til horfa á þá á the viðskiptavinur hlið,

148
00:09:39,640 --> 00:09:42,430
en þú vildi ekki vera fær um að fyrirspurn þá á miðlara megin

149
00:09:42,430 --> 00:09:44,430
því það er falið inni þeim texta.

150
00:09:44,430 --> 00:09:49,920
>> Önnur mál sem þú vilt að hugsa um

151
00:09:49,920 --> 00:09:52,400
er hvernig viðskiptavinur þinn og miðlara eru að fara að hafa samskipti.

152
00:09:52,400 --> 00:09:56,040
Þú vilt yfirleitt að halda þetta eins einfalt og mögulegt er.

153
00:09:56,040 --> 00:10:02,230
Þú getur bara hafa eins fá-mér-þessum gögnum beiðni,

154
00:10:02,230 --> 00:10:09,140
A Búa-a-new-mótmæla hlutur, og beiðni Uppfæra-óákveðinn greinir í ensku gamall-mótmæla.

155
00:10:09,140 --> 00:10:12,930
Og þetta myndi allt vera mismunandi vefslóðir á netþjóni sem þú -

156
00:10:12,930 --> 00:10:20,030
að vafrinn vildi - þú getur notað AJAX beiðnir um allar þessar

157
00:10:20,030 --> 00:10:24,000
og annaðhvort á móti eða Senda gögn.

158
00:10:24,000 --> 00:10:26,600
Aftur, fyrir köttinn Facebook dæmis okkar,

159
00:10:26,600 --> 00:10:32,350
þú gætir hafa þessi slóð til að fá einstaka færslu,

160
00:10:32,350 --> 00:10:39,750
og þú vilt hafa slóðina til að búa til nýja vegg færslu

161
00:10:39,750 --> 00:10:45,670
og kannski URL fyrir að hlaða prófíl mynd þína, eitthvað svoleiðis.

162
00:10:45,670 --> 00:10:51,730
En aftur, það er til pre-ná mest af gögnunum þannig að þú þarft ekki að halda

163
00:10:51,730 --> 00:10:53,360
gerð net beiðnir.

164
00:10:53,360 --> 00:10:59,030
Af þeirri ástæðu, þú might ekki vilja til að hafa þessi einstaklingur fá beiðni fyrir einni færslu,

165
00:10:59,030 --> 00:11:03,210
og í staðinn þú vildi bara 1 fá beiðni um múrinn.

166
00:11:03,210 --> 00:11:06,110
Og þá ef þú ert að reyna að slá a jafnvægi á því -

167
00:11:06,110 --> 00:11:10,970
þetta er líka að fara að ráðast á umsókn þinni.

168
00:11:10,970 --> 00:11:13,430
Vegna þess að ef þú ert að búast við að fólk hafi aðeins 10 eða 20 póstar á vegg

169
00:11:13,430 --> 00:11:15,430
sem verður fínt.

170
00:11:15,430 --> 00:11:17,390
En ef þú ert að búast við að þeir ætla hafa þúsundir þá beiðni myndi taka of langan tíma,

171
00:11:17,390 --> 00:11:23,580
og svo þú might vilja til að bæta við fá-allt-innlegg-síðan breytu.

172
00:11:23,580 --> 00:11:26,580
>> Fyrir allar þessar sem þú ert líklega að fara að vilja til að samræma gögn í JSON -

173
00:11:26,580 --> 00:11:29,260
JavaScript Object Ritháttur.

174
00:11:29,260 --> 00:11:34,600
Nánast hvert tungumál fjallar JSON mjög vel.

175
00:11:34,600 --> 00:11:40,880
JQuery hefur þetta ágætur getJSON aðgerð sem gerir allt af the harður vinna fyrir þig.

176
00:11:40,880 --> 00:11:47,390
Og á PHP það er líka mjög gott aðgerðir JSON samskipti.

177
00:11:47,390 --> 00:11:52,660
Svo, það er líklega besta formi til að senda módel fram og til baka.

178
00:11:52,660 --> 00:11:56,570
>> Sem dæmi um það sem við höfum talað um hingað til,

179
00:11:56,570 --> 00:12:00,520
hér er dæmi rennsli fyrir Cat Facebook umsókn þína.

180
00:12:00,520 --> 00:12:07,760
Það byrjar með vafranum þínum óskaði stöð vefslóð.

181
00:12:07,760 --> 00:12:15,470
The framreiðslumaður myndi líklega senda yfir truflanir HTML og smá JavaScript og CSS.

182
00:12:15,470 --> 00:12:19,170
Það er yfirleitt best að gera allir flutningur á þjóninum.

183
00:12:19,170 --> 00:12:23,370
Þú vilt sennilega ekki að -

184
00:12:23,370 --> 00:12:28,360
hvað framreiðslumaður er ekki að gera það er að fara niður lista yfir Wall Posts

185
00:12:28,360 --> 00:12:31,120
og búa til nokkrar HTML fyrir hvert og eitt og senda það yfir.

186
00:12:31,120 --> 00:12:34,960
Það er yfirleitt best að gera það á the viðskiptavinur hlið því annars

187
00:12:34,960 --> 00:12:38,580
hvert skipti sem þú vilt gera það aftur teikna eitthvað, þú þarft að gera miðlara beiðni.

188
00:12:38,580 --> 00:12:42,450
Og það mjög fljótt gefur þér mikið af kostnaður.

189
00:12:42,450 --> 00:12:47,430
Það er yfirleitt best bara að skipið sendir niður truflanir HTML

190
00:12:47,430 --> 00:12:50,660
og þá JavaScript og CSS sem mun gera flutningur á the viðskiptavinur hlið.

191
00:12:50,660 --> 00:12:56,750
Um leið og þessi efni koma í,

192
00:12:56,750 --> 00:13:03,500
þá er hægt að hafa - í JavaScript - þú getur gert beiðni fyrir vegg gögn

193
00:13:03,500 --> 00:13:08,740
og eitthvað svoleiðis, og eftir þessi the framreiðslumaður er í grundvallaratriðum bara að gera gagnagrunn fyrirspurnir

194
00:13:08,740 --> 00:13:10,740
og stöðva heimildir.

195
00:13:10,740 --> 00:13:16,690
Einungis mikilvægur hlutur er að það er ekki hægt að senda yfir nokkur Aðrir notendur vegg innlegg

196
00:13:16,690 --> 00:13:19,220
að þú ert ekki leyft að sjá.

197
00:13:19,220 --> 00:13:28,050
Það getur í rauninni verið mjög þunnt aðgang lag við gagnagrunninn,

198
00:13:28,050 --> 00:13:32,820
og þá allt í sýna gögn - allar skoðanir og efni -

199
00:13:32,820 --> 00:13:37,280
þá getur gerst í vafranum þínum, og svo þegar þú vilt gera a staða eða eitthvað

200
00:13:37,280 --> 00:13:40,000
þú sendir bara ný beiðni.

201
00:13:40,000 --> 00:13:45,350
>> Það er einnig nokkur ímynda sér efni sem þú getur gert á toppur af þessu.

202
00:13:45,350 --> 00:13:49,550
Hvað varðar nákvæmari tæknilegar upplýsingar,

203
00:13:49,550 --> 00:13:53,360
þróa í látlaus JavaScript getur verið svolítið sársaukafull,

204
00:13:53,360 --> 00:13:56,220
þannig að það eru nokkur bókasöfn og tól sem hjálpa þér mikið með það.

205
00:13:56,220 --> 00:14:03,690
Ég held að þú hafir öll líklega heyrt um jQuery sem gerir gera HTML flutningur

206
00:14:03,690 --> 00:14:08,890
og meðferð mun auðveldara - hafa hellingur af fínum störfum fyrir fading inn og út,

207
00:14:08,890 --> 00:14:12,020
og gera Zippy fjör.

208
00:14:12,020 --> 00:14:13,720
Það er líka þetta bókasafn kallast Underscore.js.

209
00:14:13,720 --> 00:14:20,760
Það hefur a einhver fjöldi af gagnlegur virka gagnsemi, efni sem þú vildi búast JavaScript til að hafa

210
00:14:20,760 --> 00:14:24,740
að það hjartarskinn raunverulega - hluti eins og uppstokkun á fjölbreytta,

211
00:14:24,740 --> 00:14:28,900
fjarlægja afrit af lista, eða fletja lista af listum.

212
00:14:28,900 --> 00:14:30,900
Þetta er bara lítill kóða sýni.

213
00:14:30,900 --> 00:14:36,520
Undirstrik hefur tonn af þessum fallegu aðgerðir sem þú vilt og þú vildi hafa allan tímann.

214
00:14:36,520 --> 00:14:38,840
>> Og þá er það 1 fleiri bókasafn sem mig langar að eyða smá tíma á

215
00:14:38,840 --> 00:14:44,800
heitir Backbone.js því Backbone virkilega hjálpar þér að takast á við gerðum á the viðskiptavinur hlið

216
00:14:44,800 --> 00:14:47,210
og mikið um rugling sem það getur valdið.

217
00:14:47,210 --> 00:14:53,550
Burðarás gefur þér þessa hugmynd af gerðum og söfn

218
00:14:53,550 --> 00:14:58,300
JavaScript sem eru í grundvallaratriðum nákvæmlega eins og JavaScript hlutum

219
00:14:58,300 --> 00:15:04,900
í JavaScript fylki en þeir hafa viðburðir þegar þú breyta eiginleikum þeirra.

220
00:15:04,900 --> 00:15:09,090
Rétt eins og í JavaScript, getur þú ert með atburði þegar hnappur gets smellt eða eitthvað

221
00:15:09,090 --> 00:15:14,800
þessi burðarás módel og burðarás söfn mun útvarpa hluti eins

222
00:15:14,800 --> 00:15:17,510
að þegar þeir breytast.

223
00:15:17,510 --> 00:15:22,270
Það þýðir að þú getur bara skrifað eitthvað eins og þessa runu af kóða hér -

224
00:15:22,270 --> 00:15:27,530
þetta segir, þegar þú bæta neinu við innlegg array þú uppkast allan vegginn.

225
00:15:27,530 --> 00:15:34,270
Og þetta myndi segja þegar fjöldi A eftir er af eins breytist,

226
00:15:34,270 --> 00:15:38,970
þú tilkynna notanda sem einhver líkaði staða þeirra.

227
00:15:38,970 --> 00:15:45,210
Eða þegar allir eign staða breytist þú redraw færslu.

228
00:15:45,210 --> 00:15:51,050
Eitthvað svoleiðis mun spara þér tonn af flókið því annars

229
00:15:51,050 --> 00:15:55,440
ef þú ert ekki með einhverja ramma eins og þetta þá í hvert skipti í númerið þitt sem þú breyta

230
00:15:55,440 --> 00:16:04,280
neitt um færslu, vilt þú að muna þig að hringja í öll bakið aðgerðir

231
00:16:04,280 --> 00:16:07,680
og eitthvað svoleiðis, og ef þú vilja til bæta eitthvað nýtt sem gerðist

232
00:16:07,680 --> 00:16:10,680
hvert skipti sem þú breytt innleggi sem þú vilt verða að fara í gegnum hvert stað í þínu

233
00:16:10,680 --> 00:16:14,610
númer sem þú breytt staða og bæta við að nýr hlutur.

234
00:16:14,610 --> 00:16:21,450
A ramma eins og þetta mun fjarlægja mikið af því á milli-lag samskipti

235
00:16:21,450 --> 00:16:28,280
sem gerir númerið þitt flókið og erfitt að halda.

236
00:16:28,280 --> 00:16:31,170
>> There 'a lítill hluti um skoðanir líka.

237
00:16:31,170 --> 00:16:35,960
Ég ætla að láta mest af þessu til Billy því þeir eru tæknilega ekki mjög erfitt.

238
00:16:35,960 --> 00:16:43,540
Nota jQuery fyrir skoðanir þínar. Það er nánast eins og nauðsyn á þessum tímapunkti.

239
00:16:43,540 --> 00:16:46,290
Það gerir bara allt svo miklu auðveldara.

240
00:16:46,290 --> 00:16:48,290
There ert a einhver fjöldi af bókasöfnum.

241
00:16:48,290 --> 00:16:49,970
Ef þú hefur flókinn notandi-tengi atriði,

242
00:16:49,970 --> 00:16:57,250
ef þú vilt sjálfvirkt heill hlutur eða eins og einn af þessum fínum multi-selectors -

243
00:16:57,250 --> 00:17:04,790
ef þú vilt eitthvað svoleiðis, þú ættir sennilega bara að leita í kring

244
00:17:04,790 --> 00:17:08,130
og þú getur fundið góða bókasafn sem mun gera það sem þú vilt.

245
00:17:08,130 --> 00:17:11,579
Billy mun útskýra meira um raunverulega erfiðum hlutum útsýni.

246
00:17:11,579 --> 00:17:17,530
Einnig, eins og a hlið minnispunktur, burðarás hefur einhverja virkni fyrir gerð skoðanir samskipti

247
00:17:17,530 --> 00:17:22,800
fallega með módel - líta á the heimildasöfnun fyrir öllum þessum bókasöfnum, reyndar.

248
00:17:22,800 --> 00:17:28,270
Bara líta á docs. Þeir eru mjög vel skrifuð og auðvelt að fylgja á eftir.

249
00:17:28,270 --> 00:17:33,890
Almennt, getur þú nokkurn veginn bara Google ef þú átt í vandræðum.

250
00:17:33,890 --> 00:17:36,370
There ert a einhver fjöldi af fólk að nota þær.

251
00:17:36,370 --> 00:17:42,020
Ég held að þetta sé eins og endanleg huga.

252
00:17:42,020 --> 00:17:48,770
>> There ert einnig sumir fleiri háþróaður hluti sem þú getur gert

253
00:17:48,770 --> 00:17:53,400
ef þú ert að leita að vefur app auka ógnvekjandi.

254
00:17:53,400 --> 00:17:59,760
Þú getur gert - nýja HTML5 forskrift hefur mikið af fínum hlutum sem þú getur gert.

255
00:17:59,760 --> 00:18:05,780
Sveitarfélaga geymslu - sem er að þú getur geymt gögn í vafranum -

256
00:18:05,780 --> 00:18:09,470
frekar en að þurfa að fara til baka og lesa the framreiðslumaður fyrir allt,

257
00:18:09,470 --> 00:18:12,470
þú getur haldið eitthvað af því á viðskiptavininn og að jafnvel lætur fólk -

258
00:18:12,470 --> 00:18:20,850
í sumum tilfellum getur það jafnvel leyfa þér að nota webpage tengingar.

259
00:18:20,850 --> 00:18:26,980
Það er þetta hlutur sem kallast websockets sem eru öðruvísi net samskipta

260
00:18:26,980 --> 00:18:30,930
þar sem í stað þess að bara þú gerir eina beiðni, þú færð svar og þú ert búinn,

261
00:18:30,930 --> 00:18:35,240
þú halda opna á tengingu við miðlara og svo þú getur gert hlutina eins

262
00:18:35,240 --> 00:18:37,240
rauntíma uppfærslur.

263
00:18:37,240 --> 00:18:42,020
Svo, ef þú varst að reyna að gera spjall app, getur þú notað websockets

264
00:18:42,020 --> 00:18:43,790
að miðla og til baka þannig að þú viljir ekki að halda biðja,

265
00:18:43,790 --> 00:18:48,410
"Ó, framreiðslumaður, var einhver senda mér spjall?" á 10 sekúndna fresti eða eitthvað.

266
00:18:48,410 --> 00:18:55,620
Það er einnig áhugavert HTML5 lögun þar sem þú getur gert það líta út eins og

267
00:18:55,620 --> 00:18:58,340
slóðin á síðuna er að breytast án þess að þurfa að raunverulega endurhlaða hana.

268
00:18:58,340 --> 00:19:03,230
Þú getur notað aftur og áfram hnappur án þess að gera fullt af net beiðnir.

269
00:19:03,230 --> 00:19:14,660
Eitthvað svoleiðis er raunverulega gagnlegur í skilmálar af því að gera það skjótur en einnig vinna eins og a vefur app ætti.

270
00:19:14,660 --> 00:19:17,680
>> Það er líka þetta kallast CoffeeScript.

271
00:19:17,680 --> 00:19:24,450
CoffeeScript er mismunandi tungumál, reyndar, sem safnar niður JavaScript.

272
00:19:24,450 --> 00:19:30,080
Þú myndi skrifa allan kóðann þinn í CoffeeScript, og þá keyra þessa þýðanda,

273
00:19:30,080 --> 00:19:33,300
og það spits út JavaScript skrá sem þú getur meðal annars í vefsíðuna þína.

274
00:19:33,300 --> 00:19:38,860
Ástæðan fyrir því að CoffeeScript er ágætur er því það gets losa af a einhver fjöldi af

275
00:19:38,860 --> 00:19:44,760
undarlegt mál sem JavaScript hefur þar jafnt jafnfætis,

276
00:19:44,760 --> 00:19:51,130
og jafngildir jafningjar gera mismunandi hluti, eða eins og -

277
00:19:51,130 --> 00:19:55,740
það hefur ágætur setningafræði til að takast á við fylki og aðgerðir.

278
00:19:55,740 --> 00:20:00,460
Þetta er smá bút af CoffeeScript sem framleiðir lista yfir alla ferninga

279
00:20:00,460 --> 00:20:04,900
frá 10 ^ 2 til 1 ^ 2 í öfugri röð.

280
00:20:04,900 --> 00:20:08,410
Eins og þú geta sjá, CoffeeScript leyfir oft þú tjáir í 1 línu

281
00:20:08,410 --> 00:20:10,890
hvað myndi taka 5 línur af JavaScript.

282
00:20:10,890 --> 00:20:13,230
Það er hægt að gera hlutina mun auðveldara.

283
00:20:13,230 --> 00:20:15,390
Það er a lítill hluti af nýja setningafræði til að læra í fyrstu,

284
00:20:15,390 --> 00:20:18,010
en það ákveðið verður að gera þér afkastamikill fleiri í the langur hlaupa.

285
00:20:18,010 --> 00:20:22,050
>> Þú getur líka notað önnur tungumál á þjóninum en PHP -

286
00:20:22,050 --> 00:20:27,570
tungumálum eins og Ruby, Python, eða það er jafnvel verkefni sem kallast node.js

287
00:20:27,570 --> 00:20:31,450
sem mun leyfa þér að nota JavaScript á þjóninum.

288
00:20:31,450 --> 00:20:34,700
Persónulega, ég virkilega, virkilega hata PHP.

289
00:20:34,700 --> 00:20:38,310
Ég bara njóta ekki að vinna með það.

290
00:20:38,310 --> 00:20:43,450
Ef þú líka, held að það sé ansi cluge af tungumál,

291
00:20:43,450 --> 00:20:46,160
þá getur þú notað einn af þessum stað.

292
00:20:46,160 --> 00:20:54,780
Almennt, ef þú vilt gera eitthvað og þú í raun ekki vita hvernig þú myndir gera það,

293
00:20:54,780 --> 00:20:56,780
bara leita á Internetinu.

294
00:20:56,780 --> 00:20:59,990
Það eru tonn og tonn af auðlindum sérstaklega á -

295
00:20:59,990 --> 00:21:03,260
StackOverflow er a mikill einn.

296
00:21:03,260 --> 00:21:06,400
Það er þetta vefsíða þar forritarar spyrja hvert annað spurninga.

297
00:21:06,400 --> 00:21:09,690
Þú gætir hafa keyrt inn í það ef þú værir í vandræðum á CS50 vandamál setur.

298
00:21:09,690 --> 00:21:16,820
Og það eru tonn af bókasöfnum til að gera nánast hvað sem þú vilt.

299
00:21:16,820 --> 00:21:21,710
Ef þú vilt gera eitthvað og þú veist ekki hvernig á að gera það,

300
00:21:21,710 --> 00:21:23,710
ekki ráð fyrir að það er ómögulegt.

301
00:21:23,710 --> 00:21:26,160
Bara líta í kring og þú gætir fundið nokkrar góðar auðlindir.

302
00:21:26,160 --> 00:21:29,280
>> Sem almennt sett upp,

303
00:21:29,280 --> 00:21:33,650
Helstu takeaways eru að halda hlutum einfalt.

304
00:21:33,650 --> 00:21:36,010
Flóknari númerið þitt er í upphafi

305
00:21:36,010 --> 00:21:40,370
og því meira sem þú reynir að gera ímynda sér efni,

306
00:21:40,370 --> 00:21:43,300
því lengur sem það tekur að fá eitthvað raunverulega hagnýtur

307
00:21:43,300 --> 00:21:46,480
og því erfiðara verður að breyta síðar.

308
00:21:46,480 --> 00:21:49,580
Svo, gera hlutina á heimsk, auðveld leið fyrst.

309
00:21:49,580 --> 00:21:51,720
Til að fara með það,

310
00:21:51,720 --> 00:21:59,070
ekki vera hrædd við að henda burt gamla númerið eða hreinsa það upp a einhver fjöldi.

311
00:21:59,070 --> 00:22:05,320
Almennt, þegar þú hefur í raun eitthvað að vinna,

312
00:22:05,320 --> 00:22:09,640
það er miklu auðveldara að hugsa um en þegar þú ert enn á undirbúningsstigi

313
00:22:09,640 --> 00:22:12,610
um hvernig set ég þetta allt saman.

314
00:22:12,610 --> 00:22:17,500
Það er best að gera dumbest mögulegu hönnun sem virkar

315
00:22:17,500 --> 00:22:22,270
og þá bæta það iteratively en að reyna að fá allt rétt í fyrsta skipti.

316
00:22:22,270 --> 00:22:28,330
Hvað varðar viðskiptavinur-framreiðslumaður deild, reyna að halda netþjóninn mjög einföld -

317
00:22:28,330 --> 00:22:33,030
bara gagnagrunn og sumir staðfesting og gera ekki allir harður vinna þar.

318
00:22:33,030 --> 00:22:37,540
Gert allt flókið dótið þitt á the viðskiptavinur hlið í vafranum

319
00:22:37,540 --> 00:22:40,650
JavaScript eins mikið og þú getur.

320
00:22:40,650 --> 00:22:43,420
Horfðu í kring fyrir bókasöfn sem gera líf þitt betra.

321
00:22:43,420 --> 00:22:46,850
Alltaf betra að nota kóða sem einhver annar skrifaði

322
00:22:46,850 --> 00:22:49,850
ef þú - og ekki að skrifa það sjálfur.

323
00:22:49,850 --> 00:22:57,560
There 'a einhver fjöldi af efni á Netinu. Google er besti vinur þinn.

324
00:22:57,560 --> 00:22:59,560
Google er besti vinur sem forritari er.

325
00:22:59,560 --> 00:23:07,620
Já, örugglega ekki vera hræddur við að líta í kring fyrir efni.

326
00:23:07,620 --> 00:23:11,860
Allt í lagi. Og yfir til Billy.

327
00:23:11,860 --> 00:23:14,600
>> [Billy] Reyndar, áður en ég byrja á einhverju hönnun efni,

328
00:23:14,600 --> 00:23:17,250
Hefur einhver hefur einhverjar spurningar fyrir Ben um eitthvað sem hann talaði um?

329
00:23:17,250 --> 00:23:20,290
Allt í lagi.

330
00:23:20,290 --> 00:23:22,220
Aftur, láttu okkur vita ef eitthvað er ekki ljóst

331
00:23:22,220 --> 00:23:25,420
eða ef þú vilt okkur að fara yfir eitthvað aðeins meira.

332
00:23:25,420 --> 00:23:30,330
Ég ætla að stíga til baka svolítið og tala um fleiri grundvallar hluta af hönnun.

333
00:23:30,330 --> 00:23:34,840
Ben getið líkan sem kallast - því miður, en fyrirmynd stjórnandi View System

334
00:23:34,840 --> 00:23:38,520
sem er tegund af tæknilegu hlið, þannig að ég ætla að líta á skoðanir sérstaklega,

335
00:23:38,520 --> 00:23:42,930
og ég ætla að byrja með hvernig þú vilt hanna skoðun sem lítur ágætur.

336
00:23:42,930 --> 00:23:50,540
Hér er góður af a mjög undirstöðu sniðmát fyrir köttinn okkar Facebook.

337
00:23:50,540 --> 00:23:54,190
Ég held að það séu nokkur grundvallaratriði í nútíma UI hönnun

338
00:23:54,190 --> 00:23:56,190
sem eru þess virði að tína upp.

339
00:23:56,190 --> 00:23:58,210
Þú getur tekið eftir að það er mikið af hvítum rúm allt á síðunni,

340
00:23:58,210 --> 00:24:00,790
nóg pláss fyrir hluti.

341
00:24:00,790 --> 00:24:02,580
Ekki finnst eins og þú þarft að koma höggi hlutina inn á síðu.

342
00:24:02,580 --> 00:24:06,700
Þú vilja til leyfi fullt af herbergi opinn, og ef þú ferð að nánast allar nútíma website

343
00:24:06,700 --> 00:24:08,380
þú munt sjá að það er hvítt alls staðar.

344
00:24:08,380 --> 00:24:10,380
Það er hvítt á stöðum sem þú myndir ekki búast við.

345
00:24:10,380 --> 00:24:14,570
Þú hefur þetta litavali, og það er skynsamlegt í upphafi

346
00:24:14,570 --> 00:24:17,880
að velja litatöflu sem þú ert að fara að vinna með og þróa.

347
00:24:17,880 --> 00:24:22,250
Þú líka - það hjálpar til við að velja leturgerð, og þannig að þú ert svona að vinna með

348
00:24:22,250 --> 00:24:24,450
þessir steypu grundvallaratriði hönnunar.

349
00:24:24,450 --> 00:24:26,910
Þú hefur tegund, hefur þú liti, og þá getur þú konar

350
00:24:26,910 --> 00:24:29,380
passa allt annað í eins og þarf.

351
00:24:29,380 --> 00:24:37,710
Svo, eins og ég sagði, með litaþema sem þú vilt nota bolder litum litaþema

352
00:24:37,710 --> 00:24:40,320
sparlega. Haus eru ágætur. Hnappar eru gott að hafa mjög stór, áberandi litum.

353
00:24:40,320 --> 00:24:43,710
En almennt, ef þú hafa a website þessi hefur liti alls staðar,

354
00:24:43,710 --> 00:24:47,250
allt að glápa þig í andlitið, það lítur bara ringulreið, og það er ekki gott.

355
00:24:47,250 --> 00:24:50,430
Þú vilt yfirleitt nota ljós litum.

356
00:24:50,430 --> 00:24:52,890
Reyna að, aftur, velja nokkuð heildstæða litasamsetningu.

357
00:24:52,890 --> 00:24:56,640
Hægt er að hafa þessa litlu splashes af fullt af lit -

358
00:24:56,640 --> 00:25:00,240
sem getur að líta nokkuð ágætur, en þú vilt nota þá ansi sparlega.

359
00:25:00,240 --> 00:25:04,270
>> Eins og ég sagði, þú vilt vera í lágmarki. Minna er næstum alltaf meira.

360
00:25:04,270 --> 00:25:07,430
Ef þú getur birt eitthvað eða ekki að birta eitthvað,

361
00:25:07,430 --> 00:25:10,230
og þú ert góður af vafa um hvort það ætti að vera þar sjálfgefið -

362
00:25:10,230 --> 00:25:13,400
sennilega þú ert bestur burt fara það út. Þú getur alltaf bætt við það í seinna.

363
00:25:13,400 --> 00:25:16,620
Já, halda hlutum einfalt.

364
00:25:16,620 --> 00:25:19,510
En mest um vert, þú vilja til íhuga marga hönnun.

365
00:25:19,510 --> 00:25:23,520
Ætlið ekki, að þegar þú hefur komið á síðuna, hefur þú það í höfuðið að þú ert að fara að

366
00:25:23,520 --> 00:25:26,310
gera síðuna á vissan hátt, og það er að fara að líta nákvæmlega eins og þetta.

367
00:25:26,310 --> 00:25:29,830
Það er að fara að hafa bláa haus efst og bláa hlið bar

368
00:25:29,830 --> 00:25:32,670
og þá gula undir-haus hlutur.

369
00:25:32,670 --> 00:25:34,670
Þú vilt gera margar sniðmát.

370
00:25:34,670 --> 00:25:37,350
Þú getur annaðhvort - ef þú ert góður með Photo Shop, þú getur opnað það upp og svoleiðis

371
00:25:37,350 --> 00:25:39,600
hönnun a website og þú vilt það til að líta.

372
00:25:39,600 --> 00:25:41,680
Ef ekki, getur þú bara notað penna og pappír,

373
00:25:41,680 --> 00:25:44,000
en klóra upp margar hönnun.

374
00:25:44,000 --> 00:25:47,000
Þú vilt í rauninni hafa sett upp þar sem þú hefur fullt af mismunandi hönnun,

375
00:25:47,000 --> 00:25:50,810
og ef maður endar að vinna, þá er þessi frábær.

376
00:25:50,810 --> 00:25:53,370
Ef einn endar öðrum kosti, þá hefur þú alltaf annað til að snúa sér til.

377
00:25:53,370 --> 00:25:57,960
Almennt, finnst ekki eins og þú ættir að vera bundnar

378
00:25:57,960 --> 00:26:00,830
til hvað hönnun þú ákveður fyrst á.

379
00:26:00,830 --> 00:26:04,420
Hönnun eru mjög breytilegir og hluti af mikilvægi líkansins

380
00:26:04,420 --> 00:26:09,480
stjórnandi útsýni kerfi er að þú getur skipti inn og út mismunandi skoðanir sem þú vilt.

381
00:26:09,480 --> 00:26:13,510
Þú getur sveifla gögn einn veg, og þá ákveða, ó, í raun, það virkar ekki það vel.

382
00:26:13,510 --> 00:26:19,190
Ég held að það er góður af of flókið eða það er hluti hér sem er ekki í raun að vinna,

383
00:26:19,190 --> 00:26:22,150
þannig að ég ætla bara að fara að algerlega yfirgefa þessa skoðun og skipti í algerlega nýjan.

384
00:26:22,150 --> 00:26:24,790
Við getum samt notað gamla módel og gamla stýringar.

385
00:26:24,790 --> 00:26:27,490
Við getum gert allt á miðlara og biðlara eins og við hefðum áður.

386
00:26:27,490 --> 00:26:32,850
En raunverulegt bylgja gögn sem birt er að fara að vera örlítið öðruvísi.

387
00:26:32,850 --> 00:26:35,840
>> Eins og langt eins og raun útfæra hönnun sem þú vilt,

388
00:26:35,840 --> 00:26:39,330
þegar þú hefur nokkrar hönnun stillt upp á pappír eða á ljósmynd búð eða hvað,

389
00:26:39,330 --> 00:26:42,120
there ert a tala af verkfæraskúr sem eru í boði fyrir þig.

390
00:26:42,120 --> 00:26:45,700
Fyrst þú ert mjög kunnugur sem er HTML, PHP, eða hvað

391
00:26:45,700 --> 00:26:48,990
tungumál sem þú ert að nota bara að kóða truflanir síður á vefsvæðinu þínu.

392
00:26:48,990 --> 00:26:51,990
Þú hefur unnið mikið með HTML sem eins konar gefur þér þessi tög

393
00:26:51,990 --> 00:26:57,820
sem þú getur sett eitthvað inn, og í rauninni er það leið til að skipuleggja efni þitt.

394
00:26:57,820 --> 00:27:00,990
Til dæmis, hefur þú haus þarna uppi, þannig að þú ert að fara að hafa haus tag,

395
00:27:00,990 --> 00:27:05,770
og það er að fara að hafa einhvern texta inni af því sem er líklega að fara að vera í öðru merki.

396
00:27:05,770 --> 00:27:08,380
Þá þú hafa a skenkur kannski með nokkrum mismunandi tengla,

397
00:27:08,380 --> 00:27:10,160
og þeir eru að fara að vera öll í að aðskilja tags.

398
00:27:10,160 --> 00:27:13,870
Svo, í grundvallaratriðum HTML á hjarta sínu er leið að deila upp á síðunni hvernig

399
00:27:13,870 --> 00:27:16,980
þú vilt að lokum að forsníða hana.

400
00:27:16,980 --> 00:27:18,980
Svo aftur, hefur þú séð það áður.

401
00:27:18,980 --> 00:27:20,540
Þú ert ansi ánægð með að vinna með það núna

402
00:27:20,540 --> 00:27:23,120
í ljósi þess að þú hefur gert síðustu pset vonandi,

403
00:27:23,120 --> 00:27:26,150
svo sem ætti ekki að vera vandamál.

404
00:27:26,150 --> 00:27:31,280
>> Síðan sem þú ert CSS sem í grundvallaratriðum annast allt hönnun truflanir þætti.

405
00:27:31,280 --> 00:27:35,320
Það myndi höndla alla liti, ekki minna en því er komið fyrir í mismunandi þætti,

406
00:27:35,320 --> 00:27:36,840
þar sem þeir fara með tilliti hvors til annars,

407
00:27:36,840 --> 00:27:41,530
hversu stór þau eru, mismunandi tegundir af positionings sem þú þyrftir -

408
00:27:41,530 --> 00:27:46,030
í öðrum orðum, getur þú hafa allt fast svo að þegar þú flettir niður að þeir halda,

409
00:27:46,030 --> 00:27:48,700
eða þú getur haft það í samanburði við aðra þætti.

410
00:27:48,700 --> 00:27:50,730
Öll þessi tegund af efni er í CSS.

411
00:27:50,730 --> 00:27:54,630
Enn fremur getur þú gert mismunandi skreytingar, getur þú hefur texta litum,

412
00:27:54,630 --> 00:27:56,630
áhrif texti, allt þess konar efni.

413
00:27:56,630 --> 00:28:00,360
Ben gaf mjög gott námskeið á þessum síðustu helgi,

414
00:28:00,360 --> 00:28:04,450
og svo ég myndi örugglega kíkja á ef þú ætlar að vera að gera sumir ímynda sér hluti með CSS.

415
00:28:04,450 --> 00:28:09,850
CSS3 er í raun nýjasta útgáfa af CSS, og það getur gert alls konar mjög skemmtilegt.

416
00:28:09,850 --> 00:28:14,750
Það getur gert blöndun, þú getur haft ágætur, ávöl horn, þú getur gert alls konar efni

417
00:28:14,750 --> 00:28:17,940
til að gera vefsíðu þína líta meira nýtískuleg og flott.

418
00:28:17,940 --> 00:28:22,150
>> Næsta tól er JavaScript og jQuery sem Ben talaði svolítið um,

419
00:28:22,150 --> 00:28:24,150
en ég ætla að fá smá lengra inn.

420
00:28:24,150 --> 00:28:28,100
JavaScript, sem þú hefur unnið við það smá, eða að minnsta kosti séð það í fyrirlestri,

421
00:28:28,100 --> 00:28:31,870
er eins konar leið af breytilega gera efni í HTML.

422
00:28:31,870 --> 00:28:35,950
HTML, eins og þú veist, er fast, svo þegar þú hefur HTML þú getur ekki breytt því.

423
00:28:35,950 --> 00:28:40,050
En JavaScript, í sumu leyti, er leið til að vera fær um að breyta HTML.

424
00:28:40,050 --> 00:28:44,520
Svo þú getur gert það, og það er frábært, en JavaScript er eiginlega bara með verk til að vinna með.

425
00:28:44,520 --> 00:28:49,050
Það er svo langur og gleiðhyrndur og til að gera jafnvel einföldustu hluti

426
00:28:49,050 --> 00:28:51,630
krefst hellingur af línum JavaScript.

427
00:28:51,630 --> 00:28:55,410
Svo, jQuery er í grundvallaratriðum a bókasafn fyrir JavaScript sem einfaldar allt um það.

428
00:28:55,410 --> 00:28:59,880
Það segir, allt í lagi, ef þú vilt hafa ferningur kassi koma úr vinstri

429
00:28:59,880 --> 00:29:03,980
og hverfa inn á síðuna þannig að það er í miðjunni, í JavaScript sem myndi taka -

430
00:29:03,980 --> 00:29:06,340
Ég veit ekki, hundrað línur til að gera, og það myndi vera a sársauki,

431
00:29:06,340 --> 00:29:10,540
og þú kemur út af því að hata allt um forritun á vefnum.

432
00:29:10,540 --> 00:29:15,380
JQuery þú hefur í rauninni þáttur-punktur-hverfa-í, eða eitthvað svoleiðis.

433
00:29:15,380 --> 00:29:18,580
Svo mjög, mjög einfaldar aðgerðir sem leyfir þér að gera alls konar flottum fjör

434
00:29:18,580 --> 00:29:20,580
og þannig hlutur.

435
00:29:20,580 --> 00:29:23,300
The annar hlutur sem þessir 2 eru virkilega gott fyrir er bara að gera dynamic hluti

436
00:29:23,300 --> 00:29:25,300
með heimasíðu.

437
00:29:25,300 --> 00:29:28,370
Svo, frekar en bara að hafa HTML síðuna þína - sem sýnir sumir gögn en ekki í raun

438
00:29:28,370 --> 00:29:32,130
gera neitt - JavaScript og jQuery vilja láta þig hafa hnapp sem þú getur smellt á,

439
00:29:32,130 --> 00:29:37,960
og þú getur dregið þætti og Re-röð þá og raða þeim, og hafa nýja þætti

440
00:29:37,960 --> 00:29:40,500
bætt við eða fjarlægt. Þú getur bætt-eyða, þessi tegund af hlutur.

441
00:29:40,500 --> 00:29:44,570
Svo, jQuery er tonn af flottum hlutum.

442
00:29:44,570 --> 00:29:48,840
Og Vipul er í raun að gefa námskeið um það í dag, ég tel, á 5-o'clock,

443
00:29:48,840 --> 00:29:51,220
þannig að ef þú getur stafur í kring fyrir það langan tíma, það vildi - 5 eða 4?

444
00:29:51,220 --> 00:29:54,930
Fjórir. Sorry. Það er í raun rétt eftir þetta, þannig að ég mæli með

445
00:29:54,930 --> 00:29:56,680
stafur í kring um það ef þú getur.

446
00:29:56,680 --> 00:30:00,180
JQuery er frábær, frábær gagnlegur, og þú munt vera fær um að gera fullt af fallegu hlutum með það

447
00:30:00,180 --> 00:30:03,460
fyrir nánast hvaða vefur þróun verkefnisins.

448
00:30:03,460 --> 00:30:06,200
>> Nú er ég að fara að fá inn í konar sóma.

449
00:30:06,200 --> 00:30:08,210
Ég hef verið að tala í grundvallaratriðum um notendaviðmóti.

450
00:30:08,210 --> 00:30:11,510
Notendaviðmót er bara hönnun á vefnum.

451
00:30:11,510 --> 00:30:13,780
En það er tegund af annar hugtak sem er notandi reynsla.

452
00:30:13,780 --> 00:30:15,900
Tveir eru mjög ólíkir.

453
00:30:15,900 --> 00:30:19,440
Tengi er örugglega hluti af reynslu.

454
00:30:19,440 --> 00:30:21,340
Með öðrum orðum, þegar þú ferð á síðuna, þú horfir á the tengi.

455
00:30:21,340 --> 00:30:22,960
Það er hluti af því hvernig þú upplifir síðuna.

456
00:30:22,960 --> 00:30:24,960
En notandi reynsla er meira en það.

457
00:30:24,960 --> 00:30:29,910
Notandi reynsla er um það til kynna að notandinn fær frá síðunni þinni er.

458
00:30:29,910 --> 00:30:31,910
Svo, augljóslega, tengi er hluti af því.

459
00:30:31,910 --> 00:30:35,340
Og það er örugglega nauðsynlegur hluti, en það er ekki nóg.

460
00:30:35,340 --> 00:30:38,790
Með öðrum orðum, ef þú hafa a ágætur tengi, og það er falleg og litrík og allt það,

461
00:30:38,790 --> 00:30:43,650
sem er frábært, en ef notandinn fer inn á síðuna þína, sér nokkuð skipulag og það er ruglað saman við

462
00:30:43,650 --> 00:30:47,060
allt, hefur ekki hugmynd um hvernig á að gera neitt, þá augljóslega þú hefur gert mjög

463
00:30:47,060 --> 00:30:48,930
léleg heimasíðu.

464
00:30:48,930 --> 00:30:50,930
Það er tegund af þar sem reynsla notandi kemur inn

465
00:30:50,930 --> 00:30:54,570
Ég ætla að tala svolítið um UX hönnun - UX er stytting á reynslu notenda -

466
00:30:54,570 --> 00:30:58,050
og tegund hvernig þú getur gert úr skugga um að þú sért með góða reynslu notenda.

467
00:30:58,050 --> 00:31:04,330
Fyrsta lið er að þú getur hanna vefsíðu þar sem notandi getur gert neitt sem

468
00:31:04,330 --> 00:31:06,820
sem notandinn hugsanlega vill.

469
00:31:06,820 --> 00:31:08,940
En ef notandi getur ekki fundið út hvernig á að gera þá hluti -

470
00:31:08,940 --> 00:31:12,850
í öðrum orðum, ef notandi hefur ekki góða hugmynd þegar þeir fara á síðuna þína á,

471
00:31:12,850 --> 00:31:17,660
"Ó, ef ég vil að uppfæra upplýsingar um mig, þá er ég smella á þennan hnapp, eða ef ég vil að skrifa á

472
00:31:17,660 --> 00:31:20,850
vegg einhvers, þá fer ég að vegg sínum og smelltu á litla kassa. "

473
00:31:20,850 --> 00:31:24,410
Ef notandinn veit ekki það, þá ertu í raun ekki í raun

474
00:31:24,410 --> 00:31:27,080
útfærð þessi virkni rétt.

475
00:31:27,080 --> 00:31:30,900
Liður í að innleiða með virkni er að notendur eru í raun fær um að nota það.

476
00:31:30,900 --> 00:31:34,810
Og það gæti verið pirrandi - þú gætir komið á síðuna, og það er hægt að gera alls konar

477
00:31:34,810 --> 00:31:37,810
frábæra hluti, en þá munt þú hafa fólk prófa það og segja: "Það er ekki hægt að gera þetta.

478
00:31:37,810 --> 00:31:39,770
Hvers vegna getur það ekki gert þetta? "Og þú munt segja aftur til þeirra,

479
00:31:39,770 --> 00:31:44,420
"Jæja, það getur. Þú verður bara að fara í 7. fellilistanum á þetta dimmur

480
00:31:44,420 --> 00:31:48,470
síðu sem aðeins er að finna með tengil neðst í hægra horninu "eða eitthvað.

481
00:31:48,470 --> 00:31:50,430
Vitanlega, þú vilt ekki.

482
00:31:50,430 --> 00:31:53,420
Þú vilt það til að vera ljóst að notendur sem þeir eiga að gera,

483
00:31:53,420 --> 00:31:56,240
og það ætti að vera einfalt og innsæi fyrir þá.

484
00:31:56,240 --> 00:32:01,180
>> Annað sem þú vilt að reyna að gera er að, ef einhver er að fara að fara á síðuna þína

485
00:32:01,180 --> 00:32:05,520
og 9 af 10 sinnum gera Aðgerð a, og 1 af 10 sinnum gera aðgerð B,

486
00:32:05,520 --> 00:32:08,950
þú vilt sennilega að einbeita reynslu sína á aðgerð A.

487
00:32:08,950 --> 00:32:12,240
Með öðrum orðum, þú vilt gera það mjög ljóst hvernig á að gera A.

488
00:32:12,240 --> 00:32:15,980
A ætti að vera andlit-og-miðstöð - til að fara á síðuna, sjá það, ó, þá hægri þar.

489
00:32:15,980 --> 00:32:20,850
En B augljóslega þú vilt vera skýr, en þú getur skilið það aðeins meira

490
00:32:20,850 --> 00:32:22,850
í bakgrunni.

491
00:32:22,850 --> 00:32:24,640
David gefur gott dæmi um þetta í fyrirlestri,

492
00:32:24,640 --> 00:32:26,640
sem er Boston T kerfi.

493
00:32:26,640 --> 00:32:29,440
Þegar þú ferð til Boston T og þú vilt að kaupa miða,

494
00:32:29,440 --> 00:32:32,700
þú þarft að komast í 5 valmyndir áður en þú getur raunverulega kaupa miða

495
00:32:32,700 --> 00:32:37,130
fyrir $ 2, $ 2,50 gildi, sem er hversu mikið það tekur að ríða í neðanjarðarlestinni

496
00:32:37,130 --> 00:32:39,130
í eina átt.

497
00:32:39,130 --> 00:32:41,600
Það er vandamál vegna þess að flestir sem eru að ríða í neðanjarðarlestinni

498
00:32:41,600 --> 00:32:44,880
sennilega bara að fara í einn stað, kaupa miða sína, fá á strax.

499
00:32:44,880 --> 00:32:47,550
Það er ekki skynsamleg að þeir verða að fara í gegnum fullt af mismunandi matseðlum

500
00:32:47,550 --> 00:32:49,550
til að komast þangað.

501
00:32:49,550 --> 00:32:51,760
A betri reynslu notenda myndi vera fljótur hnappur á fyrstu síðu

502
00:32:51,760 --> 00:32:54,760
sem bara segir, "kaupa einn-vegur miða," og það myndi setja í öllum stöðluðum

503
00:32:54,760 --> 00:32:58,550
sjálfgefin gildi, og síðan ef einhver vill kaupa annan miða en þessi,

504
00:32:58,550 --> 00:33:01,690
þeir enn, að sjálfsögðu, hafa möguleika á að, en þú hefur bjartsýni fyrir

505
00:33:01,690 --> 00:33:04,080
sameiginlegur-nota málið sem er mjög mikilvægt.

506
00:33:04,080 --> 00:33:06,830
Þú getur séð dæmi um þetta á Facebook, ekki satt?

507
00:33:06,830 --> 00:33:09,410
Ef þú ferð á Facebook og þú vilt koma einhverju á stöðu,

508
00:33:09,410 --> 00:33:11,710
það er rétt efst, sem er það sem þú vilt oft til að gera.

509
00:33:11,710 --> 00:33:14,730
Um leið og þú slærð inn á síðuna, getur þú gert algengustu hluti sem

510
00:33:14,730 --> 00:33:16,730
þú vilt gera.

511
00:33:16,730 --> 00:33:17,550
Ef þú vilt gera örlítið flóknara hluti eins og

512
00:33:17,550 --> 00:33:21,070
segja að ég vil fara að vegg vinkonu minnar og sent mynd á það -

513
00:33:21,070 --> 00:33:24,810
sem ég mun vilja gera oft, en ekki eins oft og staða stöðu uppfærslur -

514
00:33:24,810 --> 00:33:28,200
svo í því tilfelli, ég gerð nafn sitt í reitinn efst, smelltu á uppsetningu þeirra,

515
00:33:28,200 --> 00:33:31,680
og þá, samt, er það rétt efst þar þegar ég hef fengið að uppsetningu þeirra.

516
00:33:31,680 --> 00:33:38,240
Aftur, ég hef bjartsýni í forgang fyrir algengustu-nota tilvikum.

517
00:33:38,240 --> 00:33:41,800
>> Annar mikilvægur hlutur er þessi oft fólk mun konar reyna að komast í kringum þetta

518
00:33:41,800 --> 00:33:44,890
með því að segja, allt í lagi, svo ég hef gert á síðuna og fólk eru að finna það ruglingslegt,

519
00:33:44,890 --> 00:33:46,110
og það er vandamál, ekki satt?

520
00:33:46,110 --> 00:33:49,210
Vitanlega, ég vil ekki að fólk sé ruglað saman við efni á síðuna mína.

521
00:33:49,210 --> 00:33:53,210
En leiðin til að leysa það er ekki að hafa eitthvað skjóta upp orðatiltæki,

522
00:33:53,210 --> 00:33:55,290
hey, ég ætla að kenna þér hvernig á að nota þessa síðu.

523
00:33:55,290 --> 00:33:58,130
Skref 1 - smelltu á þennan hnapp. Skref 2 - fara hér.

524
00:33:58,130 --> 00:34:03,080
Jú, það er leið í kringum það - það er leiðin sem þú getur sagt fólki hvað ég á að gera, en það er

525
00:34:03,080 --> 00:34:05,080
raun ekki ákjósanlegur leið.

526
00:34:05,080 --> 00:34:07,420
Ef ég fer inn á vefsíðu og skyndilega ég sprengjuárás með þessum einkatími sem er að segja mér

527
00:34:07,420 --> 00:34:11,739
hvað á að gera og hvar á að fara og allt það, það er ekki gaman fyrir mig.

528
00:34:11,739 --> 00:34:13,739
Það er ekki góð reynsla fyrir mig.

529
00:34:13,739 --> 00:34:17,130
Það er góður af a sársauki. Ég vil bara byrja að gera efni.

530
00:34:17,130 --> 00:34:19,449
Fólk er að fara að loka út af valmynd þeirra,

531
00:34:19,449 --> 00:34:23,580
eða fá út af the einkatími, ekki vita hvað ég á að gera, og þá kvarta vegna

532
00:34:23,580 --> 00:34:25,580
þú hefur ekki sagt þeim hvað á að gera.

533
00:34:25,580 --> 00:34:29,530
The leiðin til að leysa þetta er ekki með því að gefa hvers konar einkatími eða áttir -

534
00:34:29,530 --> 00:34:31,530
eitthvað svoleiðis.

535
00:34:31,530 --> 00:34:33,719
Eins mikið og þú getur forðast það, þú vilt virkilega til að sýna notandanum hvað á að gera

536
00:34:33,719 --> 00:34:36,429
bara eftir eðli hvernig vefsíða er sett fram.

537
00:34:36,429 --> 00:34:39,090
Með öðrum orðum, ef ég fer til Facebook án skógarhögg í,

538
00:34:39,090 --> 00:34:40,920
það fyrsta sem ég sé á aðalsíðu -

539
00:34:40,920 --> 00:34:44,480
það er lítið innskráningu kassi. Svo, duh. Ég verð að skrá þig inn Það er rétt þarna.

540
00:34:44,480 --> 00:34:48,030
En ef ég fór á Facebook og ég þurfti að smella smá tengil neðst

541
00:34:48,030 --> 00:34:51,920
sem sagði "skráir þig inn 'og afgangurinn af síðunni var bara einhvers konar mynd eða eitthvað,

542
00:34:51,920 --> 00:34:54,820
Ég væri í raun ekki vita hvað ég á að gera, ekki satt? Ég vildi að rugla saman.

543
00:34:54,820 --> 00:34:58,590
Svo gæti það sagt mér að fara þangað og smelltu á hnappinn til að skrá þig inn,

544
00:34:58,590 --> 00:35:01,080
eða skráð þig inn í hnappinn gæti verið rétt fyrir ofan þar sem ég ætla að sjá hana.

545
00:35:01,080 --> 00:35:04,780
Þú vilt alltaf vera að sýna notandanum hvað á að gera,

546
00:35:04,780 --> 00:35:06,750
og það ætti að vera sem felst í síðunni sjálfri.

547
00:35:06,750 --> 00:35:09,880
>> Þegar þú ert að hugsa um hönnun og mocking upp mismunandi leiðir

548
00:35:09,880 --> 00:35:13,810
tjá síðuna þína, þú vilt virkilega til að hugsa um hvað notendur eru að fara að

549
00:35:13,810 --> 00:35:19,380
vera að gera og hvernig þú getur sýnt þeim hvað á að gera.

550
00:35:19,380 --> 00:35:23,530
Einn síðastur hlutur er próf er mjög, mjög mikilvægt.

551
00:35:23,530 --> 00:35:27,400
Það er frábært að fá einhvern - fá vin, fá einhvern sem þú þekkir ekki einu sinni -

552
00:35:27,400 --> 00:35:30,420
sem hefur aldrei séð síðuna áður á að nota síðuna.

553
00:35:30,420 --> 00:35:33,650
Þar sem þú hefur verið að vinna á síðuna tímunum, þú hefur verið að glápa á það,

554
00:35:33,650 --> 00:35:36,670
og þú veist nákvæmlega hvað ég á að gera svo augljóslega þú ert að fara að vera að prófa

555
00:35:36,670 --> 00:35:39,520
hlutir sem þú hefur verið að vinna og að þú veist vinnu.

556
00:35:39,520 --> 00:35:42,680
En ef einhver annar kemur með og notar síðuna sem hefur aldrei notað það áður,

557
00:35:42,680 --> 00:35:46,880
sem er einstök upplifun þar sem þú hefur einhvern sem hefur enga fyrri þekkingu

558
00:35:46,880 --> 00:35:51,530
svæðisins fara inn í það, svo þeir eru að fara að hafa í raun ekki hugmynd um hvað ég á að gera

559
00:35:51,530 --> 00:35:54,890
eða hvers konar notkun tilvikum eru til staðar fyrir þá.

560
00:35:54,890 --> 00:36:00,930
Það er frábært. Það er einstakt vegna þess að þeir eru fyrst og fremst maður með autt fyrir huga.

561
00:36:00,930 --> 00:36:03,750
Þeir geta sagt þér ef eitthvað er ruglingslegt eða óljós.

562
00:36:03,750 --> 00:36:07,580
Þeir geta gefið þér hugmynd um einmitt það sem notandi reynsla á síðuna þína er.

563
00:36:07,580 --> 00:36:10,630
Það getur verið mjög erfitt að segja að þér, svo ákveðið að ég myndi hvetja þig

564
00:36:10,630 --> 00:36:13,640
eins og þú ert að þróa verkefni þín - ef þú ert að gera vefur-undirstaða verkefnum -

565
00:36:13,640 --> 00:36:18,290
til að fá fólk nota síðuna eins fljótt og þú hefur einhvers konar hagnýtur kynningu.

566
00:36:18,290 --> 00:36:25,330
>> Nú ætla ég að tala svolítið um hvernig á að stjórna vefnum þróunarverkefni.

567
00:36:25,330 --> 00:36:28,900
Við höfum farið yfir hvernig þú getur gert tæknilega bak-endir hlið,

568
00:36:28,900 --> 00:36:31,050
hvernig er hægt að hanna mjög góður staður,

569
00:36:31,050 --> 00:36:34,150
og það er frábært ef þú ert að vinna með sjálfan þig en -

570
00:36:34,150 --> 00:36:37,300
jafnvel ef þú ert að vinna með sjálfan þig og þá sérstaklega ef þú ert að vinna á lið,

571
00:36:37,300 --> 00:36:39,580
verkefnastjórnun verður stór mál.

572
00:36:39,580 --> 00:36:42,340
Þú hefur konar heyrt um verkefnastjórnun í mismunandi formum síðan

573
00:36:42,340 --> 00:36:45,410
grunnskóla þegar þú varst að segja á hópvinnu.

574
00:36:45,410 --> 00:36:46,820
Þú þarft að vinna, senda, allt um það.

575
00:36:46,820 --> 00:36:49,620
Það gildir allt ennþá hérna, en það eru nokkrar einstakar aðstæður með

576
00:36:49,620 --> 00:36:54,910
tölvunarfræði sem þú vilt vera meðvitaðir um, og þú vilt tryggja að þú séð vel.

577
00:36:54,910 --> 00:36:58,050
Ég tala fyrst svolítið um liðið að þú munt vera inn

578
00:36:58,050 --> 00:37:03,280
Það er mjög mikilvægt að velja rétta stærð af a lið til að vinna á,

579
00:37:03,280 --> 00:37:05,890
og í lokaverkefni þínu Ég held að þú hafir möguleika á að velja

580
00:37:05,890 --> 00:37:08,610
á milli 1 og 4 manns ef ég hef rétt.

581
00:37:08,610 --> 00:37:12,050
Þú vilt tryggja að þú sért ekki bara að velja úr fjölda fólks

582
00:37:12,050 --> 00:37:14,950
sem þú vilt vinna með vegna þess að þeir eru vinir þínir.

583
00:37:14,950 --> 00:37:18,170
Þú vilt að velja lið sem er góð stærð og það mun fá the starf.

584
00:37:18,170 --> 00:37:22,700
Það er a viðskipti burt í að hafa fleira fólk á móti minna fólk.

585
00:37:22,700 --> 00:37:25,320
Ef þú ert með fleiri fólk, augljóslega meiri vinna er hægt að gera

586
00:37:25,320 --> 00:37:28,450
vegna þess að þú hefur fullt af fólki, fullt af kóða, fullt af hugmyndum,

587
00:37:28,450 --> 00:37:29,870
og það er allt frábært.

588
00:37:29,870 --> 00:37:32,590
En það þarf líka miklu meira stjórnun og margt fleira samskipti.

589
00:37:32,590 --> 00:37:34,720
Með öðrum orðum, ef þú ert 4 sem vinna að sama verkefni

590
00:37:34,720 --> 00:37:39,200
og þeir eru allir að breyta sama kóða, meira eða minna þeir alls konar þörf til vita

591
00:37:39,200 --> 00:37:40,920
hvað er að gerast svo það krefst þess að þú -

592
00:37:40,920 --> 00:37:44,580
ef þú bæta nokkrum nýjum virka þú ert svoleiðis að segja fólki - Ég bæta þetta,

593
00:37:44,580 --> 00:37:48,510
Ég er að breytast þetta á þennan hátt - sérstaklega ef þú kemst inn í mjög djúpt efni

594
00:37:48,510 --> 00:37:52,730
eins og módel og stýringar sem eru í raun að fara að hafa áhrif á hvernig staður virkar.

595
00:37:52,730 --> 00:37:54,500
Allt liðið þarf að vera meðvitaðir um það,

596
00:37:54,500 --> 00:37:58,140
svo þú þarft að ganga úr skugga um að þú sért ekki að velja of stórt lið sem er að fara að vera erfitt

597
00:37:58,140 --> 00:37:59,970
að gera þessi samskipti.

598
00:37:59,970 --> 00:38:02,930
Þú getur einnig vil ekki að velja nógu lítill lið sem þú ert ekki að fara að

599
00:38:02,930 --> 00:38:06,250
vera fær um að miðla því það er bara þú.

600
00:38:06,250 --> 00:38:11,270
>> Annar hlutur til íhuga er jafnvægi þar færni fólks eru.

601
00:38:11,270 --> 00:38:14,350
Það er frábært ef þú ert voða gott forritari.

602
00:38:14,350 --> 00:38:17,050
En ef þú ert alla bak-endir fólk, þá síðuna þína er ekki að fara að líta mjög vel

603
00:38:17,050 --> 00:38:20,860
vegna þess að þú hefur þessa miklu gagnagrunn, og það gerir frábær-fljótur leitarfyrirspurnir -

604
00:38:20,860 --> 00:38:26,130
sem er frábært - en þegar þú ferð að því, það er eins og a staður með 1990 er rauður og blár

605
00:38:26,130 --> 00:38:30,370
alls staðar, og það er ekki gott heldur.

606
00:38:30,370 --> 00:38:34,210
Takið eftir að Ben og ég að vinna sem lið eru mjög gott af því að ég er svona meira

607
00:38:34,210 --> 00:38:38,030
í framan enda, samskipti við bæði í miðju-endir, og Ben er mjög góður með bak-endir efni,

608
00:38:38,030 --> 00:38:43,550
svo sem virkar mjög vel vegna þess að við getum hönnun hvaða staður og í rauninni holur

609
00:38:43,550 --> 00:38:47,580
í þessi staður sem þarf að vera fyllt er hægt að fylla með annaðhvort einn af okkur, eða hugsanlega bæði.

610
00:38:47,580 --> 00:38:50,210
Þú vilt tryggja að það eru engar holur í liðinu þínu.

611
00:38:50,210 --> 00:38:51,180
Það er allt í lagi ef það er hluti af skarast.

612
00:38:51,180 --> 00:38:53,670
Með öðrum orðum, ef þú ert 2 manns sem eru bæði góð með bak endir,

613
00:38:53,670 --> 00:38:57,250
sem getur verið góð og vel vegna þess að þeir geta hjálpað hver öðrum með vandamál

614
00:38:57,250 --> 00:38:58,820
sem þeir eru með.

615
00:38:58,820 --> 00:39:02,590
Það getur verið vandamál ef þú hefur aðeins 1 manneskja sem er ábyrgur fyrir ákveðnum hlut

616
00:39:02,590 --> 00:39:06,650
og þeir hlaupa inn í vandamál, svo þú vilt hafa smá skarast

617
00:39:06,650 --> 00:39:10,760
en þú vilt mest um vert að tryggja að allar hugsanlegar holur eru fylltar.

618
00:39:10,760 --> 00:39:17,550
>> The síðastur hlutur - og þetta ætti að vera augljóst, en það er oft ekki.

619
00:39:17,550 --> 00:39:19,550
Þú vilt virkilega að vera að hafa gaman.

620
00:39:19,550 --> 00:39:23,360
Tilgangur þessa lokaverkefnis í CS50 og oft að benda á þróun vefur í almennt

621
00:39:23,360 --> 00:39:26,360
er ekki bara að gera starf vegna þess að það þarf að gera.

622
00:39:26,360 --> 00:39:29,140
Þú vilt virkilega að vera að skemmta sér, og þú vilt vera að gera eitthvað

623
00:39:29,140 --> 00:39:31,180
sem er að hvetja þig til að vinna á það.

624
00:39:31,180 --> 00:39:33,650
Ef hvað þú ert að gera er sársauki til að setjast niður og vinna,

625
00:39:33,650 --> 00:39:35,650
þá þú ert ekki að velja rétt verkefni.

626
00:39:35,650 --> 00:39:37,730
Þú vilt að velja eitthvað sem þér finnst áhugavert,

627
00:39:37,730 --> 00:39:41,150
þú vilt virkilega til að sjá niðurstöðuna, þú ert spenntur þegar þú færð nýja sýn á

628
00:39:41,150 --> 00:39:44,700
eitthvað sem þú gætir gert - svo er það alls konar verkefnum þar sem ég er viss um

629
00:39:44,700 --> 00:39:47,290
þú getur fundið - allir hafa eitthvað sem myndi virkilega Intrigue þeim

630
00:39:47,290 --> 00:39:49,290
ef þeir eru að gera a vefur-undirstaða verkefnisins.

631
00:39:49,290 --> 00:39:52,210
Ég segi það aftur núna.

632
00:39:52,210 --> 00:39:54,520
Ef verkefnið virðist eins og sársauka og þú vilt ekki að vinna á það,

633
00:39:54,520 --> 00:39:57,260
velja annað verkefni. Veldu eitthvað sem raunverulega hvetur þig.

634
00:39:57,260 --> 00:40:00,260
>> Ben nefndi þetta hugtakið endurtekning a hluti, og ég vil fara yfir það aðeins.

635
00:40:00,260 --> 00:40:08,250
Það er mjög mikilvægt að vinna í spurts þar sem þú fengið eitthvað hagnýtur.

636
00:40:08,250 --> 00:40:13,420
Það getur verið mikill ef þú hefur þessa áætlun fyrir a website þessi er að fara að gera A, B og C,

637
00:40:13,420 --> 00:40:16,000
og að lokum það munum komast þangað.

638
00:40:16,000 --> 00:40:18,600
En þú ert fastur í þessum áfanga þar sem þú ert að vinna á það og vinna á það,

639
00:40:18,600 --> 00:40:23,330
en ekkert er farin að gera. Þú þarft ekki neitt að sjá og áþreifanlega, hagnýtur hlutur.

640
00:40:23,330 --> 00:40:27,940
Það sem þú raunverulega vilja til gera eins mikið og það virðist eins konar sársauka stundum til

641
00:40:27,940 --> 00:40:32,300
vinna á eitthvað og þá tegund af Cap það burt svo að það er að minnsta kosti stöðugt, hlaupandi

642
00:40:32,300 --> 00:40:34,910
útgáfa jafnvel ef það hefur ekki allar aðgerðir sem þú vilt.

643
00:40:34,910 --> 00:40:37,690
Og kannski eru sumir lögun þessi þú vilt virkilega að bæta en þú getur bara ekki

644
00:40:37,690 --> 00:40:41,830
vegna þess að þú vilt fá þessa síðu til að virka lið.

645
00:40:41,830 --> 00:40:44,400
Og svo þú vilt konar hafa allt þróunarferli líta út eins og þessi.

646
00:40:44,400 --> 00:40:47,810
Þú vilt að byrja einhversstaðar hagnýtur - eða í raun að byrja með ekkert -

647
00:40:47,810 --> 00:40:49,890
en þú vilt fá eitthvað mjög grunn og hagnýtur.

648
00:40:49,890 --> 00:40:54,940
Og þá aftur, gera eins konar stökk og fá einhvers staðar hagnýtur aftur.

649
00:40:54,940 --> 00:40:59,190
Þú munt hægt að byggja upp, og það gæti farið svolítið hægar en ella,

650
00:40:59,190 --> 00:41:03,000
en í the langur hlaupa ef þú ert stöðugt fastur í þessari miðja jarðar stig hvar þú

651
00:41:03,000 --> 00:41:06,380
raun ekki að hafa neitt að vinna, það geta vera a mjög stór hindrun

652
00:41:06,380 --> 00:41:09,970
að vinna á verkefnið vegna þess að þú ert alltaf svo nálægt því að fá það að vinna,

653
00:41:09,970 --> 00:41:12,130
og það er aldrei í raun að vinna.

654
00:41:12,130 --> 00:41:14,810
Þú vilt vinna í þessum hagnýtur spurts,

655
00:41:14,810 --> 00:41:17,950
og þú vilt einnig að gera sumir íhugun eftir hverjum og einum.

656
00:41:17,950 --> 00:41:21,260
Með öðrum orðum, þegar þú ert á stað þar sem síða er nú að vinna -

657
00:41:21,260 --> 00:41:24,790
það hefur ekki allt sem þú vilt en það gerir sumt -

658
00:41:24,790 --> 00:41:28,870
þú vilt að hugsa, allt í lagi, er þetta síða inna markmið sem ég ákvað að gera?

659
00:41:28,870 --> 00:41:33,410
Með öðrum orðum, ef staður er að fara að gera X, er það sem ég hef að vinna í átt að X?

660
00:41:33,410 --> 00:41:36,450
Eru allar virkni sem ég vildi þarna?

661
00:41:36,450 --> 00:41:39,340
Og að auki er það að þjóna heildar tilgangi sem ég vil?

662
00:41:39,340 --> 00:41:43,200
Ef þú ert að finna að vefsvæði þitt er að byrja að veer í aðra átt

663
00:41:43,200 --> 00:41:47,330
eða kannski það bara svona eru ekki að virka út, getur það verið kominn tími til að skipta gír svolítið.

664
00:41:47,330 --> 00:41:51,700
Með öðrum orðum, það er þess virði að íhuga - það er þess virði að henda út hugmyndir ef þörf krefur

665
00:41:51,700 --> 00:41:57,950
og miðað er ég að vinna í raun að það sem ég vil vera.

666
00:41:57,950 --> 00:42:00,760
>> Ég tel það er næsta lið mitt. Ekki vera hræddur við að yfirgefa hugmyndir.

667
00:42:00,760 --> 00:42:03,750
Bara vegna þess að þú eytt fullt af tíma að vinna á lögun

668
00:42:03,750 --> 00:42:07,890
og að lokum fékk hún að vinna en það raunverulega er ekki að fara svo vel -

669
00:42:07,890 --> 00:42:12,690
eins og það er ekki að gagni eða notendur eru í vandræðum með það - þessi tegund af hlutur -

670
00:42:12,690 --> 00:42:15,300
ekki vera hræddur við að henda henni.

671
00:42:15,300 --> 00:42:17,650
Það sýgur að þú hafir eytt miklum tíma að vinna á það,

672
00:42:17,650 --> 00:42:21,870
en á endanum þú vilt ekki síðuna sem er eins konar sett saman af þessum stykki sem

673
00:42:21,870 --> 00:42:25,380
konar vinnu en eru ekki að vel þjónað.

674
00:42:25,380 --> 00:42:27,990
Einnig, dont 'vera hræddur til að faðma nýjar hugmyndir.

675
00:42:27,990 --> 00:42:30,050
Ef einhver kemur með og segir, hey, þessi síða lítur mjög kaldur en

676
00:42:30,050 --> 00:42:32,290
myndi það ekki vera jafnvel mikill ef það gerði líka þessa?

677
00:42:32,290 --> 00:42:36,220
Bara vegna þess að það er eitthvað sem þú ætlar ekki og eitthvað sem er ekki á þínu

678
00:42:36,220 --> 00:42:37,900
sérstakur, eitthvað sem þú hefur ekki sett fram til að gera,

679
00:42:37,900 --> 00:42:40,860
ekki vera hræddur við að taka á því og þá að vinna með það.

680
00:42:40,860 --> 00:42:43,680
Vegna þess að oft hugmyndir sem þú keyra með gegn the rás af þróun

681
00:42:43,680 --> 00:42:47,630
enda sé raunverulega kaldur lögun af the website.

682
00:42:47,630 --> 00:42:49,630
>> Ég hef sagt þetta áður. Ég segi það aftur.

683
00:42:49,630 --> 00:42:51,630
Prófunartæki eru frábær, frábær gagnlegt.

684
00:42:51,630 --> 00:42:56,350
Reyna að fá fólk sem hefur aldrei séð síðuna áður að skrá þig inn á og sjá hvað er að gerast

685
00:42:56,350 --> 00:42:59,080
vegna þess að þeir geta ekki aðeins prófa notagildi svæðisins og reynslu notenda,

686
00:42:59,080 --> 00:43:02,070
en þeir geta einnig prófa virkni á þann hátt að þú getur ekki.

687
00:43:02,070 --> 00:43:06,430
Ef þú gera sumir lögun þessi hjartarskinn a viss hlutur

688
00:43:06,430 --> 00:43:11,620
og þú veist það er að fara að gera það það sama rétt í hvert einasta skipti, sem er frábært.

689
00:43:11,620 --> 00:43:16,610
En það getur oft verið erfitt að gera grein fyrir horn tilvikum þar sem notandi gæti

690
00:43:16,610 --> 00:43:19,500
skrifar eitthvað sem þú áttir ekki von - einmitt vegna þess að þú skilgreindir

691
00:43:19,500 --> 00:43:21,500
aðgerðir sjálfur.

692
00:43:21,500 --> 00:43:23,730
Svo, til að hafa einhver koma á sem hefur ekki hugmynd um hvernig á að nota síðuna

693
00:43:23,730 --> 00:43:26,840
og bara brjóta það í hvaða hátt sem þeir geta gert er mjög gagnlegt því þú

694
00:43:26,840 --> 00:43:30,340
fá hugmynd frá allt öðru sjónarhorni hvað á síðuna þína er að vinna

695
00:43:30,340 --> 00:43:33,300
og hvað þarf viðgerð.

696
00:43:33,300 --> 00:43:37,070
>> Síðast, ég ætla að tala um einhverja almenna góða starfshætti,

697
00:43:37,070 --> 00:43:42,470
og þú hefur séð mikið af þessum í CS50, en þeir einnig virkilega, virkilega eiga í verkefninu stilling.

698
00:43:42,470 --> 00:43:47,600
Einn er athugasemdir. Alltaf comment númerið þitt sérstaklega ef þú ert að vinna að stóru liði.

699
00:43:47,600 --> 00:43:51,230
Það getur verið svo pirrandi að bara risastór blokk af kóða sem einhver er skrifað

700
00:43:51,230 --> 00:43:54,230
og kannski virkar það, kannski er það ekki, en þú hefur ekki hugmynd um hvað það gerir,

701
00:43:54,230 --> 00:43:58,010
svo þú hefur enga hugmynd um hvort það er gagnlegt eða ekki eða hvort það ætti að vera þarna eða ekki,

702
00:43:58,010 --> 00:44:00,200
og ef þú ert að vinna við eitthvað annað það er jafnvel mögulegt að þú ert að vinna á

703
00:44:00,200 --> 00:44:06,590
það sama, svo bara að vera mjög, mjög varkár að taka tillit til jafningja þinn

704
00:44:06,590 --> 00:44:09,710
og skrifa kóða sem er vel skjalfest.

705
00:44:09,710 --> 00:44:13,580
Þú þarft ekki að ganga svo langt að gera allt hlutur þar Eins ef þú stighækkun

706
00:44:13,580 --> 00:44:16,620
teljari hefur athugasemd sem segir, ég er að bæta 1 við þennan teljara.

707
00:44:16,620 --> 00:44:20,450
Það þarf ekki að vera að nákvæmar, en fyrir hvaða aðgerð sem þú ert alltaf að skrifa

708
00:44:20,450 --> 00:44:23,160
þú ættir að hafa sumir gögn um hvað þessi aðgerð nákvæmlega er,

709
00:44:23,160 --> 00:44:25,140
hvað inntak hennar eru, og hvað það ætti að skila.

710
00:44:25,140 --> 00:44:27,800
Þannig að þú getur notað aðra hluti fólks á vefnum

711
00:44:27,800 --> 00:44:31,990
og þú getur unnið að byggja eitthvað stórt.

712
00:44:31,990 --> 00:44:34,100
>> Annar mikilvægur hlutur er að þú vilt gera reglulega hreinn-ups.

713
00:44:34,100 --> 00:44:40,490
Code fær sóðalegur. Ekki líður illa ef númerið þitt er bara algerlega ólæsileg og risastór óreiðu.

714
00:44:40,490 --> 00:44:42,770
Sem gerist í þróun vefur alltaf.

715
00:44:42,770 --> 00:44:46,530
Þú ert að bæta við nýjum eiginleikum, fjarlægja gömlu. Efni er að fara að vera það sem ætti ekki að vera.

716
00:44:46,530 --> 00:44:49,330
Það er fínn, en þú vilt vera viss um að takast á við það reglulega.

717
00:44:49,330 --> 00:44:53,430
Þú vilt ekki að láta það byggja upp að þeim stað þar sem þú bara getur ekki fundið neitt

718
00:44:53,430 --> 00:44:56,430
í kóðanum þínum, og þú hefur ekki hugmynd um hvað eitthvað er.

719
00:44:56,430 --> 00:44:58,430
Það er málið með HTML.

720
00:44:58,430 --> 00:44:59,490
Stundum þú munt enda með hlutum sem innihalda ekki neitt,

721
00:44:59,490 --> 00:45:01,320
og þú þarft að losna við þá.

722
00:45:01,320 --> 00:45:04,610
Í CSS er hægt að vera að vísa til þátta sem eru ekki þar lengur,

723
00:45:04,610 --> 00:45:06,340
svo þú vilt losna við að kóða.

724
00:45:06,340 --> 00:45:09,900
Í JavaScript, þú might hafa fjarlægt eitthvað frá HTML.

725
00:45:09,900 --> 00:45:13,150
Svo, þú vilt tryggja að þú ert alltaf að þrífa upp, sem gerir hlutina nokkuð

726
00:45:13,150 --> 00:45:17,450
eins mikið og þú getur með reglulegu millibili.

727
00:45:17,450 --> 00:45:21,060
>> Annar mjög gagnlegur hlutur sem ég held ekki er lýst mjög mikið í CS50

728
00:45:21,060 --> 00:45:23,430
en það er þess virði að fá inn í er stjórn útgáfa.

729
00:45:23,430 --> 00:45:27,180
Hugmyndin um stjórn útgáfa er þegar þú ert í rauninni að halda utan um allar framfarir

730
00:45:27,180 --> 00:45:30,820
þú hefur gert í átt síðuna þína og ef allir benda þér grein fyrir, ó, þetta var að vinna

731
00:45:30,820 --> 00:45:35,220
fyrir nokkru síðan en það er ekki að virka lengur, getur þú farið aftur til fyrri útgáfum

732
00:45:35,220 --> 00:45:37,720
og sjá hvað hefur breyst síðan þá og þessi tegund af hlutur.

733
00:45:37,720 --> 00:45:41,670
Aðal leiðin til að gera sem er með Git og Git er þetta allt eins konar kerfi sem

734
00:45:41,670 --> 00:45:46,390
Ég tel Tommy MacWilliam gaf námskeið um síðustu ár.

735
00:45:46,390 --> 00:45:51,520
Ef þú ferð inn í CS50 námskeiðum fyrir 2011, er hægt að sjá námskeið hans um það.

736
00:45:51,520 --> 00:45:57,070
Hugmyndin um Git er í grundvallaratriðum að á reglulegu millibili sem þú ert að gera þessar skuldbindingar

737
00:45:57,070 --> 00:46:01,430
sem eru leiðir til að segja að síða er í ansi stöðuga útgáfu núna svo

738
00:46:01,430 --> 00:46:05,910
Ég er umbúðir það upp og senda það burt til a framreiðslumaður, og þá getur þú farið til þess miðlara

739
00:46:05,910 --> 00:46:07,910
og líta á allar fyrri útgáfur af kóðanum þínum og sjá hvernig það er gengið

740
00:46:07,910 --> 00:46:12,210
og allt sem svoleiðis gott.

741
00:46:12,210 --> 00:46:14,210
Svo, það er í grundvallaratriðum það.

742
00:46:14,210 --> 00:46:17,870
Eins og langt eins og vefur þróun, erum við fús til að vera kyrr og svara einhverju

743
00:46:17,870 --> 00:46:20,570
spurningar eins langt og kynningu okkar.

744
00:46:20,570 --> 00:46:22,900
Það er það. Takk. >> [Ben] Takk.

745
00:46:22,900 --> 00:46:28,480
[Lófaklapp]

746
00:46:28,480 --> 00:46:30,950
>> [Billy] Starfsfólk, er einhver hefur einhverjar spurningar um það sem við höfum fjallað

747
00:46:30,950 --> 00:46:33,950
eða hlutir sem við höfum ekki falla að þeir voru að vonast við myndum ná?

748
00:46:33,950 --> 00:46:35,950
Við myndum vera fús til að svara þeim. Einhver?

749
00:46:35,950 --> 00:46:50,360
[Áheyrandi] Hverjir eru kostir og gallar þess að nota Ruby eða nota Python?

750
00:46:50,360 --> 00:46:58,660
[Ben] Spurningin var, hvað eru kostir og gallar þess að nota Ruby eða Python

751
00:46:58,660 --> 00:46:59,900
í stað þess eins og PHP.

752
00:46:59,900 --> 00:47:11,340
Kostir eru að Ruby og Python eru mun betri tungumál en PHP.

753
00:47:11,340 --> 00:47:14,920
Minnsta kosti að mínu mati, og ég held að í fullt af skoðunum annarra eins og heilbrigður.

754
00:47:14,920 --> 00:47:20,990
Þeir voru hannaðir meira fyrir að gera flókna efni,

755
00:47:20,990 --> 00:47:25,380
og minna fyrir whacking saman vefsíður mjög fljótt með

756
00:47:25,380 --> 00:47:28,400
smá dynamic innihald.

757
00:47:28,400 --> 00:47:35,180
The gallar eru að það er svolítið af - það er meira af a læra

758
00:47:35,180 --> 00:47:37,220
að fá þá sett upp.

759
00:47:37,220 --> 00:47:41,010
Það er, eins og í PHP, getur þú bara að hafa HTML skrá og þú skrifar minna en,

760
00:47:41,010 --> 00:47:43,060
spurningarmerki, og þá skrifa nokkur númer, og þá skrifa spurningarmerki,

761
00:47:43,060 --> 00:47:45,700
meiri en áður, og þá þú ert búinn.

762
00:47:45,700 --> 00:47:50,300
Á öðrum tungumálum eins og Ruby eða Python,

763
00:47:50,300 --> 00:47:56,810
þú þarft að fara í gegnum svolítið meiri vinnu til að fá fyrstu síðuna í gangi.

764
00:47:56,810 --> 00:48:02,730
Það er líka - að minnsta kosti það notað til að vera raunin - að það er meira skjöl

765
00:48:02,730 --> 00:48:05,480
í boði fyrir PHP bara vegna þess að það eru fleiri fólk sem notar það.

766
00:48:05,480 --> 00:48:09,370
Ég held að það er ekki eins mikið mál lengur.

767
00:48:09,370 --> 00:48:12,520
Það er vissulega mjög gott skjöl fyrir efni eins og Ruby á Teinn

768
00:48:12,520 --> 00:48:16,080
eða Django fyrir Python jafngildir.

769
00:48:16,080 --> 00:48:25,910
PHP er sá sem allir er verið að nota í mörg ár, og þú veist hvernig það virkar.

770
00:48:25,910 --> 00:48:28,460
Ruby og Python eru svolítið minna þroskaður.

771
00:48:28,460 --> 00:48:33,130
>> [Áheyrandi] Ef þú varst að velja á milli einn af þeim til að læra eða taka upp,

772
00:48:33,130 --> 00:48:36,130
Hver mundir þú kjósa?

773
00:48:36,130 --> 00:48:38,870
Heiðarlega, held ég að ráðast á mann.

774
00:48:38,870 --> 00:48:45,450
Fyrirgefðu. Spurningin var hver myndir þú velja fyrir einhvern til að læra?

775
00:48:45,450 --> 00:48:50,230
Mér finnst Python ágætur persónulega.

776
00:48:50,230 --> 00:48:55,360
There ert a einhver fjöldi af fólki sem - ég gerði fyrst vefur dev verkefnið mitt í Python og Django.

777
00:48:55,360 --> 00:49:00,300
There ert a einhver fjöldi af fólk sem finnst Ruby á Teinn líka.

778
00:49:00,300 --> 00:49:02,650
Sennilega fleira fólk sem þekkir Ruby á Teinn.

779
00:49:02,650 --> 00:49:05,270
Heiðarlega, myndi ég bara fara með hvað fólkið í kringum þig vita

780
00:49:05,270 --> 00:49:09,680
þannig að þú hefur fólk til að spyrja spurninga.

781
00:49:19,640 --> 00:49:24,170
>> Spurningin var - á sameiginlegum netþjónum er það góður af harður til að vinna á Python?

782
00:49:24,170 --> 00:49:26,170
Það veltur á hýsingu þína.

783
00:49:26,170 --> 00:49:29,400
There ert a tala af vélum vefur sem mun eftir Python efni.

784
00:49:29,400 --> 00:49:31,400
WebFaction gerir það, ekki satt?

785
00:49:31,400 --> 00:49:34,400
WebFaction er eitt sem Billy og ég hef notað í sumum verkefnum.

786
00:49:34,400 --> 00:49:37,750
Þeir eru mjög mikill. Þeir styðja flestum tungumálum.

787
00:49:37,750 --> 00:49:40,020
En það er satt að PHP er miklu meira víða stutt.

788
00:49:40,020 --> 00:49:45,210
Svo, ef þú ert fastur á vefnum gestgjafi sem aðeins er php, það er góð ástæða til að nota PHP.

789
00:49:45,210 --> 00:49:56,010
>> [Áheyrandi] Ég fékk bara í að læra hvernig á að fyrirspurn Sum gagnasöfn,

790
00:49:56,010 --> 00:50:00,680
og ég veit SQL minn er út um allt, en ég nýlega fengu snertingu við -

791
00:50:00,680 --> 00:50:04,470
og þú bent á það af. Þú sérð JSON og stækkanlegt gagnagrunna.

792
00:50:04,470 --> 00:50:14,580
SQL minn er enn út um allt. Hvernig sérð þú það að gerast?

793
00:50:14,580 --> 00:50:21,330
Er að fara að vera vaxandi tilhneiging til að fá meiri stækkanlegt (inaudible)?

794
00:50:21,330 --> 00:50:30,100
Spurningin var - ég held að það er að fara að vera tilhneiging til non-SQL gagnagrunnum.

795
00:50:30,100 --> 00:50:33,850
Til dæmis, eins og MongoDB. Ég held að það sé örugglega satt.

796
00:50:33,850 --> 00:50:38,730
Mitt ráð var að mestu mySQL tengdum hér aðeins vegna mySQL er

797
00:50:38,730 --> 00:50:40,950
iðnaður staðall.

798
00:50:40,950 --> 00:50:45,950
Persónulega, ÉG vilja mikið gagnagrunna sem hafa ekki schemos eins MongoDB

799
00:50:45,950 --> 00:50:49,520
þar sem þú ert ekki með útgáfu, ó, ég þarf að bæta við annan dálk.

800
00:50:49,520 --> 00:50:51,600
Vei mér, eins og hvað á ég að gera?

801
00:50:51,600 --> 00:50:55,840
Það er mjög erfitt að gera það á MySQL, en þegar þú ert eitthvað eins og Mongo

802
00:50:55,840 --> 00:50:57,840
það er miklu betur.

803
00:50:57,840 --> 00:51:03,780
Hin ágætur hlutur óður í Mongo er að færslur þínar eru í raun JavaScript hlutum.

804
00:51:03,780 --> 00:51:10,110
Það er engin tegund af viðskipti skref þar sem þú þarft að taka þessum gagnagrunni raðir

805
00:51:10,110 --> 00:51:13,140
og snúa þeim í JavaScript hlut og þá senda þá yfir vírinn.

806
00:51:13,140 --> 00:51:20,290
Ég held eitthvað svoleiðis er að fara að vera mjög, mjög gagnlegt fyrir hraðri þróun vefur í framtíðinni.

807
00:51:20,290 --> 00:51:23,060
>> [Billy] Eitthvað sem ég myndi bæta við sem er bara almenn atriði er að

808
00:51:23,060 --> 00:51:26,580
finnst eins og þú ættir að hafa lært allt af þeim tungumálum sem við höfum rætt

809
00:51:26,580 --> 00:51:28,580
frá málþingi okkar.

810
00:51:28,580 --> 00:51:30,560
Vitanlega málið er að gefa þér hugmynd um hvað er þarna úti,

811
00:51:30,560 --> 00:51:33,450
og ef þú ert ráðabrugg við eitthvað af því sem við höfum getið þú getur google þá

812
00:51:33,450 --> 00:51:35,830
og lesa upp á þeim.

813
00:51:35,830 --> 00:51:38,750
Og eins og ég nefndi, það eru nokkur námskeið sem fjalla einmitt þessum hlutum.

814
00:51:38,750 --> 00:51:41,660
Það eru jafnvel fleiri námskeið sem ég hef ekki getið að líklega fá inn

815
00:51:41,660 --> 00:51:43,660
þetta dót eins og heilbrigður.

816
00:51:43,660 --> 00:51:46,610
Hugmyndin er sú að ef þú vilt vinna við eitthvað, hér eru verkfæri til ráðstöfunar þinn.

817
00:51:46,610 --> 00:51:51,630
Ekki finnst óvart ef þú ert ekki viss um það sem þessi verkfæri gera nákvæmlega,

818
00:51:51,630 --> 00:51:54,830
en veit að þeir eru þarna úti og að þú getur búið almennri notkun þeirra

819
00:51:54,830 --> 00:51:56,830
Google.

820
00:51:56,830 --> 00:51:59,960
>> [Áheyrandi] Hvaða góður af hlutur þú þarft að gera til að tryggja að vefsvæði þitt

821
00:51:59,960 --> 00:52:02,530
lítur vel út á farsímum?

822
00:52:02,530 --> 00:52:05,590
[Billy] Farsímar eru svolítið erfitt.

823
00:52:05,590 --> 00:52:07,590
Það er 2 leiðir sem þú getur nálgast það.

824
00:52:07,590 --> 00:52:11,500
Fyrsta leiðin er að þú hafir í raun hreyfanlegur website.

825
00:52:11,500 --> 00:52:14,660
Með öðrum orðum, framkvæma þú einhverskonar greiningu í upphafi

826
00:52:14,660 --> 00:52:18,830
Þegar vafrinn er að gera beiðni á vefsvæðið þitt sem annaðhvort segir

827
00:52:18,830 --> 00:52:25,240
aftur þetta sjónarmið - sem verður útsýnið fyrir skrifborð eða laptop vafra -

828
00:52:25,240 --> 00:52:27,710
og þetta sinnis fyrir farsíma.

829
00:52:27,710 --> 00:52:33,090
Það er staður þar sem skoðanir eru mjög gott í því að þú getur nokkurn veginn skipta um

830
00:52:33,090 --> 00:52:37,580
tveir og hafa viðmót sem virkar mjög vel á farsímum

831
00:52:37,580 --> 00:52:40,770
og hafa a fullkomlega ólíkur einn sem virkar vel á bókamerki tækjum.

832
00:52:40,770 --> 00:52:43,770
Vandinn við það er að það tekur langan tíma því það þýðir kóðun

833
00:52:43,770 --> 00:52:47,060
allt öðruvísi tengi.

834
00:52:47,060 --> 00:52:49,720
Hin leiðin sem þú getur gert það er -

835
00:52:49,720 --> 00:52:55,250
A einhver fjöldi af nútíma símum mun birta vefsíður og reyna að láta þá sem vafrinn vildi,

836
00:52:55,250 --> 00:52:57,680
og þeir gera sitt besta.

837
00:52:57,680 --> 00:53:04,340
Þú getur konar reyna að vera ljós á the magn af jQuery JavaScript þú ert að nota

838
00:53:04,340 --> 00:53:07,360
sem hefur tilhneigingu til að vera þar sem hlutirnir geta farið úrskeiðis svolítið.

839
00:53:07,360 --> 00:53:13,430
Þetta er tegund af leiðinni sem þú ættir að nota ef þú þarft ekki að mikill tími.

840
00:53:13,430 --> 00:53:18,540
Ef þú hefur tíma til að vinna á a hreyfanlegur tengi, sem er augljóslega besti kosturinn þinn.

841
00:53:18,540 --> 00:53:23,320
>> Ég held almennt að CS50 verkefni, ætlar þú að fara að vilja til að velja einn eða annan.

842
00:53:23,320 --> 00:53:27,990
Með öðrum orðum, þú vilt gera a hreyfanlegur app eða þú vilt gera a skrifborð website.

843
00:53:27,990 --> 00:53:32,200
Og því um ákvarðar hvar þú ferð með það.

844
00:53:32,200 --> 00:53:35,360
En ef þú vilt auka það út seinna, sennilega þinn bestur veðmál er

845
00:53:35,360 --> 00:53:37,360
að gera annað tengi fyrir aðra.

846
00:53:51,650 --> 00:53:56,340
Ég hef smá reynslu í að þróa WordPress-undirstaða Sites.

847
00:53:56,340 --> 00:53:58,670
Ég hýst persónulega vefsíðu á WordPress um hríð.

848
00:53:58,670 --> 00:54:02,310
Þeir konar ramma geta vera ágætur bara eins einfaldar hlutina.

849
00:54:02,310 --> 00:54:07,050
Oftsinnis þú munt bara hlaupa inn í a einhver fjöldi af customizability málefni þó.

850
00:54:07,050 --> 00:54:10,940
Þú þarft að hafa eitthvað að líta ákveðinn hátt eða vera ákveðin leið

851
00:54:10,940 --> 00:54:14,510
og þú getur bara ekki vegna þess að það er erfitt-hlerunarbúnað inn í kerfið

852
00:54:14,510 --> 00:54:17,480
þetta er hvernig þú þarft að gera hluti sem geta vera a hluti af a vandamál.

853
00:54:17,480 --> 00:54:22,020
Síðan hef ég svona verið meira hneigðist til að vinna með síður frá grunni.

854
00:54:22,020 --> 00:54:26,840
Fyrir hluti eins og blogg gagnagrunna og þessi tegund af hlutur það er í raun ekki þessi harður til að byggja upp ramma.

855
00:54:26,840 --> 00:54:29,970
Ef þú ert virkilega rétti fyrir tíma, þú getur að sjálfsögðu notað eitthvað eins og WordPress

856
00:54:29,970 --> 00:54:33,120
eða þessi tegund af hlutur á blogg.

857
00:54:33,120 --> 00:54:38,790
The konar hluti sem blogg geyma og gera eru í raun ekki nógu erfitt að

858
00:54:38,790 --> 00:54:41,500
ef þú ert að keyra inn eitthvað af þessum tegundum af hlutum, ert þú sennilega best bara að

859
00:54:41,500 --> 00:54:43,500
gera í húsinu útgáfu.

860
00:54:43,500 --> 00:54:48,350
>> Ég held að það er um það, svo takk aftur fyrir að koma.

861
00:54:48,350 --> 00:54:51,960
Við naut virkilega að tala við ykkur og vona að þú lært smá dót.

862
00:54:51,960 --> 00:54:55,350
[Ben] Við erum fús til að tala - við erum að fara en við erum fús til að tala meira fyrir utan

863
00:54:55,350 --> 00:55:01,650
ef þú ert með aðra spurningu. Takk aftur. [Lófaklapp]

864
00:55:03,750 --> 00:55:06,000
[CS50.TV]