1
00:00:00,000 --> 00:00:02,500
[Powered by Google Translate] [Seminar] [Web Development: Ideasta Täytäntöönpano]

2
00:00:02,500 --> 00:00:04,200
[Ben Kuhn] [Billy Janitsch] [Harvardin yliopisto]

3
00:00:04,200 --> 00:00:07,250
[Tämä on CS50] [CS50.TV]

4
00:00:07,250 --> 00:00:10,840
[Billy] Hei, olen Billy ja tämä on Ben. >> [Ben] Hei.

5
00:00:10,840 --> 00:00:12,840
Aiomme puhua web-kehitystä tänään.

6
00:00:12,840 --> 00:00:14,840
[Webdev] [Billy Janitsch ja Ben Kuhn]

7
00:00:14,840 --> 00:00:16,840
Vähän siitä ensin.

8
00:00:16,840 --> 00:00:19,590
Ben on eräänlainen back-end kaveri. Hän tekee asiat toimivat.

9
00:00:19,590 --> 00:00:21,870
Ja sitten menen ja tehdä niistä kauniita.

10
00:00:21,870 --> 00:00:26,610
Olen pitkälti mukana enemmän etupään ulkoasun suunnittelu semmoista,

11
00:00:26,610 --> 00:00:31,260
ja Ben, toisaalta, tietää mitä hän tekee niin hän toimii back-end kamaa.

12
00:00:31,260 --> 00:00:34,050
Yhdessä olemme tehneet muutamia asioita.

13
00:00:34,050 --> 00:00:38,710
Esimerkiksi viime vuonna olemme työskennelleet Gimblium joka on nettipeli Development Studio.

14
00:00:38,710 --> 00:00:40,400
Se oli meidän lopullinen hanke luokka,

15
00:00:40,400 --> 00:00:42,780
ja siitä lähtien olemme tehneet Harvardin luokka

16
00:00:42,780 --> 00:00:47,860
joka on online-kehys selailu ja ostokset kursseja Harvardin.

17
00:00:47,860 --> 00:00:53,180
>> Aiomme aloittaa tämän ajatuksen sivuillamme.

18
00:00:53,180 --> 00:00:57,480
Aiomme tehdä Facebook, mutta kissoille.

19
00:00:57,480 --> 00:00:59,520
Ennen varsinaisen tehdä tällä sivustolla,

20
00:00:59,520 --> 00:01:02,520
älä tee tätä verkkosivuilla, koska se ei ole hyvä, mutta käytämme sitä kehyksenä

21
00:01:02,520 --> 00:01:05,349
ja käydä läpi prosessia, miten idean toteuttamisessa

22
00:01:05,349 --> 00:01:07,450
ja muuttaa sen realin verkkosivuilla voimme käyttää.

23
00:01:07,450 --> 00:01:11,940
Aloitamme rikkomalla verkkosivuilla alas.

24
00:01:11,940 --> 00:01:13,190
Kuten olet tekemässä CS50,

25
00:01:13,190 --> 00:01:17,360
haluat miettiä, mitä ovat todellisen komponentit, jotka menevät tällä sivustolla.

26
00:01:17,360 --> 00:01:21,290
Periaatteessa kääntämällä se ajatus, joka on vain eräänlainen abstrakti käsite

27
00:01:21,290 --> 00:01:23,590
aidoksi, konkreettista, jota voisit tehdä.

28
00:01:23,590 --> 00:01:25,910
Aloitamme kysymällä muutamia kysymyksiä.

29
00:01:25,910 --> 00:01:28,070
Mikä on tällä sivustolla? Miksi me tehden?

30
00:01:28,070 --> 00:01:30,670
Mitä se aikoo käyttää? Sellaista.

31
00:01:30,670 --> 00:01:33,660
Kun kyseessä on Facebook Kissa,

32
00:01:33,660 --> 00:01:37,730
me pohjimmiltaan haluamme verkkosivusto, jonka avulla kissat sosiaalisessa mediassa keskenään.

33
00:01:37,730 --> 00:01:41,260
Ajatuksena on, että he voivat lähettää toistensa seinät,

34
00:01:41,260 --> 00:01:43,510
he voivat tehdä huomautuksia, että sellainen asia.

35
00:01:43,510 --> 00:01:46,720
Ja se jos pääsemme toimivia komponentteja.

36
00:01:46,720 --> 00:01:51,270
Meillä on nyt tällainen puitteissa - meillä on käyttäjäprofiilit,

37
00:01:51,270 --> 00:01:53,990
meillä on kommentteja, ja voimme lähettää.

38
00:01:53,990 --> 00:01:57,390
Ehkä jonain päivänä me menevä tykkää ja sen sellaista.

39
00:01:57,390 --> 00:02:00,410
Ja me tavallaan haluamme priorisoida nämä ominaisuudet menossa sisään

40
00:02:00,410 --> 00:02:03,340
Haluamme sanoa kuin, okei, se on todella tärkeää, että jokaisella on profiilin

41
00:02:03,340 --> 00:02:06,440
ja että jokainen voi lähettää toistensa seinät.

42
00:02:06,440 --> 00:02:08,509
Toissijainen, että kommentit olisi mukavaa.

43
00:02:08,509 --> 00:02:10,180
Ehkä myöhemmin me menevä tykkää.

44
00:02:10,180 --> 00:02:13,700
Joten, haluat olla käsitys siitä, mitä toiminta on tärkeää projektin

45
00:02:13,700 --> 00:02:17,260
ja mikä on tavallaan yleisempi piirre, jota voitaisiin soveltaa myöhemmin.

46
00:02:17,260 --> 00:02:20,870
Haluat tavallaan on erityinen lista mielessä,

47
00:02:20,870 --> 00:02:24,090
mutta hanke, että aloitat ei tule olemaan projektiin, jonka lopuksi.

48
00:02:24,090 --> 00:02:27,100
Toisin sanoen, asiat tulevat muuttumaan, kun olet kehittämässä sivuston,

49
00:02:27,100 --> 00:02:30,090
ja haluat jättää tilaa että.

50
00:02:30,090 --> 00:02:34,470
Laitan sen yli Ben kuka puhua vähän siitä rakenteesta.

51
00:02:34,470 --> 00:02:39,610
>> [Ben] aion puhua enemmän teknistä puolta web-kehitystä.

52
00:02:39,610 --> 00:02:42,370
Mennään yli joitakin perusasiat ensin.

53
00:02:42,370 --> 00:02:45,730
Kun teet web app,

54
00:02:45,730 --> 00:02:50,470
pääluokan, että olet menossa on oltava on

55
00:02:50,470 --> 00:02:52,700
olet menossa on joitakin juttuja meneillään asiakkaan puolella -

56
00:02:52,700 --> 00:02:56,700
eli koodi, joka olet selain vie sivustosta

57
00:02:56,700 --> 00:03:01,910
ja JavaScript, HTML, CSS kamaa.

58
00:03:01,910 --> 00:03:04,490
Siinä kaikki asiakkaan puolelta.

59
00:03:04,490 --> 00:03:08,680
Olet menossa on muun koodin, joka toimii palvelimen puolella

60
00:03:08,680 --> 00:03:10,770
joka pitää kirjaa kaikista tiedoista, että ihmiset lähettää sinulle,

61
00:03:10,770 --> 00:03:15,060
päättää, kuka antaa mitä, tavaraa niin.

62
00:03:15,060 --> 00:03:20,380
Tämä on vain joitakin terminologiaa niin, että te kaikki tunnemme, mitä puhumme.

63
00:03:20,380 --> 00:03:28,600
Beyond että jako on hyvä ajatella verkkosovellukseesi kannalta

64
00:03:28,600 --> 00:03:32,500
pari erillistä tekijää.

65
00:03:32,500 --> 00:03:35,270
Kun olet tekemässä web-kehitys

66
00:03:35,270 --> 00:03:41,710
yksi niistä asioista, joita sinun pitäisi aina yrittää tehdä on vähentää monimutkaisuutta.

67
00:03:41,710 --> 00:03:45,710
Monimutkaisempi koodi on paremmat mahdollisuudet sillä on tehdä virheitä,

68
00:03:45,710 --> 00:03:47,710
vaikeampaa on muuttaa myöhemmin.

69
00:03:47,710 --> 00:03:50,140
Joten, jos voit hajottaa teidän app osaksi joitakin erillisiä toiminnallisia alueita

70
00:03:50,140 --> 00:03:57,640
että tulee - ja voit vähentää sellaista määrää rajat alueen viestintä -

71
00:03:57,640 --> 00:04:03,530
jotka auttavat sinua paljon pitkällä aikavälillä vähentämisen kannalta vikoja.

72
00:04:03,530 --> 00:04:07,950
>> Oltava konkreettisia, yleensä ihmiset jakaa web app osaksi -

73
00:04:07,950 --> 00:04:13,190
nämä ovat sellaisia ​​Buzz sanoja nyt, mutta he ovat silti hyödyllisiä.

74
00:04:13,190 --> 00:04:17,940
Olet ehkä kuullut puhuttavan malleja, näkemyksiä ja ohjaimet.

75
00:04:17,940 --> 00:04:23,210
Mallit ovat todelliset tiedot, että sovellus on menossa käsitellä.

76
00:04:23,210 --> 00:04:28,260
Esimerkiksi kissan Facebook, omia malleja olisi -

77
00:04:28,260 --> 00:04:35,340
sinun on malli, kuten virkaa, ja malli käyttäjäprofiilit, tavaraa niin.

78
00:04:35,340 --> 00:04:41,090
Mielipiteitänne miten esität että tiedot käyttäjille.

79
00:04:41,090 --> 00:04:46,660
Saatat olla 1 näkymä katsot yhden viestin ja kaikki kommentit

80
00:04:46,660 --> 00:04:51,720
ja eri mieltä teidän seinä, joka on luettelo kaikista viestit

81
00:04:51,720 --> 00:04:57,170
jotka on suunnattu sinulle, ja eri mieltä teidän uutissyöte - tavaraa niin.

82
00:04:57,170 --> 00:05:00,610
Lopuksi, sinulla on ohjaukset, jotka ovat pohjimmiltaan kun ihmiset lähettää sinulle viestiä

83
00:05:00,610 --> 00:05:03,310
ja teet päivityksiä back-end-järjestelmä,

84
00:05:03,310 --> 00:05:06,400
voit kasvattaa kasan laskurit, ja mitä.

85
00:05:06,400 --> 00:05:07,860
Nuo ovat teidän ohjaimet.

86
00:05:07,860 --> 00:05:11,030
>> Aion puhua enimmäkseen malleja.

87
00:05:11,030 --> 00:05:14,030
Näkymät ovat teknisesti ole kovin vaikeaa, ja kysymys on enemmän suunnittelemalla ne

88
00:05:14,030 --> 00:05:22,040
Ohjaimet tulevat olemaan nimenomaan mitä olet suunnittelussa.

89
00:05:22,040 --> 00:05:25,220
Mutta on olemassa joitakin melko yleisiä tekniikoita voit

90
00:05:25,220 --> 00:05:30,220
tehdä omia malleja mukavampi ja helpompi työskennellä, jotka ovat mielestäni erittäin hyödyllisiä.

91
00:05:30,220 --> 00:05:35,860
Tämä on enimmäkseen olemaan noin miten käsitellä Web-sovellukset tietojen mukavalla tavalla.

92
00:05:35,860 --> 00:05:40,420
Tärkeimmät kysymykset malleja

93
00:05:40,420 --> 00:05:44,540
ovat, että he elävät asiakkaan ja palvelimen ja sinun täytyy selvittää,

94
00:05:44,540 --> 00:05:51,170
a) miten saada heidät - kaikki merkityksellisimmät - palvelimelta asiakkaalle,

95
00:05:51,170 --> 00:05:53,440
ja b) miten pitää ne ajan tasalla.

96
00:05:53,440 --> 00:05:58,700
Käyttäjät ovat menossa haluavat tehdä joitakin päivityksiä.

97
00:05:58,700 --> 00:06:00,470
He haluavat tehdä uutta virkaa.

98
00:06:00,470 --> 00:06:04,800
He haluavat haluavat asioita ja juttuja, jos sinulla on tykkää.

99
00:06:04,800 --> 00:06:11,490
Nämä ovat tärkeimmät tekniset haasteet käsitellä malleja.

100
00:06:11,490 --> 00:06:15,680
Ensimmäinen asia, että olet menossa haluavat kysyä itseltäsi

101
00:06:15,680 --> 00:06:18,420
millaisia ​​tietoja menee tässä mallissa ja millaisia ​​kyselyitä aiomme halua tehdä -

102
00:06:18,420 --> 00:06:24,290
Eli miten me menossa katsomaan malleja?

103
00:06:24,290 --> 00:06:26,940
Kissallesi Facebook esimerkiksi

104
00:06:26,940 --> 00:06:31,520
viestisi tulee olemaan tekijä liittyy siihen,

105
00:06:31,520 --> 00:06:35,660
Joissakin seinä viesti tekstiä, ja vastaanottaja seinän postitse.

106
00:06:35,660 --> 00:06:38,470
Ja sinun kannattaa kysellä, että joukko eri tavoin.

107
00:06:38,470 --> 00:06:42,220
Haluaisi katsoa sitä joka kirjoitti joka postitse

108
00:06:42,220 --> 00:06:46,620
mennessä, jotka saivat joka lähettää, ehkä mennessä ne ovat jättäneet.

109
00:06:46,620 --> 00:06:50,340
Mutta jos aiot tehdä sen päivämäärän, sinun täytyy lisätä toisen kentän viestiäsi

110
00:06:50,340 --> 00:06:52,490
ja kun se oli todella lähetetty.

111
00:06:52,490 --> 00:07:00,220
Nämä 2 tekijät - mitä tietoja haluat käyttää ja miten haluat katsella sitä -

112
00:07:00,220 --> 00:07:04,200
sinun pitäisi ajatella niitä ensin, koska ne riippuvat toisistaan,

113
00:07:04,200 --> 00:07:08,030
ja se tulee olemaan vaikeampi lisätä ne myöhemmin.

