1 00:00:00,000 --> 00:00:02,500 [Powered by Google Translate] [Seminar] [Datblygiad Safle Wê: O Syniad i Gweithredu] 2 00:00:02,500 --> 00:00:04,200 [Ben Kuhn] [Billy Janitsch] [Prifysgol Harvard] 3 00:00:04,200 --> 00:00:07,250 [Mae hyn yn CS50] [CS50.TV] 4 00:00:07,250 --> 00:00:10,840 [Billy] Hi, Im 'Billy ac mae hyn yn Ben. >> [Ben] Hi. 5 00:00:10,840 --> 00:00:12,840 Rydym yn mynd i fod yn siarad am ddatblygiad ar y we heddiw. 6 00:00:12,840 --> 00:00:14,840 [Webdev] [Billy Janitsch a Ben Kuhn] 7 00:00:14,840 --> 00:00:16,840 Ychydig amdanom ni yn gyntaf. 8 00:00:16,840 --> 00:00:19,590 Ben yn fath o y dyn yn ôl diwedd. Ei fod yn gwneud pethau'n gweithio. 9 00:00:19,590 --> 00:00:21,870 Ac yna yr wyf yn mynd i mewn ac yn eu gwneud yn 'n bert. 10 00:00:21,870 --> 00:00:26,610 Rwy'n ymwneud yn bennaf gyda mwy-pen blaen fath dylunio cynllun o bethau, 11 00:00:26,610 --> 00:00:31,260 a Ben, ar y llaw arall, yn gwybod beth mae'n ei wneud felly mae'n gweithio ar ôl diwedd stwff. 12 00:00:31,260 --> 00:00:34,050 Gyda'n gilydd, rydym wedi gwneud rhai pethau. 13 00:00:34,050 --> 00:00:38,710 Er enghraifft, y llynedd buom yn gweithio ar Gimblium sy'n stiwdio datblygu gêm ar-lein. 14 00:00:38,710 --> 00:00:40,400 Dyna oedd ein prosiect terfynol ar gyfer y dosbarth, 15 00:00:40,400 --> 00:00:42,780 ac ers hynny rydym wedi gwneud Dosbarth Harvard 16 00:00:42,780 --> 00:00:47,860 sydd yn fframwaith ar-lein ar gyfer pori a chyrsiau siopa yn Harvard. 17 00:00:47,860 --> 00:00:53,180 >> Rydym yn mynd i ddechrau gyda'r syniad hwn ar gyfer ein gwefan. 18 00:00:53,180 --> 00:00:57,480 Rydym yn mynd i wneud Facebook, ond i gathod. 19 00:00:57,480 --> 00:00:59,520 Cyn i chi mewn gwirionedd yn gwneud y wefan hon, 20 00:00:59,520 --> 00:01:02,520 peidiwch â gwneud y wefan yma oherwydd nad ei fod yn dda, ond byddwn yn ei ddefnyddio fel fframwaith 21 00:01:02,520 --> 00:01:05,349 ac yn mynd drwy'r broses o sut yr ydym yn cymryd y syniad hwn 22 00:01:05,349 --> 00:01:07,450 ac yn troi i mewn i gwefan go iawn y gallwn ei ddefnyddio. 23 00:01:07,450 --> 00:01:11,940 Byddwn yn dechrau drwy dorri'r wefan i lawr. 24 00:01:11,940 --> 00:01:13,190 Fel rydych chi wedi bod yn ei wneud yn CS50, 25 00:01:13,190 --> 00:01:17,360 ydych chi eisiau i feddwl am beth yw'r elfennau gwirioneddol sy'n mynd i mewn y wefan hon. 26 00:01:17,360 --> 00:01:21,290 Yn y bôn droi o fod yn syniad sydd ychydig yn fath o gysyniad haniaethol 27 00:01:21,290 --> 00:01:23,590 i mewn i, beth pendant go iawn y gallech eu gwneud. 28 00:01:23,590 --> 00:01:25,910 Rydym yn dechrau drwy ofyn rhai cwestiynau. 29 00:01:25,910 --> 00:01:28,070 Beth yw'r wefan hon? Pam ydyn ni'n gwneud hyn? 30 00:01:28,070 --> 00:01:30,670 Beth yw ei mynd i gael ei ddefnyddio ar gyfer? Mae'r math hwnnw o beth. 31 00:01:30,670 --> 00:01:33,660 Yn achos Facebook Cat, 32 00:01:33,660 --> 00:01:37,730 rydym yn y bôn am gael gwefan sy'n gadael i cathod rhwydwaith cymdeithasol gyda'i gilydd. 33 00:01:37,730 --> 00:01:41,260 Y syniad yw y gallant bostio ar waliau ei gilydd, 34 00:01:41,260 --> 00:01:43,510 gallant wneud sylwadau, y math yna o beth. 35 00:01:43,510 --> 00:01:46,720 A dyna lle rydym yn dod i mewn i'r cydrannau swyddogaethol. 36 00:01:46,720 --> 00:01:51,270 Erbyn hyn mae gennym y math hwn o fframwaith - mae gennym proffiliau defnyddwyr, 37 00:01:51,270 --> 00:01:53,990 gennym sylwadau, a gallwn bostio. 38 00:01:53,990 --> 00:01:57,390 Efallai someday byddwn yn influent hoff bethau a math yna o beth. 39 00:01:57,390 --> 00:02:00,410 Ac rydym fath o eisiau rhoi blaenoriaeth i nodweddion hyn i fynd i mewn 40 00:02:00,410 --> 00:02:03,340 Rydym yn awyddus i ddweud fel, iawn, mae'n bwysig iawn bod pawb yn cael proffil 41 00:02:03,340 --> 00:02:06,440 ac y gall pawb bostio ar waliau ei gilydd. 42 00:02:06,440 --> 00:02:08,509 Eilaidd i hynny, byddai sylwadau yn braf. 43 00:02:08,509 --> 00:02:10,180 Efallai yn nes ymlaen byddwn yn influent hoffterau. 44 00:02:10,180 --> 00:02:13,700 Felly, yr ydych am gael syniad o beth sydd sylfaenol i'ch prosiect 45 00:02:13,700 --> 00:02:17,260 a pha fath o nodwedd fwy cyffredinol y gellid eu cymhwyso yn ddiweddarach. 46 00:02:17,260 --> 00:02:20,870 Byddwch am fath o restr benodol mewn golwg, 47 00:02:20,870 --> 00:02:24,090 ond nid yw'r prosiect eich bod yn dechrau gyda yn mynd i fod y prosiect eich bod yn gorffen gyda. 48 00:02:24,090 --> 00:02:27,100 Mewn geiriau eraill, mae pethau'n mynd i newid wrth i chi ddatblygu'r safle, 49 00:02:27,100 --> 00:02:30,090 a ydych chi eisiau gadael lle i hynny. 50 00:02:30,090 --> 00:02:34,470 'N annhymerus' droi drosodd i Ben pwy sy'n mynd i siarad ychydig am strwythur. 51 00:02:34,470 --> 00:02:39,610 >> [Ben] Rydw i'n mynd i fod yn siarad am yr ochr mwy technegol o ddatblygiad ar y we. 52 00:02:39,610 --> 00:02:42,370 Gadewch i jyst yn mynd dros rai pethau sylfaenol yn gyntaf. 53 00:02:42,370 --> 00:02:45,730 Pan fyddwch yn gwneud app ar y we, 54 00:02:45,730 --> 00:02:50,470 y prif adran eich bod yn mynd i gael i gael ei 55 00:02:50,470 --> 00:02:52,700 ydych yn mynd i gael rhywfaint o bethau yn mynd ymlaen yn yr ochr y cleient - 56 00:02:52,700 --> 00:02:56,700 hynny yw, y cod eich bod yn porwr yn cymryd o'r safle 57 00:02:56,700 --> 00:03:01,910 a JavaScript, HTML, CSS stwff. 58 00:03:01,910 --> 00:03:04,490 Dyna i gyd ar yr ochr y cleient. 59 00:03:04,490 --> 00:03:08,680 Rydych yn mynd i gael cod arall sy'n rhedeg ar ochr y gweinydd 60 00:03:08,680 --> 00:03:10,770 sy'n cadw golwg ar yr holl ddata y mae pobl yn anfon i chi, 61 00:03:10,770 --> 00:03:15,060 penderfynu pwy i roi beth, pethau fel 'na. 62 00:03:15,060 --> 00:03:20,380 Mae hyn yn ddim ond rhai derminoleg er mwyn i chi guys i gyd yn gyfarwydd â'r hyn yr ydym yn sôn amdano. 63 00:03:20,380 --> 00:03:28,600 Tu hwnt i hynny adran mae'n dda meddwl am eich app ar y we o ran 64 00:03:28,600 --> 00:03:32,500 un neu ddau o gydrannau gwahanol. 65 00:03:32,500 --> 00:03:35,270 Pan fyddwch chi'n gwneud datblygu gwefan 66 00:03:35,270 --> 00:03:41,710 un o'r pethau y dylech bob amser fod yn ceisio ei wneud yw lleihau cymhlethdod. 67 00:03:41,710 --> 00:03:45,710 Po fwyaf cymhleth eich cod yw y mwyaf o siawns sydd i'w wneud bugs, 68 00:03:45,710 --> 00:03:47,710 yr anoddaf yw hi yw newid yn ddiweddarach. 69 00:03:47,710 --> 00:03:50,140 Felly, os gallwch dorri i fyny eich app i rai meysydd swyddogaethol penodol 70 00:03:50,140 --> 00:03:57,640 Bydd hynny - a gallwch leihau y math o swm y cyfathrebu traws-ardal - 71 00:03:57,640 --> 00:04:03,530 a fydd yn helpu llawer yn y tymor hir o ran lleihau bugs chi. 72 00:04:03,530 --> 00:04:07,950 >> I fod yn concrid, fel arfer mae pobl yn rhannu i fyny app ar y we i mewn - 73 00:04:07,950 --> 00:04:13,190 mae'r rhain yn fath o eiriau wefr yn awr, ond maent yn dal i fod yn ddefnyddiol. 74 00:04:13,190 --> 00:04:17,940 Efallai eich bod wedi clywed pobl yn siarad am fodelau, golygfeydd, a rheolwyr. 75 00:04:17,940 --> 00:04:23,210 Modelau yn y data gwirioneddol y mae eich app yn mynd i ddelio ag ef. 76 00:04:23,210 --> 00:04:28,260 Er enghraifft, yn eich Cat Facebook, byddai eich modelau fod - 77 00:04:28,260 --> 00:04:35,340 byddech yn cael model ar gyfer swyddi tebyg, ac yn fodel ar gyfer proffiliau defnyddwyr, pethau fel 'na. 78 00:04:35,340 --> 00:04:41,090 Mae eich barn yn sut yr ydych yn cyflwyno data hynny i'ch defnyddwyr. 79 00:04:41,090 --> 00:04:46,660 Efallai y bydd gennych 1 farn ar gyfer edrych ar un swydd a holl sylwadau 80 00:04:46,660 --> 00:04:51,720 a golygfa wahanol ar gyfer eich wal sydd â rhestr o'r holl swyddi 81 00:04:51,720 --> 00:04:57,170 sy'n cael eu cyfeirio i chi, ac farn wahanol ar gyfer eich porthiant newyddion - pethau fel 'na. 82 00:04:57,170 --> 00:05:00,610 Yn olaf, mae gennych rheolwyr sydd yn y bôn pan fydd pobl yn anfon swyddi rydych 83 00:05:00,610 --> 00:05:03,310 ac rydych yn gwneud diweddariadau i'ch system yn ôl diwedd, 84 00:05:03,310 --> 00:05:06,400 chi cynyddiad criw o cownteri, a beth bynnag. 85 00:05:06,400 --> 00:05:07,860 Dyna yw eich rheolwyr. 86 00:05:07,860 --> 00:05:11,030 >> Rydw i'n mynd i fod yn siarad yn bennaf am fodelau. 87 00:05:11,030 --> 00:05:14,030 Nid yw barn yw bod anodd yn dechnegol ac mae'r mater yn fwy gyda nhw ddylunio 88 00:05:14,030 --> 00:05:22,040 Rheolwyr yn mynd i fod yn benodol i beth bynnag rydych chi'n dylunio. 89 00:05:22,040 --> 00:05:25,220 Ond mae rhai technegau eithaf cyffredinol y gallwch eu defnyddio 90 00:05:25,220 --> 00:05:30,220 i wneud eich modelau brafiach ac yn haws i weithio gyda fy mod yn credu eu bod yn ddefnyddiol iawn. 91 00:05:30,220 --> 00:05:35,860 Mae hyn yn mynd yn bennaf i fod ynglŷn â sut i ddelio â'ch data apps ar y we mewn ffordd braf. 92 00:05:35,860 --> 00:05:40,420 Y prif faterion gyda modelau 93 00:05:40,420 --> 00:05:44,540 yw eu bod yn byw ar y cleient a'r gweinydd a rhaid i chi chyfrif i maes 94 00:05:44,540 --> 00:05:51,170 a) sut i gael nhw - yr holl rai perthnasol - o'r gweinydd i'r cleient, 95 00:05:51,170 --> 00:05:53,440 a b) sut i'w cadw mewn cydamseru. 96 00:05:53,440 --> 00:05:58,700 Eich defnyddwyr yn mynd i eisiau i wneud rhai diweddariadau. 97 00:05:58,700 --> 00:06:00,470 Maent yn mynd i eisiau i wneud swyddi newydd. 98 00:06:00,470 --> 00:06:04,800 Maent yn mynd i eisiau i hoffi pethau a phethau os oes gennych hoffterau. 99 00:06:04,800 --> 00:06:11,490 Dyna'r prif heriau technegol o ddelio gyda modelau. 100 00:06:11,490 --> 00:06:15,680 Y peth cyntaf eich bod yn mynd i eisiau gofyn eich hun 101 00:06:15,680 --> 00:06:18,420 pa fath o ddata yn mynd yn y model hwn a pha fath o ymholiadau yr ydym yn mynd i eisiau ei wneud - 102 00:06:18,420 --> 00:06:24,290 hynny yw, sut ydym yn mynd i edrych ar y modelau? 103 00:06:24,290 --> 00:06:26,940 Ar gyfer eich Cat Facebook enghraifft, 104 00:06:26,940 --> 00:06:31,520 eich swydd yn mynd i gael awdur sy'n gysylltiedig ag ef, 105 00:06:31,520 --> 00:06:35,660 rhywfaint o destun ôl-wal, a derbynnydd y swydd wal. 106 00:06:35,660 --> 00:06:38,470 Ac yna efallai y byddwch am gwestiynu hynny mewn criw o ffyrdd gwahanol. 107 00:06:38,470 --> 00:06:42,220 Byddai y byddwch am edrych arno gan bwy ysgrifennodd pa post, 108 00:06:42,220 --> 00:06:46,620 gan a dderbyniodd ba swydd, efallai erbyn y dyddiad y cawsant eu postio. 109 00:06:46,620 --> 00:06:50,340 Ond os ydych chi'n mynd i wneud hynny yn ôl dyddiad, yna rhaid i chi ychwanegwch maes arall at eich swydd 110 00:06:50,340 --> 00:06:52,490 o pan gafodd ei bostio mewn gwirionedd. 111 00:06:52,490 --> 00:07:00,220 Y 2 ffactor - pa ddata yr ydych am ei ddefnyddio a sut yr ydych am ei weld - 112 00:07:00,220 --> 00:07:04,200 dylech feddwl amdanynt gyntaf oherwydd eu bod yn dibynnu ar ei gilydd, 113 00:07:04,200 --> 00:07:08,030 ac mae'n mynd i fod yn fwy anodd eu hychwanegu yn nes ymlaen. 114 00:07:08,030 --> 00:07:12,750 >> Mae rhai ystyriaethau eraill. 115 00:07:12,750 --> 00:07:17,540 Pan fyddwch yn meddwl am sut yr ydych yn delio gyda modelau ar y gweinydd 116 00:07:17,540 --> 00:07:20,540 yr hyn yr ydych eisiau edrych arno yw - 117 00:07:20,540 --> 00:07:27,440 rydych yn y bôn am wneud y gweinydd mor syml ag y bo modd. 118 00:07:29,440 --> 00:07:35,500 Gwneud pethau ar ochr y cleient yn gyffredinol yn llawer cyflymach os gallwch chi ei wneud yn unig ar y cleient 119 00:07:35,500 --> 00:07:38,230 heb wneud unrhyw fath o gais rhwydwaith. 120 00:07:38,230 --> 00:07:47,860 Y syniad yw gwneud cymaint o'r ymholiadau ag y gallwch ar y cleient. 121 00:07:47,860 --> 00:07:51,560 Yr unig broblem gyda hynny 122 00:07:51,560 --> 00:07:54,160 yw os ydych yn gofyn am eich holl ddata ar y dechrau 123 00:07:54,160 --> 00:07:57,160 yna mae hynny'n mynd i gymryd amser hir i lwytho. 124 00:07:57,160 --> 00:08:02,290 Felly, y syniad yw i daro cyfrwng hapus rhwng cael digon o ddata ar y cleient 125 00:08:02,290 --> 00:08:07,640 eich bod yn gallu gwneud y rhan fwyaf o'ch gwaith yno ond nid dim ond nôl popeth ar unwaith 126 00:08:07,640 --> 00:08:09,710 fel eich bod yn cael amser llwytho araf iawn ar y dechrau. 127 00:08:09,710 --> 00:08:12,610 Er enghraifft, ar gyfer eich data cath 128 00:08:12,610 --> 00:08:20,340 Mae'n debyg y byddech am i nôl criw o swyddi wal diweddar. 129 00:08:20,340 --> 00:08:23,790 Ni fyddech am i nôl pob un ohonynt oherwydd gallai hynny fynd yn ôl ychydig o flynyddoedd. 130 00:08:23,790 --> 00:08:25,470 Ond nad ydych am i nôl nhw un ar y tro 131 00:08:25,470 --> 00:08:28,740 oherwydd byddai hynny'n cyflwyno llawer o gostau cyffredinol rhwydwaith. 132 00:08:28,740 --> 00:08:33,620 >> Mae'n aml yn eithaf anodd - unwaith y byddwch yn cael rhedeg cronfa ddata - 133 00:08:33,620 --> 00:08:37,210 mae'n aml yn eithaf anodd i newid pa ddata sydd gennych ynddo - 134 00:08:37,210 --> 00:08:40,510 hynny yw, ychwanegu colofn cronfa ddata newydd neu rywbeth - 135 00:08:40,510 --> 00:08:43,510 felly un strategaeth dda mewn gwirionedd dim ond i gadw llawer o'ch data mewn blob testun - 136 00:08:43,510 --> 00:08:53,880 blob JSON - JSON yn JavaScript Nodiant Gwrthwynebu - 137 00:08:53,880 --> 00:08:58,330 Y rheswm y yn ddefnyddiol oherwydd yna gallwch chi ychwanegu eiddo newydd 138 00:08:58,330 --> 00:09:01,920 i'r holl smotiau JSON hyn heb newid eich cronfa ddata. 139 00:09:01,920 --> 00:09:06,860 Yr unig anfantais i hynny yw os oes gennych criw o gaeau 140 00:09:06,860 --> 00:09:09,890 eich bod hychwanegu yn ddiweddarach ar - fel cudd yn y blob JSON - 141 00:09:09,890 --> 00:09:12,850 yna mae'n fwy anodd i holi nhw y tu mewn i'r gronfa ddata. 142 00:09:12,850 --> 00:09:17,690 Er enghraifft, os ydych yn nes ymlaen - os ydych yn cael eich swydd model a drafodwyd gennym yn gynharach 143 00:09:17,690 --> 00:09:25,380 gyda dim ond yr awdur, y derbynnydd a'r testun - 144 00:09:25,380 --> 00:09:29,000 gallech hefyd gael blob JSON ac yna os ydych yn ddiweddarach yn dymuno ychwanegu maes dyddiad 145 00:09:29,000 --> 00:09:31,000 Ni fyddai'n rhaid i chi newid eich cronfa ddata. 146 00:09:31,000 --> 00:09:36,140 Fe allech chi ychwanegu dyddiadau i bob un o'r meysydd testun. 147 00:09:36,140 --> 00:09:39,640 Ac yna byddech yn gallu edrych ar y rhai ar ochr y cleient, 148 00:09:39,640 --> 00:09:42,430 ond ni fyddech yn gallu holi nhw ar yr ochr gweinydd 149 00:09:42,430 --> 00:09:44,430 oherwydd ei fod yn gudd y tu mewn i'r testun. 150 00:09:44,430 --> 00:09:49,920 >> Y mater arall yr ydych am i feddwl am 151 00:09:49,920 --> 00:09:52,400 yw sut mae eich cleient a'ch gweinydd yn mynd i gyfathrebu. 152 00:09:52,400 --> 00:09:56,040 Fel arfer, byddwch am gadw hyn mor syml ag y bo modd. 153 00:09:56,040 --> 00:10:02,230 Alli jyst wedi hoffi a-fi-y get cais am ddata, 154 00:10:02,230 --> 00:10:09,140 a chreu-a-newydd-gwrthrych beth, a gais update-yn-hen-gwrthrych. 155 00:10:09,140 --> 00:10:12,930 A byddai'r rhain i gyd yn wahanol URLs ar weinydd eich bod - 156 00:10:12,930 --> 00:10:20,030 y byddai'r porwr - allwch ddefnyddio ceisiadau AJAX ar gyfer pob un o'r rhain 157 00:10:20,030 --> 00:10:24,000 a naill ai ei dderbyn neu ddata post. 158 00:10:24,000 --> 00:10:26,600 Unwaith eto, ar gyfer ein Cat Facebook enghraifft, 159 00:10:26,600 --> 00:10:32,350 gallech gael y URL i gael swydd unigol, 160 00:10:32,350 --> 00:10:39,750 a byddech yn cael URL ar gyfer creu swydd wal newydd 161 00:10:39,750 --> 00:10:45,670 ac efallai URL am lwytho'ch llun proffil, pethau fel 'na. 162 00:10:45,670 --> 00:10:51,730 Ond unwaith eto, mae hynny'n cyn-nôl y rhan fwyaf o'ch data fel nad oes rhaid i chi gadw 163 00:10:51,730 --> 00:10:53,360 gwneud ceisiadau rhwydwaith. 164 00:10:53,360 --> 00:10:59,030 Am y rheswm hwnnw, efallai nad ydych am gael y cais mynnwch unigol ar gyfer un swydd, 165 00:10:59,030 --> 00:11:03,210 ac yn lle y byddech yn unig am 1 cais get ar gyfer y wal cyfan. 166 00:11:03,210 --> 00:11:06,110 Ac yna os ydych yn ceisio taro cydbwysedd oherwydd - 167 00:11:06,110 --> 00:11:10,970 mae hyn hefyd yn mynd i ddibynnu ar eich cais. 168 00:11:10,970 --> 00:11:13,430 Oherwydd os ydych yn disgwyl bod gan bobl dim ond 10 neu 20 o swyddi wal 169 00:11:13,430 --> 00:11:15,430 Bydd hynny'n iawn. 170 00:11:15,430 --> 00:11:17,390 Ond os ydych chi'n disgwyl y bydd ganddynt filoedd yna byddai'r cais yn cymryd gormod o amser, 171 00:11:17,390 --> 00:11:23,580 ac felly efallai y byddwch am ychwanegu paramedr gael-holl swyddi--ers hynny. 172 00:11:23,580 --> 00:11:26,580 >> Ar gyfer pob un o'r rhain mae'n debyg eich bod yn mynd i fod eisiau i cydamseru eich data yn JSON - 173 00:11:26,580 --> 00:11:29,260 JavaScript Nodiant Gwrthrych. 174 00:11:29,260 --> 00:11:34,600 'N bert lawer pob iaith yn delio â JSON yn dda iawn. 175 00:11:34,600 --> 00:11:40,880 JQuery Mae hyn yn swyddogaeth getJSON 'n glws a fydd yn gwneud yr holl waith caled i chi. 176 00:11:40,880 --> 00:11:47,390 Ac ar PHP mae hefyd swyddogaethau cyfathrebu JSON iawn 'n glws. 177 00:11:47,390 --> 00:11:52,660 Felly, dyna mae'n debyg y fformat gorau ar gyfer anfon eich modelau yn ôl ac ymlaen. 178 00:11:52,660 --> 00:11:56,570 >> Fel enghraifft o'r hyn yr ydym wedi siarad amdanynt hyd yn hyn, 179 00:11:56,570 --> 00:12:00,520 dyma llif enghraifft ar gyfer eich cais Cat Facebook. 180 00:12:00,520 --> 00:12:07,760 Mae'n dechrau i ffwrdd gyda eich porwr yn gofyn am y wefan sylfaen URL. 181 00:12:07,760 --> 00:12:15,470 Mae'n debyg bod y gweinydd yn anfon dros HTML statig a rhai JavaScript a CSS. 182 00:12:15,470 --> 00:12:19,170 Mae'n arfer gorau i beidio â gwneud unrhyw rendro ar y gweinydd. 183 00:12:19,170 --> 00:12:23,370 Mae'n debygol nad ydych eisiau - 184 00:12:23,370 --> 00:12:28,360 yr hyn nad yw'r gweinydd yn ei wneud yno yn mynd i lawr y rhestr o swyddi wal 185 00:12:28,360 --> 00:12:31,120 a chreu rhywfaint o HTML ar gyfer pob un ac anfon y drosodd. 186 00:12:31,120 --> 00:12:34,960 Mae'n arfer gorau i wneud hynny ar ochr y cleient oherwydd fel arall 187 00:12:34,960 --> 00:12:38,580 bob tro y byddwch eisiau ail-dynnu rhywbeth, rhaid i chi wneud cais gweinydd. 188 00:12:38,580 --> 00:12:42,450 A bod yn gyflym iawn yn rhoi llawer o gostau cyffredinol i chi. 189 00:12:42,450 --> 00:12:47,430 Mae'n arfer gorau yn unig i anfon llong i lawr HTML statig 190 00:12:47,430 --> 00:12:50,660 ac yna JavaScript a CSS y bydd gwneud y rendro ar ochr y cleient. 191 00:12:50,660 --> 00:12:56,750 Cyn gynted ag y stwff yn dod i mewn, 192 00:12:56,750 --> 00:13:03,500 yna gallwch chi gael - yn JavaScript - gallwch wneud ceisiadau ar gyfer y data wal 193 00:13:03,500 --> 00:13:08,740 a phethau fel 'na, ac ar ôl bod y gweinydd yn y bôn dim ond gwneud ymholiadau cronfa ddata 194 00:13:08,740 --> 00:13:10,740 a gwirio caniatâd. 195 00:13:10,740 --> 00:13:16,690 Yr unig beth pwysig yw na ellir ei anfon dros rai swyddi eraill wal defnyddwyr 196 00:13:16,690 --> 00:13:19,220 nad ydych yn cael gweld. 197 00:13:19,220 --> 00:13:28,050 Yn y bôn gall fod yn haen denau iawn mynediad at eich cronfa ddata, 198 00:13:28,050 --> 00:13:32,820 ac yna pob un o'r yn dangos y data - pob un o'r safbwyntiau a phethau - 199 00:13:32,820 --> 00:13:37,280 gall y rhai ddigwydd yn eich porwr, ac yna pan fyddwch am wneud swydd neu rywbeth 200 00:13:37,280 --> 00:13:40,000 'ch jyst anfon cais arall. 201 00:13:40,000 --> 00:13:45,350 >> Mae hefyd rhai pethau ffansi y gallwch ei wneud ar ben hyn. 202 00:13:45,350 --> 00:13:49,550 O ran gwybodaeth dechnegol fwy penodol, 203 00:13:49,550 --> 00:13:53,360 Gall datblygu yng JavaScript blaen fod ychydig yn boenus, 204 00:13:53,360 --> 00:13:56,220 felly mae rhai llyfrgelloedd ac offer a fydd yn eich helpu llawer â hynny. 205 00:13:56,220 --> 00:14:03,690 Yr wyf yn meddwl eich bod wedi i gyd yn ôl pob tebyg clywed am jQuery sy'n gwneud gwneud HTML rendro 206 00:14:03,690 --> 00:14:08,890 a thrin yn llawer haws - yn cael llawer o swyddogaethau ffansi ar gyfer pylu i mewn ac allan, 207 00:14:08,890 --> 00:14:12,020 a gwneud animeiddiadau Zippy. 208 00:14:12,020 --> 00:14:13,720 Mae hefyd llyfrgell hon a elwir Underscore.js. 209 00:14:13,720 --> 00:14:20,760 Mae ganddi lawer o swyddogaethau cyfleustodau defnyddiol, pethau y byddech yn disgwyl Javascript i'w gael 210 00:14:20,760 --> 00:14:24,740 ei fod yn wir yn doesn't - pethau fel shuffling arae, 211 00:14:24,740 --> 00:14:28,900 cael gwared dyblygu o restr, neu gwastatau rhestr o rhestrau. 212 00:14:28,900 --> 00:14:30,900 Mae hyn yn unig sampl cod bach. 213 00:14:30,900 --> 00:14:36,520 Danlinellu Mae gan tunnell o swyddogaethau 'n glws hyn yr ydych yn dymuno byddai gennych yr holl amser. 214 00:14:36,520 --> 00:14:38,840 >> Ac yna mae 1 yn fwy llyfrgell y byddwn i'n hoffi treulio ychydig o amser ar 215 00:14:38,840 --> 00:14:44,800 a elwir yn Backbone.js oherwydd asgwrn cefn mewn gwirionedd yn eich helpu i ddelio gyda modelau ar yr ochr y cleient 216 00:14:44,800 --> 00:14:47,210 ac mae llawer o'r dryswch y gall ei achosi. 217 00:14:47,210 --> 00:14:53,550 Asgwrn cefn yn rhoi cysyniad hwn o fodelau a chasgliadau i chi 218 00:14:53,550 --> 00:14:58,300 yn JavaScript sydd yn y bôn yn union fel gwrthrychau JavaScript 219 00:14:58,300 --> 00:15:04,900 mewn rhesi JavaScript ond mae ganddynt digwyddiadau pan fyddwch yn newid eu heiddo. 220 00:15:04,900 --> 00:15:09,090 Yn union fel yn JavaScript, gallwch gael digwyddiad pan fydd yn cael botwm clicio neu rywbeth 221 00:15:09,090 --> 00:15:14,800 Bydd modelau asgwrn cefn y rhain a chasgliadau asgwrn cefn darlledu pethau fel 222 00:15:14,800 --> 00:15:17,510 bod pan fyddant yn newid. 223 00:15:17,510 --> 00:15:22,270 Mae hynny'n golygu y gallwch ysgrifennu rhywbeth fel hyn snippet cod yma - 224 00:15:22,270 --> 00:15:27,530 mae hyn yn dweud, pryd bynnag y byddwch yn ychwanegu unrhyw beth at yr amrywiaeth swyddi i chi ail-lunio'r wal cyfan. 225 00:15:27,530 --> 00:15:34,270 A byddai hyn yn ei ddweud pryd bynnag nifer swydd o hoff bethau yn newid, 226 00:15:34,270 --> 00:15:38,970 chi roi gwybod i'r defnyddiwr fod rhywun yn hoffi eu swydd. 227 00:15:38,970 --> 00:15:45,210 Neu bryd bynnag unrhyw eiddo o swydd yn newid i chi ail-lunio y swydd. 228 00:15:45,210 --> 00:15:51,050 Bydd pethau fel 'na yn arbed tunnell o gymhlethdod i chi oherwydd fel arall 229 00:15:51,050 --> 00:15:55,440 os nad oes gennych rhywfaint o fframwaith fel hyn yna bob amser yn eich cod eich bod yn newid 230 00:15:55,440 --> 00:16:04,280 unrhyw beth am y swydd, byddai'n rhaid i chi gofio eich hun i alw holl rendr swyddogaethau 231 00:16:04,280 --> 00:16:07,680 a phethau fel 'na, ac os ydych eisiau ychwanegu rhywbeth newydd a ddigwyddodd 232 00:16:07,680 --> 00:16:10,680 byddech bob tro y byddwch yn addaswyd swydd rhaid i chi fynd drwy bob lle yn eich 233 00:16:10,680 --> 00:16:14,610 cod eich bod addaswyd swydd ac ychwanegu y peth newydd. 234 00:16:14,610 --> 00:16:21,450 Bydd fframwaith fel hyn dynnu llawer o hynny cyfathrebiad rhwng-haen 235 00:16:21,450 --> 00:16:28,280 sy'n gwneud eich cod gymhleth ac yn anodd ei gynnal. 236 00:16:28,280 --> 00:16:31,170 >> Mae ychydig am safbwyntiau hefyd. 237 00:16:31,170 --> 00:16:35,960 Rydw i'n mynd i adael y rhan fwyaf o hyn i Billy oherwydd nad ydynt yn dechnegol anodd iawn. 238 00:16:35,960 --> 00:16:43,540 Defnyddiwch jQuery ar gyfer eich barn. Mae'n ymarferol fel anghenraid ar y pwynt hwn. 239 00:16:43,540 --> 00:16:46,290 Mae'n gwneud popeth yn llawer haws. 240 00:16:46,290 --> 00:16:48,290 Mae llawer o lyfrgelloedd. 241 00:16:48,290 --> 00:16:49,970 Os ydych wedi cymhlethu elfennau defnyddiwr-rhyngwyneb, 242 00:16:49,970 --> 00:16:57,250 os ydych am gael peth auto-gwblhau neu yn hoffi un o'r rhai aml-dewiswyr ffansi - 243 00:16:57,250 --> 00:17:04,790 os ydych am unrhyw beth fel 'na, dylech pob tebyg dim ond chwilio o gwmpas 244 00:17:04,790 --> 00:17:08,130 a gallwch ddod o hyd i lyfrgell da a fydd yn gwneud yr hyn rydych ei eisiau. 245 00:17:08,130 --> 00:17:11,579 Bydd Billy egluro mwy am y rhannau mewn gwirionedd yn anodd o safbwyntiau. 246 00:17:11,579 --> 00:17:17,530 Hefyd, fel nodyn ochr, asgwrn cefn wedi rhai swyddogaethau ar gyfer gwneud sylwadau yn cyfathrebu 247 00:17:17,530 --> 00:17:22,800 'n glws gyda modelau - edrychwch ar y dogfennau ar gyfer pob un o'r llyfrgelloedd hyn, mewn gwirionedd. 248 00:17:22,800 --> 00:17:28,270 Dim ond yn edrych ar y docs. Maent yn ysgrifennu'n dda iawn ac yn hawdd i'w dilyn. 249 00:17:28,270 --> 00:17:33,890 Yn gyffredinol, gallwch 'n bert lawer yn unig Google os oes gennych broblemau. 250 00:17:33,890 --> 00:17:36,370 Mae yna lawer o bobl sy'n eu defnyddio. 251 00:17:36,370 --> 00:17:42,020 Rwy'n credu bod hyn yn fel nodyn terfynol. 252 00:17:42,020 --> 00:17:48,770 >> Mae yna hefyd rhai pethau mwy datblygedig y gallwch eu gwneud 253 00:17:48,770 --> 00:17:53,400 os ydych yn chwilio i wneud eich app gwe ychwanegol awesome. 254 00:17:53,400 --> 00:17:59,760 Gallwch wneud - y fanyleb HTML5 newydd wedi llawer o bethau ffansi gallwch ei wneud. 255 00:17:59,760 --> 00:18:05,780 Storio lleol - sef y gall ydych yn storio data yn y porwr - 256 00:18:05,780 --> 00:18:09,470 yn hytrach na gorfod mynd yn ôl a chael golwg ar y gweinydd ar gyfer popeth, 257 00:18:09,470 --> 00:18:12,470 gallwch gadw peth ohono ar y cleient, a bod hyd yn oed yn gadael i bobl - 258 00:18:12,470 --> 00:18:20,850 mewn rhai achosion, gall fod hyd yn oed yn gadael i chi ddefnyddio'r offline dudalen we. 259 00:18:20,850 --> 00:18:26,980 Mae hyn yn beth a elwir yn websockets sydd yn fath gwahanol o gyfathrebu rhwydwaith 260 00:18:26,980 --> 00:18:30,930 lle hytrach na dim ond i chi wneud un cais, byddwch yn cael ymateb ac rydych chi'n ei wneud, 261 00:18:30,930 --> 00:18:35,240 eich bod yn cadw agor cysylltiad â'r gweinydd ac fel y gallwch wneud pethau fel 262 00:18:35,240 --> 00:18:37,240 diweddariadau amser real. 263 00:18:37,240 --> 00:18:42,020 Felly, os ydych yn ceisio ei wneud sgwrs app, gallech ddefnyddio websockets 264 00:18:42,020 --> 00:18:43,790 i gyfathrebu yn ôl ac ymlaen fel na fyddai'n rhaid i chi gadw gofyn, 265 00:18:43,790 --> 00:18:48,410 "O, gweinydd, a oedd unrhyw un anfon sgwrs i mi?" bob 10 eiliad neu rywbeth. 266 00:18:48,410 --> 00:18:55,620 Mae hefyd yn nodwedd HTML5 diddorol lle y gallwch ei wneud yn edrych fel 267 00:18:55,620 --> 00:18:58,340 URL y dudalen yn newid heb erioed orfod mewn gwirionedd yn ail-lwytho iddo. 268 00:18:58,340 --> 00:19:03,230 Gallwch ddefnyddio yn ôl ac ymlaen botymau heb wneud criw o geisiadau rhwydwaith. 269 00:19:03,230 --> 00:19:14,660 Pethau fel 'na yn ddefnyddiol iawn o ran ei gwneud yn gyflym, ond hefyd yn gweithio fel y dylai app we. 270 00:19:14,660 --> 00:19:17,680 >> Mae hefyd y peth hyn a elwir CoffeeScript. 271 00:19:17,680 --> 00:19:24,450 CoffeeScript yn iaith wahanol, mewn gwirionedd, sy'n crynhoi i lawr i JavaScript. 272 00:19:24,450 --> 00:19:30,080 Byddech yn ysgrifennu eich holl cod yn CoffeeScript, ac yna ydych yn rhedeg compiler hwn, 273 00:19:30,080 --> 00:19:33,300 ac mae'n poeri allan ffeil JavaScript y gallwch eu cynnwys yn eich tudalen we. 274 00:19:33,300 --> 00:19:38,860 Y rheswm y CoffeeScript yn braf yw oherwydd ei fod yn cael gwared ar lawer o'r 275 00:19:38,860 --> 00:19:44,760 achosion rhyfedd fod JavaScript wedi lle hafal gydradd, 276 00:19:44,760 --> 00:19:51,130 ac yn dychwelyd gydradd wneud pethau gwahanol, neu os hoffech - 277 00:19:51,130 --> 00:19:55,740 mae ganddo cystrawen brafiach ar gyfer delio â araeau a swyddogaethau. 278 00:19:55,740 --> 00:20:00,460 Mae hyn ychydig yn snippet o CoffeeScript sy'n cynhyrchu rhestr o'r holl sgwariau 279 00:20:00,460 --> 00:20:04,900 o 10 ^ 2 i 1 ^ 2 yn ôl. 280 00:20:04,900 --> 00:20:08,410 Fel y gallwch weld, CoffeeScript yn aml yn gadael i chi yn mynegi yn 1 llinell 281 00:20:08,410 --> 00:20:10,890 beth fyddai'n cymryd 5 llinell o JavaScript. 282 00:20:10,890 --> 00:20:13,230 Gall wneud pethau'n llawer haws. 283 00:20:13,230 --> 00:20:15,390 Mae'n ychydig o gystrawen newydd i ddysgu yn gyntaf, 284 00:20:15,390 --> 00:20:18,010 ond mae'n bendant yn eich gwneud yn fwy cynhyrchiol yn y tymor hir. 285 00:20:18,010 --> 00:20:22,050 >> Gallwch hefyd ddefnyddio ieithoedd eraill ar y gweinydd na PHP - 286 00:20:22,050 --> 00:20:27,570 ieithoedd fel Ruby, Python, neu mae hyd yn oed brosiect o'r enw node.js 287 00:20:27,570 --> 00:20:31,450 a fydd yn gadael i chi ddefnyddio JavaScript ar y gweinydd. 288 00:20:31,450 --> 00:20:34,700 Yn bersonol, Fi 'n sylweddol,' n sylweddol casineb PHP. 289 00:20:34,700 --> 00:20:38,310 Dwi ddim yn mwynhau gweithio gydag ef. 290 00:20:38,310 --> 00:20:43,450 Os ydych chi, hefyd, yn meddwl ei fod yn cluge iawn o iaith, 291 00:20:43,450 --> 00:20:46,160 yna gallwch chi ddefnyddio un o'r rhain yn lle hynny. 292 00:20:46,160 --> 00:20:54,780 Yn gyffredinol, os ydych am wneud rhywbeth ac nad ydych yn wir yn gwybod sut y byddech yn ei wneud, 293 00:20:54,780 --> 00:20:56,780 dim ond chwilio'r Rhyngrwyd. 294 00:20:56,780 --> 00:20:59,990 Mae tunnell a tunnell o adnoddau yn enwedig ar - 295 00:20:59,990 --> 00:21:03,260 StackOverflow yn un gwych. 296 00:21:03,260 --> 00:21:06,400 Mae'n y wefan hon lle mae rhaglenwyr yn gofyn cwestiynau i'w gilydd. 297 00:21:06,400 --> 00:21:09,690 Efallai eich bod wedi rhedeg i mewn iddo os ydych yn cael trafferth ar setiau problem CS50. 298 00:21:09,690 --> 00:21:16,820 Ac mae tunnell o lyfrgelloedd ar gyfer gwneud 'n bert lawer unrhyw beth yr ydych ei eisiau. 299 00:21:16,820 --> 00:21:21,710 Os ydych am wneud rhywbeth ac nad ydych yn gwybod sut i wneud hynny, 300 00:21:21,710 --> 00:21:23,710 peidiwch â chymryd yn ganiataol ei fod yn amhosibl. 301 00:21:23,710 --> 00:21:26,160 Dim ond yn edrych o gwmpas ac efallai y byddwch yn dod o hyd rhai adnoddau da. 302 00:21:26,160 --> 00:21:29,280 >> Yn gyffredinol lapio i fyny, 303 00:21:29,280 --> 00:21:33,650 y prif siopau cludfwyd yn cadw pethau'n syml. 304 00:21:33,650 --> 00:21:36,010 Po fwyaf cymhleth eich cod ar ddechrau 305 00:21:36,010 --> 00:21:40,370 a po fwyaf y byddwch yn ceisio gwneud pethau ffansi, 306 00:21:40,370 --> 00:21:43,300 yr hiraf y bydd yn ei gymryd i gael rhywbeth mewn gwirionedd yn swyddogaethol 307 00:21:43,300 --> 00:21:46,480 ac y mwyaf anodd y bydd i newid yn nes ymlaen. 308 00:21:46,480 --> 00:21:49,580 Felly, yn gwneud pethau y, ffordd hawdd fud gyntaf. 309 00:21:49,580 --> 00:21:51,720 I fynd ynghyd â hynny, 310 00:21:51,720 --> 00:21:59,070 peidiwch â bod ofn o daflu i ffwrdd hen god neu lanhau i fyny llawer. 311 00:21:59,070 --> 00:22:05,320 Yn gyffredinol, unwaith y byddwch mewn gwirionedd yn cael gweithio rhywbeth, 312 00:22:05,320 --> 00:22:09,640 mae'n llawer haws i feddwl am na phan ydych yn dal yn y camau dechrau 313 00:22:09,640 --> 00:22:12,610 o sut ydw i'n roi hyn i gyd gyda'i gilydd. 314 00:22:12,610 --> 00:22:17,500 Mae'n well i wneud y dyluniad dumbest posibl sy'n gweithio 315 00:22:17,500 --> 00:22:22,270 ac yna wella iteraidd na cheisio cael popeth yn iawn y tro cyntaf. 316 00:22:22,270 --> 00:22:28,330 O ran is-adran cleient-gweinyddwr, ceisiwch gadw eich gweinydd yn syml iawn - 317 00:22:28,330 --> 00:22:33,030 nid dim ond cronfa ddata a rhai dilysu ac yn gwneud unrhyw waith caled yno. 318 00:22:33,030 --> 00:22:37,540 A yw eich holl bethau cymhleth ar ochr y cleient yn y porwr 319 00:22:37,540 --> 00:22:40,650 yn JavaScript gymaint ag y gallwch. 320 00:22:40,650 --> 00:22:43,420 Edrychwch o gwmpas ar gyfer llyfrgelloedd sy'n gwneud eich bywyd yn well. 321 00:22:43,420 --> 00:22:46,850 Yn well bob amser i ddefnyddio cod sy'n rhywun arall ysgrifennodd 322 00:22:46,850 --> 00:22:49,850 os ydych yn - ac nid i ysgrifennu eich hun. 323 00:22:49,850 --> 00:22:57,560 Mae yna lawer o bethau ar y Rhyngrwyd. Google yn eich ffrind gorau. 324 00:22:57,560 --> 00:22:59,560 Google yn ffrind gorau y rhaglennydd. 325 00:22:59,560 --> 00:23:07,620 Yeah, nid yn bendant peidiwch â bod ofn i edrych o gwmpas am bethau. 326 00:23:07,620 --> 00:23:11,860 Mae pob hawl. A throsodd i Billy. 327 00:23:11,860 --> 00:23:14,600 >> [Billy] A dweud y gwir, cyn i mi ddechrau gyda rhai pethau dylunio, 328 00:23:14,600 --> 00:23:17,250 oes unrhyw un gennych unrhyw gwestiynau am Ben am unrhyw beth y soniodd amdano? 329 00:23:17,250 --> 00:23:20,290 Iawn, yn dda. 330 00:23:20,290 --> 00:23:22,220 Unwaith eto, gadewch i ni wybod os nad yw unrhyw beth yn glir 331 00:23:22,220 --> 00:23:25,420 neu os ydych chi am i ni fynd dros rywbeth ychydig yn fwy. 332 00:23:25,420 --> 00:23:30,330 Rydw i'n mynd i gamu'n ôl ychydig a siarad am y rhannau mwy sylfaenol o ddylunio. 333 00:23:30,330 --> 00:23:34,840 Crybwyll Ben y model a elwir yn - mae'n ddrwg gennyf, mae'r model system barn rheolwr 334 00:23:34,840 --> 00:23:38,520 sydd yn fath o agwedd dechnegol, felly dwi'n mynd i edrych ar farn benodol, 335 00:23:38,520 --> 00:23:42,930 ac rwy'n mynd i ddechrau sut y byddech chi gynllunio farn bod yn edrych yn neis. 336 00:23:42,930 --> 00:23:50,540 Dyma fath o dempled sylfaenol iawn ar gyfer ein Cat Facebook. 337 00:23:50,540 --> 00:23:54,190 Yr wyf yn meddwl bod rhai hanfodion mewn dylunio UI modern 338 00:23:54,190 --> 00:23:56,190 sy'n werth codi. 339 00:23:56,190 --> 00:23:58,210 Gall y byddwch yn sylwi bod llawer o le gwyn ar draws y dudalen, 340 00:23:58,210 --> 00:24:00,790 digon o le am bethau. 341 00:24:00,790 --> 00:24:02,580 Peidiwch â theimlo fel yn rhaid i chi sboncen pethau i dudalen. 342 00:24:02,580 --> 00:24:06,700 Ydych chi eisiau gadael llawer o le agored, ac os byddwch yn mynd i bron unrhyw wefan modern 343 00:24:06,700 --> 00:24:08,380 byddwch yn gweld mae gwyn ym mhob man. 344 00:24:08,380 --> 00:24:10,380 Mae gwyn mewn mannau na fyddech yn disgwyl. 345 00:24:10,380 --> 00:24:14,570 Mae gennych y palet lliw, ac mae'n ddoeth ar y dechrau 346 00:24:14,570 --> 00:24:17,880 i ddewis palet lliw eich bod yn mynd i weithio a datblygu. 347 00:24:17,880 --> 00:24:22,250 I chi hefyd - mae'n helpu i ddewis teip, a bod y ffordd rydych chi'n fath o weithio gyda 348 00:24:22,250 --> 00:24:24,450 hyn hanfodion concrid o ddylunio. 349 00:24:24,450 --> 00:24:26,910 Mae gennych eich math, mae gennych eich lliwiau, ac yna gallwch math o 350 00:24:26,910 --> 00:24:29,380 ffitio popeth arall yn ôl yr angen. 351 00:24:29,380 --> 00:24:37,710 Felly, fel y dywedais, gyda'ch cynllun lliw rydych am ei ddefnyddio lliwiau beiddgar eich cynllun lliw 352 00:24:37,710 --> 00:24:40,320 gynnil. Penawdau yn neis. Botymau yn neis i gael lliwiau mawr iawn, flashy. 353 00:24:40,320 --> 00:24:43,710 Ond yn gyffredinol, os oes gennych wefan sydd â lliwiau ym mhob man, 354 00:24:43,710 --> 00:24:47,250 pawb 'ch syllu yn wyneb,' i jyst yn edrych yn anniben, ac mae'n dda i ddim. 355 00:24:47,250 --> 00:24:50,430 Byddwch am gyffredinol yn defnyddio lliwiau golau. 356 00:24:50,430 --> 00:24:52,890 Ceisiwch, unwaith eto, dewiswch cynllun lliw 'n bert cydlynol. 357 00:24:52,890 --> 00:24:56,640 Gallwch gael tasgu bach hyn o lawer o liw - 358 00:24:56,640 --> 00:25:00,240 sy'n gallu edrych yn 'n bert' n glws, ond yr ydych am eu defnyddio 'n bert yn gynnil. 359 00:25:00,240 --> 00:25:04,270 >> Fel y dywedais, yr ydych am i fod yn fach iawn. Llai yn fwy bron bob amser. 360 00:25:04,270 --> 00:25:07,430 Os gallwch arddangos rhywbeth neu beidio arddangos rhywbeth, 361 00:25:07,430 --> 00:25:10,230 ac rydych yn fath o ansicr a ddylai fod yno yn ddiofyn - 362 00:25:10,230 --> 00:25:13,400 mae'n debyg eich bod yn orau i ffwrdd adael allan. Gallwch chi bob amser yn ychwanegu yn ddiweddarach. 363 00:25:13,400 --> 00:25:16,620 Yeah, cadw pethau'n syml. 364 00:25:16,620 --> 00:25:19,510 Ond yn bwysicaf oll, y byddwch am ystyried cynlluniau lluosog. 365 00:25:19,510 --> 00:25:23,520 Peidiwch â meddwl bod pan fyddwch yn gwneud safle, mae gennych yn eich pen eich bod yn mynd i 366 00:25:23,520 --> 00:25:26,310 gwneud y safle mewn ffordd benodol, ac mae'n mynd i edrych yn union fel hyn. 367 00:25:26,310 --> 00:25:29,830 Mae'n mynd i gael y pennawd glas ar y brig a'r bar ochr glas 368 00:25:29,830 --> 00:25:32,670 ac yna y peth is-header melyn. 369 00:25:32,670 --> 00:25:34,670 Y byddwch am wneud templedi lluosog. 370 00:25:34,670 --> 00:25:37,350 Gallwch naill ai - os ydych yn dda gyda Siop Photo, gallwch agor y fyny ac i math o 371 00:25:37,350 --> 00:25:39,600 ddylunio gwefan wrth i chi ei hoffi edrych. 372 00:25:39,600 --> 00:25:41,680 Os na, gallwch jyst arfer beiro a phapur, 373 00:25:41,680 --> 00:25:44,000 ond crafu i fyny dyluniadau lluosog. 374 00:25:44,000 --> 00:25:47,000 Ydych chi am gael y bôn yn sefydlu lle mae gennych lawer o wahanol ddyluniadau, 375 00:25:47,000 --> 00:25:50,810 ac os oes un yn dod i ben i fyny gwaith, yna mae hynny'n wych. 376 00:25:50,810 --> 00:25:53,370 Os bydd un yn dod i ben i fyny yn methu, yna gennych chi bob amser un arall i droi ato. 377 00:25:53,370 --> 00:25:57,960 Yn gyffredinol, nid ydynt yn teimlo fel dylech gael eich cyfyngu 378 00:25:57,960 --> 00:26:00,830 i ba bynnag dylunio chi i ddechrau penderfynu ar. 379 00:26:00,830 --> 00:26:04,420 Dyluniadau yn amrywiol iawn, ac yn rhan o bwysigrwydd y model 380 00:26:04,420 --> 00:26:09,480 barn rheolwr system yw y gallwch gyfnewid i mewn ac allan o wahanol safbwyntiau ydych ei eisiau. 381 00:26:09,480 --> 00:26:13,510 Gallwch siglo un ffordd y mae'r data, ac yna'n penderfynu, oh, mewn gwirionedd, nid yw hynny'n gwaith sy'n dda. 382 00:26:13,510 --> 00:26:19,190 Rwy'n credu ei fod yn fath o yn rhy gymhleth neu os oes rhan yma nid yw hynny'n gweithio mewn gwirionedd, 383 00:26:19,190 --> 00:26:22,150 felly Im 'jyst yn mynd i roi'r gorau farn hon a chyfnewid mewn un hollol newydd yn llwyr. 384 00:26:22,150 --> 00:26:24,790 Gallwn barhau i ddefnyddio'r hen modelau a'r hen rheolwyr. 385 00:26:24,790 --> 00:26:27,490 Gallwn wneud popeth ar y gweinydd a'r cleient ag y byddem blaen. 386 00:26:27,490 --> 00:26:32,850 Ond mae'r don gwirioneddol y data fel y dangosir yn mynd i fod ychydig yn wahanol. 387 00:26:32,850 --> 00:26:35,840 >> Cyn belled ag y gwirionedd yn gweithredu'r cynllun rydych eisiau, 388 00:26:35,840 --> 00:26:39,330 unwaith y bydd gennych ychydig o gynlluniau braslunio allan ar bapur neu ar Siop Photo neu beth bynnag, 389 00:26:39,330 --> 00:26:42,120 mae nifer o offer sy'n cael eu gwneud ar gael i chi. 390 00:26:42,120 --> 00:26:45,700 Y cyntaf ydych yn gyfarwydd iawn ag ef yw eich HTML, PHP, neu beth bynnag 391 00:26:45,700 --> 00:26:48,990 iaith rydych yn ei ddefnyddio dim ond i roi cod y tudalennau sefydlog ar eich gwefan. 392 00:26:48,990 --> 00:26:51,990 Rydych chi wedi gweithio llawer gyda HTML pa fath o yn rhoi tagiau hyn yn eich 393 00:26:51,990 --> 00:26:57,820 y gallwch roi pethau i mewn i, ac yn y bôn mae'n ffordd o drefnu eich cynnwys. 394 00:26:57,820 --> 00:27:00,990 Er enghraifft, mae gennych y pennawd i fyny yno, felly rydych yn mynd i gael tag pennawd, 395 00:27:00,990 --> 00:27:05,770 ac mae'n mynd i gael rhywfaint o destun tu mewn iddo yn ôl pob tebyg yn mynd i fod yn dag arall. 396 00:27:05,770 --> 00:27:08,380 Yna mae gennych sidebar efallai gyda rhai cysylltiadau gwahanol, 397 00:27:08,380 --> 00:27:10,160 a'r rhai yn mynd i gyd fod mewn tagiau ar wahân. 398 00:27:10,160 --> 00:27:13,870 Felly, yn y bôn HTML ar ei galon yn ffordd o rannu y dudalen sut 399 00:27:13,870 --> 00:27:16,980 chi yn y pen draw am fformadu'r iddo. 400 00:27:16,980 --> 00:27:18,980 Felly eto, yr ydych wedi gweld hynny o'r blaen. 401 00:27:18,980 --> 00:27:20,540 Rydych yn eithaf gyfforddus â gweithio ag ef yn awr 402 00:27:20,540 --> 00:27:23,120 o gofio eich bod wedi gwneud y pset diwethaf gobeithio, 403 00:27:23,120 --> 00:27:26,150 felly dylai hynny fod yn broblem. 404 00:27:26,150 --> 00:27:31,280 >> Yna byddwch yn cael CSS sydd yn y bôn yn delio pob un o'r agweddau dylunio statig. 405 00:27:31,280 --> 00:27:35,320 Byddai'n trin pob un o'r lliwiau, pob un o'r leoliad gwahanol elfennau, 406 00:27:35,320 --> 00:27:36,840 ble maent yn mynd o ran un arall, 407 00:27:36,840 --> 00:27:41,530 pa mor fawr ydynt, y gwahanol fathau o lleoli'r a fyddai'n rhaid i chi - 408 00:27:41,530 --> 00:27:46,030 mewn geiriau eraill, y gallwch gael pethau sefydlog felly pan fyddwch yn sgroliwch i lawr y maent yn aros, 409 00:27:46,030 --> 00:27:48,700 neu gallwch gael pethau gymharu â elfennau eraill. 410 00:27:48,700 --> 00:27:50,730 Mae pob un o'r math hwnnw o bethau yn CSS. 411 00:27:50,730 --> 00:27:54,630 Ar ben hynny, gallwch wneud gwahanol addurniadau, gallwch gael lliw testun, 412 00:27:54,630 --> 00:27:56,630 effeithiau testun, i gyd math o bethau. 413 00:27:56,630 --> 00:28:00,360 Rhoddodd Ben seminar dda iawn ar y penwythnos diwethaf, 414 00:28:00,360 --> 00:28:04,450 ac felly byddwn yn bendant yn edrych ar hynny os ydych yn bwriadu ei wneud rhai pethau ffansi gyda CSS. 415 00:28:04,450 --> 00:28:09,850 CSS3 mewn gwirionedd yn y fersiwn diweddaraf o CSS, a gall wneud pob math o bethau neis iawn. 416 00:28:09,850 --> 00:28:14,750 Gall wneud graddiannau, gallwch gael corneli 'n glws, crwn, gallwch wneud pob math o bethau 417 00:28:14,750 --> 00:28:17,940 i wneud eich gwefan yn edrych yn fwy modern ac yn ffansi. 418 00:28:17,940 --> 00:28:22,150 >> Mae'r offeryn nesaf yw JavaScript a jQuery oedd yn trafod Ben ychydig am, 419 00:28:22,150 --> 00:28:24,150 ond byddaf yn cael ychydig ymhellach i mewn. 420 00:28:24,150 --> 00:28:28,100 JavaScript, fel yr ydych wedi gweithio ag ef ychydig bach, neu o leiaf ei weld mewn darlith, 421 00:28:28,100 --> 00:28:31,870 yn fath o ffordd o ddynamig yn gwneud pethau yn HTML. 422 00:28:31,870 --> 00:28:35,950 HTML, fel y gwyddoch, yn sefydlog, felly unwaith y byddwch wedi HTML na allwch addasu. 423 00:28:35,950 --> 00:28:40,050 Ond JavaScript, mewn rhai ffyrdd, yn ffordd i allu addasu HTML. 424 00:28:40,050 --> 00:28:44,520 Felly, gallwch wneud hynny, ac mae hynny'n wych, ond JavaScript wir yn boen i weithio gyda nhw. 425 00:28:44,520 --> 00:28:49,050 Mae mor hir ac aflem ac i wneud hyd yn oed y pethau symlaf 426 00:28:49,050 --> 00:28:51,630 gwneud yn ofynnol i lawer o linellau o JavaScript. 427 00:28:51,630 --> 00:28:55,410 Felly, jQuery yn y bôn yn llyfrgell ar gyfer JavaScript sy'n symleiddio hynny i gyd. 428 00:28:55,410 --> 00:28:59,880 Mae'n dweud, iawn, os ydych am gael blwch sgwâr yn dod o'r chwith 429 00:28:59,880 --> 00:29:03,980 ac yn pylu i mewn i'r dudalen fel ei bod yn yn y canol, yn JavaScript a fyddai'n cymryd - 430 00:29:03,980 --> 00:29:06,340 Nid wyf yn gwybod, cant linellau i'w wneud, a byddai'n fod yn boen, 431 00:29:06,340 --> 00:29:10,540 a byddwch yn dod allan ohono casáu popeth am rhaglennu ar y we. 432 00:29:10,540 --> 00:29:15,380 JQuery chi yn y bôn yn cael yr elfen-dot-pylu i mewn, neu rywbeth fel 'na. 433 00:29:15,380 --> 00:29:18,580 Swyddogaethau Felly, iawn, yn syml iawn a fydd yn gadael i chi wneud pob math o animeiddiadau oer 434 00:29:18,580 --> 00:29:20,580 a'r math hwnnw o beth. 435 00:29:20,580 --> 00:29:23,300 Y peth arall bod y 2 yn dda iawn i yn unig yw gwneud pethau deinamig 436 00:29:23,300 --> 00:29:25,300 gyda'r wefan. 437 00:29:25,300 --> 00:29:28,370 Felly, yn hytrach na dim ond cael eich dudalen HTML - sy'n dangos rhywfaint o ddata, ond nid yw mewn gwirionedd 438 00:29:28,370 --> 00:29:32,130 wneud unrhyw beth - bydd JavaScript a jQuery gadael i chi gael botymau y gallwch glicio ar, 439 00:29:32,130 --> 00:29:37,960 a gallwch llusgo elfennau a ail-archebu iddynt ac yn eu didoli, ac mae ganddynt elfennau newydd 440 00:29:37,960 --> 00:29:40,500 hychwanegu neu eu dileu. Gallwch ychwanegu-dileu, y math yna o beth. 441 00:29:40,500 --> 00:29:44,570 Felly, jQuery yn gwneud tunnell o bethau cŵl. 442 00:29:44,570 --> 00:29:48,840 Ac Vipul mewn gwirionedd yn rhoi seminar arno heddiw, yr wyf yn credu, am 5 o'r gloch-, 443 00:29:48,840 --> 00:29:51,220 felly os gallwch chi gadw o gwmpas am mor hir, a fyddai - 5 neu 4? 444 00:29:51,220 --> 00:29:54,930 Pedwar. Mae'n ddrwg gennym. Mae'n mewn gwirionedd i'r dde ar ôl hyn, felly byddwn yn argymell 445 00:29:54,930 --> 00:29:56,680 glynu o gwmpas am os oes modd. 446 00:29:56,680 --> 00:30:00,180 JQuery yn super, super defnyddiol, a byddwch yn gallu gwneud llawer o bethau neis iawn ag ef 447 00:30:00,180 --> 00:30:03,460 am 'n bert lawer unrhyw prosiect datblygu ar y we. 448 00:30:03,460 --> 00:30:06,200 >> Nawr rydw i'n mynd i fynd i mewn i fath o wahaniaeth. 449 00:30:06,200 --> 00:30:08,210 Rydw i wedi bod yn siarad yn y bôn am rhyngwyneb defnyddiwr. 450 00:30:08,210 --> 00:30:11,510 Rhyngwyneb defnyddiwr yn unig yw dyluniad y safle. 451 00:30:11,510 --> 00:30:13,780 Ond mae fath o gysyniad arall a yw profiad y defnyddiwr. 452 00:30:13,780 --> 00:30:15,900 Mae'r ddau yn wahanol iawn. 453 00:30:15,900 --> 00:30:19,440 Rhyngwyneb yn bendant yn rhan o'r profiad. 454 00:30:19,440 --> 00:30:21,340 Mewn geiriau eraill, pan fyddwch yn mynd i safle, rydych yn edrych ar y rhyngwyneb. 455 00:30:21,340 --> 00:30:22,960 Mae hynny'n rhan o sut yr ydych yn profi y safle. 456 00:30:22,960 --> 00:30:24,960 Ond mae profiad y defnyddiwr yn fwy na hynny. 457 00:30:24,960 --> 00:30:29,910 Profiad y defnyddiwr yn ymwneud â'r hyn yr argraff bod y defnyddiwr yn cael oddi wrth eich safle. 458 00:30:29,910 --> 00:30:31,910 Felly, yn amlwg, rhyngwyneb yn rhan o hynny. 459 00:30:31,910 --> 00:30:35,340 Ac mae'n bendant yn rhan angenrheidiol, ond nid yw'n ddigon. 460 00:30:35,340 --> 00:30:38,790 Mewn geiriau eraill, os oes gennych rhyngwyneb 'n glws, ac mae'n eithaf ac yn lliwgar a hynny i gyd, 461 00:30:38,790 --> 00:30:43,650 mae hynny'n wych, ond os bydd y defnyddiwr yn mynd at eich safle, yn gweld cynllun 'n bert ac mae'n drysu gan 462 00:30:43,650 --> 00:30:47,060 popeth, nid oes syniad sut i wneud unrhyw beth, yna mae'n amlwg eich bod wedi gwneud mewn gwirionedd 463 00:30:47,060 --> 00:30:48,930 Gwefan gwael. 464 00:30:48,930 --> 00:30:50,930 Dyna fath o lle mae profiad y defnyddiwr yn dod i mewn 465 00:30:50,930 --> 00:30:54,570 Rydw i'n mynd i siarad ychydig am ddylunio UX - UX yn fyr ar gyfer profiad y defnyddiwr - 466 00:30:54,570 --> 00:30:58,050 a math o sut y gallwch wneud yn siŵr eich bod yn cael profiad y defnyddiwr da. 467 00:30:58,050 --> 00:31:04,330 Y pwynt cyntaf yw y gall chi ddylunio gwefan lle gall defnyddiwr wneud unrhyw beth y 468 00:31:04,330 --> 00:31:06,820 defnyddiwr o bosib eisiau. 469 00:31:06,820 --> 00:31:08,940 Ond os na all y defnyddiwr ffigwr allan sut i wneud y pethau hynny - 470 00:31:08,940 --> 00:31:12,850 mewn geiriau eraill, os nad oes gan y defnyddiwr yn syniad da pan fyddant yn mynd at eich safle, 471 00:31:12,850 --> 00:31:17,660 "O, os ydw i eisiau i ddiweddaru fy broffil, yna yr wyf yn cliciwch y botwm hwn, neu os ydw i eisiau i swydd ar 472 00:31:17,660 --> 00:31:20,850 wal rhywun, yna yr wyf yn mynd at eu wal a chliciwch ar focs bach. " 473 00:31:20,850 --> 00:31:24,410 Os nad yw'r defnyddiwr yn gwybod hynny, yna rydych yn effeithiol wedi nid mewn gwirionedd 474 00:31:24,410 --> 00:31:27,080 rhoi ar waith y functionality yn gywir. 475 00:31:27,080 --> 00:31:30,900 Rhan o weithredu swyddogaethau yw bod y defnyddwyr mewn gwirionedd yn gallu ei ddefnyddio. 476 00:31:30,900 --> 00:31:34,810 A gallai fod yn rhwystredig - efallai y byddwch yn gwneud y safle, a gall wneud pob math o 477 00:31:34,810 --> 00:31:37,810 bethau gwych, ond yna bydd yn rhaid i chi brofi pobl a dweud, "Ni all wneud hyn. 478 00:31:37,810 --> 00:31:39,770 Pam na all wneud hyn? "A byddwch yn ei ddweud yn ôl iddynt, 479 00:31:39,770 --> 00:31:44,420 "Wel, gall. Mae'n rhaid i chi fynd i mewn i'r 7fed galw-i-lawr ddewislen ar y aneglur 480 00:31:44,420 --> 00:31:48,470 tudalen mai dim ond yn dod o hyd i ddolen ar y gornel isaf-dde "neu rywbeth. 481 00:31:48,470 --> 00:31:50,430 Yn amlwg, nid ydych yn dymuno hynny. 482 00:31:50,430 --> 00:31:53,420 Rydych am iddo fod yn glir i'ch defnyddwyr hyn y maent yn fod i'w wneud, 483 00:31:53,420 --> 00:31:56,240 a dylai fod yn syml a greddfol ar eu cyfer. 484 00:31:56,240 --> 00:32:01,180 >> Peth arall eich bod am geisio ei wneud yw, os bydd rhywun yn mynd i fynd at eich safle 485 00:32:01,180 --> 00:32:05,520 a 9 allan o 10 gwaith yn gwneud camau A, ac 1 allan o 10 gwaith yn gweithredu B, 486 00:32:05,520 --> 00:32:08,950 mae'n debyg y byddwch eisiau canolbwyntio eu profiad ar weithredu A. 487 00:32:08,950 --> 00:32:12,240 Mewn geiriau eraill, yr ydych am ei gwneud yn iawn, yn glir iawn sut i wneud A. 488 00:32:12,240 --> 00:32:15,980 A ddylai fod yn blaen-a-canol - ewch i'r safle, gweld; oh, ei fod yn iawn yno. 489 00:32:15,980 --> 00:32:20,850 Tra bod B yn amlwg eich bod am fod yn glir, ond gallwch adael ei fod yn ychydig yn fwy 490 00:32:20,850 --> 00:32:22,850 yn y cefndir. 491 00:32:22,850 --> 00:32:24,640 David yn rhoi enghraifft dda o hyn yn y ddarlith, 492 00:32:24,640 --> 00:32:26,640 sef y system Boston T. 493 00:32:26,640 --> 00:32:29,440 Pan fyddwch yn mynd i Boston T a'ch bod am i brynu tocyn, 494 00:32:29,440 --> 00:32:32,700 rhaid i chi fynd i mewn 5 bwydlenni cyn y gallwch mewn gwirionedd yn prynu tocyn 495 00:32:32,700 --> 00:32:37,130 ar gyfer $ 2, $ 2.50 gwerth yn, sy'n yw faint y mae'n ei gymryd i farchogaeth yr isffordd 496 00:32:37,130 --> 00:32:39,130 mewn un cyfeiriad. 497 00:32:39,130 --> 00:32:41,600 Mae hynny'n broblem oherwydd y rhan fwyaf o bobl sy'n marchogaeth y isffordd 498 00:32:41,600 --> 00:32:44,880 yn ôl pob tebyg dim ond eisiau mynd i un lle, prynu eu tocyn, yn cael ar y dde i ffwrdd. 499 00:32:44,880 --> 00:32:47,550 Nid yw'n gwneud synnwyr bod yn rhaid iddynt fynd drwy lawer o wahanol fwydlenni 500 00:32:47,550 --> 00:32:49,550 i gyrraedd yno. 501 00:32:49,550 --> 00:32:51,760 Byddai profiad y defnyddiwr yn well fod yn botwm cyflym ar y dudalen gyntaf 502 00:32:51,760 --> 00:32:54,760 sy'n dweud cyfiawn, 'prynu tocyn un-ffordd,' a byddai hynny'n rhoi ym mhob un o'r safon 503 00:32:54,760 --> 00:32:58,550 gwerthoedd diofyn, ac yna os bydd rhywun eisiau prynu tocyn wahanol na hynny, 504 00:32:58,550 --> 00:33:01,690 maent yn dal i, wrth gwrs, yn cael y dewis i, ond eich bod wedi optimeiddio ar gyfer 505 00:33:01,690 --> 00:33:04,080 yr achos cyffredin-ddefnydd sydd yn wirioneddol bwysig. 506 00:33:04,080 --> 00:33:06,830 Gallwch weld enghreifftiau o hyn ar Facebook, dde? 507 00:33:06,830 --> 00:33:09,410 Os byddwch yn mynd i Facebook a ydych am swydd statws, 508 00:33:09,410 --> 00:33:11,710 ei fod yn iawn ar y brig sef yr hyn yr ydych yn aml am ei wneud. 509 00:33:11,710 --> 00:33:14,730 Cyn gynted ag y byddwch yn mynd i mewn i'r dudalen, gallwch wneud y pethau mwyaf cyffredin sy'n 510 00:33:14,730 --> 00:33:16,730 rydych am ei wneud. 511 00:33:16,730 --> 00:33:17,550 Os ydych am wneud pethau ychydig yn fwy cymhleth fel, 512 00:33:17,550 --> 00:33:21,070 dweud fy mod eisiau mynd i'r wal fy ffrind a phostio llun arno - 513 00:33:21,070 --> 00:33:24,810 y byddaf am ei wneud yn aml, ond nid mor aml â phostio diweddariadau statws - 514 00:33:24,810 --> 00:33:28,200 hynny yn yr achos hwnnw, yr wyf yn teipio eu henwau yn y blwch ar y brig, cliciwch ar eu proffil, 515 00:33:28,200 --> 00:33:31,680 ac yna, yn dal, ei fod yn iawn ar y brig yno unwaith y byddaf wedi gotten at eu proffil. 516 00:33:31,680 --> 00:33:38,240 Unwaith eto, rwyf wedi optimized yn flaenoriaeth ar gyfer yr achosion mwyaf cyffredin-ddefnyddio. 517 00:33:38,240 --> 00:33:41,800 >> Peth pwysig arall yw bod yn aml bydd pobl yn fath o yn ceisio i fynd o gwmpas hyn 518 00:33:41,800 --> 00:33:44,890 drwy ddweud, iawn, felly yr wyf wedi gwneud y safle ac mae pobl yn ei chael yn ddryslyd, 519 00:33:44,890 --> 00:33:46,110 ac mae hynny'n broblem, dde? 520 00:33:46,110 --> 00:33:49,210 Yn amlwg, nid oes arnaf eisiau i bobl gael eu drysu gan gynnwys fy safle. 521 00:33:49,210 --> 00:33:53,210 Ond nid yw'r ffordd i ddatrys hynny yw cael rhywbeth pop i fyny a dweud, 522 00:33:53,210 --> 00:33:55,290 hey, dw i'n mynd i ddysgu chi sut i ddefnyddio'r safle hwn. 523 00:33:55,290 --> 00:33:58,130 Cam 1 - cliciwch y botwm hwn. Cam 2 - ewch yma. 524 00:33:58,130 --> 00:34:03,080 Cadarn, mae hynny'n ffordd o oresgyn hynny - mae'n ffordd y gallwch ddweud wrth bobl beth i'w wneud, ond mae'n 525 00:34:03,080 --> 00:34:05,080 mewn gwirionedd nid y ffordd gorau posibl. 526 00:34:05,080 --> 00:34:07,420 Os byddaf yn mynd i wefan ac yn sydyn roeddwn i'n peledu â tiwtorial hwn sydd wedi dweud wrthyf 527 00:34:07,420 --> 00:34:11,739 beth i'w wneud a ble i fynd a hynny i gyd, nid yw hynny'n hwyl i mi. 528 00:34:11,739 --> 00:34:13,739 Dyw hi ddim yn brofiad da i mi. 529 00:34:13,739 --> 00:34:17,130 Mae'n fath o boen. Rwyf am i ddim ond dechrau gwneud pethau. 530 00:34:17,130 --> 00:34:19,449 Mae pobl yn mynd i gau allan o'u blwch deialog, 531 00:34:19,449 --> 00:34:23,580 neu gael allan o'r tiwtorial, yn gwybod beth i'w wneud, ac yna cwyno oherwydd 532 00:34:23,580 --> 00:34:25,580 nad ydych wedi dweud wrthynt beth i'w wneud. 533 00:34:25,580 --> 00:34:29,530 Nid yw'r ffordd i ddatrys hyn yw drwy roi unrhyw fath o tiwtorial neu gyfarwyddiadau - 534 00:34:29,530 --> 00:34:31,530 unrhyw beth fel 'na. 535 00:34:31,530 --> 00:34:33,719 Yn gymaint ag y gallwch osgoi, chi wir am ddangos i'r defnyddiwr beth i'w wneud 536 00:34:33,719 --> 00:34:36,429 yn unig gan y natur o sut mae'r wefan yn cael ei osod allan. 537 00:34:36,429 --> 00:34:39,090 Mewn geiriau eraill, os byddaf yn mynd i Facebook heb mewngofnodi, 538 00:34:39,090 --> 00:34:40,920 y peth cyntaf i mi ei weld ar y brif dudalen - 539 00:34:40,920 --> 00:34:44,480 mae'n blwch mewngofnodi bach. Felly, duh. Rhaid i mi logio i mewn Mae'n iawn yno. 540 00:34:44,480 --> 00:34:48,030 Er, os es i Facebook a bu'n rhaid i mi glicio ychydig o ddolen ar y gwaelod 541 00:34:48,030 --> 00:34:51,920 a ddywedodd 'logio i mewn' a gweddill y dudalen yn unig oedd rhyw fath o lun neu rywbeth, 542 00:34:51,920 --> 00:34:54,820 Fyddwn i ddim wir yn gwybod beth i'w wneud, dde? Byddwn yn drysu. 543 00:34:54,820 --> 00:34:58,590 Felly, gallai ddweud wrthyf i fynd i lawr yno a chliciwch ar y botwm i logio i mewn, 544 00:34:58,590 --> 00:35:01,080 neu a allai y log yn y botwm fod yn iawn ar y brig ble dw i'n mynd i weld. 545 00:35:01,080 --> 00:35:04,780 Byddwch am bob amser yn dangos y defnyddiwr beth i'w wneud, 546 00:35:04,780 --> 00:35:06,750 ac y dylai fod yn gynhenid ​​yn y dudalen ei hun. 547 00:35:06,750 --> 00:35:09,880 >> Pan fyddwch chi'n meddwl am ddyluniadau a gwatwar i fyny gwahanol ffyrdd o 548 00:35:09,880 --> 00:35:13,810 mynegi eich safle, ydych wir eisiau i feddwl am yr hyn y mae'r defnyddwyr yn mynd i 549 00:35:13,810 --> 00:35:19,380 fod yn ei wneud a sut y gallwch ddangos iddynt beth i'w wneud. 550 00:35:19,380 --> 00:35:23,530 Un peth olaf yn profi yn wirioneddol bwysig. 551 00:35:23,530 --> 00:35:27,400 Mae'n wych i gael rhywun - gofynnwch i ffrind, gofynnwch i rywun nad ydych yn gwybod hyd yn oed - 552 00:35:27,400 --> 00:35:30,420 sydd erioed wedi gweld y safle cyn defnyddio'r safle. 553 00:35:30,420 --> 00:35:33,650 Oherwydd eich bod wedi bod yn gweithio ar y safle am oriau, rydych chi wedi bod yn syllu arno, 554 00:35:33,650 --> 00:35:36,670 ac yr ydych yn gwybod yn union beth i'w wneud felly mae'n amlwg eich bod yn mynd i gael eu profi 555 00:35:36,670 --> 00:35:39,520 pethau yr ydych wedi bod yn gweithio ar ac eich bod yn gwybod gwaith. 556 00:35:39,520 --> 00:35:42,680 Ond os bydd rhywun arall yn dod ar hyd ac yn defnyddio'r safle sydd erioed wedi ei ddefnyddio o'r blaen, 557 00:35:42,680 --> 00:35:46,880 dyna brofiad unigryw oherwydd bod gennych rywun sydd heb wybodaeth flaenorol 558 00:35:46,880 --> 00:35:51,530 o'r safle yn mynd i mewn iddo, felly maen nhw'n mynd i gael yn effeithiol unrhyw syniad beth i'w wneud 559 00:35:51,530 --> 00:35:54,890 neu pa fath o achosion defnydd yn bresennol ar eu cyfer. 560 00:35:54,890 --> 00:36:00,930 Mae hynny'n wych. Mae hynny'n unigryw gan eu bod yn y bôn person ag wag ar gyfer meddwl. 561 00:36:00,930 --> 00:36:03,750 Gallant ddweud wrthych os oes rhywbeth yn ddryslyd neu'n aneglur. 562 00:36:03,750 --> 00:36:07,580 Maent yn gallu rhoi syniad i chi o union yr hyn y mae'r profiad y defnyddiwr eich safle yn chi. 563 00:36:07,580 --> 00:36:10,630 Gall fod yn anodd iawn i ddweud bod chi eich hun, felly yn sicr byddwn yn eich annog 564 00:36:10,630 --> 00:36:13,640 fel eich bod yn datblygu eich prosiectau - os ydych yn gwneud prosiectau ar y we - 565 00:36:13,640 --> 00:36:18,290 i gael pobl defnyddio'r safle mor gynnar ag y byddwch yn cael rhyw fath o demo swyddogaethol. 566 00:36:18,290 --> 00:36:25,330 >> Nawr rwy'n mynd i siarad ychydig am sut i reoli prosiect datblygu ar y we. 567 00:36:25,330 --> 00:36:28,900 Rydym wedi mynd dros sut y gallwch wneud yr ochr yn ôl diwedd technegol, 568 00:36:28,900 --> 00:36:31,050 sut y gallwch chi ddylunio safle da iawn, 569 00:36:31,050 --> 00:36:34,150 ac mae hynny'n wych os ydych yn gweithio eich pen eich hun, ond - 570 00:36:34,150 --> 00:36:37,300 hyd yn oed os ydych yn gweithio eich pen eich hun ac yn enwedig os ydych yn gweithio ar dîm, 571 00:36:37,300 --> 00:36:39,580 rheoli prosiect yn dod yn broblem fawr. 572 00:36:39,580 --> 00:36:42,340 Rydych chi wedi math o glywed am reoli prosiectau mewn gwahanol ffurfiau ers 573 00:36:42,340 --> 00:36:45,410 ysgol elfennol pan oeddech yn gwybod gwaith grŵp. 574 00:36:45,410 --> 00:36:46,820 Mae'n rhaid i chi gydweithredu, cyfathrebu, i gyd. 575 00:36:46,820 --> 00:36:49,620 Mae hynny i gyd yn dal yn berthnasol yma, ond mae yna rai amgylchiadau unigryw gyda 576 00:36:49,620 --> 00:36:54,910 gwyddoniaeth gyfrifiadurol eich bod am fod yn ymwybodol o, a ydych am wneud yn siŵr eich bod yn trin yn dda. 577 00:36:54,910 --> 00:36:58,050 'N annhymerus' siarad yn gyntaf ychydig am y tîm y byddwch yn i mewn 578 00:36:58,050 --> 00:37:03,280 Mae'n bwysig iawn i ddewis y maint cywir o dîm i fod yn gweithio ar, 579 00:37:03,280 --> 00:37:05,890 ac yn eich prosiect terfynol Rwy'n credu eich bod yn cael y dewis i ddewis 580 00:37:05,890 --> 00:37:08,610 rhwng 1 a 4 o bobl os ydw i'n gywir. 581 00:37:08,610 --> 00:37:12,050 Y byddwch am wneud yn siŵr nad ydych yn unig yn dewis y nifer o bobl 582 00:37:12,050 --> 00:37:14,950 eich bod am weithio gyda oherwydd eu bod yn eich ffrindiau. 583 00:37:14,950 --> 00:37:18,170 Byddwch am ddewis tîm sy'n o faint da ac a fydd yn cael y swydd ei wneud. 584 00:37:18,170 --> 00:37:22,700 Mae 'na oddi ar y fasnach mewn cael mwy o bobl yn erbyn lai o bobl. 585 00:37:22,700 --> 00:37:25,320 Os oes gennych fwy o bobl, yn amlwg, mwy o waith yn cael ei wneud 586 00:37:25,320 --> 00:37:28,450 oherwydd eich bod yn cael llawer o bobl, llawer o cod, lawer o syniadau, 587 00:37:28,450 --> 00:37:29,870 a dyna i gyd yn wych. 588 00:37:29,870 --> 00:37:32,590 Ond mae hefyd yn gofyn am lawer mwy o reolaeth a llawer mwy o gyfathrebu. 589 00:37:32,590 --> 00:37:34,720 Mewn geiriau eraill, os oes gennych 4 o bobl yn gweithio ar yr un prosiect 590 00:37:34,720 --> 00:37:39,200 ac maen nhw i gyd olygu'r un cod, fwy neu lai maent i gyd yn math o angen gwybod 591 00:37:39,200 --> 00:37:40,920 beth sy'n mynd ymlaen, felly mae angen i chi - 592 00:37:40,920 --> 00:37:44,580 os ydych yn ychwanegu rhyw swyddogaeth newydd fath o rhaid i chi ddweud wrth bobl - I'm ychwanegu hyn, 593 00:37:44,580 --> 00:37:48,510 Im 'yn newid yn y modd hwn - yn enwedig os ydych yn mynd i mewn i'r pethau mewn gwirionedd dwfn 594 00:37:48,510 --> 00:37:52,730 fel y modelau a'r rheolwyr sydd mewn gwirionedd yn mynd i ddylanwadu ar sut mae'r gwaith ar y safle. 595 00:37:52,730 --> 00:37:54,500 Mae angen i'r tîm cyfan i fod yn ymwybodol ohono, 596 00:37:54,500 --> 00:37:58,140 felly mae angen i chi wneud yn siŵr nad ydych yn dewis rhy fawr tîm sy'n mynd i fod yn anodd 597 00:37:58,140 --> 00:37:59,970 i wneud y cyfathrebu. 598 00:37:59,970 --> 00:38:02,930 Byddwch hefyd yn ddim eisiau i ddewis digon dîm bach nad ydych yn mynd i 599 00:38:02,930 --> 00:38:06,250 yn gallu cyfathrebu oherwydd ei fod dim ond i chi. 600 00:38:06,250 --> 00:38:11,270 >> Peth arall i'w ystyried yw'r cydbwysedd lle mae sgiliau pobl yn. 601 00:38:11,270 --> 00:38:14,350 Mae'n wych os ydych i gyd yn rhaglenwyr yn dda iawn. 602 00:38:14,350 --> 00:38:17,050 Ond os ydych yn yr holl bobl yn ôl diwedd, yna eich safle yn cael ei ddim yn mynd i edrych yn dda iawn 603 00:38:17,050 --> 00:38:20,860 oherwydd bod gennych gronfa ddata mawr hwn, ac mae'n gwneud ymholiadau chwilio hynod o gyflym - 604 00:38:20,860 --> 00:38:26,130 sy'n wych - ond pan fyddwch yn mynd iddo, mae fel safle 1990au gyda coch a glas 605 00:38:26,130 --> 00:38:30,370 ym mhob man, ac mae hynny'n dda i ddim chwaith. 606 00:38:30,370 --> 00:38:34,210 Sylwch fod Ben a minnau yn gweithio fel tîm yn neis iawn oherwydd fy mod math o fwy 607 00:38:34,210 --> 00:38:38,030 yn y pen blaen, yr ydym yn rhyngweithio mewn y-pen canol, a Ben wirioneddol dda gyda yn ôl diwedd stwff, 608 00:38:38,030 --> 00:38:43,550 fel bod yn gweithio'n dda iawn oherwydd gallwn ddylunio unrhyw safle ac yn y bôn y tyllau 609 00:38:43,550 --> 00:38:47,580 yn y safle y mae angen eu llenwi gellir ei lenwi gan naill ai un ohonom, neu'r ddau o bosibl. 610 00:38:47,580 --> 00:38:50,210 Y byddwch am wneud yn siŵr nad oes unrhyw dyllau yn eich tîm. 611 00:38:50,210 --> 00:38:51,180 Mae'n iawn os oes ychydig o orgyffwrdd. 612 00:38:51,180 --> 00:38:53,670 Mewn geiriau eraill, os oes gennych 2 o bobl sydd yn y ddau da gyda pen ôl, 613 00:38:53,670 --> 00:38:57,250 a all fod yn dda hefyd oherwydd gall helpu ei gilydd gyda phroblemau 614 00:38:57,250 --> 00:38:58,820 eu bod yn cael. 615 00:38:58,820 --> 00:39:02,590 Gall fod yn broblem os oes gennych ond 1 person pwy sy'n gyfrifol am beth penodol 616 00:39:02,590 --> 00:39:06,650 ac maent yn rhedeg i mewn i broblem, felly ydych chi eisiau i gael ychydig o orgyffwrdd 617 00:39:06,650 --> 00:39:10,760 ond eich bod yn bwysicaf oll eisiau gwneud yn siŵr bod pob un o'r tyllau posibl yn cael eu llenwi. 618 00:39:10,760 --> 00:39:17,550 >> Y peth olaf - a dylai hyn fod yn amlwg, ond mae'n aml yn peidio. 619 00:39:17,550 --> 00:39:19,550 Rydych yn wir eisiau bod yn cael hwyl. 620 00:39:19,550 --> 00:39:23,360 Y pwynt y prosiect terfynol yn CS50 ac yn aml y pwynt datblygu'r we yn gyffredinol 621 00:39:23,360 --> 00:39:26,360 Nid ydy at jyst yn gwneud gwaith am ei fod angen ei wneud. 622 00:39:26,360 --> 00:39:29,140 Rydych yn wir eisiau bod yn cael hwyl, a ydych am fod yn gwneud rhywbeth 623 00:39:29,140 --> 00:39:31,180 hynny sy'n eich cymell i weithio arno. 624 00:39:31,180 --> 00:39:33,650 Os beth bynnag yr ydych yn gwneud yn boen i eistedd i lawr a gweithio ar, 625 00:39:33,650 --> 00:39:35,650 yna ni fyddwch yn dewis y prosiect cywir. 626 00:39:35,650 --> 00:39:37,730 Ydych chi am ddewis rhywbeth yr ydych yn dod o hyd yn ddiddorol, 627 00:39:37,730 --> 00:39:41,150 chi wir am weld y canlyniad, yr ydych yn edrych ymlaen pan fyddwch yn cael syniad newydd am 628 00:39:41,150 --> 00:39:44,700 rhywbeth y gallech ei wneud - felly mae pob math o brosiectau yno fy mod yn siŵr 629 00:39:44,700 --> 00:39:47,290 gallwch ddod o hyd - mae gan bawb rhywbeth a fyddai'n wir yn eu dirgelwch 630 00:39:47,290 --> 00:39:49,290 os ydynt yn gwneud prosiect ar y we. 631 00:39:49,290 --> 00:39:52,210 'N annhymerus' yn dweud ei fod eto ar hyn o bryd. 632 00:39:52,210 --> 00:39:54,520 Os yw eich prosiect yn ymddangos fel poen ac nad ydych am i weithio arno, 633 00:39:54,520 --> 00:39:57,260 dewis prosiect arall. Dewiswch rhywbeth sydd wir yn ysbrydoli chi. 634 00:39:57,260 --> 00:40:00,260 >> Crybwyll Ben cysyniad hwn o ailadrodd ychydig, ac yr wyf am i fynd drosto ychydig. 635 00:40:00,260 --> 00:40:08,250 Mae'n bwysig iawn i weithio mewn cyfnodau o newid sydyn lle rydych yn cael rhywbeth swyddogaethol. 636 00:40:08,250 --> 00:40:13,420 Gall fod yn wych os oes gennych cynllun hwn ar gyfer gwefan sy'n mynd i wneud A, B, ac C, 637 00:40:13,420 --> 00:40:16,000 ac yn y diwedd bydd yn cyrraedd yno. 638 00:40:16,000 --> 00:40:18,600 Ond eich bod yn sownd yn y cam hwn lle rydych chi'n gweithio arno ac yn gweithio arno, 639 00:40:18,600 --> 00:40:23,330 ond nid oes dim wedi cael ei wneud. Nid oes gennych unrhyw beth i'w weld a beth diriaethol, swyddogaethol chi. 640 00:40:23,330 --> 00:40:27,940 Yr hyn yr ydych wir eisiau i wneud cymaint ag y mae'n ymddangos fath o boen weithiau i 641 00:40:27,940 --> 00:40:32,300 yn gweithio ar rywbeth ac yna fath o cap i ffwrdd fel ei bod yn o leiaf yn sefydlog, yn rhedeg 642 00:40:32,300 --> 00:40:34,910 fersiwn hyd yn oed os nad yw'n cael yr holl nodweddion yr ydych ei eisiau. 643 00:40:34,910 --> 00:40:37,690 Ac efallai mae rhai nodweddion bod chi wir eisiau ychwanegu, ond 'ch jyst yn methu 644 00:40:37,690 --> 00:40:41,830 oherwydd eich bod am i gael y safle i bwynt swyddogaethol. 645 00:40:41,830 --> 00:40:44,400 Ac felly rydych am gael math o broses datblygiad cyfan yn edrych fel 'na. 646 00:40:44,400 --> 00:40:47,810 Byddwch am ddechrau yn rhywle swyddogaethol - neu yn ei hanfod yn dechrau gyda dim byd - 647 00:40:47,810 --> 00:40:49,890 ond ydych am gael rhywle sylfaenol a swyddogaethol iawn. 648 00:40:49,890 --> 00:40:54,940 Ac yna eto, yn gwneud rhyw fath o neidio a chael rhywle swyddogaethol eto. 649 00:40:54,940 --> 00:40:59,190 Byddwch yn araf yn adeiladu i fyny, ac efallai y bydd yn mynd ychydig yn arafach nag y byddai fel arall, 650 00:40:59,190 --> 00:41:03,000 ond yn y tymor hir os ydych yn sownd yn gyson yn y cyfnod tir canol lle rydych 651 00:41:03,000 --> 00:41:06,380 Nid oes mewn gwirionedd unrhyw beth yn gweithio, gall fod yn rhwystredigaeth fawr iawn 652 00:41:06,380 --> 00:41:09,970 i weithio ar eich prosiect chi oherwydd eich bod mor agos at ei gael yn gweithio bob amser, 653 00:41:09,970 --> 00:41:12,130 ac nid yw byth yn gweithio mewn gwirionedd. 654 00:41:12,130 --> 00:41:14,810 Rydych chi eisiau i weithio mewn cyfnodau o newid sydyn swyddogaethol hyn, 655 00:41:14,810 --> 00:41:17,950 ac rydych hefyd yn awyddus i wneud rhywfaint o fyfyrio ar ôl pob un. 656 00:41:17,950 --> 00:41:21,260 Mewn geiriau eraill, unwaith y byddwch chi ar bwynt lle mae'r safle yn awr yn gweithio - 657 00:41:21,260 --> 00:41:24,790 nid oes ganddo bopeth yr ydych yn ei hoffi, ond mae'n gwneud rhai pethau - 658 00:41:24,790 --> 00:41:28,870 ydych chi eisiau i feddwl, iawn, yn y wefan hon accomplishing y nod fy mod wedi bwriadu ei wneud? 659 00:41:28,870 --> 00:41:33,410 Mewn geiriau eraill, os bydd y safle yn mynd i wneud X, yr hyn yr wyf wedi bod yn gweithio yn y cyfeiriad o X? 660 00:41:33,410 --> 00:41:36,450 A yw pob un o'r functionalities fy mod eisiau yno? 661 00:41:36,450 --> 00:41:39,340 Ac ar ben hynny, a yw'n gwasanaethu'r diben cyffredinol yr wyf am? 662 00:41:39,340 --> 00:41:43,200 Os ydych yn dod o hyd bod eich safle yn dechrau gwyro i gyfeiriad gwahanol 663 00:41:43,200 --> 00:41:47,330 neu efallai bethau unig fath o yn nad ydynt yn gweithio allan, gall fod yn amser i symud gerau ychydig. 664 00:41:47,330 --> 00:41:51,700 Mewn geiriau eraill, mae'n werth ystyried - mae'n werth taflu syniadau os oes angen 665 00:41:51,700 --> 00:41:57,950 ac ystyried wyf Fi 'n sylweddol yn gweithio tuag at yr hyn yr wyf eisiau bod. 666 00:41:57,950 --> 00:42:00,760 >> Yr wyf yn credu bod fy mhwynt nesaf. Peidiwch â bod ofn i roi'r gorau syniadau. 667 00:42:00,760 --> 00:42:03,750 Dim ond oherwydd eich bod yn treulio llawer o oriau gwaith ar nodwedd 668 00:42:03,750 --> 00:42:07,890 ac yn olaf got a yw'n gweithio ond ddim wir yn mynd mor dda - 669 00:42:07,890 --> 00:42:12,690 fel nad yw mor ddefnyddiol neu ddefnyddwyr yn cael trafferth ei ddefnyddio - y math yna o beth - 670 00:42:12,690 --> 00:42:15,300 peidiwch â bod ofn i daflu i ffwrdd. 671 00:42:15,300 --> 00:42:17,650 Mae'n sucks eich bod wedi treulio llawer o amser yn gweithio arno, 672 00:42:17,650 --> 00:42:21,870 ond yn y pen draw nad ydych am safle sydd wedi fath o rhoi at ei gilydd gan y darnau hyn sy'n 673 00:42:21,870 --> 00:42:25,380 Nid yw math o waith ond yn cael eu gwasanaethu'n hynny'n dda. 674 00:42:25,380 --> 00:42:27,990 Hefyd, peidiwch â bod ofn i groesawu syniadau newydd. 675 00:42:27,990 --> 00:42:30,050 Os bydd rhywun yn dod ar hyd ac yn dweud, hey, y safle hwnnw yn edrych yn cŵl, ond 676 00:42:30,050 --> 00:42:32,290 ni fyddai hyd yn oed fod yn wych os yw'n hefyd yn gwneud hyn? 677 00:42:32,290 --> 00:42:36,220 Dim ond oherwydd dyna rhywbeth nad oeddech yn bwriadu ac yn rhywbeth nad yw yn eich 678 00:42:36,220 --> 00:42:37,900 specs, rhywbeth nad ydych wedi mynd ati i wneud, 679 00:42:37,900 --> 00:42:40,860 peidiwch â bod ofn i fynd ymlaen ac yna gweithio gydag ef. 680 00:42:40,860 --> 00:42:43,680 Oherwydd yn aml syniadau eich bod yn rhedeg gyda drwy gydol y cwrs y datblygiad 681 00:42:43,680 --> 00:42:47,630 pen draw yn cael y nodweddion 'n sylweddol oera ar y wefan. 682 00:42:47,630 --> 00:42:49,630 >> Rwyf wedi dweud hyn o'r blaen. 'N annhymerus' yn dweud ei fod eto. 683 00:42:49,630 --> 00:42:51,630 Brofwyr yn super, super defnyddiol. 684 00:42:51,630 --> 00:42:56,350 Ceisiwch gael pobl nad ydynt erioed wedi gweld y safle cyn i fewngofnodi a gweld beth sy'n mynd ymlaen 685 00:42:56,350 --> 00:42:59,080 oherwydd y gallant nid yn unig yn profi defnyddioldeb y safle a'r profiad y defnyddiwr, 686 00:42:59,080 --> 00:43:02,070 ond gallant hefyd brofi ymarferoldeb mewn ffyrdd nad ydych yn gallu. 687 00:43:02,070 --> 00:43:06,430 Os ydych yn gwneud rhywfaint o nodwedd sy'n gwneud beth benodol 688 00:43:06,430 --> 00:43:11,620 a ydych yn gwybod ei fod yn mynd i wneud hynny un peth yn gywir bob tro, mae hynny'n wych. 689 00:43:11,620 --> 00:43:16,610 Ond gall fod yn aml yn anodd i gyfrif am achosion cornel lle mae gallai defnyddiwr 690 00:43:16,610 --> 00:43:19,500 deipio rhywbeth nad oeddech yn ei ddisgwyl - yn union oherwydd eich diffiniedig 691 00:43:19,500 --> 00:43:21,500 nodweddion eich hun. 692 00:43:21,500 --> 00:43:23,730 Felly, i gael rhywun yn dod ar sydd heb unrhyw syniad sut i ddefnyddio'r safle 693 00:43:23,730 --> 00:43:26,840 ac i ddim ond dorri ym mha bynnag ffyrdd y gallant ei wneud yn wirioneddol ddefnyddiol oherwydd eich 694 00:43:26,840 --> 00:43:30,340 gael syniad o safbwynt hollol wahanol o beth ar eich safle yn gweithio 695 00:43:30,340 --> 00:43:33,300 a beth sydd angen atgyweirio. 696 00:43:33,300 --> 00:43:37,070 >> Diwethaf, yr wyf i'n mynd i siarad am rai arferion da cyffredinol, 697 00:43:37,070 --> 00:43:42,470 a ydych wedi gweld llawer o hyn yn CS50, ond maent hefyd yn iawn, iawn yn gymwys mewn lleoliad prosiect. 698 00:43:42,470 --> 00:43:47,600 Mae un yn sylwadau. Sylwadau eich cod bob amser yn enwedig os ydych yn gweithio ar dîm mawr. 699 00:43:47,600 --> 00:43:51,230 Gall fod mor blino i ychydig gael bloc mawr o god bod rhywun wedi'i ysgrifennu 700 00:43:51,230 --> 00:43:54,230 ac efallai ei fod yn gweithio, efallai nad yw'n gwneud hynny, ond nid oes gennych syniad beth mae'n ei wneud, 701 00:43:54,230 --> 00:43:58,010 felly nid oes gennych syniad p'un a yw'n ddefnyddiol ai peidio neu a ddylai fod yno neu beidio, 702 00:43:58,010 --> 00:44:00,200 ac os ydych yn gweithio ar rywbeth arall mae hyd yn oed yn bosibl eich bod yn gweithio ar 703 00:44:00,200 --> 00:44:06,590 yr un peth, felly dim ond yn iawn, yn ofalus iawn i fod yn ystyriol o'ch cyfoedion 704 00:44:06,590 --> 00:44:09,710 a chod ysgrifennu sydd wedi'i dogfennu'n dda. 705 00:44:09,710 --> 00:44:13,580 Nid oes rhaid i chi fynd cyn belled ag i wneud yr holl beth pan yn hoffi os ydych yn cynyddiad 706 00:44:13,580 --> 00:44:16,620 cownter gennych sylw sy'n dweud, rwy'n ychwanegu 1 i wrth hwn. 707 00:44:16,620 --> 00:44:20,450 Nid oes rhaid i bethau fod yn fanwl, ond ar gyfer unrhyw swyddogaeth yr ydych yn ysgrifennu erioed 708 00:44:20,450 --> 00:44:23,160 dylech gael peth dogfennaeth o'r hyn y swyddogaeth honno yn union yn ei wneud, 709 00:44:23,160 --> 00:44:25,140 beth yw ei fewnbynnau, a beth y dylid ei ddychwelyd. 710 00:44:25,140 --> 00:44:27,800 Fel hyn y gallwch chi ddefnyddio cydrannau pobl eraill y safle 711 00:44:27,800 --> 00:44:31,990 a gallwch weithio tuag at adeiladu rhywbeth mawr. 712 00:44:31,990 --> 00:44:34,100 >> Peth pwysig arall yw ydych am ei wneud glanhau rheolaidd. 713 00:44:34,100 --> 00:44:40,490 Cod yn cael anniben. Peidiwch â theimlo'n ddrwg os yw'ch cod yn unig hollol annarllenadwy a llanast mawr. 714 00:44:40,490 --> 00:44:42,770 Mae hynny'n digwydd yn datblygu gwefan bob tro. 715 00:44:42,770 --> 00:44:46,530 Rydych yn ychwanegu nodweddion newydd, gan gael gwared hen rai. Stuff yn mynd i fod yno na ddylai fod. 716 00:44:46,530 --> 00:44:49,330 Mae hynny'n iawn, ond ydych am wneud yn siwr i ddelio â hynny yn rheolaidd. 717 00:44:49,330 --> 00:44:53,430 Nid ydych am i adael iddo adeiladu hyd at y pwynt lle nad ydych yn gallu dod o hyd i unrhyw beth yn unig 718 00:44:53,430 --> 00:44:56,430 yn eich cod, ac nad oes gennych syniad beth unrhyw beth yn ei wneud. 719 00:44:56,430 --> 00:44:58,430 Yw hynny'n wir gyda HTML. 720 00:44:58,430 --> 00:44:59,490 Weithiau, byddwch yn darfod i fyny gyda gwrthrychau nad ydynt yn cynnwys unrhyw beth, 721 00:44:59,490 --> 00:45:01,320 a youll 'angen at cael gwared o hynny. 722 00:45:01,320 --> 00:45:04,610 Yn CSS, gallwch fod yn cyfeirio at elfennau nad ydynt yno anymore, 723 00:45:04,610 --> 00:45:06,340 felly rydych am i gael gwared ar y cod. 724 00:45:06,340 --> 00:45:09,900 Yn JavaScript, efallai y byddwch wedi dileu rhywbeth o'r HTML. 725 00:45:09,900 --> 00:45:13,150 Felly, yr ydych am wneud yn siŵr eich bod yn bob amser yn glanhau i fyny, gwneud pethau 'n bert 726 00:45:13,150 --> 00:45:17,450 gymaint ag y gallwch yn rheolaidd. 727 00:45:17,450 --> 00:45:21,060 >> Beth arall yn ddefnyddiol iawn nad wyf yn credu ei amlinellu yn fawr iawn yn CS50 728 00:45:21,060 --> 00:45:23,430 ond mae'n werth mynd i mewn yn rheoli fersiynau. 729 00:45:23,430 --> 00:45:27,180 Mae'r syniad o reoli fersiynau yw pan fyddwch yn y bôn yn cadw golwg ar yr holl gynnydd 730 00:45:27,180 --> 00:45:30,820 ydych wedi gwneud tuag at eich safle, ac os ar unrhyw adeg rydych yn sylweddoli, oh, mae hyn yn gweithio 731 00:45:30,820 --> 00:45:35,220 amser yn ôl, ond nid yw'n gweithio mwyach, gallwch fynd yn ôl i fersiynau blaenorol 732 00:45:35,220 --> 00:45:37,720 a gweld beth sydd wedi newid ers hynny a bod y math yna o beth. 733 00:45:37,720 --> 00:45:41,670 Y ffordd sylfaenol o wneud hynny yw gyda Git, ac Git mae hyn yn fath gyfan o system sy'n 734 00:45:41,670 --> 00:45:46,390 Yr wyf yn credu Rhoddodd Tommy MacWilliam seminar am y llynedd. 735 00:45:46,390 --> 00:45:51,520 Os byddwch yn mynd i mewn i'r seminarau CS50 ar gyfer 2011, gallwch weld ei seminar ar hynny. 736 00:45:51,520 --> 00:45:57,070 Mae'r syniad o Git yn y bôn fod yn rheolaidd rydych yn gwneud ymrwymiadau hyn 737 00:45:57,070 --> 00:46:01,430 sydd yn ffyrdd o ddweud y safle sydd mewn fersiwn eithaf sefydlog ar hyn o bryd, felly 738 00:46:01,430 --> 00:46:05,910 Rydw i'n pacio i fyny ac yn ei anfon i ffwrdd i weinydd, ac yna gallwch fynd i'r gweinydd 739 00:46:05,910 --> 00:46:07,910 ac edrych ar yr holl fersiynau blaenorol eich cod a gweld sut y mae'n cael ei symud ymlaen 740 00:46:07,910 --> 00:46:12,210 a phob math yna o bethau da. 741 00:46:12,210 --> 00:46:14,210 Felly, dyna yn y bôn ei. 742 00:46:14,210 --> 00:46:17,870 Cyn belled ag y datblygu gwefan, rydym yn hapus i ffon o gwmpas ac ateb unrhyw 743 00:46:17,870 --> 00:46:20,570 cwestiynau o ran ein cyflwyniad. 744 00:46:20,570 --> 00:46:22,900 Dyna ni. Diolch. >> [Ben] Diolch. 745 00:46:22,900 --> 00:46:28,480 [Cymeradwyaeth] 746 00:46:28,480 --> 00:46:30,950 >> [Billy] Staff, oes unrhyw un gennych unrhyw gwestiynau am y pethau yr ydym wedi eu trafod 747 00:46:30,950 --> 00:46:33,950 neu bethau nad ydym wedi eu trafod eu bod yn gobeithio y byddem yn ei gwmpasu? 748 00:46:33,950 --> 00:46:35,950 Byddem yn hapus i ateb hynny. Dylai unrhyw un? 749 00:46:35,950 --> 00:46:50,360 [Aelod o'r gynulleidfa] Beth yw manteision ac anfanteision defnyddio Ruby neu ddefnyddio Python? 750 00:46:50,360 --> 00:46:58,660 [Ben] Y cwestiwn oedd, beth yw manteision ac anfanteision defnyddio Ruby neu Python 751 00:46:58,660 --> 00:46:59,900 yn hytrach na fel PHP. 752 00:46:59,900 --> 00:47:11,340 Y manteision yw bod Ruby a Python yn llawer gwell o ieithoedd na PHP. 753 00:47:11,340 --> 00:47:14,920 Mae o leiaf yn fy marn i, ac yr wyf yn meddwl mewn llawer o safbwyntiau pobl eraill yn ogystal. 754 00:47:14,920 --> 00:47:20,990 Cawsant eu cynllunio yn fwy am wneud pethau cymhleth, 755 00:47:20,990 --> 00:47:25,380 a llai ar gyfer bwrw'r ynghyd tudalennau gwe yn gyflym iawn gyda 756 00:47:25,380 --> 00:47:28,400 ychydig o gynnwys deinamig. 757 00:47:28,400 --> 00:47:35,180 Mae'r anfanteision yw bod yna ychydig o - mae mwy o gromlin ddysgu 758 00:47:35,180 --> 00:47:37,220 i gael eu sefydlu. 759 00:47:37,220 --> 00:47:41,010 Hynny yw, fel yn PHP, gallwch gael ffeil HTML ac i chi ysgrifennu llai-na, 760 00:47:41,010 --> 00:47:43,060 marc cwestiwn, ac yna byddwch yn ysgrifennu, mae rhai cod ac yna byddwch yn ysgrifennu cwestiwn marc, 761 00:47:43,060 --> 00:47:45,700 mwy-na, ac yna rydych yn ei wneud. 762 00:47:45,700 --> 00:47:50,300 Mewn ieithoedd eraill fel Ruby neu Python, 763 00:47:50,300 --> 00:47:56,810 rhaid i chi fynd drwy ychydig mwy o waith i gael rhedeg y safle cychwynnol. 764 00:47:56,810 --> 00:48:02,730 Mae hefyd - o leiaf mae'n defnyddio i fod yn wir - fod yna mwy o ddogfennaeth 765 00:48:02,730 --> 00:48:05,480 ar gael ar gyfer PHP yn unig oherwydd bod mwy o bobl yn ei ddefnyddio. 766 00:48:05,480 --> 00:48:09,370 Rwy'n credu nad yw hynny'n gymaint o fater anymore. 767 00:48:09,370 --> 00:48:12,520 Mae yn sicr dogfennaeth da iawn ar gyfer pethau fel Ruby acha Chledrau 768 00:48:12,520 --> 00:48:16,080 neu Django ar gyfer Python yn cyfateb. 769 00:48:16,080 --> 00:48:25,910 PHP yw'r un y mae pawb wedi bod yn ei ddefnyddio ers blynyddoedd, a ydych yn gwybod sut mae'n gweithio. 770 00:48:25,910 --> 00:48:28,460 Rhuddem a Python yn ychydig yn llai aeddfed. 771 00:48:28,460 --> 00:48:33,130 >> [Aelod o'r gynulleidfa] Os ydych yn dewis rhwng un ohonynt i ddysgu neu godi, 772 00:48:33,130 --> 00:48:36,130 a fyddai'n well gennych? 773 00:48:36,130 --> 00:48:38,870 Onest, credaf fod yn dibynnu ar y person. 774 00:48:38,870 --> 00:48:45,450 Mae'n ddrwg gen i. Y cwestiwn oedd pa un fyddech chi'n ddewis i rywun ddysgu? 775 00:48:45,450 --> 00:48:50,230 Yr wyf yn dod o hyd i Python y garedicaf yn bersonol. 776 00:48:50,230 --> 00:48:55,360 Mae llawer o bobl sydd - wnes fy mhrosiect dev gwe cyntaf yn Python a Django. 777 00:48:55,360 --> 00:49:00,300 Mae yna lawer o bobl sy'n hoffi Ruby acha Chledrau hefyd. 778 00:49:00,300 --> 00:49:02,650 Yn ôl pob tebyg mwy o bobl sy'n gwybod Ruby acha Chledrau. 779 00:49:02,650 --> 00:49:05,270 Onest, byddwn yn jyst yn mynd gyda beth bynnag y bobl o'ch cwmpas yn gwybod 780 00:49:05,270 --> 00:49:09,680 fel eich bod yn rhaid i bobl ofyn cwestiynau. 781 00:49:19,640 --> 00:49:24,170 >> Y cwestiwn oedd - ar weinyddion a rennir a yw'n fath o anodd i weithio ar Python? 782 00:49:24,170 --> 00:49:26,170 Mae hynny'n dibynnu ar eich cynnal. 783 00:49:26,170 --> 00:49:29,400 Mae nifer y lluoedd we a fydd yn ôl pethau Python. 784 00:49:29,400 --> 00:49:31,400 WebFaction yn gwneud hynny, dde? 785 00:49:31,400 --> 00:49:34,400 WebFaction yn un sy'n Billy ac rwyf wedi defnyddio ar gyfer rhai prosiectau. 786 00:49:34,400 --> 00:49:37,750 Maen nhw'n wirioneddol wych. Maent yn cefnogi rhan fwyaf o ieithoedd. 787 00:49:37,750 --> 00:49:40,020 Ond mae'n wir bod PHP yn llawer mwy cefnogaeth eang. 788 00:49:40,020 --> 00:49:45,210 Felly, os ydych yn sownd ar lu ar y we mai dim ond yn gwneud PHP, mae hynny'n rheswm da i ddefnyddio PHP. 789 00:49:45,210 --> 00:49:56,010 >> [Aelod o'r gynulleidfa] Fi jyst got i ddysgu sut i holi rhai cronfeydd data, 790 00:49:56,010 --> 00:50:00,680 ac yr wyf yn gwybod fy SQL i gyd dros y lle, ond yr wyf yn ddiweddar got agored i - 791 00:50:00,680 --> 00:50:04,470 ac rydych yn cyfeirio at hyn. Byddwch yn gweld JSON a chronfeydd data expandable. 792 00:50:04,470 --> 00:50:14,580 Fy SQL yn dal i gyd dros y lle. Sut yr ydych yn gweld hynny'n digwydd? 793 00:50:14,580 --> 00:50:21,330 A oes yn mynd i fod tuedd cynyddol am fwy expandable (anhyglyw)? 794 00:50:21,330 --> 00:50:30,100 Y cwestiwn oedd - ydw i'n credu bod yn mynd i fod tuedd tuag at gronfeydd data nad ydynt yn SQL. 795 00:50:30,100 --> 00:50:33,850 Er enghraifft, fel MongoDB. Credaf fod yn bendant yn wir. 796 00:50:33,850 --> 00:50:38,730 Fy nghyngor yn bennaf MySQL-gysylltiedig yma dim ond am fod mySQL yn 797 00:50:38,730 --> 00:50:40,950 safon y diwydiant. 798 00:50:40,950 --> 00:50:45,950 Yn bersonol, mae'n well cronfeydd data nad oes ganddynt schemos fel MongoDB wyf yn llawer 799 00:50:45,950 --> 00:50:49,520 lle nad oes gennych y mater, oh, mae angen imi ychwanegu colofn arall. 800 00:50:49,520 --> 00:50:51,600 Gwae fi, fel beth bynnag ydw i'n ei wneud? 801 00:50:51,600 --> 00:50:55,840 Mae'n anodd iawn i wneud hynny ar MySQL, ond pan fydd gennych rhywbeth fel Mongo 802 00:50:55,840 --> 00:50:57,840 mae'n llawer brafiach. 803 00:50:57,840 --> 00:51:03,780 Y peth arall braf am Mongo yw bod eich cofnodion mewn gwirionedd gwrthrychau JavaScript. 804 00:51:03,780 --> 00:51:10,110 Does dim fath o gam trosi lle mae angen i chi gymryd rhesi gronfa ddata yma 805 00:51:10,110 --> 00:51:13,140 ac yn troi i mewn i wrthrych JavaScript ac yna yn eu hanfon dros y wifren. 806 00:51:13,140 --> 00:51:20,290 Yr wyf yn meddwl pethau fel 'na yn mynd i fod yn iawn, yn ddefnyddiol iawn ar gyfer datblygiad ar y we cyflym yn y dyfodol. 807 00:51:20,290 --> 00:51:23,060 >> [Billy] Rhywbeth byddwn yn ei ychwanegu sydd ychydig pwynt cyffredinol yw bod 808 00:51:23,060 --> 00:51:26,580 nid ydynt yn teimlo fel dylech fod wedi'i ddysgu pob un o'r ieithoedd yr ydym wedi trafod 809 00:51:26,580 --> 00:51:28,580 gan ein seminar. 810 00:51:28,580 --> 00:51:30,560 Yn amlwg y pwynt yw rhoi syniad i chi o beth sydd ar gael i chi, 811 00:51:30,560 --> 00:51:33,450 ac os ydych yn chwilfrydig gan unrhyw un o'r pethau yr ydym wedi crybwyll gallwch eu Google 812 00:51:33,450 --> 00:51:35,830 a darllen i fyny arnynt. 813 00:51:35,830 --> 00:51:38,750 Ac fel y soniais, mae yna ychydig o seminarau sy'n delio â union y pethau hyn. 814 00:51:38,750 --> 00:51:41,660 Mae hyd yn oed mwy o seminarau nad wyf wedi sôn am hynny yn ôl pob tebyg yn mynd i mewn 815 00:51:41,660 --> 00:51:43,660 pethau hwn yn ogystal. 816 00:51:43,660 --> 00:51:46,610 Y syniad yw os ydych chi am weithio ar rywbeth, dyma offer ar gael i chi. 817 00:51:46,610 --> 00:51:51,630 Peidiwch â theimlo llethu os nad ydych yn wir yn siŵr beth yr offer yma yn gwneud yn union, 818 00:51:51,630 --> 00:51:54,830 ond yn gwybod eu bod ar gael ac y gallwch wneud defnydd eang ohonynt 819 00:51:54,830 --> 00:51:56,830 gan Google. 820 00:51:56,830 --> 00:51:59,960 >> [Aelod o'r gynulleidfa] Pa fath o bethau y mae angen i chi ei wneud i sicrhau bod eich gwefan 821 00:51:59,960 --> 00:52:02,530 yn edrych yn dda ar ddyfeisiau symudol? 822 00:52:02,530 --> 00:52:05,590 [Billy] dyfeisiau symudol yn ychydig yn anodd. 823 00:52:05,590 --> 00:52:07,590 Mae 2 ffordd y gallwch fynd o'i chwmpas hi. 824 00:52:07,590 --> 00:52:11,500 Y ffordd gyntaf yw eich bod mewn gwirionedd yn cael gwefan symudol. 825 00:52:11,500 --> 00:52:14,660 Mewn geiriau eraill, yr ydych yn perfformio rhyw fath o ganfod ar ddechrau 826 00:52:14,660 --> 00:52:18,830 pan fydd y porwr yn gwneud cais i eich gwefan sydd naill ai'n dweud 827 00:52:18,830 --> 00:52:25,240 dychwelyd y farn hon - a fydd yn olygfa i ben-desg neu liniadur porwyr - 828 00:52:25,240 --> 00:52:27,710 ac mae hyn yn farn arall ar gyfer dyfeisiau symudol. 829 00:52:27,710 --> 00:52:33,090 Dyna le lle mae barn yn wirioneddol neis yn y gallwch 'n bert lawer cyfnewid y 830 00:52:33,090 --> 00:52:37,580 dau allan a chael rhyngwyneb sy'n gweithio mewn gwirionedd 'n glws ar ddyfeisiau symudol 831 00:52:37,580 --> 00:52:40,770 ac mae ganddynt un hollol wahanol sy'n gweithio 'n glws ar ddyfeisiau porwr. 832 00:52:40,770 --> 00:52:43,770 Y broblem gyda hynny yw ei bod yn cymryd amser hir oherwydd ei fod yn golygu codio 833 00:52:43,770 --> 00:52:47,060 rhyngwyneb hollol wahanol. 834 00:52:47,060 --> 00:52:49,720 Y ffordd arall y gallwch ei wneud yw - 835 00:52:49,720 --> 00:52:55,250 bydd llawer o ffonau modern yn dangos gwefannau a cheisio gwneud yn fel y byddai porwr, 836 00:52:55,250 --> 00:52:57,680 ac maent yn gwneud eu gorau. 837 00:52:57,680 --> 00:53:04,340 Gallwch fath o yn ceisio aros goleuni ar y swm o jQuery JavaScript ydych yn defnyddio 838 00:53:04,340 --> 00:53:07,360 sy'n tueddu i fod yn lle y gall pethau fynd o chwith ychydig. 839 00:53:07,360 --> 00:53:13,430 Mae hyn yn fath o ffordd y dylech eu defnyddio os nad oes gennych bod llawer o amser. 840 00:53:13,430 --> 00:53:18,540 Os oes gennych yr amser i weithio ar ryngwyneb symudol, mae hynny'n amlwg yn eich dewis gorau. 841 00:53:18,540 --> 00:53:23,320 >> Yr wyf yn meddwl yn gyffredinol ar gyfer prosiectau CS50, rydych yn mynd i eisiau i ddewis un neu'r llall. 842 00:53:23,320 --> 00:53:27,990 Mewn geiriau eraill, yr ydych am wneud app symudol neu os ydych am wneud gwefan bwrdd gwaith. 843 00:53:27,990 --> 00:53:32,200 A'r math yna o penderfynu ble rydych yn mynd â hynny. 844 00:53:32,200 --> 00:53:35,360 Ond os ydych am ei ehangu yn ddiweddarach, yn ôl pob tebyg eich bet gorau yw 845 00:53:35,360 --> 00:53:37,360 i wneud rhyngwyneb arall ar gyfer y llall. 846 00:53:51,650 --> 00:53:56,340 Mae gen i ychydig o brofiad mewn datblygu safleoedd yn seiliedig ar WordPress. 847 00:53:56,340 --> 00:53:58,670 Yr wyf yn cynnal gwefan bersonol ar WordPress am dro. 848 00:53:58,670 --> 00:54:02,310 Gall y mathau hynny o fframweithiau fod yn bethau yr un mor sylfaenol iawn 'n glws. 849 00:54:02,310 --> 00:54:07,050 Oftentimes byddwch jyst hidla i mewn i lawer o faterion customizability er. 850 00:54:07,050 --> 00:54:10,940 Youll 'angen cael rhywbeth yn edrych mewn ffordd benodol neu fod yn ffordd benodol 851 00:54:10,940 --> 00:54:14,510 ac rydych nid yn unig yn gallu oherwydd ei fod yn anodd eu cyplysu â'r system sy'n 852 00:54:14,510 --> 00:54:17,480 dyma sut y mae'n rhaid i chi wneud pethau sy'n gallu bod yn dipyn o broblem. 853 00:54:17,480 --> 00:54:22,020 Ers hynny, rwyf wedi fath o bod yn fwy tueddol i weithio gyda safleoedd o'r gwaelod i fyny. 854 00:54:22,020 --> 00:54:26,840 Am bethau fel cronfeydd data blog a'r math yna o beth nid yw'n iawn bod galed i adeiladu fframwaith. 855 00:54:26,840 --> 00:54:29,970 Os ydych yn wir yn ymestyn am amser, gallwch, wrth gwrs, yn defnyddio rhywbeth fel WordPress 856 00:54:29,970 --> 00:54:33,120 neu y math yna o beth ar gyfer blog. 857 00:54:33,120 --> 00:54:38,790 Y mathau o bethau y blogiau storio ac nid ydynt yn ddigon anodd mewn gwirionedd yw bod 858 00:54:38,790 --> 00:54:41,500 os ydych yn rhedeg i mewn i unrhyw un o'r mathau hynny o bethau, mae'n debyg eich bod gorau yn unig i 859 00:54:41,500 --> 00:54:43,500 gwneud fersiwn yn fewnol. 860 00:54:43,500 --> 00:54:48,350 >> Rwy'n credu bod am y peth, felly diolch unwaith eto am ddod. 861 00:54:48,350 --> 00:54:51,960 Rydym yn mwynhau siarad â chi guys ac yn gobeithio eich bod yn dysgu rhai pethau. 862 00:54:51,960 --> 00:54:55,350 [Ben] Rydym yn hapus i siarad - mae'n rhaid i ni fynd, ond rydym yn hapus i siarad yn fwy y tu allan i 863 00:54:55,350 --> 00:55:01,650 os oes gennych gwestiwn arall. Diolch unwaith eto. [Cymeradwyaeth] 864 00:55:03,750 --> 00:55:06,000 [CS50.TV]