1 00:00:00,000 --> 00:00:02,500 [Powered by Google Translate] [Seminārs] [Web Development: No idejas līdz īstenošanai] 2 00:00:02,500 --> 00:00:04,200 [Ben Kuhn] [Billy Janitsch] [Harvard University] 3 00:00:04,200 --> 00:00:07,250 [Tas ir CS50] [CS50.TV] 4 00:00:07,250 --> 00:00:10,840 [Billy] Sveiki, es esmu Billy, un tas ir Ben. >> [Ben] Hi. 5 00:00:10,840 --> 00:00:12,840 Mēs ejam runāt par interneta attīstību šodien. 6 00:00:12,840 --> 00:00:14,840 [Webdev] [Billy Janitsch un Ben Kuhn] 7 00:00:14,840 --> 00:00:16,840 Mazliet par mums vispirms. 8 00:00:16,840 --> 00:00:19,590 Ben ir sava veida back-end puisis. Viņš padara lietas strādā. 9 00:00:19,590 --> 00:00:21,870 Un tad es iet un dara to diezgan. 10 00:00:21,870 --> 00:00:26,610 Es esmu lielā mērā iesaistīties ar lielāku front-end maketēšana veida stuff, 11 00:00:26,610 --> 00:00:31,260 un Ben, no otras puses, zina, ko viņš dara, viņš strādā par back-end stuff. 12 00:00:31,260 --> 00:00:34,050 Kopā mēs esam veikuši dažas lietas. 13 00:00:34,050 --> 00:00:38,710 Piemēram, pagājušajā gadā mēs strādājām pie Gimblium kas ir tiešsaistes spēļu izstrādes studija. 14 00:00:38,710 --> 00:00:40,400 Tas bija mūsu gala projekts klasē, 15 00:00:40,400 --> 00:00:42,780 un kopš tā laika mēs esam padarījuši Hārvardas Class 16 00:00:42,780 --> 00:00:47,860 kas ir tiešsaistes sistēma pārlūkošanu un iepirkšanās kursus Harvard. 17 00:00:47,860 --> 00:00:53,180 >> Mēs ejam, lai sāktu ar šo ideju mūsu mājas lapā. 18 00:00:53,180 --> 00:00:57,480 Mēs ejam, lai padarītu Facebook, bet kaķiem. 19 00:00:57,480 --> 00:00:59,520 Pirms jūs faktiski padara šo tīmekļa vietni, 20 00:00:59,520 --> 00:01:02,520 nepadara šo tīmekļa vietni, jo tas nav labi, bet mēs izmantosim to kā sistēmu 21 00:01:02,520 --> 00:01:05,349 un iet caur procesu, kā mēs šo ideju 22 00:01:05,349 --> 00:01:07,450 un pārvērst to par īstu mājas lapā, mēs varam izmantot. 23 00:01:07,450 --> 00:01:11,940 Mēs sāksim ar laužot mājas lapā uz leju. 24 00:01:11,940 --> 00:01:13,190 Kā jūs esat darījuši CS50, 25 00:01:13,190 --> 00:01:17,360 Jūs vēlaties, lai padomātu par to, kādi ir faktiskie sastāvdaļas, kas iet uz šajā tīmekļa vietnē. 26 00:01:17,360 --> 00:01:21,290 Būtībā pagriežot to no idejas, kas ir tikai sava veida abstrakts jēdziens 27 00:01:21,290 --> 00:01:23,590 par reālu, taustāmu lieta, ka jūs varētu veikt. 28 00:01:23,590 --> 00:01:25,910 Mēs sākam, uzdodot dažus jautājumus. 29 00:01:25,910 --> 00:01:28,070 Kas ir šī mājas lapa? Kāpēc mēs padarot to? 30 00:01:28,070 --> 00:01:30,670 Ko tas gatavojas izmantot? Ka veida lieta. 31 00:01:30,670 --> 00:01:33,660 Attiecībā uz Facebook Cat, 32 00:01:33,660 --> 00:01:37,730 mēs būtībā vēlas mājas lapā, kas ļauj kaķi sociālo tīklu ar otru. 33 00:01:37,730 --> 00:01:41,260 Ideja ir tāda, ka viņi var ievietot viens otram uz sienām, 34 00:01:41,260 --> 00:01:43,510 viņi var izteikt komentārus, ka veida lieta. 35 00:01:43,510 --> 00:01:46,720 Un tas ir, ja mēs nākam uz funkcionālajām sastāvdaļām. 36 00:01:46,720 --> 00:01:51,270 Mums tagad ir šāda veida ietvaros - mēs esam lietotāju profilus, 37 00:01:51,270 --> 00:01:53,990 mums ir komentāri, un mēs varam ievietot. 38 00:01:53,990 --> 00:01:57,390 Varbūt kādu dienu mēs pieteka patīk un ka veida lieta. 39 00:01:57,390 --> 00:02:00,410 Un mēs veida vēlaties prioritāti šīs funkcijas iet iekšā 40 00:02:00,410 --> 00:02:03,340 Mēs gribam teikt, piemēram, labi, tas ir ļoti svarīgi, lai ikvienam ir profils 41 00:02:03,340 --> 00:02:06,440 un ka ikviens var nosūtīt viens otram uz sienām. 42 00:02:06,440 --> 00:02:08,509 Sekundāri, ka komentāri būtu jauki. 43 00:02:08,509 --> 00:02:10,180 Varbūt vēlāk mēs pieteka patīk. 44 00:02:10,180 --> 00:02:13,700 Tātad, jūs vēlaties, lai ir ideja par to, kas ir būtiska, lai jūsu projektu 45 00:02:13,700 --> 00:02:17,260 un kas ir sava veida vispārīgāka funkcija, kas varētu piemērot vēlāk. 46 00:02:17,260 --> 00:02:20,870 Jūs vēlaties, lai veida ir īpašs sarakstu prātā, 47 00:02:20,870 --> 00:02:24,090 bet projekts, kas jūs sākat ar ir nav būs projekts, kas esat pabeidzis ar. 48 00:02:24,090 --> 00:02:27,100 Citiem vārdiem sakot, lietas gatavojas mainīt, kamēr jūs attīstīt šo vietu, 49 00:02:27,100 --> 00:02:30,090 un jūs vēlaties, lai atstātu iespēju par to. 50 00:02:30,090 --> 00:02:34,470 Es savukārt to pa Ben kurš gatavojas runāt mazliet par struktūru. 51 00:02:34,470 --> 00:02:39,610 >> [Ben] es esmu gatavojas runāt par vairāk tehnisko pusi interneta attīstību. 52 00:02:39,610 --> 00:02:42,370 Pieņemsim tikai iet pa dažiem pamatus pirmās. 53 00:02:42,370 --> 00:02:45,730 Kad jūs darāt web app, 54 00:02:45,730 --> 00:02:50,470 Galvenais dalījums, ka jūs gatavojas, lai ir, ir 55 00:02:50,470 --> 00:02:52,700 jūs gatavojas ir dažas lietas notiek klienta pusē - 56 00:02:52,700 --> 00:02:56,700 tas ir, kodu, kas tu esi pārlūku ņem no vietas 57 00:02:56,700 --> 00:03:01,910 un JavaScript, HTML, CSS sīkumi. 58 00:03:01,910 --> 00:03:04,490 Tas ir viss, uz klienta pusē. 59 00:03:04,490 --> 00:03:08,680 Jūs esat nāksies citu kodu, kas darbojas uz servera pusē 60 00:03:08,680 --> 00:03:10,770 kas seko līdzi visiem datiem, ka cilvēki sūtīt jums, 61 00:03:10,770 --> 00:03:15,060 izlemj, kurš dot to, ko, piemēram, ka stuff. 62 00:03:15,060 --> 00:03:20,380 Tas ir tikai daži terminoloģija, lai jūs guys visi esam iepazinušies ar to, ko mēs runājam. 63 00:03:20,380 --> 00:03:28,600 Tālāk par šo sadalījumu ir labi domāt par savu tīmekļa lietotnes ziņā 64 00:03:28,600 --> 00:03:32,500 pāris atšķirīgas sastāvdaļas. 65 00:03:32,500 --> 00:03:35,270 Kad jūs darāt interneta attīstību 66 00:03:35,270 --> 00:03:41,710 viena no lietām, kas jums ir vienmēr cenšas darīt, ir, lai samazinātu sarežģītību. 67 00:03:41,710 --> 00:03:45,710 Sarežģītāka jūsu kods ir lielāka iespēja ir padarīt kļūdas, 68 00:03:45,710 --> 00:03:47,710 grūtāk ir mainīt vēlāk. 69 00:03:47,710 --> 00:03:50,140 Tātad, ja jūs varat pauze jūsu app vērā daži atšķirīgās funkcionālās zonās 70 00:03:50,140 --> 00:03:57,640 kas būs - un jūs varat samazināt veida apmēra pārrobežu zonas komunikācijas - 71 00:03:57,640 --> 00:04:03,530 , kas palīdzēs jums daudz ilgtermiņā ziņā, samazinot kļūdas. 72 00:04:03,530 --> 00:04:07,950 >> Jābūt konkrētai, parasti cilvēki sadalīt web app par - 73 00:04:07,950 --> 00:04:13,190 tie ir sava veida buzz vārdus tagad, bet viņi joprojām ir noderīgs. 74 00:04:13,190 --> 00:04:17,940 Jūs varētu būt dzirdējis cilvēkus runājam par modeļiem, viedokļi un kontrolieri. 75 00:04:17,940 --> 00:04:23,210 Modeļi ir faktiskie dati, ka jūsu app ir gatavojas, lai risinātu ar. 76 00:04:23,210 --> 00:04:28,260 Piemēram, jūsu Cat Facebook, jūsu modeļi varētu būt - 77 00:04:28,260 --> 00:04:35,340 jūs ir modelis, piemēram, amatu, kā arī modeli, lietotāju profilus, piemēram, ka stuff. 78 00:04:35,340 --> 00:04:41,090 Jūsu viedoklis ir tas, kā jūs iesniegt minētos datus lietotājiem. 79 00:04:41,090 --> 00:04:46,660 Jums varētu būt 1 skatu apskatot vienā amatā un visus komentārus 80 00:04:46,660 --> 00:04:51,720 un atšķirīgs skats sienas, kas ir saraksts ar visiem posts 81 00:04:51,720 --> 00:04:57,170 , kas ir vērsta uz jums, un atšķirīgs viedoklis par jūsu ziņu barību - piemēram, ka stuff. 82 00:04:57,170 --> 00:05:00,610 Visbeidzot, jums ir kontrolieri, kas ir pamatā, kad cilvēki jums nosūtīt ziņojumus 83 00:05:00,610 --> 00:05:03,310 un jūs veicat atjauninājumus jūsu back-end sistēmas, 84 00:05:03,310 --> 00:05:06,400 Jūs pieauguma ķekars skaitītāji, un neatkarīgi. 85 00:05:06,400 --> 00:05:07,860 Tie ir jūsu kontrolieri. 86 00:05:07,860 --> 00:05:11,030 >> Es esmu gatavojas runāt galvenokārt par modeļiem. 87 00:05:11,030 --> 00:05:14,030 Skati tehniski nav tik grūti, un jautājums ir vairāk, izstrādājot tos 88 00:05:14,030 --> 00:05:22,040 Kontrolieriem būs īpaša, lai kāds jūs projektēšana. 89 00:05:22,040 --> 00:05:25,220 Bet ir daži diezgan vispārīgi paņēmienus jūs varat izmantot 90 00:05:25,220 --> 00:05:30,220 , lai jūsu modeļiem patīkamāku un vieglāk strādāt ar to es domāju, ka ir ļoti noderīga. 91 00:05:30,220 --> 00:05:35,860 Tas galvenokārt būs par to, kā tikt galā ar savu Web Apps datiem jauks veids. 92 00:05:35,860 --> 00:05:40,420 Galvenās problēmas, ar modeļiem 93 00:05:40,420 --> 00:05:44,540 ir tas, ka viņi dzīvo uz klientu un serveri, un jums ir izdomāt 94 00:05:44,540 --> 00:05:51,170 ), kā iegūt tos - visus attiecīgos tiem - no servera uz klientu, 95 00:05:51,170 --> 00:05:53,440 un b) to, kā saglabāt tos sinhronizēti. 96 00:05:53,440 --> 00:05:58,700 Jūsu lietotāji gatavojas vēlaties veikt dažus atjauninājumus. 97 00:05:58,700 --> 00:06:00,470 Viņi gatavojas vēlaties veikt jaunus amatus. 98 00:06:00,470 --> 00:06:04,800 Viņi gatavojas vēlaties, lai, piemēram, lietas un stuff, ja jums ir patīk. 99 00:06:04,800 --> 00:06:11,490 Tie ir galvenie tehniskas problēmas, kas nodarbojas ar modeļiem. 100 00:06:11,490 --> 00:06:15,680 Pirmā lieta, ka jūs gatavojas vēlaties uzdot sevi ir 101 00:06:15,680 --> 00:06:18,420 kāda veida dati iet šo modeli un kāda veida vaicājumu mēs gatavojas vēlaties darīt - 102 00:06:18,420 --> 00:06:24,290 tas ir, kā mēs gatavojamies apskatīt modeļiem? 103 00:06:24,290 --> 00:06:26,940 Jūsu Cat Facebook, piemēram, 104 00:06:26,940 --> 00:06:31,520 Jūsu sūtījums ir nāksies autors saistīts ar to, 105 00:06:31,520 --> 00:06:35,660 dažas sienas post tekstu, un saņēmējs sienas amata. 106 00:06:35,660 --> 00:06:38,470 Un tad jūs varētu vēlēties, lai vaicājumu, ka ķekars dažādos veidos. 107 00:06:38,470 --> 00:06:42,220 Jūs vēlaties aplūkot to, ko kurš uzrakstīja kura amatu, 108 00:06:42,220 --> 00:06:46,620 ko kurš saņēmis kuru pēc, varbūt pēc datuma, kad tie tika norīkoti. 109 00:06:46,620 --> 00:06:50,340 Bet, ja jūs gatavojas to darīt pēc datuma, tad jums ir pievienot vēl vienu lauku savu amatu 110 00:06:50,340 --> 00:06:52,490 gada, kad tā faktiski tika publicēta. 111 00:06:52,490 --> 00:07:00,220 Šie 2 faktori - kādus datus vēlaties izmantot, un to, kā jūs vēlaties, lai to aplūkotu - 112 00:07:00,220 --> 00:07:04,200 Jums vajadzētu domāt par to vispirms, jo tie ir atkarīgi viens no otra, 113 00:07:04,200 --> 00:07:08,030 un tas būs grūtāk, lai pievienotu tos vēlāk. 114 00:07:08,030 --> 00:07:12,750 >> Ir daži citi apsvērumi. 115 00:07:12,750 --> 00:07:17,540 Kad jūs domājat par to, kā jūs galā ar modeļiem serverī 116 00:07:17,540 --> 00:07:20,540 , ko vēlaties apskatīt, ir - 117 00:07:20,540 --> 00:07:27,440 Jūs būtībā vēlas, lai padarītu serveri kā vienkāršu, cik iespējams. 118 00:07:29,440 --> 00:07:35,500 Darot stuff par klienta pusē parasti ir daudz ātrāk, ja jūs varat darīt to tikai uz klienta 119 00:07:35,500 --> 00:07:38,230 bez darot jebkādu tīkla pieprasījuma. 120 00:07:38,230 --> 00:07:47,860 Ideja ir darīt, jo daudzi no vaicājumiem, kā jūs varat par klientu. 121 00:07:47,860 --> 00:07:51,560 Vienīgā problēma ar šo 122 00:07:51,560 --> 00:07:54,160 ir tas, ka, ja jūs lūgt visus savus datus sākumā 123 00:07:54,160 --> 00:07:57,160 tad tas būs vajadzīgs ilgs laiks, lai slodze. 124 00:07:57,160 --> 00:08:02,290 Tātad, ideja ir panākt laimīgs vidēja starp kuriem pietiekami daudz datu par klientu 125 00:08:02,290 --> 00:08:07,640 ka jūs varat darīt lielāko daļu savu darbu tur, bet ne tikai pievilcīgs visu uzreiz 126 00:08:07,640 --> 00:08:09,710 tā, ka jums patiešām lēns slodze reizes sākumā. 127 00:08:09,710 --> 00:08:12,610 Piemēram, jūsu kaķis datiem 128 00:08:12,610 --> 00:08:20,340 Jūs, iespējams, vēlaties, lai atnest ķekars nesen sienas amatu. 129 00:08:20,340 --> 00:08:23,790 Jūs negribētu, lai atnest viņiem visiem, jo ​​tas varētu iet atpakaļ pāris gadiem. 130 00:08:23,790 --> 00:08:25,470 Bet jūs nevēlaties ielādēt tos pa vienam 131 00:08:25,470 --> 00:08:28,740 jo tas ievieš daudz tīklu gaisvadu. 132 00:08:28,740 --> 00:08:33,620 >> Tas bieži vien ir diezgan grūti - pēc tam, kad jums ir datu bāze darbojas - 133 00:08:33,620 --> 00:08:37,210 tas bieži vien ir diezgan grūti mainīt, kādi dati jums ir tā - 134 00:08:37,210 --> 00:08:40,510 tas ir, pievienot jaunu datu bāzes kolonnu, vai kaut kas - 135 00:08:40,510 --> 00:08:43,510 tā viena laba stratēģija ir faktiski tikai, lai saglabātu daudz jūsu datu teksta lāse - 136 00:08:43,510 --> 00:08:53,880 JSON lāse - JSON ir JavaScript Object notāciju - 137 00:08:53,880 --> 00:08:58,330 Iemesls, kas ir noderīga, ir tāpēc, ka tad jūs varat pievienot jaunas īpašības 138 00:08:58,330 --> 00:09:01,920 Uz visiem šiem JSON burbuļus nemainot savu datu bāzi. 139 00:09:01,920 --> 00:09:06,860 Vienīgais negatīvie ir tas, ka, ja jums ir ķekars laukiem 140 00:09:06,860 --> 00:09:09,890 ka esat pievienojis vēlāk - tāpat slēpjas šajā JSON lāse - 141 00:09:09,890 --> 00:09:12,850 tad tas ir grūtāk, lai vaicājumu tās iekšpusē datu bāzē. 142 00:09:12,850 --> 00:09:17,690 Piemēram, ja vēlāk - ja Jums ir bijusi jūsu post modeli, ko mēs apspriedām iepriekš 143 00:09:17,690 --> 00:09:25,380 tikai ar autoru, saņēmēja un tekstu - 144 00:09:25,380 --> 00:09:29,000 jūs varētu arī būt JSON lāse, un tad, ja vēlāk gribēja pievienot datuma lauku 145 00:09:29,000 --> 00:09:31,000 jums nebūtu mainīt savu datu bāzi. 146 00:09:31,000 --> 00:09:36,140 Jūs varētu vienkārši pievienot datumus, lai visiem teksta laukiem. 147 00:09:36,140 --> 00:09:39,640 Un tad jūs varētu apskatīt tos uz klienta pusē, 148 00:09:39,640 --> 00:09:42,430 bet jūs nevarētu vaicājumu tos uz servera pusē 149 00:09:42,430 --> 00:09:44,430 jo tas ir paslēpies šo tekstu. 150 00:09:44,430 --> 00:09:49,920 >> Cits jautājums, ka jūs vēlaties, lai padomātu par 151 00:09:49,920 --> 00:09:52,400 ir tas, kā jūsu klients un jūsu servera gatavojas sazināties. 152 00:09:52,400 --> 00:09:56,040 Jūs parasti vēlas, lai saglabātu to kā vienkāršu, cik iespējams. 153 00:09:56,040 --> 00:10:02,230 Jūs varat būt kā get-me-šā informācijas pieprasījumu, 154 00:10:02,230 --> 00:10:09,140 izveidot-a-new-objektu lieta, un update-vecs-objektu pieprasījuma. 155 00:10:09,140 --> 00:10:12,930 Un tie visi būs dažādi URL uz servera, ka jūs - 156 00:10:12,930 --> 00:10:20,030 ka pārlūks būs - jūs varat izmantot AJAX pieprasījumus visiem šiem 157 00:10:20,030 --> 00:10:24,000 un vai nu saņemt vai post dati. 158 00:10:24,000 --> 00:10:26,600 Atkal, mūsu Cat Facebook, piemēram, 159 00:10:26,600 --> 00:10:32,350 Jums varētu būt, ka URL, lai iegūtu individuālu amatu, 160 00:10:32,350 --> 00:10:39,750 un jūs ir URL, lai izveidotu jaunu sienu amatu 161 00:10:39,750 --> 00:10:45,670 un varbūt URL augšupielādējot savu profila bildi, sīkumi, piemēram, ka. 162 00:10:45,670 --> 00:10:51,730 Bet atkal, tas ir iepriekš atnest lielākā daļa no jūsu datiem, lai jums nav, lai saglabātu 163 00:10:51,730 --> 00:10:53,360 padarot tīkla pieprasījumiem. 164 00:10:53,360 --> 00:10:59,030 Šī iemesla dēļ, jūs, iespējams, nevēlaties, lai būt, ka individuāla get pieprasījumu par vienu amatu, 165 00:10:59,030 --> 00:11:03,210 un tā vietā jūs vienkārši vēlaties 1 GET pieprasījumu par visu sienu. 166 00:11:03,210 --> 00:11:06,110 Un tad, ja jūs mēģināt atrast līdzsvaru, jo - 167 00:11:06,110 --> 00:11:10,970 tas arī būs atkarīgs no jūsu pieteikumu. 168 00:11:10,970 --> 00:11:13,430 Jo, ja jūs gaida, ka cilvēki ir tikai 10 vai 20 sienu amatus 169 00:11:13,430 --> 00:11:15,430 ka būs labi. 170 00:11:15,430 --> 00:11:17,390 Bet, ja jūs gaida viņi ir tūkstošiem, tad šis lūgums būtu pārāk garš, 171 00:11:17,390 --> 00:11:23,580 un lai jūs varētu vēlēties, lai pievienotu Get-all-ziņojumus, jo parametrs. 172 00:11:23,580 --> 00:11:26,580 >> Attiecībā uz visiem šiem jūs, iespējams, gatavojas vēlaties sinhronizēt datus JSON - 173 00:11:26,580 --> 00:11:29,260 JavaScript Object notāciju. 174 00:11:29,260 --> 00:11:34,600 Diezgan daudz ik valodas nodarbojas ar JSON ļoti labi. 175 00:11:34,600 --> 00:11:40,880 JQuery ir šāda jauka getJSON funkcija, kas darīs visu smago darbu jūsu vietā. 176 00:11:40,880 --> 00:11:47,390 Un PHP tur ir arī ļoti jauki JSON sakaru funkcijas. 177 00:11:47,390 --> 00:11:52,660 Tātad, tas ir iespējams, labākais formāts, lai nosūtītu savus modeļus un atpakaļ. 178 00:11:52,660 --> 00:11:56,570 >> Kā piemērs tam, ko mēs esam runājuši par līdz šim, 179 00:11:56,570 --> 00:12:00,520 šeit ir piemērs plūsmas jūsu Cat Facebook pieteikumu. 180 00:12:00,520 --> 00:12:07,760 Tas sākas ar pārlūkprogrammu, kas pieprasa bāzes tīmekļa vietnes URL. 181 00:12:07,760 --> 00:12:15,470 Serveris, iespējams, varētu sūtīt pa statisku HTML, un daži JavaScript un CSS. 182 00:12:15,470 --> 00:12:19,170 Tas parasti ir labākais, nav darīt jebkādu sniegšanu uz servera. 183 00:12:19,170 --> 00:12:23,370 Jūs, iespējams, nevēlaties, lai - 184 00:12:23,370 --> 00:12:28,360 ko serveris nedara tur iet uz leju sarakstu sienas amatu 185 00:12:28,360 --> 00:12:31,120 un radot sava HTML par katru vienu un nosūtīšanu, kas vairāk. 186 00:12:31,120 --> 00:12:34,960 Tas parasti ir labākais, lai izdarītu uz klienta pusē, jo pretējā gadījumā 187 00:12:34,960 --> 00:12:38,580 katru reizi, kad jūs vēlaties, lai atkārtoti izdarīt kaut ko, jums ir veikt servera pieprasījumu. 188 00:12:38,580 --> 00:12:42,450 Un tas ir ļoti ātri, sniedz jums daudz virs galvas. 189 00:12:42,450 --> 00:12:47,430 Tas parasti ir labākais, tikai kuģis sūta uz leju statisku HTML 190 00:12:47,430 --> 00:12:50,660 un tad JavaScript un CSS, kas darīs izciršanas uz klienta pusē. 191 00:12:50,660 --> 00:12:56,750 Tiklīdz šī sīkumi nāk, 192 00:12:56,750 --> 00:13:03,500 tad jums var būt - JavaScript - jūs varat darīt pieprasījumus sienas datiem 193 00:13:03,500 --> 00:13:08,740 un sīkumi, piemēram, ka, un pēc tam serveris ir būtībā tikai darot datu bāzes vaicājumu 194 00:13:08,740 --> 00:13:10,740 un pārbaudot atļaujas. 195 00:13:10,740 --> 00:13:16,690 Vienīgais svarīga lieta ir tā, ka nevar nosūtīt pa kādu citu lietotāju sienu posts 196 00:13:16,690 --> 00:13:19,220 ka jūs nav atļauts redzēt. 197 00:13:19,220 --> 00:13:28,050 Pamatā var ļoti plānas piekļuves slānis ar savu datu bāzi, 198 00:13:28,050 --> 00:13:32,820 un tad visi parāda datus, - visus viedokļus un stuff - 199 00:13:32,820 --> 00:13:37,280 tie var notikt jūsu pārlūkprogrammā, un tad, kad jūs vēlaties, lai pastu vai kaut ko 200 00:13:37,280 --> 00:13:40,000 jūs vienkārši nosūtīt citu pieprasījumu. 201 00:13:40,000 --> 00:13:45,350 >> Tur ir arī dažas fancy stuff, jūs varat darīt, virsū to. 202 00:13:45,350 --> 00:13:49,550 Runājot par detalizētāku tehnisko informāciju, 203 00:13:49,550 --> 00:13:53,360 attīstās vienkāršā JavaScript var būt nedaudz sāpīgi, 204 00:13:53,360 --> 00:13:56,220 tāpēc ir dažas bibliotēkas un rīkus, kas palīdzēs jums daudz ar to. 205 00:13:56,220 --> 00:14:03,690 Es domāju, ka jūs visi esam dzirdējuši par jQuery, kas padara darot HTML izciršanas 206 00:14:03,690 --> 00:14:08,890 un manipulācijas daudz vieglāk - ir daudz iedomātā funkcijām izbalēšanu iekšā un ārā, 207 00:14:08,890 --> 00:14:12,020 un darot enerģisks animācijas. 208 00:14:12,020 --> 00:14:13,720 Tur ir arī šī bibliotēka sauc Underscore.js. 209 00:14:13,720 --> 00:14:20,760 Tā ir daudz noderīgu komunālo funkciju, sīkumi, ka jūs varētu sagaidīt JavaScript lai būtu 210 00:14:20,760 --> 00:14:24,740 ka tas tiešām doesn't - lietas, piemēram, shuffling masīvs, 211 00:14:24,740 --> 00:14:28,900 noņemot dublikātus no saraksta, vai līdzināšanas sarakstu sarakstos. 212 00:14:28,900 --> 00:14:30,900 Šis ir tikai neliels koda paraugs. 213 00:14:30,900 --> 00:14:36,520 Pasvītrojums ir ton šo jauku funkcijas, kuras vēlas jums būs visu laiku. 214 00:14:36,520 --> 00:14:38,840 >> Un tad tur ir 1 bibliotēka, ka es gribētu pavadīt mazliet laika 215 00:14:38,840 --> 00:14:44,800 sauc Backbone.js jo mugurkauls tiešām palīdz jums tikt galā ar modeļiem klienta pusē 216 00:14:44,800 --> 00:14:47,210 un daudz neskaidrības, kas var izraisīt. 217 00:14:47,210 --> 00:14:53,550 Mugurkauls dod jums šo jēdzienu modeļu un kolekcijas 218 00:14:53,550 --> 00:14:58,300 JavaScript kuras pamatā tieši tāpat JavaScript objektu 219 00:14:58,300 --> 00:15:04,900 JavaScript masīvi, bet tie ir notikumi, kad jūs mainīt savas īpašības. 220 00:15:04,900 --> 00:15:09,090 Tāpat kā JavaScript, jums var būt gadījumā, kad poga izpaužas noklikšķinājuši vai kaut ko 221 00:15:09,090 --> 00:15:14,800 šie mugurkaulu modeļi un mugurkaulu kolekcijas raidījums lietas, piemēram, 222 00:15:14,800 --> 00:15:17,510 ka tad, kad tās mainās. 223 00:15:17,510 --> 00:15:22,270 Tas nozīmē, ka jūs varat vienkārši rakstīt kaut ko līdzīgu šo koda fragmentu šeit - 224 00:15:22,270 --> 00:15:27,530 tas saka, kad jūs pievienot kaut ko amatiem masīva jūs ievilktu visu sienu. 225 00:15:27,530 --> 00:15:34,270 Un tas būtu teikt, kad amatu ir vairāki patīk mainās, 226 00:15:34,270 --> 00:15:38,970 Jums paziņot lietotājam, ka kāds patika viņu amatu. 227 00:15:38,970 --> 00:15:45,210 Vai tad, ja kāds īpašums amatu izmaiņas jūs ievilktu pa pārliktni. 228 00:15:45,210 --> 00:15:51,050 Sīkumi, piemēram, ka ietaupīs jums t sarežģītības, jo pretējā gadījumā 229 00:15:51,050 --> 00:15:55,440 ja jums nav dažus tiesiskā regulējuma kā šis, tad katru reizi, kad jūsu kodu, ka jūs mainīt 230 00:15:55,440 --> 00:16:04,280 kaut ko par amatu, jūs ir jāatceras sevi, lai izsauktu visus padara funkcijas 231 00:16:04,280 --> 00:16:07,680 un sīkumi, piemēram, ka, un, ja vēlaties pievienot kaut ko jaunu, kas notika 232 00:16:07,680 --> 00:16:10,680 katru reizi, kad pārveidots amatu jūs iet caur katru vietu savā 233 00:16:10,680 --> 00:16:14,610 kodu, kas jums modificēta pastu un piebilst, ka jauna lieta. 234 00:16:14,610 --> 00:16:21,450 Regulējums, piemēram, tas noņems daudz, ka starp slānim komunikācijas 235 00:16:21,450 --> 00:16:28,280 kas padara jūsu kods sarežģīta un grūti saglabāt. 236 00:16:28,280 --> 00:16:31,170 >> Tur ir mazliet par viedokļiem arī. 237 00:16:31,170 --> 00:16:35,960 Es esmu gatavojas atstāt lielāko daļu no to Billy jo viņi tehniski nav ļoti grūti. 238 00:16:35,960 --> 00:16:43,540 Izmantot jQuery jūsu viedokli. Tas ir gandrīz kā nepieciešamību šajā brīdī. 239 00:16:43,540 --> 00:16:46,290 Tas tikai padara visu tik daudz vieglāk. 240 00:16:46,290 --> 00:16:48,290 Ir daudz bibliotēku. 241 00:16:48,290 --> 00:16:49,970 Ja jums ir sarežģīta lietotāja interfeisa elementus, 242 00:16:49,970 --> 00:16:57,250 ja jūs vēlaties, auto-pilnīgs, kaut vai, piemēram, vienu no šiem iedomātā vairāku selektori - 243 00:16:57,250 --> 00:17:04,790 Ja jūs vēlaties kaut ko, piemēram, ka, jums, iespējams, vienkārši meklēt ap 244 00:17:04,790 --> 00:17:08,130 un jūs varat atrast labu bibliotēku, kas darīs to, ko jūs vēlaties. 245 00:17:08,130 --> 00:17:11,579 Billy izskaidros vairāk par faktiski grūtajos daļas viedokli. 246 00:17:11,579 --> 00:17:17,530 Tāpat kā sānu piezīmi, mugurkauls ir dažas funkcijas, lai padarītu viedokli zināmu 247 00:17:17,530 --> 00:17:22,800 labi ar modeļiem - apskatīt dokumentāciju visiem šiem bibliotēkām, faktiski. 248 00:17:22,800 --> 00:17:28,270 Paskatieties docs. Viņi ir ļoti labi uzrakstīts un viegli sekot. 249 00:17:28,270 --> 00:17:33,890 Vispār, jūs varat diezgan daudz tikai Google, ja jums ir problēmas. 250 00:17:33,890 --> 00:17:36,370 Ir daudzi cilvēki, izmantojot tos. 251 00:17:36,370 --> 00:17:42,020 Es domāju, ka tas ir gala piezīmi. 252 00:17:42,020 --> 00:17:48,770 >> Ir arī dažas īpašas lietas, ko jūs varat darīt, 253 00:17:48,770 --> 00:17:53,400 Ja jūs meklējat, lai padarītu jūsu mājas app papildus awesome. 254 00:17:53,400 --> 00:17:59,760 Jūs varat darīt - jaunā HTML5 specifikācija ir daudz iedomātā lietas jūs varat darīt. 255 00:17:59,760 --> 00:18:05,780 Vietējā atmiņa - kas var glabāt datus pārlūkā - 256 00:18:05,780 --> 00:18:09,470 nevis doties atpakaļ un iepazīties serveri par visu, 257 00:18:09,470 --> 00:18:12,470 Jūs varat saglabāt dažus no tā uz klientu un ka pat ļauj cilvēkiem - 258 00:18:12,470 --> 00:18:20,850 Dažos gadījumos tas var pat ļauj jums izmantot tīmekļa lapas bezsaistē. 259 00:18:20,850 --> 00:18:26,980 Tur tas ir lieta, ko sauc WebSockets kas ir dažāda veida tīkla komunikācija 260 00:18:26,980 --> 00:18:30,930 kurā vietā, tikai jūs veicat vienu pieprasījumu, jūs saņemsiet atbildi, un tas ir paveikts, 261 00:18:30,930 --> 00:18:35,240 jūs turēt atvērtu savienojumu ar serveri, un lai jūs varētu darīt lietas, piemēram, 262 00:18:35,240 --> 00:18:37,240 reālā laika atjauninājumus. 263 00:18:37,240 --> 00:18:42,020 Tātad, ja jūs mēģināt veikt tērzēšanas app, jūs varētu izmantot WebSockets 264 00:18:42,020 --> 00:18:43,790 komunicēt un atpakaļ, lai jūs nebūtu, lai saglabātu pieprasot, 265 00:18:43,790 --> 00:18:48,410 "Ak, serveris, vai kāds sūtīt man čatu?" Ik pēc 10 sekundēm vai kaut ko. 266 00:18:48,410 --> 00:18:55,620 Tur ir arī interesanta HTML5 funkcija, kur jūs varat padarīt to izskatās 267 00:18:55,620 --> 00:18:58,340 URL lapas mainās, nekad ņemot patiešām ievietojiet to. 268 00:18:58,340 --> 00:19:03,230 Jūs varat izmantot atpakaļ un uz priekšu pogas bez darot ķekars tīkla pieprasījumiem. 269 00:19:03,230 --> 00:19:14,660 Sīkumi, piemēram, ka ir ļoti noderīga, lai padarītu to ātri, bet arī strādāt kā web app vajadzētu. 270 00:19:14,660 --> 00:19:17,680 >> Tur ir arī šī lieta, ko sauc CoffeeScript. 271 00:19:17,680 --> 00:19:24,450 CoffeeScript ir atšķirīga valoda, patiesībā, kas apkopo līdz JavaScript. 272 00:19:24,450 --> 00:19:30,080 Jūs varētu rakstīt visu savu kodu CoffeeScript, un tad palaist šo kompilatoru, 273 00:19:30,080 --> 00:19:33,300 un tas atklepo JavaScript failu, jūs varat iekļaut savā mājas lapā. 274 00:19:33,300 --> 00:19:38,860 Iemesls, ka CoffeeScript ir jauki, jo tas izpaužas atbrīvoties no daudz 275 00:19:38,860 --> 00:19:44,760 dīvaini gadījumi, ka JavaScript ir kur vienāds vienāds, 276 00:19:44,760 --> 00:19:51,130 un vienāds vienāds darīt dažādas lietas, vai patīk - 277 00:19:51,130 --> 00:19:55,740 tas ir nicer sintakse, kas nodarbojas ar masīviem un funkcijām. 278 00:19:55,740 --> 00:20:00,460 Tas ir nedaudz fragments CoffeeScript kas ražo sarakstu ar visiem kvadrātu 279 00:20:00,460 --> 00:20:04,900 no 10 ^ 2 pret 1 ^ 2 apgrieztā secībā. 280 00:20:04,900 --> 00:20:08,410 Kā jūs varat redzēt, CoffeeScript bieži ļauj izteikt 1 rindā 281 00:20:08,410 --> 00:20:10,890 ko varētu veikt 5 rindiņas JavaScript. 282 00:20:10,890 --> 00:20:13,230 To var darīt lietas daudz vieglāk. 283 00:20:13,230 --> 00:20:15,390 Tas ir mazliet par jaunu sintakses mācīties sākumā, 284 00:20:15,390 --> 00:20:18,010 bet tas noteikti dos jums vairāk produktīvu ilgtermiņā. 285 00:20:18,010 --> 00:20:22,050 >> Jūs varat arī izmantot citas valodas uz servera, nekā PHP - 286 00:20:22,050 --> 00:20:27,570 valodas, piemēram, Ruby, Python, vai tur pat projekts ar nosaukumu node.js 287 00:20:27,570 --> 00:20:31,450 , kas ļaus jums izmantot JavaScript uz servera. 288 00:20:31,450 --> 00:20:34,700 Personīgi, es tiešām, tiešām ienīst PHP. 289 00:20:34,700 --> 00:20:38,310 Man vienkārši nepatīk strādāt ar to. 290 00:20:38,310 --> 00:20:43,450 Ja arī jūs domājat, ka tas ir šausmīgs cluge no valodas, 291 00:20:43,450 --> 00:20:46,160 tad jūs varat izmantot vienu no šiem vietā. 292 00:20:46,160 --> 00:20:54,780 Vispār, ja jūs vēlaties darīt kaut ko, un jums nav tiešām zināt, kā jūs varētu darīt to, 293 00:20:54,780 --> 00:20:56,780 tikai meklēt internetā. 294 00:20:56,780 --> 00:20:59,990 Ir tonnas un tonnas resursu, jo īpaši attiecībā uz - 295 00:20:59,990 --> 00:21:03,260 StackOverflow ir liels vienu. 296 00:21:03,260 --> 00:21:06,400 Tā tas ir mājas, kur programmētāji uzdot viens otram jautājumus. 297 00:21:06,400 --> 00:21:09,690 Jums varētu būt uzskriet tā, ja jums bija, kam problēmas par CS50 problēmu kopas. 298 00:21:09,690 --> 00:21:16,820 Un tur ir t bibliotēkās dara diezgan daudz kaut ko jūs vēlaties. 299 00:21:16,820 --> 00:21:21,710 Ja jūs vēlaties darīt kaut ko, un jūs nezināt, kā to izdarīt, 300 00:21:21,710 --> 00:21:23,710 neuzskatiet, ka tas ir neiespējami. 301 00:21:23,710 --> 00:21:26,160 Paskatieties apkārt un jūs varētu atrast dažas labas resursus. 302 00:21:26,160 --> 00:21:29,280 >> Kā vispārējs satīt, 303 00:21:29,280 --> 00:21:33,650 galvenie takeaways ir saglabāt lietas vienkārši. 304 00:21:33,650 --> 00:21:36,010 Sarežģītāka jūsu kods ir sākumā 305 00:21:36,010 --> 00:21:40,370 un vairāk jūs mēģināt un darīt fancy stuff, 306 00:21:40,370 --> 00:21:43,300 ilgāk tā veiks, lai saņemtu kaut ko reāli funkcionējošu 307 00:21:43,300 --> 00:21:46,480 un grūtāk būs mainīt vēlāk. 308 00:21:46,480 --> 00:21:49,580 Tātad, darīt lietas, mēms, vienkāršu veidu pirmās. 309 00:21:49,580 --> 00:21:51,720 Lai iet kopā ar to, 310 00:21:51,720 --> 00:21:59,070 nav bail no throwing prom veco kodu vai tīrīšanas to daudz. 311 00:21:59,070 --> 00:22:05,320 Parasti, kad jūs faktiski ir kaut kas strādā, 312 00:22:05,320 --> 00:22:09,640 tas ir daudz vieglāk domāt par to, kā tad, kad jūs vēl sākuma stadijā 313 00:22:09,640 --> 00:22:12,610 par to, kā es varu īstenot šo visu kopā. 314 00:22:12,610 --> 00:22:17,500 Tas ir labākais, lai radītu pēc iespējas dumbest dizainu, kas strādā 315 00:22:17,500 --> 00:22:22,270 un tad uzlabot iteratīvi nekā mēģināt iegūt viss labi pirmo reizi. 316 00:22:22,270 --> 00:22:28,330 Attiecībā uz klienta-servera rajons, izmēģināt un saglabāt savu serveri ir ļoti vienkāršs - 317 00:22:28,330 --> 00:22:33,030 tikai datubāzes un daži autentifikācijas un nerāda nekādu smago darbu tur. 318 00:22:33,030 --> 00:22:37,540 Darīt visu jūsu sarežģīta stuff klienta pusē pārlūkā 319 00:22:37,540 --> 00:22:40,650 JavaScript, cik vien iespējams. 320 00:22:40,650 --> 00:22:43,420 Paskatīties uz bibliotēkām, kas padara jūsu dzīvi labāku. 321 00:22:43,420 --> 00:22:46,850 Vienmēr labāk izmantot kodu, kāds cits rakstīja 322 00:22:46,850 --> 00:22:49,850 Ja jums - un nevis rakstīt pats. 323 00:22:49,850 --> 00:22:57,560 Tur ir daudz stuff internetā. Google ir jūsu labākais draugs. 324 00:22:57,560 --> 00:22:59,560 Google ir programmētāja labākais draugs. 325 00:22:59,560 --> 00:23:07,620 Jā, noteikti nav jābaidās paskatīties uz lietām. 326 00:23:07,620 --> 00:23:11,860 Labi. Un pār Billy. 327 00:23:11,860 --> 00:23:14,600 >> [Billy] Patiesībā, pirms es sāku ar kādu dizaina sīkumi, 328 00:23:14,600 --> 00:23:17,250 Vai kāds ir kādi jautājumi par ben par kaut ko, ka viņš runāja par to? 329 00:23:17,250 --> 00:23:20,290 Labi, labi. 330 00:23:20,290 --> 00:23:22,220 Atkal, ļaujiet mums zināt, ja kaut kas nav skaidrs, 331 00:23:22,220 --> 00:23:25,420 vai, ja jūs vēlaties, lai mēs iet pār kaut ko nedaudz vairāk. 332 00:23:25,420 --> 00:23:30,330 Es esmu gatavojas soli atpakaļ mazliet, un runāt par to vairāk pamata daļas dizains. 333 00:23:30,330 --> 00:23:34,840 Ben minēja modeli sauc - sorry, modelis kontrolieris skats sistēma 334 00:23:34,840 --> 00:23:38,520 kas ir sava veida tehnisko aspektu, tāpēc es esmu gatavojas apskatīt skatiem īpaši, 335 00:23:38,520 --> 00:23:42,930 un es esmu gatavojas sākt ar to, kā jūs veidot viedokli, ka izskatās jauki. 336 00:23:42,930 --> 00:23:50,540 Šeit ir sava veida ļoti pamata veidni mūsu Cat Facebook. 337 00:23:50,540 --> 00:23:54,190 Es domāju, ka ir daži pamati mūsdienu UI dizaina 338 00:23:54,190 --> 00:23:56,190 ka ir vērts pacelt. 339 00:23:56,190 --> 00:23:58,210 Jūs varat pamanīt tur ir daudz balto laukumu visā lapā, 340 00:23:58,210 --> 00:24:00,790 daudz vietas lietām. 341 00:24:00,790 --> 00:24:02,580 Nav justies kā jums ir skvošs lietas vērā lapā. 342 00:24:02,580 --> 00:24:06,700 Vēlaties atstāt daudz vietas atvērtas, un, ja jūs doties uz gandrīz jebkuru mūsdienu mājas lapā 343 00:24:06,700 --> 00:24:08,380 jūs redzēsiet tur ir balta visur. 344 00:24:08,380 --> 00:24:10,380 Tur ir balta vietās jūs nevarētu gaidīt. 345 00:24:10,380 --> 00:24:14,570 Esat šo krāsu paleti, un tas ir gudrs sākumā 346 00:24:14,570 --> 00:24:17,880 izvēlēties krāsu paleti, kas jūs gatavojas strādāt un attīstīties. 347 00:24:17,880 --> 00:24:22,250 Jūs arī - tas palīdz izvēlēties burtveidolu, un tādā veidā jūs esat veida darbam ar 348 00:24:22,250 --> 00:24:24,450 šie konkrētie pamati dizainu. 349 00:24:24,450 --> 00:24:26,910 Jums ir savu veidu, jums ir jūsu krāsas, un tad jūs varat veida 350 00:24:26,910 --> 00:24:29,380 ietilptu viss cits, kā nepieciešams. 351 00:24:29,380 --> 00:24:37,710 Tātad, kā jau teicu, ar savu krāsu shēmu, jūs vēlaties izmantot drosmīgāki krāsas jūsu krāsu shēmu 352 00:24:37,710 --> 00:24:40,320 taupīgi. Galvenes ir jauki. Pogas ir jauki, ir patiešām liels, spilgts krāsu. 353 00:24:40,320 --> 00:24:43,710 Bet vispār, ja jums ir mājas lapā, kas ir krāsas visur, 354 00:24:43,710 --> 00:24:47,250 visi skatās jūs sejas, tas tikai izskatās pārblīvēta, un tas nav labi. 355 00:24:47,250 --> 00:24:50,430 Jūs vēlaties parasti izmanto gaišos toņos. 356 00:24:50,430 --> 00:24:52,890 Mēģiniet vēlreiz, izvēlēties diezgan saskaņotu krāsu shēmu. 357 00:24:52,890 --> 00:24:56,640 Jūs varat būt šo maz šļakatu daudz krāsu - 358 00:24:56,640 --> 00:25:00,240 tas var izskatīties diezgan jauki, bet jūs vēlaties, lai tos izmantotu diezgan taupīgi. 359 00:25:00,240 --> 00:25:04,270 >> Kā jau es teicu, jūs vēlaties būt minimāla. Mazāk ir gandrīz vienmēr ir vairāk. 360 00:25:04,270 --> 00:25:07,430 Ja jūs varat parādīt kaut vai nerāda kaut ko, 361 00:25:07,430 --> 00:25:10,230 un jūs esat veida pārliecināts, vai tas ir tur pēc noklusējuma - 362 00:25:10,230 --> 00:25:13,400 iespējams, jūs esat labākais off atstājot to ārā. Jūs vienmēr varat pievienot to vēlāk. 363 00:25:13,400 --> 00:25:16,620 Jā, saglabāt lietas vienkārši. 364 00:25:16,620 --> 00:25:19,510 Bet pats galvenais, jūs varat apsvērt vairākus dizainu. 365 00:25:19,510 --> 00:25:23,520 Nedomāju, ka tad, kad jūs veicat vietnes, jums ir to savā galvā, ka jūs gatavojas 366 00:25:23,520 --> 00:25:26,310 padarīt vietni noteiktā veidā, un tas notiek, lai izskatās tieši tāpat kā šis. 367 00:25:26,310 --> 00:25:29,830 Tas nāksies zilo galvenes augšā un zilā sānu joslu 368 00:25:29,830 --> 00:25:32,670 un pēc tam yellow sub-header lieta. 369 00:25:32,670 --> 00:25:34,670 Jūs vēlaties, lai vairākas veidnes. 370 00:25:34,670 --> 00:25:37,350 Jūs varat vai nu - ja jūs esat labs ar Photo Shop, jūs varat atvērt, kas veido un veida 371 00:25:37,350 --> 00:25:39,600 dizains mājas lapā, kā jūs vēlaties to apskatīt. 372 00:25:39,600 --> 00:25:41,680 Ja ne, jūs varat izmantot pildspalvu un papīru, 373 00:25:41,680 --> 00:25:44,000 bet ieskrāpēt up vairākus dizainu. 374 00:25:44,000 --> 00:25:47,000 Jūs vēlaties, lai būtībā ir izveidot, ja jums ir daudz dažādu dizainu, 375 00:25:47,000 --> 00:25:50,810 un, ja kāds nonāk darba, tad tas ir lieliski. 376 00:25:50,810 --> 00:25:53,370 Ja viens beidzas nesekmīgi, tad jūs vienmēr ir vēl viens pie kā vērsties. 377 00:25:53,370 --> 00:25:57,960 Vispār, nav justies kā jums ir ierobežots 378 00:25:57,960 --> 00:26:00,830 lai neatkarīgi no dizaina jūs sākotnēji izlemt par. 379 00:26:00,830 --> 00:26:04,420 Dizains ir ļoti mainīgs, un daļa no to, cik svarīgi modeļa 380 00:26:04,420 --> 00:26:09,480 kontrolieris viedoklis sistēma ir, ka jūs varat mijmaiņas un dažādus viedokļus, ko vēlaties. 381 00:26:09,480 --> 00:26:13,510 Jūs varat šūpoties uz datiem vienā virzienā, un tad izlemt, ak, patiesībā, tas nedarbojas, ka labi. 382 00:26:13,510 --> 00:26:19,190 Es domāju, ka tas ir sava veida pārāk sarežģīts vai tur daļa, šeit, ka nav īsti strādāt, 383 00:26:19,190 --> 00:26:22,150 tāpēc es esmu tikai gatavojas pilnībā atteikties no šo viedokli un mijmaiņas ar pilnīgi jaunu. 384 00:26:22,150 --> 00:26:24,790 Mēs joprojām varam lietot veco modeļus un veco kontrolieriem. 385 00:26:24,790 --> 00:26:27,490 Mēs varam darīt visu uz servera un klientu, kā mēs to agrāk. 386 00:26:27,490 --> 00:26:32,850 Bet faktiskais vilnis datu kā redzams būs nedaudz atšķirīga. 387 00:26:32,850 --> 00:26:35,840 >> Ciktāl faktiski īsteno dizaina, kuru vēlaties, 388 00:26:35,840 --> 00:26:39,330 pēc tam, kad jums ir dažas dizaina ieskicēts uz papīra vai Photo Shop vai kāds, 389 00:26:39,330 --> 00:26:42,120 ir vairāki instrumenti, kas ir pieejami Jums. 390 00:26:42,120 --> 00:26:45,700 Pirmais jūs esat ļoti labi pārzina, kas ir jūsu HTML, PHP, vai kāds 391 00:26:45,700 --> 00:26:48,990 valodu jūs izmantojat tikai kodu statiskās lapas jūsu mājas lapā. 392 00:26:48,990 --> 00:26:51,990 Jūs esat strādājis daudz ar HTML, kāds dod jums šos tagus 393 00:26:51,990 --> 00:26:57,820 ka jūs varat ielikt lietas, un būtībā tas ir veids, kā organizēt savu saturu. 394 00:26:57,820 --> 00:27:00,990 Piemēram, jums ir galveni tur, tāpēc jums nāksies galvenes tagu, 395 00:27:00,990 --> 00:27:05,770 un tā nāksies kādu tekstu iekšpusē no tā, kas ir iespējams, būs citā tag. 396 00:27:05,770 --> 00:27:08,380 Tad jums ir sānjoslas varbūt ar dažiem dažādas saites, 397 00:27:08,380 --> 00:27:10,160 un tiem gatavojas visi ir atsevišķās tagus. 398 00:27:10,160 --> 00:27:13,870 Tātad, būtībā HTML savā sirdī, ir veids, kā sadalīt lapu, kā 399 00:27:13,870 --> 00:27:16,980 Jūs, iespējams, vēlaties formatēt to. 400 00:27:16,980 --> 00:27:18,980 Tātad atkal, jūs esat redzējis, ka pirms tam. 401 00:27:18,980 --> 00:27:20,540 Tu esi diezgan apmierināti ar darbu ar to tagad 402 00:27:20,540 --> 00:27:23,120 ņemot vērā, ka jūs esat darījuši pēdējo PSET cerams, 403 00:27:23,120 --> 00:27:26,150 tā, ka nevajadzētu būt problēmu. 404 00:27:26,150 --> 00:27:31,280 >> Tad jums ir CSS, kas būtībā rīkojas visas konstrukcijas statisko aspektiem. 405 00:27:31,280 --> 00:27:35,320 Tas rokturis visas krāsas, visas pozicionēšanai dažādiem elementiem, 406 00:27:35,320 --> 00:27:36,840 kur tie pāriet attiecībā viens pret otru, 407 00:27:36,840 --> 00:27:41,530 cik lielas tās ir, dažāda veida positionings, ka jūs varētu būt - 408 00:27:41,530 --> 00:27:46,030 citiem vārdiem sakot, jums var būt lietas, nostiprināti tā, ka tad, kad jūs ritiniet uz leju tie paliek, 409 00:27:46,030 --> 00:27:48,700 vai arī jums var būt lietas, salīdzinājumā ar citiem elementiem. 410 00:27:48,700 --> 00:27:50,730 Visi šāda veida stuff ir CSS. 411 00:27:50,730 --> 00:27:54,630 Turklāt, jūs varat darīt dažādas rotājumi, jums var būt teksta krāsas, 412 00:27:54,630 --> 00:27:56,630 teksta efekti, visi šāda veida stuff. 413 00:27:56,630 --> 00:28:00,360 Ben deva patiešām labu semināru par šī pēdējā nedēļas nogalē, 414 00:28:00,360 --> 00:28:04,450 un tāpēc es noteikti pārliecinieties, ka, ja jūs plānojat darīt dažas fancy lietas ar CSS. 415 00:28:04,450 --> 00:28:09,850 CSS3 ir faktiski jaunākā versija CSS, un to var darīt visu veidu patiešām labas lietas. 416 00:28:09,850 --> 00:28:14,750 To var darīt, slīpumi, jums var būt jauka, noapaļoti stūri, jūs varat darīt visu veidu lietas 417 00:28:14,750 --> 00:28:17,940 , lai jūsu mājas izskatās vairāk moderns un iedomātā. 418 00:28:17,940 --> 00:28:22,150 >> Nākamais rīks ir JavaScript un jQuery, kas Ben runāja mazliet par to, 419 00:28:22,150 --> 00:28:24,150 bet es nopirkšu mazliet dziļāk. 420 00:28:24,150 --> 00:28:28,100 JavaScript, kā jūs esat strādājis ar to mazliet, vai vismaz redzējis to lekciju, 421 00:28:28,100 --> 00:28:31,870 ir sava veida veids, kā dinamiski darīt lietas HTML. 422 00:28:31,870 --> 00:28:35,950 HTML, kā jūs zināt, ir nemainīga, tāpēc, kad jums ir HTML Jūs nevarat mainīt to. 423 00:28:35,950 --> 00:28:40,050 Bet JavaScript, dažos veidos, ir veids, lai varētu mainīt HTML. 424 00:28:40,050 --> 00:28:44,520 Tātad jūs varat darīt, un tas ir lieliski, bet JavaScript tiešām ir sāpes, lai strādātu ar. 425 00:28:44,520 --> 00:28:49,050 Tas ir tik garš un plats un darīt pat visvienkāršākās lietas 426 00:28:49,050 --> 00:28:51,630 prasa daudz līniju JavaScript. 427 00:28:51,630 --> 00:28:55,410 Tātad, jQuery pamatā bibliotēka JavaScript, kas vienkāršo visu to. 428 00:28:55,410 --> 00:28:59,880 Tajā teikts, labi, ja jūs vēlaties, lai būtu kvadrātveida kastē nāk no kreisās puses 429 00:28:59,880 --> 00:29:03,980 un izbalināt uz lapu, lai tā ir pa vidu, JavaScript, kas būtu jāveic - 430 00:29:03,980 --> 00:29:06,340 Es nezinu, simts līnijas to darīt, un tas varētu būt sāpes, 431 00:29:06,340 --> 00:29:10,540 un jūs iznākt no tā ienīst visu par web programmēšanu. 432 00:29:10,540 --> 00:29:15,380 JQuery jūs būtībā ir elements-dot-fade-in, vai kaut kas tamlīdzīgs. 433 00:29:15,380 --> 00:29:18,580 Tātad, ļoti, ļoti vienkāršas funkcijas, kas ļaus jums darīt visu atdzist animācijas veidu 434 00:29:18,580 --> 00:29:20,580 un ka veida lieta. 435 00:29:20,580 --> 00:29:23,300 Otra lieta, ka šie 2 ir patiešām labs ir tikai dara dinamisku lietas 436 00:29:23,300 --> 00:29:25,300 ar mājas lapā. 437 00:29:25,300 --> 00:29:28,370 Tātad, nevis tikai ar savu HTML lapu - kas parāda dažus datus, bet tas nav reāli 438 00:29:28,370 --> 00:29:32,130 kaut ko darīt - JavaScript un jQuery ļaus jums ir pogas, ka jūs varat noklikšķināt uz, 439 00:29:32,130 --> 00:29:37,960 un jūs varat vilkt elementus un atkārtoti pasūtīt un šķirot tos, un ir jauni elementi 440 00:29:37,960 --> 00:29:40,500 pievienot vai noņemt. Jūs varat pievienot, dzēst, ka veida lieta. 441 00:29:40,500 --> 00:29:44,570 Tātad, jQuery tas tonnas atdzist lietas. 442 00:29:44,570 --> 00:29:48,840 Un Vipul faktiski dod semināru par to šodien, es uzskatu, 5-pulksten 443 00:29:48,840 --> 00:29:51,220 tādēļ, ja jūs varat stick apmēram, ka ilgi, lai būtu - 5 vai 4? 444 00:29:51,220 --> 00:29:54,930 Četri. Piedodiet. Tas ir faktiski uzreiz pēc tam, tāpēc es ieteiktu 445 00:29:54,930 --> 00:29:56,680 uzlīmēšanu ap to, ja tas ir iespējams. 446 00:29:56,680 --> 00:30:00,180 JQuery ir super, super noderīga, un jūs varētu darīt daudz patiešām labas lietas, ar to 447 00:30:00,180 --> 00:30:03,460 diezgan daudz jebkuru interneta attīstības projektu. 448 00:30:03,460 --> 00:30:06,200 >> Tagad es esmu gatavojas nokļūt veida atšķirību. 449 00:30:06,200 --> 00:30:08,210 Es esmu runājis būtībā ir par lietotāja interfeisu. 450 00:30:08,210 --> 00:30:11,510 Lietotāja interfeiss ir tikai konstrukcija vietā. 451 00:30:11,510 --> 00:30:13,780 Bet tur ir sava veida cita koncepcija, kas ir lietotāju pieredzi. 452 00:30:13,780 --> 00:30:15,900 Abi ir ļoti atšķirīgi. 453 00:30:15,900 --> 00:30:19,440 Saskarne ir noteikti daļa no pieredzes. 454 00:30:19,440 --> 00:30:21,340 Citiem vārdiem sakot, ja jūs doties uz vietni, paskatās interfeisu. 455 00:30:21,340 --> 00:30:22,960 Tas ir daļa no tā, kā jūs pieredzi vietā. 456 00:30:22,960 --> 00:30:24,960 Bet lietotāju pieredzi, ir vairāk nekā to. 457 00:30:24,960 --> 00:30:29,910 Lietotāju pieredze ir par to, ko iespaids, ka lietotājs saņem no jūsu vietā ir. 458 00:30:29,910 --> 00:30:31,910 Tātad, protams, interfeiss ir daļa no tā. 459 00:30:31,910 --> 00:30:35,340 Un tas noteikti ir nepieciešama daļa, bet tas nav pietiekami. 460 00:30:35,340 --> 00:30:38,790 Citiem vārdiem sakot, ja jums ir jauka interfeiss, un tas ir diezgan un krāsains, un visu to, 461 00:30:38,790 --> 00:30:43,650 tas ir lieliski, bet, ja lietotājs iet uz jūsu vietni, redz diezgan izkārtojumu un tas mulsina 462 00:30:43,650 --> 00:30:47,060 viss, nav ne jausmas, kā kaut ko darīt, tad protams, jūs esat veikuši patiešām 463 00:30:47,060 --> 00:30:48,930 slikta mājas lapā. 464 00:30:48,930 --> 00:30:50,930 Tas ir sava veida, kur lietotājs pieredze nāk collas 465 00:30:50,930 --> 00:30:54,570 Es esmu gatavojas runāt mazliet par UX dizains - UX ir īss lietotāju pieredzi - 466 00:30:54,570 --> 00:30:58,050 un veids, kā jūs varat pārliecināties, ka jums ir laba lietotāja pieredzi. 467 00:30:58,050 --> 00:31:04,330 Pirmais ir tas, ka jūs varat dizains mājas lapu, kurā lietotājs var darīt jebko, 468 00:31:04,330 --> 00:31:06,820 ka lietotājs, iespējams, vēlas. 469 00:31:06,820 --> 00:31:08,940 Bet, ja lietotājs nevar izdomāt, kā to darīt tās lietas - 470 00:31:08,940 --> 00:31:12,850 citiem vārdiem sakot, ja lietotājs nav laba ideja, kad viņi iet uz savu vietu, 471 00:31:12,850 --> 00:31:17,660 "Ak, ja es gribu, lai atjauninātu savu profilu, tad es noklikšķiniet uz šīs pogas, vai, ja es vēlos ievietot 472 00:31:17,660 --> 00:31:20,850 kāds ir siena, tad es eju uz to sienu, un noklikšķiniet uz mazā kastīte. " 473 00:31:20,850 --> 00:31:24,410 Ja lietotājs nezina, ka, tad jūs faktiski ir faktiski nav 474 00:31:24,410 --> 00:31:27,080 īsteno šo funkcionalitāti pareizi. 475 00:31:27,080 --> 00:31:30,900 Daļa, īstenojot funkcionalitāti, ir tas, ka lietotāji varētu faktiski izmantot. 476 00:31:30,900 --> 00:31:34,810 Un tas varētu būt apgrūtinoši - jūs varētu veikt vietā, un to var darīt visu veidu 477 00:31:34,810 --> 00:31:37,810 brīnišķīgas lietas, bet tad jums ir cilvēki, pārbaudīt to un saka: "To nevar izdarīt. 478 00:31:37,810 --> 00:31:39,770 Kāpēc nevar to darīt? ", Un jums teikt atpakaļ uz tiem, 479 00:31:39,770 --> 00:31:44,420 "Nu, tas var. Jums tikai jādodas uz 7 nolaižamajā izvēlnē par šo neskaidra 480 00:31:44,420 --> 00:31:48,470 lapa, kas ir atrodama tikai ar saiti pie apakšējā labajā stūrī ", vai kaut ko. 481 00:31:48,470 --> 00:31:50,430 Protams, jūs nevēlaties, ka. 482 00:31:50,430 --> 00:31:53,420 Jūs vēlaties, lai būtu skaidrs, lietotājiem to, ko viņi vajadzēja darīt, 483 00:31:53,420 --> 00:31:56,240 un tā būtu vienkārša un intuitīva tiem. 484 00:31:56,240 --> 00:32:01,180 >> Vēl viena lieta, ka jūs vēlaties, lai mēģinātu to darīt, ir, ja kāds ir gatavojas iet uz jūsu vietni 485 00:32:01,180 --> 00:32:05,520 un 9 no 10 reizes do rīcības A, un 1 no 10 reizes do rīcības B, 486 00:32:05,520 --> 00:32:08,950 jūs droši vien vēlaties, lai koncentrētos savu pieredzi par rīcību A. 487 00:32:08,950 --> 00:32:12,240 Citiem vārdiem sakot, jūs vēlaties, lai būtu ļoti, ļoti skaidrs, kā to izdarīt A. 488 00:32:12,240 --> 00:32:15,980 Jābūt priekšā un centrā - doties uz vietni, redzēt to, ak, tas ir labi tur. 489 00:32:15,980 --> 00:32:20,850 Tā kā B protams, jūs vēlaties, lai būtu skaidrs, bet jūs varat atstāt to mazliet vairāk 490 00:32:20,850 --> 00:32:22,850 fonā. 491 00:32:22,850 --> 00:32:24,640 David sniedz labu piemēru par šo lekciju, 492 00:32:24,640 --> 00:32:26,640 kas ir Boston T sistēmu. 493 00:32:26,640 --> 00:32:29,440 Kad jūs doties uz Bostonas T, un jūs vēlaties iegādāties biļeti, 494 00:32:29,440 --> 00:32:32,700 Jums ir nokļūt 5 izvēlnes, pirms jūs faktiski var iegādāties biļeti 495 00:32:32,700 --> 00:32:37,130 par $ 2, $ 2,50 vērtībā, kas ir, cik daudz tas nepieciešams, lai braukt ar metro 496 00:32:37,130 --> 00:32:39,130 vienā virzienā. 497 00:32:39,130 --> 00:32:41,600 Tas ir problēma, jo lielākā daļa cilvēku, kas ir izjādes metro 498 00:32:41,600 --> 00:32:44,880 iespējams, vienkārši vēlaties doties uz vienu vietu, iegādāties savu biļeti, saņemt par uzreiz. 499 00:32:44,880 --> 00:32:47,550 Tas nav jēgas, ka tie iet cauri daudz dažādām izvēlnēm 500 00:32:47,550 --> 00:32:49,550 tur nokļūt. 501 00:32:49,550 --> 00:32:51,760 Labāku lietotāju pieredzi, būtu ātri pogas pirmajā lapā 502 00:32:51,760 --> 00:32:54,760 tas vienkārši saka, "pirkt vienvirziena biļeti", un kas liktu visās standarta 503 00:32:54,760 --> 00:32:58,550 standartvērtības, un tad, ja kāds vēlas nopirkt citu biļeti, nekā tas, 504 00:32:58,550 --> 00:33:01,690 viņi joprojām, protams, ir iespēja, bet jūs esat optimizēta 505 00:33:01,690 --> 00:33:04,080 kopīgā izmantošanas gadījumu, kas ir ļoti svarīgi. 506 00:33:04,080 --> 00:33:06,830 Jūs varat redzēt piemērus par Facebook, vai ne? 507 00:33:06,830 --> 00:33:09,410 Ja jūs iet uz Facebook, un jūs vēlaties, lai post statusu, 508 00:33:09,410 --> 00:33:11,710 tas ir labi, augšā, kas ir tas, ko jūs bieži vēlaties darīt. 509 00:33:11,710 --> 00:33:14,730 Tiklīdz ievadāt lapā, jūs varat darīt, visbiežāk lietām, kas 510 00:33:14,730 --> 00:33:16,730 jūs vēlaties darīt. 511 00:33:16,730 --> 00:33:17,550 Ja jūs vēlaties darīt nedaudz sarežģītākas lietas, piemēram, 512 00:33:17,550 --> 00:33:21,070 teikt, es gribu iet uz mana drauga sienām un post priekšstatu par to - 513 00:33:21,070 --> 00:33:24,810 ko es jums gribu darīt bieži, bet ne tik bieži, cik norīkošanu statusa atjauninājumus - 514 00:33:24,810 --> 00:33:28,200 Tātad šajā gadījumā, es ierakstiet savu vārdu lodziņā augšpusē, noklikšķiniet uz savu profilu, 515 00:33:28,200 --> 00:33:31,680 un tad vēl, tas ir labi, augšā tur, kad es esmu gotten savu profilu. 516 00:33:31,680 --> 00:33:38,240 Atkal, es esmu optimizēta prioritāti visbiežāk izmantošanas gadījumiem. 517 00:33:38,240 --> 00:33:41,800 >> Vēl viena svarīga lieta ir tā, ka bieži vien cilvēki veida mēģināt iegūt ap šo 518 00:33:41,800 --> 00:33:44,890 sakot, labi, tāpēc es esmu, kas vietu, un cilvēki ir atrast to mulsinoši, 519 00:33:44,890 --> 00:33:46,110 un tas ir problēma, vai ne? 520 00:33:46,110 --> 00:33:49,210 Protams, es nevēlos, lai cilvēki, kas var sajaukt ar satura manā vietā. 521 00:33:49,210 --> 00:33:53,210 Bet gan veids, kā atrisināt šo ir, ka nav kaut kas pop up sakot, 522 00:33:53,210 --> 00:33:55,290 hey, es esmu gatavojas mācīt jūs, kā izmantot šo vietni. 523 00:33:55,290 --> 00:33:58,130 Solis 1 - noklikšķiniet uz šīs pogas. Solis 2 - dodieties šeit. 524 00:33:58,130 --> 00:34:03,080 Protams, tas ir veids, kā ap to - tas ir tā, ka jūs varat pateikt cilvēkiem to, ko darīt, bet tas ir 525 00:34:03,080 --> 00:34:05,080 tiešām nav optimāls veids. 526 00:34:05,080 --> 00:34:07,420 Ja es iet uz mājas lapā, un pēkšņi es esmu bombarded ar šo pamācību, kas ir spēcīgi mani 527 00:34:07,420 --> 00:34:11,739 , ko darīt un kur iet un tas viss, tas nav jautri man. 528 00:34:11,739 --> 00:34:13,739 Tā nav laba pieredze man. 529 00:34:13,739 --> 00:34:17,130 Tas ir sava veida sāpes. Es gribu, lai tikai sākt darīt lietas. 530 00:34:17,130 --> 00:34:19,449 Cilvēki gatavojas slēgt no dialoga kasti, 531 00:34:19,449 --> 00:34:23,580 vai izkļūt no apmācība, nezina, ko darīt, un pēc tam sūdzēties, jo 532 00:34:23,580 --> 00:34:25,580 Jums nav teicis viņiem, ko darīt. 533 00:34:25,580 --> 00:34:29,530 Veids, kā atrisināt tas nav sniedzot jebkāda veida apmācība un virzienos - 534 00:34:29,530 --> 00:34:31,530 kaut kā tā. 535 00:34:31,530 --> 00:34:33,719 Tik daudz, kā jūs varat izvairīties no tā, jūs tiešām vēlaties, lai parādītu lietotājam ko darīt 536 00:34:33,719 --> 00:34:36,429 tikai ar dabu, kā mājas lapa ir izklāstīts. 537 00:34:36,429 --> 00:34:39,090 Citiem vārdiem sakot, ja es eju uz Facebook, bez piesakoties, 538 00:34:39,090 --> 00:34:40,920 Pirmā lieta, ko es redzu galvenajā lapā - 539 00:34:40,920 --> 00:34:44,480 tas ir mazliet pieteikšanās kastīte. Tātad, duh. Man ir, lai ieietu Tas ir labi tur. 540 00:34:44,480 --> 00:34:48,030 Tā kā, ja es devos uz Facebook, un man bija, noklikšķiniet uz maz saites apakšā 541 00:34:48,030 --> 00:34:51,920 ka teica "ieiet" un pārējā lapas bija tikai sava veida attēlu vai kaut ko, 542 00:34:51,920 --> 00:34:54,820 Es nebūtu īsti nezina, ko darīt, vai ne? Es varētu sajaukt. 543 00:34:54,820 --> 00:34:58,590 Tātad, tas varētu man pateikt, lai iet tur lejā, un noklikšķiniet uz pogas, lai pieteiktos, 544 00:34:58,590 --> 00:35:01,080 vai ieiet pogu varētu būt pašā augšā, kur es esmu gatavojas, lai to aplūkotu. 545 00:35:01,080 --> 00:35:04,780 Jūs vēlaties, lai vienmēr parādot lietotājam, ko darīt, 546 00:35:04,780 --> 00:35:06,750 un kas būtu raksturīgi pašas lapas. 547 00:35:06,750 --> 00:35:09,880 >> Kad jūs domājat par dizainu un dzeltenais up dažādus veidus 548 00:35:09,880 --> 00:35:13,810 paužot savu vietni, jūs patiešām vēlaties, lai padomātu par to, ko lietotāji gatavojas 549 00:35:13,810 --> 00:35:19,380 darīt un kā jūs varat parādīt viņiem, ko darīt. 550 00:35:19,380 --> 00:35:23,530 Viens no pēdējā lieta ir testēšana ir ļoti, ļoti svarīgi. 551 00:35:23,530 --> 00:35:27,400 Tas ir liels, lai iegūtu kādu - iegūt draugu, iegūt kādu jūs nezināt pat - 552 00:35:27,400 --> 00:35:30,420 kurš nekad nav redzējis portālu pirms izmantot vietni. 553 00:35:30,420 --> 00:35:33,650 Jo jūs esat strādājis uz vietas stundām, jums ir skatās uz to, 554 00:35:33,650 --> 00:35:36,670 un jūs zināt, tieši to, ko darīt, protams, jūs esat būs testēšanas 555 00:35:36,670 --> 00:35:39,520 lietas, kas jums ir, kas strādā, un, ka jūs zināt, darbu. 556 00:35:39,520 --> 00:35:42,680 Bet, ja kāds cits atnāk un izmanto vietā, kas nekad nav izmantots agrāk, 557 00:35:42,680 --> 00:35:46,880 kas ir unikāla pieredze, jo jums ir kāds, kam nav iepriekšējas zināšanas 558 00:35:46,880 --> 00:35:51,530 no vietnes iet uz to, lai viņi nāksies efektīvi ne jausmas, ko darīt 559 00:35:51,530 --> 00:35:54,890 vai kāda veida izmantošanas gadījumu ir klāt viņiem. 560 00:35:54,890 --> 00:36:00,930 Tas ir lieliski. Tas ir unikāls, jo viņi būtībā cilvēks ar tukšu prātu. 561 00:36:00,930 --> 00:36:03,750 Viņi var jums pastāstīt, ja kaut kas ir neskaidrs vai neskaidrs. 562 00:36:03,750 --> 00:36:07,580 Viņi var dot jums priekšstatu par tieši to lietotāju pieredzi jūsu vietnes. 563 00:36:07,580 --> 00:36:10,630 Tas var būt ļoti grūti pateikt, ka sevi, tāpēc noteikti es aicinu jūs, 564 00:36:10,630 --> 00:36:13,640 kā jūs attīstīt savu projektu, - ja jūs darāt tīmekļa projekti - 565 00:36:13,640 --> 00:36:18,290 lai cilvēki, izmantojot vietni, kā jau jums ir kāda veida funkcionālo demo. 566 00:36:18,290 --> 00:36:25,330 >> Tagad es esmu gatavojas runāt mazliet par to, kā vadīt web izstrādes projektu. 567 00:36:25,330 --> 00:36:28,900 Mēs esam aizgājuši par to, kā jūs varat darīt, tehnisko back-end pusē, 568 00:36:28,900 --> 00:36:31,050 kā jūs varat veidot ļoti labu vietu, 569 00:36:31,050 --> 00:36:34,150 un tas ir lieliski, ja jūs strādājat ar sevi, bet - 570 00:36:34,150 --> 00:36:37,300 pat ja jūs strādājat ar sevi, un jo īpaši, ja jūs strādājat komandā, 571 00:36:37,300 --> 00:36:39,580 projektu vadība kļūst liels jautājums. 572 00:36:39,580 --> 00:36:42,340 Jūs esat veida dzirdējuši par projektu vadību dažādās formās, kopš 573 00:36:42,340 --> 00:36:45,410 pamatskola, kad bija teicis grupu darbu. 574 00:36:45,410 --> 00:36:46,820 Jums ir sadarboties, komunicēt, tas viss. 575 00:36:46,820 --> 00:36:49,620 Ka viss joprojām ir spēkā šeit, bet ir dažas unikālas apstākļi 576 00:36:49,620 --> 00:36:54,910 datorzinātnes, ka jūs vēlaties būt informēts par, un jūs vēlaties, lai pārliecinātos, ka jūs rīkoties labi. 577 00:36:54,910 --> 00:36:58,050 Es ņemšu runāt vispirms mazliet par komandu, ka jūs būsiet iekšā 578 00:36:58,050 --> 00:37:03,280 Tas ir ļoti svarīgi izvēlēties pareizo izmēru komanda, kas strādā ar, 579 00:37:03,280 --> 00:37:05,890 un savu galīgo projektu, es domāju, ka jums ir iespēja izvēlēties 580 00:37:05,890 --> 00:37:08,610 no 1 līdz 4 cilvēkiem, ja es esmu pareizi. 581 00:37:08,610 --> 00:37:12,050 Jūs vēlaties pārliecināties, ka jūs esat ne tikai izvēloties cilvēku skaitu 582 00:37:12,050 --> 00:37:14,950 ka jūs vēlaties strādāt ar, jo viņi ir jūsu draugi. 583 00:37:14,950 --> 00:37:18,170 Jūs vēlaties izvēlēties komandu, kas ir labs izmērs un kas saņems darba darīts. 584 00:37:18,170 --> 00:37:22,700 Tur ir kompromiss, kam vairāk cilvēku, salīdzinājumā ar jaunākiem cilvēkiem. 585 00:37:22,700 --> 00:37:25,320 Ja jums ir vairāk cilvēku, protams, vairāk darbu var izdarīt 586 00:37:25,320 --> 00:37:28,450 jo jums ir daudz cilvēku, daudz koda, daudz ideju, 587 00:37:28,450 --> 00:37:29,870 un tas viss ir lieliski. 588 00:37:29,870 --> 00:37:32,590 Bet tas arī prasa daudz lielāku vadību un daudz vairāk komunikāciju. 589 00:37:32,590 --> 00:37:34,720 Citiem vārdiem sakot, ja jums ir 4 cilvēki, kas strādā par to pašu projektu 590 00:37:34,720 --> 00:37:39,200 un viņi visi rediģējot to pašu kodu, vairāk vai mazāk viņi visu veidu nepieciešams zināt 591 00:37:39,200 --> 00:37:40,920 kas notiek, tāpēc nepieciešams, lai jūs - 592 00:37:40,920 --> 00:37:44,580 Ja jūs pievienot dažas jaunas funkcijas, jums veida ir pateikt cilvēkiem - ı'm pieskaitot, 593 00:37:44,580 --> 00:37:48,510 Es esmu mainīt to šādā veidā - it īpaši, ja jūs nokļūt ļoti dziļā sīkumi 594 00:37:48,510 --> 00:37:52,730 piemēram, modeļu un kontrolieriem, kas ir faktiski gatavojas ietekmēt to, kā vietne darbojas. 595 00:37:52,730 --> 00:37:54,500 Visa komanda ir informēti par to, 596 00:37:54,500 --> 00:37:58,140 tāpēc jums ir nepieciešams, lai pārliecinātos, ka jūs neesat izvēloties pārāk liela komanda, kas būs grūti 597 00:37:58,140 --> 00:37:59,970 padarīt šo komunikāciju. 598 00:37:59,970 --> 00:38:02,930 Jūs arī nevēlaties izvēlēties nelielu pietiekami komanda, ka jūs neesat gatavojas 599 00:38:02,930 --> 00:38:06,250 jāspēj sazināties, jo tas ir tikai jums. 600 00:38:06,250 --> 00:38:11,270 >> Vēl viena lieta apsvērt, ir, kur cilvēku prasmes ir līdzsvars. 601 00:38:11,270 --> 00:38:14,350 Tas ir lieliski, ja jūs visi ļoti labi programmētāji. 602 00:38:14,350 --> 00:38:17,050 Bet, ja tu esi visu back-end cilvēku, tad jūsu vietne nav gatavojas izskatās ļoti labi 603 00:38:17,050 --> 00:38:20,860 jo jums ir šo lielo datu bāzi, un tas super-ātru meklēšanas vaicājumus - 604 00:38:20,860 --> 00:38:26,130 kas ir lieliski - bet, kad jūs iet uz to, tas ir tāpat kā 1990 vietnē ar sarkanā un zilā krāsā 605 00:38:26,130 --> 00:38:30,370 visur, un tas nav labi vai nu. 606 00:38:30,370 --> 00:38:34,210 Ievērojiet, ka Ben, un es strādājot komandā, ir ļoti jauki, jo es esmu veida vairāk 607 00:38:34,210 --> 00:38:38,030 priekšējā galā, mēs abi mijiedarboties vidū-beigās, un Ben ir tiešām laba, ar back-end stuff, 608 00:38:38,030 --> 00:38:43,550 lai darbojas patiešām labi, jo mēs varam izstrādāt jebkuru vietu un būtībā caurumi 609 00:38:43,550 --> 00:38:47,580 šajā vietā, kas ir nepieciešams, ir jāaizpilda var aizpildīt, izmantojot vai nu vienu no mums, vai, iespējams, abi. 610 00:38:47,580 --> 00:38:50,210 Jūs vēlaties pārliecināties, ka nav caurumu savā komandā. 611 00:38:50,210 --> 00:38:51,180 Tas ir labi, ja tur ir mazliet pārklāšanās. 612 00:38:51,180 --> 00:38:53,670 Citiem vārdiem sakot, ja jums ir 2 cilvēki, kas ir gan labi ar atpakaļ beigām, 613 00:38:53,670 --> 00:38:57,250 , kas var būt noderīgas kā arī, jo tie var palīdzēt viena otrai ar problēmām 614 00:38:57,250 --> 00:38:58,820 ka tām ir. 615 00:38:58,820 --> 00:39:02,590 Tas var būt problēma, ja jums ir tikai 1 cilvēks, kurš ir atbildīgs par konkrētu lietu 616 00:39:02,590 --> 00:39:06,650 un tie uzskriet problēmas, lai jūs vēlaties, lai būtu mazliet pārklājas 617 00:39:06,650 --> 00:39:10,760 bet pats galvenais vēlaties, lai pārliecinātos, ka visi iespējamie caurumi tiek piepildīti. 618 00:39:10,760 --> 00:39:17,550 >> Pēdējā lieta - un tas būtu skaidrs, bet tas bieži vien nav. 619 00:39:17,550 --> 00:39:19,550 Jūs patiešām vēlaties būt jautri. 620 00:39:19,550 --> 00:39:23,360 Šī gala projekta CS50 punkts un bieži punkts interneta attīstību kopumā 621 00:39:23,360 --> 00:39:26,360 ir ne tikai darīt darbu, jo tas ir nepieciešams darīt. 622 00:39:26,360 --> 00:39:29,140 Jūs patiešām vēlaties būt jautri, un jūs vēlaties, lai padarītu kaut ko 623 00:39:29,140 --> 00:39:31,180 kas ir motivēt jums, lai strādātu par to. 624 00:39:31,180 --> 00:39:33,650 Ja kāds jūs gūstat, ir sāpes, lai sēdēt un strādāt, 625 00:39:33,650 --> 00:39:35,650 tad jūs neesat izvēloties pareizo projektu. 626 00:39:35,650 --> 00:39:37,730 Jūs vēlaties izvēlēties kaut ko, kas jums atrast interesantu, 627 00:39:37,730 --> 00:39:41,150 jūs patiešām vēlaties redzēt rezultātu, jūs esat satraukti, kad jūs saņemsiet jaunu priekšstatu par 628 00:39:41,150 --> 00:39:44,700 kaut ko jūs varētu darīt, - tā tur ir visu veidu projektiem, kas tur, ka es esmu pārliecināts, ka 629 00:39:44,700 --> 00:39:47,290 Jūs varat atrast - katram ir kaut kas tiešām intriga tiem 630 00:39:47,290 --> 00:39:49,290 ja viņi dara tīmekļa projektu. 631 00:39:49,290 --> 00:39:52,210 Es jums saku vēlreiz tieši tagad. 632 00:39:52,210 --> 00:39:54,520 Ja jūsu projekts šķiet sāpes, un jūs nevēlaties, lai strādātu par to, 633 00:39:54,520 --> 00:39:57,260 izvēlieties citu projektu. Izvēlēties kaut ko, kas patiešām iedvesmo jūs. 634 00:39:57,260 --> 00:40:00,260 >> Ben minēja šo koncepciju atkārtojuma mazliet, un es gribu iet pār to mazliet. 635 00:40:00,260 --> 00:40:08,250 Tas ir ļoti svarīgi, lai strādātu spurts, kur iegūt kaut ko funkcionālu. 636 00:40:08,250 --> 00:40:13,420 Tas var būt liels, ja jums ir šo plānu, lai mājas lapā, kas ir gatavojas darīt A, B un C, 637 00:40:13,420 --> 00:40:16,000 un galu galā tas būs tur nokļūt. 638 00:40:16,000 --> 00:40:18,600 Bet jūs esat iestrēdzis šajā posmā, kur jūs strādājat, un strādā pie tā, 639 00:40:18,600 --> 00:40:23,330 bet nekas ir kļūst darīts. Jums nav ko redzēt un taustāms, funkcionāla lieta. 640 00:40:23,330 --> 00:40:27,940 Ko jūs patiešām vēlaties to darīt tik daudz, cik tas šķiet veida sāpes dažreiz 641 00:40:27,940 --> 00:40:32,300 strādāt par kaut ko un tad veida vāciņu to pie tā, ka tas ir vismaz stabils, darbojas 642 00:40:32,300 --> 00:40:34,910 versija, pat ja tas nav visas funkcijas, ko vēlaties. 643 00:40:34,910 --> 00:40:37,690 Un varbūt ir dažas pazīmes, ka jūs patiešām vēlaties pievienot, bet jūs vienkārši nevarat 644 00:40:37,690 --> 00:40:41,830 tāpēc, ka jūs vēlaties, lai iegūtu šo vietni, lai funkcionālā viedokļa. 645 00:40:41,830 --> 00:40:44,400 Un lai jūs vēlaties veida ir viss attīstības process izskatās, ka. 646 00:40:44,400 --> 00:40:47,810 Jūs vēlaties, lai sāktu kaut funkcionāla - vai būtībā sākt ar neko - 647 00:40:47,810 --> 00:40:49,890 bet jūs vēlaties, lai saņemtu kaut kur ļoti pamata un funkcionāla. 648 00:40:49,890 --> 00:40:54,940 Un tad atkal, veikt sava veida lēkt un saņemt kaut funkcionāla vēlreiz. 649 00:40:54,940 --> 00:40:59,190 Jūs lēnām veidot, un tas varētu iet mazliet lēnāk, nekā tas būtu citādi, 650 00:40:59,190 --> 00:41:03,000 bet ilgtermiņā, ja jūs pastāvīgi iestrēdzis šajā vidusceļu posmā, kur 651 00:41:03,000 --> 00:41:06,380 nav tiešām ir kaut kas strādā, tas var būt ļoti liela vilšanās 652 00:41:06,380 --> 00:41:09,970 strādāt pie sava projekta, jo jūs vienmēr esat tik tuvu, lai iegūtu tā strādā, 653 00:41:09,970 --> 00:41:12,130 un tas nekad nav faktiski strādā. 654 00:41:12,130 --> 00:41:14,810 Vēlaties strādāt ar šīm funkcionālajām spurts, 655 00:41:14,810 --> 00:41:17,950 un jūs arī vēlaties darīt dažas pārdomas pēc katras. 656 00:41:17,950 --> 00:41:21,260 Citiem vārdiem sakot, kad jūs esat vietā, kur vieta ir tagad strādā - 657 00:41:21,260 --> 00:41:24,790 tas nav viss, kas jums patīk, bet tas dažas lietas - 658 00:41:24,790 --> 00:41:28,870 Jūs vēlaties, lai padomātu, labi, tas ir vietā accomplishing mērķi, ka es noteikti, lai darīt? 659 00:41:28,870 --> 00:41:33,410 Citiem vārdiem sakot, ja vietne ir gatavojas darīt X, ir tas, ko es esmu strādā virzienā X? 660 00:41:33,410 --> 00:41:36,450 Ir visas funkcijas, ka es gribēju tur? 661 00:41:36,450 --> 00:41:39,340 Un turklāt tas kalpo vispārējo mērķi, ka es gribu? 662 00:41:39,340 --> 00:41:43,200 Ja jūs atrast, ka jūsu vietne sāk griezt citā virzienā 663 00:41:43,200 --> 00:41:47,330 vai varbūt lietas vienkārši veida nav darba, tas var būt laiks, lai pārslēgt pārnesumus mazliet. 664 00:41:47,330 --> 00:41:51,700 Citiem vārdiem sakot, tas ir vērts padomāt - tas ir tā vērts metat idejas, ja nepieciešams 665 00:41:51,700 --> 00:41:57,950 un ņemot vērā, es esmu patiešām strādā, lai to, ko es gribu būt. 666 00:41:57,950 --> 00:42:00,760 >> Es uzskatu, ka tas ir mans nākamais jautājums. Nebaidieties pamest idejas. 667 00:42:00,760 --> 00:42:03,750 Tikai tāpēc, ka jūs pavada daudz laika strādā pie viena aspekta 668 00:42:03,750 --> 00:42:07,890 un beidzot dabūja to darbu, bet tas tiešām nav iet tik labi - 669 00:42:07,890 --> 00:42:12,690 piemēram, tas nav tik noderīga vai lietotājiem ir grūtības to lietot - ka veida lieta - 670 00:42:12,690 --> 00:42:15,300 nevajag baidīties mest to prom. 671 00:42:15,300 --> 00:42:17,650 Tas sucks, ka jūs esat pavadīts daudz laika strādā pie tā, 672 00:42:17,650 --> 00:42:21,870 bet galu galā jūs nevēlaties, vietā, kas ir sava veida likt kopā šos gabalus, kas 673 00:42:21,870 --> 00:42:25,380 veida darbu, bet nav tik labi kalpoja. 674 00:42:25,380 --> 00:42:27,990 Tāpat nav jābaidās, lai aptvertu jaunas idejas. 675 00:42:27,990 --> 00:42:30,050 Ja kāds atnāk un saka, hey, ka vietne izskatās tiešām foršs, bet 676 00:42:30,050 --> 00:42:32,290 nebūtu tas pat būtu lieliski, ja tā arī izdarīja? 677 00:42:32,290 --> 00:42:36,220 Tikai tāpēc, ka tas ir kaut kas jums nav paredzējis, un kaut kas ir ārpus jūsu 678 00:42:36,220 --> 00:42:37,900 specs, kaut kas jums nav noteikti, lai darīt, 679 00:42:37,900 --> 00:42:40,860 nebaidieties ņemt to, un pēc tam strādāt ar to. 680 00:42:40,860 --> 00:42:43,680 Jo bieži vien idejas, ka jūs darbojas ar visu attīstības gaitā 681 00:42:43,680 --> 00:42:47,630 galu galā ir patiešām atdzist iezīmes mājas lapā. 682 00:42:47,630 --> 00:42:49,630 >> Es esmu teica pirms tam. Es jums saku vēlreiz. 683 00:42:49,630 --> 00:42:51,630 Testētājiem ir super, super noderīga. 684 00:42:51,630 --> 00:42:56,350 Mēģināt, lai cilvēki, kuri nekad nav redzējuši vietu, pirms pieteikties un redzēt, kas notiek 685 00:42:56,350 --> 00:42:59,080 tāpēc, ka viņi var ne tikai pārbaudīt lietderību vietu un lietotāju pieredzi, 686 00:42:59,080 --> 00:43:02,070 bet tie var arī pārbaudīt funkcionalitāti tādā veidā, ka jūs nevarat. 687 00:43:02,070 --> 00:43:06,430 Ja jūs veikt dažas iezīme, kas dara zināmu lieta 688 00:43:06,430 --> 00:43:11,620 un jūs zināt, tas ir gatavojas darīt, ka vienu un to pašu pareizi katru reizi, tas ir lieliski. 689 00:43:11,620 --> 00:43:16,610 Bet bieži vien tā varētu būt grūti, lai ņemtu vērā stūra gadījumiem, kad lietotājs var 690 00:43:16,610 --> 00:43:19,500 Tieši tāpēc, ka jums noteikts - kaut ko, kas jums nebija gaidījis tips 691 00:43:19,500 --> 00:43:21,500 funkcijas sevi. 692 00:43:21,500 --> 00:43:23,730 Tātad, lai būtu kāds nāk par to, kam nav ne jausmas, kā izmantot vietu 693 00:43:23,730 --> 00:43:26,840 un vienkārši lauzt jebkādā veidā viņi var darīt, ir ļoti noderīgi, jo jums 694 00:43:26,840 --> 00:43:30,340 iegūt priekšstatu no pilnīgi cita skatu par to, kas jūsu vietnē darbojas 695 00:43:30,340 --> 00:43:33,300 un ko nepieciešams remonts. 696 00:43:33,300 --> 00:43:37,070 >> Visbeidzot, es esmu gatavojas runāt par dažām vispārējām labu praksi, 697 00:43:37,070 --> 00:43:42,470 un jūs esat redzējis daudz šos CS50, bet tie ir arī ļoti, ļoti piemēroti projekta vidē. 698 00:43:42,470 --> 00:43:47,600 Viens no tiem ir komentāri. Vienmēr komentēt savu kodu, jo īpaši, ja jūs strādājat ar lielu komandu. 699 00:43:47,600 --> 00:43:51,230 Tas var būt tik kaitinošas, lai tikai būtu milzu bloku kods, ka kāds ir uzrakstījis 700 00:43:51,230 --> 00:43:54,230 un varbūt tas darbojas, varbūt tā nav, bet jums nav ne jausmas, ko tā dara, 701 00:43:54,230 --> 00:43:58,010 tāpēc jums nav ne jausmas, vai tas ir noderīgi vai nē, vai tai vajadzētu būt, vai ne, 702 00:43:58,010 --> 00:44:00,200 un, ja jūs strādājat par kaut ko citu, tas ir pat iespējams, ka jūs strādājat 703 00:44:00,200 --> 00:44:06,590 tas pats, tā vienkārši jābūt ļoti, ļoti uzmanīgiem būt saudzīgs jūsu vienaudžiem 704 00:44:06,590 --> 00:44:09,710 un rakstīt kodu, kas ir labi dokumentēta. 705 00:44:09,710 --> 00:44:13,580 Jums nav iet tik tālu, lai darīt visu lieta, kur, piemēram, ja jūs pieauguma 706 00:44:13,580 --> 00:44:16,620 skaitītājs ir komentārs, kas saka, es esmu pievienojot 1 līdz šim letes. 707 00:44:16,620 --> 00:44:20,450 Tai nav jābūt, ka sīku, bet par jebkuru funkciju, kas jūs esat kādreiz rakstiski 708 00:44:20,450 --> 00:44:23,160 jums ir kāda dokumentācija par to, kas darbojas tieši tas, 709 00:44:23,160 --> 00:44:25,140 kādi ir tās izejvielas, un to, ko vajadzētu atgriezties. 710 00:44:25,140 --> 00:44:27,800 Tādā veidā jūs varat izmantot citu cilvēku komponentus vietas 711 00:44:27,800 --> 00:44:31,990 un jūs varat strādāt, lai veidotu kaut ko lielu. 712 00:44:31,990 --> 00:44:34,100 >> Vēl viena svarīga lieta ir jūs vēlaties darīt regulāri tīru-ups. 713 00:44:34,100 --> 00:44:40,490 Kods kļūst netīrs. Nejūtos slikti, ja jūsu kods ir tikai pilnīgi lasāma un milzu haoss. 714 00:44:40,490 --> 00:44:42,770 Kas notiek ar interneta attīstību vienmēr. 715 00:44:42,770 --> 00:44:46,530 Jūs pievienojot jaunas funkcijas, noņemot vecās. Sīkumi būs tur, ka nevajadzētu būt. 716 00:44:46,530 --> 00:44:49,330 Tas ir jauki, bet jūs vēlaties, lai pārliecinātos, ka, lai risinātu ar to regulāri. 717 00:44:49,330 --> 00:44:53,430 Jūs nevēlaties, lai ļautu tai veidot līdz vietai, kur jūs vienkārši nevar atrast neko 718 00:44:53,430 --> 00:44:56,430 savu kodu, un jums nav ne jausmas, kas kaut ko dara. 719 00:44:56,430 --> 00:44:58,430 Tas ir gadījumā ar HTML. 720 00:44:58,430 --> 00:44:59,490 Dažreiz jūs galu galā ar objektiem, kas nesatur neko, 721 00:44:59,490 --> 00:45:01,320 un jūs vēlaties, lai atbrīvotos no tiem. 722 00:45:01,320 --> 00:45:04,610 CSS, jūs varat būt, kas attiecas uz elementiem, kas nav tur vairs, 723 00:45:04,610 --> 00:45:06,340 lai jūs vēlaties, lai atbrīvotos no šī koda. 724 00:45:06,340 --> 00:45:09,900 JavaScript, jūs varētu kliedēt kaut ko no HTML. 725 00:45:09,900 --> 00:45:13,150 Tātad, jūs vēlaties, lai pārliecinātos, ka jūs vienmēr sakopšanu, padarot lietas diezgan 726 00:45:13,150 --> 00:45:17,450 tik daudz, kā jūs varat par regulāri. 727 00:45:17,450 --> 00:45:21,060 >> Vēl viena ļoti noderīga lieta, ka es nedomāju, ka ir izklāstīts ļoti daudz CS50 728 00:45:21,060 --> 00:45:23,430 bet tas ir vērts nokļūst tiek versiju kontroli. 729 00:45:23,430 --> 00:45:27,180 Ideja versija kontrole ir tad, kad jūs būtībā sekotu visu progresu 730 00:45:27,180 --> 00:45:30,820 Jūs esat veikuši uz jūsu vietni, un, ja kādā brīdī tu saproti, ak, tas bija darba 731 00:45:30,820 --> 00:45:35,220 Pirms kāda laika, bet tas nedarbojas vairāk, jūs varat doties atpakaļ uz iepriekšējo versiju 732 00:45:35,220 --> 00:45:37,720 un redzēt, kas ir mainījies kopš tā laika, un ka veida lieta. 733 00:45:37,720 --> 00:45:41,670 Primārais veids, kā to darīt, ir ar GIT, un Git ir visa šī veida sistēma, kas 734 00:45:41,670 --> 00:45:46,390 Es uzskatu, ka Tommy MacWilliam sniedza semināru par pagājušo gadu. 735 00:45:46,390 --> 00:45:51,520 Ja jūs iedziļināties CS50 semināriem 2011, jūs varat redzēt savu semināru par to. 736 00:45:51,520 --> 00:45:57,070 Ideja GIT ir būtībā, ka regulāri jūs gūstat šo saistību 737 00:45:57,070 --> 00:46:01,430 kas ir veids, kā pateikt vietā ir ar diezgan stabilu versiju tieši tagad, lai 738 00:46:01,430 --> 00:46:05,910 Es esmu iepakojuma to un nosūtot to prom uz serveri, un tad jūs varat iet uz šo serveri 739 00:46:05,910 --> 00:46:07,910 un apskatīt visas iepriekšējās versijas savu kodu, un redzēt, kā tas ir progresējusi 740 00:46:07,910 --> 00:46:12,210 un visu, kas veida labas lietas. 741 00:46:12,210 --> 00:46:14,210 Tātad, tas ir būtībā tas. 742 00:46:14,210 --> 00:46:17,870 Ciktāl web izstrāde, mēs esam laimīgi, lai stick apkārt un atbildēt uz jebkuru 743 00:46:17,870 --> 00:46:20,570 jautājumi, cik mūsu prezentāciju. 744 00:46:20,570 --> 00:46:22,900 Viss. Paldies. >> [Ben] Paldies. 745 00:46:22,900 --> 00:46:28,480 [Aplausi] 746 00:46:28,480 --> 00:46:30,950 >> [Billy] personāls, vai kāds ir kādi jautājumi par lietām, ko mēs esam, uz kuriem attiecas 747 00:46:30,950 --> 00:46:33,950 vai lietas, ko mēs esam, uz kuriem neattiecas, ka viņi cer, ka mēs gribētu segšanai? 748 00:46:33,950 --> 00:46:35,950 Mēs labprāt atbildētu tiem. Kāds? 749 00:46:35,950 --> 00:46:50,360 [Auditorijas dalībnieks] Kādi ir plusi un mīnusi, izmantojot Ruby vai izmantojot Python? 750 00:46:50,360 --> 00:46:58,660 [Ben] Jautājums ir, kādi ir plusi un mīnusi, izmantojot Ruby vai Python 751 00:46:58,660 --> 00:46:59,900 nevis, piemēram, PHP. 752 00:46:59,900 --> 00:47:11,340 Tur ir tas, ka Ruby un Python ir daudz labāki valodas nekā PHP. 753 00:47:11,340 --> 00:47:14,920 Vismaz manuprāt, un es domāju, ka ir daudz citu cilvēku viedokļus, kā arī. 754 00:47:14,920 --> 00:47:20,990 Tie tika izstrādāti vairāk darot sarežģītu lietas, 755 00:47:20,990 --> 00:47:25,380 un mazāk iemetot kopā interneta lapas tiešām ātri 756 00:47:25,380 --> 00:47:28,400 mazliet dinamisku saturu. 757 00:47:28,400 --> 00:47:35,180 Mīnusi ir, ka tur ir mazliet - tur ir vairāk par mācīšanās līkne 758 00:47:35,180 --> 00:47:37,220 lai saņemtu viņiem izveidot. 759 00:47:37,220 --> 00:47:41,010 Tas ir, piemēram, PHP, jūs varat būt HTML failu un rakstīt mazāk nekā, 760 00:47:41,010 --> 00:47:43,060 jautājuma zīme, un tad jūs uzrakstīt kādu kodu, un tad rakstīt jautājuma zīmi, 761 00:47:43,060 --> 00:47:45,700 lielāks nekā, un tad jūs esat darīts. 762 00:47:45,700 --> 00:47:50,300 Citās valodās, piemēram, Ruby un Python, 763 00:47:50,300 --> 00:47:56,810 jums ir iet cauri mazliet vairāk darba, lai iegūtu sākotnējo vietnes darbību. 764 00:47:56,810 --> 00:48:02,730 Pastāv arī - vismaz tas izmanto, lai būt gadījums, - ka tur ir vairāk dokumentācija 765 00:48:02,730 --> 00:48:05,480 pieejams PHP tikai tāpēc, ka ir vairāk cilvēku, izmantojot to. 766 00:48:05,480 --> 00:48:09,370 Es domāju, ka tas nav tik daudz jautājumu vairs. 767 00:48:09,370 --> 00:48:12,520 Ir, protams, ļoti laba dokumentācija sīkumi, piemēram, Ruby on Rails 768 00:48:12,520 --> 00:48:16,080 vai Django Python ir līdzvērtīgas. 769 00:48:16,080 --> 00:48:25,910 PHP ir viens, ka ikvienam ir bijis, izmantojot vairākus gadus, un jūs zināt, kā tā darbojas. 770 00:48:25,910 --> 00:48:28,460 Ruby un Python ir mazliet vājākas. 771 00:48:28,460 --> 00:48:33,130 >> [Auditorijas dalībnieks] Ja tu būtu izvēlēties vienu no tiem, lai uzzinātu, vai uzņemt, 772 00:48:33,130 --> 00:48:36,130 kas jūs dotu priekšroku? 773 00:48:36,130 --> 00:48:38,870 Godīgi sakot, es domāju, ka ir atkarīgs no personas. 774 00:48:38,870 --> 00:48:45,450 Piedod. Jautājums ir, kas jums izvēlēties, lai kāds, lai uzzinātu? 775 00:48:45,450 --> 00:48:50,230 Es uzskatu, Python jaukākais personīgi. 776 00:48:50,230 --> 00:48:55,360 Ir daudz cilvēku, kas - man bija mans pirmais web dev projekts Python un Django. 777 00:48:55,360 --> 00:49:00,300 Ir daudz cilvēku, kuriem patīk Ruby on Rails arī. 778 00:49:00,300 --> 00:49:02,650 Droši vien vairāk cilvēku, kuri zina, Ruby on Rails. 779 00:49:02,650 --> 00:49:05,270 Godīgi, es tikai iet ar kāda cilvēki ap jums zināt 780 00:49:05,270 --> 00:49:09,680 tā, ka jums ir cilvēki uzdot jautājumus. 781 00:49:19,640 --> 00:49:24,170 >> Jautājums bija - uz kopīgas serveriem tas ir sava veida grūti strādāt Python? 782 00:49:24,170 --> 00:49:26,170 Tas ir atkarīgs no jūsu hostingu. 783 00:49:26,170 --> 00:49:29,400 Pastāv vairākas tīmekļa mitinātājiem, kas būs pēc Python stuff. 784 00:49:29,400 --> 00:49:31,400 WebFaction tas, ka, labi? 785 00:49:31,400 --> 00:49:34,400 WebFaction ir viens, ka Billy un man ir izmantoti dažiem projektiem. 786 00:49:34,400 --> 00:49:37,750 Viņi tiešām lieliski. Viņi atbalsta lielāko valodu. 787 00:49:37,750 --> 00:49:40,020 Bet tā ir taisnība, ka PHP ir daudz plaši atbalstīta. 788 00:49:40,020 --> 00:49:45,210 Tātad, ja jūs esat iestrēdzis uz interneta uzņēmējas, kas tikai dara PHP, tas ir labs iemesls, lai izmantotu PHP. 789 00:49:45,210 --> 00:49:56,010 >> [Auditorija dalībnieks] Es tikko saņēmu mācīties, kā vaicājumu dažus datu bāzes, 790 00:49:56,010 --> 00:50:00,680 un es zinu, mans SQL ir visas vietas, bet es nesen saņēmu pakļauti - 791 00:50:00,680 --> 00:50:04,470 un jūs norādīja it out. Redzat JSON un paplašināms datu bāzēm. 792 00:50:04,470 --> 00:50:14,580 Mans SQL joprojām ir visas vietā. Kā jūs redzat, kas notiek? 793 00:50:14,580 --> 00:50:21,330 Vai tur būs augoša tendence vairāk paplašināms (dzirdams)? 794 00:50:21,330 --> 00:50:30,100 Jautājums bija - es domāju, ka tur būs tendence nav SQL datu bāzēm. 795 00:50:30,100 --> 00:50:33,850 Piemēram, piemēram MongoDB. Es domāju, ka noteikti ir taisnība. 796 00:50:33,850 --> 00:50:38,730 Mans padoms ir galvenokārt MySQL saistītu šeit, tikai tāpēc, ka MySQL ir 797 00:50:38,730 --> 00:50:40,950 nozares standartu. 798 00:50:40,950 --> 00:50:45,950 Personīgi, es daudz labprātāk datubāzes, kurām nav schemos piemēram MongoDB 799 00:50:45,950 --> 00:50:49,520 ja jums nav jautājumu, ak, man ir nepieciešams, lai pievienotu citu kolonnu. 800 00:50:49,520 --> 00:50:51,600 Bēdas man, tāpat kā neatkarīgi man darīt? 801 00:50:51,600 --> 00:50:55,840 Tas ir ļoti grūti izdarīt, ka MySQL, bet, ja jums ir kaut kas līdzīgs Mongo 802 00:50:55,840 --> 00:50:57,840 tas ir daudz jaukāk. 803 00:50:57,840 --> 00:51:03,780 Cita jauka lieta par Mongo ir tas, ka jūsu ieraksti ir faktiski JavaScript objekti. 804 00:51:03,780 --> 00:51:10,110 Nav veida pārveides posmā, kur jums ir nepieciešams veikt šīs datu bāzes rindas 805 00:51:10,110 --> 00:51:13,140 un pārvērst tos JavaScript objektu, un pēc tam nosūtīt tos pa vadu. 806 00:51:13,140 --> 00:51:20,290 Es domāju, ka sīkumi, piemēram, ka būs ļoti, ļoti noderīga straujo interneta attīstību nākotnē. 807 00:51:20,290 --> 00:51:23,060 >> [Billy] Kaut ko es gribētu piebilst, kas ir tikai vispārējs punkts ir tas, ka 808 00:51:23,060 --> 00:51:26,580 nav justies kā jums ir iemācījušies visas valodas, mēs esam apspriests 809 00:51:26,580 --> 00:51:28,580 no mūsu seminārā. 810 00:51:28,580 --> 00:51:30,560 Acīmredzot jautājums ir, lai dotu jums priekšstatu par to, kas ir tur, 811 00:51:30,560 --> 00:51:33,450 un, ja jūs ieinteresēja kādu no lietām, ko mēs esam minētajām jūs varat Google tos 812 00:51:33,450 --> 00:51:35,830 un lasīt līdzi tiem. 813 00:51:35,830 --> 00:51:38,750 Un, kā jau minēju, ir daži semināri, kas nodarbojas ar precīzi šīm lietām. 814 00:51:38,750 --> 00:51:41,660 Ir vēl vairāki semināri, ka man nav minēti, ka, iespējams nokļūt 815 00:51:41,660 --> 00:51:43,660 šis stuff, kā arī. 816 00:51:43,660 --> 00:51:46,610 Ideja ir tāda, ka, ja jūs vēlaties strādāt par kaut ko, šeit ir līdzekļi, kas ir jūsu rīcībā. 817 00:51:46,610 --> 00:51:51,630 Nav apjukt, ja jūs neesat īsti pārliecināts, ko šie līdzekļi darīt tieši, 818 00:51:51,630 --> 00:51:54,830 bet zinu, ka viņi tur, un, ka jūs varat plaši izmantot tos 819 00:51:54,830 --> 00:51:56,830 Google. 820 00:51:56,830 --> 00:51:59,960 >> [Auditorijas locekli] Kādas lietas, kas jums jādara, lai pārliecinātos, ka jūsu mājas lapā 821 00:51:59,960 --> 00:52:02,530 izskatās labi uz mobilajām ierīcēm? 822 00:52:02,530 --> 00:52:05,590 [Billy] Mobilās ierīces ir mazliet grūti. 823 00:52:05,590 --> 00:52:07,590 Tur ir 2 veidi, kā var tuvoties. 824 00:52:07,590 --> 00:52:11,500 Pirmais veids ir tas, ka jūs faktiski ir mobilais mājas lapā. 825 00:52:11,500 --> 00:52:14,660 Citiem vārdiem sakot, jums ir veikt dažus atklāšanas veida sākumā 826 00:52:14,660 --> 00:52:18,830 kad pārlūkprogramma ir padarīt pieprasījumu uz jūsu tīmekļa vietni, kas vai nu saka 827 00:52:18,830 --> 00:52:25,240 atpakaļ šo viedokli - kas būs skats galda vai portatīvo pārlūkprogrammām - 828 00:52:25,240 --> 00:52:27,710 un šī cita skatu uz mobilajām ierīcēm. 829 00:52:27,710 --> 00:52:33,090 Tas ir vieta, kur viedokļi ir ļoti jauki, ka jūs varat diezgan daudz swap 830 00:52:33,090 --> 00:52:37,580 divi, un ir saskarne, kas darbojas patiešām labi uz mobilajām ierīcēm 831 00:52:37,580 --> 00:52:40,770 un ir pilnīgi atšķirīgs vienu, kas darbojas labi uz pārlūka ierīcēm. 832 00:52:40,770 --> 00:52:43,770 Problēma ar šo ir tas aizņem ilgu laiku, jo tas nozīmē, kodēšanu 833 00:52:43,770 --> 00:52:47,060 pilnīgi atšķirīgu interfeisu. 834 00:52:47,060 --> 00:52:49,720 Citā veidā, ka jūs varat darīt, ir - 835 00:52:49,720 --> 00:52:55,250 daudz modernu telefonu parādīs tīmekļa vietnes, un mēģināt padarīt tās par pārlūku būtu, 836 00:52:55,250 --> 00:52:57,680 un viņi dara visu iespējamo. 837 00:52:57,680 --> 00:53:04,340 Jūs varat veida mēģināt palikt gaismā summu jQuery JavaScript jūs izmantojat 838 00:53:04,340 --> 00:53:07,360 kas mēdz būt tur, kur lietas var noiet greizi mazliet. 839 00:53:07,360 --> 00:53:13,430 Tas ir sava veida tā, ka jums vajadzētu izmantot, ja jums nav, ka daudz laika. 840 00:53:13,430 --> 00:53:18,540 Ja jums ir laiks strādāt pie mobilo interfeisu, tas ir acīmredzami jūsu labākais risinājums. 841 00:53:18,540 --> 00:53:23,320 >> Es domāju, ka parasti par CS50 projektiem, jūs gatavojas vēlaties izvēlēties vienu vai otru. 842 00:53:23,320 --> 00:53:27,990 Citiem vārdiem sakot, jūs vēlaties, lai mobilo lietotni, vai jūs vēlaties, lai darbvirsmas mājas lapā. 843 00:53:27,990 --> 00:53:32,200 Un ka veida nosaka, kur jums iet ar to. 844 00:53:32,200 --> 00:53:35,360 Bet, ja jūs vēlaties, lai paplašinātu to, vēlāk, iespējams, jūsu labākais bet ir 845 00:53:35,360 --> 00:53:37,360 veikt citu saskarni ar otru. 846 00:53:51,650 --> 00:53:56,340 Man ir mazliet pieredze, izstrādājot WordPress balstītas vietnes. 847 00:53:56,340 --> 00:53:58,670 Es rīkoja personīgā mājas lapā WordPress awhile. 848 00:53:58,670 --> 00:54:02,310 Tiem ietvaros veidi var būt jauki tikpat ļoti vienkāršas lietas. 849 00:54:02,310 --> 00:54:07,050 Bieži jūs vienkārši satikt daudz Customizability jautājumu though. 850 00:54:07,050 --> 00:54:10,940 Jūs vēlaties, lai būtu kaut ko meklēt noteiktā veidā, vai arī noteiktā veidā 851 00:54:10,940 --> 00:54:14,510 un jūs vienkārši nevar, jo tas ir grūti vadu sistēmā, kas 852 00:54:14,510 --> 00:54:17,480 tas ir, kā jums ir jādara lietas, kas var būt mazliet par problēmu. 853 00:54:17,480 --> 00:54:22,020 Kopš tā laika es esmu veida ir vairāk tendēti strādāt ar vietām, no zemes uz augšu. 854 00:54:22,020 --> 00:54:26,840 Lietām, piemēram, blogu datu bāzēm un ka veida lieta, tas tiešām nav tik grūti, lai izveidotu sistēmu. 855 00:54:26,840 --> 00:54:29,970 Ja jūs patiešām izstiepts uz laiku, jūs, protams, var izmantot kaut ko, piemēram, WordPress 856 00:54:29,970 --> 00:54:33,120 vai arī, ka veida lieta par blogu. 857 00:54:33,120 --> 00:54:38,790 No lietas veidu, kas blogus veikalā un tie nav īsti grūti pietiekami, ka 858 00:54:38,790 --> 00:54:41,500 ja jūs strādājat kādā no tādām lietām, jūs, iespējams, vislabāk vienkārši 859 00:54:41,500 --> 00:54:43,500 veikt in-house versiju. 860 00:54:43,500 --> 00:54:48,350 >> Es domāju, ka ir par to, tāpēc paldies vēlreiz par ierašanos. 861 00:54:48,350 --> 00:54:51,960 Mēs patiešām patika runāt ar jums, puiši, un ceru, ka jūs esat iemācījušies daži sīkumi. 862 00:54:51,960 --> 00:54:55,350 [Ben] Mēs esam priecīgi runāt - mums ir jāiet, bet mēs esam priecīgi runāt vairāk ārpus 863 00:54:55,350 --> 00:55:01,650 Ja jums ir cits jautājums. Paldies vēlreiz. [Aplausi] 864 00:55:03,750 --> 00:55:06,000 [CS50.TV]