114
00:07:08,030 --> 00:07:12,750
>> On joitakin muita näkökohtia.

115
00:07:12,750 --> 00:07:17,540
Kun olet ajatellut, miten käsitellä mallit palvelimella

116
00:07:17,540 --> 00:07:20,540
mitä haluat tarkastella on -

117
00:07:20,540 --> 00:07:27,440
et periaatteessa haluat tehdä palvelimen mahdollisimman yksinkertainen.

118
00:07:29,440 --> 00:07:35,500
Doing tavaraa asiakkaan puolella on yleensä paljon nopeammin, jos voit tehdä sen puhtaasti asiakkaan

119
00:07:35,500 --> 00:07:38,230
tekemättä minkäänlaista verkon pyynnöstä.

120
00:07:38,230 --> 00:07:47,860
Ajatuksena on tehdä niin monta kyselyt kuin voit asiakas.

121
00:07:47,860 --> 00:07:51,560
Ainoa ongelma, että

122
00:07:51,560 --> 00:07:54,160
on, että jos pyydät kaikki tietosi alussa

123
00:07:54,160 --> 00:07:57,160
niin se vie kauan ladata.

124
00:07:57,160 --> 00:08:02,290
Niin, idea on löytää kultainen keskitie välillä ottaa tarpeeksi tietoa asiakkaan

125
00:08:02,290 --> 00:08:07,640
että voit tehdä useimmat teidän työtä siellä, mutta ei vain hakemalla kaikkea kerralla

126
00:08:07,640 --> 00:08:09,710
niin että saat todella hidas latausajat alussa.

127
00:08:09,710 --> 00:08:12,610
Esimerkiksi oman kissan tiedot

128
00:08:12,610 --> 00:08:20,340
olet luultavasti halua hakea nippu viime seinän virkaa.

129
00:08:20,340 --> 00:08:23,790
Et halua hakea niitä kaikkia, koska se voisi mennä takaisin pari vuotta.

130
00:08:23,790 --> 00:08:25,470
Mutta et halua hakea ne yksi kerrallaan

131
00:08:25,470 --> 00:08:28,740
koska se toisi paljon verkon yläpuolella.

132
00:08:28,740 --> 00:08:33,620
>> Se on usein varsin vaikeaa - kun sinulla on tietokanta käynnissä -

133
00:08:33,620 --> 00:08:37,210
se on usein melko vaikea muuttaa, mitä tietoja teillä on se -

134
00:08:37,210 --> 00:08:40,510
eli lisätä uuden tietokannan sarake tai jotain -

135
00:08:40,510 --> 00:08:43,510
joten yksi hyvä strategia on oikeastaan ​​vain pitää paljon tietosi teksti möykky -

136
00:08:43,510 --> 00:08:53,880
JSON möykky - JSON on JavaScript Object Notation -

137
00:08:53,880 --> 00:08:58,330
Syystä, että on hyödyllistä, koska voit lisätä uusia ominaisuuksia

138
00:08:58,330 --> 00:09:01,920
Kaikkien näiden JSON läiskä muuttamatta tietokannan.

139
00:09:01,920 --> 00:09:06,860
Ainoa haittapuoli, että on, että jos sinulla on nippu kentät

140
00:09:06,860 --> 00:09:09,890
että olet lisännyt myöhemmin - kuten piilossa että JSON möykky -

141
00:09:09,890 --> 00:09:12,850
niin se on vaikeampi kyselyn ne sisällä tietokantaan.

142
00:09:12,850 --> 00:09:17,690
Esimerkiksi jos myöhemmin - jos sinulla on ollut viestisi malli, puhuimme aiemmin

143
00:09:17,690 --> 00:09:25,380
vain tekijän, vastaanottajan ja teksti -

144
00:09:25,380 --> 00:09:29,000
sinulla voisi olla myös JSON möykky ja sitten jos myöhemmin halusi lisätä päivämääräkentän

145
00:09:29,000 --> 00:09:31,000
sinun ei tarvitse vaihtaa tietokantaan.

146
00:09:31,000 --> 00:09:36,140
Voisit vain lisätä päivämääriä kaikkiin kenttiin.

147
00:09:36,140 --> 00:09:39,640
Ja sitten sinulla olisi mahdollisuus tarkastella niitä asiakkaan puolelta,

148
00:09:39,640 --> 00:09:42,430
mutta et voi kysellä niitä palvelimen puolella

149
00:09:42,430 --> 00:09:44,430
koska se on piilossa sisällä kyseistä tekstiä.

150
00:09:44,430 --> 00:09:49,920
>> Toinen asia, jonka haluat ajatella

151
00:09:49,920 --> 00:09:52,400
on, miten asiakas ja palvelin ovat menossa kommunikoida.

152
00:09:52,400 --> 00:09:56,040
Te yleensä haluavat pitää tämän mahdollisimman yksinkertaisena.

153
00:09:56,040 --> 00:10:02,230
Voit vain olla kuten get-me-Näiden tietojen pyynnön,

154
00:10:02,230 --> 00:10:09,140
Create-a-new-objektin asia, ja päivitys-vanha-objekti pyynnöstä.

155
00:10:09,140 --> 00:10:12,930
Ja nämä olisivat kaikki eri URL palvelimella, että olet -

156
00:10:12,930 --> 00:10:20,030
että selain olisi - voit käyttää AJAX pyyntöjä kaikki nämä

157
00:10:20,030 --> 00:10:24,000
ja joko saada tai postitse tietoa.

158
00:10:24,000 --> 00:10:26,600
Jälleen meidän Cat Facebook esimerkiksi

159
00:10:26,600 --> 00:10:32,350
sinulla voisi olla, että URL saada yksittäisen postitse

160
00:10:32,350 --> 00:10:39,750
ja sinun on URL luoda uuden seinän viesti

161
00:10:39,750 --> 00:10:45,670
ja ehkä URL lataamalla profiilin kuva, tavaraa niin.

162
00:10:45,670 --> 00:10:51,730
Mutta jälleen kerran, se on ennalta noutaa useimmat tietosi, jotta sinun ei tarvitse pitää

163
00:10:51,730 --> 00:10:53,360
tekee verkossa esitettyihin pyyntöihin.

164
00:10:53,360 --> 00:10:59,030
Tästä syystä et ehkä halua olla, että yksittäiset GET pyynnön yhden postitse

165
00:10:59,030 --> 00:11:03,210
ja sen sijaan olisit vain halua 1 saat pyyntö koko seinän.

166
00:11:03,210 --> 00:11:06,110
Ja sitten jos yrität löytää tasapaino, koska -

167
00:11:06,110 --> 00:11:10,970
tämä on myös menossa riippuu hakemuksesi.

168
00:11:10,970 --> 00:11:13,430
Koska jos olet odottanut, että ihmiset vain ovat 10 tai 20 viestiä vieraskirjassa

169
00:11:13,430 --> 00:11:15,430
että on hieno.

170
00:11:15,430 --> 00:11:17,390
Mutta jos olet odottanut he ovat tuhansia niin, että pyyntö kestäisi liian kauan,

171
00:11:17,390 --> 00:11:23,580
ja niin saatat haluta lisätä saada-kaikki-viestit-vuodesta parametri.

172
00:11:23,580 --> 00:11:26,580
>> Kaikista näistä olet todennäköisesti menossa halua synkronoida tietoja JSON -

173
00:11:26,580 --> 00:11:29,260
JavaScript Object Notation.

174
00:11:29,260 --> 00:11:34,600
Melkeinpä jokainen kieli käsittelee JSON hyvin.

175
00:11:34,600 --> 00:11:40,880
JQuery on tämä mukava getJSON toiminto, joka tekee kaiken työn puolestasi.

176
00:11:40,880 --> 00:11:47,390
Ja PHP siellä on myös erittäin mukava JSON vuorovaikutustoimintoja.

177
00:11:47,390 --> 00:11:52,660
Niin, se on luultavasti paras formaatti lähetät malleja edestakaisin.

178
00:11:52,660 --> 00:11:56,570
>> Esimerkkinä siitä, mitä olemme puhuneet toistaiseksi,

179
00:11:56,570 --> 00:12:00,520
tässä esimerkki virtaus kissallesi Facebook-sovellus.

180
00:12:00,520 --> 00:12:07,760
Se alkaa selaimen pyytävän pohja sivuston URL.

181
00:12:07,760 --> 00:12:15,470
Palvelin luultavasti lähettää staattinen HTML ja JavaScript-ja CSS.

182
00:12:15,470 --> 00:12:19,170
Se on yleensä parasta olla tekemättä mitään renderoivansa palvelimelle.

183
00:12:19,170 --> 00:12:23,370
Et luultavasti halua -

184
00:12:23,370 --> 00:12:28,360
mitä palvelin ei tee siellä on menossa alaspäin luettelo viestiä vieraskirjassa

185
00:12:28,360 --> 00:12:31,120
ja tuottaa jonkin verran HTML jokaiselle ja lähettää että yli.

186
00:12:31,120 --> 00:12:34,960
Se on yleensä parasta tehdä, että asiakkaan puolelta, koska muuten

187
00:12:34,960 --> 00:12:38,580
aina kun haluat uudelleen tehdä jotain, sinun täytyy tehdä palvelimelle pyynnön.

188
00:12:38,580 --> 00:12:42,450
Ja että hyvin nopeasti antaa sinulle paljon yläpuolella.

189
00:12:42,450 --> 00:12:47,430
Se on yleensä parasta vain aluksen lähettää alas staattinen HTML

190
00:12:47,430 --> 00:12:50,660
ja sitten JavaScript-ja CSS, joka tekee tekee asiakkaan puolelta.

191
00:12:50,660 --> 00:12:56,750
Heti että tavaraa tulee,

192
00:12:56,750 --> 00:13:03,500
niin voit olla - JavaScript - voit tehdä pyyntöjä seinään tiedot

193
00:13:03,500 --> 00:13:08,740
ja muuta vastaavaa, jonka jälkeen palvelin on pohjimmiltaan juuri tekemässä tietokantakyselyitä

194
00:13:08,740 --> 00:13:10,740
ja tarkistaa käyttöoikeudet.

195
00:13:10,740 --> 00:13:16,690
Ainoa tärkeä asia on, että se ei voi lähettää yli toiset käyttäjät seinä viestiä

196
00:13:16,690 --> 00:13:19,220
että et saa nähdä.

197
00:13:19,220 --> 00:13:28,050
Se voi periaatteessa olla hyvin ohut pääsy kerros tietokantaan,

198
00:13:28,050 --> 00:13:32,820
ja sitten kaikki näyttää tiedot - kaikki näkemykset ja tavaraa -

199
00:13:32,820 --> 00:13:37,280
niille voi tapahtua selaimessasi, ja sitten kun haluat tehdä postitse tai jotain

200
00:13:37,280 --> 00:13:40,000
et vain lähettää toisen pyynnöstä.

201
00:13:40,000 --> 00:13:45,350
>> Mukana on myös joitakin hienoja juttuja voit tehdä tämän päälle.

202
00:13:45,350 --> 00:13:49,550
Mitä tarkemmat tekniset tiedot,

203
00:13:49,550 --> 00:13:53,360
kehittymässä tavallinen JavaScript voi olla hieman kivulias,

204
00:13:53,360 --> 00:13:56,220
joten joitakin kirjastoja ja työkaluja, jotka auttavat sinua paljon sen kanssa.

205
00:13:56,220 --> 00:14:03,690
Mielestäni te kaikki olette varmaan kuullut jQuery mikä tekee HTML-mallinnus

206
00:14:03,690 --> 00:14:08,890
ja manipulointi paljon helpompaa - on paljon hienoja toimintoja hiipumassa sisään ja ulos,

207
00:14:08,890 --> 00:14:12,020
ja tekee pirteä animaatioita.

208
00:14:12,020 --> 00:14:13,720
Mukana on myös tätä kirjastoa kutsutaan Underscore.js.

209
00:14:13,720 --> 00:14:20,760
Se on paljon hyödyllisiä apuohjelmia, kamaa, että voit odottaa JavaScript on

210
00:14:20,760 --> 00:14:24,740
että se todella doesnt - asioita, kuten laahustavat array,

211
00:14:24,740 --> 00:14:28,900
poistamalla päällekkäisiä luettelosta tai madaltumista luettelo luetteloista.

212
00:14:28,900 --> 00:14:30,900
Tämä on vain pieni koodi näyte.

213
00:14:30,900 --> 00:14:36,520
Alaviiva on ton nämä mukavia toimintoja, joita haluat sinulla olisi koko ajan.

214
00:14:36,520 --> 00:14:38,840
>> Ja sitten on vielä 1 kirjasto, että haluaisin viettää hieman aikaa

215
00:14:38,840 --> 00:14:44,800
nimeltään Backbone.js koska selkäranka todella auttaa käsittelemään mallit asiakkaan puolella

216
00:14:44,800 --> 00:14:47,210
ja paljon sekaannusta, että se voi aiheuttaa.

217
00:14:47,210 --> 00:14:53,550
Selkäranka saat tämän käsitteen malleja ja kokoelmat

218
00:14:53,550 --> 00:14:58,300
JavaScript jotka ovat periaatteessa aivan kuten JavaScript esineitä

219
00:14:58,300 --> 00:15:04,900
JavaScript taulukot, mutta ne ovat tapahtumia, kun muutat niiden ominaisuuksia.

220
00:15:04,900 --> 00:15:09,090
Aivan kuten JavaScript, voit olla tapahtuma, kun nappia saa napsautetaan tai jotain

221
00:15:09,090 --> 00:15:14,800
Näiden Backbone malleja ja Backbone kokoelmien tulee lähettää asioita, kuten

222
00:15:14,800 --> 00:15:17,510
että kun ne muuttuvat.

223
00:15:17,510 --> 00:15:22,270
Tämä tarkoittaa, että voit vain kirjoittaa jotain tällaista koodinpätkä täällä -

224
00:15:22,270 --> 00:15:27,530
tämä kertoo, kun lisäät mitään virkaa array voit piirtää koko seinän.

