1 00:00:00,000 --> 00:00:02,500 [Powered by Google Translate] [Seminar] [Web Development: Nga Ideja në zbatimin] 2 00:00:02,500 --> 00:00:04,200 [Ben Kuhn] [Billy Janitsch] [Universiteti i Harvardit] 3 00:00:04,200 --> 00:00:07,250 [Kjo është CS50] [CS50.TV] 4 00:00:07,250 --> 00:00:10,840 [Billy] Hi, unë jam Billy dhe kjo është Ben. >> [Ben] Hi. 5 00:00:10,840 --> 00:00:12,840 Ne do të jetë duke folur për zhvillimin e web sot. 6 00:00:12,840 --> 00:00:14,840 [WebDev] [Billy Janitsch dhe Ben Kuhn] 7 00:00:14,840 --> 00:00:16,840 Pak rreth nesh parë. 8 00:00:16,840 --> 00:00:19,590 Ben është lloj i djalë prapa-fund. Ai i bën gjërat. 9 00:00:19,590 --> 00:00:21,870 Dhe pastaj do të shkoj në dhe i bëjnë ato mjaft. 10 00:00:21,870 --> 00:00:26,610 Unë jam i përfshirë në masë të madhe me më shumë front-fund lloj të projektimit paraqitjen e gjëra, 11 00:00:26,610 --> 00:00:31,260 dhe Ben, nga ana tjetër, e di atë që ai e bën kështu që ai punon në gjëra të prapa-fund. 12 00:00:31,260 --> 00:00:34,050 Së bashku ne kemi bërë disa gjëra. 13 00:00:34,050 --> 00:00:38,710 Për shembull, vitin e kaluar ne kemi punuar më Gimblium e cila është një studio në internet zhvillim lojë. 14 00:00:38,710 --> 00:00:40,400 Kjo ishte projekti ynë final për të klasës, 15 00:00:40,400 --> 00:00:42,780 dhe që atëherë ne kemi bërë Harvard klasë 16 00:00:42,780 --> 00:00:47,860 e cila është një kornizë online për shfletim dhe kurse pazar në Harvard. 17 00:00:47,860 --> 00:00:53,180 >> Ne jemi duke shkuar për të filluar me këtë ide për faqen tonë të internetit. 18 00:00:53,180 --> 00:00:57,480 Ne jemi duke shkuar për të bërë Facebook, por për macet. 19 00:00:57,480 --> 00:00:59,520 Para se ju në të vërtetë të bërë këtë faqe interneti, 20 00:00:59,520 --> 00:01:02,520 nuk e bëjnë këtë faqe interneti për shkak se ajo nuk është e mirë, por ne do të përdorin atë si një kuadër 21 00:01:02,520 --> 00:01:05,349 dhe të kalojnë nëpër procesin e se si kemi marrë këtë ide 22 00:01:05,349 --> 00:01:07,450 dhe kthyer atë në një faqe interneti të vërtetë ne mund të përdorni. 23 00:01:07,450 --> 00:01:11,940 Ne do të fillojnë duke e thyer faqen e internetit poshtë. 24 00:01:11,940 --> 00:01:13,190 Ashtu si ju keni qenë duke bërë në CS50, 25 00:01:13,190 --> 00:01:17,360 ju doni të mendoni se çka janë komponentët aktuale që shkojnë në këtë faqe interneti. 26 00:01:17,360 --> 00:01:21,290 Në thelb duke e kthyer atë nga një ide e cila është vetëm lloj i një koncept abstrakt 27 00:01:21,290 --> 00:01:23,590 në një, gjë e vërtetë të prekshme që ju mund të bëni. 28 00:01:23,590 --> 00:01:25,910 Ne fillim duke i pyetur disa pyetje. 29 00:01:25,910 --> 00:01:28,070 Çfarë është kjo faqe interneti? Pse jemi duke e bërë atë? 30 00:01:28,070 --> 00:01:30,670 Çfarë është ajo do të përdoret për të? Atë gjë e tillë. 31 00:01:30,670 --> 00:01:33,660 Në rastin e Facebook Cat, 32 00:01:33,660 --> 00:01:37,730 ne thelb duam një faqe interneti që lejon Cats rrjet social me njëri-tjetrin. 33 00:01:37,730 --> 00:01:41,260 Ideja është se ata mund të postoni në muret e njëri-tjetrit, 34 00:01:41,260 --> 00:01:43,510 ata mund të bëjnë komente, atë gjë e tillë. 35 00:01:43,510 --> 00:01:46,720 Dhe kjo është ajo ku kemi ardhur në komponentët funksionale. 36 00:01:46,720 --> 00:01:51,270 Ne tani e kemi këtë lloj të kornizës së - ne kemi profilet e përdoruesve, 37 00:01:51,270 --> 00:01:53,990 ne kemi komente, dhe ne mund të postoni. 38 00:01:53,990 --> 00:01:57,390 Ndoshta një ditë ne do influencë pëlqen dhe atë gjë e tillë. 39 00:01:57,390 --> 00:02:00,410 Dhe ne lloj duam të prioriteteve për këto karakteristika të shkuar in 40 00:02:00,410 --> 00:02:03,340 Ne duam të themi si, rregull, është e vërtetë e rëndësishme që të gjithë ka një profil 41 00:02:03,340 --> 00:02:06,440 dhe që të gjithë mund të postoni në muret e njëri-tjetrit. 42 00:02:06,440 --> 00:02:08,509 Mesëm për të se, komentet do të ishte mirë. 43 00:02:08,509 --> 00:02:10,180 Ndoshta më vonë ne do influencë pëlqen. 44 00:02:10,180 --> 00:02:13,700 Pra, ju dëshironi të keni një ide se çfarë është thelbësore për projektin tuaj 45 00:02:13,700 --> 00:02:17,260 dhe çfarë është lloj i një funksion më të përgjithshme që do të mund të zbatohet më vonë. 46 00:02:17,260 --> 00:02:20,870 Ju dëshironi që të lloj të ketë një listë të veçantë në mendje, 47 00:02:20,870 --> 00:02:24,090 por projekti që ju të filloni me të nuk do të jetë projekti që ju të përfundojë me të. 48 00:02:24,090 --> 00:02:27,100 Me fjalë të tjera, gjërat do të ndryshojnë, ndërsa ju jeni duke zhvilluar vendin, 49 00:02:27,100 --> 00:02:30,090 dhe ju doni të lënë hapësirë ​​për këtë. 50 00:02:30,090 --> 00:02:34,470 Unë do të kthejnë atë mbi të Ben kush do të flasim pak për strukturën. 51 00:02:34,470 --> 00:02:39,610 >> [Ben] Unë jam do të jetë duke folur për anën më teknike të zhvillimit të web. 52 00:02:39,610 --> 00:02:42,370 Le të shkojë mbi disa bazat e parë. 53 00:02:42,370 --> 00:02:45,730 Kur ju jeni duke bërë një app web, 54 00:02:45,730 --> 00:02:50,470 Ndarja kryesore që ju jeni do të duhet të ketë është 55 00:02:50,470 --> 00:02:52,700 ju jeni do të ketë disa gjëra në vazhdim e sipër në anën e klientit - 56 00:02:52,700 --> 00:02:56,700 që është, kodin që ju jeni shfletuesi merr nga vendi 57 00:02:56,700 --> 00:03:01,910 dhe JavaScript, HTML, CSS sende. 58 00:03:01,910 --> 00:03:04,490 Kjo është e gjitha në anën e klientit. 59 00:03:04,490 --> 00:03:08,680 Ju jeni do të ketë kodin tjetër që shkon në anën e serverit 60 00:03:08,680 --> 00:03:10,770 e cila mban gjurmët e të gjitha të dhënat që njerëzit të dërgoni në për ju, 61 00:03:10,770 --> 00:03:15,060 vendos që për të dhënë atë, stuff like that. 62 00:03:15,060 --> 00:03:20,380 Kjo është vetëm disa terminologji në mënyrë që ju djema janë të gjitha të njohur me atë që ne jemi duke folur për. 63 00:03:20,380 --> 00:03:28,600 Përtej kësaj ndarje është e mirë për të menduar për app tuaj web në drejtim të 64 00:03:28,600 --> 00:03:32,500 disa komponentëve të dallueshme. 65 00:03:32,500 --> 00:03:35,270 Kur ju jeni duke bërë web zhvillim 66 00:03:35,270 --> 00:03:41,710 një nga gjërat që ju duhet të jetë duke u përpjekur për të bërë është për të reduktuar kompleksitetin. 67 00:03:41,710 --> 00:03:45,710 Më komplekse kodi juaj është më e mundësi ka për të bërë mete, 68 00:03:45,710 --> 00:03:47,710 aq më e vështirë është për të ndryshuar më vonë. 69 00:03:47,710 --> 00:03:50,140 Pra, nëse ju mund të shpërthejë deri app tuaj në disa zona të veçanta funksionale 70 00:03:50,140 --> 00:03:57,640 që do të - dhe ju mund të zvogëlojë lloj të shumës së komunikimit ndër-zonë - 71 00:03:57,640 --> 00:04:03,530 që do t'ju ndihmojë shumë në afat të gjatë në drejtim të reduktimit të mete. 72 00:04:03,530 --> 00:04:07,950 >> Për të qenë konkret, zakonisht njerëzit ndajnë një app web në - 73 00:04:07,950 --> 00:04:13,190 këto janë lloj fjalë të lëvizje tani, por ata janë ende të dobishme. 74 00:04:13,190 --> 00:04:17,940 Ju mund të keni dëgjuar njerëz të flasin për modele, pikëpamje, dhe kontrolluesit. 75 00:04:17,940 --> 00:04:23,210 Modelet janë të dhënat aktuale që app juaj është duke shkuar për të marrë me të. 76 00:04:23,210 --> 00:04:28,260 Për shembull, në Cat tuaj Facebook, modelet e tua do të jetë - 77 00:04:28,260 --> 00:04:35,340 ju do të keni një model për postet si dhe një model për profilet e përdoruesve, stuff like that. 78 00:04:35,340 --> 00:04:41,090 Pikëpamjet tuaja janë si ju të pranishëm që të dhënat për përdoruesit e juaj. 79 00:04:41,090 --> 00:04:46,660 Ju mund të keni 1 pamje për kërkim në një post të vetëm dhe të gjitha komentet 80 00:04:46,660 --> 00:04:51,720 dhe një pikëpamje të ndryshme për mur tuaj që ka një listë të të gjitha postet 81 00:04:51,720 --> 00:04:57,170 që janë të drejtuara për ju, dhe një pikëpamje të ndryshme për të ushqyer tuaj të lajmeve - stuff like that. 82 00:04:57,170 --> 00:05:00,610 Së fundi, ju keni të kontrolluesit të cilat janë në thelb, kur njerëzit ju dërgojnë postimet 83 00:05:00,610 --> 00:05:03,310 dhe ju bëjnë më të reja në sistemin tuaj back-fund, 84 00:05:03,310 --> 00:05:06,400 ju rritje të një bandë e kundërvihet, dhe çdo gjë. 85 00:05:06,400 --> 00:05:07,860 Ata janë kontrolluesit tuaj. 86 00:05:07,860 --> 00:05:11,030 >> Unë jam do të jetë duke folur kryesisht për modele. 87 00:05:11,030 --> 00:05:14,030 Pamjet nuk janë teknikisht e vështirë dhe çështja është më shumë me hartimin e tyre 88 00:05:14,030 --> 00:05:22,040 Kontrollorët do të jetë specifike për çdo gjë që ju jeni dizajnimin. 89 00:05:22,040 --> 00:05:25,220 Por ka disa teknika mjaft të përgjithshme që ju mund të përdorni 90 00:05:25,220 --> 00:05:30,220 për të bërë modele tuaj nicer dhe më e lehtë për të punuar me të që unë mendoj se janë shumë të dobishme. 91 00:05:30,220 --> 00:05:35,860 Kjo është më së shumti do të jetë se si të merren me Apps web tuaj të dhëna në një mënyrë të bukur. 92 00:05:35,860 --> 00:05:40,420 Çështjet kryesore me modele 93 00:05:40,420 --> 00:05:44,540 janë se ata jetojnë në të klientit dhe serverit dhe ju duhet të kuptoj se 94 00:05:44,540 --> 00:05:51,170 a) se si të merrni ato - të gjitha ato përkatëse - nga serveri tek klienti, 95 00:05:51,170 --> 00:05:53,440 dhe b) se si për t'i mbajtur ata në sync. 96 00:05:53,440 --> 00:05:58,700 Përdoruesit tuaj do të duan për të bërë disa të reja. 97 00:05:58,700 --> 00:06:00,470 Ata do të dëshironi të bëni postime të reja. 98 00:06:00,470 --> 00:06:04,800 Ata do të duan të pëlqen gjëra dhe sende në qoftë se ju keni pëlqen. 99 00:06:04,800 --> 00:06:11,490 Ata janë sfidat kryesore teknike që kanë të bëjnë me modele. 100 00:06:11,490 --> 00:06:15,680 Gjëja e parë që ju jeni do të dëshironi të pyesni veten është 101 00:06:15,680 --> 00:06:18,420 çfarë lloj të të dhënave shkon në këtë model dhe çfarë lloj pyetje do të shkojmë për të duan për të bërë - 102 00:06:18,420 --> 00:06:24,290 që është, si do të shohim në modelet e? 103 00:06:24,290 --> 00:06:26,940 Për Cat tuaj Facebook shembull, 104 00:06:26,940 --> 00:06:31,520 Postimi juaj do të ketë një autor lidhur me të, 105 00:06:31,520 --> 00:06:35,660 disa tekst pas mur, dhe një marrësi i postës mur. 106 00:06:35,660 --> 00:06:38,470 Dhe pastaj ju mund të dëshironi të query se në një bandë e mënyra të ndryshme. 107 00:06:38,470 --> 00:06:42,220 Ju do të duan të shikojnë atë nga i cili shkroi se cili post, 108 00:06:42,220 --> 00:06:46,620 nga të cilët ka marrë cila postoni, ndoshta në datën ata ishin postuar. 109 00:06:46,620 --> 00:06:50,340 Por në qoftë se ju jeni do të bëni atë sipas datës, atëherë ju duhet të shtoni një tjetër fushë për postin tuaj 110 00:06:50,340 --> 00:06:52,490 e kur ajo ishte postuar në të vërtetë. 111 00:06:52,490 --> 00:07:00,220 Këto 2 faktorë - çfarë të dhënat që ju dëshironi të përdorni dhe si të doni për të parë atë - 112 00:07:00,220 --> 00:07:04,200 ju duhet të mendoni për ta parë, sepse ata varen nga njëri-tjetri, 113 00:07:04,200 --> 00:07:08,030 dhe ajo do të jetë më e vështirë për të shtuar ato më vonë. 114 00:07:08,030 --> 00:07:12,750 >> Ka disa konsiderata të tjera. 115 00:07:12,750 --> 00:07:17,540 Kur ju jeni duke menduar se si të merren me modelet në server 116 00:07:17,540 --> 00:07:20,540 atë që ju dëshironi të shikoni në është - 117 00:07:20,540 --> 00:07:27,440 ju doni të bëni në thelb server aq e thjeshtë sa të jetë e mundur. 118 00:07:29,440 --> 00:07:35,500 Të bësh gjëra në anën e klientit është përgjithësisht shumë më të shpejtë në qoftë se ju mund ta bëni atë thjesht në klientin 119 00:07:35,500 --> 00:07:38,230 pa bërë asnjë lloj të kërkesës rrjetit. 120 00:07:38,230 --> 00:07:47,860 Ideja është që të bëjë sa më shumë nga pyetjet, si ju mund të në të klientit. 121 00:07:47,860 --> 00:07:51,560 Problemi i vetem me se 122 00:07:51,560 --> 00:07:54,160 është se në qoftë se ju të kërkojë të gjitha të dhënat tuaja në fillim 123 00:07:54,160 --> 00:07:57,160 atëherë kjo do të marrë një kohë të gjatë për t'u ngarkuar. 124 00:07:57,160 --> 00:08:02,290 Pra, ideja është për të arritur një të mesme të lumtur në mes të patur të dhëna të mjaftueshme për klientin 125 00:08:02,290 --> 00:08:07,640 që ju mund të bëni më të madhe të punës tuaj atje, por jo vetëm duke ngarkuar të gjitha përnjëherë 126 00:08:07,640 --> 00:08:09,710 në mënyrë që ju të merrni herë me të vërtetë i ngadalshëm ngarkesës në fillim. 127 00:08:09,710 --> 00:08:12,610 Për shembull, për të dhënat tuaj cat 128 00:08:12,610 --> 00:08:20,340 ju ndoshta do të duan që të shkoj të marr një bandë e posteve të fundit mur. 129 00:08:20,340 --> 00:08:23,790 Ju nuk do të duan që të shkoj të marr të gjithë ata për shkak se mund të kthehem nja dy vjet. 130 00:08:23,790 --> 00:08:25,470 Por ju nuk doni të shkoj të marr ato një në një kohë 131 00:08:25,470 --> 00:08:28,740 sepse kjo do të futur një shumë të rrjetit lart. 132 00:08:28,740 --> 00:08:33,620 >> Kjo është shpesh mjaft e vështirë - një herë ju keni një running bazës së të dhënave - 133 00:08:33,620 --> 00:08:37,210 shpesh është mjaft e vështirë për të ndryshuar atë që të dhënat që ju keni në të - 134 00:08:37,210 --> 00:08:40,510 që është, shtoni një kolonë të ri bazës së të dhënave apo diçka - 135 00:08:40,510 --> 00:08:43,510 kështu që një strategji e mirë është në të vërtetë vetëm për të mbajtur një shumë të të dhënave tuaja në një pikë të tekstit - 136 00:08:43,510 --> 00:08:53,880 një pikë JSON - JSON duke qenë JavaScript Object simbol - 137 00:08:53,880 --> 00:08:58,330 Arsyeja që është e dobishme është për shkak se atëherë ju mund të shtoni prona të reja 138 00:08:58,330 --> 00:09:01,920 për të gjitha këto blobs JSON pa ndryshuar bazën e të dhënave tuaja. 139 00:09:01,920 --> 00:09:06,860 Dobësitë e vetme për këtë është se në qoftë se ju keni një bandë e fushave 140 00:09:06,860 --> 00:09:09,890 që ju të shtuar më vonë - si e fshehur në atë pikë të JSON - 141 00:09:09,890 --> 00:09:12,850 atëherë është e vështirë për të query ata brenda bazën e të dhënave. 142 00:09:12,850 --> 00:09:17,690 Për shembull, në qoftë se ju më vonë - në qoftë se keni pasur modelin tuaj postare që kemi diskutuar më parë 143 00:09:17,690 --> 00:09:25,380 me vetëm autorin, marrësit dhe tekstit - 144 00:09:25,380 --> 00:09:29,000 ju gjithashtu mund të ketë një pikë JSON dhe pastaj më vonë në qoftë se ju të kërkuar për të shtuar një fushë datë 145 00:09:29,000 --> 00:09:31,000 ju nuk do të duhet të ndryshojë bazën e të dhënave tuaja. 146 00:09:31,000 --> 00:09:36,140 Ju vetëm mund të shtoni datat për të gjitha fushat e tekstit. 147 00:09:36,140 --> 00:09:39,640 Dhe pastaj ju do të jetë në gjendje për të parë në ato në anën e klientit, 148 00:09:39,640 --> 00:09:42,430 por ju nuk do të jetë në gjendje të query ata në anën e serverit 149 00:09:42,430 --> 00:09:44,430 sepse është e fshehur brenda atë tekst. 150 00:09:44,430 --> 00:09:49,920 >> Çështja tjetër që ju doni të mendoni për 151 00:09:49,920 --> 00:09:52,400 është se si klienti juaj dhe serveri juaj do të komunikojnë. 152 00:09:52,400 --> 00:09:56,040 Ju zakonisht dëshironi të mbani këtë aq e thjeshtë sa të jetë e mundur. 153 00:09:56,040 --> 00:10:02,230 Ju mund të keni vetëm si një të marrë së me Të-këtë kërkesë të të dhënave, 154 00:10:02,230 --> 00:10:09,140 një krijuar-a-ri-objekt gjë, dhe një kërkesë për freskimin e-nje-vjetër-objekt. 155 00:10:09,140 --> 00:10:12,930 Dhe këto do të jenë të gjitha URL-të e ndryshme në një server që ju - 156 00:10:12,930 --> 00:10:20,030 se shfletuesi do - ju mund të përdorni kërkesat AJAX për të gjitha këto 157 00:10:20,030 --> 00:10:24,000 dhe ose të marrë ose të dhëna pas. 158 00:10:24,000 --> 00:10:26,600 Përsëri, për Cat tonë Facebook shembull, 159 00:10:26,600 --> 00:10:32,350 ju mund të keni se URL për të marrë një post individual, 160 00:10:32,350 --> 00:10:39,750 dhe ju do të keni një URL për të krijuar një post të ri mur 161 00:10:39,750 --> 00:10:45,670 dhe ndoshta një URL për ngarkimi foto e profilit tuaj, gjëra si kjo. 162 00:10:45,670 --> 00:10:51,730 Por përsëri, kjo është për të para-shkoj të marr më të madhe të të dhënave tuaja në mënyrë që ju nuk keni për të mbajtur 163 00:10:51,730 --> 00:10:53,360 duke e bërë kërkesa të rrjetit. 164 00:10:53,360 --> 00:10:59,030 Për këtë arsye, ju nuk mund të dëshironi që të ketë atë kërkesën individuale për të marrë një post të vetëm, 165 00:10:59,030 --> 00:11:03,210 dhe në vend të kësaj ju do të duan vetëm 1 kërkesë të merrni për të gjithë murin. 166 00:11:03,210 --> 00:11:06,110 Dhe pastaj në qoftë se jeni duke u përpjekur për të arritur një ekuilibër sepse - 167 00:11:06,110 --> 00:11:10,970 kjo është gjithashtu do të varet në aplikimin tuaj. 168 00:11:10,970 --> 00:11:13,430 Sepse në qoftë se ju jeni duke pritur që njerëzit vetëm kanë 10 ose 20 postimet mur 169 00:11:13,430 --> 00:11:15,430 që do të jetë mirë. 170 00:11:15,430 --> 00:11:17,390 Por nëse ju jeni duke pritur ata do të kemi mijëra pastaj se kërkesa do të marrë shumë kohë, 171 00:11:17,390 --> 00:11:23,580 dhe kështu që ju mund të dëshironi të shtoni një marrë-gjitha-postimet-viti parametër. 172 00:11:23,580 --> 00:11:26,580 >> Për të gjitha këto që ju jeni me siguri do të duan të sync të dhënat tuaja në JSON - 173 00:11:26,580 --> 00:11:29,260 JavaScript simbol Object. 174 00:11:29,260 --> 00:11:34,600 Shumë e shumë çdo gjuhë merret me JSON shumë mirë. 175 00:11:34,600 --> 00:11:40,880 JQuery ka këtë funksion bukur getJSON që do të bëjë të gjithë punën e madhe për ju. 176 00:11:40,880 --> 00:11:47,390 Dhe në PHP ka edhe funksione shumë të bukur të komunikimit JSON. 177 00:11:47,390 --> 00:11:52,660 Pra, kjo është ndoshta format më e mirë për dërgimin modele tuaj mbrapa dhe me radhë. 178 00:11:52,660 --> 00:11:56,570 >> Si një shembull i asaj që kemi folur deri më tani, 179 00:11:56,570 --> 00:12:00,520 këtu është një shembull për rrjedhjen Cat aplikimin tuaj në Facebook. 180 00:12:00,520 --> 00:12:07,760 Ajo fillon me shfletuesin tuaj kërkues website URL bazë. 181 00:12:07,760 --> 00:12:15,470 Server ndoshta do të dërgojë mbi HTML statike dhe disa JavaScript dhe CSS. 182 00:12:15,470 --> 00:12:19,170 Kjo është zakonisht më e mirë që të mos bëni ndonjë pasqyrim në server. 183 00:12:19,170 --> 00:12:23,370 Ju ndoshta nuk duan të - 184 00:12:23,370 --> 00:12:28,360 çfarë server nuk është duke bërë nuk është duke shkuar poshtë listën e posteve muri 185 00:12:28,360 --> 00:12:31,120 dhe gjenerimin e një HTML për çdo një dhe dërgimin se mbi. 186 00:12:31,120 --> 00:12:34,960 Kjo është zakonisht më të mirë për të bërë atë në anën e klientit, sepse ndryshe 187 00:12:34,960 --> 00:12:38,580 çdo herë që doni të ri-të nxjerrë diçka, ju duhet të bëni një kërkesë server. 188 00:12:38,580 --> 00:12:42,450 Dhe se shumë shpejt ju jep një shumë të lart. 189 00:12:42,450 --> 00:12:47,430 Kjo është zakonisht më të mirë vetëm për anije lëshon statike HTML 190 00:12:47,430 --> 00:12:50,660 dhe pastaj JavaScript dhe CSS që do të bëjë pasqyrim në anën e klientit. 191 00:12:50,660 --> 00:12:56,750 Sa më shpejt se stuff vjen në, 192 00:12:56,750 --> 00:13:03,500 atëherë ju mund të ketë - në JavaScript - ju mund të bëni kërkesat për të dhënat mur 193 00:13:03,500 --> 00:13:08,740 dhe stuff like that, dhe pas se serveri është në thelb vetëm duke bërë pyetje bazës së të dhënave 194 00:13:08,740 --> 00:13:10,740 dhe kontrolluar lejet. 195 00:13:10,740 --> 00:13:16,690 E vetmja gjë e rëndësishme është se ajo nuk mund të dërgojë më shumë se disa përdorues të tjerë postimet mur 196 00:13:16,690 --> 00:13:19,220 se ju nuk jeni i lejuar për të parë. 197 00:13:19,220 --> 00:13:28,050 Ajo në thelb mund të jetë një shtresë shumë e hollë qasje në bazën e të dhënave tuaja, 198 00:13:28,050 --> 00:13:32,820 dhe pastaj të gjitha duke treguar të dhënat - të gjitha pikëpamjet dhe sende - 199 00:13:32,820 --> 00:13:37,280 ata mund të ndodhë në shfletuesin tuaj, dhe pastaj kur ju doni të bëni një post apo diçka 200 00:13:37,280 --> 00:13:40,000 ju thjesht dërgoni një kërkesë tjetër. 201 00:13:40,000 --> 00:13:45,350 >> Ka gjithashtu disa sende të dashuroj ju mund të bëni në krye të kësaj. 202 00:13:45,350 --> 00:13:49,550 Në kushtet e dhëna më specifike teknike, 203 00:13:49,550 --> 00:13:53,360 zhvillimin në të thjeshtë JavaScript mund të jetë pak e dhimbshme, 204 00:13:53,360 --> 00:13:56,220 kështu që ka disa biblioteka dhe mjetet që do të ju ndihmojnë shumë me këtë. 205 00:13:56,220 --> 00:14:03,690 Unë mendoj se ju keni të gjithë ndoshta dëgjuar për jQuery që e bën duke bërë pasqyrim HTML 206 00:14:03,690 --> 00:14:08,890 dhe manipulimi shumë më e lehtë - kanë shumë funksione të dashuroj për vyshket në dhe jashtë, 207 00:14:08,890 --> 00:14:12,020 dhe duke bërë animacione gazmor. 208 00:14:12,020 --> 00:14:13,720 Ka gjithashtu kjo bibliotekë të quajtur Underscore.js. 209 00:14:13,720 --> 00:14:20,760 Ajo ka një shumë të funksioneve të dobishme të shërbimeve, gjëra që ju do të presim JavaScript që të ketë 210 00:14:20,760 --> 00:14:24,740 se ajo doesnt të vërtetë - gjëra të tilla si shuffling një rrjet, 211 00:14:24,740 --> 00:14:28,900 hequr kopje identike nga lista, ose rrafshim një listë të listave. 212 00:14:28,900 --> 00:14:30,900 Kjo është vetëm një mostër të vogël kod. 213 00:14:30,900 --> 00:14:36,520 Underscore ka një ton të këtyre funksioneve bukur që ju dëshironi ju do të keni të gjithë kohën. 214 00:14:36,520 --> 00:14:38,840 >> Dhe pastaj nuk ka 1 bibliotekë më shumë që unë do të doja të shpenzojnë pak kohë në 215 00:14:38,840 --> 00:14:44,800 quajtur Backbone.js sepse Backbone të vërtetë ju ndihmon të merren me modelet në anën e klientit 216 00:14:44,800 --> 00:14:47,210 dhe një shumë të konfuzionit që mund të shkaktojë. 217 00:14:47,210 --> 00:14:53,550 Backbone ju jep këtë koncept të modeleve dhe koleksione 218 00:14:53,550 --> 00:14:58,300 në JavaScript të cilat janë në thelb pikërisht si objekte JavaScript 219 00:14:58,300 --> 00:15:04,900 në vargjeve JavaScript, por ata kanë ngjarjet, kur ju të ndryshojë pronat e tyre. 220 00:15:04,900 --> 00:15:09,090 Ashtu si në JavaScript, ju mund të keni një ngjarje kur një buton merr klikuar apo diçka 221 00:15:09,090 --> 00:15:14,800 këto modele shtylla kurrizore dhe koleksionet shtylla kurrizore do të transmetojnë gjëra të tilla si 222 00:15:14,800 --> 00:15:17,510 se kur ata të ndryshojnë. 223 00:15:17,510 --> 00:15:22,270 Kjo do të thotë që ju mund të shkruani vetëm diçka si këtë copë të kodit këtu - 224 00:15:22,270 --> 00:15:27,530 këtë thotë, sa herë që ju të shtoni ndonjë gjë për të posts array ju shlyen të gjithë murin. 225 00:15:27,530 --> 00:15:34,270 Dhe kjo do të thotë sa herë që numri një post i pëlqen ndryshon, 226 00:15:34,270 --> 00:15:38,970 ju njoftojë përdoruesit që dikush i pëlqente postin e tyre. 227 00:15:38,970 --> 00:15:45,210 Ose sa herë që çdo pronë e një post ndryshon ju shlyen postin. 228 00:15:45,210 --> 00:15:51,050 Stuff si kjo do të ju kursejnë kompleksitetit, sepse ndryshe 229 00:15:51,050 --> 00:15:55,440 në qoftë se ju nuk e kanë një kuadër si kjo atëherë çdo herë në kodin tuaj që ju të ndryshojë 230 00:15:55,440 --> 00:16:04,280 çdo gjë në lidhje me një post, ju do të keni për të kujtuar veten për të thirrur të gjithë i bëjnë funksionet e 231 00:16:04,280 --> 00:16:07,680 dhe stuff like that, dhe nëse do të donit të shtoni diçka të re që ka ndodhur 232 00:16:07,680 --> 00:16:10,680 çdo herë që të modifikuar një post ju do të duhet të kalojnë nëpër çdo vend në tuaj 233 00:16:10,680 --> 00:16:14,610 kodin që ju të modifikuar një post dhe të shtoni atë gjë të re. 234 00:16:14,610 --> 00:16:21,450 Një kornizë e tillë do të heqë një shumë të asaj mes-shtresa komunikimit 235 00:16:21,450 --> 00:16:28,280 që bën kodi juaj komplekse dhe e vështirë për të ruajtur. 236 00:16:28,280 --> 00:16:31,170 >> Nuk është pak për pikëpamjet gjithashtu. 237 00:16:31,170 --> 00:16:35,960 Unë jam duke shkuar për të lënë pjesën më të madhe kjo për Billy, sepse ata nuk janë teknikisht shumë e vështirë. 238 00:16:35,960 --> 00:16:43,540 Përdorimi jQuery për pikëpamjet tuaja. Është praktikisht si një domosdoshmëri në këtë pikë. 239 00:16:43,540 --> 00:16:46,290 Ajo thjesht bën çdo gjë në mënyrë shumë më të lehtë. 240 00:16:46,290 --> 00:16:48,290 Nuk janë një shumë e bibliotekave. 241 00:16:48,290 --> 00:16:49,970 Nëse ju kanë komplikuar elementet user-ndërfaqe, 242 00:16:49,970 --> 00:16:57,250 në qoftë se ju doni një gjë të auto-plotë ose si një nga ato dashuroj shumë-selectors - 243 00:16:57,250 --> 00:17:04,790 në qoftë se ju doni diçka të tillë, ju duhet ndoshta kërko vetëm rreth 244 00:17:04,790 --> 00:17:08,130 dhe ju mund të gjeni një bibliotekë të mirë që do të bëjë atë që ju dëshironi. 245 00:17:08,130 --> 00:17:11,579 Billy do të shpjegojë më shumë për pjesët në të vërtetë të vështira të pikëpamjeve. 246 00:17:11,579 --> 00:17:17,530 Gjithashtu, si një shënim anë, shtylla kurrizore ka disa funksionalitetin për të bërë shikime komunikojnë 247 00:17:17,530 --> 00:17:22,800 bukur me modele - shikoni në dokumentacionin për të gjitha këto biblioteka, në të vërtetë. 248 00:17:22,800 --> 00:17:28,270 Vetëm shikoni në docs. Ata janë të shkruara shumë mirë dhe të lehtë për t'u ndjekur. 249 00:17:28,270 --> 00:17:33,890 Në përgjithësi, ju mund të shumë e shumë vetëm Google në qoftë se ju keni probleme. 250 00:17:33,890 --> 00:17:36,370 Ka shumë njerëz përdorimin e tyre. 251 00:17:36,370 --> 00:17:42,020 Unë mendoj se kjo është si një shënim të fundit. 252 00:17:42,020 --> 00:17:48,770 >> Ka edhe disa gjëra më të avancuar që ju mund të bëni 253 00:17:48,770 --> 00:17:53,400 nëse jeni duke kërkuar për të bërë app tuaj web shtesë awesome. 254 00:17:53,400 --> 00:17:59,760 Ju mund të bëni - Specifikimi i ri HTML5 ka shumë gjëra të dashuroj që mund të bëni. 255 00:17:59,760 --> 00:18:05,780 Magazinimit lokale - e cila është që ju mund të ruajtur të dhënat në shfletuesin - 256 00:18:05,780 --> 00:18:09,470 në vend që të shkojnë prapa dhe të lexoj server për çdo gjë, 257 00:18:09,470 --> 00:18:12,470 ju mund të mbani një pjesë e saj në të klientit dhe lejon që edhe njerëzit - 258 00:18:12,470 --> 00:18:20,850 në disa raste ajo mund edhe të ju lejojnë të përdorni webpage offline. 259 00:18:20,850 --> 00:18:26,980 Ka kjo gjë quhet websockets të cilat janë një lloj të ndryshme të komunikimit të rrjetit 260 00:18:26,980 --> 00:18:30,930 ku në vend të vetëm që ju të bëni një kërkesë, ju merrni përgjigje dhe ju jeni bërë, 261 00:18:30,930 --> 00:18:35,240 ju mbani të hapur një lidhje me server dhe kështu ju mund të bëni gjëra të tilla si 262 00:18:35,240 --> 00:18:37,240 përditësime në kohë reale. 263 00:18:37,240 --> 00:18:42,020 Pra, nëse ju jeni duke u përpjekur për të bërë një app chat, ju mund të përdorni websockets 264 00:18:42,020 --> 00:18:43,790 për të komunikuar mbrapa dhe me radhë në mënyrë që ju nuk do të duhet për të mbajtur të kërkuar, 265 00:18:43,790 --> 00:18:48,410 "Oh, server, e dikush të më dërgoni një bisedë?" çdo 10 sekonda apo diçka. 266 00:18:48,410 --> 00:18:55,620 Ka gjithashtu një tipar interesant HTML5 ku ju mund të bëjë atë të duket si 267 00:18:55,620 --> 00:18:58,340 URL e faqes po ndryshon ndonjëherë pa pasur nevojë të vërtetë ringarkoni atë. 268 00:18:58,340 --> 00:19:03,230 Ju mund të përdorni butonat prapa dhe përpara pa bërë një bandë e kërkesave të rrjetit. 269 00:19:03,230 --> 00:19:14,660 Stuff si kjo është me të vërtetë e dobishme në aspektin e duke e bërë të shpejtë, por edhe të punojnë si një web app duhet. 270 00:19:14,660 --> 00:19:17,680 >> Ka gjithashtu këtë gjë të quajtur CoffeeScript. 271 00:19:17,680 --> 00:19:24,450 CoffeeScript është një gjuhë e ndryshme, në të vërtetë, që përpilon deri në JavaScript. 272 00:19:24,450 --> 00:19:30,080 Ju do të shkruani të gjithë kodin tuaj në CoffeeScript, dhe pastaj ju drejtuar këtë përpilues, 273 00:19:30,080 --> 00:19:33,300 dhe pështyn nga një skedar JavaScript që ju mund të përfshijë në faqen tuaj. 274 00:19:33,300 --> 00:19:38,860 Arsyeja që CoffeeScript është e bukur është për shkak se ajo merr shpëtoj shumë 275 00:19:38,860 --> 00:19:44,760 Rastet e pazakontë që ka ku JavaScript është e barabartë me të barabartëve, 276 00:19:44,760 --> 00:19:51,130 dhe është e barabartë me të barabartë të bëjë gjëra të ndryshme, ose si - 277 00:19:51,130 --> 00:19:55,740 ajo ka sintaksën nicer për trajtimin e vargjeve dhe funksionet. 278 00:19:55,740 --> 00:20:00,460 Kjo është një copë të vogël të CoffeeScript që prodhon një listë të të gjitha sheshet 279 00:20:00,460 --> 00:20:04,900 nga 10 ^ 2 me 1 ^ 2 në mënyrë të kundërt. 280 00:20:04,900 --> 00:20:08,410 Siç mund ta shikoni, CoffeeScript shpesh ju lejon të shprehin në 1 linjë 281 00:20:08,410 --> 00:20:10,890 ajo do të marrë 5 linjat e JavaScript. 282 00:20:10,890 --> 00:20:13,230 Ajo mund të bëjë gjëra shumë më e lehtë. 283 00:20:13,230 --> 00:20:15,390 Kjo është pak e sintaksës së re për të mësuar në fillim, 284 00:20:15,390 --> 00:20:18,010 por ajo patjetër do të ju bëjë më produktiv në afat të gjatë. 285 00:20:18,010 --> 00:20:22,050 >> Ju mund të përdorni gjuhë të tjera në server se PHP - 286 00:20:22,050 --> 00:20:27,570 gjuhë si Ruby, Python, apo ekziston dhe një projekt të quajtur node.js 287 00:20:27,570 --> 00:20:31,450 që do të ju lejojnë të përdorin JavaScript në server. 288 00:20:31,450 --> 00:20:34,700 Personalisht, unë me të vërtetë, me të vërtetë urrej PHP. 289 00:20:34,700 --> 00:20:38,310 Unë thjesht nuk e gëzojnë duke punuar me të. 290 00:20:38,310 --> 00:20:43,450 Në qoftë se ju, gjithashtu, mendojnë se ajo është një cluge e tmerrshme e një gjuhe, 291 00:20:43,450 --> 00:20:46,160 atëherë ju mund të përdorni një nga këto vend. 292 00:20:46,160 --> 00:20:54,780 Në përgjithësi, në qoftë se ju doni të bëni diçka dhe ju nuk e vërtetë e di se si do të bëhet kjo, 293 00:20:54,780 --> 00:20:56,780 vetëm kërkoni në Internet. 294 00:20:56,780 --> 00:20:59,990 Ka ton dhe ton e burimeve sidomos në - 295 00:20:59,990 --> 00:21:03,260 StackOverflow është një njeri i madh. 296 00:21:03,260 --> 00:21:06,400 Është ky website ku programuesit shtrojnë pyetje njëri tjetrit. 297 00:21:06,400 --> 00:21:09,690 Ju mund të keni të ndeshet me të, nëse ju jeni që ka probleme në grupe me probleme CS50. 298 00:21:09,690 --> 00:21:16,820 Dhe ka ton e bibliotekave për të bërë ndonjë gjë shumë e shumë që ju do të dëshironi. 299 00:21:16,820 --> 00:21:21,710 Nëse ju doni të bëni diçka dhe ju nuk e dini se si të bëhet kjo, 300 00:21:21,710 --> 00:21:23,710 nuk e supozojmë se është e pamundur. 301 00:21:23,710 --> 00:21:26,160 Vetëm po shikoj dhe ju mund të gjeni disa burime të mira. 302 00:21:26,160 --> 00:21:29,280 >> Si një gjeneral mbyllë, 303 00:21:29,280 --> 00:21:33,650 e takeaways kryesore janë mbajtur gjërat e thjeshta. 304 00:21:33,650 --> 00:21:36,010 Më komplekse kodi juaj është në fillim 305 00:21:36,010 --> 00:21:40,370 dhe më shumë që të përpiqet dhe të bëjë gjëra të dashuroj, 306 00:21:40,370 --> 00:21:43,300 më të gjatë ajo do të marrë për të marrë diçka në të vërtetë funksionale 307 00:21:43,300 --> 00:21:46,480 dhe aq më e vështirë do të jetë për të ndryshuar më vonë. 308 00:21:46,480 --> 00:21:49,580 Pra, bëni gjëra të pagojë, të lehtë rrugën e parë. 309 00:21:49,580 --> 00:21:51,720 Për të shkuar së bashku me atë, 310 00:21:51,720 --> 00:21:59,070 mos të jetë i frikësuar e duke hedhur larg kodin e vjetër ose pastrim atë shumë. 311 00:21:59,070 --> 00:22:05,320 Në përgjithësi, një herë ju të vërtetë kanë diçka të punës, 312 00:22:05,320 --> 00:22:09,640 kjo është shumë më e lehtë për të menduar për se kur ju jeni ende në fazat e fillimit 313 00:22:09,640 --> 00:22:12,610 e si mund ta vënë këtë të gjithë së bashku. 314 00:22:12,610 --> 00:22:17,500 Është e mirë për të bërë dizajnin dumbest mundshme që punon 315 00:22:17,500 --> 00:22:22,270 dhe pastaj të përmirësuar atë iteratively se sa duke u përpjekur për të marrë çdo gjë të drejtë herë të parë. 316 00:22:22,270 --> 00:22:28,330 Në kushtet e ndarjes klient-server, provoni dhe për të mbajtur serverin tuaj shumë e thjeshtë - 317 00:22:28,330 --> 00:22:33,030 vetëm një bazë të dhënash dhe disa të legalizuara dhe nuk bëni ndonjë punë atje. 318 00:22:33,030 --> 00:22:37,540 Bëjë të gjitha stuff tuaj të komplikuar në anën e klientit në shfletuesin 319 00:22:37,540 --> 00:22:40,650 në JavaScript sa më shumë që mundeni. 320 00:22:40,650 --> 00:22:43,420 Sy përreth për bibliotekat që e bëjnë jetën tuaj më të mirë. 321 00:22:43,420 --> 00:22:46,850 Gjithmonë më mirë për të përdorur kodin që dikush tjetër ka shkruar 322 00:22:46,850 --> 00:22:49,850 në qoftë se ju - dhe jo për të shkruar atë vetë. 323 00:22:49,850 --> 00:22:57,560 Ka shumë gjëra në internet. Google është miku juaj më i mirë. 324 00:22:57,560 --> 00:22:59,560 Google është miku më i mirë i programues. 325 00:22:59,560 --> 00:23:07,620 Po, patjetër mos kini frikë të shikonte rreth e rrotull për sende. 326 00:23:07,620 --> 00:23:11,860 Dakord. Dhe mbi të Billy. 327 00:23:11,860 --> 00:23:14,600 >> [Billy] Në fakt, para se të fillojë me disa sende të projektimit, 328 00:23:14,600 --> 00:23:17,250 ka njeri të ketë ndonjë pyetje për Ben rreth çdo gjë që Perëndia i kishte folur për? 329 00:23:17,250 --> 00:23:20,290 Mirë, mirë. 330 00:23:20,290 --> 00:23:22,220 Përsëri, na tregoni, nëse diçka nuk është e qartë 331 00:23:22,220 --> 00:23:25,420 ose në qoftë se ju dëshironi të na për të shkuar mbi diçka pak më shumë. 332 00:23:25,420 --> 00:23:30,330 Unë do të hap prapa pak dhe të flasim për pjesët më themelore të projektimit. 333 00:23:30,330 --> 00:23:34,840 Ben përmendi modelin e quajtur - vjen keq, modeli pamje kontrollues sistemit 334 00:23:34,840 --> 00:23:38,520 e cila është lloj i aspektit teknik, kështu që unë jam duke shkuar për të parë në pikëpamjet në mënyrë specifike, 335 00:23:38,520 --> 00:23:42,930 dhe unë jam duke shkuar për të filluar me mënyrën se si ju do të hartojnë një pamje që duket bukur. 336 00:23:42,930 --> 00:23:50,540 Këtu është lloj i një template të vërtetë bazë për Cat tonë Facebook. 337 00:23:50,540 --> 00:23:54,190 Unë mendoj se ka disa themele në dizajn modern UI 338 00:23:54,190 --> 00:23:56,190 që janë me vlerë ringjallet. 339 00:23:56,190 --> 00:23:58,210 Ju mund të vëreni se ka shumë hapësirë ​​të bardhë në të gjithë faqen, 340 00:23:58,210 --> 00:24:00,790 shumë vend për gjëra. 341 00:24:00,790 --> 00:24:02,580 A nuk ndjehen si ju duhet të kungull gjërat në një faqe. 342 00:24:02,580 --> 00:24:06,700 Ju dëshironi të lënë shumë hapësirë ​​të hapur, dhe në qoftë se ju shkoni në pothuajse çdo faqe interneti moderne 343 00:24:06,700 --> 00:24:08,380 ju do të shihni se ka të bardhë kudo. 344 00:24:08,380 --> 00:24:10,380 Ka të bardhë në vende që ju nuk do të presin. 345 00:24:10,380 --> 00:24:14,570 Ju e keni këtë paleta ngjyra, dhe është e mençur në fillim 346 00:24:14,570 --> 00:24:17,880 për të zgjedhur një gamë ngjyrë që ju jeni do të punojnë me të dhe të zhvillojnë. 347 00:24:17,880 --> 00:24:22,250 Ju gjithashtu - ajo ndihmon për të zgjedhur një typeface, dhe në këtë mënyrë ju jeni lloj i punuar me 348 00:24:22,250 --> 00:24:24,450 këto bazat konkrete të projektimit. 349 00:24:24,450 --> 00:24:26,910 Ju keni llojin tuaj, ju keni ngjyra juaj, dhe pastaj ju mund të lloj 350 00:24:26,910 --> 00:24:29,380 përshtaten çdo gjë tjetër në si të nevojshme. 351 00:24:29,380 --> 00:24:37,710 Pra, siç thashë, me skemë tuaj ngjyra që ju dëshironi të përdorni ngjyrat e guximshme skemë tuaj ngjyra 352 00:24:37,710 --> 00:24:40,320 me masë. Headers janë të këndshme. Buttons janë të mirë që të ketë të vërtetë të mëdha, ngjyra të bie shumë në sy. 353 00:24:40,320 --> 00:24:43,710 Por në përgjithësi, në qoftë se ju keni një faqe interneti që ka ngjyrat kudo, 354 00:24:43,710 --> 00:24:47,250 të gjithë e ndezur ju në fytyrë, ai thjesht duket cluttered, dhe nuk është e mirë. 355 00:24:47,250 --> 00:24:50,430 Ju dëshironi të përdorni ngjyra të lehta në përgjithësi. 356 00:24:50,430 --> 00:24:52,890 Mundohuni të, përsëri, të zgjedhë një skemë mjaft koherent ngjyra. 357 00:24:52,890 --> 00:24:56,640 Ju mund të keni këto splashes pak e shumë ngjyra - 358 00:24:56,640 --> 00:25:00,240 që mund të duket shumë e bukur, por ju doni të përdorni ato goxha me masë. 359 00:25:00,240 --> 00:25:04,270 >> Siç thashë, ju duan të jenë minimale. Më pak është pothuajse gjithmonë e më shumë. 360 00:25:04,270 --> 00:25:07,430 Nëse ju mund të shfaqin diçka ose e shfaq diçka, 361 00:25:07,430 --> 00:25:10,230 dhe ju jeni lloj i pasigurt nëse ajo duhet të jetë atje nga default - 362 00:25:10,230 --> 00:25:13,400 ndoshta ju jeni më të mirë jashtë duke e lënë atë. Ju gjithmonë mund të shtoni atë në më vonë. 363 00:25:13,400 --> 00:25:16,620 Po, mbajtur gjërat e thjeshta. 364 00:25:16,620 --> 00:25:19,510 Por më e rëndësishmja, ju doni të marrin në konsideratë harton të shumta. 365 00:25:19,510 --> 00:25:23,520 A nuk mendoni se kur ju bëni një faqe, ju duhet atë në kokën tuaj që ju jeni do të 366 00:25:23,520 --> 00:25:26,310 të bëjë vend në një mënyrë të caktuar, dhe ajo do të duken tamam si kjo. 367 00:25:26,310 --> 00:25:29,830 Ajo do të ketë header blu në krye dhe bar anë blu 368 00:25:29,830 --> 00:25:32,670 dhe pastaj verdhë sub-goditja gjë. 369 00:25:32,670 --> 00:25:34,670 Ju dëshironi të bëni të shumta templates. 370 00:25:34,670 --> 00:25:37,350 Ju ose mund të - në qoftë se ju jeni të mirë me Photo Shop, ju mund të hapur atë deri dhe lloj 371 00:25:37,350 --> 00:25:39,600 të hartuar një faqe interneti si ju pëlqen që ajo të duket. 372 00:25:39,600 --> 00:25:41,680 Nëse jo, ju mund të përdorni vetëm stilolaps dhe letër, 373 00:25:41,680 --> 00:25:44,000 por heq dorë dizajne të shumta. 374 00:25:44,000 --> 00:25:47,000 Ju dëshironi që të ketë në thelb një formacion ku ju keni shumë dizajne të ndryshme, 375 00:25:47,000 --> 00:25:50,810 dhe në qoftë se një përfundon të punës, atëherë kjo është e madhe. 376 00:25:50,810 --> 00:25:53,370 Nëse dikush përfundon dështuar, atëherë ju gjithmonë keni një tjetër për ta kthyer për të. 377 00:25:53,370 --> 00:25:57,960 Në përgjithësi, nuk do të ndjehen si ju duhet të jetë i kufizuar 378 00:25:57,960 --> 00:26:00,830 për çfarëdo dizajn ju fillimisht të vendosur mbi. 379 00:26:00,830 --> 00:26:04,420 Designs janë shumë të ndryshueshme, dhe një pjesë e rëndësinë e modelit 380 00:26:04,420 --> 00:26:09,480 Sistemi pikëpamje kontrollues është se ju mund të bie në ujdi në dhe nga pikëpamje të ndryshme që ju dëshironi. 381 00:26:09,480 --> 00:26:13,510 Ju mund të ndikoj të të dhënave në një mënyrë, dhe pastaj të vendosë, oh, në të vërtetë, kjo nuk funksionon aq mirë. 382 00:26:13,510 --> 00:26:19,190 Unë mendoj se është lloj shumë e komplikuar, ose ka një pjesë këtu se nuk është me të vërtetë duke punuar, 383 00:26:19,190 --> 00:26:22,150 kështu që unë jam vetëm duke shkuar për të braktisur tërësisht këtë pikëpamje dhe swap në një një krejtësisht të re. 384 00:26:22,150 --> 00:26:24,790 Ne ende mund të përdorni modelet e vjetra dhe kontrolluesit e vjetra. 385 00:26:24,790 --> 00:26:27,490 Ne mund të bëjmë gjithçka në server dhe klientit, si ne do para. 386 00:26:27,490 --> 00:26:32,850 Por vala aktuale e të dhënave si shfaqet do të jetë pak më të ndryshme. 387 00:26:32,850 --> 00:26:35,840 >> Sa i përket në të vërtetë zbatimin e projektimit që ju dëshironi, 388 00:26:35,840 --> 00:26:39,330 një herë ju keni një harton disa skicuar në letër apo në Photo Shop apo çfarëdo, 389 00:26:39,330 --> 00:26:42,120 ka një numër të mjeteve që janë vënë në dispozicion për ju. 390 00:26:42,120 --> 00:26:45,700 E parë që ju jeni shumë i njohur me të cilin është HTML juaj, PHP, ose çfarëdo 391 00:26:45,700 --> 00:26:48,990 Gjuha e ju jeni duke përdorur vetëm të kodit faqet statike në web faqen tuaj. 392 00:26:48,990 --> 00:26:51,990 Ju keni punuar shumë me HTML të cilat lloj ju jep këto tags 393 00:26:51,990 --> 00:26:57,820 që ju mund të vënë gjërat në, dhe në thelb kjo është një mënyrë e organizimit përmbajtjen tuaj. 394 00:26:57,820 --> 00:27:00,990 Për shembull, ju keni header deri atje, kështu që ju jeni do të ketë një header tag, 395 00:27:00,990 --> 00:27:05,770 dhe ajo do të ketë disa tekst në brendësi të saj e cila është ndoshta do të jetë në një tjetër tag. 396 00:27:05,770 --> 00:27:08,380 Pastaj ju keni një sidebar ndoshta me disa lidhje të ndryshme, 397 00:27:08,380 --> 00:27:10,160 dhe ata do të të gjithë të jenë në tags veçanta. 398 00:27:10,160 --> 00:27:13,870 Pra, në thelb HTML në zemër të saj është një mënyrë për të ndarë deri në faqe se si 399 00:27:13,870 --> 00:27:16,980 ju përfundimisht doni të format atë. 400 00:27:16,980 --> 00:27:18,980 Pra, përsëri, ju kam parë atë më parë. 401 00:27:18,980 --> 00:27:20,540 Ju jeni mjaft të kënaqur me punën me të tani 402 00:27:20,540 --> 00:27:23,120 duke qenë se ju keni bërë të pset fundit me shpresë, 403 00:27:23,120 --> 00:27:26,150 kështu që duhet të ketë asnjë problem. 404 00:27:26,150 --> 00:27:31,280 >> Pastaj ju keni CSS e cila në thelb merret me të gjitha aspektet e projektimit statike. 405 00:27:31,280 --> 00:27:35,320 Ajo do të trajtojë të gjitha ngjyrat, të gjitha të pozicionimin e elementeve të ndryshme, 406 00:27:35,320 --> 00:27:36,840 ku shkojnë në lidhje me njëri-tjetrin, 407 00:27:36,840 --> 00:27:41,530 sa e madhe ato janë të, llojet e ndryshme të positionings që ju do të keni - 408 00:27:41,530 --> 00:27:46,030 me fjalë të tjera, ju mund të keni gjëra të fiksuar në mënyrë që kur ju lëvizni poshtë që ata të qëndrojnë, 409 00:27:46,030 --> 00:27:48,700 ose ju mund të ketë gjëra të afërm të elementeve të tjera. 410 00:27:48,700 --> 00:27:50,730 Të gjitha të atë lloj stuff është në CSS. 411 00:27:50,730 --> 00:27:54,630 Për më tepër, ju mund të bëni dekorata të ndryshme, ju mund të ketë ngjyra tekst, 412 00:27:54,630 --> 00:27:56,630 efektet tekst, të gjitha atë lloj stuff. 413 00:27:56,630 --> 00:28:00,360 Ben dha një seminar me të vërtetë të mirë në këtë fundjavë e kaluar, 414 00:28:00,360 --> 00:28:04,450 dhe kështu që unë patjetër do të shikoni që nëse keni ndërmend për të bërë disa gjëra të zbukuruar me CSS. 415 00:28:04,450 --> 00:28:09,850 CSS3 është në të vërtetë versioni më i ri i CSS, dhe kjo mund të bëjë të gjitha llojet e gjërave me të vërtetë bukur. 416 00:28:09,850 --> 00:28:14,750 Ajo mund të bëjë një i shkallëzuar, ju mund të ketë bukur, qoshe të rrumbullakosura, ju mund të bëni të gjitha llojet e stuff 417 00:28:14,750 --> 00:28:17,940 për të bërë faqen tuaj duken më moderne dhe të sofistikuar. 418 00:28:17,940 --> 00:28:22,150 >> Mjet tjetër është të aktivizoni Java dhe jQuery cila Ben foli pak për, 419 00:28:22,150 --> 00:28:24,150 por unë do të merrni pak më larg në. 420 00:28:24,150 --> 00:28:28,100 JavaScript, si ju keni punuar me të pak, ose të paktën të parë atë në leksion, 421 00:28:28,100 --> 00:28:31,870 është lloj i një mënyrë për të bërë gjëra dinamike në HTML. 422 00:28:31,870 --> 00:28:35,950 HTML, siç e dini, është statike, kështu që një herë ju kanë HTML që ju nuk mund ta modifikoni atë. 423 00:28:35,950 --> 00:28:40,050 Por JavaScript, në disa mënyra, është një mënyrë që të jetë në gjendje të modifikojë HTML. 424 00:28:40,050 --> 00:28:44,520 Kështu që ju mund ta bëjë këtë, dhe kjo është e madhe, por JavaScript me të vërtetë është një dhimbje për të punuar me të. 425 00:28:44,520 --> 00:28:49,050 Është aq e gjatë dhe i mpirë dhe për të bërë edhe gjërat e thjeshta 426 00:28:49,050 --> 00:28:51,630 kërkon shumë linjat e JavaScript. 427 00:28:51,630 --> 00:28:55,410 Pra, jQuery është në thelb një bibliotekë për JavaScript që thjeshton të gjithë se. 428 00:28:55,410 --> 00:28:59,880 Ajo thotë, në rregull, në qoftë se ju dëshironi që të ketë një kuti katrore vijnë nga e majta 429 00:28:59,880 --> 00:29:03,980 dhe zbehet në faqe në mënyrë që është në mes, në JavaScript që do të marrë - 430 00:29:03,980 --> 00:29:06,340 Unë nuk e di, njëqind rreshta për të bërë, dhe kjo do të ishte një dhimbje, 431 00:29:06,340 --> 00:29:10,540 dhe ju të dalë nga ajo urren gjithçka rreth programimit web. 432 00:29:10,540 --> 00:29:15,380 JQuery ju në thelb kanë të element-dot-zbehet-në, ose diçka të tillë. 433 00:29:15,380 --> 00:29:18,580 Funksionet Pra, shumë, shumë të thjeshta që do të ju lejojnë të bëni të gjitha llojet e animacioneve ftohtë 434 00:29:18,580 --> 00:29:20,580 dhe se lloj gjë. 435 00:29:20,580 --> 00:29:23,300 Gjë tjetër që këto 2 janë të vërtetë e mirë për të është vetëm duke bërë gjëra dinamike 436 00:29:23,300 --> 00:29:25,300 me faqen e internetit. 437 00:29:25,300 --> 00:29:28,370 Pra, në vend se vetëm duke pasur faqen tuaj HTML - e cila tregon disa të dhëna, por nuk ka të vërtetë 438 00:29:28,370 --> 00:29:32,130 bëjë asgjë - JavaScript jQuery dhe do të ju lejojnë të ketë butonat që ju mund të klikoni në, 439 00:29:32,130 --> 00:29:37,960 dhe ju mund të tërhiqni elementet dhe ri-kërkesës tyre dhe lloj e tyre, dhe të ketë elemente të reja 440 00:29:37,960 --> 00:29:40,500 shtuar ose hequr. Ju mund të shtoni-fshini, atë gjë e tillë. 441 00:29:40,500 --> 00:29:44,570 Pra, jQuery ka ton e gjëra të freskët. 442 00:29:44,570 --> 00:29:48,840 Dhe Vipul është në të vërtetë duke i dhënë një seminar mbi të sot, unë besoj se, në 5-ora, 443 00:29:48,840 --> 00:29:51,220 kështu që nëse ju mund të rrinë rreth për atë kohë, që do të - 5 apo 4? 444 00:29:51,220 --> 00:29:54,930 Katër. Më vjen keq. Është në fakt menjëherë pas kësaj, kështu që unë do të rekomandojë 445 00:29:54,930 --> 00:29:56,680 ngjitës rreth për atë nëse mundeni. 446 00:29:56,680 --> 00:30:00,180 JQuery është super, super të dobishme, dhe ju do të jetë në gjendje të bëjë shumë gjëra të vërtetë të bukur me të 447 00:30:00,180 --> 00:30:03,460 për shumë e shumë çdo projekt të zhvillimit web. 448 00:30:03,460 --> 00:30:06,200 >> Tani unë jam duke shkuar për të marrë në lloj të një dallim. 449 00:30:06,200 --> 00:30:08,210 Unë kam qenë duke folur kryesisht për ndërfaqen e përdoruesit. 450 00:30:08,210 --> 00:30:11,510 User interface është vetëm dizajni i faqes. 451 00:30:11,510 --> 00:30:13,780 Por ka lloj tjetër koncept që është user experience. 452 00:30:13,780 --> 00:30:15,900 Të dy janë shumë të ndryshme. 453 00:30:15,900 --> 00:30:19,440 Interface është padyshim pjesë e përvojës. 454 00:30:19,440 --> 00:30:21,340 Me fjalë të tjera, kur ju shkoni në një vend, ju shikoni në ndërfaqe. 455 00:30:21,340 --> 00:30:22,960 Kjo është pjesë e se si ju përvojë site. 456 00:30:22,960 --> 00:30:24,960 Por përvoja përdorues është më shumë se kaq. 457 00:30:24,960 --> 00:30:29,910 Përvoja User është në lidhje me atë përshtypje që përdoruesi merr nga faqja e juaj është. 458 00:30:29,910 --> 00:30:31,910 Pra, natyrisht, interface është një pjesë e asaj. 459 00:30:31,910 --> 00:30:35,340 Dhe kjo është padyshim një pjesë e domosdoshme, por kjo nuk është e mjaftueshme. 460 00:30:35,340 --> 00:30:38,790 Me fjalë të tjera, nëse ju keni një ndërfaqe të bukur, dhe është e bukur dhe të gjallë dhe të gjithë se, 461 00:30:38,790 --> 00:30:43,650 kjo është e madhe, por në qoftë se përdoruesi shkon në faqen tuaj, sheh një plan urbanistik të bukur dhe është e hutuar nga 462 00:30:43,650 --> 00:30:47,060 çdo gjë, nuk ka asnjë ide se si për të bërë asgjë, atëherë padyshim që ju keni bërë një të vërtetë 463 00:30:47,060 --> 00:30:48,930 website i varfër. 464 00:30:48,930 --> 00:30:50,930 Kjo është lloj i user experience ku vjen in 465 00:30:50,930 --> 00:30:54,570 Unë do të flasim pak për dizajn UX - UX është e shkurtër për user experience - 466 00:30:54,570 --> 00:30:58,050 dhe lloj si ju mund të bëni të sigurtë që ju keni një përvojë të mirë të përdoruesit. 467 00:30:58,050 --> 00:31:04,330 Pika e parë është se ju mund të hartuar një faqe interneti, ku një përdorues mund të bëjë asgjë që 468 00:31:04,330 --> 00:31:06,820 se ndoshta përdoruesi dëshiron. 469 00:31:06,820 --> 00:31:08,940 Por në qoftë se përdoruesi nuk mund të kuptoj se si për të bërë gjëra - 470 00:31:08,940 --> 00:31:12,850 me fjalë të tjera, në qoftë se përdoruesi nuk ka një ide e mirë, kur ata të shkojnë në faqen tuaj të, 471 00:31:12,850 --> 00:31:17,660 "Oh, në qoftë se unë dua të rinovuar profilin tim, atëherë unë klikoni këtë buton, ose në qoftë se unë dua të postoni në 472 00:31:17,660 --> 00:31:20,850 mur e dikujt, pastaj do të shkoj në murin e tyre dhe të klikoni në një kuti të vogël. " 473 00:31:20,850 --> 00:31:24,410 Nëse shfrytëzuesi nuk e di se, atëherë ju keni në mënyrë efektive në të vërtetë nuk 474 00:31:24,410 --> 00:31:27,080 zbatuar këtë funksionalitet në mënyrë korrekte. 475 00:31:27,080 --> 00:31:30,900 Një pjesë e zbatimit të një funksionalitet është se përdoruesit janë në të vërtetë në gjendje të përdorin atë. 476 00:31:30,900 --> 00:31:34,810 Dhe kjo mund të jetë frustruese - ju mund të bëni një vend, dhe kjo mund të bëjë të gjitha llojet e 477 00:31:34,810 --> 00:31:37,810 gjëra të mrekullueshme, por pastaj ju do të keni njerëz të provuar atë dhe të thonë, "Ai nuk mund ta bëjë këtë. 478 00:31:37,810 --> 00:31:39,770 Pse nuk mund të bëjë këtë? "Dhe ju do të thoni përsëri në ta, 479 00:31:39,770 --> 00:31:44,420 "E pra, ajo mund të. Ju thjesht duhet të shkoni në të 7-drop-down menu për këtë errët 480 00:31:44,420 --> 00:31:48,470 Faqja që vetëm është gjetur nga një lidhje në këndin poshtë-djathtas "apo diçka. 481 00:31:48,470 --> 00:31:50,430 Natyrisht, ju nuk doni që. 482 00:31:50,430 --> 00:31:53,420 Ju dëshironi që ajo të jetë e qartë për përdoruesit e juaj se çfarë ata janë duke menduar për të bërë, 483 00:31:53,420 --> 00:31:56,240 dhe ajo duhet të jetë e thjeshtë dhe intuitiv për ta. 484 00:31:56,240 --> 00:32:01,180 >> Një tjetër gjë që ju doni të provoni të bëni është, në qoftë se dikush do të shkojë në faqen tuaj 485 00:32:01,180 --> 00:32:05,520 dhe 9 nga 10 herë bëjmë veprimit A, dhe 1 nga 10 herë bëjnë të veprimit B, 486 00:32:05,520 --> 00:32:08,950 ju ndoshta dëshironi të përqëndrohet në përvojën e tyre të veprimit A. 487 00:32:08,950 --> 00:32:12,240 Me fjalë të tjera, ju doni të bëni atë shumë, shumë e qartë se si të bëhet A. 488 00:32:12,240 --> 00:32:15,980 Një duhet të jenë të para-dhe-qendër - shkoni në këtë faqe interneti, e shohin atë, oh, kjo është e drejtë atje. 489 00:32:15,980 --> 00:32:20,850 Ndërsa B natyrisht që ju dëshironi që të jetë i qartë, por ju mund të lënë atë pak më shumë 490 00:32:20,850 --> 00:32:22,850 në sfond. 491 00:32:22,850 --> 00:32:24,640 David jep një shembull të mirë të këtë në leksion, 492 00:32:24,640 --> 00:32:26,640 cila eshte sistemi Boston T. 493 00:32:26,640 --> 00:32:29,440 Kur ju shkoni në T Bostonit dhe ju doni për të blerë një biletë, 494 00:32:29,440 --> 00:32:32,700 ju duhet të merrni në 5 menutë e vërtetë para se të mund të blini një biletë 495 00:32:32,700 --> 00:32:37,130 për një vlerë $ 2, $ 2,50, e cila është sa duhet për të ngasin metro 496 00:32:37,130 --> 00:32:39,130 në një drejtim. 497 00:32:39,130 --> 00:32:41,600 Kjo është një problem, sepse shumica e njerëzve të cilët janë të hipur në metro 498 00:32:41,600 --> 00:32:44,880 ndoshta thjesht duan të shkojnë në një vend, të blerë biletën e tyre, të marrë në menjëherë. 499 00:32:44,880 --> 00:32:47,550 Kjo nuk ka kuptim që ata duhet të kalojnë nëpër shumë menutë e ndryshme 500 00:32:47,550 --> 00:32:49,550 për të arritur atje. 501 00:32:49,550 --> 00:32:51,760 Një përdorues përvojë më të mirë do të jetë një buton të shpejtë në faqen e parë 502 00:32:51,760 --> 00:32:54,760 që vetëm të thotë: "blej një biletë me një kalim," dhe se do të vinte në të gjitha standardit 503 00:32:54,760 --> 00:32:58,550 vlerat default, dhe pastaj në qoftë se dikush dëshiron të blej një biletë të ndryshme se sa që, 504 00:32:58,550 --> 00:33:01,690 ata ende, sigurisht, keni mundësi për të, por ju keni optimizuar për 505 00:33:01,690 --> 00:33:04,080 rasti i përbashkët përdorim e cila është me të vërtetë e rëndësishme. 506 00:33:04,080 --> 00:33:06,830 Ju mund të shihni shembuj të kësaj në Facebook, e drejtë? 507 00:33:06,830 --> 00:33:09,410 Nëse ju shkoni në Facebook dhe ju dëshironi të postoni një status, 508 00:33:09,410 --> 00:33:11,710 është e drejtë në krye të cilën është ajo që ju shpesh doni të bëni. 509 00:33:11,710 --> 00:33:14,730 Sa më shpejt që ju të hyjë në faqen, ju mund të bëni gjërat më të zakonshme që 510 00:33:14,730 --> 00:33:16,730 ju doni të bëni. 511 00:33:16,730 --> 00:33:17,550 Nëse ju doni të bëni gjëra pak më të komplikuara si, 512 00:33:17,550 --> 00:33:21,070 thonë se unë dua të shkoj në mur mikut tim dhe të postoj një foto në të - 513 00:33:21,070 --> 00:33:24,810 të cilat unë do të dëshironi të bëni shpesh, por jo aq shpesh sa postimi përditësimet e statsit - 514 00:33:24,810 --> 00:33:28,200 kështu që në këtë rast, unë shkruani emrin e tyre në kutinë në krye, klikoni mbi profilin e tyre, 515 00:33:28,200 --> 00:33:31,680 dhe më pas, ende, është e drejtë në krye ka një herë unë kam marrë për të profilit të tyre. 516 00:33:31,680 --> 00:33:38,240 Përsëri, unë kam optimizuar në prioritet për rastet më të zakonshme me përdorim. 517 00:33:38,240 --> 00:33:41,800 >> Një tjetër gjë e rëndësishme është se shpesh njerëzit do lloj i të përpiqen për të marrë rreth kësaj 518 00:33:41,800 --> 00:33:44,890 duke thënë: në rregull, kështu që unë e kam bërë faqen e internetit dhe njerëzit e kanë të konfuze, 519 00:33:44,890 --> 00:33:46,110 dhe kjo është një problem, apo jo? 520 00:33:46,110 --> 00:33:49,210 Natyrisht, unë nuk dua që njerëzit të jenë të hutuar nga përmbajtja e web faqen time. 521 00:33:49,210 --> 00:33:53,210 Por mënyra për të zgjidhur që nuk është që të kemi diçka pop up duke thënë: 522 00:33:53,210 --> 00:33:55,290 hej, unë jam do të mësojmë se si të përdorni këtë faqe. 523 00:33:55,290 --> 00:33:58,130 Hapi 1 - klikoni këtë buton. Hapi 2 - shkoni këtu. 524 00:33:58,130 --> 00:34:03,080 Sure, kjo është një mënyrë për rreth tij - kjo është një mënyrë që ju mund të tregoni njerëzve se çfarë të bëjë, por është e 525 00:34:03,080 --> 00:34:05,080 me të vërtetë nuk është mënyra optimale. 526 00:34:05,080 --> 00:34:07,420 Nëse unë shkoj në një faqe interneti dhe papritmas unë jam duke bombarduar me këtë tutorial që është thënë mua 527 00:34:07,420 --> 00:34:11,739 çfarë të bëjnë dhe ku të shkoni dhe të gjithë që, kjo nuk është e bukur për mua. 528 00:34:11,739 --> 00:34:13,739 Kjo nuk është një përvojë e mirë për mua. 529 00:34:13,739 --> 00:34:17,130 Kjo është lloj i një dhimbje. Unë dua të vetëm të fillojnë të bëjnë gjëra. 530 00:34:17,130 --> 00:34:19,449 Njerëzit janë duke shkuar për të mbyllur nga kutia e dialogut, 531 00:34:19,449 --> 00:34:23,580 ose të marrë nga tutorial, nuk dini çfarë të bëni, dhe pastaj ankohen sepse 532 00:34:23,580 --> 00:34:25,580 ju nuk e keni thënë atyre se çfarë të bëni. 533 00:34:25,580 --> 00:34:29,530 Mënyra për të zgjidhur këtë nuk është duke i dhënë çdo lloj tutorial apo drejtime - 534 00:34:29,530 --> 00:34:31,530 diçka të tillë. 535 00:34:31,530 --> 00:34:33,719 Sa më shumë që ju mund të shmangur atë, ju me të vërtetë doni për të treguar përdoruesit se çfarë të bëjë 536 00:34:33,719 --> 00:34:36,429 thjesht nga natyra e se si në faqen e internetit është hedhur jashtë. 537 00:34:36,429 --> 00:34:39,090 Me fjalë të tjera, kur të shkoj te Facebook pa prerje-transportim trupash në, 538 00:34:39,090 --> 00:34:40,920 gjëja e parë që unë shoh në faqen kryesore - 539 00:34:40,920 --> 00:34:44,480 kjo është një kuti të vogël login. Pra, duh. Unë duhet të hyni in Kjo është e drejtë atje. 540 00:34:44,480 --> 00:34:48,030 Ndërsa, në qoftë se unë shkova në Facebook dhe unë kam për të klikoni një lidhje të vogël në pjesën e poshtme 541 00:34:48,030 --> 00:34:51,920 se ka thënë 'hyni' dhe pjesa tjetër e faqes ishte vetëm një lloj foto apo diçka, 542 00:34:51,920 --> 00:34:54,820 Unë nuk do të vërtetë e di se çfarë të bëjë, apo jo? Unë do të ngatërrohet. 543 00:34:54,820 --> 00:34:58,590 Pra, ajo mund të më thoni për të shkuar atje poshtë dhe klikoni butonin që të hyni, 544 00:34:58,590 --> 00:35:01,080 ose log në butonin mund të jetë e drejtë në krye ku unë jam duke shkuar për të parë atë. 545 00:35:01,080 --> 00:35:04,780 Ju dëshironi që të jetë gjithmonë duke i treguar përdoruesit se çfarë të bëjë, 546 00:35:04,780 --> 00:35:06,750 dhe që duhet të jetë e natyrshme në faqen e vetë. 547 00:35:06,750 --> 00:35:09,880 >> Kur ju jeni duke menduar për harton dhe përqeshjen e deri mënyra të ndryshme të 548 00:35:09,880 --> 00:35:13,810 shprehur faqen tuaj, ju me të vërtetë doni të mendoni për atë që përdoruesit do të 549 00:35:13,810 --> 00:35:19,380 të jetë bërë dhe se si ju mund të tregoni atyre se çfarë të bëjnë. 550 00:35:19,380 --> 00:35:23,530 Një gjë e fundit është duke testuar është me të vërtetë, të vërtetë e rëndësishme. 551 00:35:23,530 --> 00:35:27,400 Ajo është e madhe për të marrë dikush - të marrë një mik, të marrë dikush ju nuk e dini as - 552 00:35:27,400 --> 00:35:30,420 që kurrë nuk është parë faqen e internetit para se të përdorur këtë faqe interneti. 553 00:35:30,420 --> 00:35:33,650 Sepse ju keni qenë duke punuar në vend për orë të tëra, ju keni qenë ndezur në të, 554 00:35:33,650 --> 00:35:36,670 dhe ju e dini saktësisht se çfarë duhet të bëni në mënyrë të qartë që ju jeni do të jetë testimi 555 00:35:36,670 --> 00:35:39,520 gjërat që ju keni qenë duke punuar në dhe që ju e dini punën. 556 00:35:39,520 --> 00:35:42,680 Por në qoftë se dikush tjetër vjen së bashku dhe përdor vend që kurrë nuk e ka përdorur atë përpara, 557 00:35:42,680 --> 00:35:46,880 kjo është një eksperiencë unike për shkak se ju keni dikë që nuk ka njohuri të para 558 00:35:46,880 --> 00:35:51,530 e faqe që shkon në të, kështu që ata do të kenë në mënyrë efektive asnjë ide se çfarë të bëjë 559 00:35:51,530 --> 00:35:54,890 ose çfarë lloj të rasteve të përdorimit janë të pranishme për ta. 560 00:35:54,890 --> 00:36:00,930 Kjo është e madhe. Kjo është unik për shkak se ata janë në thelb një person me një bosh për një mendje. 561 00:36:00,930 --> 00:36:03,750 Ata mund të ju tregojnë nëse diçka është konfuze ose të paqartë. 562 00:36:03,750 --> 00:36:07,580 Ata mund të ju jap një ide se pikërisht ajo user experience e faqes tuaj është. 563 00:36:07,580 --> 00:36:10,630 Ajo mund të jetë shumë e vështirë për të të treguar se veten, kështu që patjetër do të inkurajoja të të 564 00:36:10,630 --> 00:36:13,640 si ju jeni zhvillimin e projekteve tuaja - nëse jeni duke bërë projekte të web-bazuar - 565 00:36:13,640 --> 00:36:18,290 për të marrë njerëz duke përdorur këtë faqe interneti sa më shpejt që ju keni disa lloj demo funksionale. 566 00:36:18,290 --> 00:36:25,330 >> Tani unë jam duke shkuar për të folur pak për mënyrën se si për të menaxhuar një projekt të zhvillimit web. 567 00:36:25,330 --> 00:36:28,900 Ne kemi shkuar rreth asaj se si ju mund të bëni në anën prapa-fund teknik, 568 00:36:28,900 --> 00:36:31,050 se si ju mund të hartohet një faqe të vërtetë të mirë, 569 00:36:31,050 --> 00:36:34,150 dhe kjo është e madhe në qoftë se ju jeni duke punuar me veten, por - 570 00:36:34,150 --> 00:36:37,300 edhe në qoftë se ju jeni duke punuar me veten dhe sidomos në qoftë se ju jeni duke punuar në një ekip, 571 00:36:37,300 --> 00:36:39,580 menaxhimin e projektit bëhet një çështje e madhe. 572 00:36:39,580 --> 00:36:42,340 Ju keni dëgjuar lloj e rreth menaxhimit të projektit në forma të ndryshme që nga viti 573 00:36:42,340 --> 00:36:45,410 shkollës fillore, kur ju u tha punën në grup. 574 00:36:45,410 --> 00:36:46,820 Ju duhet të bashkëpunojnë, të komunikojnë, të gjithë se. 575 00:36:46,820 --> 00:36:49,620 Që të gjithë ende vlen këtu, por ka disa rrethana unike me 576 00:36:49,620 --> 00:36:54,910 shkenca kompjuterike që ju duan të jenë të vetëdijshëm, dhe ju doni të bëni të sigurtë që ju të trajtojë mirë. 577 00:36:54,910 --> 00:36:58,050 Unë do të flasim së pari pak për ekipin që ju do të jetë in 578 00:36:58,050 --> 00:37:03,280 Është shumë e rëndësishme të marr madhësinë drejtën e një ekipi që do të punon në, 579 00:37:03,280 --> 00:37:05,890 dhe në projektin tuaj përfundimtar Unë mendoj se ju keni mundësi për të zgjedhur 580 00:37:05,890 --> 00:37:08,610 në mes të 1 dhe 4 persona në qoftë se unë jam i saktë. 581 00:37:08,610 --> 00:37:12,050 Ju dëshironi të bëni të sigurtë që ju nuk jeni vetëm duke zgjedhur numrin e njerëzve 582 00:37:12,050 --> 00:37:14,950 që ju dëshironi të punoni me të, sepse ata janë miqtë tuaj. 583 00:37:14,950 --> 00:37:18,170 Ju dëshironi të zgjidhni një ekip që është një masë e mirë dhe se do të marrë punë të bërë. 584 00:37:18,170 --> 00:37:22,700 Ka një off tregtisë të ketë më shumë njerëz kundrejt më pak njerëz. 585 00:37:22,700 --> 00:37:25,320 Nëse ju keni më shumë njerëz, natyrisht më shumë punë mund të bëhet 586 00:37:25,320 --> 00:37:28,450 sepse ju keni shumë njerëz, shumë të kodit, shumë ide, 587 00:37:28,450 --> 00:37:29,870 dhe kjo është e gjitha e madhe. 588 00:37:29,870 --> 00:37:32,590 Por kjo gjithashtu kërkon shumë më tepër menaxhim dhe shumë më tepër komunikimin. 589 00:37:32,590 --> 00:37:34,720 Me fjalë të tjera, në qoftë se ju keni 4 njerëzit që punojnë në të njëjtin projekt 590 00:37:34,720 --> 00:37:39,200 dhe ata janë të gjithë redaktimi kodin e njëjtë, pak a shumë të gjitha llojet e nevojës për të dini 591 00:37:39,200 --> 00:37:40,920 çfarë po ndodh kështu që kërkon nga ju - 592 00:37:40,920 --> 00:37:44,580 në qoftë se ju shtoni një funksion të ri që ju lloj keni për të të treguar njerëzve - Jam duke shtuar se kjo, 593 00:37:44,580 --> 00:37:48,510 Unë jam duke ndryshuar këtë në këtë mënyrë - veçanërisht nëse ju merrni në gjëra me të vërtetë të thellë 594 00:37:48,510 --> 00:37:52,730 si modele dhe kontrollorëve që janë në të vërtetë në vazhdim e sipër për të ndikuar se si punon vend. 595 00:37:52,730 --> 00:37:54,500 I gjithë ekipi duhet të jetë i vetëdijshëm për këtë, 596 00:37:54,500 --> 00:37:58,140 kështu që ju duhet të bëni të sigurtë që ju nuk jeni të zgjedhur një ekip shumë të madh që do të jetë e vështirë 597 00:37:58,140 --> 00:37:59,970 për të bërë që komunikimi. 598 00:37:59,970 --> 00:38:02,930 Ju gjithashtu nuk duan të zgjedhin një ekip të vogël të mjaftueshme që ju nuk jeni do të 599 00:38:02,930 --> 00:38:06,250 jenë në gjendje të komunikojnë, sepse kjo është vetëm ju. 600 00:38:06,250 --> 00:38:11,270 >> Një tjetër gjë për t'u marrë parasysh është bilanci i ku aftësitë e njerëzve janë. 601 00:38:11,270 --> 00:38:14,350 Është e madhe në qoftë se ju jeni të gjithë programuesit të vërtetë të mirë. 602 00:38:14,350 --> 00:38:17,050 Por nëse ju jeni të gjithë njerëzit prapa-fund, atëherë faqja e juaj është e nuk do të duken shumë të mirë 603 00:38:17,050 --> 00:38:20,860 sepse ju e keni këtë bazë të dhënash të madhe, dhe kjo e bën kërko pyetje super-të shpejtë - 604 00:38:20,860 --> 00:38:26,130 e cila është e madhe - por kur ju shkoni për të, është si një faqe 1990 me të kuqe dhe blu 605 00:38:26,130 --> 00:38:30,370 kudo, dhe kjo nuk është e mirë as. 606 00:38:30,370 --> 00:38:34,210 Vini re se Ben dhe kam punuar si një ekip janë shumë të mirë sepse unë jam lloj shumë 607 00:38:34,210 --> 00:38:38,030 në fund para, ne të dy bashkëveprojnë në fund të mesëm, dhe Ben me të vërtetë mirë me sende të prapa-fund, 608 00:38:38,030 --> 00:38:43,550 kështu që punon vërtetë mirë, sepse ne mund të projektimit çdo vend dhe në thelb gropat 609 00:38:43,550 --> 00:38:47,580 në atë vend që duhet të jetë e mbushur mund të plotësohet nga ose një prej nesh, ose ndoshta të dyja. 610 00:38:47,580 --> 00:38:50,210 Ju dëshironi të bëni të sigurtë që nuk ka vrima në ekipin tuaj. 611 00:38:50,210 --> 00:38:51,180 Është në rregull nëse ka pak e mbivendosjes. 612 00:38:51,180 --> 00:38:53,670 Me fjalë të tjera, në qoftë se ju keni 2 njerëz që janë të dy të mira me fund mbrapa, 613 00:38:53,670 --> 00:38:57,250 që mund të jetë i mirë edhe për shkak se ata mund të ndihmojnë njëri-tjetrin me probleme 614 00:38:57,250 --> 00:38:58,820 që ata janë të pasur. 615 00:38:58,820 --> 00:39:02,590 Ajo mund të jetë një problem në qoftë se ju keni vetem 1 person i cili është përgjegjës për një gjë të caktuar 616 00:39:02,590 --> 00:39:06,650 dhe ata të drejtuar në një problem, kështu që ju dëshironi që të ketë pak mbivendosje 617 00:39:06,650 --> 00:39:10,760 por më e rëndësishmja ju doni të bëni të sigurtë që të gjitha vrimat e mundshme janë të mbushura. 618 00:39:10,760 --> 00:39:17,550 >> Gjëja e fundit - dhe kjo duhet të jetë e qartë, por kjo shpesh nuk është. 619 00:39:17,550 --> 00:39:19,550 Ju me të vërtetë duan të jenë të kesh kënaqësi. 620 00:39:19,550 --> 00:39:23,360 Qëllimi i këtij projekti final në CS50 dhe shpesh pika e zhvillimit web në përgjithësi 621 00:39:23,360 --> 00:39:26,360 nuk është që vetëm të bëjë një punë për shkak se ajo ka nevojë për të bërë. 622 00:39:26,360 --> 00:39:29,140 Ju me të vërtetë duan të jenë të kesh kënaqësi, dhe ju doni të jetë bërë diçka 623 00:39:29,140 --> 00:39:31,180 që e motivon ju për të punuar mbi të. 624 00:39:31,180 --> 00:39:33,650 Nëse çfarëdo që ju jeni duke e bërë është një dhimbje që të ulen dhe të punojnë në, 625 00:39:33,650 --> 00:39:35,650 atëherë ju nuk jeni të zgjedhur projektin e vërtetë. 626 00:39:35,650 --> 00:39:37,730 Ju dëshironi të zgjidhni diçka që ju të gjeni interesante, 627 00:39:37,730 --> 00:39:41,150 ju me të vërtetë duan të shohin rezultatin ju jeni të ngacmuar kur ju të merrni një ide të re për 628 00:39:41,150 --> 00:39:44,700 diçka që ju mund të bëni - kështu që nuk ka të gjitha llojet e projekteve atje që unë jam i sigurt 629 00:39:44,700 --> 00:39:47,290 ju mund të gjeni - të gjithë kanë diçka që me të vërtetë do të intrigës e tyre 630 00:39:47,290 --> 00:39:49,290 nëse ata janë duke bërë një projekt web-bazuar. 631 00:39:49,290 --> 00:39:52,210 Unë do të thonë se ai përsëri tani. 632 00:39:52,210 --> 00:39:54,520 Nëse projekti juaj duket si një dhimbje dhe ju nuk duan të punojnë në të, 633 00:39:54,520 --> 00:39:57,260 zgjidhni një tjetër projekt. Zgjidhni diçka që me të vërtetë ju frymëzon. 634 00:39:57,260 --> 00:40:00,260 >> Ben përmendur këtë koncept e pak përsëritje, dhe unë dua të shkoj për atë pak. 635 00:40:00,260 --> 00:40:08,250 Është me të vërtetë e rëndësishme për të punuar në spurts ku marrin diçka funksionale. 636 00:40:08,250 --> 00:40:13,420 Ajo mund të jetë i madh në qoftë se ju e keni këtë plan për një faqe interneti që do të bëjë A, B, dhe C, 637 00:40:13,420 --> 00:40:16,000 dhe në fund ajo do të merrni atje. 638 00:40:16,000 --> 00:40:18,600 Por ju jeni të mbërthyer në këtë fazë ku ju jeni duke punuar mbi të dhe të punës në të, 639 00:40:18,600 --> 00:40:23,330 por asgjë nuk është duke u bërë. Ju nuk keni asgjë për të parë dhe një gjë, funksional të prekshme. 640 00:40:23,330 --> 00:40:27,940 Çfarë ju me të vërtetë dëshironi të bëni sa më shumë që duket lloj të një dhimbje ndonjëherë për të 641 00:40:27,940 --> 00:40:32,300 punojnë në diçka dhe pastaj lloj kapak atë mënyrë që ajo është të paktën në një të qëndrueshme, duke 642 00:40:32,300 --> 00:40:34,910 version edhe nëse ajo nuk ka të gjitha karakteristikat që ju dëshironi. 643 00:40:34,910 --> 00:40:37,690 Dhe ndoshta ka disa karakteristika që ju me të vërtetë doni për të shtuar, por ju thjesht nuk mund të 644 00:40:37,690 --> 00:40:41,830 për shkak se ju doni të merrni këtë faqe në një pikë funksionale. 645 00:40:41,830 --> 00:40:44,400 Dhe kështu që ju doni të lloj ketë procesi i tërë zhvillimit të duket si kjo. 646 00:40:44,400 --> 00:40:47,810 Ju dëshironi të fillojë diku funksional - ose në thelb të fillojë me asgjë - 647 00:40:47,810 --> 00:40:49,890 por ju doni të merrni diku shumë themelore dhe funksionale. 648 00:40:49,890 --> 00:40:54,940 Dhe pastaj përsëri, të bëjë një lloj të kërcejnë dhe për të marrë diku funksionale përsëri. 649 00:40:54,940 --> 00:40:59,190 Ju ngadalë do të ndërtuar, dhe kjo mund të shkojë pak më ngadalë se sa do ndryshe, 650 00:40:59,190 --> 00:41:03,000 por në afat të gjatë në qoftë se ju jeni të mbërthyer vazhdimisht në këtë fazë të mesme terren ku ju 651 00:41:03,000 --> 00:41:06,380 nuk në të vërtetë nuk kanë asgjë të punës, ajo mund të jetë një zhgënjim të vërtetë e madhe 652 00:41:06,380 --> 00:41:09,970 për të punuar në projektin tuaj, sepse ju jeni gjithmonë në mënyrë të ngushtë për të marrë atë të punës, 653 00:41:09,970 --> 00:41:12,130 dhe kjo është në fakt nuk punojnë. 654 00:41:12,130 --> 00:41:14,810 Ju dëshironi që të punojnë në këto spurts funksionale, 655 00:41:14,810 --> 00:41:17,950 dhe ju gjithashtu duan të bëni disa reflektim pas secilit. 656 00:41:17,950 --> 00:41:21,260 Me fjalë të tjera, një herë ju jeni në një pikë ku vendi tani është duke punuar - 657 00:41:21,260 --> 00:41:24,790 kjo nuk do të keni gjithçka që ju pëlqen, por ajo ka disa gjëra - 658 00:41:24,790 --> 00:41:28,870 ju doni të mendoni, në rregull, është ky vend të realizuar qëllimin që unë e përcaktuar për të bërë? 659 00:41:28,870 --> 00:41:33,410 Me fjalë të tjera, në qoftë se vendi do të bëni X, është ajo që unë kam punuar në drejtimin e X? 660 00:41:33,410 --> 00:41:36,450 A janë të gjitha funksioneve që kam kërkuar atje? 661 00:41:36,450 --> 00:41:39,340 Dhe për më tepër, është ajo në shërbim të qëllimit të përgjithshëm që unë dua? 662 00:41:39,340 --> 00:41:43,200 Nëse ju jeni të gjetur se faqja e juaj ka filluar të largohem në një drejtim tjetër 663 00:41:43,200 --> 00:41:47,330 ose ndoshta gjërat vetëm lloji i nuk janë duke punuar jashtë, mund të jetë koha për të zhvendosur ingranazhet pak. 664 00:41:47,330 --> 00:41:51,700 Me fjalë të tjera, është e konsideruar vlerë - është e vlefshme hedhur nga idetë e nëse është e nevojshme 665 00:41:51,700 --> 00:41:57,950 dhe duke pasur parasysh jam unë me të vërtetë duke punuar drejt atë që unë dua të jem. 666 00:41:57,950 --> 00:42:00,760 >> Unë besoj se është pika ime e ardhshme. Mos kini frikë për të braktisur idetë. 667 00:42:00,760 --> 00:42:03,750 Vetëm për shkak se ju shpenzuar shumë orë duke punuar në një funksion 668 00:42:03,750 --> 00:42:07,890 dhe më në fund mori atë që punojnë por me të vërtetë nuk është duke shkuar aq mirë - 669 00:42:07,890 --> 00:42:12,690 si ajo nuk është se e dobishme apo përdoruesit janë duke pasur probleme duke e përdorur atë - këtë gjë e tillë - 670 00:42:12,690 --> 00:42:15,300 mos kini frikë për të hedhur atë larg. 671 00:42:15,300 --> 00:42:17,650 Ajo sucks se ju keni shpenzuar shumë kohë duke punuar në atë, 672 00:42:17,650 --> 00:42:21,870 por në fund të fundit ju nuk doni një vend që është lloj i vënë së bashku nga këto pjesë që 673 00:42:21,870 --> 00:42:25,380 lloj pune, por nuk janë të shërbyer atë mirë. 674 00:42:25,380 --> 00:42:27,990 Gjithashtu, mos kini frikë për të përqafuar ide të reja. 675 00:42:27,990 --> 00:42:30,050 Nëse dikush vjen së bashku dhe të thotë, hej, që faqja duket me të vërtetë e ftohtë, por 676 00:42:30,050 --> 00:42:32,290 nuk do të ishte edhe të jetë i madh në qoftë se ajo edhe e bëri këtë? 677 00:42:32,290 --> 00:42:36,220 Vetëm për shkak se kjo është diçka që ju nuk e keni ndërmend dhe diçka që nuk është në tuaj 678 00:42:36,220 --> 00:42:37,900 syze, diçka që ju nuk e keni përcaktuara për të bërë, 679 00:42:37,900 --> 00:42:40,860 mos kini frikë për të marrë atë në dhe pastaj të punojnë me të. 680 00:42:40,860 --> 00:42:43,680 Për shkak se shpesh idetë që ju të drejtuar me të gjithë rrjedhën e zhvillimit 681 00:42:43,680 --> 00:42:47,630 të përfundojë si tiparet me të vërtetë e ftohtë të internetit. 682 00:42:47,630 --> 00:42:49,630 >> Unë e kam thënë këtë më parë. Unë do të thonë se ai përsëri. 683 00:42:49,630 --> 00:42:51,630 Testers janë super, super të dobishme. 684 00:42:51,630 --> 00:42:56,350 Përpiqen për të marrë njerëz të cilët kurrë nuk kanë parë faqen para se të hyni në dhe të shohim se çfarë po ndodh 685 00:42:56,350 --> 00:42:59,080 sepse ata mund të testuar jo vetëm dobinë e faqes dhe user experience, 686 00:42:59,080 --> 00:43:02,070 por ato gjithashtu mund të provuar funksionimin në mënyra që ju nuk mund. 687 00:43:02,070 --> 00:43:06,430 Nëse ju bëni disa veçori që e bën një gjë të caktuar 688 00:43:06,430 --> 00:43:11,620 dhe ju e dini se do të bëjë këtë njëjtën gjë si duhet çdo herë të vetme, kjo është e madhe. 689 00:43:11,620 --> 00:43:16,610 Por kjo shpesh mund të jetë e vështirë për të llogari për rastet qoshe ku një përdorues mund të 690 00:43:16,610 --> 00:43:19,500 shkruani diçka që nuk keni qenë duke pritur - pikërisht për shkak se ju të përcaktuara 691 00:43:19,500 --> 00:43:21,500 karakteristikat veten. 692 00:43:21,500 --> 00:43:23,730 Pra, të ketë dikush të vijë në të cilët nuk ka asnjë ide se si për të përdorur këtë faqe interneti 693 00:43:23,730 --> 00:43:26,840 dhe për të vetëm të thyer atë në çdo gjë që mënyra që mund të bëjnë është me të vërtetë e dobishme për shkak se ju 694 00:43:26,840 --> 00:43:30,340 të marrë një ide nga një perspektivë krejtësisht të ndryshme të asaj që në faqen tuaj është duke punuar 695 00:43:30,340 --> 00:43:33,300 dhe atë që ka nevojë për riparim. 696 00:43:33,300 --> 00:43:37,070 >> E kaluar, unë jam do të flasim për disa praktika të mira të përgjithshme, 697 00:43:37,070 --> 00:43:42,470 dhe ju keni parë shumë këto në CS50, por edhe ata me të vërtetë, të vërtetë të aplikojnë në një mjedis të projektit. 698 00:43:42,470 --> 00:43:47,600 Njëra është komente. Gjithmonë të komentuar kodin tuaj veçanërisht nëse ju jeni duke punuar në një ekip të madh. 699 00:43:47,600 --> 00:43:51,230 Ajo mund të jetë aq i bezdisshëm që të ketë vetëm një bllok gjigand të kodit që dikush e shkruar 700 00:43:51,230 --> 00:43:54,230 dhe ndoshta kjo funksionon, ndoshta kjo nuk ka, por ju nuk kanë idenë se çfarë ajo bën, 701 00:43:54,230 --> 00:43:58,010 kështu që ju nuk kanë idenë nëse kjo është e dobishme apo jo, ose nëse ajo duhet të jetë atje apo jo, 702 00:43:58,010 --> 00:44:00,200 dhe në qoftë se ju jeni duke punuar në diçka tjetër është edhe më e mundur që ju jeni duke punuar në 703 00:44:00,200 --> 00:44:06,590 e njëjta gjë, kështu që vetëm të jenë shumë, shumë të kujdesshëm që të jenë të vëmendshëm e shokët tuaj 704 00:44:06,590 --> 00:44:09,710 dhe shkruani kodin që është e dokumentuar mirë. 705 00:44:09,710 --> 00:44:13,580 Ju nuk keni për të shkuar aq larg sa për të bërë të gjithë gjë ku të donte, nëse ju ardhura 706 00:44:13,580 --> 00:44:16,620 një kundër të ketë një koment që thotë, unë jam duke shtuar 1 të këtij banak. 707 00:44:16,620 --> 00:44:20,450 Ajo nuk duhet të jetë që të hollësishme, por për çdo funksion që ju jeni ndonjëherë shkrim 708 00:44:20,450 --> 00:44:23,160 ju duhet të keni disa dokumente të asaj që funksioni saktësisht bën, 709 00:44:23,160 --> 00:44:25,140 çfarë inputet e saj janë, dhe atë që duhet të kthehen. 710 00:44:25,140 --> 00:44:27,800 Në këtë mënyrë ju mund të përdorni të komponenteve të tjera të njerëzve të faqes 711 00:44:27,800 --> 00:44:31,990 dhe ju mund të punojnë për ndërtimin e diçka të madhe. 712 00:44:31,990 --> 00:44:34,100 >> Një tjetër gjë e rëndësishme është që ju doni të bëni të rregullta të pastër-ups. 713 00:44:34,100 --> 00:44:40,490 Kodi i merr çrregullt. Mos u ndjeni keq nëse kodi juaj është vetëm krejtësisht i paqartë dhe një rrëmujë gjigant. 714 00:44:40,490 --> 00:44:42,770 Kjo ndodh në zhvillimin e web gjithmonë. 715 00:44:42,770 --> 00:44:46,530 Ju jeni duke shtuar veçori të reja, duke hequr ato të vjetra. Stuff do të jetë atje që nuk duhet të jetë. 716 00:44:46,530 --> 00:44:49,330 Kjo është në rregull, por ju doni të bëni të sigurtë për t'u marrë me atë rregullisht. 717 00:44:49,330 --> 00:44:53,430 Ju nuk duan të le të ndërtuar deri në pikën ku ju thjesht nuk mund të gjeni ndonjë gjë 718 00:44:53,430 --> 00:44:56,430 në kodin tuaj, dhe ju nuk kanë idenë se çfarë bën çdo gjë. 719 00:44:56,430 --> 00:44:58,430 Ky është rasti me HTML. 720 00:44:58,430 --> 00:44:59,490 Ndonjëherë ju do të përfundojë me objekte që nuk përmbajnë asgjë, 721 00:44:59,490 --> 00:45:01,320 dhe ju do të duan të heqin qafe ato. 722 00:45:01,320 --> 00:45:04,610 Në CSS, ju mund të duke iu referuar elementeve që nuk janë më aty, 723 00:45:04,610 --> 00:45:06,340 kështu që ju doni të heqin qafe atë kod. 724 00:45:06,340 --> 00:45:09,900 Në JavaScript, ju mund të keni hequr diçka nga HTML. 725 00:45:09,900 --> 00:45:13,150 Pra, ju doni të bëni të sigurtë që ju jeni gjithmonë pastrimin, duke e bërë gjëra mjaft 726 00:45:13,150 --> 00:45:17,450 sa më shumë që ju mund të në mënyrë të rregullt. 727 00:45:17,450 --> 00:45:21,060 >> Një tjetër gjë me të vërtetë e dobishme që unë nuk mendoj se është paraqitur shumë në CS50 728 00:45:21,060 --> 00:45:23,430 por është e vlefshme duke marrë në është version kontroll. 729 00:45:23,430 --> 00:45:27,180 Ideja e kontrollit version është kur ju jeni në thelb mbajtja e progresin e 730 00:45:27,180 --> 00:45:30,820 ju keni bërë drejt faqen tuaj dhe në qoftë se në çdo moment ti e kupton, oh, kjo ishte duke punuar 731 00:45:30,820 --> 00:45:35,220 një kohë më parë, por ajo nuk është duke punuar asnjë më shumë, ju mund të shkoni përsëri në versionet e mëparshme 732 00:45:35,220 --> 00:45:37,720 dhe të shohim se çfarë ka ndryshuar që atëherë dhe atë gjë e tillë. 733 00:45:37,720 --> 00:45:41,670 Mënyra kryesore për të bërë këtë është me Git, dhe Git është ky lloj i tërë sistemi që 734 00:45:41,670 --> 00:45:46,390 Unë besoj Tommy MacWilliam dha një seminar në lidhje me vitin e kaluar. 735 00:45:46,390 --> 00:45:51,520 Nëse ju shkoni në seminaret CS50 për vitin 2011, ju mund të shihni në seminarin e tij për këtë. 736 00:45:51,520 --> 00:45:57,070 Ideja e Git është në thelb që në intervale të rregullta ju jeni duke e bërë këto angazhime 737 00:45:57,070 --> 00:46:01,430 cilat janë mënyrat e thënë vend është në një version shumë e qëndrueshme tani në mënyrë 738 00:46:01,430 --> 00:46:05,910 Unë jam paketimit atë dhe duke e dërguar atë larg me një server, dhe pastaj ju mund të shkoni në atë server 739 00:46:05,910 --> 00:46:07,910 dhe të shikojmë në të gjitha versionet e mëparshme të kodit tuaj dhe të shohim se si është përparuar 740 00:46:07,910 --> 00:46:12,210 dhe të gjitha atë gjë e gjëra të mira. 741 00:46:12,210 --> 00:46:14,210 Pra, kjo është në thelb ajo. 742 00:46:14,210 --> 00:46:17,870 Sa i përket zhvillimit të internetit, ne jemi të lumtur që të rrinë përreth dhe çdo përgjigje 743 00:46:17,870 --> 00:46:20,570 pyetje sa i përket prezantimit tonë. 744 00:46:20,570 --> 00:46:22,900 Kjo është ajo. Thanks. >> [Ben] Thanks. 745 00:46:22,900 --> 00:46:28,480 [Duartrokitje] 746 00:46:28,480 --> 00:46:30,950 >> [Billy] Stafi, ka njeri të ketë ndonjë pyetje rreth gjërave që ne i kemi mbuluar 747 00:46:30,950 --> 00:46:33,950 ose gjërat që ne nuk kemi mbuluar se ata ishin duke shpresuar ne do të mbulojë? 748 00:46:33,950 --> 00:46:35,950 Ne do të jenë të lumtur për t'iu përgjigjur atyre. Çdokush? 749 00:46:35,950 --> 00:46:50,360 [Anëtar audiencë] Cilat janë të mirat dhe të këqijat e përdorimit Ruby ose duke përdorur Python? 750 00:46:50,360 --> 00:46:58,660 [Ben] Pyetja ishte, cilat janë të mirat dhe të këqijat e përdorimit Ruby ose Python 751 00:46:58,660 --> 00:46:59,900 në vend të si PHP. 752 00:46:59,900 --> 00:47:11,340 Pro janë që Ruby dhe Python janë gjuhë shumë më të mirë se PHP. 753 00:47:11,340 --> 00:47:14,920 Të paktën sipas mendimit tim, dhe unë mendoj se në një shumë të mendimeve të njerëzve të tjerë si. 754 00:47:14,920 --> 00:47:20,990 Ata ishin dizajnuar më shumë për të bërë gjëra të ndërlikuar, 755 00:47:20,990 --> 00:47:25,380 dhe më pak për bujshëm bashku faqet web të vërtetë të shpejtë me 756 00:47:25,380 --> 00:47:28,400 pak e përmbajtjes dinamike. 757 00:47:28,400 --> 00:47:35,180 Të këqijat janë se ka një pak - ka më shumë një kurbë të mësuarit 758 00:47:35,180 --> 00:47:37,220 për të marrë ato të ngritur. 759 00:47:37,220 --> 00:47:41,010 Kjo është, si në PHP, ju vetëm mund të ketë një file HTML dhe ju shkruani më pak-se, 760 00:47:41,010 --> 00:47:43,060 pikëpyetje, dhe pastaj ju shkruani disa kodin, dhe pastaj ju shkruani pikëpyetje, 761 00:47:43,060 --> 00:47:45,700 madhe-se, dhe pastaj ju jeni bërë. 762 00:47:45,700 --> 00:47:50,300 Në gjuhë të tjera si Ruby ose Python, 763 00:47:50,300 --> 00:47:56,810 ju duhet të kalojnë nëpër një pak më shumë punë për të marrë fillestar site running. 764 00:47:56,810 --> 00:48:02,730 Ka gjithashtu - të paktën ajo përdoret për të jetë rasti - se ka më shumë dokumentacion 765 00:48:02,730 --> 00:48:05,480 në dispozicion për PHP vetëm sepse ka më shumë njerëz duke përdorur atë. 766 00:48:05,480 --> 00:48:09,370 Unë mendoj se nuk është aq shumë e një çështje më. 767 00:48:09,370 --> 00:48:12,520 Ka me siguri dokumentacioni shumë i mirë për gjëra si Ruby në binarët 768 00:48:12,520 --> 00:48:16,080 ose Django për Python është ekuivalente. 769 00:48:16,080 --> 00:48:25,910 PHP është ai që të gjithë ka qenë duke përdorur për vite me rradhë, dhe ju e dini se si funksionon. 770 00:48:25,910 --> 00:48:28,460 Ruby dhe Python janë pak më pak të pjekur. 771 00:48:28,460 --> 00:48:33,130 >> [Anëtar audiencë] Nëse ju do të zgjidhni në mes të një prej tyre për të mësuar apo të marr, 772 00:48:33,130 --> 00:48:36,130 e cila do të preferonit? 773 00:48:36,130 --> 00:48:38,870 Sinqerisht, unë mendoj se varet nga personi. 774 00:48:38,870 --> 00:48:45,450 Më vjen keq. Pyetja ishte e cila do të ju të vini për dikë për të mësuar? 775 00:48:45,450 --> 00:48:50,230 Gjej Python nicest personalisht. 776 00:48:50,230 --> 00:48:55,360 Ka shumë njerëz të cilët - Unë i pari projekti im web dev në Python dhe Django. 777 00:48:55,360 --> 00:49:00,300 Ka shumë njerëz të cilët si Ruby on Rails gjithashtu. 778 00:49:00,300 --> 00:49:02,650 Ndoshta më shumë njerëz që e dinë Ruby në binarët. 779 00:49:02,650 --> 00:49:05,270 Sinqerisht, unë do të shkoj vetëm me çfarëdo njerëzit rreth jush e di 780 00:49:05,270 --> 00:49:09,680 kështu që ju keni njerëz të bëni pyetje. 781 00:49:19,640 --> 00:49:24,170 >> Pyetja ishte - në serverat e përbashkët është ajo lloj i vështirë për të punuar në Python? 782 00:49:24,170 --> 00:49:26,170 Kjo varet nga hosting tuaj. 783 00:49:26,170 --> 00:49:29,400 Ka një numër i ushtrive web që do të postoni gjëra Python. 784 00:49:29,400 --> 00:49:31,400 WebFaction bën këtë, apo jo? 785 00:49:31,400 --> 00:49:34,400 WebFaction është ai që Billy dhe unë kam përdorur për disa projekte. 786 00:49:34,400 --> 00:49:37,750 Ata janë me të vërtetë e madhe. Ata mbështesin më gjuhë. 787 00:49:37,750 --> 00:49:40,020 Por është e vërtetë se PHP është mbështetur shumë më gjerësisht. 788 00:49:40,020 --> 00:49:45,210 Pra, nëse ju jeni të mbërthyer në një web host që vetëm bën PHP, kjo është një arsye e mirë për të përdorur PHP. 789 00:49:45,210 --> 00:49:56,010 >> [Anëtar audiencë] Unë kam vetëm në të mësuarit se si të query disa bazave të të dhënave, 790 00:49:56,010 --> 00:50:00,680 dhe unë e di SQL im është i të gjithë vendin, por unë kohët e fundit u ekspozuar për të - 791 00:50:00,680 --> 00:50:04,470 dhe ju vuri atë. Ju shikoni JSON dhe bazat e të dhënave expandable. 792 00:50:04,470 --> 00:50:14,580 SQL im është ende në të gjithë vendin. Si e shihni se ndodh? 793 00:50:14,580 --> 00:50:21,330 A ka do të jetë një tendencë në rritje për më shumë expandable (i padëgjueshëm)? 794 00:50:21,330 --> 00:50:30,100 Pyetja ishte - nuk mendoj se do të jetë një prirje drejt bazave të të dhënave jo-SQL. 795 00:50:30,100 --> 00:50:33,850 Për shembull, si MongoDB. Unë mendoj se është patjetër e vërtetë. 796 00:50:33,850 --> 00:50:38,730 Këshilla ime është kryesisht mySQL të lidhura këtu vetëm sepse mySQL është 797 00:50:38,730 --> 00:50:40,950 standard industri. 798 00:50:40,950 --> 00:50:45,950 Personalisht, unë më shumë preferoj bazat e të dhënave që nuk kanë schemos si MongoDB 799 00:50:45,950 --> 00:50:49,520 ku ju nuk keni çështjen e, oh, unë duhet të shtoni një tjetër kolonë. 800 00:50:49,520 --> 00:50:51,600 Mjerë unë, si çdo gjë duhet të bëj? 801 00:50:51,600 --> 00:50:55,840 Është shumë e vështirë për të bërë që në mySQL, por kur ju keni diçka si Mongo 802 00:50:55,840 --> 00:50:57,840 kjo është shumë nicer. 803 00:50:57,840 --> 00:51:03,780 Gjëja tjetër e bukur për Mongo është që të dhënat tuaja të vërtetë janë objekte JavaScript. 804 00:51:03,780 --> 00:51:10,110 Nuk ka asnjë lloj hapi konvertimit ku ju duhet të merrni këto rreshta bazës së të dhënave 805 00:51:10,110 --> 00:51:13,140 dhe kthyer ato në një objekt JavaScript dhe pastaj t'i dërgonte mbi tela. 806 00:51:13,140 --> 00:51:20,290 Unë mendoj gjëra si kjo do të jetë shumë, shumë i dobishëm për zhvillimin e shpejtë të internetit në të ardhmen. 807 00:51:20,290 --> 00:51:23,060 >> [Billy] Diçka që unë do të shtoja që është vetëm një pikë e përgjithshme është se 808 00:51:23,060 --> 00:51:26,580 mos të ndjehen si ju duhet të keni mësuar të gjitha gjuhët që kemi diskutuar 809 00:51:26,580 --> 00:51:28,580 nga seminari tonë. 810 00:51:28,580 --> 00:51:30,560 Natyrisht pikë është që të ju jap një ide se çfarë është atje, 811 00:51:30,560 --> 00:51:33,450 dhe në qoftë se ju jeni të intriguar nga ndonjë nga gjërat që ne kemi përmendur që ju mund të Google ato 812 00:51:33,450 --> 00:51:35,830 dhe të lexoni deri në to. 813 00:51:35,830 --> 00:51:38,750 Dhe siç e përmenda, ka disa seminare që kanë të bëjnë me të pikërisht këto gjëra. 814 00:51:38,750 --> 00:51:41,660 Ka edhe shumë seminare që unë nuk e kam përmendur që ndoshta të marrë në 815 00:51:41,660 --> 00:51:43,660 kjo stuff si. 816 00:51:43,660 --> 00:51:46,610 Ideja është se në qoftë se ju dëshironi të punoni në diçka, këtu janë mjetet në dispozicionin tuaj. 817 00:51:46,610 --> 00:51:51,630 A nuk ndjehemi të zhytur plotësisht në qoftë se ju nuk jeni me të vërtetë i sigurt se çfarë të bëjë pikërisht këto mjete, 818 00:51:51,630 --> 00:51:54,830 por e di se ata janë atje dhe se ju mund të përdorni të gjerë prej tyre 819 00:51:54,830 --> 00:51:56,830 nga Google. 820 00:51:56,830 --> 00:51:59,960 >> [Anëtar audiencë] Çfarë lloj gjëra ju duhet të bëni për të siguruar faqen tuaj te internetit 821 00:51:59,960 --> 00:52:02,530 duket e mirë në pajisje të lëvizshme? 822 00:52:02,530 --> 00:52:05,590 [Billy] pajisjet celularë janë pak të vështirë. 823 00:52:05,590 --> 00:52:07,590 Ka 2 mënyra që ju mund ta kontaktoni atë. 824 00:52:07,590 --> 00:52:11,500 Mënyra e parë është se ju në të vërtetë keni një website celular. 825 00:52:11,500 --> 00:52:14,660 Me fjalë të tjera, keni kryer një lloj të zbulimit në fillim 826 00:52:14,660 --> 00:52:18,830 kur shfletuesi është bërë kërkesën për faqen tuaj te internetit të cilat ose thotë 827 00:52:18,830 --> 00:52:25,240 kthyer këtë mendim - i cili do të jetë mendimi për desktop ose laptop shfletuesit - 828 00:52:25,240 --> 00:52:27,710 dhe kjo pikëpamje të tjera për pajisje të lëvizshme. 829 00:52:27,710 --> 00:52:33,090 Kjo është një vend ku pikëpamjet janë me të vërtetë mirë në atë që ju mund të shumë e shumë swap 830 00:52:33,090 --> 00:52:37,580 dy jashtë dhe kanë një ndërfaqe që punon vërtetë mirë në pajisje të lëvizshme 831 00:52:37,580 --> 00:52:40,770 dhe të ketë një të krejtësisht të ndryshme që punon mjaft mirë në pajisje të shfletuesit. 832 00:52:40,770 --> 00:52:43,770 Problemi me këtë është ajo merr një kohë të gjatë, sepse kjo do të thotë kodim 833 00:52:43,770 --> 00:52:47,060 një ndërfaqe krejtësisht të ndryshme. 834 00:52:47,060 --> 00:52:49,720 Mënyra tjetër që ju mund ta bëjë këtë është - 835 00:52:49,720 --> 00:52:55,250 një shumë e telefonave moderne do të shfaq faqet e internetit dhe të përpiqet që të merr ato si një shfletues do, 836 00:52:55,250 --> 00:52:57,680 dhe ata e bëjnë të mirën e tyre. 837 00:52:57,680 --> 00:53:04,340 Ju mund të lloj të përpiqen për të qëndruar dritë mbi sasinë e jQuery JavaScript që ju jeni duke përdorur 838 00:53:04,340 --> 00:53:07,360 e cila ka tendencë të jetë ku gjërat mund të shkojnë keq pak. 839 00:53:07,360 --> 00:53:13,430 Kjo është lloj i mënyrës që ju duhet të përdorni në qoftë se ju nuk keni se shumë kohë. 840 00:53:13,430 --> 00:53:18,540 Nëse ju nuk keni kohë për të punuar në një ndërfaqe të lëvizshme, kjo është padyshim opsioni tuaj më të mirë. 841 00:53:18,540 --> 00:53:23,320 >> Unë mendoj se në përgjithësi për projektet CS50, ju jeni do të duan të zgjedhin një ose tjetër. 842 00:53:23,320 --> 00:53:27,990 Me fjalë të tjera, ju doni të bëni një app celular apo ju doni të bëni një faqe interneti desktop. 843 00:53:27,990 --> 00:53:32,200 Dhe kjo lloj përcakton se ku ju shkoni me këtë. 844 00:53:32,200 --> 00:53:35,360 Por në qoftë se ju doni të zgjeruar atë më vonë, ndoshta bast tuaj më të mirë është 845 00:53:35,360 --> 00:53:37,360 për të bërë një ndërfaqe për të tjera. 846 00:53:51,650 --> 00:53:56,340 Unë kam pak përvojë në zhvillimin e faqet WordPress-bazuar. 847 00:53:56,340 --> 00:53:58,670 I priti një faqe interneti personale në WordPress për pak kohë. 848 00:53:58,670 --> 00:54:02,310 Këto lloje të kornizave mund të jetë e bukur po aq shumë gjëra themelore. 849 00:54:02,310 --> 00:54:07,050 Shpesh ju do të kandidojë vetëm në një shumë të çështjeve customizability pse. 850 00:54:07,050 --> 00:54:10,940 Ju do të dëshironi që të ketë diçka të shohim një mënyrë të caktuar ose të jetë një mënyrë të caktuar 851 00:54:10,940 --> 00:54:14,510 dhe ju thjesht nuk mund të për shkak se është e vështirë-Wired në sistemin që 852 00:54:14,510 --> 00:54:17,480 kjo është se si ju duhet të bëni gjëra të cilat mund të jetë pak e një problemi. 853 00:54:17,480 --> 00:54:22,020 Që atëherë unë kam qenë lloj më të prirur për të punuar me vendet nga toka lart. 854 00:54:22,020 --> 00:54:26,840 Për gjëra të tilla si bazave të të dhënave blog dhe atë gjë e tillë nuk është e vërtetë se e vështirë për të ndërtuar një kornizë. 855 00:54:26,840 --> 00:54:29,970 Nëse ju jeni të shtrirë me të vërtetë për kohën, ju mund të përdorni sigurisht diçka si WordPress 856 00:54:29,970 --> 00:54:33,120 ose atë gjë e tillë për një blog. 857 00:54:33,120 --> 00:54:38,790 Llojet e gjërave që blogs dyqan dhe nuk janë me të vërtetë mjaft e vështirë që 858 00:54:38,790 --> 00:54:41,500 në qoftë se ju jeni drejtimin në ndonjë nga ato llojet e gjërave, ju jeni me siguri më të mirë vetëm për të 859 00:54:41,500 --> 00:54:43,500 të bëjë një version në shtëpi. 860 00:54:43,500 --> 00:54:48,350 >> Unë mendoj se kjo është në lidhje me të, kështu që falë përsëri për të ardhur. 861 00:54:48,350 --> 00:54:51,960 Ne me të vërtetë gëzuar duke folur për ju djema dhe shpresoj që ju të mësuar disa gjëra. 862 00:54:51,960 --> 00:54:55,350 [Ben] Ne jemi të lumtur për të folur - ne kemi për të shkuar, por ne jemi të lumtur për të folur më shumë jashtë 863 00:54:55,350 --> 00:55:01,650 në qoftë se ju keni një pyetje tjetër. Thanks përsëri. [Duartrokitje] 864 00:55:03,750 --> 00:55:06,000 [CS50.TV]