1 00:00:00,000 --> 00:00:02,500 [Powered by Google Translate] [Seminar] [Web Development: Mill Idea għall-implimentazzjoni] 2 00:00:02,500 --> 00:00:04,200 [Ben Kuhn] [Billy Janitsch] [Harvard University] 3 00:00:04,200 --> 00:00:07,250 [Dan huwa CS50] [CS50.TV] 4 00:00:07,250 --> 00:00:10,840 [Billy] Hi, jien Billy u dan huwa Ben. >> [Ben] Hi. 5 00:00:10,840 --> 00:00:12,840 Aħna ser tkun jitkellem dwar web iżvilupp illum. 6 00:00:12,840 --> 00:00:14,840 [Webdev] [Billy Janitsch u Ben Kuhn] 7 00:00:14,840 --> 00:00:16,840 A ftit dwar us ewwel. 8 00:00:16,840 --> 00:00:19,590 Ben huwa tip tal-back-end Guy. Huwa jagħmel affarijiet xogħol. 9 00:00:19,590 --> 00:00:21,870 U mbagħad I jmorru fi u jagħmluhom pretty. 10 00:00:21,870 --> 00:00:26,610 Jien aktar involut b'aktar front-end tip tad-disinn tqassim ta 'għalf, 11 00:00:26,610 --> 00:00:31,260 u Ben, min-naħa l-oħra, jaf dak li qed jagħmel hekk hu jaħdem fuq Jittieħed back-end. 12 00:00:31,260 --> 00:00:34,050 Flimkien ħadna ftit affarijiet. 13 00:00:34,050 --> 00:00:38,710 Per eżempju, is-sena ħdimna fuq Gimblium li hija żvilupp logħba studio online. 14 00:00:38,710 --> 00:00:40,400 Dan kien proġett finali tagħna għall-klassi, 15 00:00:40,400 --> 00:00:42,780 u minn dakinhar aħna ħadna Harvard Klassi 16 00:00:42,780 --> 00:00:47,860 li huwa qafas online għall browsing u korsijiet shopping fil-Harvard. 17 00:00:47,860 --> 00:00:53,180 >> Aħna ser tibda bil din l-idea għall-websajt tagħna. 18 00:00:53,180 --> 00:00:57,480 Aħna qed tmur biex tagħmel Facebook, iżda għall-qtates. 19 00:00:57,480 --> 00:00:59,520 Qabel ma attwalment tagħmel din il-websajt, 20 00:00:59,520 --> 00:01:02,520 ma jagħmlu din il-websajt għaliex mhuwiex tajjeb, imma aħna ser jużawha bħala qafas 21 00:01:02,520 --> 00:01:05,349 u jgħaddu mill-proċess ta 'kif nieħdu din l-idea 22 00:01:05,349 --> 00:01:07,450 u jibdluh website reali nistgħu nużaw. 23 00:01:07,450 --> 00:01:11,940 Aħna ser tibda billi tkisser il-website isfel. 24 00:01:11,940 --> 00:01:13,190 Bħal inti kont qed tagħmel fil CS50, 25 00:01:13,190 --> 00:01:17,360 inti tixtieq li jaħsbu dwar liema huma l-komponenti attwali li jmorru fis dan is-sit. 26 00:01:17,360 --> 00:01:21,290 Bażikament ddawwar minn idea li huwa biss tip ta 'kunċett astratt 27 00:01:21,290 --> 00:01:23,590 fis reali, ħaġa tanġibbli li inti tista 'tagħmel. 28 00:01:23,590 --> 00:01:25,910 Nibdew billi tistaqsi xi mistoqsijiet. 29 00:01:25,910 --> 00:01:28,070 X'inhu dan is-sit? Għaliex aħna jagħmlu dan? 30 00:01:28,070 --> 00:01:30,670 Liema huwa se jintużaw għall? Li tip ta 'ħaġa. 31 00:01:30,670 --> 00:01:33,660 Fil-każ ta 'Facebook Cat, 32 00:01:33,660 --> 00:01:37,730 aħna bażikament tixtieq website li tikri qtates netwerk soċjali ma 'xulxin. 33 00:01:37,730 --> 00:01:41,260 L-idea tkun li dawn jistgħu post fuq ħitan ta 'xulxin, 34 00:01:41,260 --> 00:01:43,510 huma jistgħu jagħmlu kummenti, li tip ta 'ħaġa. 35 00:01:43,510 --> 00:01:46,720 U li fejn aħna niġu fil-komponenti funzjonali. 36 00:01:46,720 --> 00:01:51,270 Issa għandna dan it-tip ta 'qafas tal - għandna profili utent, 37 00:01:51,270 --> 00:01:53,990 għandna kummenti, u aħna jistgħu post. 38 00:01:53,990 --> 00:01:57,390 Forsi someday aħna ser influwent jħobb u li tip ta 'ħaġa. 39 00:01:57,390 --> 00:02:00,410 U aħna tip ta 'tixtieq li jipprijoritizzaw dawn il-karatteristiċi li jmorru pulzieri 40 00:02:00,410 --> 00:02:03,340 Irridu ngħidu simili, okay, huwa verament importanti li kulħadd ikollu profil 41 00:02:03,340 --> 00:02:06,440 u li kulħadd jista 'post fuq ħitan ta' xulxin. 42 00:02:06,440 --> 00:02:08,509 Sekondarja għal dik kummenti ikun sbieħ. 43 00:02:08,509 --> 00:02:10,180 Forsi aktar tard aħna ser influwent jħobb. 44 00:02:10,180 --> 00:02:13,700 Allura, inti tixtieq li jkollok idea ta 'x'hemm fundamentali għall-proġett tiegħek 45 00:02:13,700 --> 00:02:17,260 u x'hemm tip ta 'karatteristika aktar ġenerali li jistgħu jiġu applikati aktar tard. 46 00:02:17,260 --> 00:02:20,870 Inti tixtieq li tip ta jkollhom lista speċifiku fil-moħħ, 47 00:02:20,870 --> 00:02:24,090 iżda l-proġett li inti tibda bil mhix se tkun l-proġett li inti finitura magħhom. 48 00:02:24,090 --> 00:02:27,100 Fi kliem ieħor, l-affarijiet se jibdlu waqt li int qed jiżviluppaw is-sit, 49 00:02:27,100 --> 00:02:30,090 u inti tixtieq li jħalli spazju għal dan. 50 00:02:30,090 --> 00:02:34,470 I ser imissu fuq li Ben li għaddej biex jitkellmu ftit dwar struttura. 51 00:02:34,470 --> 00:02:39,610 >> [Ben] jien ser jitkellem dwar il-ġenb aktar tekniku ta 'żvilupp tal-web. 52 00:02:39,610 --> 00:02:42,370 Ejja biss jmorru fuq xi punti bażiċi ewwel. 53 00:02:42,370 --> 00:02:45,730 Meta int tagħmel app web, 54 00:02:45,730 --> 00:02:50,470 id-diviżjoni prinċipali li int ser jkollhom huwa li jkollhom 55 00:02:50,470 --> 00:02:52,700 int se jkollhom xi għalf għaddejjin fil-naħa tal-klijent - 56 00:02:52,700 --> 00:02:56,700 jiġifieri, il-kodiċi li int browser jieħu mis-sit 57 00:02:56,700 --> 00:03:01,910 u l-JavaScript, HTML, CSS Jittieħed. 58 00:03:01,910 --> 00:03:04,490 Li kollox fuq in-naħa tal-klijent. 59 00:03:04,490 --> 00:03:08,680 Int ser ikollhom kodiċi oħra li timxi fuq in-naħa server 60 00:03:08,680 --> 00:03:10,770 li żżomm kont ta 'l-informazzjoni kollha li n-nies jibagħtu lilek, 61 00:03:10,770 --> 00:03:15,060 jiddeċiedi li jagħti dak, għalf bħal dik. 62 00:03:15,060 --> 00:03:20,380 Dan huwa biss ftit terminoloġija sabiex inti guys huma kollha familjari ma 'dak li aħna qed jitkellem dwar. 63 00:03:20,380 --> 00:03:28,600 Lil hinn minn dik id-diviżjoni huwa tajjeb biex jaħsbu ta 'app web tiegħek f'termini ta' 64 00:03:28,600 --> 00:03:32,500 koppja ta 'komponenti distinti. 65 00:03:32,500 --> 00:03:35,270 Meta int tagħmel web iżvilupp 66 00:03:35,270 --> 00:03:41,710 waħda mill-affarijiet li inti għandek dejjem tkun qed tipprova tagħmel huwa li titnaqqas il-kumplessità. 67 00:03:41,710 --> 00:03:45,710 L-aktar kumplessi kodiċi tiegħek hi l-aktar ċans hemm biex jagħmlu bugs, 68 00:03:45,710 --> 00:03:47,710 l-aktar diffiċli hija li bidla aktar tard. 69 00:03:47,710 --> 00:03:50,140 Għalhekk, jekk inti tista ikissru app tiegħek fis xi żoni funzjonali distinti 70 00:03:50,140 --> 00:03:57,640 li se - u inti tista 'tnaqqas l-tip ta' ammont ta 'komunikazzjoni trans-żona - 71 00:03:57,640 --> 00:04:03,530 li ser jgħinek ħafna fit-tul f'termini ta 'tnaqqis bugs. 72 00:04:03,530 --> 00:04:07,950 >> Biex ikunu konkret, normalment in-nies jaqsam kull app web fis - 73 00:04:07,950 --> 00:04:13,190 dawn huma tip ta 'kliem buzz issa, iżda dawn għadhom qed utli. 74 00:04:13,190 --> 00:04:17,940 Inti tista smajt nies jitkellmu dwar mudelli, fehmiet, u kontrolluri. 75 00:04:17,940 --> 00:04:23,210 Mudelli huma id-data attwali li app tiegħek se jittrattaw. 76 00:04:23,210 --> 00:04:28,260 Per eżempju, fil Cat tiegħek Facebook, mudelli tiegħek tkun - 77 00:04:28,260 --> 00:04:35,340 youd jkollhom mudell għal postijiet simili, u mudell għal profili utent, għalf bħal dik. 78 00:04:35,340 --> 00:04:41,090 Fehmiet tiegħek huma kif inti tippreżenta li d-data għall-utenti tiegħek. 79 00:04:41,090 --> 00:04:46,660 Inti jista 'jkollok 1 ħsieb għal tħares lejn post wieħed u l-kummenti 80 00:04:46,660 --> 00:04:51,720 u opinjoni differenti għall-ħajt tiegħek li għandu lista ta 'l-karigi 81 00:04:51,720 --> 00:04:57,170 li huma diretti lilek, u fehma differenti għall-għalf aħbarijiet tiegħek - għalf bħal dik. 82 00:04:57,170 --> 00:05:00,610 Finalment, inti għandek l-kontrolluri li huma bażikament meta n-nies inti tibgħat postijiet 83 00:05:00,610 --> 00:05:03,310 u inti tagħmel l-aġġornamenti għas-sistema tiegħek back-end, 84 00:05:03,310 --> 00:05:06,400 inti inkrement mazz ta 'counters, u tkun xi tkun. 85 00:05:06,400 --> 00:05:07,860 Dawk huma kontrolluri tiegħek. 86 00:05:07,860 --> 00:05:11,030 >> Jien ser tkun jitkellem aktar dwar mudelli. 87 00:05:11,030 --> 00:05:14,030 Views huma teknikament mhux li diffiċli u l-kwistjoni hija aktar bl tfassil magħhom 88 00:05:14,030 --> 00:05:22,040 Kontrolluri ser ikunu speċifiċi għal dak kollu li int tfassil. 89 00:05:22,040 --> 00:05:25,220 Iżda hemm xi tekniki pretty ġenerali tista 'tuża 90 00:05:25,220 --> 00:05:30,220 biex il-mudelli tiegħek nicer u aktar faċli li taħdem ma 'li naħseb huma utli ħafna. 91 00:05:30,220 --> 00:05:35,860 Dan huwa l-aktar se tkun dwar kif jittrattaw ma 'data tiegħek apps web b'mod sabiħ. 92 00:05:35,860 --> 00:05:40,420 Il-kwistjonijiet ewlenin b'mudelli 93 00:05:40,420 --> 00:05:44,540 huma li jgħixu fuq il-klijent u l-server u inti għandek figura out 94 00:05:44,540 --> 00:05:51,170 a) kif tikseb minnhom - dawk kollha rilevanti - mill-server lill-klijent, 95 00:05:51,170 --> 00:05:53,440 u b) kif jinżammu fil sync. 96 00:05:53,440 --> 00:05:58,700 Utenti tiegħek ser tixtieq tagħmel xi aġġornamenti. 97 00:05:58,700 --> 00:06:00,470 Huma qed tmur jridu jagħmlu postijiet ġodda. 98 00:06:00,470 --> 00:06:04,800 Huma qed tmur jridu simili affarijiet u l-għalf jekk għandek jħobb. 99 00:06:04,800 --> 00:06:11,490 Dawn huma l-isfidi tekniċi ewlenin li jittrattaw ma 'mudelli. 100 00:06:11,490 --> 00:06:15,680 L-ewwel ħaġa li int ser tixtieq li tistaqsi lilek innifsek huwa 101 00:06:15,680 --> 00:06:18,420 liema tip ta 'data tmur f'dan il-mudell u liema tip ta' mistoqsijiet aħna se trid tagħmel - 102 00:06:18,420 --> 00:06:24,290 jiġifieri, kif aħna ser tħares lejn il-mudelli? 103 00:06:24,290 --> 00:06:26,940 Per eżempju Cat tiegħek Facebook, 104 00:06:26,940 --> 00:06:31,520 post tiegħek huwa se jkollu awtur assoċjat miegħu, 105 00:06:31,520 --> 00:06:35,660 xi test post-ħajt, u r-riċevitur tal-post ħajt. 106 00:06:35,660 --> 00:06:38,470 U allura inti tista 'tixtieq li mistoqsija li mazz ta' modi differenti. 107 00:06:38,470 --> 00:06:42,220 Inti tixtieq li tħares lejn din minn li kiteb li post, 108 00:06:42,220 --> 00:06:46,620 billi li rċevew li post, forsi sad-data kienu stazzjonati. 109 00:06:46,620 --> 00:06:50,340 Imma jekk int ser tagħmel dan skond id-data, imbagħad inti għandek żid qasam ieħor biex post tiegħek 110 00:06:50,340 --> 00:06:52,490 ta 'meta kienet effettivament stazzjonati. 111 00:06:52,490 --> 00:07:00,220 Dawn il-fatturi 2 - liema data li trid tuża u kif inti tixtieq li tarah - 112 00:07:00,220 --> 00:07:04,200 għandek taħseb dwarhom ewwel għax jiddependu fuq xulxin, 113 00:07:04,200 --> 00:07:08,030 u li għaddej biex tkun aktar diffiċli li jiġu miżduda ma aktar tard. 114 00:07:08,030 --> 00:07:12,750 >> Hemm xi konsiderazzjonijiet oħra. 115 00:07:12,750 --> 00:07:17,540 Meta inti qed jaħsbu dwar kif inti jittrattaw ma 'mudelli fuq is-server 116 00:07:17,540 --> 00:07:20,540 dak li trid tħares lejn huwa - 117 00:07:20,540 --> 00:07:27,440 inti bażikament tixtieq li tagħmel l-server sempliċi kemm jista 'jkun. 118 00:07:29,440 --> 00:07:35,500 Nagħmlu Jittieħed fuq in-naħa klijent huwa ġeneralment ħafna aktar malajr jekk inti tista 'tagħmel dan biss fuq il-klijent 119 00:07:35,500 --> 00:07:38,230 mingħajr ma jsir kwalunkwe tip ta 'talba network. 120 00:07:38,230 --> 00:07:47,860 L-idea hija li tagħmel kif ħafna mill-mistoqsijiet kif inti tista 'fuq il-klijent. 121 00:07:47,860 --> 00:07:51,560 L-unika problema li 122 00:07:51,560 --> 00:07:54,160 hija li jekk inti titlob kollha tad-data tiegħek fil-bidu 123 00:07:54,160 --> 00:07:57,160 allura li għaddej biex tieħu żmien twil biex tagħbija. 124 00:07:57,160 --> 00:08:02,290 Għalhekk, l-idea hija li jinstab mezz kuntenti bejn li data biżżejjed dwar l-klijent 125 00:08:02,290 --> 00:08:07,640 li inti tista 'tagħmel ħafna ta' xogħol tiegħek hemm iżda mhux biss fetching kollox f'daqqa 126 00:08:07,640 --> 00:08:09,710 hekk li tikseb ħinijiet verament bil-mod fil-bidu. 127 00:08:09,710 --> 00:08:12,610 Per eżempju, għal data qattus tiegħek 128 00:08:12,610 --> 00:08:20,340 inti probabilment tixtieq li jġibu mazz ta 'postijiet tal-ħajt riċenti. 129 00:08:20,340 --> 00:08:23,790 Inti ma tkunx tixtieq li jġibu kull wieħed minnhom minħabba li tista 'tmur lura ftit ta' snin. 130 00:08:23,790 --> 00:08:25,470 Imma inti ma tridx li jġibu magħhom wieħed fi żmien 131 00:08:25,470 --> 00:08:28,740 minħabba li tintroduċi ħafna overhead network. 132 00:08:28,740 --> 00:08:33,620 >> Huwa spiss pjuttost diffiċli - ladarba inti għandek database running - 133 00:08:33,620 --> 00:08:37,210 huwa spiss pjuttost diffiċli għall-bidla liema data għandek fiha - 134 00:08:37,210 --> 00:08:40,510 jiġifieri, żid kolonna database ġdida jew xi ħaġa - 135 00:08:40,510 --> 00:08:43,510 hekk strateġija waħda tajba huwa attwalment biss biex iżommu ħafna ta 'data tiegħek fi blob test - 136 00:08:43,510 --> 00:08:53,880 blob JSON - JSON jkunu JavaScript Notazzjoni Għan - 137 00:08:53,880 --> 00:08:58,330 Ir-raġuni li utli huwa għaliex imbagħad inti tista 'żżid proprjetajiet ġodda 138 00:08:58,330 --> 00:09:01,920 kollha ta 'dawn blobs JSON mingħajr ma jinbidlu database tiegħek. 139 00:09:01,920 --> 00:09:06,860 L-uniku tnaqqis għal din hija li jekk inti għandek mazz ta 'oqsma 140 00:09:06,860 --> 00:09:09,890 li inti miżjud aktar tard - bħal moħbija f'dak blob JSON - 141 00:09:09,890 --> 00:09:12,850 allura huwa aktar diffiċli għall-mistoqsija minnhom ġewwa d-database. 142 00:09:12,850 --> 00:09:17,690 Per eżempju, jekk inti aktar tard - jekk kellek mudell post tiegħek li aħna diskussa aktar kmieni 143 00:09:17,690 --> 00:09:25,380 biss l-awtur, ir-reċipjent u t-test - 144 00:09:25,380 --> 00:09:29,000 inti tista 'wkoll ikollha blob JSON u mbagħad jekk inti aktar tard ried iżid qasam data 145 00:09:29,000 --> 00:09:31,000 inti ma jkollhomx għall-bidla database tiegħek. 146 00:09:31,000 --> 00:09:36,140 Inti tista 'biss żid dati kollha tal-oqsma test. 147 00:09:36,140 --> 00:09:39,640 U allura inti tkun kapaċi li tħares lejn dawk fuq in-naħa tal-klijent, 148 00:09:39,640 --> 00:09:42,430 imma inti ma tkunx kapaċi li jsaqsu minnhom fuq in-naħa server 149 00:09:42,430 --> 00:09:44,430 għaliex dan huwa moħbija ġewwa dak it-test. 150 00:09:44,430 --> 00:09:49,920 >> Il-kwistjoni oħra li inti tixtieq li jaħsbu dwar 151 00:09:49,920 --> 00:09:52,400 huwa kif klijent tiegħek u server tiegħek ser jikkomunikaw. 152 00:09:52,400 --> 00:09:56,040 Inti normalment trid iżomm dan sempliċi kemm jista 'jkun. 153 00:09:56,040 --> 00:10:02,230 Tista 'biss jkollhom bħal-me-dan get talba data, 154 00:10:02,230 --> 00:10:09,140 a-joħolqu-ġdid oġġett ħaġa, u talba aġġornament ta 'qodma-oġġett. 155 00:10:09,140 --> 00:10:12,930 U dawn se jkunu kollha URLs differenti fuq server li inti - 156 00:10:12,930 --> 00:10:20,030 li l-browser se - tista 'tuża t-talbiet Ajax għall kollha ta' dawn 157 00:10:20,030 --> 00:10:24,000 u jew jirċievu jew data post. 158 00:10:24,000 --> 00:10:26,600 Għal darb'oħra, għall Cat eżempju Facebook tagħna, 159 00:10:26,600 --> 00:10:32,350 inti jista 'jkollhom li URL tikseb post individwali, 160 00:10:32,350 --> 00:10:39,750 u youd jkollhom URL għall-ħolqien ta 'post ħajt ġdid 161 00:10:39,750 --> 00:10:45,670 u forsi URL għall-uploading stampa profil tiegħek, għalf bħal dik. 162 00:10:45,670 --> 00:10:51,730 Iżda għal darb'oħra, li l-pre-jġibu aktar ta 'data tiegħek sabiex inti ma għandhomx iżommu 163 00:10:51,730 --> 00:10:53,360 jagħmlu talbiet min-netwerk. 164 00:10:53,360 --> 00:10:59,030 Għal dik ir-raġuni, inti ma tista 'tixtieq li jkollhom dik it-talba nikseb individwali għal pożizzjoni waħda, 165 00:10:59,030 --> 00:11:03,210 u minflok inti biss irrid 1 talba get għall-ħajt kollu. 166 00:11:03,210 --> 00:11:06,110 U mbagħad jekk inti qed tipprova ssib bilanċ għaliex - 167 00:11:06,110 --> 00:11:10,970 dan huwa wkoll ser jiddependu fuq l-applikazzjoni tiegħek. 168 00:11:10,970 --> 00:11:13,430 Għaliex jekk inti qed jistennew li n-nies għandhom biss 10 jew 20 postijiet tal-ħajt 169 00:11:13,430 --> 00:11:15,430 li se tkun multa. 170 00:11:15,430 --> 00:11:17,390 Imma jekk inti qed jistennew dawn ser ikollhom eluf allura dik it-talba se jieħdu wisq żmien, 171 00:11:17,390 --> 00:11:23,580 u għalhekk inti tista 'tixtieq iżżid nikseb-postijiet kollha' sa mill-parametru. 172 00:11:23,580 --> 00:11:26,580 >> Għall kollha ta 'dawn int probabilment tmur jridu sinkronizzazzjoni tas-data tiegħek fl JSON - 173 00:11:26,580 --> 00:11:29,260 JavaScript Notazzjoni Għan. 174 00:11:29,260 --> 00:11:34,600 Pretty ħafna kull lingwa jittratta JSON tajjeb ħafna. 175 00:11:34,600 --> 00:11:40,880 JQuery għandha din il-funzjoni getJSON sbieħ li se tagħmel dak kollu tal-ħidma iebsa għalik. 176 00:11:40,880 --> 00:11:47,390 U fuq PHP hemm ukoll funzjonijiet ta 'komunikazzjoni JSON sbieħ ħafna. 177 00:11:47,390 --> 00:11:52,660 Allura, li probabbilment l-aħjar format biex jintbagħtu mudelli tiegħek quddiem u lura. 178 00:11:52,660 --> 00:11:56,570 >> Bħala eżempju ta 'dak konna tkellimna dwar s'issa, 179 00:11:56,570 --> 00:12:00,520 Hawn eżempju fluss għal Cat Facebook applikazzjoni tiegħek. 180 00:12:00,520 --> 00:12:07,760 Huwa jibda off mal-browser tiegħek li titlob l-URL website bażi. 181 00:12:07,760 --> 00:12:15,470 Il-server probabbilment jibgħat fuq HTML statiku u xi JavaScript u CSS. 182 00:12:15,470 --> 00:12:19,170 Huwa ġeneralment aħjar li ma tagħmel xi tirrendi fuq is-server. 183 00:12:19,170 --> 00:12:23,370 Inti probabilment ma jridux - 184 00:12:23,370 --> 00:12:28,360 dak il-server ma tagħmel hemm se jistabbilixxi l-lista ta 'postijiet tal-ħajt 185 00:12:28,360 --> 00:12:31,120 u jiġġeneraw xi HTML għal kull wieħed u jibgħat dak fuq. 186 00:12:31,120 --> 00:12:34,960 Huwa ġeneralment aħjar biex tagħmel dan fuq il-naħa tal-klijent għax inkella 187 00:12:34,960 --> 00:12:38,580 kull darba li inti tixtieq li terġa 'tiġbed xi ħaġa, inti għandek tagħmel talba server. 188 00:12:38,580 --> 00:12:42,450 U li malajr ħafna jagħtik ħafna ta 'overhead. 189 00:12:42,450 --> 00:12:47,430 Huwa ġeneralment aħjar biss biex bastiment jibgħat isfel statiku HTML 190 00:12:47,430 --> 00:12:50,660 u mbagħad JavaScript u CSS li se jagħmlu l-għoti fuq il-naħa tal-klijent. 191 00:12:50,660 --> 00:12:56,750 Hekk kif li Jittieħed tidħol fi, 192 00:12:56,750 --> 00:13:03,500 allura inti jista 'jkollhom - fir JavaScript - inti tista' tagħmel talbiet għad-data tal-ħajt 193 00:13:03,500 --> 00:13:08,740 u għalf bħal dik, u wara li s-server huwa bażikament biss tagħmel mistoqsijiet database 194 00:13:08,740 --> 00:13:10,740 u l-verifika permessi. 195 00:13:10,740 --> 00:13:16,690 L-unika ħaġa importanti hija li hi ma tistax tibgħat fuq xi postijiet oħra tal-ħajt utenti 196 00:13:16,690 --> 00:13:19,220 li int mhux permess biex tara. 197 00:13:19,220 --> 00:13:28,050 Hija tista 'bażikament tkun saff aċċess irqiq ħafna li database tiegħek, 198 00:13:28,050 --> 00:13:32,820 u mbagħad kollha tal-li juru l-data - kollha tal-fehmiet u l-għalf - 199 00:13:32,820 --> 00:13:37,280 dawk jista 'jiġri fil-browser tiegħek, u mbagħad meta inti tixtieq li tagħmel post jew xi ħaġa 200 00:13:37,280 --> 00:13:40,000 inti biss tibgħat talba oħra. 201 00:13:40,000 --> 00:13:45,350 >> Hemm ukoll xi Jittieħed fancy inti tista 'tagħmel fuq quċċata ta' dan. 202 00:13:45,350 --> 00:13:49,550 F'termini ta 'informazzjoni teknika aktar speċifika, 203 00:13:49,550 --> 00:13:53,360 iżvilupp fil-pjanura JavaScript tista 'tkun ftit uġigħ, 204 00:13:53,360 --> 00:13:56,220 hekk hemm xi libreriji u għodod li se jgħinek ħafna ma 'dak. 205 00:13:56,220 --> 00:14:03,690 Naħseb li inti stajt kollha probabbilment jinstemgħu dwar jQuery li tagħmel tagħmel tirrendi HTML 206 00:14:03,690 --> 00:14:08,890 u manipulazzjoni ħafna aktar faċli - jkollhom lottijiet ta 'funzjonijiet fancy għall fading u' l barra, 207 00:14:08,890 --> 00:14:12,020 u tagħmel animazzjonijiet zippy. 208 00:14:12,020 --> 00:14:13,720 Hemm ukoll din il-librerija imsejħa Underscore.js. 209 00:14:13,720 --> 00:14:20,760 Hija għandha ħafna ta 'funzjonijiet ta' utilità utli, Jittieħed li inti tistenna JavaScript li jkollhom 210 00:14:20,760 --> 00:14:24,740 li verament doesn't - affarijiet bħal jsir ċaqliq firxa, 211 00:14:24,740 --> 00:14:28,900 tneħħi duplikati minn lista, jew iċċattjar lista ta 'listi. 212 00:14:28,900 --> 00:14:30,900 Dan huwa biss kampjun kodiċi żgħir. 213 00:14:30,900 --> 00:14:36,520 Jtennu għandha ton ta 'dawn il-funzjonijiet sbieħ li tixtieq inti jkollok il-ħin kollu. 214 00:14:36,520 --> 00:14:38,840 >> U allura hemm 1 Librerija aktar li nixtieq li jonfqu ftit ta 'żmien fuq 215 00:14:38,840 --> 00:14:44,800 imsejħa Backbone.js minħabba Sinsla verament tgħinek jittrattaw mudelli fis-naħa tal-klijent 216 00:14:44,800 --> 00:14:47,210 u ħafna ta 'l-konfużjoni li tista' tikkawża. 217 00:14:47,210 --> 00:14:53,550 Sinsla jagħtik dan il-kunċett ta 'mudelli u kollezzjonijiet 218 00:14:53,550 --> 00:14:58,300 fl JavaScript li huma bażikament eżattament bħal JavaScript oġġetti 219 00:14:58,300 --> 00:15:04,900 fil arrays JavaScript iżda dawn għandhom l-avvenimenti meta inti jibdlu l-karatteristiċi tagħhom. 220 00:15:04,900 --> 00:15:09,090 Eżatt bħal fil-JavaScript, inti jista 'jkollhom avveniment meta buttuna gets għafast jew xi ħaġa 221 00:15:09,090 --> 00:15:14,800 dawn il-mudelli ta 'qofol u kollezzjonijiet xewka se jixxandru affarijiet simili 222 00:15:14,800 --> 00:15:17,510 li meta dawn jinbidlu. 223 00:15:17,510 --> 00:15:22,270 Dan ifisser li inti tista 'biss tikteb xi ħaġa bħal din snippet tal-kodiċi hawn - 224 00:15:22,270 --> 00:15:27,530 dan jgħid, kull meta inti żżid xejn mal-firxa postijiet inti tiġbed il-ħajt kollu. 225 00:15:27,530 --> 00:15:34,270 U dan ngħid kull meta numru ta 'post ta' jħobb bidliet, 226 00:15:34,270 --> 00:15:38,970 inti jinnotifika lill-utent li xi ħadd gustado post tagħhom. 227 00:15:38,970 --> 00:15:45,210 Jew kull meta kwalunkwe proprjetà ta 'post bidliet int tiġbed l-post. 228 00:15:45,210 --> 00:15:51,050 Għalf bħal dik se jiffrankaw tunnellata ta 'kumplessità għax inkella 229 00:15:51,050 --> 00:15:55,440 jekk inti ma għandekx xi qafas bħal dan mbagħad kull darba fil-kodiċi tiegħek li inti bidla 230 00:15:55,440 --> 00:16:04,280 xejn dwar post, youd għandek tiftakar lilek innifsek li jsejħu l-jirrendu funzjonijiet 231 00:16:04,280 --> 00:16:07,680 u għalf bħal dik, u jekk inti ried iżid xi ħaġa ġdida li ġara 232 00:16:07,680 --> 00:16:10,680 kull darba li inti modifikati post youd jkollhom jgħaddu kull post fid tiegħek 233 00:16:10,680 --> 00:16:14,610 kodiċi li inti modifikati post u jżidu li ħaġa ġdida. 234 00:16:14,610 --> 00:16:21,450 Qafas bħal dan se tneħħi ħafna ta 'dik il-komunikazzjoni bejn-saff 235 00:16:21,450 --> 00:16:28,280 li jagħmel kodiċi tiegħek kumplessi u diffiċli li jżommu. 236 00:16:28,280 --> 00:16:31,170 >> Hemm ftit dwar fehmiet wkoll. 237 00:16:31,170 --> 00:16:35,960 Jien ser tħalli aktar ta 'dan Billy għaliex qed teknikament diffiċli ħafna. 238 00:16:35,960 --> 00:16:43,540 Uża jQuery għall-fehmiet tiegħek. Huwa prattikament bħal neċessità f'dan il-punt. 239 00:16:43,540 --> 00:16:46,290 Hija biss jagħmel kollox daqstant faċli. 240 00:16:46,290 --> 00:16:48,290 Hemm ħafna ta 'libreriji. 241 00:16:48,290 --> 00:16:49,970 Jekk inti ikkomplikaw elementi user-interface, 242 00:16:49,970 --> 00:16:57,250 jekk inti tixtieq ħaġa auto-sħiħ jew tixtieq wieħed minn dawk multi-seletturi fancy - 243 00:16:57,250 --> 00:17:04,790 jekk inti tixtieq xi ħaġa bħal dik, inti għandek probabbilment biss tfittxija madwar 244 00:17:04,790 --> 00:17:08,130 u tista 'ssib librerija tajba li se tagħmel dak li trid. 245 00:17:08,130 --> 00:17:11,579 Billy se jispjega aktar dwar il-partijiet attwalment diffiċli ta 'fehmiet. 246 00:17:11,579 --> 00:17:17,530 Ukoll, bħala nota tal-ġenb, Sinsla għandu xi funzjonalità għal teħid fehmiet jikkomunikaw 247 00:17:17,530 --> 00:17:22,800 nicely ma 'mudelli - ħarsa lejn il-dokumentazzjoni għall kollha ta' dawn libreriji, attwalment. 248 00:17:22,800 --> 00:17:28,270 Biss ħarsa lejn il-docs. Huma qed ferm bil-miktub u faċli biex isegwu. 249 00:17:28,270 --> 00:17:33,890 B'mod ġenerali, inti tista pretty ħafna biss Google jekk għandek problemi. 250 00:17:33,890 --> 00:17:36,370 Hemm ħafna nies li jużawhom. 251 00:17:36,370 --> 00:17:42,020 Naħseb li dan huwa kif nota finali. 252 00:17:42,020 --> 00:17:48,770 >> Hemm ukoll xi affarijiet aktar avvanzati li inti tista 'tagħmel 253 00:17:48,770 --> 00:17:53,400 jekk qed tfittex li tagħmel app web tiegħek extra biża. 254 00:17:53,400 --> 00:17:59,760 Tista 'tagħmel - l-ispeċifikazzjoni HTML5 ġdid għandu ħafna affarijiet fancy li tista' tagħmel. 255 00:17:59,760 --> 00:18:05,780 Ħżin lokali - li huwa inti jista 'jaħżen data fil-browser - 256 00:18:05,780 --> 00:18:09,470 aktar milli jkollhom imorru lura u jaqraw b'attenzjoni l-server għal kollox, 257 00:18:09,470 --> 00:18:12,470 inti tista 'żżomm xi wħud fuq il-klijent u li anke jippermetti lin-nies - 258 00:18:12,470 --> 00:18:20,850 f'xi każijiet tista 'anki let inti tuża l-offline webpage. 259 00:18:20,850 --> 00:18:26,980 Hemm dan ħaġa imsejħa websockets li huma tip differenti ta 'komunikazzjoni tan-network 260 00:18:26,980 --> 00:18:30,930 fejn minflok sempliċiment tagħmel talba waħda, ikollok rispons u inti qed isir, 261 00:18:30,930 --> 00:18:35,240 inti żżomm tiftaħ konnessjoni mal-server u għalhekk inti tista 'tagħmel affarijiet simili 262 00:18:35,240 --> 00:18:37,240 aġġornamenti fil-ħin reali. 263 00:18:37,240 --> 00:18:42,020 Għalhekk, jekk inti kienu qegħdin jippruvaw jagħmlu chat app, inti tista 'tuża websockets 264 00:18:42,020 --> 00:18:43,790 biex jikkomunikaw u lura sabiex inti ma għandhomx iżommu rikjedenti, 265 00:18:43,790 --> 00:18:48,410 "Oh, server, ma xi ħadd tibgħatli chat?" kull 10 sekonda jew xi ħaġa. 266 00:18:48,410 --> 00:18:55,620 Hemm ukoll fattur HTML5 interessanti fejn inti tista 'tagħmel dehra 267 00:18:55,620 --> 00:18:58,340 l-URL tal-paġna qed tinbidel mingħajr qatt ma attwalment rikarigu dan. 268 00:18:58,340 --> 00:19:03,230 Tista 'tuża lura u jgħaddi buttuni mingħajr ma jsir mazz ta' talbiet min-netwerk. 269 00:19:03,230 --> 00:19:14,660 Għalf bħal dik hija verament utli fir-rigward ta 'li jagħmilha malajr iżda wkoll jaħdmu bħal app web suppost. 270 00:19:14,660 --> 00:19:17,680 >> Hemm ukoll dan ħaġa imsejħa CoffeeScript. 271 00:19:17,680 --> 00:19:24,450 CoffeeScript hija lingwa differenti, fil-fatt, li jikkompila sa JavaScript. 272 00:19:24,450 --> 00:19:30,080 Inti se jikteb kodiċi kollha tiegħek fil CoffeeScript, u ​​mbagħad inti tmexxi dan kompilatur, 273 00:19:30,080 --> 00:19:33,300 u spits out fajl JavaScript li inti tista 'tinkludi fil-webpage tiegħek. 274 00:19:33,300 --> 00:19:38,860 Ir-raġuni li CoffeeScript huwa sbieħ huwa minħabba li gets rid ta 'lott tal- 275 00:19:38,860 --> 00:19:44,760 każijiet stramb li JavaScript għandha fejn ugwali ugwali, 276 00:19:44,760 --> 00:19:51,130 u ugwali ugwali jagħmlu affarijiet differenti, jew simili - 277 00:19:51,130 --> 00:19:55,740 hija għandha sintassi nicer biex jittrattaw arrays u funzjonijiet. 278 00:19:55,740 --> 00:20:00,460 Dan huwa snippet ftit ta CoffeeScript li jipproduċi lista ta 'l-kwadri 279 00:20:00,460 --> 00:20:04,900 minn 10 ^ 2-1 ^ 2 sabiex reverse. 280 00:20:04,900 --> 00:20:08,410 Kif tistgħu taraw, CoffeeScript spiss ihallik jesprimu fil-linja 1 281 00:20:08,410 --> 00:20:10,890 dak li jieħu 5 linji ta 'JavaScript. 282 00:20:10,890 --> 00:20:13,230 Hija tista 'tagħmel ħafna affarijiet eħfef. 283 00:20:13,230 --> 00:20:15,390 Huwa xi ftit ta 'sintassi ġdida biex jitgħallmu fl-ewwel, 284 00:20:15,390 --> 00:20:18,010 iżda definittivament se tagħmel inti aktar produttivi fit-tul. 285 00:20:18,010 --> 00:20:22,050 >> Tista 'wkoll tuża lingwi oħra fuq is-server minn PHP - 286 00:20:22,050 --> 00:20:27,570 lingwi bħal Ruby, Python, jew hemm anke proġett imsejjaħ node.js 287 00:20:27,570 --> 00:20:31,450 li ser tavżak tuża JavaScript fuq is-server. 288 00:20:31,450 --> 00:20:34,700 Personally, I really, really hate PHP. 289 00:20:34,700 --> 00:20:38,310 I biss ma gost naħdem magħha. 290 00:20:38,310 --> 00:20:43,450 Jekk inti, wisq, naħseb li din hija cluge orribbli ta 'lingwa, 291 00:20:43,450 --> 00:20:46,160 allura inti tista 'tuża wieħed minn dawn minflok. 292 00:20:46,160 --> 00:20:54,780 B'mod ġenerali, jekk inti tixtieq li tagħmel xi ħaġa u inti ma verament jafu kif inti tagħmel dan, 293 00:20:54,780 --> 00:20:56,780 biss tfittex l-Internet. 294 00:20:56,780 --> 00:20:59,990 Hemm tunnellata u tunnellati ta 'riżorsi speċjalment fuq - 295 00:20:59,990 --> 00:21:03,260 StackOverflow hija waħda kbira. 296 00:21:03,260 --> 00:21:06,400 Huwa din il-websajt fejn programmaturi jistaqsu kull kwistjonijiet oħra. 297 00:21:06,400 --> 00:21:09,690 Inti jista 'jkollok run fis dan jekk inti kienu trouble wara fuq settijiet problema CS50. 298 00:21:09,690 --> 00:21:16,820 U hemm tunnellata ta 'libreriji biex tagħmel xi ħaġa pjuttost ħafna inti tixtieq. 299 00:21:16,820 --> 00:21:21,710 Jekk inti tixtieq li tagħmel xi ħaġa u ma tafx kif jagħmlu dan, 300 00:21:21,710 --> 00:21:23,710 ma jassumu li huwa impossibbli. 301 00:21:23,710 --> 00:21:26,160 Just ħarsa madwar u inti tista 'ssib xi riżorsi tajbin. 302 00:21:26,160 --> 00:21:29,280 >> Bħala ġenerali nagħlaq, 303 00:21:29,280 --> 00:21:33,650 l-takeaways ewlenin huma żżomm affarijiet sempliċi. 304 00:21:33,650 --> 00:21:36,010 L-aktar kumplessi kodiċi tiegħek huwa fil-bidu 305 00:21:36,010 --> 00:21:40,370 u l-aktar inti tipprova tagħmel Jittieħed fancy, 306 00:21:40,370 --> 00:21:43,300 l-itwal li ser jieħu biex tikseb xi ħaġa fil-fatt funzjonali 307 00:21:43,300 --> 00:21:46,480 u aktar ikun diffiċli li se jkun li tinbidel l-aktar tard. 308 00:21:46,480 --> 00:21:49,580 Allura, tagħmel l-affarijiet mutu, mod faċli ewwel. 309 00:21:49,580 --> 00:21:51,720 Biex imorru flimkien ma 'dan, 310 00:21:51,720 --> 00:21:59,070 ma jkun jibża 'tarmi kodiċi antiki jew tindif it up a lott. 311 00:21:59,070 --> 00:22:05,320 B'mod ġenerali, ladarba inti fil-fatt ikollhom xogħol xi ħaġa, 312 00:22:05,320 --> 00:22:09,640 huwa ħafna aktar faċli biex jaħsbu dwar minn meta int xorta fil-istadji tal-bidu 313 00:22:09,640 --> 00:22:12,610 ta 'kif nista' tpoġġi dan kollu flimkien. 314 00:22:12,610 --> 00:22:17,500 Huwa aħjar li jagħmlu l-disinn dumbest possibbli li xogħlijiet 315 00:22:17,500 --> 00:22:22,270 u mbagħad tittejjeb iteratively milli tipprova tikseb kollox dritt l-ewwel darba. 316 00:22:22,270 --> 00:22:28,330 F'termini ta 'diviżjoni client-server, ipprova u jżommu server tiegħek sempliċi ħafna - 317 00:22:28,330 --> 00:22:33,030 biss database u xi awtentikazzjoni u ma tagħmel xi xogħol iebes hemmhekk. 318 00:22:33,030 --> 00:22:37,540 Do kollha ta 'għalf kkumplikata tiegħek fuq il-naħa tal-klijent fil-browser 319 00:22:37,540 --> 00:22:40,650 fl JavaScript kemm tista '. 320 00:22:40,650 --> 00:22:43,420 Ħares madwarek għal-libreriji li jagħmlu l-ħajja tiegħek aħjar. 321 00:22:43,420 --> 00:22:46,850 Dejjem aħjar li tuża kodiċi li xi ħadd ieħor kiteb 322 00:22:46,850 --> 00:22:49,850 jekk inti - u mhux li tikteb it yourself. 323 00:22:49,850 --> 00:22:57,560 Hemm ħafna ta 'għalf fuq l-Internet. Google hija aqwa ħabib tiegħek. 324 00:22:57,560 --> 00:22:59,560 Google hija aqwa ħabib tal-programmer. 325 00:22:59,560 --> 00:23:07,620 Yeah, żgur ma jibżgħux ħarsa madwar għall-għalf. 326 00:23:07,620 --> 00:23:11,860 Kull dritt. U aktar lil Billy. 327 00:23:11,860 --> 00:23:14,600 >> [Billy] Fil-fatt, qabel ma nibda ma xi għalf disinn, 328 00:23:14,600 --> 00:23:17,250 ħadd ma jkollu xi mistoqsijiet għall Ben dwar xi ħaġa li hu tkellem dwar? 329 00:23:17,250 --> 00:23:20,290 Okay, tajba. 330 00:23:20,290 --> 00:23:22,220 Għal darb'oħra, let us know jekk xejn mhux ċar 331 00:23:22,220 --> 00:23:25,420 jew jekk inti tixtieq magħna li jmorru fuq xi ħaġa daqsxejn aktar. 332 00:23:25,420 --> 00:23:30,330 Jien ser pass lura ftit u jitkellmu dwar il-partijiet aktar fundamentali ta 'disinn. 333 00:23:30,330 --> 00:23:34,840 Ben semma l-mudell imsejjaħ - sorry, il-mudell tas-sistema ħsieb kontrollur 334 00:23:34,840 --> 00:23:38,520 li huwa tip ta 'l-aspett tekniku, hekk jien ser tħares lejn fehmiet speċifiku, 335 00:23:38,520 --> 00:23:42,930 u jien ser tibda mal-mod kif youd disinn ħsieb li jistenna sbieħ. 336 00:23:42,930 --> 00:23:50,540 Hawn tip ta 'mudell verament bażiku għal Cat tagħna Facebook. 337 00:23:50,540 --> 00:23:54,190 Naħseb li hemm xi elementi fundamentali fid-disinn UI modern 338 00:23:54,190 --> 00:23:56,190 li jkunu jiswew picking up. 339 00:23:56,190 --> 00:23:58,210 Tista 'tinnota hemm ħafna spazju abjad madwar il-paġna, 340 00:23:58,210 --> 00:24:00,790 ħafna spazju għal affarijiet. 341 00:24:00,790 --> 00:24:02,580 M'għandekx tħoss bħal għandek squash affarijiet fil-paġna. 342 00:24:02,580 --> 00:24:06,700 Inti tixtieq li jħallu lottijiet ta 'kamra miftuħ, u jekk inti tmur għal kważi kull website modern 343 00:24:06,700 --> 00:24:08,380 tkun taf tara hemm abjad kullimkien. 344 00:24:08,380 --> 00:24:10,380 Hemm abjad fil-postijiet inti ma tistenna. 345 00:24:10,380 --> 00:24:14,570 Għandek dan paletta kulur, u huwa għaqli fil-bidu 346 00:24:14,570 --> 00:24:17,880 jagħżlu paletta kulur li int ser taħdem ma 'u jiżviluppaw. 347 00:24:17,880 --> 00:24:22,250 Inti ukoll - dan jgħin biex jagħżlu tipa, u li mod inti qed tip ta 'ħidma ma' 348 00:24:22,250 --> 00:24:24,450 dawn fundamentali konkreti ta 'disinn. 349 00:24:24,450 --> 00:24:26,910 Inti għandek tip tiegħek, inti għandek kuluri tiegħek, u allura inti tista 'tip ta' 350 00:24:26,910 --> 00:24:29,380 tajbin kollox fil kif meħtieġ. 351 00:24:29,380 --> 00:24:37,710 Allura, kif għidt, ma iskema color tiegħek inti tixtieq li tuża l-kuluri aktar kuraġġuża ta 'skema ta' kulur tiegħek 352 00:24:37,710 --> 00:24:40,320 kemxejn. Headers huma sbieħ. Buttuni huma sbieħ li jkollhom verament kbar, kuluri flashy. 353 00:24:40,320 --> 00:24:43,710 Iżda b'mod ġenerali, jekk għandek websajt li għandha kuluri kullimkien, 354 00:24:43,710 --> 00:24:47,250 kull tluq inti fil-wiċċ, hija biss jistenna cluttered, u huwa no tajba. 355 00:24:47,250 --> 00:24:50,430 Inti tixtieq li ġeneralment jużaw kuluri tad-dawl. 356 00:24:50,430 --> 00:24:52,890 Ipprova, għal darb'oħra, pick kulur iskema pretty koerenti. 357 00:24:52,890 --> 00:24:56,640 Inti jista 'jkollhom dawn titjir ftit ta' lottijiet ta 'kulur - 358 00:24:56,640 --> 00:25:00,240 li tista 'tfittex pretty sbieħ, iżda inti tixtieq li jużawhom pretty kemxejn. 359 00:25:00,240 --> 00:25:04,270 >> As I said, inti tixtieq li jkun minimu. Anqas hija kważi dejjem aktar. 360 00:25:04,270 --> 00:25:07,430 Jekk inti tista display xi ħaġa jew le juru xi ħaġa, 361 00:25:07,430 --> 00:25:10,230 u int tip ta 'dubju jekk għandux ikun hemm awtomatikament - 362 00:25:10,230 --> 00:25:13,400 probabbilment int aħjar off jħallu out. Inti tista 'dejjem żid fil aktar tard. 363 00:25:13,400 --> 00:25:16,620 Yeah, żżomm affarijiet sempliċi. 364 00:25:16,620 --> 00:25:19,510 Iżda aktar importanti, inti tixtieq li jikkunsidraw disinji multipli. 365 00:25:19,510 --> 00:25:23,520 Ma naħsibx li meta inti tagħmel is-sit, ikollok fir-ras li int ser 366 00:25:23,520 --> 00:25:26,310 tagħmel is-sit b'ċertu mod, u li għaddej biex tħares eżattament bħal dan. 367 00:25:26,310 --> 00:25:29,830 Huwa ser ikollhom l-header blu fil-quċċata u l-bar tal-ġenb blu 368 00:25:29,830 --> 00:25:32,670 u allura l-ħaġa isfar sub-header. 369 00:25:32,670 --> 00:25:34,670 Inti tixtieq tagħmel templates multipli. 370 00:25:34,670 --> 00:25:37,350 Inti tista 'jew - jekk int tajba mal Photo Shop, inti tista' tiftaħ li sa u tip ta ' 371 00:25:37,350 --> 00:25:39,600 disinn ta 'website kif inti tixtieq li tfittex. 372 00:25:39,600 --> 00:25:41,680 Jekk le, inti tista 'biss tuża pinna u l-karta, 373 00:25:41,680 --> 00:25:44,000 iżda scratch up disinji multipli. 374 00:25:44,000 --> 00:25:47,000 Inti tixtieq li bażikament jkollhom jistabbilixxu meta għandek lottijiet ta 'disinji differenti, 375 00:25:47,000 --> 00:25:50,810 u jekk wieħed jispiċċa tax-xogħol, allura li l-kbir. 376 00:25:50,810 --> 00:25:53,370 Jekk wieħed jispiċċa fin-nuqqas, allura inti dejjem ikollhom wieħed ieħor li jduru. 377 00:25:53,370 --> 00:25:57,960 B'mod ġenerali, ma jħossu bħal inti għandek tkun kostretta 378 00:25:57,960 --> 00:26:00,830 għal dak kollu disinn li inizjalment tiddeċiedi fuq. 379 00:26:00,830 --> 00:26:04,420 Disinni huma varjabbli ħafna, u parti mill-importanza tal-mudell 380 00:26:04,420 --> 00:26:09,480 sistema ħsieb kontrollur hija li inti tista 'tpartit u' l barra fehmiet differenti trid. 381 00:26:09,480 --> 00:26:13,510 Tista 'tbandil-data mod wieħed, u mbagħad jiddeċiedi, oh, fil-fatt, li ma taħdimx li tajjeb. 382 00:26:13,510 --> 00:26:19,190 Naħseb li huwa tip ta 'wisq ikkumplikati jew hemm parti hawn li mhux tassew jaħdmu, 383 00:26:19,190 --> 00:26:22,150 hekk jien biss se jabbandunaw totalment din il-fehma u tpartit waħda totalment ġdida. 384 00:26:22,150 --> 00:26:24,790 Aħna xorta jistgħu jużaw il-mudelli l-qodma u l-kontrolluri qodma. 385 00:26:24,790 --> 00:26:27,490 Nistgħu nagħmlu kollox fuq il-server u l-klijent kif aħna kieku qabel. 386 00:26:27,490 --> 00:26:32,850 Iżda l-mewġa attwali tad-dejta kif murija se tkun kemmxejn differenti. 387 00:26:32,850 --> 00:26:35,840 >> Safejn fil-fatt jimplimentaw il-disinn trid, 388 00:26:35,840 --> 00:26:39,330 ladarba inti għandek ftit disinji fasslet fuq karta jew fuq Photo Shop jew kwalunkwe, 389 00:26:39,330 --> 00:26:42,120 hemm numru ta 'għodod li huma disponibbli lilek. 390 00:26:42,120 --> 00:26:45,700 L-ewwel int familjari ħafna ma 'li huwa HTML tiegħek, PHP, jew kwalunkwe 391 00:26:45,700 --> 00:26:48,990 lingwa li inti qed tuża biss għall-kodiċi l-paġni statika fuq website tiegħek. 392 00:26:48,990 --> 00:26:51,990 You ħadthom ħadem ħafna ma HTML liema tip ta 'tagħtik dawn it-tags 393 00:26:51,990 --> 00:26:57,820 li inti tista 'tpoġġi l-affarijiet fi, u bażikament huwa mod ta' organizzazzjoni tal-kontenut tiegħek. 394 00:26:57,820 --> 00:27:00,990 Per eżempju, inti għandek l-header up hemm, hekk int se jkollhom tikketta header, 395 00:27:00,990 --> 00:27:05,770 u li għaddej biex ikollhom xi test ġewwa ta 'dan li huwa probabbilment se tkun tag ieħor. 396 00:27:05,770 --> 00:27:08,380 Imbagħad inti għandek sidebar forsi ma 'xi links differenti, 397 00:27:08,380 --> 00:27:10,160 u dawk ser ikunu kollha fl tags separati. 398 00:27:10,160 --> 00:27:13,870 Allura, bażikament HTML fil-qalba tagħha huwa mod ta 'qsim il-paġna kif 399 00:27:13,870 --> 00:27:16,980 inti eventwalment tixtieq li format. 400 00:27:16,980 --> 00:27:18,980 Għalhekk għal darb'oħra, inti stajt tidher li qabel. 401 00:27:18,980 --> 00:27:20,540 Int pretty komdu mal-ħidma ma 'issa 402 00:27:20,540 --> 00:27:23,120 peress li inti ghamilt l-aħħar pset wieħed jittama, 403 00:27:23,120 --> 00:27:26,150 b'tali mod li għandu jkun hemm ebda problema. 404 00:27:26,150 --> 00:27:31,280 >> Imbagħad għandek CSS li bażikament mankijiet kollha ta 'l-aspetti statiċi disinn. 405 00:27:31,280 --> 00:27:35,320 Ikun jimmaniġġjaw kollha tal-kuluri, kollha ta 'l-ippożizzjonar ta' elementi differenti, 406 00:27:35,320 --> 00:27:36,840 fejn imorru fir-rigward ta 'xulxin, 407 00:27:36,840 --> 00:27:41,530 kemm hu kbir huma, it-tipi differenti ta 'positionings li inti jkollok - 408 00:27:41,530 --> 00:27:46,030 fi kliem ieħor, inti jista 'jkollhom affarijiet imwaħħla b'tali mod li meta inti iscroll li jibqgħu, 409 00:27:46,030 --> 00:27:48,700 jew inti jista 'jkollhom affarijiet relattivi għal elementi oħra. 410 00:27:48,700 --> 00:27:50,730 Kollha ta 'dik it-tip ta' għalf huwa CSS. 411 00:27:50,730 --> 00:27:54,630 Barra minn hekk, inti tista 'tagħmel dekorazzjonijiet differenti, inti jista' jkollhom kuluri test, 412 00:27:54,630 --> 00:27:56,630 effetti test, kollha ta 'dak it-tip ta' għalf. 413 00:27:56,630 --> 00:28:00,360 Ben taw seminar verament tajjeb dwar dan l-aħħar weekend, 414 00:28:00,360 --> 00:28:04,450 u so I definittivament jiċċekkjaw li jekk qed tippjana li tagħmel xi affarijiet fancy ma CSS. 415 00:28:04,450 --> 00:28:09,850 CSS3 effettivament hija l-verżjoni aktar ġodda ta 'CSS, u tista' tagħmel kull xorta ta 'affarijiet tassew sbieħ. 416 00:28:09,850 --> 00:28:14,750 Tista 'tagħmel gradients; inti jista' jkollhom sbieħ, kantunieri ttundjati; inti tista 'tagħmel kull xorta ta' għalf 417 00:28:14,750 --> 00:28:17,940 li tagħmel website tiegħek ħarsa aktar moderna u fancy. 418 00:28:17,940 --> 00:28:22,150 >> L-għodda li jmiss huwa JavaScript u jQuery li Ben tkellmu ftit dwar, 419 00:28:22,150 --> 00:28:24,150 imma jien ser jiksbu ftit farther fis. 420 00:28:24,150 --> 00:28:28,100 JavaScript, kif inti stajt ħadem magħha ftit, jew għall-inqas jidhru fil lecture, 421 00:28:28,100 --> 00:28:31,870 huwa tip ta 'mod ta' dinamikament tagħmel Jittieħed HTML. 422 00:28:31,870 --> 00:28:35,950 HTML, kif tafu, huwa statiku, hekk darba ikollok HTML inti ma tistax timmodifika dan. 423 00:28:35,950 --> 00:28:40,050 Iżda JavaScript, f'ċerti modi, huwa mod li jkunu jistgħu jibdlu HTML. 424 00:28:40,050 --> 00:28:44,520 Allura inti tista 'tagħmel dan, u li l-kbir, iżda JavaScript verament huwa uġigħ li jaħdmu magħhom. 425 00:28:44,520 --> 00:28:49,050 Huwa tant twil u obtuse u biex jagħmlu anki l-affarijiet sempliċi 426 00:28:49,050 --> 00:28:51,630 teħtieġ lottijiet ta 'linji ta' JavaScript. 427 00:28:51,630 --> 00:28:55,410 Għalhekk, jQuery huwa bażikament librerija JavaScript li tissimplifika kollha ta 'dak. 428 00:28:55,410 --> 00:28:59,880 Hija tgħid, okay, jekk inti tixtieq li jkollhom kaxxa kwadra jiġu mix-xellug 429 00:28:59,880 --> 00:29:03,980 u fade fil-paġna b'tali mod li huwa fin-nofs, fl JavaScript li tieħu - 430 00:29:03,980 --> 00:29:06,340 I do not know, mitt linji li tagħmel, u jkun uġigħ, 431 00:29:06,340 --> 00:29:10,540 u inti toħroġ minnha hating kollox dwar programmazzjoni web. 432 00:29:10,540 --> 00:29:15,380 JQuery inti bażikament għandhom l-element dot-fade fi, jew xi ħaġa bħal dik. 433 00:29:15,380 --> 00:29:18,580 Funzjonijiet Allura, ħafna, sempliċi ħafna li ser tavżak tagħmel kull tip ta 'animazzjonijiet jibred 434 00:29:18,580 --> 00:29:20,580 u li tip ta 'ħaġa. 435 00:29:20,580 --> 00:29:23,300 Il-ħaġa oħra li dawn 2 huma verament tajba għall huwa biss tagħmel affarijiet dinamiċi 436 00:29:23,300 --> 00:29:25,300 mal-websajt. 437 00:29:25,300 --> 00:29:28,370 Allura, aktar milli biss jkollhom paġna HTML tiegħek - li juri xi data iżda ma attwalment 438 00:29:28,370 --> 00:29:32,130 tagħmel xejn - JavaScript u jQuery ser tavżak jkollhom buttuni li inti tista ikklikkja fuq, 439 00:29:32,130 --> 00:29:37,960 u inti tista 'ttawwal l-elementi u l-ordni mill-ġdid tagħhom u sort lilhom, u jkollhom elementi ġodda 440 00:29:37,960 --> 00:29:40,500 jiżdiedu jew jitneħħew. Inti tista 'żżid-tħassar, li tip ta' ħaġa. 441 00:29:40,500 --> 00:29:44,570 Allura, jQuery ma tunnellata ta 'affarijiet jibred. 442 00:29:44,570 --> 00:29:48,840 U Vipul huwa attwalment tagħti seminar fuqha llum, nemmen, fi 5-o'clock, 443 00:29:48,840 --> 00:29:51,220 hekk jekk inti tista 'twaħħal madwar għal dak twil, li kieku - 5 jew 4? 444 00:29:51,220 --> 00:29:54,930 Erbgħa. Jiddispjacini. Huwa fil-fatt dritt wara dan, so I jirrakkomanda 445 00:29:54,930 --> 00:29:56,680 teħel madwar għaliha jekk tista '. 446 00:29:56,680 --> 00:30:00,180 JQuery huwa super, super utli, u inti ser tkun tista 'tagħmel ħafna affarijiet tassew sbieħ magħha 447 00:30:00,180 --> 00:30:03,460 għal pretty ħafna kull proġett web iżvilupp. 448 00:30:03,460 --> 00:30:06,200 >> Issa jien se jsibu rwieħhom tip ta 'distinzjoni. 449 00:30:06,200 --> 00:30:08,210 Stajt ġiet jitkellem bażikament dwar user interface. 450 00:30:08,210 --> 00:30:11,510 User interface huwa biss id-disinn tas-sit. 451 00:30:11,510 --> 00:30:13,780 Iżda hemm tip ta 'kunċett ieħor li huwa utent esperjenza. 452 00:30:13,780 --> 00:30:15,900 It-tnejn huma differenti ħafna. 453 00:30:15,900 --> 00:30:19,440 Interface huwa definittivament parti mill-esperjenza. 454 00:30:19,440 --> 00:30:21,340 Fi kliem ieħor, meta inti tmur għal sit, inti tħares lejn l-interface. 455 00:30:21,340 --> 00:30:22,960 Li l-parti ta 'kif ikollok is-sit. 456 00:30:22,960 --> 00:30:24,960 Iżda l-esperjenza utent huwa aktar minn dak. 457 00:30:24,960 --> 00:30:29,910 Esperjenza utent huwa dwar dak l-impressjoni li l-utent gets mis-sit tiegħek. 458 00:30:29,910 --> 00:30:31,910 Allura, ovvjament, interface hija parti minn dik. 459 00:30:31,910 --> 00:30:35,340 U huwa definittivament parti neċessarja, iżda mhux suffiċjenti. 460 00:30:35,340 --> 00:30:38,790 Fi kliem ieħor, jekk għandek interface sbieħ, u huwa pretty u colorful u kollha ta 'dak, 461 00:30:38,790 --> 00:30:43,650 li l-kbir, imma jekk l-utent tmur għall-sit tiegħek, jara tqassim pretty u huwa konfuż minn 462 00:30:43,650 --> 00:30:47,060 kollox, m'għandha l-ebda idea kif tagħmel xejn, allura ovvjament inti ħadna verament 463 00:30:47,060 --> 00:30:48,930 website foqra. 464 00:30:48,930 --> 00:30:50,930 Li tip ta 'fejn l-esperjenza utent taqa pulzieri 465 00:30:50,930 --> 00:30:54,570 Jien ser jitkellmu ftit dwar disinn UX - UX huwa qasir għall-esperjenza utent - 466 00:30:54,570 --> 00:30:58,050 u tip ta 'kif tista' tagħmel ċert li inti għandek esperjenza tajba utent. 467 00:30:58,050 --> 00:31:04,330 L-ewwel punt huwa li inti tista 'disinn ta' website fejn utent tista 'tagħmel xi ħaġa li 468 00:31:04,330 --> 00:31:06,820 dak l-utent possibilment trid. 469 00:31:06,820 --> 00:31:08,940 Iżda jekk l-utent ma tistax figura kif tagħmel dawk l-affarijiet - 470 00:31:08,940 --> 00:31:12,850 fi kliem ieħor, jekk l-utent ma jkollux idea tajba meta jmorru għall-sit tiegħek, 471 00:31:12,850 --> 00:31:17,660 "Oh, jekk irrid li taġġorna l-profil tiegħi, imbagħad I ikklikkja din il-buttuna, jew jekk irrid post fuq 472 00:31:17,660 --> 00:31:20,850 ħajt ta 'xi ħadd, imbagħad I mur ħajt tagħhom u kklikkja fuq kaxxa ftit. " 473 00:31:20,850 --> 00:31:24,410 Jekk l-utent ma jkunx jaf dan, allura inti effettivament ma jkunux attwalment 474 00:31:24,410 --> 00:31:27,080 implimentata din il-funzjonalità b'mod korrett. 475 00:31:27,080 --> 00:31:30,900 Parti mill-implimentazzjoni ta 'funzjonalità li l-utenti huma attwalment tista' tużah. 476 00:31:30,900 --> 00:31:34,810 U jista 'jkun frustranti - inti tista' tagħmel is-sit, u tista 'tagħmel kull tip ta' 477 00:31:34,810 --> 00:31:37,810 affarijiet mill-isbaħ, iżda imbagħad inti ser ikollok nies tittestja u jgħidu, "Ma tistax tagħmel dan. 478 00:31:37,810 --> 00:31:39,770 Għaliex ma jista 'jagħmel dan? "U inti ser jgħidu lura lilhom, 479 00:31:39,770 --> 00:31:44,420 "Well, jista. Inti sempliċiment għandek tmur fis-7 menu drop-down fuq dan joskuraw 480 00:31:44,420 --> 00:31:48,470 paġna li biss jinstab permezz ta 'link fil-kantuniera tal-qiegħ tal-lemin "jew xi ħaġa. 481 00:31:48,470 --> 00:31:50,430 Ovvjament, inti ma tridx li. 482 00:31:50,430 --> 00:31:53,420 Inti tixtieq li jkun ċar għall-utenti tiegħek dak li qed suppost tagħmel, 483 00:31:53,420 --> 00:31:56,240 u għandu jkun sempliċi u intuwittivi għalihom. 484 00:31:56,240 --> 00:32:01,180 >> Ħaġa oħra li inti tixtieq li tipprova tagħmel hu li, jekk xi ħadd għaddej biex tmur sit tiegħek 485 00:32:01,180 --> 00:32:05,520 u 9 minn 10 darbiet tagħmel azzjoni A, u 1 minn kull 10-il darba azzjoni B, 486 00:32:05,520 --> 00:32:08,950 inti probabilment tixtieq li tiffoka l-esperjenza tagħhom dwar l-azzjoni A. 487 00:32:08,950 --> 00:32:12,240 Fi kliem ieħor, inti tixtieq li tagħmel dan kif ħafna, ċara ħafna li tagħmel A. 488 00:32:12,240 --> 00:32:15,980 A għandu jkun front-u-ċentru - tmur għall-sit, ara lilha; oh, huwa hemm dritt. 489 00:32:15,980 --> 00:32:20,850 Billi B ovvjament inti tixtieq li tkun ċara, imma int tista 'tħalli daqsxejn aktar 490 00:32:20,850 --> 00:32:22,850 fl-isfond. 491 00:32:22,850 --> 00:32:24,640 David jagħti eżempju tajjeb ta 'dan fil-lecture, 492 00:32:24,640 --> 00:32:26,640 li hija s-sistema Boston T. 493 00:32:26,640 --> 00:32:29,440 Meta inti tmur għall-T Boston u inti tixtieq tixtri biljett, 494 00:32:29,440 --> 00:32:32,700 għandek tikseb f'5 menus qabel ma inti tista 'attwalment tixtri biljett 495 00:32:32,700 --> 00:32:37,130 għal $ 2, $ 2.50 valur, li hija kemm li tieħu biex isuqu l-subway 496 00:32:37,130 --> 00:32:39,130 f'direzzjoni waħda. 497 00:32:39,130 --> 00:32:41,600 Li l-problema għaliex ħafna nies li qed riding-subway 498 00:32:41,600 --> 00:32:44,880 probabbilment biss jridu jmorru f'post wieħed, jixtru biljett tagħhom, jiksbu fuq id-dritt bogħod. 499 00:32:44,880 --> 00:32:47,550 Ma jagħmilx sens li dawn ikollhom jgħaddu lottijiet ta 'menus differenti 500 00:32:47,550 --> 00:32:49,550 biex naslu s'hemm. 501 00:32:49,550 --> 00:32:51,760 A esperjenza aħjar għall-utent ikun buttuna malajr fuq l-ewwel paġna 502 00:32:51,760 --> 00:32:54,760 li biss jgħid, "jixtru one-way biljett," u dan iqiegħed fil kollha ta 'l-istandard 503 00:32:54,760 --> 00:32:58,550 valuri awtomatiċi, u mbagħad jekk xi ħadd jixtieq jixtri biljett differenti minn dik, 504 00:32:58,550 --> 00:33:01,690 dawn għadhom, naturalment, l-għażla li, imma inti stajt ottimizzati għall- 505 00:33:01,690 --> 00:33:04,080 il-każ ta 'użu komuni li huwa verament importanti. 506 00:33:04,080 --> 00:33:06,830 Tista 'tara eżempji ta' dan fuq Facebook, right? 507 00:33:06,830 --> 00:33:09,410 Jekk inti tmur biex Facebook u inti tixtieq li post status, 508 00:33:09,410 --> 00:33:11,710 huwa dritt fil-quċċata li huwa dak li inti spiss trid tagħmel. 509 00:33:11,710 --> 00:33:14,730 Hekk kif inti tidħol il-paġna, inti tista 'tagħmel l-affarijiet aktar komuni li 510 00:33:14,730 --> 00:33:16,730 inti trid tagħmel. 511 00:33:16,730 --> 00:33:17,550 Jekk inti tixtieq li tagħmel affarijiet ftit aktar ikkumplikati simili, 512 00:33:17,550 --> 00:33:21,070 jgħidu Irrid immur għal ħajt ħabib tiegħi u post stampa fuqha - 513 00:33:21,070 --> 00:33:24,810 li jiena ser trid tagħmel spiss, imma mhux kif spiss kemm kollokament aġġornamenti istatus - 514 00:33:24,810 --> 00:33:28,200 hekk fil-każ, I tip isem tagħhom fil-kaxxa fil-quċċata, ikklikkja fuq il-profil tagħhom, 515 00:33:28,200 --> 00:33:31,680 u mbagħad, xorta, huwa dritt fil-quċċata hemm ladarba stajt gotten-profil tagħhom. 516 00:33:31,680 --> 00:33:38,240 Għal darb'oħra, stajt ottimizzati prijorità għall-każijiet ta 'użu komuni l-aktar. 517 00:33:38,240 --> 00:33:41,800 >> Ħaġa oħra importanti hija li ħafna drabi n-nies it-tip ta 'se nipprova nikseb madwar dan 518 00:33:41,800 --> 00:33:44,890 billi qal, okay, so I ħadna s-sit u n-nies qed isibuha konfużjoni, 519 00:33:44,890 --> 00:33:46,110 u li l-problema, id-dritt? 520 00:33:46,110 --> 00:33:49,210 Ovvjament, I ma jridux nies li joħolqu konfużjoni mill-kontenut ta 'sit tiegħi. 521 00:33:49,210 --> 00:33:53,210 Iżda l-mod biex issolvi dan ma jkollhom xi ħaġa pop up qal, 522 00:33:53,210 --> 00:33:55,290 ħej, jien ser jgħallem kif għandek tuża dan is-sit inti. 523 00:33:55,290 --> 00:33:58,130 Pass 1 - ikklikkja din il-buttuna. Stadju 2 - mur hawn. 524 00:33:58,130 --> 00:34:03,080 Sure, li l-mod madwar dan - huwa mod li inti tista 'tgħid lin-nies x'għandhom jagħmlu, imma hija 525 00:34:03,080 --> 00:34:05,080 verament mhux l-aħjar mod. 526 00:34:05,080 --> 00:34:07,420 Jekk immur għal websajt u f'daqqa waħda jien bbumbardjati dan tutorja li javżak me 527 00:34:07,420 --> 00:34:11,739 x'għandek tagħmel u fejn imorru u kollha ta 'dak, li mhux gost għalija. 528 00:34:11,739 --> 00:34:13,739 Mhuwiex esperjenza tajba għalija. 529 00:34:13,739 --> 00:34:17,130 Huwa tip ta 'uġigħ. I jridux biss tibda tagħmel Jittieħed. 530 00:34:17,130 --> 00:34:19,449 In-nies huma ser tagħlaq out tal-kaxxa dialog tagħhom, 531 00:34:19,449 --> 00:34:23,580 jew toħroġ mill-tutorja, ma jkunux jafu x'għandhom jagħmlu, u mbagħad jilmentaw minħabba 532 00:34:23,580 --> 00:34:25,580 int ma qaltilhom x'għandek tagħmel. 533 00:34:25,580 --> 00:34:29,530 Il-mod biex issolvi dan mhux billi tagħti ebda tip ta 'tutorja jew direzzjonijiet - 534 00:34:29,530 --> 00:34:31,530 xi ħaġa bħal dik. 535 00:34:31,530 --> 00:34:33,719 Kemm inti tista 'tevita dan, int verament tixtieq li juru l-utent x'għandek tagħmel 536 00:34:33,719 --> 00:34:36,429 biss min-natura ta 'kif il-websajt hija stabbilita. 537 00:34:36,429 --> 00:34:39,090 Fi kliem ieħor, jekk mmur Facebook mingħajr qtugħ fil, 538 00:34:39,090 --> 00:34:40,920 l-ewwel ħaġa li nara fuq il-paġna prinċipali - 539 00:34:40,920 --> 00:34:44,480 huwa kaxxa login ftit. Allura, duh. I jkollhom log pulzieri Huwa hemm dritt. 540 00:34:44,480 --> 00:34:48,030 Billi, jekk I marru għall Facebook u kelli ikklikkja rabta ftit fil-qiegħ 541 00:34:48,030 --> 00:34:51,920 li qal "log in" u l-bqija tal-paġna kienet biss xi tip ta 'stampa jew xi ħaġa, 542 00:34:51,920 --> 00:34:54,820 Jien ma verament jafu x'għandhom jagħmlu, right? Inkun konfuż. 543 00:34:54,820 --> 00:34:58,590 Għalhekk, din tista 'tgħidli li jmorru hemm isfel u kklikkja l-buttuna log fil, 544 00:34:58,590 --> 00:35:01,080 jew l-log fil-buttuna tista 'tkun id-dritt fil-quċċata fejn jien ser narah. 545 00:35:01,080 --> 00:35:04,780 Inti trid dejjem tkun turi l-utent x'għandek tagħmel, 546 00:35:04,780 --> 00:35:06,750 u li għandu jkun inerenti fil-paġna innifsu. 547 00:35:06,750 --> 00:35:09,880 >> Meta inti qed jaħsbu dwar disinji u mocking up modi differenti ta ' 548 00:35:09,880 --> 00:35:13,810 jesprimu sit tiegħek, int verament tixtieq li jaħsbu dwar dak li l-utenti ser 549 00:35:13,810 --> 00:35:19,380 tkun qiegħda tagħmel u kif inti tista 'turi x'għandhom jagħmlu. 550 00:35:19,380 --> 00:35:23,530 Ħaġa waħda aħħar huwa l-ittestjar huwa tassew, tassew importanti. 551 00:35:23,530 --> 00:35:27,400 Huwa kbir biex tikseb xi ħadd - tikseb xi ħabib, nikseb xi ħadd ma tafx anki - 552 00:35:27,400 --> 00:35:30,420 li qatt ma raw is-sit qabel biex jużaw is-sit. 553 00:35:30,420 --> 00:35:33,650 Għaliex inti ħadthom ilhom jaħdmu fuq is-sit għal siegħa, inti kont qed tluq fil dan, 554 00:35:33,650 --> 00:35:36,670 u inti taf eżattament x'għandhom jagħmlu dan ovvjament int ser tkun ittestjar tal- 555 00:35:36,670 --> 00:35:39,520 affarijiet li inti ħadthom ilhom jaħdmu fuq u li inti taf x-xogħol. 556 00:35:39,520 --> 00:35:42,680 Imma jekk xi ħadd ieħor jidħol tul u tuża l-sit li qatt ma użat qabel, 557 00:35:42,680 --> 00:35:46,880 li l-esperjenza unika għax għandek xi ħadd li għandu l-ebda għarfien minn qabel 558 00:35:46,880 --> 00:35:51,530 tas-sit nidħlu dan, sabiex dawn qed ser ikollhom effettivament ebda idea x'għandek tagħmel 559 00:35:51,530 --> 00:35:54,890 jew liema tip ta 'każijiet ta' użu huma preżenti għalihom. 560 00:35:54,890 --> 00:36:00,930 Li l-kbir. Dak unika għaliex qed essenzjalment persuna ma 'forma mimlija għal moħħ. 561 00:36:00,930 --> 00:36:03,750 Huma jista 'jgħidlek jekk xi ħaġa hija konfuża jew mhux ċari. 562 00:36:03,750 --> 00:36:07,580 Huma jistgħu jagħtuk idea ta 'preċiżament dak li l-utent esperjenza ta' sit tiegħek. 563 00:36:07,580 --> 00:36:10,630 Jista 'jkun diffiċli ħafna li tgħid li yourself, hekk definittivament nixtieq ninkoraġġukom 564 00:36:10,630 --> 00:36:13,640 kif int jiżviluppaw proġetti tiegħek - jekk int tagħmel proġetti fuq l-internet - 565 00:36:13,640 --> 00:36:18,290 sabiex in-nies jużaw is-sit kmieni kemm ikollok xi tip ta 'demo funzjonali. 566 00:36:18,290 --> 00:36:25,330 >> Issa jien ser nitkellmu ftit dwar kif immexxu proġett web iżvilupp. 567 00:36:25,330 --> 00:36:28,900 Imxejna marret fuq kif tista 'tagħmel l-aspett tekniku back-end, 568 00:36:28,900 --> 00:36:31,050 kif inti tista 'disinn sit verament tajba, 569 00:36:31,050 --> 00:36:34,150 u li l-kbir jekk int taħdem mill yourself iżda - 570 00:36:34,150 --> 00:36:37,300 anki jekk int taħdem mill-yourself u speċjalment jekk int taħdem fuq tim, 571 00:36:37,300 --> 00:36:39,580 ġestjoni tal-proġett isir kwistjoni kbira. 572 00:36:39,580 --> 00:36:42,340 You ħadthom tip ta 'jinstemgħu dwar ġestjoni tal-proġett fil-forom differenti peress 573 00:36:42,340 --> 00:36:45,410 iskola elementari meta inti qalulhom xogħol fi gruppi. 574 00:36:45,410 --> 00:36:46,820 Inti għandek biex jikkoperaw, jikkomunikaw, kollha ta 'dak. 575 00:36:46,820 --> 00:36:49,620 Li kollha għadhom tapplika hawnhekk, imma hemm xi ċirkostanzi uniċi bi 576 00:36:49,620 --> 00:36:54,910 xjenza tal-kompjuter li inti tixtieq li jkun konxju ta ', u inti tixtieq li tagħmel żgur li inti tagħmel handling tajjeb. 577 00:36:54,910 --> 00:36:58,050 I ser nitkellmu ewwel ftit dwar il-tim li inti ser tkun pulzieri 578 00:36:58,050 --> 00:37:03,280 Huwa importanti ħafna li pick-daqs dritt ta 'tim li tkun qed taħdem fuq, 579 00:37:03,280 --> 00:37:05,890 u fil-proġett finali tiegħek naħseb li inti għandek l-għażla li jagħżlu 580 00:37:05,890 --> 00:37:08,610 bejn 1 u 4 persuni jekk jien korrett. 581 00:37:08,610 --> 00:37:12,050 Inti tixtieq tagħmel żgur li int mhux biss jagħżlu l-għadd ta 'nies 582 00:37:12,050 --> 00:37:14,950 li inti tixtieq taħdem ma għaliex qed ħbieb tiegħek. 583 00:37:14,950 --> 00:37:18,170 Inti tixtieq li jagħżlu tim li huwa daqs tajjeb u li se x-xogħol isir. 584 00:37:18,170 --> 00:37:22,700 Hemm off-kummerċ li jkollhom aktar nies versus inqas nies. 585 00:37:22,700 --> 00:37:25,320 Jekk ikollok aktar nies, ovvjament aktar xogħol jista 'jsir 586 00:37:25,320 --> 00:37:28,450 għax għandek lottijiet ta 'nies, lottijiet ta' kodiċi, lottijiet ta 'ideat, 587 00:37:28,450 --> 00:37:29,870 u li kollox kbir. 588 00:37:29,870 --> 00:37:32,590 Iżda teħtieġ ukoll ħafna aktar ġestjoni u ħafna aktar komunikazzjoni. 589 00:37:32,590 --> 00:37:34,720 Fi kliem ieħor, jekk inti għandek 4 persuni li jaħdmu fuq l-istess proġett 590 00:37:34,720 --> 00:37:39,200 u dawn qed kollha editjar l-istess kodiċi, aktar jew anqas huma kollha tip ta 'bżonn tkun taf 591 00:37:39,200 --> 00:37:40,920 x'inhu għaddej u għalhekk teħtieġ li - 592 00:37:40,920 --> 00:37:44,580 jekk inti żid xi funzjoni ġdida inti tip ta 'għandek għid lin-nies - I'm żżid dan, 593 00:37:44,580 --> 00:37:48,510 Jien jinbidlu din b'dan il-mod - speċjalment jekk inti tikseb fis-għalf verament fil-fond 594 00:37:48,510 --> 00:37:52,730 bħall-mudelli u l-kontrolluri li huma attwalment għaddejjin li jinfluwenzaw kif is-sit xogħlijiet. 595 00:37:52,730 --> 00:37:54,500 It-tim kollu jeħtieġ li jkun konxju ta 'dan, 596 00:37:54,500 --> 00:37:58,140 sabiex inti għandek bżonn tagħmel żgur li int ma jagħżlu kbir wisq tim li għaddej biex tkun diffiċli 597 00:37:58,140 --> 00:37:59,970 li jagħmel dik il-komunikazzjoni. 598 00:37:59,970 --> 00:38:02,930 Inti wkoll ma tridx li tagħżel tim żgħir biżżejjed li int mhux ser 599 00:38:02,930 --> 00:38:06,250 ikunu kapaċi jikkomunikaw għaliex huwa biss int. 600 00:38:06,250 --> 00:38:11,270 >> Ħaġa oħra li wieħed għandu jikkonsidra huwa l-bilanċ ta 'fejn il-ħiliet tan-nies huma. 601 00:38:11,270 --> 00:38:14,350 Hija xi ħaġa kbira jekk int kollha programmaturi verament tajba. 602 00:38:14,350 --> 00:38:17,050 Imma jekk int nies kollha back-end, imbagħad is-sit tiegħek mhux ser tfittex tajba ħafna 603 00:38:17,050 --> 00:38:20,860 għaliex għandek dan database kbira, u ma tfittxija super fast - 604 00:38:20,860 --> 00:38:26,130 li huwa kbir - imma meta inti tmur magħha, huwa simili sit ta '1990 bl-aħmar u blu 605 00:38:26,130 --> 00:38:30,370 kullimkien, u li l-ebda tajjeb lanqas. 606 00:38:30,370 --> 00:38:34,210 Avviż li Ben u I jaħdmu bħala tim huma sbieħ ħafna għaliex jien tip ta 'aktar 607 00:38:34,210 --> 00:38:38,030 fil-tarf ta 'quddiem, kemm aħna jinteraġixxu fil-tarf tan-nofs, u Ben verament tajba ma Jittieħed back-end, 608 00:38:38,030 --> 00:38:43,550 b'tali mod li taħdem verament tajjeb għaliex nistgħu disinn kull sit u bażikament l-toqob 609 00:38:43,550 --> 00:38:47,580 f'dak is-sit li jeħtieġ li jimtlew jistax jimtela minn kull wieħed minna, jew possibilment tnejn. 610 00:38:47,580 --> 00:38:50,210 Inti tixtieq li tagħmel ċert li ma jkunx hemm toqob fil-tim tiegħek. 611 00:38:50,210 --> 00:38:51,180 Huwa okay jekk hemm daqsxejn ta 'sovrapożizzjoni. 612 00:38:51,180 --> 00:38:53,670 Fi kliem ieħor, jekk għandek 2 nies li huma kemm tajba mal-aħħar lura, 613 00:38:53,670 --> 00:38:57,250 li jista 'jkun tajjeb ukoll għaliex dawn jistgħu jgħinu lil xulxin bi problemi 614 00:38:57,250 --> 00:38:58,820 li huma jkollhom. 615 00:38:58,820 --> 00:39:02,590 Hija tista 'tkun problema jekk inti biss għandek 1 persuna li responsabbli għal ħaġa ċerta 616 00:39:02,590 --> 00:39:06,650 u huma mmexxija fis-problema, sabiex inti tixtieq li jkollok xi ftit ta 'overlap 617 00:39:06,650 --> 00:39:10,760 iżda inti aktar importanti tixtieq li tagħmel ċert li kollha tal-toqob possibbli huma mimlija. 618 00:39:10,760 --> 00:39:17,550 >> L-aħħar ħaġa - u dan għandu jkun ovvju, iżda huwa spiss mhux. 619 00:39:17,550 --> 00:39:19,550 Int verament tixtieq li tkun gost. 620 00:39:19,550 --> 00:39:23,360 Il-punt ta 'dan il-proġett finali CS50 u sikwit il-punt tat web iżvilupp b'mod ġenerali 621 00:39:23,360 --> 00:39:26,360 mhux biss jagħmlu xogħol minħabba li jeħtieġ isir. 622 00:39:26,360 --> 00:39:29,140 Int verament tixtieq li tkun gost, u inti tixtieq li jkun qed jagħmel xi ħaġa 623 00:39:29,140 --> 00:39:31,180 thats jimmotivaw inti biex jaħdmu fuqha. 624 00:39:31,180 --> 00:39:33,650 Jekk tkun xi tkun int tagħmel huwa uġigħ li joqogħdu bilqegħda u jaħdmu fuq, 625 00:39:33,650 --> 00:39:35,650 allura int ma jagħżlu l-proġett dritt. 626 00:39:35,650 --> 00:39:37,730 Inti tixtieq li jagħżlu xi ħaġa li inti ssib interessanti, 627 00:39:37,730 --> 00:39:41,150 int verament tixtieq li tara r-riżultat, int eċċitati meta ikollok idea ġdida dwar 628 00:39:41,150 --> 00:39:44,700 xi ħaġa li inti tista 'tagħmel - hekk hemm kull xorta ta' proġetti hemmhekk li jien ċert 629 00:39:44,700 --> 00:39:47,290 inti tista 'ssib - kulħadd għandu xi ħaġa li verament b'qerq minnhom 630 00:39:47,290 --> 00:39:49,290 jekk dawn qed jagħmlu proġett fuq l-internet. 631 00:39:49,290 --> 00:39:52,210 I ser ngħid mill-ġdid dritt issa. 632 00:39:52,210 --> 00:39:54,520 Jekk il-proġett tiegħek tidher qisha uġigħ u inti ma tridx li jaħdmu fuqha, 633 00:39:54,520 --> 00:39:57,260 jagħżlu proġett ieħor. Agħżel xi ħaġa li verament jispira int. 634 00:39:57,260 --> 00:40:00,260 >> Ben imsemmi dan il-kunċett ta 'iterazzjoni a bit, u nixtieq li jmorru fuq hija daqsxejn. 635 00:40:00,260 --> 00:40:08,250 Huwa tassew importanti li ssir ħidma fil spurts fejn inti tikseb xi ħaġa funzjonali. 636 00:40:08,250 --> 00:40:13,420 Dan jista 'jkun kbir jekk ikollok dan il-pjan għal websajt li għaddej biex tagħmel A, B, u C, 637 00:40:13,420 --> 00:40:16,000 u eventwalment dan ser naslu s'hemm. 638 00:40:16,000 --> 00:40:18,600 Imma int mwaħħla f'din il-fażi fejn qed jaħdmu fuqha u taħdem fuqu, 639 00:40:18,600 --> 00:40:23,330 iżda xejn jkollna jsir. Inti ma jkollhom xejn li tara u, ħaġa funzjonali tanġibbli. 640 00:40:23,330 --> 00:40:27,940 Dak li int verament tixtieq li tagħmel kemm jidher tip ta 'uġigħ kultant biex 641 00:40:27,940 --> 00:40:32,300 jaħdmu fuq xi ħaġa u mbagħad tip ta aħħarnett off b'tali mod li huwa mill-inqas fil stabbli, running 642 00:40:32,300 --> 00:40:34,910 Verżjoni anki jekk ma jkollux il-karatteristiċi kollha li trid. 643 00:40:34,910 --> 00:40:37,690 U forsi hemm xi karatteristiċi li int verament trid iżżid iżda inti biss ma tistax 644 00:40:37,690 --> 00:40:41,830 għaliex inti tixtieq li tikseb dan is-sit għal punt funzjonali. 645 00:40:41,830 --> 00:40:44,400 U għalhekk inti tixtieq li tip ta 'jkollhom il-proċess ta' żvilupp kollu look bħal dik. 646 00:40:44,400 --> 00:40:47,810 Inti tixtieq li tibda x'imkien funzjonali - jew essenzjalment tibda bil xejn - 647 00:40:47,810 --> 00:40:49,890 iżda inti tixtieq li tikseb x'imkien bażika ħafna u funzjonali. 648 00:40:49,890 --> 00:40:54,940 U mbagħad, tagħmel tip ta 'qabża u jiksbu x'imkien funzjonali mill-ġdid. 649 00:40:54,940 --> 00:40:59,190 Int ser jibnu bil-mod, u dan jista 'jmur daqsxejn kajman milli kieku, 650 00:40:59,190 --> 00:41:03,000 iżda fit-tul jekk int dejjem staġnati f'din il-fażi triq tan-nofs fejn inti 651 00:41:03,000 --> 00:41:06,380 ma attwalment jkollhom xejn tax-xogħol, jista 'jkun frustrazzjoni verament kbir 652 00:41:06,380 --> 00:41:09,970 biex jaħdmu fuq proġett tiegħek għax int dejjem hekk qrib jkollna xogħol, 653 00:41:09,970 --> 00:41:12,130 u huwa qatt ma taħdem attwalment. 654 00:41:12,130 --> 00:41:14,810 Inti tixtieq taħdem f'dawn spurts funzjonali, 655 00:41:14,810 --> 00:41:17,950 u inti wkoll trid tagħmel xi riflessjoni wara kull waħda. 656 00:41:17,950 --> 00:41:21,260 Fi kliem ieħor, ladarba int fil-punt fejn is-sit issa qed taħdem - 657 00:41:21,260 --> 00:41:24,790 ma jkollhom kollox inti simili iżda ma xi affarijiet - 658 00:41:24,790 --> 00:41:28,870 inti tixtieq li jaħsbu, okay, huwa dan is-sit tlesti l-għan li I stabbiliti biex jagħmlu? 659 00:41:28,870 --> 00:41:33,410 Fi kliem ieħor, jekk is-sit se tagħmel X, huwa dak li jien jaħdmu fid-direzzjoni ta 'X? 660 00:41:33,410 --> 00:41:36,450 Huma kollha tal-funzjonalitajiet li ridt hemmhekk? 661 00:41:36,450 --> 00:41:39,340 U barra minn hekk, huwa dan iservi l-iskop ġenerali li nixtieq? 662 00:41:39,340 --> 00:41:43,200 Jekk int konstatazzjoni li sit tiegħek qed tibda dur f'direzzjoni differenti 663 00:41:43,200 --> 00:41:47,330 jew forsi l-affarijiet biss tip ta 'ma jkunux qed jaħdmu barra, jista' jkun żmien li neqilbu gerijiet ftit. 664 00:41:47,330 --> 00:41:51,700 Fi kliem ieħor, huwa min jikkunsidrah - huwa min jitfa 'l-ideat jekk ikun meħtieġ 665 00:41:51,700 --> 00:41:57,950 u meta wieħed jikkunsidra am I really ħidma lejn dak li nixtieq li jkun. 666 00:41:57,950 --> 00:42:00,760 >> Nemmen li l-punt li jmiss tiegħi. Tibżgħux biex jabbandunaw ideat. 667 00:42:00,760 --> 00:42:03,750 Sempliċiment għax inti jintefqu lottijiet ta 'sigħat tax-xogħol fuq karatteristika 668 00:42:03,750 --> 00:42:07,890 u finalment ltqajna taħdem imma verament mhux se tant tajjeb - 669 00:42:07,890 --> 00:42:12,690 bħal dan m'huwiex utli jew utenti qed ikollhom problemi bl-użu dan - li tip ta 'ħaġa - 670 00:42:12,690 --> 00:42:15,300 tibżgħux biex armih. 671 00:42:15,300 --> 00:42:17,650 Hija sucks li inti stajt qattgħu ħafna ħin tax-xogħol fuqha, 672 00:42:17,650 --> 00:42:21,870 iżda fl-aħħar inti ma tridx sit thats tip ta jitqiegħdu flimkien minn dawn il-biċċiet li 673 00:42:21,870 --> 00:42:25,380 tip ta 'xogħol iżda mhumiex moqdija li tajjeb. 674 00:42:25,380 --> 00:42:27,990 Ukoll, tibżgħux biex iħaddan ideat ġodda. 675 00:42:27,990 --> 00:42:30,050 Jekk xi ħadd jidħol tul u jgħid, ħej, dak is-sit jistenna verament jibred iżda 676 00:42:30,050 --> 00:42:32,290 ma kienx ikun saħansitra jkun kbir jekk hija għamlet ukoll din? 677 00:42:32,290 --> 00:42:36,220 Just għaliex dan huwa xi ħaġa li inti ma riditx u xi ħaġa li mhux fil tiegħek 678 00:42:36,220 --> 00:42:37,900 specs, xi ħaġa li int ma stabbiliti biex jagħmlu, 679 00:42:37,900 --> 00:42:40,860 tibżgħux li teħodha fuq u mbagħad jaħdmu magħha. 680 00:42:40,860 --> 00:42:43,680 Minħabba li ħafna drabi l-ideat li inti tmexxi bl matul il-kors ta 'żvilupp 681 00:42:43,680 --> 00:42:47,630 jispiċċa jkun l-karatteristiċi verament jibred tal-websajt. 682 00:42:47,630 --> 00:42:49,630 >> Stajt qal dan qabel. I ser ngħid mill-ġdid. 683 00:42:49,630 --> 00:42:51,630 Testers huma super, super utli. 684 00:42:51,630 --> 00:42:56,350 Nipprova nikseb in-nies li qatt ma rajt is-sit qabel ma log fuq u ara x'inhu għaddej 685 00:42:56,350 --> 00:42:59,080 għaliex jistgħu jittestjaw mhux biss l-utilità tas-sit u l-esperjenza utent, 686 00:42:59,080 --> 00:43:02,070 iżda jistgħu wkoll jittestjaw il-funzjonalità b'modi li inti ma tistax. 687 00:43:02,070 --> 00:43:06,430 Jekk inti tagħmel xi karatteristika li ma ħaġa ċerta 688 00:43:06,430 --> 00:43:11,620 u inti taf li għaddej biex jagħmlu l-istess ħaġa korrett kull darba waħda, li l-kbir. 689 00:43:11,620 --> 00:43:16,610 Iżda ħafna drabi tista 'tkun diffiċli li jagħtu kont għall-każijiet kantuniera fejn jista utent 690 00:43:16,610 --> 00:43:19,500 tip xi ħaġa li inti ma kinux jistennew - preċiżament għaliex inti definit 691 00:43:19,500 --> 00:43:21,500 il-karatteristiċi yourself. 692 00:43:21,500 --> 00:43:23,730 Allura, li jkollhom xi ħadd ġejjin fuq li m'għandha l-ebda idea kif jużaw is-sit 693 00:43:23,730 --> 00:43:26,840 u biss din tinqasam fi kwalunkwe modi kif tista 'tagħmel huwa verament utli għaliex inti 694 00:43:26,840 --> 00:43:30,340 tieħu idea minn perspettiva totalment differenti minn dak fuq is-sit tiegħek qed jaħdem 695 00:43:30,340 --> 00:43:33,300 u dak li jeħtieġ t-tiswija. 696 00:43:33,300 --> 00:43:37,070 >> Last, jien ser jitkellmu dwar xi prattiċi tajbin ġenerali, 697 00:43:37,070 --> 00:43:42,470 u inti stajt tidher ħafna ta 'dawn fil CS50, iżda huma wkoll tassew, tassew japplikaw fl-iffissar tal-proġett. 698 00:43:42,470 --> 00:43:47,600 Wieħed huwa kummenti. Dejjem jikkummentaw kodiċi tiegħek speċjalment jekk inti qed jaħdmu fuq tim kbir. 699 00:43:47,600 --> 00:43:51,230 Dan jista 'jkun hekk annoying li jkollhom biss blokk ġgant ta' kodiċi li xi ħadd-miktub 700 00:43:51,230 --> 00:43:54,230 u forsi taħdem, forsi ma, iżda inti għandek ebda idea dak li tagħmel, 701 00:43:54,230 --> 00:43:58,010 hekk ikollok l-ebda idea jekk huwa utli jew le jew jekk għandux ikun hemm jew le, 702 00:43:58,010 --> 00:44:00,200 u jekk int taħdem fuq xi ħaġa oħra li huwa possibbli wkoll li inti qed jaħdmu fuq 703 00:44:00,200 --> 00:44:06,590 l-istess ħaġa, hekk biss tkun ħafna, ferm attent li tkun considerate ta 'sħabhom tiegħek 704 00:44:06,590 --> 00:44:09,710 u jiktbu kodiċi li s dokumentati tajjeb. 705 00:44:09,710 --> 00:44:13,580 Inti ma għandekx tmur safejn li jagħmlu l-ħaġa sħiħa fejn tixtieq jekk inti inkrement 706 00:44:13,580 --> 00:44:16,620 kontro jkollu kumment li tgħid, jien żżid 1 sa din il-kontro. 707 00:44:16,620 --> 00:44:20,450 Ma għandhom ikunu li dettaljati, iżda, għal kull funzjoni li int qatt bil-miktub 708 00:44:20,450 --> 00:44:23,160 għandu jkollok xi dokumentazzjoni ta 'dak li dik il-funzjoni eżattament ma, 709 00:44:23,160 --> 00:44:25,140 liema inputs tiegħu huma, u dak li għandu ritorn. 710 00:44:25,140 --> 00:44:27,800 B'dak il-mod inti tista 'tuża komponenti oħra tan-nies tas-sit 711 00:44:27,800 --> 00:44:31,990 u inti tista 'taħdem għall-ħolqien xi ħaġa kbira. 712 00:44:31,990 --> 00:44:34,100 >> Ħaġa oħra importanti hija li inti trid tagħmel nadif-ups regolari. 713 00:44:34,100 --> 00:44:40,490 Kodiċi gets messy. M'għandekx iħossuhom ħażin jekk il-kodiċi tiegħek hija biss totalment ma jistgħux jinqraw u mess ġgant. 714 00:44:40,490 --> 00:44:42,770 Li jiġri fil web iżvilupp dejjem. 715 00:44:42,770 --> 00:44:46,530 Int żżid karatteristiċi ġodda, tneħħi dawk qodma. Jittieħed se jkun hemm li ma għandu jkun. 716 00:44:46,530 --> 00:44:49,330 Li l-multa, iżda inti tixtieq li tagħmel ċert li tittratta dik regolarment. 717 00:44:49,330 --> 00:44:53,430 Inti ma tridx li tħalliha jibnu sal-punt fejn inti biss ma tistax issib xejn 718 00:44:53,430 --> 00:44:56,430 fil-kodiċi tiegħek, u inti għandek l-ebda idea dak li xejn ma. 719 00:44:56,430 --> 00:44:58,430 Dik hija l-każ mal-HTML. 720 00:44:58,430 --> 00:44:59,490 Kultant inti ser jispiċċaw ma 'oġġetti li ma fihomx xejn, 721 00:44:59,490 --> 00:45:01,320 u tkun taf tixtieq li jeħles ta 'dawk. 722 00:45:01,320 --> 00:45:04,610 Fil-CSS, inti tista 'tkun jirreferu għall-elementi li ma jkunux hemm aktar, 723 00:45:04,610 --> 00:45:06,340 sabiex inti tixtieq li teħles minn dan il-kodiċi. 724 00:45:06,340 --> 00:45:09,900 Fil JavaScript, inti jista 'jkollok jitneħħa xi ħaġa mill-HTML. 725 00:45:09,900 --> 00:45:13,150 Allura, inti tixtieq li tagħmel ċert li int dejjem tindif, li tagħmel affarijiet pretty 726 00:45:13,150 --> 00:45:17,450 kemm inti tista 'fuq bażi regolari. 727 00:45:17,450 --> 00:45:21,060 >> Ħaġa oħra verament utli li jien ma naħsibx huwa deskritt ħafna fl CS50 728 00:45:21,060 --> 00:45:23,430 iżda huwa min jkollna lejn huwa verżjoni kontroll. 729 00:45:23,430 --> 00:45:27,180 L-idea ta 'kontroll verżjoni hija meta int bażikament iżżomm rekord ta' l-progress 730 00:45:27,180 --> 00:45:30,820 inti ħadna lejn sit tiegħek u jekk fi kwalunkwe punt inti tirrealizza, oh, dan kien qed jaħdem 731 00:45:30,820 --> 00:45:35,220 filwaqt li ilu iżda mhux maħdum kwalunkwe aktar, inti tista 'tmur lura għall-verżjonijiet preċedenti 732 00:45:35,220 --> 00:45:37,720 u ara dak li nbidlet minn dakinhar u li tip ta 'ħaġa. 733 00:45:37,720 --> 00:45:41,670 Il-mezz primarju biex tagħmel dan huwa ma 'Git, u Git hija din it-tip kollu ta' sistema li 734 00:45:41,670 --> 00:45:46,390 Nemmen Tommy MacWilliam taw seminar dwar l-aħħar sena. 735 00:45:46,390 --> 00:45:51,520 Jekk inti tmur fis-seminars CS50 għall-2011, tista 'tara seminar tiegħu fuq dan. 736 00:45:51,520 --> 00:45:57,070 L-idea ta Git hija bażikament dak f'intervalli regolari int tagħmel dawn l-impenji 737 00:45:57,070 --> 00:46:01,430 li huma modi ta 'tgħid is-sit huwa fil-verżjoni pretty stabbli dritt issa tant 738 00:46:01,430 --> 00:46:05,910 Jien ippakkjar it up u jibagħtuha bogħod biex server, u allura inti tista 'tmur għal dak server 739 00:46:05,910 --> 00:46:07,910 u tħares lejn kull verżjoni preċedenti tal-kodiċi tiegħek u tara kif huwa mexa 740 00:46:07,910 --> 00:46:12,210 u dak kollu li tip ta 'għalf tajba. 741 00:46:12,210 --> 00:46:14,210 Allura, li bażikament dan. 742 00:46:14,210 --> 00:46:17,870 Safejn web iżvilupp, aħna kuntenti li twaħħal madwar u tirrispondi xi 743 00:46:17,870 --> 00:46:20,570 mistoqsijiet safejn preżentazzjoni tagħna. 744 00:46:20,570 --> 00:46:22,900 Thats it. Grazzi. >> [Ben] Grazzi. 745 00:46:22,900 --> 00:46:28,480 [Applause] 746 00:46:28,480 --> 00:46:30,950 >> [Billy] Persunal, ħadd ma jkollu xi mistoqsijiet dwar affarijiet li aħna stajt koperti 747 00:46:30,950 --> 00:46:33,950 jew affarijiet li konna mhux koperti li huma kienu qegħdin jittamaw aħna'd tkopri? 748 00:46:33,950 --> 00:46:35,950 Aħna'd ikunu kuntenti li twieġeb dawk. Kulħadd? 749 00:46:35,950 --> 00:46:50,360 [Membru udjenza] X'inhuma l-vantaġġi u liżvantaġġi ta 'użu Ruby jew bl-użu Python? 750 00:46:50,360 --> 00:46:58,660 [Ben] Il-kwistjoni kienet, liema huma l-vantaġġi u liżvantaġġi ta 'użu Ruby jew Python 751 00:46:58,660 --> 00:46:59,900 minflok bħal PHP. 752 00:46:59,900 --> 00:47:11,340 Il-punti favur huma li Ruby u Python huma lingwi ferm aħjar minn PHP. 753 00:47:11,340 --> 00:47:14,920 Mill-inqas fil-fehma tiegħi, u naħseb fil-lott ta 'opinjonijiet ta' nies oħrajn ukoll. 754 00:47:14,920 --> 00:47:20,990 Huma kienu maħsuba b'mod aktar biex tagħmel Jittieħed kumplessi, 755 00:47:20,990 --> 00:47:25,380 u inqas għall whacking flimkien paġni web verament malajr ma 756 00:47:25,380 --> 00:47:28,400 xi ftit ta 'kontenut dinamiku. 757 00:47:28,400 --> 00:47:35,180 L-iżvantaġġi huma li hemm xi ftit ta '- hemm aktar ta' kurva tat-tagħlim 758 00:47:35,180 --> 00:47:37,220 biex tikseb minnhom stabbiliti. 759 00:47:37,220 --> 00:47:41,010 Dan huwa, bħal fil-PHP, inti tista 'sempliċement jkollu fajl HTML u tikteb' anqas minn, 760 00:47:41,010 --> 00:47:43,060 trade mark in kwistjoni, u mbagħad tikteb xi kodiċi, u mbagħad tikteb mark kwistjoni, 761 00:47:43,060 --> 00:47:45,700 -akbar minn, u allura inti qed isir. 762 00:47:45,700 --> 00:47:50,300 F'lingwi oħra bħal Ruby jew Python, 763 00:47:50,300 --> 00:47:56,810 ikollok tmur permezz ta 'ftit aktar xogħol biex jiksbu l-sit running inizjali. 764 00:47:56,810 --> 00:48:02,730 Hemm ukoll - għall-inqas li jintuża biex tkun il-każ - li hemm aktar dokumentazzjoni 765 00:48:02,730 --> 00:48:05,480 disponibbli għall PHP sempliċiment għaliex hemm aktar nies jużawh. 766 00:48:05,480 --> 00:48:09,370 Naħseb li mhux bħala ħafna ta 'kwistjoni aktar. 767 00:48:09,370 --> 00:48:12,520 Hemm ċertament dokumentazzjoni tajba ħafna għall-għalf bħal Ruby fuq binarji 768 00:48:12,520 --> 00:48:16,080 jew Django għall Python huwa l-ekwivalenti. 769 00:48:16,080 --> 00:48:25,910 PHP huwa dak li kulħadd qed tuża għas-snin, u inti taf kif taħdem. 770 00:48:25,910 --> 00:48:28,460 Ruby u Python huma ftit anqas maturi. 771 00:48:28,460 --> 00:48:33,130 >> [Membru udjenza] Jekk ġejt biex tagħżel bejn wieħed minnhom biex jitgħallmu jew pick up, 772 00:48:33,130 --> 00:48:36,130 li kieku inti tippreferi? 773 00:48:36,130 --> 00:48:38,870 Onestament, naħseb li jiddependi fuq il-persuna. 774 00:48:38,870 --> 00:48:45,450 Jien sorry. Il-kwistjoni kienet li kieku inti pick għal xi ħadd biex jitgħallmu? 775 00:48:45,450 --> 00:48:50,230 I isibu Python l-nicest personalment. 776 00:48:50,230 --> 00:48:55,360 Hemm ħafna nies li - I ma l-ewwel web proġett DEV tiegħi fil Python u Django. 777 00:48:55,360 --> 00:49:00,300 Hemm ħafna nies li jħobbu Ruby fuq binarji ukoll. 778 00:49:00,300 --> 00:49:02,650 Probabbilment aktar nies li jafu Ruby fuq binarji. 779 00:49:02,650 --> 00:49:05,270 Onestament, I se biss jmorru ma 'kwalunkwe-poplu madwar inti taf 780 00:49:05,270 --> 00:49:09,680 sabiex ikollok nies li jistaqsu mistoqsijiet. 781 00:49:19,640 --> 00:49:24,170 >> Il-kwistjoni kienet - fuq servers maqsuma huwa tip ta 'diffiċli biex jaħdmu fuq Python? 782 00:49:24,170 --> 00:49:26,170 Dan jiddependi fuq hosting tiegħek. 783 00:49:26,170 --> 00:49:29,400 Hemm numru ta 'web hosts li ser post Jittieħed Python. 784 00:49:29,400 --> 00:49:31,400 WebFaction ma li, right? 785 00:49:31,400 --> 00:49:34,400 WebFaction hija waħda li Billy u jien użati għal xi proġetti. 786 00:49:34,400 --> 00:49:37,750 Huma qed verament kbir. Huma jappoġġjaw aktar lingwi. 787 00:49:37,750 --> 00:49:40,020 Imma huwa veru li PHP hija ħafna aktar appoġġjata minn bosta. 788 00:49:40,020 --> 00:49:45,210 Allura, jekk int mwaħħla fuq web ospitanti li biss ma PHP, li l-raġuni tajba għall-użu PHP. 789 00:49:45,210 --> 00:49:56,010 >> [Membru udjenza] I biss ltqajna fis-tagħlim kif mistoqsija xi databases, 790 00:49:56,010 --> 00:50:00,680 u naf SQL tiegħi hija kollha fuq il-post, iżda I reċentement ltqajna esposti għall - 791 00:50:00,680 --> 00:50:04,470 u inti indikaw dan. You see JSON u databases espansibbli. 792 00:50:04,470 --> 00:50:14,580 My SQL għadu kollha fuq il-post. Kif inti tara li jiġri? 793 00:50:14,580 --> 00:50:21,330 Huwa hemm għaddej li hemm tendenza dejjem tikber għal aktar espansibbli (inaudible)? 794 00:50:21,330 --> 00:50:30,100 Il-kwistjoni kienet - do I think hemm għaddej li hemm tendenza lejn databases mhux SQL. 795 00:50:30,100 --> 00:50:33,850 Per eżempju, bħal MongoDB. Naħseb li huwa definittivament veru. 796 00:50:33,850 --> 00:50:38,730 Parir tiegħi kien l-aktar mySQL relatati mal-hawn biss minħabba mySQL hija 797 00:50:38,730 --> 00:50:40,950 standard industrijali. 798 00:50:40,950 --> 00:50:45,950 Personally, I ħafna jippreferu databases li m'għandhomx schemos bħal MongoDB 799 00:50:45,950 --> 00:50:49,520 fejn inti ma għandekx il-ħruġ ta ', oh, I bżonn li żżid ieħor kolonna. 800 00:50:49,520 --> 00:50:51,600 Woe hija me, bħal kwalunkwe nagħmel? 801 00:50:51,600 --> 00:50:55,840 Huwa diffiċli ħafna biex tagħmel dan fuq mySQL, imma meta jkollok xi ħaġa bħal Mongo 802 00:50:55,840 --> 00:50:57,840 huwa ħafna nicer. 803 00:50:57,840 --> 00:51:03,780 Il-ħaġa sbieħ oħra dwar Mongo huwa li r-rekords tiegħek huma attwalment JavaScript oġġetti. 804 00:51:03,780 --> 00:51:10,110 M'hemm l-ebda tip ta 'pass konverżjoni fejn għandek bżonn tieħu dawn ringieli database 805 00:51:10,110 --> 00:51:13,140 u jibdluhom fi oġġett JavaScript u mbagħad tibgħathom fuq il-wajer. 806 00:51:13,140 --> 00:51:20,290 Naħseb għalf bħal dik se tkun ħafna, utli ħafna għall-iżvilupp web mgħaġġel fil-futur. 807 00:51:20,290 --> 00:51:23,060 >> [Billy] Xi ħaġa nixtieq inżid li huwa biss punt ġenerali hija li 808 00:51:23,060 --> 00:51:26,580 ma jħossu bħal inti għandek tgħallmu kollha tal-lingwi konna diskussi 809 00:51:26,580 --> 00:51:28,580 minn seminar tagħna. 810 00:51:28,580 --> 00:51:30,560 Ovvjament l-punt hu li jagħti idea ta 'x'hemm hemmhekk, 811 00:51:30,560 --> 00:51:33,450 u jekk int intrigued minn xi waħda mill-affarijiet konna msemmija tista Google minnhom 812 00:51:33,450 --> 00:51:35,830 u aqra up fuqhom. 813 00:51:35,830 --> 00:51:38,750 U kif semmejt, hemm seminars ftit li jittrattaw preċiżament dawn l-affarijiet. 814 00:51:38,750 --> 00:51:41,660 Hemm seminars saħansitra aktar li jien mhux imsemmija li probabbilment jsibu rwieħhom 815 00:51:41,660 --> 00:51:43,660 dan il-għalf kif ukoll. 816 00:51:43,660 --> 00:51:46,610 L-idea hija li jekk inti tixtieq taħdem fuq xi ħaġa, hawn huma l-għodod għad-dispożizzjoni tiegħek. 817 00:51:46,610 --> 00:51:51,630 M'għandekx tħoss megħlub jekk m'intix ċert liema verament dawn l-għodod jagħmlu eżattament, 818 00:51:51,630 --> 00:51:54,830 imma jafu li dawn qed hemmhekk u li inti tista 'tagħmel użu wiesa minnhom 819 00:51:54,830 --> 00:51:56,830 minn Google. 820 00:51:56,830 --> 00:51:59,960 >> [Membru udjenza] Liema tip ta 'affarijiet li għandek bżonn tagħmel biex jagħmlu ċert website tiegħek 821 00:51:59,960 --> 00:52:02,530 jidher tajjeb fuq apparat mobbli? 822 00:52:02,530 --> 00:52:05,590 [Billy] apparati mobbli huma ftit diffiċli. 823 00:52:05,590 --> 00:52:07,590 Hemm 2 modi kif inti tista 'tavviċina dan. 824 00:52:07,590 --> 00:52:11,500 L-ewwel mod huwa li inti fil-fatt għandhom websajt mobbli. 825 00:52:11,500 --> 00:52:14,660 Fi kliem ieħor, inti twettaq xi tip ta 'sejbien fil-bidu 826 00:52:14,660 --> 00:52:18,830 meta l-browser qed jagħmel it-talba għall-website tiegħek li jew tgħid 827 00:52:18,830 --> 00:52:25,240 jirritorna din il-fehma - li se jkun il-fehma għal desktop jew laptop browsers - 828 00:52:25,240 --> 00:52:27,710 u din il-fehma oħra għal apparat mobbli. 829 00:52:27,710 --> 00:52:33,090 Li l-post fejn l-opinjonijiet huma verament sbieħ li inti tista pretty ħafna swap l- 830 00:52:33,090 --> 00:52:37,580 tnejn u jkollhom interface li taħdem verament nicely fuq apparat mobbli 831 00:52:37,580 --> 00:52:40,770 u jkollhom waħda kompletament differenti li taħdem nicely fuq apparat browser. 832 00:52:40,770 --> 00:52:43,770 Il-problema li hija hija tieħu żmien twil minħabba li dan ifisser kodifikazzjoni 833 00:52:43,770 --> 00:52:47,060 interface totalment differenti. 834 00:52:47,060 --> 00:52:49,720 Il-mod ieħor li inti tista 'tagħmel huwa - 835 00:52:49,720 --> 00:52:55,250 ħafna ta 'telefons moderna se display websajts u jippruvaw jagħmluhom bħala browser kieku, 836 00:52:55,250 --> 00:52:57,680 u jagħmlu l-aħjar tagħhom. 837 00:52:57,680 --> 00:53:04,340 Tista 'tip ta' tipprova li tissospendi dawl fuq l-ammont ta 'jQuery JavaScript inti qed tuża 838 00:53:04,340 --> 00:53:07,360 li għandu tendenza li jkun fejn l-affarijiet jistgħu imorru ħażin ftit. 839 00:53:07,360 --> 00:53:13,430 Dan huwa tip ta 'l-mod li għandek tuża jekk inti ma għandekx li ħafna ħin. 840 00:53:13,430 --> 00:53:18,540 Jekk inti ma jkollhom il-ħin biex jaħdmu fuq interface mobbli, li ovvjament aħjar għażla tiegħek. 841 00:53:18,540 --> 00:53:23,320 >> Naħseb ġeneralment għal proġetti CS50, int ser jridu jagħżlu waħda jew l-oħra. 842 00:53:23,320 --> 00:53:27,990 Fi kliem ieħor, inti tixtieq li tagħmel app mobbli jew inti tixtieq li tagħmel website desktop. 843 00:53:27,990 --> 00:53:32,200 U dik it-tip ta 'jiddetermina fejn inti tmur ma' dak. 844 00:53:32,200 --> 00:53:35,360 Iżda jekk inti tixtieq li jespandu it out aktar tard, probabbilment bet tiegħek aħjar huwa 845 00:53:35,360 --> 00:53:37,360 jagħmlu interface ieħor għall-oħra. 846 00:53:51,650 --> 00:53:56,340 I jkollhom ftit ta 'esperjenza fl-iżvilupp siti bbażati WordPress'. 847 00:53:56,340 --> 00:53:58,670 I ospitat websajt personali fuq WordPress għall awhile. 848 00:53:58,670 --> 00:54:02,310 Dawk it-tipi ta 'oqfsa jistgħu jkunu affarijiet daqstant bażika ħafna sbieħ. 849 00:54:02,310 --> 00:54:07,050 Oftentimes inti ser biss run fis-lott ta 'kwistjonijiet customizability għalkemm. 850 00:54:07,050 --> 00:54:10,940 Int ser ikollok tixtieq li jkollok xi ħaġa tfittex b'ċertu mod jew tkun mod ċerta 851 00:54:10,940 --> 00:54:14,510 u inti biss ma tistax, għaliex dan huwa hard-fili fis-sistema li 852 00:54:14,510 --> 00:54:17,480 dan huwa kif għandek tagħmel affarijiet li jistgħu jkunu daqsxejn ta 'problema. 853 00:54:17,480 --> 00:54:22,020 Minn dakinhar stajt tip ta 'kien aktar inklinati li jaħdmu ma' siti mill-art up. 854 00:54:22,020 --> 00:54:26,840 Għal affarijiet bħall-databases blog u dik it-tip ta 'ħaġa huwa verament mhux li diffiċli li jinbena qafas. 855 00:54:26,840 --> 00:54:29,970 Jekk int verament mġebbda għal darba, inti tista 'kors jużaw xi ħaġa simili WordPress 856 00:54:29,970 --> 00:54:33,120 jew li tip ta 'ħaġa għal blog. 857 00:54:33,120 --> 00:54:38,790 It-tipi ta 'affarijiet li blogs maħżen u ma huma verament iebsa biżżejjed li 858 00:54:38,790 --> 00:54:41,500 jekk int taħdem fi kwalunkwe ta 'dawk it-tipi ta' affarijiet, int probabilment aħjar biss biex 859 00:54:41,500 --> 00:54:43,500 jagħmlu verżjoni in-house. 860 00:54:43,500 --> 00:54:48,350 >> Naħseb li dwar dan, dan grazzi għal darb'oħra għall ġejjin. 861 00:54:48,350 --> 00:54:51,960 We really jgawdu nitkellmu miegħek guys u nisperaw li inti tgħallimt xi għalf. 862 00:54:51,960 --> 00:54:55,350 [Ben] Aħna kuntenti li jitkellmu - rridu mmorru imma aħna kuntenti li jitkellmu aktar barra 863 00:54:55,350 --> 00:55:01,650 jekk għandek mistoqsija oħra. Grazzi għal darb'oħra. [Applause] 864 00:55:03,750 --> 00:55:06,000 [CS50.TV]