225
00:15:27,530 --> 00:15:34,270
Ja tämä sanoisi aina Postin useita tykkää muuttuu,

226
00:15:34,270 --> 00:15:38,970
voit ilmoittaa käyttäjälle, että joku piti heidän postitse.

227
00:15:38,970 --> 00:15:45,210
Tai aina kun omaisuutta post muutoksia olet piirtää postitse.

228
00:15:45,210 --> 00:15:51,050
Tavaraa niin säästää tonnia monimutkaisuus koska muuten

229
00:15:51,050 --> 00:15:55,440
jos sinulla ei ole joitakin puitteissa näin sitten joka kerta koodissa että muutat

230
00:15:55,440 --> 00:16:04,280
mitään postitse, sinun täytyy muistaa itse soittaa kaikki tekevät toiminnot

231
00:16:04,280 --> 00:16:07,680
ja muuta vastaavaa, ja jos halusi lisätä jotain uutta, joka tapahtui

232
00:16:07,680 --> 00:16:10,680
joka kerta, kun muutetaan post sinun täytyy käydä läpi joka paikassa omassa

233
00:16:10,680 --> 00:16:14,610
koodia, jota muutettu virka ja lisätä, että uusi asia.

234
00:16:14,610 --> 00:16:21,450
Puitteet näin poistaa paljon, että välillä kerroksen viestintä

235
00:16:21,450 --> 00:16:28,280
joka tekee koodin monimutkainen ja vaikea ylläpitää.

236
00:16:28,280 --> 00:16:31,170
>> On hieman siitä näkymät myös.

237
00:16:31,170 --> 00:16:35,960
Aion jättää suurimman osan tämän Billy koska he ole teknisesti kovin vaikeaa.

238
00:16:35,960 --> 00:16:43,540
Käytä jQuery mielipidettäsi. Se on käytännössä kuin välttämättömyys tässä vaiheessa.

239
00:16:43,540 --> 00:16:46,290
Se vain tekee kaiken niin paljon helpompaa.

240
00:16:46,290 --> 00:16:48,290
On olemassa paljon kirjastoja.

241
00:16:48,290 --> 00:16:49,970
Jos olet monimutkainen käyttöliittymä elementtejä,

242
00:16:49,970 --> 00:16:57,250
jos haluat automaattinen täydennys asia tai kuin yksi niistä fancy multi-valitsimet -

243
00:16:57,250 --> 00:17:04,790
jos haluat jotain sellaista, sinun pitäisi luultavasti vain etsiä ympäri

244
00:17:04,790 --> 00:17:08,130
ja voit löytää hyvä kirjasto, joka tekee mitä haluat.

245
00:17:08,130 --> 00:17:11,579
Billy selittää lisää todella vaikea osat näkemyksiä.

246
00:17:11,579 --> 00:17:17,530
Lisäksi, kuten Sivuhuomautuksena, selkäranka on joitakin toimintoja tehdä näkemyksiä kommunikoida

247
00:17:17,530 --> 00:17:22,800
hienosti malleja - katso asiakirjat kaikkien näiden kirjastojen, todella.

248
00:17:22,800 --> 00:17:28,270
Katsokaapa docs. He erittäin hyvin kirjoitettu ja helppo seurata.

249
00:17:28,270 --> 00:17:33,890
Yleensä voit melko paljon vain Google, jos sinulla on ongelmia.

250
00:17:33,890 --> 00:17:36,370
On olemassa paljon ihmisiä käyttää niitä.

251
00:17:36,370 --> 00:17:42,020
Mielestäni tämä on kuin lopullinen huomata.

252
00:17:42,020 --> 00:17:48,770
>> On myös joitakin kehittyneempiä asioita, joita voit tehdä

253
00:17:48,770 --> 00:17:53,400
jos etsit tehdä web app ylimääräistä mahtava.

254
00:17:53,400 --> 00:17:59,760
Voit tehdä - uuden HTML5 erittely on paljon hienoja asioita voi tehdä.

255
00:17:59,760 --> 00:18:05,780
Paikallinen tallennus - joka on, voit tallentaa tietoja selain -

256
00:18:05,780 --> 00:18:09,470
eikä tarvitse mennä takaisin ja tutkia palvelimen kaikesta,

257
00:18:09,470 --> 00:18:12,470
voit pitää joitakin sen asiakkaan ja että jopa avulla ihmiset -

258
00:18:12,470 --> 00:18:20,850
Joissakin tapauksissa se voi jopa voit käyttää verkkosivun offline.

259
00:18:20,850 --> 00:18:26,980
On tämä asia sanottu WebSockets jotka ovat erilaisia ​​verkkoviestinnän

260
00:18:26,980 --> 00:18:30,930
kun sen sijaan vain teet yksi pyyntö, saat vastauksen ja olet valmis,

261
00:18:30,930 --> 00:18:35,240
pidät avata yhteyden palvelimeen ja niin voit tehdä asioita, kuten

262
00:18:35,240 --> 00:18:37,240
reaaliaikaista.

263
00:18:37,240 --> 00:18:42,020
Joten, jos yritit tehdä chat app, voit käyttää WebSockets

264
00:18:42,020 --> 00:18:43,790
kommunikoida edestakaisin niin, että sinun ei tarvitse pitää pyynnön,

265
00:18:43,790 --> 00:18:48,410
"Voi, palvelin, ei kukaan lähetä minulle chat?" 10 sekunnin välein tai jotain.

266
00:18:48,410 --> 00:18:55,620
Mukana on myös mielenkiintoinen HTML5 ominaisuus, jossa voit tehdä sen näyttämään

267
00:18:55,620 --> 00:18:58,340
sivun URL-osoite muuttuu ilman koskaan todella lataa se.

268
00:18:58,340 --> 00:19:03,230
Voit käyttää taaksepäin ja eteenpäin painikkeita tekemättä nippu verkossa esitettyihin pyyntöihin.

269
00:19:03,230 --> 00:19:14,660
Tavaraa kuin että on todella hyödyllinen kannalta tehden nopeaa mutta myös työtä kuin web app pitäisi.

270
00:19:14,660 --> 00:19:17,680
>> Mukana on myös tämä asia sanottu CoffeeScript.

271
00:19:17,680 --> 00:19:24,450
CoffeeScript on eri kieltä, itse asiassa, joka kokoaa alas JavaScript.

272
00:19:24,450 --> 00:19:30,080
Voisitte kirjoittaa kaikki koodi CoffeeScript, ja sitten olet suorittanut tämän kääntäjä,

273
00:19:30,080 --> 00:19:33,300
ja se sylkee JavaScript-tiedoston, jonka voit sisällyttää oman verkkosivun.

274
00:19:33,300 --> 00:19:38,860
Syystä, että CoffeeScript on mukavaa, koska se pääsee eroon paljon

275
00:19:38,860 --> 00:19:44,760
outo tapauksissa, että JavaScript on silloin yhtä kuin vastaa,

276
00:19:44,760 --> 00:19:51,130
ja vastaa tasavertaisina tehdä erilaisia ​​asioita, tai kuten -

277
00:19:51,130 --> 00:19:55,740
se on mukavampaa syntaksin käsitellä paneelit ja toimintoja.

278
00:19:55,740 --> 00:20:00,460
Tämä on pieni pätkä CoffeeScript, joka tuottaa luettelon kaikista neliöt

279
00:20:00,460 --> 00:20:04,900
10 ^ 2-1 ^ 2 päinvastaisessa järjestyksessä.

280
00:20:04,900 --> 00:20:08,410
Kuten näette, CoffeeScript usein voit ilmaista 1 rivi

281
00:20:08,410 --> 00:20:10,890
mikä veisi 5 riviä JavaScript.

282
00:20:10,890 --> 00:20:13,230
Se voi tehdä asioita paljon helpompaa.

283
00:20:13,230 --> 00:20:15,390
Se on hieman uusia syntaksin oppia aluksi,

284
00:20:15,390 --> 00:20:18,010
mutta se varmasti tekee sinusta entistä tuottavampia pitkällä aikavälillä.

285
00:20:18,010 --> 00:20:22,050
>> Voit myös käyttää muita kieliä palvelimessa kuin PHP -

286
00:20:22,050 --> 00:20:27,570
kieliä kuten Ruby, Python tai siellä on jopa projekti nimeltä Node.js

287
00:20:27,570 --> 00:20:31,450
jonka avulla voit käyttää JavaScript palvelimelle.

288
00:20:31,450 --> 00:20:34,700
Henkilökohtaisesti olen todella, todella vihaan PHP.

289
00:20:34,700 --> 00:20:38,310
En vain nautin työskennellä sen kanssa.

290
00:20:38,310 --> 00:20:43,450
Jos sinäkin sitä mieltä, että se on kauhea cluge kielen,

291
00:20:43,450 --> 00:20:46,160
voit käyttää jotakin näistä sijasta.

292
00:20:46,160 --> 00:20:54,780
Yleensä, jos haluat tehdä jotain ja et todellakaan tiedä, miten tekisit sen,

293
00:20:54,780 --> 00:20:56,780
vain etsiä Internetistä.

294
00:20:56,780 --> 00:20:59,990
On tonnia ja tonnia resursseja erityisesti -

295
00:20:59,990 --> 00:21:03,260
StackOverflow on suuri.

296
00:21:03,260 --> 00:21:06,400
Se on tämä sivusto, jossa ohjelmoijat esittää toisilleen kysymyksiä.

297
00:21:06,400 --> 00:21:09,690
Olet ehkä joutunut se olisit ongelmia on CS50 ongelma sarjaa.

298
00:21:09,690 --> 00:21:16,820
Ja on olemassa tonnia kirjastot tekevät melko paljon mitään mitä haluaisi.

299
00:21:16,820 --> 00:21:21,710
Jos haluat tehdä jotain ja et tiedä miten se tehdään,

300
00:21:21,710 --> 00:21:23,710
älä oleta, että se on mahdotonta.

301
00:21:23,710 --> 00:21:26,160
Katsokaapa ympärillenne ja saatat löytää joitakin hyviä resursseja.

302
00:21:26,160 --> 00:21:29,280
>> Yleisenä paketoida,

303
00:21:29,280 --> 00:21:33,650
Tärkeimmät noutoruokapaikkoja pitää asiat yksinkertaisina.

304
00:21:33,650 --> 00:21:36,010
Monimutkaisempi koodi on alussa

305
00:21:36,010 --> 00:21:40,370
ja enemmän yrität tehdä hienoja juttuja,

306
00:21:40,370 --> 00:21:43,300
kauemmin kestää saada jotain todella toiminnallinen

307
00:21:43,300 --> 00:21:46,480
ja sitä vaikeampaa on muuttaa myöhemmin.

308
00:21:46,480 --> 00:21:49,580
Joten, tehdä asioita tyhmä, helppo tapa ensin.

309
00:21:49,580 --> 00:21:51,720
Mennä yhdessä, että

310
00:21:51,720 --> 00:21:59,070
älä pelkää heittää pois vanha koodi tai puhdistaa sitä paljon.

311
00:21:59,070 --> 00:22:05,320
Yleensä kun olet oikeasti on jotain työtä,

312
00:22:05,320 --> 00:22:09,640
se on paljon helpompi ajatella kuin silloin, kun olet vielä alkuvaiheissa

313
00:22:09,640 --> 00:22:12,610
miten voin laittaa tämä kaikki yhdessä.

314
00:22:12,610 --> 00:22:17,500
Se on parasta tehdä tyhmin mahdollinen muotoilu toimii

315
00:22:17,500 --> 00:22:22,270
ja sitten parantaa sitä toistuvasti kuin yrittää saada kaiken oikein ensimmäistä kertaa.

316
00:22:22,270 --> 00:22:28,330
Kannalta asiakas-palvelin-divisioona, yrittää pitää palvelimen hyvin yksinkertainen -

317
00:22:28,330 --> 00:22:33,030
vain tietokanta ja jotkut todennus ja eivät tee mitään kovaa työtä siellä.

318
00:22:33,030 --> 00:22:37,540
Tee kaikki monimutkaisia ​​juttuja asiakkaan puolella selaimessa

319
00:22:37,540 --> 00:22:40,650
JavaScript niin paljon kuin voit.

320
00:22:40,650 --> 00:22:43,420
Katsokaa ympärillenne kirjastoille, jotka tekevät elämästä parempaa.

321
00:22:43,420 --> 00:22:46,850
Aina parempi käyttää koodia, että joku muu kirjoitti

322
00:22:46,850 --> 00:22:49,850
jos - eikä kirjoittaa se itse.

323
00:22:49,850 --> 00:22:57,560
Siellä on paljon tavaraa Internetissä. Google on paras ystäväsi.

324
00:22:57,560 --> 00:22:59,560
Google on ohjelmoijan paras ystävä.

325
00:22:59,560 --> 00:23:07,620
Joo, varmasti ei pelkää katsoa ympärilleen juttuja.

326
00:23:07,620 --> 00:23:11,860
Selvä. Ja yli Billy.

327
00:23:11,860 --> 00:23:14,600
>> [Billy] Oikeastaan, ennen kuin aloitan joitakin suunnittelu juttuja,

328
00:23:14,600 --> 00:23:17,250
Onko kellään mitään kysyttävää Ben mitään, että hän puhui?

329
00:23:17,250 --> 00:23:20,290
Okei, hyvä.

330
00:23:20,290 --> 00:23:22,220
Jälleen meille, jos mitään ei ole selvää

331
00:23:22,220 --> 00:23:25,420
tai jos haluat meidän mennä yli jotain hieman.

332
00:23:25,420 --> 00:23:30,330
Aion askel taaksepäin vähän ja puhua enemmän keskeiset osat design.

333
00:23:30,330 --> 00:23:34,840
Ben mainittu malli nimeltä - anteeksi, mallin ohjain mielestä järjestelmän

334
00:23:34,840 --> 00:23:38,520
joka on tavallaan teknistä puolta, joten olen menossa katsomaan näkemyksiä erityisesti

