1 00:00:00,000 --> 00:00:02,500 [Powered by Google Translate] [Seminaras] [Interneto svetainių kūrimas: Nuo idėjos iki įgyvendinimo] 2 00:00:02,500 --> 00:00:04,200 [Benas Kuhn] [Billy Janitsch] [Harvardo universiteto] 3 00:00:04,200 --> 00:00:07,250 [Tai CS50] [CS50.TV] 4 00:00:07,250 --> 00:00:10,840 [Billy] Sveiki, aš Billy ir tai Benas. >> [Benas] Sveiki. 5 00:00:10,840 --> 00:00:12,840 Mes ketiname kalbėti apie interneto plėtrą ir šiandien. 6 00:00:12,840 --> 00:00:14,840 [Funvideo.ru | Mnis] [Billy Janitsch Ben Kuhn] 7 00:00:14,840 --> 00:00:16,840 Šiek tiek apie mus pirmas. 8 00:00:16,840 --> 00:00:19,590 Benas yra tarsi back-end vaikinas. Jis daro ką dirbti. 9 00:00:19,590 --> 00:00:21,870 Ir tada aš eiti ir padaryti juos gražus. 10 00:00:21,870 --> 00:00:26,610 Aš daugiausia buvo susijusios su daugiau front-end maketavimas rūšies dalykų, 11 00:00:26,610 --> 00:00:31,260 Ben, kita vertus, žino, ką jis daro, todėl jis veikia back-end stuff. 12 00:00:31,260 --> 00:00:34,050 Kartu mes padarėme keletą dalykų. 13 00:00:34,050 --> 00:00:38,710 Pavyzdžiui, praėjusiais metais dirbome Gimblium kuris yra internetinis žaidimas plėtros studija. 14 00:00:38,710 --> 00:00:40,400 Tai buvo mūsų galutinis projektas, skirtas klasės, 15 00:00:40,400 --> 00:00:42,780 ir nuo tada mes padarėme Harvardo klasei 16 00:00:42,780 --> 00:00:47,860 kuris yra internete sistema naršymui ir prekybos kursus Harvarde. 17 00:00:47,860 --> 00:00:53,180 >> Mes ketiname pradėti šią idėją mūsų svetainėje. 18 00:00:53,180 --> 00:00:57,480 Mes ketiname padaryti "Facebook", bet katėms. 19 00:00:57,480 --> 00:00:59,520 Prieš jūs iš tikrųjų padaryti šią svetainę, 20 00:00:59,520 --> 00:01:02,520 neverskite šią svetainę, nes tai nėra gerai, bet mes jį naudoti kaip pagrindas 21 00:01:02,520 --> 00:01:05,349 ir eiti per kaip mes šią idėją procesą 22 00:01:05,349 --> 00:01:07,450 ir paversti jį tikra interneto svetainėje mes galime naudoti. 23 00:01:07,450 --> 00:01:11,940 Pradėsime išmušant svetainę žemyn. 24 00:01:11,940 --> 00:01:13,190 Kaip jūs jau darote CS50, 25 00:01:13,190 --> 00:01:17,360 jūs norite galvoti apie tai, kas yra tikrieji komponentai, kad pereiti į šią svetainę. 26 00:01:17,360 --> 00:01:21,290 Iš esmės sukdami jį nuo idėjos, kuri yra tiesiog tarsi abstrakti sąvoka 27 00:01:21,290 --> 00:01:23,590 į tikrą, apčiuopiamą dalykas, kad jūs galite padaryti. 28 00:01:23,590 --> 00:01:25,910 Mes pradedame, prašydami keletą klausimų. 29 00:01:25,910 --> 00:01:28,070 Kas yra ši svetainė? Kodėl mes todėl? 30 00:01:28,070 --> 00:01:30,670 Kas tai bus naudojama? Kad dalykas rūšiuoti. 31 00:01:30,670 --> 00:01:33,660 Į "Facebook" Cat atveju 32 00:01:33,660 --> 00:01:37,730 mes iš esmės nori svetainę, kuri leidžia katės socialinį tinklą vieni su kitais. 33 00:01:37,730 --> 00:01:41,260 Idėja yra ta, kad jie gali rašyti viena kitos sienos, 34 00:01:41,260 --> 00:01:43,510 jie gali pateikti savo pastabas, kad dalykas rūšiuoti. 35 00:01:43,510 --> 00:01:46,720 Ir tai, kai mes einame į funkcinių komponentų. 36 00:01:46,720 --> 00:01:51,270 Mes dabar turime šią sistemą rūšiuoti - turime vartotojų profilius, 37 00:01:51,270 --> 00:01:53,990 mes turime pastabų, ir mes galime rašyti. 38 00:01:53,990 --> 00:01:57,390 Galbūt kada nors mes intako mėgsta ir kad dalykas rūšiuoti. 39 00:01:57,390 --> 00:02:00,410 Ir mes tipo nori teikti pirmenybę šias funkcijas vyksta in 40 00:02:00,410 --> 00:02:03,340 Norime pasakyti, kaip, gerai, tai tikrai svarbu, kad kiekvienas žmogus turi profilį 41 00:02:03,340 --> 00:02:06,440 ir kad kiekvienas gali rašyti viena kitos sienos. 42 00:02:06,440 --> 00:02:08,509 Antriniai, kad komentarai būtų malonu. 43 00:02:08,509 --> 00:02:10,180 Gal vėliau mes intako mėgsta. 44 00:02:10,180 --> 00:02:13,700 Taigi, jūs norite turėti tai, kas pagrindinis jūsų projekto idėja 45 00:02:13,700 --> 00:02:17,260 ir kas rūšiuoti bendresnio funkcija, kuri galėtų būti taikoma vėliau. 46 00:02:17,260 --> 00:02:20,870 Jūs norite rūšiuoti turėti konkretų sąrašą omenyje, 47 00:02:20,870 --> 00:02:24,090 bet projektas, kad jūs pradėti nesiruošia būti projektas, kuris jums baigti su. 48 00:02:24,090 --> 00:02:27,100 Kitaip tariant, viskas vyksta pakeisti, o jūs kurti svetainę, 49 00:02:27,100 --> 00:02:30,090 , ir jūs norite palikti kambarį, kad. 50 00:02:30,090 --> 00:02:34,470 Aš jį apverskite Ben kas manimi pakalbėti šiek tiek apie struktūrą. 51 00:02:34,470 --> 00:02:39,610 >> [Benas] aš ruošiuosi kalbėti apie daugiau techninės pusės, interneto svetainių kūrimas. 52 00:02:39,610 --> 00:02:42,370 Eikim per kai pagrindai pirmiausia. 53 00:02:42,370 --> 00:02:45,730 Kai darai web app, 54 00:02:45,730 --> 00:02:50,470 Pagrindinis padalinys, jūs ketinate turėti yra 55 00:02:50,470 --> 00:02:52,700 jūs ketinate turėti kai kurių dalykų vyksta kliento pusėje - 56 00:02:52,700 --> 00:02:56,700 tai yra kodas, kad jūs naršyklė trunka nuo svetainę 57 00:02:56,700 --> 00:03:01,910 ir JavaScript, HTML, CSS dalykų. 58 00:03:01,910 --> 00:03:04,490 Štai ir viskas, kliento pusėje. 59 00:03:04,490 --> 00:03:08,680 Jūs ketinate turėti kitą kodą, kuris veikia serverio pusėje 60 00:03:08,680 --> 00:03:10,770 kuri stebi visus duomenis, kad žmonės siunčia į jus, 61 00:03:10,770 --> 00:03:15,060 nusprendžia, kam duoti ką, stuff like that. 62 00:03:15,060 --> 00:03:20,380 Tai tik keletas terminų, kad jus vaikinai visi esame susipažinę su tuo, ką mes kalbame apie. 63 00:03:20,380 --> 00:03:28,600 Be to skyriaus, tai gerai pagalvoti apie savo interneto app požiūriu 64 00:03:28,600 --> 00:03:32,500 Skirtingų komponentų pora. 65 00:03:32,500 --> 00:03:35,270 Kai jūs darote interneto svetainių kūrimas 66 00:03:35,270 --> 00:03:41,710 vienas iš dalykų, kad jūs visada turėtų būti bando padaryti, tai, siekiant sumažinti sudėtingumą. 67 00:03:41,710 --> 00:03:45,710 Kuo sudėtingesnė jūsų kodas yra daugiau šansų yra, kad klaidų, 68 00:03:45,710 --> 00:03:47,710 sunkiau yra pakeisti vėliau. 69 00:03:47,710 --> 00:03:50,140 Taigi, jei galite nutraukti savo programą į keletą skirtingų funkcinių sričių 70 00:03:50,140 --> 00:03:57,640 kad bus - ir jūs galite sumažinti sumą abipus zonos komunikacijos rūšiuoti - 71 00:03:57,640 --> 00:04:03,530 kuris padės jums ilgalaikėje perspektyvoje, mažinant klaidų daug. 72 00:04:03,530 --> 00:04:07,950 >> Norėdami būti konkretūs, dažniausiai žmonės padalinti interneto app į - 73 00:04:07,950 --> 00:04:13,190 tai tipo Buzz žodžiai dabar, bet jie vis dar naudinga. 74 00:04:13,190 --> 00:04:17,940 Galbūt girdėjote žmones kalbėti apie modelius, nuomonėmis ir valdikliai. 75 00:04:17,940 --> 00:04:23,210 Modeliai yra faktiniai duomenys, kad jūsų app ketinate spręsti. 76 00:04:23,210 --> 00:04:28,260 Pavyzdžiui, jūsų katė Facebook, jūsų modeliai būtų - 77 00:04:28,260 --> 00:04:35,340 jūs turite dėl, pavyzdžiui, pranešimų modelį, ir dėl vartotojų profilių, dalykų, pavyzdžiui, kad modelis. 78 00:04:35,340 --> 00:04:41,090 Jūsų nuomonė yra kaip jums pristatyti tuos duomenis savo vartotojams. 79 00:04:41,090 --> 00:04:46,660 Jūs galite turėti 1 rodinį žiūri į vieną postą ir visus komentarus 80 00:04:46,660 --> 00:04:51,720 ir kitokios nuomonės savo sienos, kuri yra visų postų 81 00:04:51,720 --> 00:04:57,170 kurie yra nukreipti į jus, ir kitokios nuomonės jūsų naujienų - stuff like that. 82 00:04:57,170 --> 00:05:00,610 Galiausiai, jūs turite tikrintojus, kurie iš esmės tada, kai žmonės atsiųsti pranešimus 83 00:05:00,610 --> 00:05:03,310 ir jums padaryti atnaujinimus į savo back-end sistemos, 84 00:05:03,310 --> 00:05:06,400 Jūs prieaugio iš skaitiklių krūva, ir dar ką nors. 85 00:05:06,400 --> 00:05:07,860 Tai yra jūsų valdytojai. 86 00:05:07,860 --> 00:05:11,030 >> Aš ruošiuosi kalbėti daugiausia apie modelius. 87 00:05:11,030 --> 00:05:14,030 Peržiūros techniškai nėra, kad sunku ir problema daugiau su projektavimo juos 88 00:05:14,030 --> 00:05:22,040 Valdikliai ketinate būti būdingi ką jūs projektuojant. 89 00:05:22,040 --> 00:05:25,220 Tačiau yra keletas gana bendri metodai galite naudoti 90 00:05:25,220 --> 00:05:30,220 padaryti savo modelių gražiau ir lengviau dirbti, kad aš manau, yra labai naudinga. 91 00:05:30,220 --> 00:05:35,860 Tai dažniausiai bus apie tai, kaip elgtis su savo Web Apps "duomenimis gražus būdas. 92 00:05:35,860 --> 00:05:40,420 Pagrindinės problemos su modeliais 93 00:05:40,420 --> 00:05:44,540 yra tai, kad jie gyvena nuo kliento ir serverio, ir jūs turite išsiaiškinti, 94 00:05:44,540 --> 00:05:51,170 ), kaip juos gauti - visus atitinkamus tie - iš serverio į klientą, 95 00:05:51,170 --> 00:05:53,440 ir b) kaip išlaikyti juos sinchronizuoti. 96 00:05:53,440 --> 00:05:58,700 Jūsų vartotojai ketinate norite padaryti kai kuriuos naujinimus. 97 00:05:58,700 --> 00:06:00,470 Jie norės, kad naujų pareigybių. 98 00:06:00,470 --> 00:06:04,800 Jie norės patinka tai, ir kita, jei turite mėgsta. 99 00:06:04,800 --> 00:06:11,490 Tai yra pagrindiniai techniniai sunkumai bendraujant su modeliais. 100 00:06:11,490 --> 00:06:15,680 Pirmas dalykas, kad jūs ketinate norite užduoti sau yra 101 00:06:15,680 --> 00:06:18,420 Kokie duomenys eina šio modelio ir kokios užklausas mes ketiname norite daryti - 102 00:06:18,420 --> 00:06:24,290 tai yra, kaip mes ketiname pažvelgti į modelių? 103 00:06:24,290 --> 00:06:26,940 Jūsų Cat Facebook pavyzdžiui, 104 00:06:26,940 --> 00:06:31,520 Jūsų pranešimas teks autorius su juo, 105 00:06:31,520 --> 00:06:35,660 kai sienos po teksto ir sienelės paštu gavėjas. 106 00:06:35,660 --> 00:06:38,470 Ir tada jūs galbūt norėsite užklausti, kad įvairiais būdais krūva. 107 00:06:38,470 --> 00:06:42,220 Jūs norėtumėte pažvelgti į jį, kuris parašė, kokia postą, 108 00:06:42,220 --> 00:06:46,620 PSO atsiųstus rašyti, gal iki tos dienos, kai buvo paskelbtas. 109 00:06:46,620 --> 00:06:50,340 Bet jei jūs ketinate daryti pagal datą, tada jūs turite pridėti kitą lauką į jūsų pranešimą 110 00:06:50,340 --> 00:06:52,490 kada jis iš tikrųjų buvo įdėtas. 111 00:06:52,490 --> 00:07:00,220 Šie 2 veiksniai - kokie duomenys, kuriuos norite naudoti, ir kaip jūs norite, kad matytumėte tai - 112 00:07:00,220 --> 00:07:04,200 jums reikia galvoti apie jų pirmąjį, nes jie priklauso vienas nuo kito, 113 00:07:04,200 --> 00:07:08,030 ir tai bus sunkiau įtraukti juos vėliau. 114 00:07:08,030 --> 00:07:12,750 >> Yra keletas kitų aplinkybių. 115 00:07:12,750 --> 00:07:17,540 Kai jūs galvojate apie tai, kaip jums susidoroti su modeliais serveryje 116 00:07:17,540 --> 00:07:20,540 ką jūs norite pažvelgti į tai - 117 00:07:20,540 --> 00:07:27,440 iš esmės jūs norite, kad serveris taip paprasta, kaip įmanoma. 118 00:07:29,440 --> 00:07:35,500 Doing stuff kliento pusėje paprastai yra daug greičiau, jei galite tai padaryti vien tik klientui 119 00:07:35,500 --> 00:07:38,230 be daryti bet kokį tinklo prašymu rūšiuoti. 120 00:07:38,230 --> 00:07:47,860 Idėja yra padaryti, kaip daugelis užklausas, kaip jūs galite ant kliento. 121 00:07:47,860 --> 00:07:51,560 Vienintelė problema su tuo 122 00:07:51,560 --> 00:07:54,160 yra tai, kad jei jūs prašote visus savo duomenis pradžioje 123 00:07:54,160 --> 00:07:57,160 tada, kad ketina imtis daug laiko įkelti. 124 00:07:57,160 --> 00:08:02,290 Taigi, idėja yra surasti aukso vidurį tarp turintys pakankamai duomenų apie kliento 125 00:08:02,290 --> 00:08:07,640 kad jūs galite padaryti didžiąją dalį savo darbo ten, bet ne tik žavingas viską iš karto 126 00:08:07,640 --> 00:08:09,710 taip, kad jums tikrai lėtai apkrovos metu pradžioje. 127 00:08:09,710 --> 00:08:12,610 Pavyzdžiui, jūsų katė duomenys 128 00:08:12,610 --> 00:08:20,340 Jūs tikriausiai norėsite atnešti pastarųjų sienos pranešimų krūva. 129 00:08:20,340 --> 00:08:23,790 Jūs nenorėtų paimti juos visus, nes tai gali grįžti porą metų. 130 00:08:23,790 --> 00:08:25,470 Bet jūs nenorite atnešti jiems vienu metu 131 00:08:25,470 --> 00:08:28,740 nes kad būtų nustatyta tinklo pridėtinių išlaidų daug. 132 00:08:28,740 --> 00:08:33,620 >> Tai dažnai gana sunku - jei turite duomenų bazės veikia - 133 00:08:33,620 --> 00:08:37,210 tai dažnai labai sunku pakeisti, kokius duomenis turite jį - 134 00:08:37,210 --> 00:08:40,510 tai yra, pridėti naują stulpelį duomenų bazės ar kažką - 135 00:08:40,510 --> 00:08:43,510 taip viena gera strategija iš tiesų yra tiesiog išlaikyti savo duomenų daug teksto burbuliuko - 136 00:08:43,510 --> 00:08:53,880 JSON BLOB - JSON yra Javaskriptą objektas Žymėjimas - 137 00:08:53,880 --> 00:08:58,330 Todėl, kad tai naudinga, nes tada jūs galite pridėti naujų savybių 138 00:08:58,330 --> 00:09:01,920 visų šių JSON BLOB nekeičiant savo duomenų bazę. 139 00:09:01,920 --> 00:09:06,860 Tik neigiama, kad yra tai, kad jei turite laukų krūva 140 00:09:06,860 --> 00:09:09,890 kad jums pridėta vėliau - kaip paslėpti tą JSON blob - 141 00:09:09,890 --> 00:09:12,850 tada tai sunkiau paprašyti juos viduje duomenų bazę. 142 00:09:12,850 --> 00:09:17,690 Pavyzdžiui, jei vėliau - jei turėjo savo pašto modelį, kuris aptarėme anksčiau 143 00:09:17,690 --> 00:09:25,380 tik su autoriaus, recipiento ir teksto - 144 00:09:25,380 --> 00:09:29,000 jūs taip pat galėtų turėti JSON BLOB ir tada, jei vėliau norėjo įtraukti datos laukas 145 00:09:29,000 --> 00:09:31,000 jūs neturite pakeisti savo duomenų bazę. 146 00:09:31,000 --> 00:09:36,140 Jūs galite tiesiog pridėti datas į visus teksto laukus. 147 00:09:36,140 --> 00:09:39,640 Ir tada jums bus suteikta galimybė pažvelgti į tuos, kliento pusėje, 148 00:09:39,640 --> 00:09:42,430 bet jums nebus suteikta galimybė paprašyti juos serverio pusėje 149 00:09:42,430 --> 00:09:44,430 nes ji paslėpta šio teksto. 150 00:09:44,430 --> 00:09:49,920 >> Kitas klausimas, kad jūs norite galvoti apie 151 00:09:49,920 --> 00:09:52,400 kaip jūsų klientas ir serveris ketiname bendrauti. 152 00:09:52,400 --> 00:09:56,040 Jūs paprastai nori tai išlaikyti taip paprasta, kaip įmanoma. 153 00:09:56,040 --> 00:10:02,230 Jūs galite tiesiog turi kaip get-me-šio duomenų Prašymų, 154 00:10:02,230 --> 00:10:09,140 sukurti-a-naujo objekto dalykas, ir update-senumo-objektas prašymu. 155 00:10:09,140 --> 00:10:12,930 Ir tai galėtų visi būti skirtingi adresai serveryje, kad jūs - 156 00:10:12,930 --> 00:10:20,030 kad naršyklė būtų - galite naudoti AJAX prašymus dėl visų šių 157 00:10:20,030 --> 00:10:24,000 ir arba gauti ar rašyti duomenis. 158 00:10:24,000 --> 00:10:26,600 Vėlgi, mūsų kačių Facebook pavyzdžiui, 159 00:10:26,600 --> 00:10:32,350 galite turėti šį URL gauti atskirą įrašą, 160 00:10:32,350 --> 00:10:39,750 ir jūs turite URL sukurti naują sienos posto 161 00:10:39,750 --> 00:10:45,670 o gal ir įkelti savo profilio nuotrauką, stuff like kad URL. 162 00:10:45,670 --> 00:10:51,730 Bet vėl, tai iš anksto paimti daugumą savo duomenis, kad jūs neturite išlaikyti 163 00:10:51,730 --> 00:10:53,360 priėmimo tinklo užklausas. 164 00:10:53,360 --> 00:10:59,030 Dėl šios priežasties, jums gali nenorėti turėti tokią atskirą GET užklausą dėl vieno posto, 165 00:10:59,030 --> 00:11:03,210 ir vietoj to, jūs tiesiog norite 1 GET užklausos už visą sieną. 166 00:11:03,210 --> 00:11:06,110 Ir tada, jei jūs bandote išlaikyti pusiausvyrą, nes - 167 00:11:06,110 --> 00:11:10,970 tai taip pat ketina priklausys nuo jūsų paraišką. 168 00:11:10,970 --> 00:11:13,430 Nes jei jūs tikitės, kad žmonės turi tik 10 ar 20 sienos pranešimų 169 00:11:13,430 --> 00:11:15,430 kad bus gerai. 170 00:11:15,430 --> 00:11:17,390 Bet jei tikitės jie turi tūkstančius tada šis prašymas užtruktų per ilgai, 171 00:11:17,390 --> 00:11:23,580 ir todėl jūs galbūt norėsite pridėti get visus postus, nes parametrą. 172 00:11:23,580 --> 00:11:26,580 >> Dėl visų šių, jūs tikriausiai norite sinchronizuoti duomenis JSON - 173 00:11:26,580 --> 00:11:29,260 JavaScript objektas žymėjimas. 174 00:11:29,260 --> 00:11:34,600 Beveik kiekvienas kalba labai gerai dirba su JSON. 175 00:11:34,600 --> 00:11:40,880 JQuery turi šią gražią getJSON funkcija, kuri atliks visą sunkų darbą už jus. 176 00:11:40,880 --> 00:11:47,390 Ir PHP yra taip pat labai gražus JSON komunikacijos funkcijas. 177 00:11:47,390 --> 00:11:52,660 Taigi, tai tikriausiai geriausias formatas siunčiant savo modelius ir atgal. 178 00:11:52,660 --> 00:11:56,570 >> Pavyzdžiu to, ką mes kalbėjome apie iki šiol, pavyzdžiui, 179 00:11:56,570 --> 00:12:00,520 Štai pavyzdys srautas Cat "Facebook" programa. 180 00:12:00,520 --> 00:12:07,760 Jis prasideda su jūsų naršyklėje prašančiosios pagrindinį svetainės URL. 181 00:12:07,760 --> 00:12:15,470 Serverio tikriausiai siųsti daugiau nei statinis HTML ir kai JavaScript ir CSS. 182 00:12:15,470 --> 00:12:19,170 Tai paprastai geriau ne daryti bet atvaizdavimas serveryje. 183 00:12:19,170 --> 00:12:23,370 Jūs tikriausiai nenorite - 184 00:12:23,370 --> 00:12:28,360 kas serveris yra ne daro ten vyksta žemyn sienos postų 185 00:12:28,360 --> 00:12:31,120 ir sukurti kai kiekvienam iš HTML ir siųsti, kad per. 186 00:12:31,120 --> 00:12:34,960 Tai paprastai geriausia daryti, kad kliento pusėje, nes kitaip 187 00:12:34,960 --> 00:12:38,580 kiekvieną kartą, kai norite iš naujo atkreipti kažką, kad jūs turite padaryti serverio prašymą. 188 00:12:38,580 --> 00:12:42,450 Ir kad labai greitai suteikia jums važtaraščius daug. 189 00:12:42,450 --> 00:12:47,430 Tai paprastai geriausia tiesiog laivas zsyla statinis HTML 190 00:12:47,430 --> 00:12:50,660 ir tada "JavaScript" ir CSS, kad bus padaryti atvaizdavimo kliento pusėje. 191 00:12:50,660 --> 00:12:56,750 Kuo greičiau, kad kita ateina, 192 00:12:56,750 --> 00:13:03,500 tuomet jūs galite turėti - JavaScript - galite padaryti prašymus sienos duomenų 193 00:13:03,500 --> 00:13:08,740 ir stuff like that, o po to serveris yra iš esmės tik tai duomenų bazės užklausų 194 00:13:08,740 --> 00:13:10,740 ir patikrinti leidimus. 195 00:13:10,740 --> 00:13:16,690 Tik svarbus dalykas yra tai, kad ji negali siųsti daugiau nei kai kurių kitų vartotojų sienos pranešimų 196 00:13:16,690 --> 00:13:19,220 kad jūs negalite pamatyti. 197 00:13:19,220 --> 00:13:28,050 Tai iš esmės gali būti labai plonas prieigos sluoksnio į duomenų bazę, 198 00:13:28,050 --> 00:13:32,820 ir tada visi rodo duomenis - visi nuomonėmis ir kita - 199 00:13:32,820 --> 00:13:37,280 tas gali atsitikti jūsų naršyklėje, ir tada, kai norite padaryti įrašą ar kažką 200 00:13:37,280 --> 00:13:40,000 jūs tik išsiųsti kitą prašymą. 201 00:13:40,000 --> 00:13:45,350 >> Yra taip pat kai išgalvotas stuff galite padaryti ant to. 202 00:13:45,350 --> 00:13:49,550 Kalbant apie labiau konkreti techninė informacija, 203 00:13:49,550 --> 00:13:53,360 kurti paprastojo JavaScript gali būti šiek tiek skausminga, 204 00:13:53,360 --> 00:13:56,220 todėl kai kurie bibliotekos ir įrankiai, kurie padės jums daug, kad. 205 00:13:56,220 --> 00:14:03,690 Manau, jūs visi tikriausiai girdėjote apie JQuery todėl daro HTML atvaizdavimą 206 00:14:03,690 --> 00:14:08,890 ir manipuliavimo daug lengviau - turi daug išgalvotas funkcijų nyksta ir išeina, 207 00:14:08,890 --> 00:14:12,020 ir daro kazkas animaciją. 208 00:14:12,020 --> 00:14:13,720 Taip pat ši biblioteka vadinama Underscore.js. 209 00:14:13,720 --> 00:14:20,760 Jis turi daug naudingų naudingumo funkcijų daug, daiktų, kad jums būtų tikėtis Javaskriptą, kad turi 210 00:14:20,760 --> 00:14:24,740 kad ji tikrai doesnt - dalykų, pavyzdžiui, shuffling masyvą, 211 00:14:24,740 --> 00:14:28,900 pašalinti dublikatus iš sąrašo, ar išlyginimo į sąrašų sąrašą. 212 00:14:28,900 --> 00:14:30,900 Tai tik maža kodo pavyzdys. 213 00:14:30,900 --> 00:14:36,520 Pabraukimo turi šių naudingų funkcijų, kad jums nori jums reikės visą laiką toną. 214 00:14:36,520 --> 00:14:38,840 >> Ir tada ten dar 1 biblioteka, kad aš norėčiau praleisti šiek tiek laiko 215 00:14:38,840 --> 00:14:44,800 vadinamas Backbone.js nes stuburą tikrai padeda jums susidoroti su modelių kliento pusėje 216 00:14:44,800 --> 00:14:47,210 ir apie sumaištį, kuri gali sukelti daug. 217 00:14:47,210 --> 00:14:53,550 Pagrindas suteikia jums šį modelių ir kolekcijų koncepciją 218 00:14:53,550 --> 00:14:58,300 JavaScript kuris yra iš esmės lygiai taip pat kaip JavaScript objektų 219 00:14:58,300 --> 00:15:04,900 JavaScript masyvų, tačiau jie įvykių, kai jūs pakeičiate savo savybes. 220 00:15:04,900 --> 00:15:09,090 Kaip JavaScript, jūs galite turėti, kai mygtukas bus paspaudėte ar kažkas renginį 221 00:15:09,090 --> 00:15:14,800 šie backbone modeliai ir backbone kolekcijos transliuos dalykų, pavyzdžiui, 222 00:15:14,800 --> 00:15:17,510 kad kai jie pasikeis. 223 00:15:17,510 --> 00:15:22,270 Tai reiškia, kad galite tiesiog parašyti kažką panašaus į šio kodo fragmentą čia - 224 00:15:22,270 --> 00:15:27,530 tai sako, kai jūs pridėti nieko žinutes masyvo jūs vėl įtraukti visą sieną. 225 00:15:27,530 --> 00:15:34,270 O tai sako, kad kai pasikeičia po numeris iš mėgstami, 226 00:15:34,270 --> 00:15:38,970 jums pranešti vartotojui, kad kažkas patiko savo postą. 227 00:15:38,970 --> 00:15:45,210 Arba kiekvieną kartą, kai poste nuosavybė keitimus perbraižyti postą. 228 00:15:45,210 --> 00:15:51,050 Daiktai, kaip kad bus jums sutaupyti tonų sudėtingumo, nes kitaip 229 00:15:51,050 --> 00:15:55,440 jei jūs neturite Some Like Šis pamatinis tada kiekvieną kartą savo kodą, kurį pakeisti 230 00:15:55,440 --> 00:16:04,280 nieko apie pareigas, jūs turite atsiminti save vadina visus Užkrauta funkcijas 231 00:16:04,280 --> 00:16:07,680 ir stuff like that, ir, jei norite pridėti kažką naujo, kas atsitiko 232 00:16:07,680 --> 00:16:10,680 kaskart keistas pareigas jūs turite pereiti per kiekvieną savo vietoje 233 00:16:10,680 --> 00:16:14,610 kodą, kurį modifikuotas įrašą ir pridėti, kad naujas dalykas. 234 00:16:14,610 --> 00:16:21,450 Kaip ši sistema bus pašalinti tos tarp sluoksnio komunikacijos aikštelė 235 00:16:21,450 --> 00:16:28,280 kad daro jūsų kodas sudėtingas ir sunku išlaikyti. 236 00:16:28,280 --> 00:16:31,170 >> Yra šiek tiek apie nuomonėmis, taip pat. 237 00:16:31,170 --> 00:16:35,960 Aš ruošiuosi palikti dauguma tai Billy, nes jie techniškai nėra labai sunku. 238 00:16:35,960 --> 00:16:43,540 Naudokite JQuery savo nuomonę. Tai beveik kaip šiame etape būtinybė. 239 00:16:43,540 --> 00:16:46,290 Jis tiesiog daro viską daug lengviau. 240 00:16:46,290 --> 00:16:48,290 Yra bibliotekų daug. 241 00:16:48,290 --> 00:16:49,970 Jei sudėtinga vartotojo sąsajos elementus, 242 00:16:49,970 --> 00:16:57,250 Jei norite automatinio pildymo dalykas ar patinka vieną iš šių išgalvotas daugiabučių selektoriai - 243 00:16:57,250 --> 00:17:04,790 jei norite ko nors panašaus, jūs tikriausiai turėtų tiesiog ieškoti aplink 244 00:17:04,790 --> 00:17:08,130 ir jūs galite rasti gerą biblioteką, kad bus padaryti tai, ko norite. 245 00:17:08,130 --> 00:17:11,579 Billy paaiškinti daugiau apie faktiškai sunkiausių dalių nuomonėmis. 246 00:17:11,579 --> 00:17:17,530 Taip pat, kaip šalutinis dėmesį, stuburą turi už peržiūros bendrauti funkcionalumą 247 00:17:17,530 --> 00:17:22,800 gražiai su modeliais - pažvelgti į visus šiuos bibliotekų dokumentų, iš tikrųjų. 248 00:17:22,800 --> 00:17:28,270 Tiesiog pažvelkite į docs. Jie labai gerai parašyta ir lengvai sekti. 249 00:17:28,270 --> 00:17:33,890 Apskritai, jūs galite labai daug tik "Google", jei turite problemų. 250 00:17:33,890 --> 00:17:36,370 Yra daug žmonių juos naudojant. 251 00:17:36,370 --> 00:17:42,020 Manau, kad tai, kaip galutinis dėmesį. 252 00:17:42,020 --> 00:17:48,770 >> Taip pat yra keletas sudėtingesnių dalykų, kad jūs galite padaryti, 253 00:17:48,770 --> 00:17:53,400 jei jūs ieškote, kad jūsų žiniatinklio programa papildomai nuostabus. 254 00:17:53,400 --> 00:17:59,760 Jūs galite padaryti - nauja HTML5 specifikacija yra išgalvotas, ką galite padaryti daug. 255 00:17:59,760 --> 00:18:05,780 Vietinis saugojimas - tai galite įrašyti duomenis į naršyklę - 256 00:18:05,780 --> 00:18:09,470 o ne eiti atgal ir žiūrinėti viskam serverį 257 00:18:09,470 --> 00:18:12,470 galite laikyti kai jis nuo kliento ir net leidžia žmonėms - 258 00:18:12,470 --> 00:18:20,850 kai kuriais atvejais jis gali net leidžia naudoti tinklalapio neprisijungę. 259 00:18:20,850 --> 00:18:26,980 Ten tai dalykas, vadinamas websockets kurie yra įvairių rūšių tinklo ryšio 260 00:18:26,980 --> 00:18:30,930 kur, o ne tik jums padaryti vieną prašymą, gausite atsakymą, ir jūs baigsite, 261 00:18:30,930 --> 00:18:35,240 jūs nuolat atidaryti su serveriu ir todėl jūs galite padaryti kažką panašaus 262 00:18:35,240 --> 00:18:37,240 realaus laiko atnaujinimus. 263 00:18:37,240 --> 00:18:42,020 Taigi, jei jūs bandote padaryti pokalbių programą, galite naudoti websockets 264 00:18:42,020 --> 00:18:43,790 bendrauti ir atgal, kad jūs neturite išlaikyti prašymą, 265 00:18:43,790 --> 00:18:48,410 "O, serveris, ar kas nors atsiųsti man pokalbis?" kas 10 sekundžių arba kažkas. 266 00:18:48,410 --> 00:18:55,620 Taip pat įdomu HTML5 funkcija, kur jūs galite padaryti jį atrodo kaip 267 00:18:55,620 --> 00:18:58,340 Į puslapio URL keičiasi niekada nereikėtų faktiškai perkrauti. 268 00:18:58,340 --> 00:19:03,230 Galite naudoti atgal ir perduoti mygtukus nedarant tinklo paraiškų krūva. 269 00:19:03,230 --> 00:19:14,660 Daiktai, kaip kad yra tikrai naudinga siekiant jį padaryti greitai, bet taip pat dirbti kaip web app turėtų. 270 00:19:14,660 --> 00:19:17,680 >> Taip pat šis dalykas, vadinamas CoffeeScript. 271 00:19:17,680 --> 00:19:24,450 CoffeeScript yra kitokia kalba, iš tikrųjų, kad kaupia žemyn JavaScript. 272 00:19:24,450 --> 00:19:30,080 Galima būtų rašyti visus savo kodą CoffeeScript, ir tada paleisti šį kompiliatorių, 273 00:19:30,080 --> 00:19:33,300 ir jis išspjauna JavaScript failą, galite įtraukti į savo tinklalapį. 274 00:19:33,300 --> 00:19:38,860 Priežasties, kad CoffeeScript yra gražus, nes jis atsikrato iš partijos 275 00:19:38,860 --> 00:19:44,760 keistai atvejų, kad "JavaScript", kur lygu lygu, 276 00:19:44,760 --> 00:19:51,130 ir lygus lygu tai skirtingi dalykai, ar patinka - 277 00:19:51,130 --> 00:19:55,740 ji gražiau sintaksė, susijusius su matricomis ir funkcijos. 278 00:19:55,740 --> 00:20:00,460 Tai mažai fragmentas CoffeeScript kuri gamina visų kvadratų sąrašą 279 00:20:00,460 --> 00:20:04,900 nuo 10 ^ 2 su 1 ^ 2 atvirkštine tvarka. 280 00:20:04,900 --> 00:20:08,410 Kaip matote, CoffeeScript dažnai leidžia išreikšti linija 1 281 00:20:08,410 --> 00:20:10,890 kas užtruktų 5 eilučių JavaScript. 282 00:20:10,890 --> 00:20:13,230 Tai gali padaryti ką daug lengviau. 283 00:20:13,230 --> 00:20:15,390 Tai šiek tiek naujos sintaksės išmokti, pirmiausia, 284 00:20:15,390 --> 00:20:18,010 bet ji tikrai padės jums labiau produktyvus ilgalaikėje perspektyvoje. 285 00:20:18,010 --> 00:20:22,050 >> Taip pat galite naudoti kitas kalbas serveryje nei PHP - 286 00:20:22,050 --> 00:20:27,570 kalbomis, pavyzdžiui, Ruby, Python, ar ten net projektas, pavadintas node.js 287 00:20:27,570 --> 00:20:31,450 , kuris leis jums naudoti JavaScript serveryje. 288 00:20:31,450 --> 00:20:34,700 Asmeniškai, aš tikrai, tikrai nekenčiu PHP. 289 00:20:34,700 --> 00:20:38,310 Aš tiesiog nemanau, patinka dirbti su juo. 290 00:20:38,310 --> 00:20:43,450 Jei jūs taip pat manote, kad tai yra baisu cluge iš kalbos, 291 00:20:43,450 --> 00:20:46,160 tada galite naudoti vieną iš šių vietoj. 292 00:20:46,160 --> 00:20:54,780 Apskritai, jei norite ką nors ir jūs tikrai žinote, kaip galėtumėte tai padaryti, 293 00:20:54,780 --> 00:20:56,780 tiesiog ieškoti internete. 294 00:20:56,780 --> 00:20:59,990 Yra tonų ir tonų išteklių, ypač apie - 295 00:20:59,990 --> 00:21:03,260 StackOverflow yra puikus vienas. 296 00:21:03,260 --> 00:21:06,400 Tai tai svetainė, kurioje programuotojai paklausti vieni kitus klausimus. 297 00:21:06,400 --> 00:21:09,690 Galite paleisti į jį, jei jūs turite problemų dėl CS50 probleminių rinkinių. 298 00:21:09,690 --> 00:21:16,820 Ir yra t Bibliotekos daryti beveik viską, ką norėtų. 299 00:21:16,820 --> 00:21:21,710 Jei norite ką nors ir jūs nežinote, kaip tai padaryti, 300 00:21:21,710 --> 00:21:23,710 negalvokite, kad tai neįmanoma. 301 00:21:23,710 --> 00:21:26,160 Tiesiog apsidairykite aplink ir jūs galite rasti keletą gerų išteklių. 302 00:21:26,160 --> 00:21:29,280 >> Kaip apskritai susivynioti, 303 00:21:29,280 --> 00:21:33,650 pagrindiniai išsinešti yra išlaikyti viskas paprasta. 304 00:21:33,650 --> 00:21:36,010 Kuo sudėtingesnė jūsų kodas yra pradžioje 305 00:21:36,010 --> 00:21:40,370 ir daugiau jums pabandyti padaryti išgalvotas stuff, 306 00:21:40,370 --> 00:21:43,300 ilgiau užtruks gauti kažką iš tikrųjų funkcinis 307 00:21:43,300 --> 00:21:46,480 ir sunkiau bus pakeisti vėliau. 308 00:21:46,480 --> 00:21:49,580 Taigi, daryti tai, ko kvailas, lengvai pirmas. 309 00:21:49,580 --> 00:21:51,720 Eiti kartu su tuo, 310 00:21:51,720 --> 00:21:59,070 nereikia bijoti mesti toli senąjį kodą arba valyti jį daug. 311 00:21:59,070 --> 00:22:05,320 Apskritai, kai jūs iš tikrųjų turi kažką darbo, 312 00:22:05,320 --> 00:22:09,640 tai daug lengviau galvoti apie nei tada, kai jūs vis dar pradžioje etapais 313 00:22:09,640 --> 00:22:12,610 kaip man įdėti visa tai kartu. 314 00:22:12,610 --> 00:22:17,500 Tai geriausia padaryti kvailiausias įmanomas dizainą, kuris veikia 315 00:22:17,500 --> 00:22:22,270 ir tada jį patobulinti keletą kartų, nei bandyti gauti viską iš pirmo karto. 316 00:22:22,270 --> 00:22:28,330 Kalbant apie kliento-serverio padalinys, išbandyti ir išlaikyti savo serverį labai paprasta - 317 00:22:28,330 --> 00:22:33,030 tik duomenų bazės, o kai autentifikavimo ir nedaryk bet sunkaus darbo ten. 318 00:22:33,030 --> 00:22:37,540 Ar visi jūsų sudėtingą stuff kliento pusėje naršyklėje 319 00:22:37,540 --> 00:22:40,650 JavaScript kiek galite. 320 00:22:40,650 --> 00:22:43,420 Apsižvalgykite bibliotekoms, kad padarys jūsų gyvenimą geriau. 321 00:22:43,420 --> 00:22:46,850 Visada geriau naudoti kodą, kad kažkas parašė 322 00:22:46,850 --> 00:22:49,850 jei - o ne rašyti patys. 323 00:22:49,850 --> 00:22:57,560 Yra daug daiktų internete. Google yra jūsų geriausias draugas. 324 00:22:57,560 --> 00:22:59,560 "Google" programuotojas geriausias draugas. 325 00:22:59,560 --> 00:23:07,620 Taip, tikrai nebijokite apsižvalgyti dalykų. 326 00:23:07,620 --> 00:23:11,860 Gerai. Ir perkelti į Billy. 327 00:23:11,860 --> 00:23:14,600 >> [Billy] Tiesą sakant, kol aš pradėti kai kurių dizaino dalykų, 328 00:23:14,600 --> 00:23:17,250 Ar kas nors turite Ben klausimus apie ką nors, kad jis kalbėjo apie? 329 00:23:17,250 --> 00:23:20,290 Gerai, gerai. 330 00:23:20,290 --> 00:23:22,220 Vėlgi, leiskite mums žinoti, jei kas nors neaišku 331 00:23:22,220 --> 00:23:25,420 arba, jei norite, kad mes eiti per nors šiek tiek daugiau. 332 00:23:25,420 --> 00:23:30,330 Aš ruošiuosi atsitraukti šiek tiek ir kalbėti apie daugiau pagrindinių dalių projektavimas. 333 00:23:30,330 --> 00:23:34,840 Ben paminėjo modelis vadinamas - atsiprašau, modelis valdiklis vaizdo sistema 334 00:23:34,840 --> 00:23:38,520 kuri yra tarsi techninio aspekto, todėl aš ruošiuosi pažvelgti nuomonėmis konkrečiau, 335 00:23:38,520 --> 00:23:42,930 ir aš ruošiuosi pradėti su tuo, kaip norite sukurti vaizdą, kad atrodo gražiai. 336 00:23:42,930 --> 00:23:50,540 Štai kokios tikrai pagrindinio šablono mūsų katinu Facebook. 337 00:23:50,540 --> 00:23:54,190 Manau, yra keletas šiuolaikinių UI dizainas pagrindai 338 00:23:54,190 --> 00:23:56,190 kad yra verta įlaipinami. 339 00:23:56,190 --> 00:23:58,210 Galite pastebėti, ten tarpas visame puslapyje daug, 340 00:23:58,210 --> 00:24:00,790 daug vietos daiktų. 341 00:24:00,790 --> 00:24:02,580 Nesinori turite Skvošas daiktus į puslapį. 342 00:24:02,580 --> 00:24:06,700 Jūs norite palikti daug erdvės atviros, ir jei jūs einate į beveik bet kurios šiuolaikinės interneto svetainėje 343 00:24:06,700 --> 00:24:08,380 pamatysite ten balta visur. 344 00:24:08,380 --> 00:24:10,380 Yra baltos vietų, kur nebūtų galima tikėtis. 345 00:24:10,380 --> 00:24:14,570 Turite šią spalvų paletę, o ji protinga pradžioje 346 00:24:14,570 --> 00:24:17,880 pasirinkti spalvų paletę, kad jūs ketinate dirbti ir tobulėti. 347 00:24:17,880 --> 00:24:22,250 Taip pat - tai padeda pasirinkti šriftą, ir tokiu būdu jūs tarsi dirbti su 348 00:24:22,250 --> 00:24:24,450 šie konkretūs pagrindai dizainas. 349 00:24:24,450 --> 00:24:26,910 Jūs turite savo tipą, turite savo spalvas, ir tada jūs galite rūšies 350 00:24:26,910 --> 00:24:29,380 tilptų visa kita, kiek reikia. 351 00:24:29,380 --> 00:24:37,710 Taigi, kaip sakiau, su savo spalvų schemą norite naudoti ryškesnėmis spalvomis, savo spalvų schemą 352 00:24:37,710 --> 00:24:40,320 taupiai. Antraštės yra gražus. Mygtukai yra malonu turėti tikrai didelis, prašmatnus spalvų. 353 00:24:40,320 --> 00:24:43,710 Bet apskritai, jei turite svetainę, kad yra spalvų visur, 354 00:24:43,710 --> 00:24:47,250 visi žiūri jums į veidą, jis tiesiog atrodo netvarkinga, ir tai nėra gerai. 355 00:24:47,250 --> 00:24:50,430 Norite paprastai naudoti šviesias spalvas. 356 00:24:50,430 --> 00:24:52,890 Pabandykite vėl pasiimti gana nuoseklią spalvų schemą. 357 00:24:52,890 --> 00:24:56,640 Jūs galite turėti šių mažai purslų daug spalvų - 358 00:24:56,640 --> 00:25:00,240 kad gali atrodyti labai gražus, bet jūs norite juos naudoti gana taupiai. 359 00:25:00,240 --> 00:25:04,270 >> Kaip jau sakiau, jūs norite, kad būtų minimalus. Mažiau yra beveik visada daugiau. 360 00:25:04,270 --> 00:25:07,430 Jei galite pateikti kažką, ar ne rodyti kažką, 361 00:25:07,430 --> 00:25:10,230 ir esate natūra tikras, ar jis turėtų būti ten pagal nutylėjimą - 362 00:25:10,230 --> 00:25:13,400 tikriausiai esate geriausias ne palikti jį. Jūs visada galite pridėti jį vėliau. 363 00:25:13,400 --> 00:25:16,620 Taip, kad viskas būtų paprasta. 364 00:25:16,620 --> 00:25:19,510 Bet svarbiausia, jūs norėsite apsvarstyti keletą dizainų. 365 00:25:19,510 --> 00:25:23,520 Nemanykite, kad, kai jūs padaryti svetainę, jūs turite jį į savo galvą, kad jūs ketinate 366 00:25:23,520 --> 00:25:26,310 kad tam tikru būdu svetainę, ir ji ketina atrodo kaip šis. 367 00:25:26,310 --> 00:25:29,830 Ji ketina turėti mėlyną antraštės viršuje ir mėlynos spalvos juosta 368 00:25:29,830 --> 00:25:32,670 ir tada geltona sub-header dalykas. 369 00:25:32,670 --> 00:25:34,670 Jūs norite padaryti keletą šablonų. 370 00:25:34,670 --> 00:25:37,350 Galite - jei esate gerai su Photo Shop, galite atidaryti, kad iki ir rūšiuoti 371 00:25:37,350 --> 00:25:39,600 sukurti interneto svetainę, kaip jūs norite, kad ji atrodo. 372 00:25:39,600 --> 00:25:41,680 Jei ne, galite tiesiog naudoti rašiklį ir popieriaus, 373 00:25:41,680 --> 00:25:44,000 bet sukrapštyti kelis dizainus. 374 00:25:44,000 --> 00:25:47,000 Jūs norite iš esmės turi įsteigti, kur jūs turite daug skirtingų dizainų, 375 00:25:47,000 --> 00:25:50,810 ir jei viena baigiasi darbo, tai puiku. 376 00:25:50,810 --> 00:25:53,370 Jei vienas baigiasi nesugeba, tada jūs visada turite kitą į ką kreiptis. 377 00:25:53,370 --> 00:25:57,960 Apskritai, nereikia jaustis kaip jūs turėtų būti apribotas 378 00:25:57,960 --> 00:26:00,830 kokia dizaino jūs iš pradžių nuspręsti dėl. 379 00:26:00,830 --> 00:26:04,420 Dizainas yra labai įvairi, o dalis šio modelio svarbą 380 00:26:04,420 --> 00:26:09,480 valdiklis vaizdo sistema yra ta, kad jūs galite apsikeitimo ir įvairius požiūrius norite. 381 00:26:09,480 --> 00:26:13,510 Galite linguoti duomenis į vieną pusę, ir tik tada nuspręsti, oi, iš tikrųjų, tai neveikia, kad gerai. 382 00:26:13,510 --> 00:26:19,190 Manau, kad tai rūšies pernelyg sudėtingas ar ten dalis, kad čia tikrai ne darbo, 383 00:26:19,190 --> 00:26:22,150 todėl aš tik ketina visiškai atsisakyti šio požiūrio ir apsikeitimo į visiškai naują. 384 00:26:22,150 --> 00:26:24,790 Mes vis dar galite naudoti senas modelius ir senus valdikliai. 385 00:26:24,790 --> 00:26:27,490 Mes galime padaryti viską dėl serverio ir kliento, kaip mes to anksčiau. 386 00:26:27,490 --> 00:26:32,850 Tačiau tikrasis bangos duomenų, kaip parodyta bus šiek tiek kitoks. 387 00:26:32,850 --> 00:26:35,840 >> Kiek iš tikrųjų įgyvendinti norimą dizainą, 388 00:26:35,840 --> 00:26:39,330 Jei turite keletą dizaino eskizas ant popieriaus arba ant Photo Shop ar kas, 389 00:26:39,330 --> 00:26:42,120 yra įrankių, kurie yra prieinami jums, skaičius. 390 00:26:42,120 --> 00:26:45,700 Pirmasis esate labai susipažinę su, kuris yra jūsų HTML, PHP, ar kas 391 00:26:45,700 --> 00:26:48,990 kalba jūs naudojate tik koduoti statinius puslapius savo svetainėje. 392 00:26:48,990 --> 00:26:51,990 Jūs daug dirbo su HTML kokios suteikia jums šias žymes 393 00:26:51,990 --> 00:26:57,820 kad jūs galite įdėti daiktus į ir iš esmės tai organizuoti savo turinį būdas. 394 00:26:57,820 --> 00:27:00,990 Pavyzdžiui, jūs turite antraštę ten, todėl jūs turės antraštės gairę, 395 00:27:00,990 --> 00:27:05,770 ir jis ketina turėti tam tikrą viduje jo tekstą, kuris tikriausiai bus kitoje žyma. 396 00:27:05,770 --> 00:27:08,380 Tada jūs turite juostą ir gal kai kurių grandžių, 397 00:27:08,380 --> 00:27:10,160 ir tiems, kurie ketina visiems būti atskirtumėte žymes. 398 00:27:10,160 --> 00:27:13,870 Taigi, iš esmės HTML jo širdyje yra dalijant į puslapio būdas, kaip 399 00:27:13,870 --> 00:27:16,980 jūs galų gale norite formatuoti. 400 00:27:16,980 --> 00:27:18,980 Taigi dar kartą, jūs matėte, kad prieš. 401 00:27:18,980 --> 00:27:20,540 Jūs gana patogu su ja dirbti dabar 402 00:27:20,540 --> 00:27:23,120 turint omenyje, kad jūs baigsite paskutinė pset tikiuosi, 403 00:27:23,120 --> 00:27:26,150 taip, kad neturėtų būti problema. 404 00:27:26,150 --> 00:27:31,280 >> Tada jūs turite CSS, kuri iš esmės tvarko visus dizaino statinius aspektus. 405 00:27:31,280 --> 00:27:35,320 Būtų tvarkyti visų spalvų, visų skirtingų elementų pozicionavimo, 406 00:27:35,320 --> 00:27:36,840 kur jie keliauja su vienas kito atžvilgiu, 407 00:27:36,840 --> 00:27:41,530 kokio jos dydžio, įvairių rūšių positionings kad jums reikės - 408 00:27:41,530 --> 00:27:46,030 Kitaip tariant, jūs galite turėti dalykų, nustatomos taip, kad, kai jūs slinkite žemyn jos buvimo, 409 00:27:46,030 --> 00:27:48,700 arba galite turėti dalykų, lyginant su kitų elementų. 410 00:27:48,700 --> 00:27:50,730 Visa tai stuff rūšiuoti yra CSS. 411 00:27:50,730 --> 00:27:54,630 Be to, galite padaryti įvairių papuošalų, jūs galite turėti teksto spalvas, 412 00:27:54,630 --> 00:27:56,630 teksto efektai, visa tai stuff natūra. 413 00:27:56,630 --> 00:28:00,360 Benas davė tikrai gerą seminarą apie šį praėjusį savaitgalį, 414 00:28:00,360 --> 00:28:04,450 ir todėl aš tikrai patikrinti, kad, jei jūs planuojate daryti kai išgalvotas dalykų su CSS. 415 00:28:04,450 --> 00:28:09,850 CSS3 yra iš tikrųjų naujausia versija CSS, ir tai gali padaryti viską, tikrai gražių dalykų rūšių. 416 00:28:09,850 --> 00:28:14,750 Tai galite padaryti nuolydžiai, jūs galite turėti gražus, užapvalintais kampais, galite tai padaryti visus dalykus rūšių 417 00:28:14,750 --> 00:28:17,940 padaryti jūsų svetainę atrodo labiau modernus ir išgalvotas. 418 00:28:17,940 --> 00:28:22,150 >> Kitas įrankis yra JavaScript ir jQuery kuris Benas kalbėjo šiek tiek apie, 419 00:28:22,150 --> 00:28:24,150 bet aš gausiu šiek tiek toliau į. 420 00:28:24,150 --> 00:28:28,100 "JavaScript", nes dirbote su juo šiek tiek, ar bent matė jį paskaitoje 421 00:28:28,100 --> 00:28:31,870 rūšies dinamiškai daryti stuff HTML būdas. 422 00:28:31,870 --> 00:28:35,950 HTML, kaip žinote, yra statinis, todėl, kai jūs turite HTML jūs negalite pakeisti. 423 00:28:35,950 --> 00:28:40,050 Bet Javaskriptą, tam tikrais būdais, yra būdas, kad būtų galima keisti HTML. 424 00:28:40,050 --> 00:28:44,520 Taigi jūs galite tai padaryti, ir tai puiku, bet Javaskriptą, tikrai yra skausmas dirbti. 425 00:28:44,520 --> 00:28:49,050 Tai taip ilgai ir bukas ir daryti net paprasčiausių dalykų 426 00:28:49,050 --> 00:28:51,630 reikalauja daug eilučių JavaScript. 427 00:28:51,630 --> 00:28:55,410 Taigi, JQuery yra iš esmės skirtas JavaScript biblioteka, kuri supaprastina visa tai. 428 00:28:55,410 --> 00:28:59,880 Ji sako, gerai, jei jūs norite turėti kvadratinį langelį ateina iš kairės 429 00:28:59,880 --> 00:29:03,980 ir išnyks į puslapį taip, kad jis per vidurį, "JavaScript", kad būtų atsižvelgta - 430 00:29:03,980 --> 00:29:06,340 Aš nežinau, šimtą eilučių daryti, ir tai būtų skausmas, 431 00:29:06,340 --> 00:29:10,540 ir jūs iš jo nekenčia viską apie web programavimas. 432 00:29:10,540 --> 00:29:15,380 JQuery jūs iš esmės turite elementas-dot-fade-in, ar kažkas panašaus. 433 00:29:15,380 --> 00:29:18,580 Taigi, labai, labai paprastas funkcijas, kurios leis jums padaryti visas kietas animacijos rūšių 434 00:29:18,580 --> 00:29:20,580 ir kad rūšies dalykas. 435 00:29:20,580 --> 00:29:23,300 Kitas dalykas, kad jie 2 yra tikrai gera, tai tiesiog daryti dinaminius dalykus 436 00:29:23,300 --> 00:29:25,300 su svetaine. 437 00:29:25,300 --> 00:29:28,370 Taigi, o ne tik, kad jūsų puslapio HTML - kuris rodo kai kuriuos duomenis, bet iš tikrųjų nėra 438 00:29:28,370 --> 00:29:32,130 nieko daryti - JavaScript ir jQuery leis jums mygtukus, jūs galite spustelėti ant, 439 00:29:32,130 --> 00:29:37,960 ir jūs galite vilkti elementus ir iš naujo užsisakyti ir rūšiuoti juos, ir turi naujų elementų 440 00:29:37,960 --> 00:29:40,500 pridėta arba pašalinta. Jūs galite pridėti-Delete, kad dalykas rūšiuoti. 441 00:29:40,500 --> 00:29:44,570 Taigi, JQuery daro tonų įdomių dalykų. 442 00:29:44,570 --> 00:29:48,840 Ir Vipul iš tikrųjų duoti apie tai seminare šiandien, manau, bent 5-val, 443 00:29:48,840 --> 00:29:51,220 todėl, jei galite klijuoti aplink, kad ilgai, kad būtų - 5 ar 4? 444 00:29:51,220 --> 00:29:54,930 Keturi. Atsiprašau. Iš tikrųjų iš karto po to, kad aš norėčiau rekomenduoti 445 00:29:54,930 --> 00:29:56,680 klijuoti aplink jį, jei galite. 446 00:29:56,680 --> 00:30:00,180 JQuery yra super, super naudinga, ir jūs galėsite daryti daug tikrai gražių dalykų su juo 447 00:30:00,180 --> 00:30:03,460 už beveik bet interneto plėtros projektą. 448 00:30:03,460 --> 00:30:06,200 >> Dabar aš ruošiuosi gauti į rūšies atskyrimo. 449 00:30:06,200 --> 00:30:08,210 Aš kalbu iš esmės apie vartotojo sąsają. 450 00:30:08,210 --> 00:30:11,510 Vartotojo sąsaja yra tiesiog svetainės dizainas. 451 00:30:11,510 --> 00:30:13,780 Tačiau yra tarsi kita sąvoka, kuri yra vartotojo patirtis. 452 00:30:13,780 --> 00:30:15,900 Du labai skirtingi. 453 00:30:15,900 --> 00:30:19,440 Sąsaja yra tikrai dalis patirtimi. 454 00:30:19,440 --> 00:30:21,340 Kitaip tariant, kai jūs einate į svetainę, jums pažvelgti į sąsają. 455 00:30:21,340 --> 00:30:22,960 Tai dalis to, kaip jūs patirtį svetainėje. 456 00:30:22,960 --> 00:30:24,960 Tačiau vartotojo patirtis yra daugiau nei tai. 457 00:30:24,960 --> 00:30:29,910 Vartotojo patirtis yra apie tai, kas susidaro įspūdis, kad vartotojas gauna iš jūsų svetainę. 458 00:30:29,910 --> 00:30:31,910 Taigi, akivaizdu, kad sąsaja yra to dalis. 459 00:30:31,910 --> 00:30:35,340 Ir tai tikrai būtina dalis, tačiau tai nėra pakankamas. 460 00:30:35,340 --> 00:30:38,790 Kitaip tariant, jei turite gražią sąsają, ir tai gana ir spalvingas ir visa tai, 461 00:30:38,790 --> 00:30:43,650 tai puiku, bet jei vartotojas eina į jūsų svetainę, mato gana išdėstymą ir tai trikdo 462 00:30:43,650 --> 00:30:47,060 viskas, neturi idėjos, kaip nieko daryti, tada, žinoma, jūs atlikote tikrai 463 00:30:47,060 --> 00:30:48,930 prasta svetainėje. 464 00:30:48,930 --> 00:30:50,930 Tai tarsi kur vartotojo patirtį Įgijusi 465 00:30:50,930 --> 00:30:54,570 Aš norėčiau pakalbėti šiek tiek apie UX dizainas - UX yra trumpas vartotojo patirtį - 466 00:30:54,570 --> 00:30:58,050 ir rūšis, kaip jūs galite įsitikinti, kad turite gerą vartotojo patirtį. 467 00:30:58,050 --> 00:31:04,330 Pirmoji yra ta, kad jūs galite sukurti tinklalapį, kuriame vartotojas gali daryti viską, kad 468 00:31:04,330 --> 00:31:06,820 kad vartotojas galbūt nori. 469 00:31:06,820 --> 00:31:08,940 Bet jei vartotojas negali suprasti, kaip daryti tuos dalykus - 470 00:31:08,940 --> 00:31:12,850 Kitaip tariant, jei vartotojas neturi turėti gerą idėją, kai jie išeina į savo svetainėje, 471 00:31:12,850 --> 00:31:17,660 "O, jei noriu atnaujinti savo profilį, tada aš spustelėkite šį mygtuką, arba jei noriu rašyti 472 00:31:17,660 --> 00:31:20,850 kažkieno sienos, tada aš einu į savo sienos ir spustelėkite mažai langelyje. " 473 00:31:20,850 --> 00:31:24,410 Jei vartotojas nežino, kad tada jums efektyviai neturite iš tikrųjų 474 00:31:24,410 --> 00:31:27,080 teisingai įgyvendinti šį funkcionalumą. 475 00:31:27,080 --> 00:31:30,900 Dalis įgyvendinti funkcionalumą yra tai, kad vartotojai iš tikrųjų galėtų jį naudoti. 476 00:31:30,900 --> 00:31:34,810 Ir jis gali būti varginantis - galite padaryti svetainę, ir ji gali daryti visų rūšių 477 00:31:34,810 --> 00:31:37,810 nuostabių dalykų, bet tada jūs turite žmonių išbandyti jį ir sako: "Ji negali padaryti. 478 00:31:37,810 --> 00:31:39,770 Kodėl negaliu tai vyksta? "Ir jums pasakyti atgal į juos, 479 00:31:39,770 --> 00:31:44,420 "Na, tai gali. Jūs tiesiog turite eiti į 7 išskleidžiamajame meniu tai neaiškus 480 00:31:44,420 --> 00:31:48,470 puslapis, tik yra rasti apačioje, dešiniajame kampe "ar kažką nuorodą. 481 00:31:48,470 --> 00:31:50,430 Akivaizdu, kad jūs nenorite, kad. 482 00:31:50,430 --> 00:31:53,420 Jūs norite, kad ji būtų aiški jūsų vartotojams, ką jie turėtų daryti, 483 00:31:53,420 --> 00:31:56,240 ir ji turėtų būti paprasta ir intuityvi jiems. 484 00:31:56,240 --> 00:32:01,180 >> Kitas dalykas, kad jūs norite pabandyti padaryti, tai, jei kas nors ketina eiti į savo svetainę 485 00:32:01,180 --> 00:32:05,520 ir 9 iš 10 kartų padaryti Veiksmas, ir 1 iš 10 kartų padaryti veiksmo B, 486 00:32:05,520 --> 00:32:08,950 jūs tikriausiai norite sutelkti savo patirtį veiksmų A. 487 00:32:08,950 --> 00:32:12,240 Kitaip tariant, jūs norite įsitikinti, kad tai yra labai, labai aišku, kaip daryti A. 488 00:32:12,240 --> 00:32:15,980 Turėtų būti priekyje ir centre - eiti į svetainę, matyti, oh, tai tiesiai ten. 489 00:32:15,980 --> 00:32:20,850 Kadangi B žinoma, jūs norite, kad būtų aišku, bet galite palikti šiek tiek daugiau 490 00:32:20,850 --> 00:32:22,850 fone. 491 00:32:22,850 --> 00:32:24,640 Davidas suteikia gerą pavyzdį tai paskaitos, 492 00:32:24,640 --> 00:32:26,640 kuris yra Bostono T sistema. 493 00:32:26,640 --> 00:32:29,440 Kai jūs einate į Bostono T ir norite nusipirkti bilietą, 494 00:32:29,440 --> 00:32:32,700 jūs turite gauti į 5 meniu prieš jūs iš tikrųjų galite nusipirkti bilietą 495 00:32:32,700 --> 00:32:37,130 už 2 $, 2,50 $ verte, kuri yra kiek užtrunka važiuoti metro 496 00:32:37,130 --> 00:32:39,130 viena kryptimi. 497 00:32:39,130 --> 00:32:41,600 Tai problema, nes dauguma žmonių, kurie yra jojimo metro 498 00:32:41,600 --> 00:32:44,880 turbūt tiesiog nori eiti į vieną vietą, pirkti bilietą, gauti iš karto. 499 00:32:44,880 --> 00:32:47,550 Tai neturi prasmės, kad jie turi eiti per daug skirtingų meniu 500 00:32:47,550 --> 00:32:49,550 ten patekti. 501 00:32:49,550 --> 00:32:51,760 Geriau vartotojo patirtis būtų greitai mygtukas į pirmą puslapį 502 00:32:51,760 --> 00:32:54,760 kad tiesiog sako "pirkti bilietą į vieną pusę", ir kad būtų įgyvendinti visi standarto 503 00:32:54,760 --> 00:32:58,550 numatytosios vertės ir tada, jei kas nors nori pirkti kitą bilietą, negu, 504 00:32:58,550 --> 00:33:01,690 jie vis dar, žinoma, turi galimybę, bet jūs optimizuotas 505 00:33:01,690 --> 00:33:04,080 bendro naudojimo atveju, kuris yra tikrai svarbus. 506 00:33:04,080 --> 00:33:06,830 Jūs galite pamatyti pavyzdžių tai "Facebook", tiesa? 507 00:33:06,830 --> 00:33:09,410 Jeigu jūs einate į "Facebook" ir norite rašyti statusą, 508 00:33:09,410 --> 00:33:11,710 tai į dešinę viršuje, kuri yra tai, ką dažnai nori daryti. 509 00:33:11,710 --> 00:33:14,730 Kai tik įvesite puslapį, galite tai padaryti dažniausiai tai, kas 510 00:33:14,730 --> 00:33:16,730 jūs norite daryti. 511 00:33:16,730 --> 00:33:17,550 Jei norite padaryti šiek tiek daugiau sudėtingų dalykų, pavyzdžiui, 512 00:33:17,550 --> 00:33:21,070 pasakyti, kad aš noriu eiti į mano draugo sienos ir po paveikslėlį ant jo - 513 00:33:21,070 --> 00:33:24,810 kuriuos aš noriu padaryti, dažnai, bet ne taip dažnai, kaip parašėte statusas atnaujinimus - 514 00:33:24,810 --> 00:33:28,200 todėl šiuo atveju aš tipo savo vardą į lauką viršuje, spustelėkite savo profilyje, 515 00:33:28,200 --> 00:33:31,680 ir tada, vis dar, tai pačiame viršuje yra, kai aš Dotarłeś savo profilio. 516 00:33:31,680 --> 00:33:38,240 Vėlgi, aš optimizuotas prioritetas labiausiai paplitusių naudojimo atvejais. 517 00:33:38,240 --> 00:33:41,800 >> Kitas svarbus dalykas yra tai, kad dažnai žmonės tarsi bando gauti apie tai 518 00:33:41,800 --> 00:33:44,890 sakydamas, gerai, kad aš padarė svetainę ir žmonės darosi painu, 519 00:33:44,890 --> 00:33:46,110 ir tai problema, tiesa? 520 00:33:46,110 --> 00:33:49,210 Žinoma, aš nenoriu, kad žmonės galėtų būti painiojama su mano svetainės turinį. 521 00:33:49,210 --> 00:33:53,210 Tačiau būdas išspręsti tai nereiškia, kad kažkas pop-up sakydamas, 522 00:33:53,210 --> 00:33:55,290 Ei, aš einu išmokyti jus, kaip naudotis šia svetaine. 523 00:33:55,290 --> 00:33:58,130 Žingsnis 1 - spustelėkite šį mygtuką. Žingsnis 2 - eikite čia. 524 00:33:58,130 --> 00:34:03,080 Žinoma, tai aplink jį - tai taip, kad jūs galite pasakyti žmonėms, ką daryti, bet tai 525 00:34:03,080 --> 00:34:05,080 tikrai nėra optimalus būdas. 526 00:34:05,080 --> 00:34:07,420 Jeigu aš eiti į svetainę ir staiga aš užmiega su šia pamoka, kad man sako 527 00:34:07,420 --> 00:34:11,739 ką daryti ir kur eiti ir visa tai, kad nėra smagu man. 528 00:34:11,739 --> 00:34:13,739 Tai nėra gera patirtis man. 529 00:34:13,739 --> 00:34:17,130 Tai koks skausmas. Noriu tiesiog pradėti daryti stuff. 530 00:34:17,130 --> 00:34:19,449 Žmonės ketina uždaryti dialogo lange jų d 531 00:34:19,449 --> 00:34:23,580 arba išeiti iš pamoka, o ne žinoti, ką daryti, o tada skųstis, nes 532 00:34:23,580 --> 00:34:25,580 Jūs neturite pranešė jiems, ką daryti. 533 00:34:25,580 --> 00:34:29,530 Būdas išspręsti šią problemą yra neduodant jokios pamoka ar kryptimis natūra - 534 00:34:29,530 --> 00:34:31,530 nieko panašaus. 535 00:34:31,530 --> 00:34:33,719 Kiek jūs galite išvengti, jūs tikrai norite, kad vartotojas ką daryti 536 00:34:33,719 --> 00:34:36,429 tiesiog tai, kaip svetainė yra išdėstyti pobūdžio. 537 00:34:36,429 --> 00:34:39,090 Kitaip tariant, jei aš einu į "Facebook" be prisijungimo, 538 00:34:39,090 --> 00:34:40,920 pirmas dalykas, kad matau pagrindinį puslapį - 539 00:34:40,920 --> 00:34:44,480 tai mažai prisijungimo langas. Taigi, duh. Turiu prisijungti Tai tiesiai ten. 540 00:34:44,480 --> 00:34:48,030 Kadangi, jei aš nuėjau į "Facebook" ir aš turėjo spustelėkite mažai nuorodą apačioje 541 00:34:48,030 --> 00:34:51,920 tai sakė "prisijungti" ir likusi puslapio dalis buvo tik keletas paveikslėlyje, arba kažką natūra, 542 00:34:51,920 --> 00:34:54,820 Aš tikrai nežino, ką daryti, tiesa? Norėčiau būti painiojamas. 543 00:34:54,820 --> 00:34:58,590 Taigi, tai gali man pasakyti, eiti ten ir spustelėkite mygtuką registruotis, 544 00:34:58,590 --> 00:35:01,080 arba per mygtuką žurnalas gali būti pačiame viršuje, kur aš ruošiuosi jį pamatyti. 545 00:35:01,080 --> 00:35:04,780 Norite visada būti rodomas vartotojui, ką daryti, 546 00:35:04,780 --> 00:35:06,750 ir kad turėtų būti neatskiriama paties puslapio. 547 00:35:06,750 --> 00:35:09,880 >> Kai jūs galvojate apie dizaino ir tyčiojasi skirtingus būdus 548 00:35:09,880 --> 00:35:13,810 išreikšdami savo svetainę, jūs tikrai norite galvoti apie tai, ką vartotojai ketinate 549 00:35:13,810 --> 00:35:19,380 daryti ir kaip jūs galite parodyti jiems, ką daryti. 550 00:35:19,380 --> 00:35:23,530 Ir paskutinis dalykas yra bandymai yra tikrai, tikrai svarbu. 551 00:35:23,530 --> 00:35:27,400 Smagu gauti ką nors - gausite draugas, gauti ką nors jūs nežinote netgi - 552 00:35:27,400 --> 00:35:30,420 kas niekada svetainę anksčiau, naudojantis svetaine. 553 00:35:30,420 --> 00:35:33,650 Nes dirbote svetainėje valandas, jūs buvote spoksoti į jį, 554 00:35:33,650 --> 00:35:36,670 ir jūs žinote, ką daryti, taigi akivaizdu, kad jūs ketinate būti išbandyti 555 00:35:36,670 --> 00:35:39,520 dalykų, kad jūs jau dirba, ir kad jūs žinote, darbą. 556 00:35:39,520 --> 00:35:42,680 Bet jei kažkas ateina kartu ir naudoja svetainę, kad niekada naudojo jį anksčiau, 557 00:35:42,680 --> 00:35:46,880 tai unikali patirtis, nes jūs turite ką nors, kas neturi išankstinių žinių 558 00:35:46,880 --> 00:35:51,530 iš svetainės ketina į jį, todėl jie ketina turėti efektyviai neįsivaizduoju, ką daryti 559 00:35:51,530 --> 00:35:54,890 arba kokios naudojimo atvejais yra pateikti jiems. 560 00:35:54,890 --> 00:36:00,930 Tai puiku. Tai unikalus, nes jie iš esmės asmuo dėl pasiūlymo dėl proto tuščias. 561 00:36:00,930 --> 00:36:03,750 Jie gali pasakyti, jei kažkas yra klaidinantys ar neaiškūs. 562 00:36:03,750 --> 00:36:07,580 Jie gali duoti jums, būtent vartotojo patirtį savo svetainės yra idėja. 563 00:36:07,580 --> 00:36:10,630 Jis gali būti labai sunku pasakyti, kad sau, todėl tikrai norėčiau paskatinti jus 564 00:36:10,630 --> 00:36:13,640 kaip kuriate savo projektus - jei jūs darote internetinius projektus - 565 00:36:13,640 --> 00:36:18,290 kad žmonės Naudodamiesi svetaine jau turite kokių nors funkcinių demo natūra. 566 00:36:18,290 --> 00:36:25,330 >> Dabar aš norėčiau pakalbėti šiek tiek apie tai, kaip valdyti interneto plėtros projektą. 567 00:36:25,330 --> 00:36:28,900 Mes dingo dėl to, kaip jūs galite padaryti techninį back-end pusės, 568 00:36:28,900 --> 00:36:31,050 kaip galite sukurti tikrai gerą svetainę, 569 00:36:31,050 --> 00:36:34,150 ir tai puiku, jei jūs dirbate sau, bet - 570 00:36:34,150 --> 00:36:37,300 , net jei jūs dirbate sau ir ypač jei dirbate komandoje, 571 00:36:37,300 --> 00:36:39,580 projekto valdymas tampa didelė problema. 572 00:36:39,580 --> 00:36:42,340 Jūs tarsi išgirdau apie projektų valdymą įvairių formų, nes 573 00:36:42,340 --> 00:36:45,410 pradinės mokyklos, kai buvo pasakyta, grupinį darbą. 574 00:36:45,410 --> 00:36:46,820 Jūs turite bendradarbiauti, bendrauti, visa tai. 575 00:36:46,820 --> 00:36:49,620 Kad visi dar čia galioja, bet yra keletas unikalių aplinkybių, 576 00:36:49,620 --> 00:36:54,910 kompiuterių mokslas, kad jūs norite žinoti, ir jūs norite įsitikinti, kad jūs elgtis taip pat. 577 00:36:54,910 --> 00:36:58,050 Aš kalbėti pirmiausia šiek tiek apie komanda, kuri jums bus in 578 00:36:58,050 --> 00:37:03,280 Tai labai svarbu pasirinkti tinkamą dydį komandoje, kad jis veikia, 579 00:37:03,280 --> 00:37:05,890 ir savo galutinį projektą, manau, jūs turite galimybę pasirinkti, 580 00:37:05,890 --> 00:37:08,610 tarp 1 ir 4 žmonės, jei aš teisingai. 581 00:37:08,610 --> 00:37:12,050 Jūs norite įsitikinti, kad jūs ne tik pasirenkant žmonių skaičių 582 00:37:12,050 --> 00:37:14,950 kad jūs norite dirbti su, nes jie yra jūsų draugai. 583 00:37:14,950 --> 00:37:18,170 Jūs norite pasirinkti komandą, kad yra geras dydžio ir kad gaus darbą. 584 00:37:18,170 --> 00:37:22,700 Yra kompromisą turėti kuo daugiau žmonių, negu jaunesniems žmonėms. 585 00:37:22,700 --> 00:37:25,320 Jei turite daugiau žmonių, žinoma, daugiau darbų gali būti padaryta 586 00:37:25,320 --> 00:37:28,450 nes jūs turite daug žmonių, daug kodo, daug idėjų, 587 00:37:28,450 --> 00:37:29,870 ir kad viskas puiku. 588 00:37:29,870 --> 00:37:32,590 Tačiau ji taip pat reikalauja daug daugiau valdymą ir daug daugiau bendrauti. 589 00:37:32,590 --> 00:37:34,720 Kitaip tariant, jei jūs turite 4 žmonės, dirbantys tam pačiam projektui 590 00:37:34,720 --> 00:37:39,200 ir jie visi redaguoti tą patį kodą, daugiau ar mažiau visi jie poreikio natūra žinoti 591 00:37:39,200 --> 00:37:40,920 kas vyksta, kad tai jums - 592 00:37:40,920 --> 00:37:44,580 jei norite pridėti šiek tiek naują funkciją jūs tarsi turite pasakyti žmonėms - ı'm pridedant tai, 593 00:37:44,580 --> 00:37:48,510 Aš keičiasi tai šiuo būdu - ypač jei jūs gaunate į tikrai giliai stuff 594 00:37:48,510 --> 00:37:52,730 kaip modeliai ir valdikliai, kad iš tikrųjų ketiname daryti įtaką, kaip svetainė veikia. 595 00:37:52,730 --> 00:37:54,500 Visa komanda turi būti susipažinę su ja, 596 00:37:54,500 --> 00:37:58,140 todėl jūs turite įsitikinti, kad jūs ne pasirinkti per didelį komanda, kuri ketina būti sunku 597 00:37:58,140 --> 00:37:59,970 padaryti, kad bendrauti. 598 00:37:59,970 --> 00:38:02,930 Taip pat nenorite pasirinkti nedidelį pakankamai komandą, kad jūs nesiruošia 599 00:38:02,930 --> 00:38:06,250 gebėti bendrauti, nes tai tik jums. 600 00:38:06,250 --> 00:38:11,270 >> Kitas dalykas, apsvarstyti, yra, kur žmonių įgūdžiai yra balansas. 601 00:38:11,270 --> 00:38:14,350 Tai puiku, jei jūs visi tikrai geri programuotojai. 602 00:38:14,350 --> 00:38:17,050 Bet jei jūs visus back-end žmones, tada jūsų svetainė nesiruošia atrodo labai gerai 603 00:38:17,050 --> 00:38:20,860 nes jūs turite šią puikią bazę, ir tai daro super greitai paieškos užklausas - 604 00:38:20,860 --> 00:38:26,130 kuris yra puikus - tačiau, kai jūs einate į jį, tai kaip 1990 svetainėje su raudona ir mėlyna 605 00:38:26,130 --> 00:38:30,370 visur, ir tai nėra gerai, bet. 606 00:38:30,370 --> 00:38:34,210 Atkreipkite dėmesį, kad Benas ir aš dirbti kaip komanda yra labai gražus, nes aš tarsi daugiau 607 00:38:34,210 --> 00:38:38,030 iš priekio, mes abu bendrauti viduryje pabaigoje ir Benas tikrai gera su back-end stuff, 608 00:38:38,030 --> 00:38:43,550 kad veikia tikrai gerai, nes mes galime sukurti bet kokios svetainės ir iš esmės skylės 609 00:38:43,550 --> 00:38:47,580 toje vietoje, kurie turi būti užpildyti galima užpildyti bet vienas iš mūsų, arba galbūt abu. 610 00:38:47,580 --> 00:38:50,210 Jūs norite įsitikinti, kad nėra jokių Jūsų komandoje skyles. 611 00:38:50,210 --> 00:38:51,180 Tai gerai, jei yra iš dalies sutampa tiek. 612 00:38:51,180 --> 00:38:53,670 Kitaip tariant, jei turite 2 žmones, kurie yra gerai su nugaros pabaigoje, 613 00:38:53,670 --> 00:38:57,250 kad gali būti taip pat gerai, nes jie gali padėti viena kitai problemas 614 00:38:57,250 --> 00:38:58,820 kad jie daro. 615 00:38:58,820 --> 00:39:02,590 Tai gali būti problema, jei turite tik 1 asmuo, kuris yra atsakingas už tam tikrą dalyką 616 00:39:02,590 --> 00:39:06,650 ir jie paleisti į problemą, todėl jūs norite turėti šiek tiek sutapimu 617 00:39:06,650 --> 00:39:10,760 bet svarbiausia, noriu įsitikinti, kad visas galimas skyles užpildyti. 618 00:39:10,760 --> 00:39:17,550 >> Ir paskutinis dalykas - ir tai turėtų būti akivaizdu, tačiau tai dažnai nėra. 619 00:39:17,550 --> 00:39:19,550 Jūs tikrai norite būti smagiai. 620 00:39:19,550 --> 00:39:23,360 Baigiamojo projekto CS50 vieta ir dažnai interneto svetainių kūrimas taškas apskritai 621 00:39:23,360 --> 00:39:26,360 yra ne tik padaryti darbą, nes jis turi daryti. 622 00:39:26,360 --> 00:39:29,140 Jūs tikrai norite būti smagiai, ir jūs norite būti padaryti kažką 623 00:39:29,140 --> 00:39:31,180 kad motyvuoja jus dirbti su juo. 624 00:39:31,180 --> 00:39:33,650 Jei ką darote yra skausmas atsisėsti ir dirbti, 625 00:39:33,650 --> 00:39:35,650 tada jums nereikia pasirinkti tinkamą projektą. 626 00:39:35,650 --> 00:39:37,730 Jūs norite pasirinkti kažką, kad jums įdomu, 627 00:39:37,730 --> 00:39:41,150 Jūs tikrai norite pamatyti rezultatą, jūs susijaudinęs, kai jūs gaunate naują idėją apie 628 00:39:41,150 --> 00:39:44,700 ką jūs galite padaryti - todėl yra visų tipų projektus, ten, kad aš tikiu, 629 00:39:44,700 --> 00:39:47,290 rasite - kiekvienas turi kažką, kad būtų tikrai intrigos juos 630 00:39:47,290 --> 00:39:49,290 jei jie daro žiniatinklio projektą. 631 00:39:49,290 --> 00:39:52,210 Aš pasakysiu dar kartą dabar. 632 00:39:52,210 --> 00:39:54,520 Jei jūsų projektas atrodo skausmo ir jūs nenorite dirbti su juo, 633 00:39:54,520 --> 00:39:57,260 pasirinkti kitą projektą. Pasirinkite ką nors, kad tikrai tave įkvepia. 634 00:39:57,260 --> 00:40:00,260 >> Ben paminėti šią iteracijos šiek tiek koncepciją, ir aš noriu eiti per jį truputį. 635 00:40:00,260 --> 00:40:08,250 Tai tikrai svarbu dirbti spurts kur gauti kažką funkcinę. 636 00:40:08,250 --> 00:40:13,420 Tai gali būti puikus, jei jūs turite šį planą svetainėje, kad ketina daryti A, B, ir C, 637 00:40:13,420 --> 00:40:16,000 ir galiausiai jis bus ten. 638 00:40:16,000 --> 00:40:18,600 Bet jūs pakimba šiame etape, kur dirbate, tai ir darbo su juo, 639 00:40:18,600 --> 00:40:23,330 bet nieko manimi gauti padaryti. Jūs neturite nieko pamatyti ir apčiuopiamą, funkcinė dalykas. 640 00:40:23,330 --> 00:40:27,940 Ką tikrai norite daryti kiek atrodo rūšies skausmas kartais 641 00:40:27,940 --> 00:40:32,300 dirbti kažką ir tada tarsi dangtelį jį išjungti, kad tai bent jau stabilus, veikia 642 00:40:32,300 --> 00:40:34,910 versija, net jei jis neturi visų funkcijų norite. 643 00:40:34,910 --> 00:40:37,690 O gal yra keletas funkcijų, kurios tikrai norite pridėti bet jūs tiesiog negali 644 00:40:37,690 --> 00:40:41,830 nes norite gauti šią svetainę į funkciniu požiūriu. 645 00:40:41,830 --> 00:40:44,400 Ir tokiu būdu jūs norite natūra turi visas kūrimo procesas atrodo, kad. 646 00:40:44,400 --> 00:40:47,810 Jūs norite pradėti kažkur funkcionalus - arba iš esmės pradėti nieko - 647 00:40:47,810 --> 00:40:49,890 , bet jūs norite gauti kažkur labai paprastas ir funkcionalus. 648 00:40:49,890 --> 00:40:54,940 Ir tada vėl padaryti šuolis rūšiuoti ir gauti kažkur funkcinis vėl. 649 00:40:54,940 --> 00:40:59,190 Jūs lėtai sukurti, ir jis gali eiti šiek tiek lėčiau nei būtų kitaip, 650 00:40:59,190 --> 00:41:03,000 bet ilgainiui, jei jūs nuolat pakimba šiame vidurį etapas, kai jūs 651 00:41:03,000 --> 00:41:06,380 ne iš tikrųjų turėti nieko dirba, tai gali būti tikrai didelis nusivylimas 652 00:41:06,380 --> 00:41:09,970 dirbti su jūsų projektu, nes jūs visada taip arti, kad gauti, kad jis dirba, 653 00:41:09,970 --> 00:41:12,130 ir jis niekada iš tikrųjų dirba. 654 00:41:12,130 --> 00:41:14,810 Jūs norite dirbti šių funkcinių spurts, 655 00:41:14,810 --> 00:41:17,950 ir jūs taip pat norite ką nors apmąstyti po kiekvieną iš jų. 656 00:41:17,950 --> 00:41:21,260 Kitaip tariant, kai esate vietoje, kurioje vietoje dabar yra darbo - 657 00:41:21,260 --> 00:41:24,790 jis neturi turėti viską, ko norite, bet ji kai kurių dalykų - 658 00:41:24,790 --> 00:41:28,870 jūs norite galvoti, gerai, tai svetainė įvykdyti tikslą, kad aš, nustatytus siekiant padaryti? 659 00:41:28,870 --> 00:41:33,410 Kitaip tariant, jei svetainė yra ketinate daryti X, yra tai, ką aš dirbanti X kryptimi? 660 00:41:33,410 --> 00:41:36,450 Ar visos funkcijos, kad aš ten norėjo? 661 00:41:36,450 --> 00:41:39,340 Ir be to, jis tarnauja bendram tikslui, kad aš noriu? 662 00:41:39,340 --> 00:41:43,200 Jei rasti, kad jūsų svetainė pradeda krypti į kitą pusę 663 00:41:43,200 --> 00:41:47,330 o gal ką tik natūra nėra darbo, tai gali būti laikas, kad pavaras perjungti truputį. 664 00:41:47,330 --> 00:41:51,700 Kitaip tariant, tai verta apsvarstyti - tai verta mesti savo idėjas, jei reikia, 665 00:41:51,700 --> 00:41:57,950 ir atsižvelgiant aš tikrai siekti, ką aš noriu būti. 666 00:41:57,950 --> 00:42:00,760 >> Manau, kad mano kitas klausimas. Nebijokite atsisakyti idėjas. 667 00:42:00,760 --> 00:42:03,750 Tiesiog todėl, kad jūs praleido daug valandų darbo funkcija 668 00:42:03,750 --> 00:42:07,890 ir pagaliau gavo tai veikia, bet ji tikrai nesiruošia taip gerai - 669 00:42:07,890 --> 00:42:12,690 kaip tai nėra, kad naudinga ar vartotojai, turintys problemų naudojant jį - kad dalykas rūšiuoti - 670 00:42:12,690 --> 00:42:15,300 nebijokite jį išmeskite. 671 00:42:15,300 --> 00:42:17,650 Jis sucks, kad jūs išleidote daug laiko su juo dirbti, 672 00:42:17,650 --> 00:42:21,870 bet galiausiai jūs nenorite svetainę, kuri rūšies sudėti šių vienetų, 673 00:42:21,870 --> 00:42:25,380 rūšiuoti darbo, bet ne tai, kad gerai tarnavo. 674 00:42:25,380 --> 00:42:27,990 Be to, nereikia bijoti priimti naujų idėjų. 675 00:42:27,990 --> 00:42:30,050 Jei kas nors ateina kartu ir sako, ei, kad svetainė atrodo tikrai gerai, bet 676 00:42:30,050 --> 00:42:32,290 nebūtų tai net puiku, jei ji taip pat tai padarė? 677 00:42:32,290 --> 00:42:36,220 Tiesiog todėl, kad kažkas, kad jūs neketino ir kažkas, kad negali savo 678 00:42:36,220 --> 00:42:37,900 Specifikacijos, kažkas, kad jums dar nėra nustatyta padaryti, 679 00:42:37,900 --> 00:42:40,860 nebijokite imtis jį ir tada dirbti su juo. 680 00:42:40,860 --> 00:42:43,680 Kadangi dažnai yra idėjų, kad jūs paleisti su visoje vystymosi eigoje 681 00:42:43,680 --> 00:42:47,630 galų gale yra tikrai cool savybės svetainėje. 682 00:42:47,630 --> 00:42:49,630 >> Sakiau anksčiau. Aš pasakysiu dar kartą. 683 00:42:49,630 --> 00:42:51,630 Testeriai yra super, super naudinga. 684 00:42:51,630 --> 00:42:56,350 Pabandykite, kad žmonės, kurie niekada matė svetainė iki prisijungti ir pamatyti, kas vyksta 685 00:42:56,350 --> 00:42:59,080 nes jie gali ne tik išbandyti svetainės ir vartotojo patirtį naudingumą, 686 00:42:59,080 --> 00:43:02,070 bet jie taip pat gali patikrinti funkcionalumą būdų, kad jūs galite ne. 687 00:43:02,070 --> 00:43:06,430 Jei jūs padarote šiek funkciją, kuri daro tam tikrą dalyką 688 00:43:06,430 --> 00:43:11,620 ir jūs žinote, jis ketina padaryti, kad tas pats teisingai kiekvieną kartą, tai puiku. 689 00:43:11,620 --> 00:43:16,610 Tačiau ji dažnai gali būti sunku sudaryti kampinių atvejais, kai vartotojas gali 690 00:43:16,610 --> 00:43:19,500 tipo kažką, kad jūs nesitikėjote - būtent todėl jums apibrėžti 691 00:43:19,500 --> 00:43:21,500 funkcijos sau. 692 00:43:21,500 --> 00:43:23,730 Taigi, kad kas nors ateis, kas neturi jokios idėjos, kaip naudotis svetaine 693 00:43:23,730 --> 00:43:26,840 ir tik sumušė jį, nepriklausomai nuo būdų, kaip jie gali padaryti, tai tikrai naudinga, nes jums 694 00:43:26,840 --> 00:43:30,340 gauti idėja iš visiškai kitos perspektyvos, ką jūsų svetainėje veikia 695 00:43:30,340 --> 00:43:33,300 ir ką reikia remontuoti. 696 00:43:33,300 --> 00:43:37,070 >> Paskutinis, aš norėčiau pakalbėti apie kai kuriuos bendruosius geros praktikos 697 00:43:37,070 --> 00:43:42,470 ir jūs mačiau tai daug CS50, tačiau jie taip pat tikrai, tikrai kreiptis į projekto nustatymus. 698 00:43:42,470 --> 00:43:47,600 Vienas iš jų yra komentarai. Visada komentarą kodą, ypač jei dirbate dideliame komanda. 699 00:43:47,600 --> 00:43:51,230 Jis gali būti taip erzina, kad tiesiog milžiniškas blokas kodo, kad kažkas parašyta 700 00:43:51,230 --> 00:43:54,230 o gal jis dirba, gal ne, bet jūs neturite idėjos, ką ji daro, 701 00:43:54,230 --> 00:43:58,010 todėl jūs neturite idėjos, ar tai naudinga, ar ne, ar jis turėtų būti ten, ar ne, 702 00:43:58,010 --> 00:44:00,200 ir jei dirbate kažkas tai dar įmanoma, kad jūs dirbate 703 00:44:00,200 --> 00:44:06,590 Tas pats, tad tiesiog labai, labai atsargūs, kad būtų dėmesingi savo bendraamžiais 704 00:44:06,590 --> 00:44:09,710 ir rašyti kodą, kuris yra gerai dokumentuota. 705 00:44:09,710 --> 00:44:13,580 Jūs neturite eiti taip toli, kaip daryti visa tai, kur patinka, jei prieaugio 706 00:44:13,580 --> 00:44:16,620 skaitiklis turi komentarą, kad sako, aš pridedant 1 prie šios kovos. 707 00:44:16,620 --> 00:44:20,450 Ji neturi būti, kad išsami, bet kokią funkciją, kad jūs kada nors raštu 708 00:44:20,450 --> 00:44:23,160 Jūs turite kai ką, kad funkcija tiksliai reiškia dokumentus, 709 00:44:23,160 --> 00:44:25,140 ką jos įėjimai, ir ką ji turėtų grąžinti. 710 00:44:25,140 --> 00:44:27,800 Tokiu būdu jūs galite naudoti kitų žmonių komponentus svetainėje 711 00:44:27,800 --> 00:44:31,990 ir jūs galite dirbti į pastato kažką didelis. 712 00:44:31,990 --> 00:44:34,100 >> Kitas svarbus dalykas yra tai norite daryti reguliariai valyti langus. 713 00:44:34,100 --> 00:44:40,490 Kodas gauna nepatogus. Negalima jaustis blogai, jei jūsų kodas yra tik visiškai neskaito ir milžinas netvarka. 714 00:44:40,490 --> 00:44:42,770 Kad interneto plėtra vyksta visada. 715 00:44:42,770 --> 00:44:46,530 Jūs pridėti naujų funkcijų, pašalinti senus. Daiktai bus ten, kad neturėtų būti. 716 00:44:46,530 --> 00:44:49,330 Tai gerai, bet jūs norite įsitikinti, spręsti su tuo nuolat. 717 00:44:49,330 --> 00:44:53,430 Jūs nenorite, kad tegul jis kaupiasi iki taško, kur jūs tiesiog negali rasti nieko 718 00:44:53,430 --> 00:44:56,430 savo kodą, ir jūs neturite idėjos, ką nors daro. 719 00:44:56,430 --> 00:44:58,430 Tai atvejis su HTML. 720 00:44:58,430 --> 00:44:59,490 Kartais jūs galų gale su objektais, kurių sudėtyje nėra nieko, 721 00:44:59,490 --> 00:45:01,320 ir jūs norite atsikratyti jų. 722 00:45:01,320 --> 00:45:04,610 CSS, galite būti nuoroda į elementus, kurie yra ne ten nebėra, 723 00:45:04,610 --> 00:45:06,340 todėl jūs norite atsikratyti šio kodekso. 724 00:45:06,340 --> 00:45:09,900 Be JavaScript, jums gali tekti pašalinti ką nors iš HTML. 725 00:45:09,900 --> 00:45:13,150 Taigi, jūs norite įsitikinti, kad jūs visada išvalyti, todėl dalykus gana 726 00:45:13,150 --> 00:45:17,450 kiek jūs galite reguliariai. 727 00:45:17,450 --> 00:45:21,060 >> Kitas tikrai naudingas dalykas, kad aš nemanau, kad yra išdėstyta labai daug CS50 728 00:45:21,060 --> 00:45:23,430 bet verta patekti į yra versija kontrolės. 729 00:45:23,430 --> 00:45:27,180 Iš versijų kontrolės idėja yra, kai jūs iš esmės stebėti visą eigą 730 00:45:27,180 --> 00:45:30,820 jūs atlikote į savo svetainę, ir jei bet kuriuo metu jūs suprasite, oi, tai buvo darbo 731 00:45:30,820 --> 00:45:35,220 o atgal, bet ji neveikia, bet daugiau, galite grįžti į ankstesnes versijas 732 00:45:35,220 --> 00:45:37,720 ir pamatyti, kas pasikeitė nuo tada, ir kad dalykas rūšiuoti. 733 00:45:37,720 --> 00:45:41,670 Pagrindinis būdas tai padaryti yra su Git ir Git yra visa tai tipo sistema, kuri 734 00:45:41,670 --> 00:45:46,390 Manau Tommy MacWilliam davė seminarą apie pernai. 735 00:45:46,390 --> 00:45:51,520 Jeigu jūs einate į CS50 seminarus 2011, galite matyti savo seminarą, kad. 736 00:45:51,520 --> 00:45:57,070 Iš Git idėja yra iš esmės, kad reguliariai darote šiuos įsipareigojimus 737 00:45:57,070 --> 00:46:01,430 kurie yra būdų pasakyti svetainė yra tam gana stabili versija dabar taip 738 00:46:01,430 --> 00:46:05,910 Aš pakuočių jį ir siunčia jį toli į serverį, ir tada jūs galite eiti į tą serverį 739 00:46:05,910 --> 00:46:07,910 ir pažvelgti į visas ankstesnes versijas savo kodą ir pamatyti, kaip jis progresavo 740 00:46:07,910 --> 00:46:12,210 ir visi, kad gerų dalykų rūšiuoti. 741 00:46:12,210 --> 00:46:14,210 Taigi, tai iš esmės tai. 742 00:46:14,210 --> 00:46:17,870 Kiek interneto svetainių kūrimas, mes džiaugiamės, klijuoti aplink ir atsakyti į visus 743 00:46:17,870 --> 00:46:20,570 klausimai kiek mūsų pristatymą. 744 00:46:20,570 --> 00:46:22,900 Štai ir viskas. Ačiū. >> [Benas] Ačiū. 745 00:46:22,900 --> 00:46:28,480 [Plojimai] 746 00:46:28,480 --> 00:46:30,950 >> [Billy] Darbuotojai, ar kas nors turi kokių nors klausimų apie tai, kas mes, kuriems 747 00:46:30,950 --> 00:46:33,950 arba dalykų, kad mes ne kuriems, kad jie tikėjosi, mes norime padengti? 748 00:46:33,950 --> 00:46:35,950 Mielai atsakyti į juos. Anyone? 749 00:46:35,950 --> 00:46:50,360 [Auditorijos narys] Kokie yra privalumai ir trūkumai naudojant Ruby arba naudojant Python? 750 00:46:50,360 --> 00:46:58,660 [Benas] klausimas buvo, kas yra privalumus ir trūkumus naudojant Ruby ar Python 751 00:46:58,660 --> 00:46:59,900 vietoj kaip PHP. 752 00:46:59,900 --> 00:47:11,340 Privalumai yra tai, kad Ruby ir Python yra daug geresnių kalbos kaip PHP. 753 00:47:11,340 --> 00:47:14,920 Bent jau mano nuomone, ir manau, kad iš kitų žmonių nuomonių daug, taip pat. 754 00:47:14,920 --> 00:47:20,990 Jie buvo skirti daugiau daro sudėtingą medžiagą, 755 00:47:20,990 --> 00:47:25,380 ir mažiau Dams kartu tinklalapius tikrai greitai 756 00:47:25,380 --> 00:47:28,400 Šiek tiek dinaminio turinio. 757 00:47:28,400 --> 00:47:35,180 Trūkumus, kad yra šiek tiek - tai dar ne tiek mokymosi kreivė 758 00:47:35,180 --> 00:47:37,220 gauti juos steigti. 759 00:47:37,220 --> 00:47:41,010 Tai yra, pavyzdžiui, PHP, galite tiesiog HTML failą ir rašote mažiau nei, 760 00:47:41,010 --> 00:47:43,060 klaustukas, ir tada rašote tam tikrą kodą, ir tada rašyti klaustuką, 761 00:47:43,060 --> 00:47:45,700 didesnis nei, tada baigsite. 762 00:47:45,700 --> 00:47:50,300 Kitomis kalbomis, pavyzdžiui, Ruby ar Python, 763 00:47:50,300 --> 00:47:56,810 jūs turite eiti per šiek tiek daugiau darbo, kad gauti pradinį svetainės veikia. 764 00:47:56,810 --> 00:48:02,730 Yra taip pat - ne mažiau kaip ji naudojama būti atvejis - tai yra daugiau dokumentų 765 00:48:02,730 --> 00:48:05,480 galima PHP tik todėl, kad yra daugiau žmonių, naudojant jį. 766 00:48:05,480 --> 00:48:09,370 Manau, kad tai ne taip daug klausimu nebėra. 767 00:48:09,370 --> 00:48:12,520 Yra tikrai labai gera dokumentacija stuff like Ruby on Rails 768 00:48:12,520 --> 00:48:16,080 arba Django Python yra lygiaverčiai. 769 00:48:16,080 --> 00:48:25,910 PHP yra vienas, kad kiekvienas manimi buvo naudoti metus, ir jūs žinote, kaip tai veikia. 770 00:48:25,910 --> 00:48:28,460 Ruby ir Python yra šiek tiek mažiau subrendusios. 771 00:48:28,460 --> 00:48:33,130 >> [Auditorijos narys] Jei buvo pasirinkti vieną iš jų mokytis ar pasiimti, 772 00:48:33,130 --> 00:48:36,130 kuris jums labiau patinka? 773 00:48:36,130 --> 00:48:38,870 Sąžiningai, aš manau, kad priklauso nuo asmens. 774 00:48:38,870 --> 00:48:45,450 Aš atsiprašau. Klausimas buvo, kuri jums pasirinkti ką nors išmokti? 775 00:48:45,450 --> 00:48:50,230 Manau, Python gražiausių asmeniškai. 776 00:48:50,230 --> 00:48:55,360 Yra žmonių, kurie - aš mano pirmasis interneto dev projektas Python ir Django. 777 00:48:55,360 --> 00:49:00,300 Yra žmonių, kurie mėgsta Ruby on Rails, taip pat daug. 778 00:49:00,300 --> 00:49:02,650 Tikriausiai daugiau žmonių, kurie žino, Ruby on Rails. 779 00:49:02,650 --> 00:49:05,270 Sąžiningai, aš tiesiog eiti su kokia aplink tave žmonės žino 780 00:49:05,270 --> 00:49:09,680 todėl, kad jūs turite žmonėms užduoti klausimus. 781 00:49:19,640 --> 00:49:24,170 >> Klausimas buvo - bendromis serverių tai tipo sunku dirbti Python? 782 00:49:24,170 --> 00:49:26,170 Tai priklauso nuo jūsų priegloba. 783 00:49:26,170 --> 00:49:29,400 Yra interneto pavaduojančius skaičius, kuris bus po Python stuff. 784 00:49:29,400 --> 00:49:31,400 WebFaction nėra, tiesa? 785 00:49:31,400 --> 00:49:34,400 WebFaction yra vienas, kad Bilis ir aš naudojamas kai kuriuose projektuose. 786 00:49:34,400 --> 00:49:37,750 Jie tikrai puikus. Jie palaiko daugumą kalbų. 787 00:49:37,750 --> 00:49:40,020 Bet tai tiesa, kad PHP yra daug plačiai remiamas. 788 00:49:40,020 --> 00:49:45,210 Taigi, jei esate pakimba ant žiniatinklio prieglobos, kad tik daro PHP, tai gera priežastis naudoti PHP. 789 00:49:45,210 --> 00:49:56,010 >> [Auditorijos narys] Aš ką tik gavo į mokymąsi kaip į užklausą keletą duomenų bazių, 790 00:49:56,010 --> 00:50:00,680 ir aš žinau, kad mano SQL yra visur, bet aš neseniai gavo veikiami - 791 00:50:00,680 --> 00:50:04,470 ir jums nurodė jį. Jūs matote JSON ir plečiama duomenų bazes. 792 00:50:04,470 --> 00:50:14,580 My SQL vis dar visur. Kaip matote, vyksta? 793 00:50:14,580 --> 00:50:21,330 Ar ten bus auganti tendencija daugiau putų (nesigirdi)? 794 00:50:21,330 --> 00:50:30,100 Klausimas buvo - aš manau, kad tai bus į ne-SQL duomenų bazių tendencija. 795 00:50:30,100 --> 00:50:33,850 Pavyzdžiui, kaip MongoDB. Manau, kad tai tikrai tiesa. 796 00:50:33,850 --> 00:50:38,730 Mano patarimas buvo daugiausia čia MySQL susiję tik todėl, kad MySQL yra 797 00:50:38,730 --> 00:50:40,950 standartinė pramonės sektoriui. 798 00:50:40,950 --> 00:50:45,950 Asmeniškai, aš labai norėčiau, duomenų bazes, kurios neturi schemos kaip MongoDB 799 00:50:45,950 --> 00:50:49,520 jei jūs neturite, kad klausimas, oi, man reikia pridėti dar vieną stulpelį. 800 00:50:49,520 --> 00:50:51,600 Vargas man, kaip whatever man daryti? 801 00:50:51,600 --> 00:50:55,840 Tai labai sunku padaryti, kad MySQL, bet jei turite kažką panašaus Mongo 802 00:50:55,840 --> 00:50:57,840 tai daug gražiau. 803 00:50:57,840 --> 00:51:03,780 Kitas malonus dalykas, apie Mongo yra tai, kad jūsų įrašai yra tikrai "JavaScript" objektai. 804 00:51:03,780 --> 00:51:10,110 Nėra jokios konversijos būdu rūšiuoti, kur jums reikia imtis šių duomenų bazių eilutes 805 00:51:10,110 --> 00:51:13,140 ir paversti juos JavaScript objektą ir tada siųsti juos per vielos. 806 00:51:13,140 --> 00:51:20,290 Manau, stuff like that bus labai, labai naudinga sparčiai interneto plėtrai ateityje. 807 00:51:20,290 --> 00:51:23,060 >> [Billy] Kažkas norėčiau pridurti, kuri yra tik apskritai yra ta, kad 808 00:51:23,060 --> 00:51:26,580 nesinori turėtumėte išmoko visas kalbas mes aptartų 809 00:51:26,580 --> 00:51:28,580 iš mūsų seminare. 810 00:51:28,580 --> 00:51:30,560 Akivaizdu taškas yra suteikti jums tai, ką ten idėja, 811 00:51:30,560 --> 00:51:33,450 ir jei jūs sudomino bet ką mes minėtų galite Google juos 812 00:51:33,450 --> 00:51:35,830 ir skaityti apie juos. 813 00:51:35,830 --> 00:51:38,750 Ir kaip jau minėjau, yra keletas seminarų, kurios susijusios su būtent šių dalykų. 814 00:51:38,750 --> 00:51:41,660 Yra net ir daugiau seminarų, kad aš ne paminėti, kad tikriausiai patekti į 815 00:51:41,660 --> 00:51:43,660 ši medžiaga taip pat. 816 00:51:43,660 --> 00:51:46,610 Idėja yra, kad jei jūs norite dirbti su kažkuo, čia yra savo žinioje priemones. 817 00:51:46,610 --> 00:51:51,630 Negalima jaustis priblokšti, jei nesate tikras, ką šios priemonės daro lygiai, 818 00:51:51,630 --> 00:51:54,830 bet žinau, kad jie ten ir kad jūs galite plačiai pasinaudoti jų 819 00:51:54,830 --> 00:51:56,830 "Google". 820 00:51:56,830 --> 00:51:59,960 >> [Auditorijos narys] Kokie dalykai jums reikia padaryti, įsitikinkite, kad jūsų svetainė 821 00:51:59,960 --> 00:52:02,530 gerai atrodo mobiliuosiuose įrenginiuose? 822 00:52:02,530 --> 00:52:05,590 [Billy] Mobile yra šiek tiek sunku. 823 00:52:05,590 --> 00:52:07,590 Yra 2 būdai, kaip jūs galite kreiptis į jį. 824 00:52:07,590 --> 00:52:11,500 Pirmasis būdas yra tai, kad jūs iš tikrųjų turite mobilųjį svetainėje. 825 00:52:11,500 --> 00:52:14,660 Kitaip tariant, jums atlikti tam tikrus aptikimo rūšiuoti pradžioje 826 00:52:14,660 --> 00:52:18,830 kai naršyklė priėmimo prašymą į savo interneto svetainę, kurioje arba sako 827 00:52:18,830 --> 00:52:25,240 grąžinti šį vaizdą - kuris bus stalinių ar nešiojamųjų kompiuterių naršyklių vaizdas - 828 00:52:25,240 --> 00:52:27,710 o tai kitas vaizdas mobiliesiems prietaisams. 829 00:52:27,710 --> 00:52:33,090 Tai vieta, kur nuomonė yra tikrai gražus, kad jūs galite labai daug apsikeitimo 830 00:52:33,090 --> 00:52:37,580 du, ir turi sąsają, kuri dirba tikrai gražiai į mobiliuosius įrenginius 831 00:52:37,580 --> 00:52:40,770 ir turi visiškai kitokį, kad dirba gražiai ant naršyklės prietaisus. 832 00:52:40,770 --> 00:52:43,770 Su ta problema yra tai trunka ilgą laiką, nes tai reiškia, kad kodavimo 833 00:52:43,770 --> 00:52:47,060 visiškai skirtingos sąsajos. 834 00:52:47,060 --> 00:52:49,720 Kitas būdas, kad jūs galite padaryti, tai - 835 00:52:49,720 --> 00:52:55,250 šiuolaikinių telefonų aikštelė bus rodomi svetainėse ir pabandyti padaryti juos kaip naršyklė būtų, 836 00:52:55,250 --> 00:52:57,680 ir jie padarys viską. 837 00:52:57,680 --> 00:53:04,340 Galite rūšies bandyti likti šviesą į jQuery JavaScript sumą jūs naudojate 838 00:53:04,340 --> 00:53:07,360 kuri linkusi būti ten, kur viskas gali suklysti truputį. 839 00:53:07,360 --> 00:53:13,430 Tai tarsi taip, kad jūs turėtumėte naudoti, jei jūs neturite, kad daug laiko. 840 00:53:13,430 --> 00:53:18,540 Jei turite laiko dirbti mobiliajame sąsaja, tai akivaizdžiai jūsų geriausias variantas. 841 00:53:18,540 --> 00:53:23,320 >> Manau apskritai CS50 projektams, jūs ketinate norite pasirinkti vieną arba kitą. 842 00:53:23,320 --> 00:53:27,990 Kitaip tariant, jūs norite, kad mobiliojo app arba norite padaryti darbastalio svetainę. 843 00:53:27,990 --> 00:53:32,200 Ir tai tarsi nustato, kur jums eiti su tuo. 844 00:53:32,200 --> 00:53:35,360 Bet jei norite išplėsti jį vėliau, tikriausiai yra jūsų Geriausia yra 845 00:53:35,360 --> 00:53:37,360 padaryti kitą sąsają su kitais. 846 00:53:51,650 --> 00:53:56,340 Turiu šiek tiek patirties kuriant WordPress pagrįstas svetainėse. 847 00:53:56,340 --> 00:53:58,670 Aš surengė asmeninę svetainę į WordPress tam tikrą laiką. 848 00:53:58,670 --> 00:54:02,310 Tie sistemų rūšių gali būti gražus kaip labai pagrindinių dalykų. 849 00:54:02,310 --> 00:54:07,050 Dažnai jūs tiesiog paleisti į adaptuoti klausimais daug nors. 850 00:54:07,050 --> 00:54:10,940 Jūs norite turėti kažką ieškoti tam tikru būdu arba būti tam tikru būdu 851 00:54:10,940 --> 00:54:14,510 ir jūs tiesiog negali, nes tai laidinę į sistemą, kad 852 00:54:14,510 --> 00:54:17,480 tai, kaip jūs turite padaryti dalykų, kurie gali būti tiek problemų. 853 00:54:17,480 --> 00:54:22,020 Nuo tada aš tipo buvo labiau linkę dirbti su svetaines iš žemės. 854 00:54:22,020 --> 00:54:26,840 Dalykų, pavyzdžiui, blogas bazių ir kad dalykas rūšiuoti, tai tikrai nereiškia, kad sunku sukurti sistemą. 855 00:54:26,840 --> 00:54:29,970 Jei jūs tikrai ištemptas metu, galite žinoma naudoti kažką panašaus WordPress 856 00:54:29,970 --> 00:54:33,120 arba kad dalykas rūšiuoti dienoraštį. 857 00:54:33,120 --> 00:54:38,790 Šie rūšių dalykų, kad dienoraščiai saugoti ir padaryti yra tikrai sunku pakankamai, kad 858 00:54:38,790 --> 00:54:41,500 jei jūs naudojate į bet kurią iš šių rūšių dalykų, jūs tikriausiai geriausia tiesiog 859 00:54:41,500 --> 00:54:43,500 padaryti in-house versiją. 860 00:54:43,500 --> 00:54:48,350 >> Manau, kad apie tai, todėl dėka vėl ateina. 861 00:54:48,350 --> 00:54:51,960 Mes tikrai patiko kalbėtis su jumis, vaikinai, ir tikiuosi, kad jūs išmoko kai kurių dalykų. 862 00:54:51,960 --> 00:54:55,350 [Benas] Mes džiaugiamės galėdami kalbėti - mes turime eiti, bet mes džiaugiamės galėdami kalbėti daugiau už 863 00:54:55,350 --> 00:55:01,650 jei turiu kitą klausimą. Dar kartą ačiū. [Plojimai] 864 00:55:03,750 --> 00:55:06,000 [CS50.TV]