335
00:23:38,520 --> 00:23:42,930
ja aion aloittaa miten haluat suunnitella näkymä, joka näyttää hienolta.

336
00:23:42,930 --> 00:23:50,540
Tässä on tavallaan todella perus malli kissamme Facebook.

337
00:23:50,540 --> 00:23:54,190
Mielestäni on olemassa joitakin perustekijät modernin käyttöliittymän suunnittelu

338
00:23:54,190 --> 00:23:56,190
joita kannattaa poimien.

339
00:23:56,190 --> 00:23:58,210
Voit huomata, että on paljon valkoista tilaa koko sivun,

340
00:23:58,210 --> 00:24:00,790
runsaasti tilaa asioita.

341
00:24:00,790 --> 00:24:02,580
Älä tuntuu sinun täytyy squash asiat oikeisiin sivu.

342
00:24:02,580 --> 00:24:06,700
Haluat jättää paljon tilaa auki, ja jos menet melkein minkä tahansa modernin sivuston

343
00:24:06,700 --> 00:24:08,380
näet siellä valkoista kaikkialla.

344
00:24:08,380 --> 00:24:10,380
On valkoinen paikoissa, joita ei odottaisi.

345
00:24:10,380 --> 00:24:14,570
Sinulla on tämä väripaletti, ja se on viisasta alussa

346
00:24:14,570 --> 00:24:17,880
valita väripaletin, joka aiot työskennellä ja kehittyä.

347
00:24:17,880 --> 00:24:22,250
Sinulla on myös - se auttaa valitsemaan kirjasintyyppi, ja näin olet tavallaan työskennellä

348
00:24:22,250 --> 00:24:24,450
konkreettiset perusteet design.

349
00:24:24,450 --> 00:24:26,910
Sinulla on tyyppi, sinulla on värejä, ja sitten voit eräänlainen

350
00:24:26,910 --> 00:24:29,380
sopii kaikki muukin tarvittaessa.

351
00:24:29,380 --> 00:24:37,710
Joten, kuten sanoin, teidän värimaailman haluat käyttää rohkeammin värejä oman värimaailman

352
00:24:37,710 --> 00:24:40,320
säästeliäästi. Otsikot ovat mukavia. Painikkeet ovat mukava olla todella iso, räikeä värit.

353
00:24:40,320 --> 00:24:43,710
Mutta yleensä, jos sinulla on verkkosivusto, joka on värejä kaikkialla,

354
00:24:43,710 --> 00:24:47,250
kaikki tuijottaa sinua kasvoihin, se vain näyttää sekavalta, ja se ei ole hyvä.

355
00:24:47,250 --> 00:24:50,430
Haluat yleensä käyttää vaaleita värejä.

356
00:24:50,430 --> 00:24:52,890
Yritä taas poimia melko yhtenäinen värimaailma.

357
00:24:52,890 --> 00:24:56,640
Voit olla näitä pikku roiskuu paljon väriä -

358
00:24:56,640 --> 00:25:00,240
että voi näyttää ihan kivoja, mutta haluat käyttää niitä melko säästeliäästi.

359
00:25:00,240 --> 00:25:04,270
>> Kuten sanoin, haluat olla minimaalinen. Vähemmän on lähes aina enemmän.

360
00:25:04,270 --> 00:25:07,430
Jos voit näyttää jotain tai ei näytä jotain,

361
00:25:07,430 --> 00:25:10,230
ja olet aika varma onko se pitäisi olla siellä oletuksena -

362
00:25:10,230 --> 00:25:13,400
luultavasti olet parhaiten pois jättämällä se pois. Voit aina lisätä sitä myöhemmin.

363
00:25:13,400 --> 00:25:16,620
Joo, pitää asiat yksinkertaisina.

364
00:25:16,620 --> 00:25:19,510
Mutta mikä tärkeintä, sinun kannattaa harkita useita malleja.

365
00:25:19,510 --> 00:25:23,520
Älä ajattele, että kun teet sivuston, sinulla on se päähäsi, että olet menossa

366
00:25:23,520 --> 00:25:26,310
tehdä sivustosta tietyllä tavalla, ja se tulee näyttämään täsmälleen samalta kuin tämä.

367
00:25:26,310 --> 00:25:29,830
Se tulee olla sininen otsikon yläosassa ja Sinisessä sivupalkissa

368
00:25:29,830 --> 00:25:32,670
ja sitten keltainen aliotsake juttu.

369
00:25:32,670 --> 00:25:34,670
Haluat tehdä useita malleja.

370
00:25:34,670 --> 00:25:37,350
Voit joko - jos olet hyvä Photo Shop, voit avata ja tavallaan

371
00:25:37,350 --> 00:25:39,600
suunnitella sivuston kuin haluat sen katsoa.

372
00:25:39,600 --> 00:25:41,680
Jos ei, voit vain käyttää kynää ja paperia,

373
00:25:41,680 --> 00:25:44,000
mutta haalia kasaan useita malleja.

374
00:25:44,000 --> 00:25:47,000
Haluat periaatteessa on perustettu jossa on paljon erilaisia ​​malleja,

375
00:25:47,000 --> 00:25:50,810
ja jos yksi päätyy puuhailee, niin se on hienoa.

376
00:25:50,810 --> 00:25:53,370
Jos yksi päätyy ei ole, niin sinulla on aina toinen kääntyä.

377
00:25:53,370 --> 00:25:57,960
Yleensä ei huvita sinun pitäisi rajoittaa

378
00:25:57,960 --> 00:26:00,830
mihin tahansa suunnittelu sinun aluksi päättää.

379
00:26:00,830 --> 00:26:04,420
Mallit ovat hyvin vaihtelevia, ja osa merkitys mallin

380
00:26:04,420 --> 00:26:09,480
ohjain mielestä järjestelmä on, että voit vaihtaa sisään ja ulos eri näkemyksiä haluat.

381
00:26:09,480 --> 00:26:13,510
Voit keinutella tiedot yhteen suuntaan, ja sitten päättää, OH, todella, se ei toimi kovin hyvin.

382
00:26:13,510 --> 00:26:19,190
Minusta se on tavallaan liian monimutkainen tai siellä osa täällä, että ei oikeastaan ​​toimi,

383
00:26:19,190 --> 00:26:22,150
joten olen juuri menossa kokonaan hylätä tätä näkemystä ja swap vuonna täysin uusi.

384
00:26:22,150 --> 00:26:24,790
Voimme silti käyttää vanhoja malleja ja vanhoja ohjaimet.

385
00:26:24,790 --> 00:26:27,490
Voimme tehdä kaiken palvelimen ja asiakkaan kuin olisimme aikaisemmin.

386
00:26:27,490 --> 00:26:32,850
Mutta varsinainen aalto tiedot on näkyvissä tulee olemaan hieman erilainen.

387
00:26:32,850 --> 00:26:35,840
>> Sikäli kuin itse täytäntöön suunnittelu haluat,

388
00:26:35,840 --> 00:26:39,330
kun olet muutaman malleja hahmotteli paperille tai Photo Shop tai mitä tahansa,

389
00:26:39,330 --> 00:26:42,120
on olemassa lukuisia työkaluja, jotka ovat saatavilla sinulle.

390
00:26:42,120 --> 00:26:45,700
Ensimmäinen olet hyvin perehtynyt joka on HTML, PHP, tai mitä tahansa

391
00:26:45,700 --> 00:26:48,990
kieltä käytät vain koodata staattinen Web-sivuston sivuilla.

392
00:26:48,990 --> 00:26:51,990
Olet työskennellyt paljon HTML millaisia ​​saat näitä tageja

393
00:26:51,990 --> 00:26:57,820
että voit laittaa asiat oikeisiin, ja pohjimmiltaan se on tapa järjestää sisältöä.

394
00:26:57,820 --> 00:27:00,990
Esimerkiksi sinulla on otsikon siellä, niin olet menossa on otsikon tag,

395
00:27:00,990 --> 00:27:05,770
ja se tulee olemaan jotain tekstiä sen sisälle, joka on luultavasti olemaan toisessa tag.

396
00:27:05,770 --> 00:27:08,380
Sitten on sivupalkissa ehkä hieman eri linkkejä,

397
00:27:08,380 --> 00:27:10,160
ja nämä tulevat kaikki olemaan eri tunnisteita.

398
00:27:10,160 --> 00:27:13,870
Joten periaatteessa HTML sen sydän on tapa jakaa ylös sivulle, miten

399
00:27:13,870 --> 00:27:16,980
te lopulta halua alustaa sen.

400
00:27:16,980 --> 00:27:18,980
Joten jälleen, että olet nähnyt tämän ennenkin.

401
00:27:18,980 --> 00:27:20,540
Olet melko mukava työskennellä nyt

402
00:27:20,540 --> 00:27:23,120
koska olet tehnyt viime PSET toivottavasti

403
00:27:23,120 --> 00:27:26,150
joten ei pitäisi olla ongelma.

404
00:27:26,150 --> 00:27:31,280
>> Sitten on CSS joka pohjimmiltaan käsittelee kaikki suunnittelun staattisen näkökohtia.

405
00:27:31,280 --> 00:27:35,320
Se hoitaa kaikki värit, kaikki paikannus erilaisia ​​elementtejä,

406
00:27:35,320 --> 00:27:36,840
jos ne menevät toistensa suhteen,

407
00:27:36,840 --> 00:27:41,530
kuinka suuria ne ovat, erilaisia ​​asentoja, että sinulla olisi -

408
00:27:41,530 --> 00:27:46,030
Toisin sanoen, voit olla asiat kuntoon niin, että kun selaa ne pysyvät,

409
00:27:46,030 --> 00:27:48,700
tai voit olla asioita suhteessa muihin elementteihin.

410
00:27:48,700 --> 00:27:50,730
Kaikki tällaista tavaraa on CSS.

411
00:27:50,730 --> 00:27:54,630
Lisäksi voit tehdä erilaisia ​​koristeita, voit olla tekstin väriä,

412
00:27:54,630 --> 00:27:56,630
tekstitehosteet, kaikki tuollaista kamaa.

413
00:27:56,630 --> 00:28:00,360
Ben antoi todella hyvä seminaarin tämän viime viikonloppuna,

414
00:28:00,360 --> 00:28:04,450
ja niin haluan ehdottomasti tarkistaa, että ulos jos aiot tehdä joitakin hienoja asioita CSS.

415
00:28:04,450 --> 00:28:09,850
CSS3 on todella uusin versio CSS, ja se voi tehdä kaikenlaisia ​​todella mukavia asioita.

416
00:28:09,850 --> 00:28:14,750
Se voi tehdä kaltevuudet, voit olla mukava, pyöristetyt kulmat, voit tehdä kaikenlaisia ​​juttuja

417
00:28:14,750 --> 00:28:17,940
tehdä sivustosi näyttää enemmän modernia ja fancy.

418
00:28:17,940 --> 00:28:22,150
>> Seuraavan työkalu on Javascript ja jQuery jossa Ben puhui hieman siitä,

419
00:28:22,150 --> 00:28:24,150
mutta Haen vähän syvemmälle.

420
00:28:24,150 --> 00:28:28,100
JavaScript koska olet työskennellyt sen kanssa vähän, tai ainakin nähnyt sen luento,

421
00:28:28,100 --> 00:28:31,870
on eräänlainen tapa dynaamisesti tehdä juttuja HTML.

422
00:28:31,870 --> 00:28:35,950
HTML, kuten tiedätte, on staattinen, joten kun olet HTML et voi muokata sitä.

423
00:28:35,950 --> 00:28:40,050
Mutta JavaScript, tietyllä tavalla, on tapa olla mahdollisuus muuttaa HTML.

424
00:28:40,050 --> 00:28:44,520
Joten voit tehdä sen, ja se on hienoa, mutta JavaScript todella tuskaa työskennellä.

425
00:28:44,520 --> 00:28:49,050
Se on niin pitkä ja tylppä ja tehdä edes yksinkertaisimpia asioita

426
00:28:49,050 --> 00:28:51,630
vaatii paljon riviä JavaScript.

427
00:28:51,630 --> 00:28:55,410
Joten, jQuery on pohjimmiltaan kirjasto JavaScript joka yksinkertaistaa kaiken tuon.

428
00:28:55,410 --> 00:28:59,880
Siinä sanotaan, okei, jos haluat olla neliö laatikko tulevat vasemmalta

429
00:28:59,880 --> 00:29:03,980
ja häivyttää sivun niin, että se on keskellä, JavaScript veisi -

430
00:29:03,980 --> 00:29:06,340
En tiedä, sata riviä tehdä, ja se olisi kipua,

431
00:29:06,340 --> 00:29:10,540
ja tulet ulos se vihaavat kaikkea web-ohjelmointi.

432
00:29:10,540 --> 00:29:15,380
JQuery periaatteessa on osa-dot-fade-in, tai jotain sellaista.

433
00:29:15,380 --> 00:29:18,580
Niin, hyvin, hyvin yksinkertainen toimintoja, jonka avulla voit tehdä kaikenlaisia ​​hienoja animaatioita

434
00:29:18,580 --> 00:29:20,580
ja että sellainen asia.

435
00:29:20,580 --> 00:29:23,300
Toinen asia, että nämä 2 ovat todella hyvä on juuri tekemässä dynaaminen asioita

436
00:29:23,300 --> 00:29:25,300
kanssa verkkosivuilla.

437
00:29:25,300 --> 00:29:28,370
Joten sen sijaan vain ottaa HTML-sivu - joka näyttää joitakin tietoja, mutta ei oikeastaan

438
00:29:28,370 --> 00:29:32,130
tehdä mitään - JavaScript ja jQuery avulla sinulla on painikkeet, joilla voit klikata,

439
00:29:32,130 --> 00:29:37,960
ja voit vetää elementtejä ja uudelleen tilata niitä ja lajitella ne, ja on uusia osia

440
00:29:37,960 --> 00:29:40,500
lisätä tai poistaa. Voit lisätä poisto-, että sellainen asia.

441
00:29:40,500 --> 00:29:44,570
Joten, jQuery tekee tonnia hienoja asioita.

442
00:29:44,570 --> 00:29:48,840
Ja Vipul on todella antaa seminaarin tänään, uskon, 5-kello,

443
00:29:48,840 --> 00:29:51,220
joten jos voit jäämään niin kauan, että olisi - 5 tai 4?

444
00:29:51,220 --> 00:29:54,930
Neljä. Anteeksi. Se on oikeastaan ​​heti tämän, niin haluan suositella

445
00:29:54,930 --> 00:29:56,680
kiinni noin, jos voit.

446
00:29:56,680 --> 00:30:00,180
JQuery on super, super hyödyllinen, ja voit tehdä paljon todella mukavia asioita sen kanssa

447
00:30:00,180 --> 00:30:03,460
melko paljon tahansa web kehittämishankkeen.

448
00:30:03,460 --> 00:30:06,200
>> Nyt aion päästä sellaista eroa.

449
00:30:06,200 --> 00:30:08,210
Olen puhunut pohjimmiltaan kysymys käyttöliittymä.

450
00:30:08,210 --> 00:30:11,510
Käyttöliittymä on vain suunnittelu sivuston.

451
00:30:11,510 --> 00:30:13,780
Mutta on tavallaan toinen käsite, joka on käyttökokemusta.

452
00:30:13,780 --> 00:30:15,900
Kaksi ovat hyvin erilaisia.

453
00:30:15,900 --> 00:30:19,440
Käyttöliittymä on ehdottomasti osa kokemusta.

454
00:30:19,440 --> 00:30:21,340
Toisin sanoen, kun menet sivusto, sinä katsot käyttöliittymä.

455
00:30:21,340 --> 00:30:22,960
Se on osa miten koet sivuston.

456
00:30:22,960 --> 00:30:24,960
Mutta käyttäjäkokemus on enemmän.

457
00:30:24,960 --> 00:30:29,910
Käyttäjäkokemus on mitä vaikutelman, että käyttäjä saa sivustosi on.

458
00:30:29,910 --> 00:30:31,910
Niin, tietenkin, käyttöliittymä on osa sitä.

459
00:30:31,910 --> 00:30:35,340
Ja se on ehdottomasti välttämätön osa, mutta se ei riitä.

460
00:30:35,340 --> 00:30:38,790
Toisin sanoen, jos sinulla on mukava käyttöliittymä, ja se on kaunis ja värikäs, ja kaikki tämä,

461
00:30:38,790 --> 00:30:43,650
Se on hienoa, mutta jos käyttäjä siirtyy sivustoon, näkee melko asettelu ja se hämmentää

462
00:30:43,650 --> 00:30:47,060
kaiken, ei ole aavistustakaan, miten tehdä mitään, niin ilmeisesti olet tehnyt todella

463
00:30:47,060 --> 00:30:48,930
huono verkkosivuilla.

464
00:30:48,930 --> 00:30:50,930
Se on tavallaan joissa käyttökokemusta tulee sisään

465
00:30:50,930 --> 00:30:54,570
Aion puhua vähän siitä UX suunnittelu - UX on lyhyt käyttökokemusta -

466
00:30:54,570 --> 00:30:58,050
ja laji, miten voit varmistaa, että sinulla on hyvä käyttökokemus.

467
00:30:58,050 --> 00:31:04,330
Ensimmäinen kohta on, että voit suunnitella sivuston, jossa käyttäjä voi tehdä mitään,

468
00:31:04,330 --> 00:31:06,820
että käyttäjä mahdollisesti haluaa.

469
00:31:06,820 --> 00:31:08,940
Mutta jos käyttäjä ei voi selvittää, miten tehdä niitä asioita -

470
00:31:08,940 --> 00:31:12,850
Toisin sanoen, jos käyttäjällä ei ole hyvä idea, kun he menevät paikalle,

471
00:31:12,850 --> 00:31:17,660
"Voi, jos haluan päivittää profiiliini, niin painan tätä painiketta, tai jos haluan postittaa

472
00:31:17,660 --> 00:31:20,850
jonkun seinään, sitten menen heidän seinään ja klikkaa pieni laatikko. "

473
00:31:20,850 --> 00:31:24,410
Jos käyttäjä ei tiedä sitä, niin voit tehokkaasti ole itse

474
00:31:24,410 --> 00:31:27,080
täytäntöön, että toiminnallisuus kunnolla.

475
00:31:27,080 --> 00:31:30,900
Osa täytäntöön toiminnallisuus on, että käyttäjät voivat todella käyttää sitä.

476
00:31:30,900 --> 00:31:34,810
Ja se voisi olla turhauttavaa - saatat tehdä sivuston, ja se voi tehdä kaikenlaisia

477
00:31:34,810 --> 00:31:37,810
ihania asioita, mutta sitten sinun on ihmisiä testata sitä ja sanoa: "Se ei voi tehdä tätä.

478
00:31:37,810 --> 00:31:39,770
Miksei se voi tehdä tätä? "Ja sanot heille takaisin,

479
00:31:39,770 --> 00:31:44,420
"No, se voi. Täytyy vain mennä seitsemäs pudotusvalikosta tällä hämäriä

480
00:31:44,420 --> 00:31:48,470
sivu, joka vain on saapuvat linkkiä oikeassa alakulmassa "tai jotain.

481
00:31:48,470 --> 00:31:50,430
On selvää, et halua sitä.

482
00:31:50,430 --> 00:31:53,420
Haluat sen olevan selkeä käyttäjille, mitä he pitäisi tehdä,

483
00:31:53,420 --> 00:31:56,240
ja sen pitäisi olla yksinkertainen ja intuitiivinen heille.

484
00:31:56,240 --> 00:32:01,180
>> Toinen asia, jonka haluat yrittää tehdä on, jos joku aikoo mennä sivustollesi

485
00:32:01,180 --> 00:32:05,520
ja 9 ulos 10 kertaa tehdä toimia, ja 1 ulos 10 kertaa do toiminta B,

486
00:32:05,520 --> 00:32:08,950
kannattanee keskittyä heidän kokemuksensa toimista A.

487
00:32:08,950 --> 00:32:12,240
Toisin sanoen, haluat tehdä sen hyvin, hyvin selvää, miten tehdä A.

488
00:32:12,240 --> 00:32:15,980
Tulee olla etu-ja-keskus - mennä sivuston, nähdä se, oi, se on tuolla.

489
00:32:15,980 --> 00:32:20,850
Kun taas B ilmeisesti haluat olla selvää, mutta voit jättää sen hieman

490
00:32:20,850 --> 00:32:22,850
taustalla.

491
00:32:22,850 --> 00:32:24,640
David antaa hyvän esimerkin tästä luennossa,

492
00:32:24,640 --> 00:32:26,640
joka on Bostonin T järjestelmään.

493
00:32:26,640 --> 00:32:29,440
Kun menet Boston T ja haluat ostaa lippu,

494
00:32:29,440 --> 00:32:32,700
sinun täytyy päästä 5 valikoissa ennen kuin voit itse ostaa lipun

495
00:32:32,700 --> 00:32:37,130
2 dollaria, 2,50 dollaria arvo, joka on, miten paljon se vie ratsastaa metro

496
00:32:37,130 --> 00:32:39,130
yhteen suuntaan.

497
00:32:39,130 --> 00:32:41,600
Se on ongelma, koska useimmat ihmiset, jotka ovat ratsastus metro

498
00:32:41,600 --> 00:32:44,880
luultavasti vain halua mennä yhteen paikkaan, ostaa lippunsa, päästä heti.

499
00:32:44,880 --> 00:32:47,550
Se ei ole mitään järkeä, että ne on käytävä läpi paljon eri valikot

500
00:32:47,550 --> 00:32:49,550
sinne.

501
00:32:49,550 --> 00:32:51,760
Parempi käyttökokemus olisi nopea näppäintä ensimmäisellä sivulla

502
00:32:51,760 --> 00:32:54,760
että vain sanoo, "ostaa menolippu," ja se olisi laittaa kaikki standardin

503
00:32:54,760 --> 00:32:58,550
oletusarvot, ja sitten jos joku haluaa ostaa eri lippu kuin, että

504
00:32:58,550 --> 00:33:01,690
he silti tietenkin on mahdollisuus, mutta olet optimoitu

505
00:33:01,690 --> 00:33:04,080
common-use case mikä on todella tärkeää.

506
00:33:04,080 --> 00:33:06,830
Näet esimerkkejä tästä Facebook, eikö?

507
00:33:06,830 --> 00:33:09,410
Jos menet Facebook ja haluat lähettää status,

508
00:33:09,410 --> 00:33:11,710
se on oikeassa yläreunassa joka on mitä haluavat usein tehdä.

509
00:33:11,710 --> 00:33:14,730
Heti kun annat sivulla voit tehdä yleisimpiä asioita, jotka

510
00:33:14,730 --> 00:33:16,730
haluat tehdä.

511
00:33:16,730 --> 00:33:17,550
Jos haluat tehdä hieman monimutkaisempi asioita, kuten,

512
00:33:17,550 --> 00:33:21,070
sanoa haluan mennä ystäväni seinän ja lähettää kuvan siitä -

513
00:33:21,070 --> 00:33:24,810
jota kannattaa tehdä usein, mutta ei niin usein kuin lähettämistä tilapäivitykset -

514
00:33:24,810 --> 00:33:28,200
niin siinä tapauksessa, kirjoitan nimensä yläreunassa, klikkaa niiden profiili,

515
00:33:28,200 --> 00:33:31,680
ja sitten vielä, se on aivan huipulla siellä kerran olen saanut profiiliin.

516
00:33:31,680 --> 00:33:38,240
Jälleen olen optimoitu ensisijaisesti yleisimpien-käyttötapauksia.

517
00:33:38,240 --> 00:33:41,800
>> Toinen tärkeä asia on, että usein ihmiset tavallaan yrittää kiertää tämä

518
00:33:41,800 --> 00:33:44,890
sanomalla, okei, joten olen tehnyt päällä ja ihmiset löytävät sekava,

519
00:33:44,890 --> 00:33:46,110
ja se on ongelma, eikö?

520
00:33:46,110 --> 00:33:49,210
On selvää, en halua ihmisten olla hämmentyneitä sisältöä sivustoni.

521
00:33:49,210 --> 00:33:53,210
Mutta tapa ratkaista, jota ei kannata olla jotain pop up sanoen:

522
00:33:53,210 --> 00:33:55,290
hei, aion opettaa sinulle, kuinka käyttää tätä sivustoa.

523
00:33:55,290 --> 00:33:58,130
Vaihe 1 - napsauttamalla tätä painiketta. Vaihe 2 - mennä täällä.

524
00:33:58,130 --> 00:34:03,080
Toki, se on päin sitä - se on tapa, että voit kertoa ihmisille, mitä tehdä, mutta se on

525
00:34:03,080 --> 00:34:05,080
todellakaan ole paras tapa.

526
00:34:05,080 --> 00:34:07,420
Jos menen verkkosivuilla ja yhtäkkiä olen pommitetaan tämä opetusohjelma, joka kertoo minulle

527
00:34:07,420 --> 00:34:11,739
mitä tehdä ja minne mennä ja kaikki tämä, se ei ole hauskaa minulle.

528
00:34:11,739 --> 00:34:13,739
Se ei ole hyvä kokemus minulle.

529
00:34:13,739 --> 00:34:17,130
Se on tavallaan kipua. Haluan vain alkaa tehdä juttuja.

530
00:34:17,130 --> 00:34:19,449
Ihmiset ovat menossa sulkea pois heidän valintaikkunan

531
00:34:19,449 --> 00:34:23,580
tai ulos opetusohjelma, ei tiedä mitä tehdä, ja sitten valittaa, koska

532
00:34:23,580 --> 00:34:25,580
et ole kertonut heille mitä tehdä.

533
00:34:25,580 --> 00:34:29,530
Tapa ratkaista tämä ei antamalla minkäänlaista opetusohjelma tai suuntiin -

534
00:34:29,530 --> 00:34:31,530
mitään sellaista.

535
00:34:31,530 --> 00:34:33,719
Niin paljon kuin voit välttää sitä, todella haluat näyttää käyttäjälle mitä tehdä

536
00:34:33,719 --> 00:34:36,429
paikan luonteen, miten sivusto on kirjattu ulos.

537
00:34:36,429 --> 00:34:39,090
Toisin sanoen, jos menen Facebook kirjautumatta sisään,

538
00:34:39,090 --> 00:34:40,920
Ensimmäinen asia, että näen pääsivulla -

539
00:34:40,920 --> 00:34:44,480
se on vähän login ruutuun. Niin, duh. Minulla täytyy kirjautua sisään Se on tuolla.

540
00:34:44,480 --> 00:34:48,030
Katsoo, että jos menin Facebook ja jouduin napsauta pikku linkkiä

541
00:34:48,030 --> 00:34:51,920
että mainittu "kirjaudu sisään" ja muun sivun oli vain jonkinlaisen kuvan tai jotain,

542
00:34:51,920 --> 00:34:54,820
En todellakaan tiedä mitä tehdä, eikö? En menisi sekaisin.

543
00:34:54,820 --> 00:34:58,590
Niin, se voisi kertoa minulle mennä sinne ja napsauta painiketta kirjautua sisään,

544
00:34:58,590 --> 00:35:01,080
tai Kirjaudu sisään-painiketta voisi olla oikeassa yläreunassa minne olen menossa katsomaan sitä.

545
00:35:01,080 --> 00:35:04,780
Haluat aina näy käyttäjälle, mitä tehdä,

546
00:35:04,780 --> 00:35:06,750
ja sen pitäisi olla luonnostaan ​​sivun itse.

547
00:35:06,750 --> 00:35:09,880
>> Kun olet ajatellut suunnittelee ja pilkkasivat jopa erilaisia ​​tapoja

548
00:35:09,880 --> 00:35:13,810
ilmaista sivusto, et todellakaan halua ajatella, mitä käyttäjät tulevat

549
00:35:13,810 --> 00:35:19,380
tehdä ja miten voit näyttää heille, mitä tehdä.

550
00:35:19,380 --> 00:35:23,530
Viimeinen asia on testaus on todella, todella tärkeää.

551
00:35:23,530 --> 00:35:27,400
On hienoa saada joku - saada ystävä, saada joku et tiedä edes -

552
00:35:27,400 --> 00:35:30,420
joka ei ole koskaan nähnyt päällä ennen käyttää sivustoa.

553
00:35:30,420 --> 00:35:33,650
Koska olet työskennellyt sivuston tuntikausia, olet tuijottanut sitä,

554
00:35:33,650 --> 00:35:36,670
ja tiedät tarkalleen mitä tehdä joten ilmeisesti aiot testaa

555
00:35:36,670 --> 00:35:39,520
asioita, joita olet työskennellyt ja että tiedät työtä.

556
00:35:39,520 --> 00:35:42,680
Mutta jos joku muu tulee ja käyttää sivusto, joka ei ole koskaan käyttänyt sitä aiemmin,

557
00:35:42,680 --> 00:35:46,880
se on ainutlaatuinen kokemus, koska sinulla on joku, joka ei ole aiempaa kokemusta

558
00:35:46,880 --> 00:35:51,530
sivuston menee sinne, niin he aikovat toteuttaa tosiasiallisesti ole aavistustakaan, mitä tehdä

559
00:35:51,530 --> 00:35:54,890
tai millaisia ​​käyttötapauksia ovat läsnä heitä.

560
00:35:54,890 --> 00:36:00,930
Se on hienoa. Se on ainutlaatuinen, koska ne ovat lähinnä henkilö tyhjä mieli.

561
00:36:00,930 --> 00:36:03,750
He voivat kertoa sinulle, jos jotain on sekava tai epäselvä.

562
00:36:03,750 --> 00:36:07,580
Ne voivat antaa sinulle käsityksen siitä juuri käyttäjäkokemuksen sivustosi on.

563
00:36:07,580 --> 00:36:10,630
Se voi olla hyvin vaikea sanoa, että itse, niin ehdottomasti haluan kannustaa sinua

564
00:36:10,630 --> 00:36:13,640
koska olet kehittämässä projekteja - jos olet tekemässä web-pohjaisten projektien -

565
00:36:13,640 --> 00:36:18,290
saada ihmiset käyttävät sivustoa jo sinulla on jonkinlainen toimiva demo.

566
00:36:18,290 --> 00:36:25,330
>> Nyt aion puhua hieman siitä, miten hallita web-kehittämishanke.

567
00:36:25,330 --> 00:36:28,900
Olemme ylittäneet miten voit tehdä teknisiä back-end puolella,

568
00:36:28,900 --> 00:36:31,050
miten voit suunnitella todella hyvä sivusto,

569
00:36:31,050 --> 00:36:34,150
ja se on hienoa, jos olet työskennellyt itse vaan -

570
00:36:34,150 --> 00:36:37,300
vaikka olet työskennellyt itse ja varsinkin jos olet työskennellyt joukkue,

571
00:36:37,300 --> 00:36:39,580
projektinhallinta tulee iso ongelma.

572
00:36:39,580 --> 00:36:42,340
Olet tavallaan kuullut projektinhallinnan eri muodoissa vuodesta

573
00:36:42,340 --> 00:36:45,410
peruskoulun kun kerrottiin ryhmätöitä.

574
00:36:45,410 --> 00:36:46,820
Sinun täytyy tehdä yhteistyötä, kommunikoida, kaikki tämä.

575
00:36:46,820 --> 00:36:49,620
Että kaikki pätee edelleen täällä, mutta on joitakin ainutlaatuisia olosuhteet

576
00:36:49,620 --> 00:36:54,910
tietojenkäsittelytiede, että haluat olla tietoinen, ja haluat varmistaa hoidatte hyvin.

577
00:36:54,910 --> 00:36:58,050
Puhun ensin hieman siitä joukkue, että voit olla sisään

578
00:36:58,050 --> 00:37:03,280
On erittäin tärkeää valita oikea koko tiimi työstää,

579
00:37:03,280 --> 00:37:05,890
ja lopullisessa projektissa Mielestäni sinulla on mahdollisuus valita

580
00:37:05,890 --> 00:37:08,610
välillä 1 ja 4 henkilöä, jos olen oikeassa.

581
00:37:08,610 --> 00:37:12,050
Haluat varmistaa, että et ole vain valita joukko ihmisiä

582
00:37:12,050 --> 00:37:14,950
että haluat työskennellä, koska he ystävillesi.

583
00:37:14,950 --> 00:37:18,170
Haluat valita joukkue, joka on hyvä koko ja se, joka saa työnsä tehtyä.

584
00:37:18,170 --> 00:37:22,700
On kaupan pois ottaa enemmän ihmisiä verrattuna vähemmän ihmisiä.

585
00:37:22,700 --> 00:37:25,320
Jos sinulla on enemmän ihmisiä, ilmeisesti enemmän työtä voidaan tehdä

586
00:37:25,320 --> 00:37:28,450
koska sinulla on paljon ihmisiä, paljon koodia, paljon ideoita,

587
00:37:28,450 --> 00:37:29,870
ja se on kaikki hyvin.

588
00:37:29,870 --> 00:37:32,590
Mutta se myös vaatii paljon enemmän hallintaa ja paljon muuta viestintää.

589
00:37:32,590 --> 00:37:34,720
Toisin sanoen, jos sinulla on 4 henkilöä työskentelee saman projektin

590
00:37:34,720 --> 00:37:39,200
ja he kaikki muokkaat samaa koodia, enemmän tai vähemmän he kaikenlaisia ​​tarve tietää

591
00:37:39,200 --> 00:37:40,920
mitä tapahtuu joten se vaatii sinua -

592
00:37:40,920 --> 00:37:44,580
jos lisäät uusia toiminnon avulla tavallaan täytyy kertoa ihmisille - Olen lisäämällä tämä,

593
00:37:44,580 --> 00:37:48,510
Muutan tämän tällä tavalla - varsinkin jos saat osaksi todella syvä kamaa

594
00:37:48,510 --> 00:37:52,730
kuten malleja ja ohjaimet, jotka ovat todella aikoo vaikuttaa siihen, miten sivusto toimii.

595
00:37:52,730 --> 00:37:54,500
Koko tiimi on oltava tietoisia siitä,

596
00:37:54,500 --> 00:37:58,140
joten sinun täytyy varmistaa, et ole valinnut liian iso joukkue, joka tulee olemaan vaikeaa

597
00:37:58,140 --> 00:37:59,970
tehdä, että viestintä.

598
00:37:59,970 --> 00:38:02,930
Et myöskään halua valita riittävän pieni tiimi, joka et aio

599
00:38:02,930 --> 00:38:06,250
pystyä kommunikoimaan, koska se on vain sinulle.

600
00:38:06,250 --> 00:38:11,270
>> Toinen asia harkita tasapaino jossa ihmisten taidot ovat.

601
00:38:11,270 --> 00:38:14,350
On hienoa, jos olet kaikki todella hyviä ohjelmoijia.

602
00:38:14,350 --> 00:38:17,050
Mutta jos olet kaikki back-end ihmisiä, sivustosi ei aio näyttää erittäin hyvältä

603
00:38:17,050 --> 00:38:20,860
koska sinulla on tämä suuri tietokanta, ja se supernopea hakukyselyistä -

604
00:38:20,860 --> 00:38:26,130
mikä on hyvä - mutta kun menet, se on kuin 1990-sivusto, jossa on punaisia ​​ja sinisiä

605
00:38:26,130 --> 00:38:30,370
kaikkialla, ja se ei ole hyvä myöskään.

606
00:38:30,370 --> 00:38:34,210
Huomaa, että Ben ja minä työskentelystä ovat erittäin mukavaa, koska olen tavallaan lisää

607
00:38:34,210 --> 00:38:38,030
etupäähän, me molemmat vuorovaikutuksessa keski-end, ja Ben on todella hyvä back-end kamaa,

608
00:38:38,030 --> 00:38:43,550
niin että toimii todella hyvin, koska voimme suunnitella minkä tahansa sivuston ja periaatteessa reiät

609
00:38:43,550 --> 00:38:47,580
että sivusto, joka on korjattava voidaan täyttää joko yksi meistä, tai mahdollisesti molempia.

610
00:38:47,580 --> 00:38:50,210
Haluat varmistaa, että ei ole reikiä joukkue.

611
00:38:50,210 --> 00:38:51,180
Se on okei, jos on vähän päällekkäisyyttä.

612
00:38:51,180 --> 00:38:53,670
Toisin sanoen, jos sinulla on 2 henkilöä, jotka ovat sekä hyvä loppupäätä,

613
00:38:53,670 --> 00:38:57,250
että voi olla hyvä myös, koska ne voivat auttaa toisiaan ongelmissa

614
00:38:57,250 --> 00:38:58,820
että niillä on ollut.

615
00:38:58,820 --> 00:39:02,590
Se voi olla ongelma, jos sinulla on vain 1 henkilö, joka on vastuussa tietty asia

616
00:39:02,590 --> 00:39:06,650
ja he törmätä ongelmaan, joten et halua olla hieman päällekkäisyyttä

617
00:39:06,650 --> 00:39:10,760
mutta mikä tärkeintä haluat varmistaa, että kaikki mahdolliset reiät täytetään.

618
00:39:10,760 --> 00:39:17,550
>> Viimeinen asia - ja tämän pitäisi olla itsestään selvää, mutta se ei useinkaan ole.

619
00:39:17,550 --> 00:39:19,550
Haluatko todella olla hauskaa.

620
00:39:19,550 --> 00:39:23,360
Kohta tämän lopullisen hankkeen CS50 ja usein pisteen web kehitystä yleensä

621
00:39:23,360 --> 00:39:26,360
ei vain tehdä työtä, koska se tarvitsee tehdä.

622
00:39:26,360 --> 00:39:29,140
Haluatko todella olla hauskaa, ja haluat olla tehdä jotain

623
00:39:29,140 --> 00:39:31,180
joka motivoi sinua työstää sitä.

624
00:39:31,180 --> 00:39:33,650
Jos mitä teet on tuskaa istua alas ja työtä,

625
00:39:33,650 --> 00:39:35,650
niin et ole valinnut oikean projektin.

626
00:39:35,650 --> 00:39:37,730
Haluat valita jotain, että löydät mielenkiintoista,

627
00:39:37,730 --> 00:39:41,150
todella haluat nähdä tuloksen, olet innostunut kun saat uuden käsityksen siitä,

628
00:39:41,150 --> 00:39:44,700
jotain voisi tehdä - niin siellä on kaikenlaisia ​​hankkeita siellä, että olen varma

629
00:39:44,700 --> 00:39:47,290
Löydät - jokaisella on jotain, joka todella kiehtovat heitä

630
00:39:47,290 --> 00:39:49,290
jos he tekevät web-pohjainen projekti.

631
00:39:49,290 --> 00:39:52,210
Minä sanon sen uudelleen juuri nyt.

632
00:39:52,210 --> 00:39:54,520
Jos projekti tuntuu kipua ja et halua työstää sitä,

633
00:39:54,520 --> 00:39:57,260
valitse toinen projekti. Valitse jotain, joka todella inspiroi sinua.

634
00:39:57,260 --> 00:40:00,260
>> Ben mainitsi tämän käsitteen iteraation vähän, ja haluan mennä sen yli hieman.

635
00:40:00,260 --> 00:40:08,250
Se on todella tärkeää työskennellä puuskittain jossa voit saada jotain toiminnallista.

636
00:40:08,250 --> 00:40:13,420
Se voi olla hienoa, jos sinulla on tämä suunnitelma verkkosivuilla, että aikoo tehdä, B ja C,

637
00:40:13,420 --> 00:40:16,000
ja lopulta se tulee sinne.

638
00:40:16,000 --> 00:40:18,600
Mutta olet jumissa tässä vaiheessa, jossa olet työskennellyt sen ja käsittelemään sitä,

639
00:40:18,600 --> 00:40:23,330
mutta mitään ei saada tehdä. Sinulla ei ole mitään nähtävää ja konkreettista, toimiva juttu.

640
00:40:23,330 --> 00:40:27,940
Mitä todella haluat tehdä niin paljon kuin se tuntuu sellainen kipu joskus

641
00:40:27,940 --> 00:40:32,300
työstää jotain ja sitten tavallaan kukkuraksi pois niin, että se on ainakin vakaa, käynnissä

642
00:40:32,300 --> 00:40:34,910
versio, vaikka se ei ole kaikkia ominaisuuksia haluat.

643
00:40:34,910 --> 00:40:37,690
Ja ehkä on olemassa joitakin ominaisuuksia, jotka todella haluat lisätä, mutta et vain voi

644
00:40:37,690 --> 00:40:41,830
koska haluat saada tämän sivuston toiminnallisesta näkökulmasta.

645
00:40:41,830 --> 00:40:44,400
Ja niin haluat sellainen on koko kehitysprosessia näyttää tuolta.

646
00:40:44,400 --> 00:40:47,810
Haluat aloittaa jostain toimiva - tai olennaisesti aloittaa mitään -

647
00:40:47,810 --> 00:40:49,890
mutta haluat päästä jonnekin hyvin yksinkertainen ja toimiva.

648
00:40:49,890 --> 00:40:54,940
Ja sitten taas, tee eräänlainen hyppy ja päästä jonnekin jälleen toimintansa.

649
00:40:54,940 --> 00:40:59,190
Voit hitaasti rakentaa, ja se saattaa mennä hieman hitaammin kuin se olisi,

650
00:40:59,190 --> 00:41:03,000
mutta pitkällä aikavälillä, jos olet jatkuvasti jumissa tässä välimaastossa vaiheeseen, jossa olet

651
00:41:03,000 --> 00:41:06,380
ei oikeastaan ​​ole mitään tapahdu, se voi olla todella iso turhautumista

652
00:41:06,380 --> 00:41:09,970
työstää hanketta, koska olet aina niin lähellä saada sen toimimaan,

653
00:41:09,970 --> 00:41:12,130
ja se ei ole koskaan todella työtä.

654
00:41:12,130 --> 00:41:14,810
Haluat työskennellä näiden toiminnallisten puuskittain,

655
00:41:14,810 --> 00:41:17,950
ja haluat myös tehdä joitakin harkinta jokaisen jälkeen.

656
00:41:17,950 --> 00:41:21,260
Toisin sanoen, kun olet vaiheessa, jossa sivusto toimii nyt -

657
00:41:21,260 --> 00:41:24,790
sillä ei ole kaikkea haluat, mutta se ei joitakin asioita -

658
00:41:24,790 --> 00:41:28,870
haluat ajatella, okei, on tämä sivusto toteutuksessa tavoite, että olen lähti tehdä?

659
00:41:28,870 --> 00:41:33,410
Toisin sanoen, jos sivusto aikoo tehdä X, on mitä olen työskennellyt suuntaan X?

660
00:41:33,410 --> 00:41:36,450
Ovat kaikki toimintoja, jotka halusin siellä?

661
00:41:36,450 --> 00:41:39,340
Ja lisäksi se palvelee yleistä tarkoitusta että haluan?

662
00:41:39,340 --> 00:41:43,200
Jos olet todennut, että sivustosi alkaa kääntyä toiseen suuntaan

663
00:41:43,200 --> 00:41:47,330
tai ehkä asiat juuri sellainen ei toimi, se voi olla aika vaihtaa vaihteita hieman.

664
00:41:47,330 --> 00:41:51,700
Toisin sanoen, se on harkitsemisen arvoinen - se kannattaa heittää pois ideat tarvittaessa

665
00:41:51,700 --> 00:41:57,950
ja harkitsee olen todella pyrkivät mitä haluan olla.

666
00:41:57,950 --> 00:42:00,760
>> Uskon, että on minun seuraava kohta. Älä pelkää luopua ideoita.

667
00:42:00,760 --> 00:42:03,750
Vain koska olet viettänyt paljon tuntia työtä ominaisuus

668
00:42:03,750 --> 00:42:07,890
ja vihdoin se työ, mutta se ei todellakaan ole menossa niin hyvin -

669
00:42:07,890 --> 00:42:12,690
kuin se ei ole kovin hyödyllinen tai käyttäjistä ei ole vaikeuksia käyttää sitä - että sellainen asia -

670
00:42:12,690 --> 00:42:15,300
älä pelkää heittää sen pois.

671
00:42:15,300 --> 00:42:17,650
Se on perseestä, että olet viettänyt paljon aikaa työstää sitä,

672
00:42:17,650 --> 00:42:21,870
mutta lopulta et halua sivuston, joka on tavallaan koonnut näitä paloja, jotka

673
00:42:21,870 --> 00:42:25,380
tällaista työtä, mutta eivät ole kovin hyvät.

674
00:42:25,380 --> 00:42:27,990
Myös, älä pelkää omaksua uusia ideoita.

675
00:42:27,990 --> 00:42:30,050
Jos joku tulee ja sanoo hei, että sivusto näyttää todella siistiä, mutta

676
00:42:30,050 --> 00:42:32,290
eikö edes hienoa, jos se myös teki tämän?

677
00:42:32,290 --> 00:42:36,220
Vain koska se on jotain, että et aio ja jotain, joka ei ole sinun

678
00:42:36,220 --> 00:42:37,900
silmälasit, jotain, että et ole tarkoitus tehdä,

679
00:42:37,900 --> 00:42:40,860
älä pelkää ottaa sen ja sitten työskennellä sen kanssa.

680
00:42:40,860 --> 00:42:43,680
Koska usein ideoita, joita voit ajaa koko kurssin kehitys

681
00:42:43,680 --> 00:42:47,630
lopulta todella hienoja ominaisuuksia verkkosivuilla.

682
00:42:47,630 --> 00:42:49,630
>> Olen sanonut tämän ennenkin. Minä sanon sen taas.

683
00:42:49,630 --> 00:42:51,630
Testaajat ovat super, super hyödyllinen.

684
00:42:51,630 --> 00:42:56,350
Yritä saada ihmiset jotka eivät ole koskaan nähneet päällä ennen kirjautua ja katso mitä tapahtuu

685
00:42:56,350 --> 00:42:59,080
koska ne eivät voi vain testata sivuston hyödyllisyyden ja käyttäjäkokemuksen,

686
00:42:59,080 --> 00:43:02,070
mutta ne voivat myös testata toiminnallisuutta tavoilla, et voi.

687
00:43:02,070 --> 00:43:06,430
Jos teet joitakin ominaisuus, joka tekee tietty asia

688
00:43:06,430 --> 00:43:11,620
ja tiedät se aikoo tehdä, että sama asia oikein joka kerta, se on hienoa.

689
00:43:11,620 --> 00:43:16,610
Mutta se voi usein olla vaikea selittää rajatapauksissa, joissa käyttäjä voi

690
00:43:16,610 --> 00:43:19,500
Kirjoita jotain, että et odottanut - juuri siksi olet määritellyt

691
00:43:19,500 --> 00:43:21,500
ominaisuuksia itse.

692
00:43:21,500 --> 00:43:23,730
Niin, että joku viitsi jolla ei ole aavistustakaan siitä, miten käyttää sivustoa

693
00:43:23,730 --> 00:43:26,840
ja vain rikkoa sitä missä tahansa tavalla he voivat tehdä, on todella hyödyllinen, koska et

694
00:43:26,840 --> 00:43:30,340
saat idean täysin eri näkökulmasta, mitä sivustosi toimii

695
00:43:30,340 --> 00:43:33,300
ja mitä tarvitsee korjausta.

696
00:43:33,300 --> 00:43:37,070
>> Viimeisin, aion puhua joitakin yleisiä hyviä käytäntöjä,

697
00:43:37,070 --> 00:43:42,470
ja olet nähnyt paljon näitä CS50, mutta ne myös todella, todella soveltaa hankkeen ympäristössä.

698
00:43:42,470 --> 00:43:47,600
Yksi on kommentteja. Aina kommentoida koodi varsinkin jos olet työskennellyt iso joukkue.

699
00:43:47,600 --> 00:43:51,230
Se voi olla niin ärsyttävää on vain jättimäinen koodiosion että joku on kirjoittanut

700
00:43:51,230 --> 00:43:54,230
ja ehkä se toimii, ehkä ei, mutta sinulla ei ole aavistustakaan, mitä se tekee,

701
00:43:54,230 --> 00:43:58,010
joten sinulla ei ole aavistustakaan onko se hyödyllistä vai ei ja onko se pitäisi olla siellä vai ei,

702
00:43:58,010 --> 00:44:00,200
ja jos olet työskennellyt jotain muuta se on jopa mahdollista, että olet työskennellyt

703
00:44:00,200 --> 00:44:06,590
sama asia, joten vain olla hyvin, hyvin varovainen olla huomaavainen oman ikäisensä

704
00:44:06,590 --> 00:44:09,710
ja kirjoittaa koodia, joka on hyvin dokumentoitu.

705
00:44:09,710 --> 00:44:13,580
Sinun ei tarvitse mennä niin pitkälle kuin tehdä koko juttu missä haluavat, jos kasvattaa

706
00:44:13,580 --> 00:44:16,620
laskuri on kommentti, joka sanoo, olen lisäämällä 1 tämän laskuri.

707
00:44:16,620 --> 00:44:20,450
Se ei tarvitse olla yksityiskohtaisia, mutta jos jokin toiminto olet koskaan kirjallisesti

708
00:44:20,450 --> 00:44:23,160
sinulla pitäisi olla jonkinlainen dokumentointi, mitä tämä toiminto tarkalleen,

709
00:44:23,160 --> 00:44:25,140
mitä sen tulot ovat, ja mitä sen pitäisi palata.

710
00:44:25,140 --> 00:44:27,800
Näin voit käyttää muiden ihmisten komponenttien sivuston

711
00:44:27,800 --> 00:44:31,990
ja voit työskennellä kohti rakennuksen jotain suurta.

712
00:44:31,990 --> 00:44:34,100
>> Toinen tärkeä asia on haluat tehdä säännöllistä siivouksen.

713
00:44:34,100 --> 00:44:40,490
Koodi sotkuista. Ei tunnu pahalta, jos koodi on totaalisesti lukukelvoton ja jättiläinen sotku.

714
00:44:40,490 --> 00:44:42,770
Mitä tapahtuu web-kehitystä aina.

715
00:44:42,770 --> 00:44:46,530
Lisäät uusia ominaisuuksia, poistamalla vanhoja. Tavaraa tulee olemaan siellä, että ei pitäisi olla.

716
00:44:46,530 --> 00:44:49,330
Se on hyvä, mutta haluat varmistaa käsittelemään sitä säännöllisesti.

717
00:44:49,330 --> 00:44:53,430
Et halua antaa sen rakentaa siihen pisteeseen, jossa et vain voi löytää mitään

718
00:44:53,430 --> 00:44:56,430
koodissa, ja sinulla ei ole aavistustakaan mitä mitään tekee.

719
00:44:56,430 --> 00:44:58,430
Näin on HTML.

720
00:44:58,430 --> 00:44:59,490
Joskus päätyä esineitä, jotka eivät sisällä mitään,

721
00:44:59,490 --> 00:45:01,320
ja sinun kannattaa päästä eroon näistä.

722
00:45:01,320 --> 00:45:04,610
CSS, voit olla tarkoitetaan seikkoja, jotka eivät ole siellä enää,

723
00:45:04,610 --> 00:45:06,340
joten haluat päästä eroon, että koodia.

724
00:45:06,340 --> 00:45:09,900
JavaScript, olet ehkä poistanut jotain HTML.

725
00:45:09,900 --> 00:45:13,150
Joten, haluat varmistaa, että olet aina siivota, tehdä asioita melko

726
00:45:13,150 --> 00:45:17,450
niin paljon kuin voit säännöllisesti.

727
00:45:17,450 --> 00:45:21,060
>> Toinen todella hyödyllinen asia, että en usko on esitetty erittäin paljon CS50

728
00:45:21,060 --> 00:45:23,430
mutta se kannattaa sijoittuminen on versionhallinta.

729
00:45:23,430 --> 00:45:27,180
Ajatus versionhallinta on, kun olet periaatteessa pitää kirjaa kaikista edistymistä

730
00:45:27,180 --> 00:45:30,820
olet tehnyt kohti sivustosi ja jos jossain vaiheessa huomaat, oh, tämä toimi

731
00:45:30,820 --> 00:45:35,220
aikaa sitten, mutta se ei toimi enää, voit palata aikaisempiin versioihin

732
00:45:35,220 --> 00:45:37,720
ja katso, mitä on muuttunut sen jälkeen ja että sellainen asia.

733
00:45:37,720 --> 00:45:41,670
Ensisijainen tapa tehdä se on kanssa Git, ja Git on koko tämä sellainen järjestelmä, joka

734
00:45:41,670 --> 00:45:46,390
Uskon Tommy MacWilliam piti seminaarin noin viime vuoden.

735
00:45:46,390 --> 00:45:51,520
Jos menet CS50 seminaareja 2011, voit nähdä hänen seminaarissa, että.

736
00:45:51,520 --> 00:45:57,070
Ajatus Git on pohjimmiltaan, että säännöllisin väliajoin teet näitä sitoumuksia

737
00:45:57,070 --> 00:46:01,430
jotka ovat tapoja sanoa sivusto on melko vakaa versio juuri nyt niin

738
00:46:01,430 --> 00:46:05,910
Olen pakkaaminen ja lähettämällä sen pois palvelimelle, ja sitten voit mennä kyseiselle palvelimelle

739
00:46:05,910 --> 00:46:07,910
ja katsoa kaikki aiemmat versiot koodin ja nähdä miten se eteni

740
00:46:07,910 --> 00:46:12,210
ja kaikki tuollainen hyvää kamaa.

741
00:46:12,210 --> 00:46:14,210
Niin, että on pohjimmiltaan se.

742
00:46:14,210 --> 00:46:17,870
Sikäli kuin web-kehitys, voimme pysyä ympäri ja vastata kaikkiin

743
00:46:17,870 --> 00:46:20,570
kysymyksiin niin pitkälle kuin meidän esitys.

744
00:46:20,570 --> 00:46:22,900
Siinä kaikki. Kiitos. >> [Ben] Kiitos.

745
00:46:22,900 --> 00:46:28,480
[Aplodit]

746
00:46:28,480 --> 00:46:30,950
>> [Billy] Staff, ei kellään mitään kysyttävää asioita, joita olemme kattaa

747
00:46:30,950 --> 00:46:33,950
tai asioita, joita olemme eivät kuulu, että he toivoivat olisimme kattaa?

748
00:46:33,950 --> 00:46:35,950
Olisimme mielellämme vastata näihin. Kukaan?

749
00:46:35,950 --> 00:46:50,360
[Yleisön jäsen] Mitä hyviä ja huonoja puolia käyttäen Ruby tai Python?

750
00:46:50,360 --> 00:46:58,660
[Ben] kysymys oli, mitä etuja ja haittoja käyttämällä Ruby tai Python

751
00:46:58,660 --> 00:46:59,900
sijaan, kuten PHP.

752
00:46:59,900 --> 00:47:11,340
Plussaa on, että Ruby ja Python ovat paljon parempia kieliä kuin PHP.

753
00:47:11,340 --> 00:47:14,920
Ainakin minun mielestäni, ja mielestäni paljon muiden mielipiteitä myös.

754
00:47:14,920 --> 00:47:20,990
Ne on suunniteltu enemmän tekee monimutkaisia ​​juttuja,

755
00:47:20,990 --> 00:47:25,380
ja vähemmän selkäsauna yhdessä web-sivuja todella nopeasti

756
00:47:25,380 --> 00:47:28,400
hieman dynaamista sisältöä.

757
00:47:28,400 --> 00:47:35,180
Haittoja ovat, että siellä on hieman - siellä on enemmän oppimiskäyrä

758
00:47:35,180 --> 00:47:37,220
saada heidät perustaa.

759
00:47:37,220 --> 00:47:41,010
Eli, kuten PHP, voit vain HTML-tiedoston ja kirjoitat vähemmän kuin,

760
00:47:41,010 --> 00:47:43,060
kysymysmerkki, ja sitten kirjoittaa koodia, ja sitten voit kirjoittaa kysymysmerkki,

761
00:47:43,060 --> 00:47:45,700
suurempi kuin-, ja sitten olet valmis.

762
00:47:45,700 --> 00:47:50,300
Muilla kielillä kuten Ruby tai Python,

763
00:47:50,300 --> 00:47:56,810
sinun täytyy mennä läpi hieman enemmän työtä saada alkuperäisen sivuston toiminnassa.

764
00:47:56,810 --> 00:48:02,730
Mukana on myös - ainakin se käytti olla kyse - että on olemassa muutakin asiakirjat

765
00:48:02,730 --> 00:48:05,480
saatavilla PHP vain koska siellä on enemmän ihmiset käyttävät sitä.

766
00:48:05,480 --> 00:48:09,370
Mielestäni ei ole niin paljon asiaa enää.

767
00:48:09,370 --> 00:48:12,520
Siellä on varmasti erittäin hyvä dokumentaatio tavaraa kuten Ruby on Rails

768
00:48:12,520 --> 00:48:16,080
tai Django Python on vastaava.

769
00:48:16,080 --> 00:48:25,910
PHP on yksi että jokainen on käyttänyt jo vuosia, ja tiedät miten se toimii.

770
00:48:25,910 --> 00:48:28,460
Ruby ja Python ovat hieman vähemmän kypsiä.

771
00:48:28,460 --> 00:48:33,130
>> [Yleisön jäsen] Jos sinun pitäisi valita yksi niistä oppia tai poimia,

772
00:48:33,130 --> 00:48:36,130
Kumpi olisit mieluummin?

773
00:48:36,130 --> 00:48:38,870
Rehellisesti, luulen että riippuu henkilöstä.

774
00:48:38,870 --> 00:48:45,450
Olen pahoillani. Kysymys oli joka nostat joku oppia?

775
00:48:45,450 --> 00:48:50,230
Minusta Python mukavimmista henkilökohtaisesti.

776
00:48:50,230 --> 00:48:55,360
On olemassa paljon ihmisiä, jotka - Tein ensimmäisen web dev hanke Python ja Django.

777
00:48:55,360 --> 00:49:00,300
On olemassa paljon ihmisiä, jotka haluavat Ruby on Rails myös.

778
00:49:00,300 --> 00:49:02,650
Luultavasti enemmän ihmisiä, jotka tietävät Ruby on Rails.

779
00:49:02,650 --> 00:49:05,270
Oikeasti, haluan vain mennä kanssa, mitä ihmiset ympärilläsi tietää

780
00:49:05,270 --> 00:49:09,680
niin että sinulla on ihmisiä esittämään kysymyksiä.

781
00:49:19,640 --> 00:49:24,170
>> Kysymys oli - on yhteisiä palvelimia on se eräänlainen vaikea työskennellä Python?

782
00:49:24,170 --> 00:49:26,170
Se riippuu hosting.

783
00:49:26,170 --> 00:49:29,400
On olemassa useita web hosts, jotka julkaisemme Python kamaa.

784
00:49:29,400 --> 00:49:31,400
WebFaction tekee sen?

785
00:49:31,400 --> 00:49:34,400
WebFaction on yksi, joka Billy ja olen käyttänyt joissakin hankkeissa.

786
00:49:34,400 --> 00:49:37,750
Ne ovat todella suuria. Ne tukevat useimmilla kielillä.

787
00:49:37,750 --> 00:49:40,020
Mutta se on totta, että PHP on paljon laajemmin tuettu.

788
00:49:40,020 --> 00:49:45,210
Joten, jos olet juuttunut web-isäntä, joka tekee vain PHP, se on hyvä syy käyttää PHP.

789
00:49:45,210 --> 00:49:56,010
>> [Yleisön jäsen] Sain osaksi opetella kyselyn Joissakin tietokannoissa

790
00:49:56,010 --> 00:50:00,680
ja tiedän SQL on koko paikka, mutta olen viime aikoina saanut alttiina -

791
00:50:00,680 --> 00:50:04,470
ja olet todennut sen ulos. Näet JSON ja laajennettavissa tietokantoja.

792
00:50:04,470 --> 00:50:14,580
My SQL on edelleen levällään. Miten näet, että tapahtuu?

793
00:50:14,580 --> 00:50:21,330
Onko siellä tulee olemaan yhä useammin enemmän laajennettavissa (ei kuulu)?

794
00:50:21,330 --> 00:50:30,100
Kysymys oli - ei mielestäni siellä tulee olemaan suuntaus ei-SQL-tietokantoihin.

795
00:50:30,100 --> 00:50:33,850
Esimerkiksi, kuten MongoDB. Uskon, että on varmasti totta.

796
00:50:33,850 --> 00:50:38,730
Minun neuvoni on enimmäkseen MySQL liittyvät tähän vain siksi, MySQL on

797
00:50:38,730 --> 00:50:40,950
alan standardi.

798
00:50:40,950 --> 00:50:45,950
Henkilökohtaisesti olen paljon mieluummin tietokantoja, jotka eivät ole schemos kuten MongoDB

799
00:50:45,950 --> 00:50:49,520
jos sinulla ei ole kysymys, oh, minun täytyy lisätä toisen sarakkeen.

800
00:50:49,520 --> 00:50:51,600
Voi minua, kuin mitä teen?

801
00:50:51,600 --> 00:50:55,840
On hyvin vaikea tehdä, että MySQL, mutta kun on jotain Mongo

802
00:50:55,840 --> 00:50:57,840
se on paljon mukavampaa.

803
00:50:57,840 --> 00:51:03,780
Muiden Kiva juttu Mongo on, että tiedot ovat todella JavaScript esineitä.

804
00:51:03,780 --> 00:51:10,110
Ei ole tavallaan konversiovaihe jossa sinun täytyy ottaa nämä tietokantaan rivit

805
00:51:10,110 --> 00:51:13,140
ja tehdä niistä JavaScript olio ja sitten lähettää heidät lanka.

806
00:51:13,140 --> 00:51:20,290
Mielestäni tavaraa niin tulee olemaan hyvin, hyvin hyödyllinen nopean web kehitystä tulevaisuudessa.

807
00:51:20,290 --> 00:51:23,060
>> [Billy] Jotain Lisäisin joka on vain yleinen asia on, että

808
00:51:23,060 --> 00:51:26,580
ei huvita sinun pitäisi oppinut kaikki kielet olemme keskustelleet

809
00:51:26,580 --> 00:51:28,580
meidän seminaarissa.

810
00:51:28,580 --> 00:51:30,560
Ilmeisesti asia on antaa sinulle käsityksen siitä, mitä siellä,

811
00:51:30,560 --> 00:51:33,450
ja jos olet kiehtoi tahansa asioita olemme maininneet voit googlettaa ne

812
00:51:33,450 --> 00:51:35,830
ja lukea niitä.

813
00:51:35,830 --> 00:51:38,750
Ja kuten mainitsin, on olemassa muutamia seminaareja, jotka käsittelevät juuri näitä asioita.

814
00:51:38,750 --> 00:51:41,660
On jopa enemmän seminaareja, että en ole maininnut, että luultavasti päästä

815
00:51:41,660 --> 00:51:43,660
tätä kamaa samoin.

816
00:51:43,660 --> 00:51:46,610
Ajatuksena on, että jos haluat työskennellä jotain, tässä ovat työkaluja käytettävissänne.

817
00:51:46,610 --> 00:51:51,630
Älä tuntuu hukkua, jos et ole aivan varma, mitä nämä työkalut tehdä juuri,

818
00:51:51,630 --> 00:51:54,830
mutta tiedän, että he ovat siellä ja että voit hyödyntävät laajasti niitä

819
00:51:54,830 --> 00:51:56,830
Google.

820
00:51:56,830 --> 00:51:59,960
>> [Yleisön jäsen] Millaisia ​​asioita sinun ei tarvitse tehdä varmistaa sivustosi

821
00:51:59,960 --> 00:52:02,530
näyttää hyvältä mobiililaitteissa?

822
00:52:02,530 --> 00:52:05,590
[Billy] Mobiililaitteet ovat hieman vaikea.

823
00:52:05,590 --> 00:52:07,590
On 2 tapaa voit lähestyä sitä.

824
00:52:07,590 --> 00:52:11,500
Ensimmäinen tapa on se, että sinulla todella on mobiilisivuston.

825
00:52:11,500 --> 00:52:14,660
Toisin sanoen, voit suorittaa jonkinlainen tunnistus alussa

826
00:52:14,660 --> 00:52:18,830
kun selain tekee pyynnön sivuston, joka joko sanoo

827
00:52:18,830 --> 00:52:25,240
palata tämän näkemyksen - mikä on näkymä työpöydälle tai kannettava selaimet -

828
00:52:25,240 --> 00:52:27,710
ja tämä toinen näkymä mobiililaitteisiin.

829
00:52:27,710 --> 00:52:33,090
Se on paikka, jossa näkymät ovat todella mukavia, että voit melko paljon swap

830
00:52:33,090 --> 00:52:37,580
kaksi ulos ja on käyttöliittymä, joka toimii todella hienosti mobiililaitteissa

831
00:52:37,580 --> 00:52:40,770
ja on täysin erilainen joka toimii hienosti selaimen laitteissa.

832
00:52:40,770 --> 00:52:43,770
Ongelma, että se kestää kauan, koska se tarkoittaa koodaus

833
00:52:43,770 --> 00:52:47,060
täysin erilainen käyttöliittymä.

834
00:52:47,060 --> 00:52:49,720
Toinen tapa, että voit tehdä se on -

835
00:52:49,720 --> 00:52:55,250
Monet nykyajan puhelimet näyttää sivustot ja yrittää tehdä niitä selain olisi,

836
00:52:55,250 --> 00:52:57,680
ja he tekevät parhaansa.

837
00:52:57,680 --> 00:53:04,340
Voit tavallaan yrittää pysyä valon määrästä jQuery JavaScript käytät

838
00:53:04,340 --> 00:53:07,360
joka on yleensä jossa asiat voivat mennä pieleen vähän.

839
00:53:07,360 --> 00:53:13,430
Tämä on eräänlainen tapa, että sinun pitäisi käyttää, jos sinulla ei ole niin paljon aikaa.

840
00:53:13,430 --> 00:53:18,540
Jos sinulla ei ole aikaa työskennellä mobiili käyttöliittymä, joka on tietysti paras vaihtoehto.

841
00:53:18,540 --> 00:53:23,320
>> Mielestäni yleensä CS50 hankkeita, olet menossa haluavat valita yhden tai muita.

842
00:53:23,320 --> 00:53:27,990
Toisin sanoen, haluat tehdä Mobile App tai haluat tehdä työpöydälle verkkosivuilla.

843
00:53:27,990 --> 00:53:32,200
Ja että sellainen määrittää missä mennään kanssa.

844
00:53:32,200 --> 00:53:35,360
Mutta jos haluat laajentaa sitä myöhemmin, luultavasti paras vaihtoehto on

845
00:53:35,360 --> 00:53:37,360
tehdä toinen käyttöliittymä muille.

846
00:53:51,650 --> 00:53:56,340
Minulla on vähän kokemusta kehittää WordPress-pohjaisten sivustojen.

847
00:53:56,340 --> 00:53:58,670
Olen isännöi omat sivut WordPress jonkin aikaa.

848
00:53:58,670 --> 00:54:02,310
Tuollaiset kehykset voi olla mukavaa aivan yhtä hyvin perusasioista.

849
00:54:02,310 --> 00:54:07,050
Usein sinun vain törmätä paljon muokattavuutta kysymyksiä kuitenkin.

850
00:54:07,050 --> 00:54:10,940
Sinun kannattaa olla jotain katsoa tietyllä tavalla tai olla tietyllä tavalla

851
00:54:10,940 --> 00:54:14,510
ja juuri voi, koska se on Johdolla järjestelmään, joka

852
00:54:14,510 --> 00:54:17,480
näin sinun täytyy tehdä asioita, jotka voivat olla hieman ongelmia.

853
00:54:17,480 --> 00:54:22,020
Siitä lähtien olen sellainen ollut taipuvainen työskennellä sivustoja maasta ylös.

854
00:54:22,020 --> 00:54:26,840
Asioita, kuten blogin tietokannat ja sen sellaista se todellakaan ole niin vaikea rakentaa puitteet.

855
00:54:26,840 --> 00:54:29,970
Jos olet todella venyttää aikaa, voit toki käyttää jotain WordPress

856
00:54:29,970 --> 00:54:33,120
tai että sellainen asia blogi.

857
00:54:33,120 --> 00:54:38,790
Sellaisia ​​tavaroita, joita blogit tallentaa ja tehdä eivät todellakaan tarpeeksi kovaa, että

858
00:54:38,790 --> 00:54:41,500
jos käytät mihinkään niistä erilaisia ​​asioita, olet todennäköisesti parasta vain

859
00:54:41,500 --> 00:54:43,500
tehdä in-house-versio.

860
00:54:43,500 --> 00:54:48,350
>> Minusta se siitä, joten kiitos jälleen tulossa.

861
00:54:48,350 --> 00:54:51,960
Me todella nauttinut puhu teille ja toivon, että olet oppinut joitakin juttuja.

862
00:54:51,960 --> 00:54:55,350
[Ben] Olemme iloisia puhua - meidän täytyy mennä, mutta olemme tyytyväisiä voidessamme puhua enemmän ulkopuolella

863
00:54:55,350 --> 00:55:01,650
jos sinulla on toinen kysymys. Kiitos vielä kerran. [Aplodit]

864
00:55:03,750 --> 00:55:06,000
[CS50.TV]