1 00:00:00,000 --> 00:00:03,388 >> [Seinm ceoil] 2 00:00:03,388 --> 00:00:09,196 3 00:00:09,196 --> 00:00:10,180 >> DAVID J. MALAN: Dia duit. 4 00:00:10,180 --> 00:00:12,600 A ligean ar a chur ar siúl trí Fadhb Socraigh 8 Mashup, 5 00:00:12,600 --> 00:00:15,880 atá ag dul chun dúshlán a thabhairt duit tharraingt ar heilimintí Google Maps 6 00:00:15,880 --> 00:00:20,905 le gnéithe ó Google Nuacht agus mash iad le chéile i feidhmchláirín gréasáin go 7 00:00:20,905 --> 00:00:24,150 Ceadaíonn úsáideoir chun cuardach a dhéanamh léarscáil chun nuacht áitiúil 8 00:00:24,150 --> 00:00:26,780 le bailte ar leith, cathracha, agus cóid zip. 9 00:00:26,780 --> 00:00:31,040 Chun seo a dhéanamh, táimid ag dul go dtí roinnt HTML chomhtháthú, CSS, PHP, SQL, 10 00:00:31,040 --> 00:00:34,390 JavaScript, agus teicníc ar a dtugtar de ghnáth mar AJAX fhonn 11 00:00:34,390 --> 00:00:36,850 a chruthú seo immersive taithí úsáideora. 12 00:00:36,850 --> 00:00:38,920 >> A ligean ar chéad uair Google Maps féin. 13 00:00:38,920 --> 00:00:41,220 Seo, ar ndóigh, tá, b'fhéidir comhéadan ar an eolas. 14 00:00:41,220 --> 00:00:45,070 Ach casadh sé amach go Google Maps ar fáil chomh maith le hiarratas API-- 15 00:00:45,070 --> 00:00:48,360 cláir interface-- tríd a Is féidir leat a gnéithe de Google Maps a ghlacadh 16 00:00:48,360 --> 00:00:50,740 agus iad a chomhtháthú isteach do iarratas féin. 17 00:00:50,740 --> 00:00:52,650 Go deimhin, ar fud an phróiseas, tá tú ag dul 18 00:00:52,650 --> 00:00:55,140 a aimsiú cúpla URLanna cabhrach go háirithe go 19 00:00:55,140 --> 00:00:57,820 luaitear sa sonraíochtaí le haghaidh Set Fadhb 8, 20 00:00:57,820 --> 00:01:00,980 go sonrach seo Ag Tosú Treoir ar nó Treoir an Fhorbróra 21 00:01:00,980 --> 00:01:07,640 do Google Maps API Leagan 3 chomh maith mar an API Google Maps JavaScript 22 00:01:07,640 --> 00:01:10,260 tagairt v3, a bhfuil beagán níos arcane a léamh 23 00:01:10,260 --> 00:01:14,600 ach i ndáiríre tá gach ceann de na leibhéil níos ísle sonraí faoi cad feidhmeanna nó na modhanna 24 00:01:14,600 --> 00:01:18,220 agus nithe agus airíonna agus imeachtaí teacht i ndáiríre leis an API, 25 00:01:18,220 --> 00:01:20,720 an-chosúil i spiorad go [inaudible] leathanaigh. 26 00:01:20,720 --> 00:01:23,480 >> Anois, má táimid le breathnú ag Google News, beidh tú 27 00:01:23,480 --> 00:01:25,370 b'fhéidir a fheiceáil comhéadan eolas anseo. 28 00:01:25,370 --> 00:01:29,350 Ach casadh sé amach is féidir leat cuardach a dhéanamh freisin Google News do geographies sonracha 29 00:01:29,350 --> 00:01:32,000 trí paraiméadar HTTP a dtugtar geo. 30 00:01:32,000 --> 00:01:35,100 Go deimhin, má súmáil mé i suas anseo, beidh tú a fheiceáil go bhfuil 31 00:01:35,100 --> 00:01:41,672 Tá mé ag news.google.com/news/section?geo=02138. 32 00:01:41,672 --> 00:01:43,630 Agus, go deimhin, má súmáil mé amach, beidh tú a fheiceáil go bhfuil mé 33 00:01:43,630 --> 00:01:47,090 féachaint ar leathanach a bhfuil a bunch iomlán de tuairimí faoi Cambridge, Massachusetts. 34 00:01:47,090 --> 00:01:50,620 >> Idir an dá linn, má athraíonn mé i ndáiríre ar an URL gan a bheith ina cód zip mar seo, 35 00:01:50,620 --> 00:01:55,580 ach rud éigin a Messier beag cosúil Cambridge, + Massachusetts, 36 00:01:55,580 --> 00:02:00,740 áit a bhfuil an móide an dóigh leat ionchódú a carachtar spáis i URL agus brúigh Iontráil, 37 00:02:00,740 --> 00:02:02,907 Feicfidh tú a fheiceáil go bhfuil mé i ndáiríre Féach beagnach an nuacht céanna. 38 00:02:02,907 --> 00:02:05,489 B'fhéidir go bhfuil sé beagán difriúil mar gheall ar Cambridge iarbhír 39 00:02:05,489 --> 00:02:06,910 Tá cóid zip il. 40 00:02:06,910 --> 00:02:09,410 Anois, conas a bheadh ​​a fhios agam go bhfuil agus, i ndáiríre, conas a d'fhéadfadh mé ar bhealach 41 00:02:09,410 --> 00:02:12,940 cathracha agus bailte a cheangal le cóid zip i gcás I 42 00:02:12,940 --> 00:02:15,064 ag iarraidh a ligean don úsáideoir chun breathnú suas an oiread? 43 00:02:15,064 --> 00:02:17,480 Bhuel, casadh sé amach go níl ar an suíomh gréasáin amach ann ar a dtugtar 44 00:02:17,480 --> 00:02:20,060 geonames.org atá tionscnamh a bheith acu 45 00:02:20,060 --> 00:02:23,760 bunachar sonraí fáil saor in aisce ar fad cineál faisnéise geografach, 46 00:02:23,760 --> 00:02:27,040 ní hamháin do na Stáit Aontaithe, ach freisin do thíortha eile chomh maith. 47 00:02:27,040 --> 00:02:30,430 Go deimhin, má théann mé go dtí an URL anseo, a luaitear i an fhadhb atá leagtha 48 00:02:30,430 --> 00:02:34,510 sonraíocht, beidh tú a fheiceáil trí liostú a bunch iomlán de chomhaid zip 49 00:02:34,510 --> 00:02:36,400 Is féidir le aon cheann de a íoslódáil ag tú. 50 00:02:36,400 --> 00:02:39,900 Go deimhin, chun an fhadhb seo a leagtar tú ag dul a íoslódáil us.zip. 51 00:02:39,900 --> 00:02:43,790 Anois istigh an comhad seo, ina n-iomláine bunch na sonraí i bhformáid téacs. 52 00:02:43,790 --> 00:02:47,760 Is é an comhaid an-chosúil le CSV-- Camóga Luachanna Scartha file-- 53 00:02:47,760 --> 00:02:51,294 ach úsáideann sé i ndáiríre Cluaisíní réimsí mharcáil. 54 00:02:51,294 --> 00:02:53,710 Anois, Idir an dá linn, má fhéachann tú anseo ag an méid atá mé béim, 55 00:02:53,710 --> 00:02:56,459 réimsí sa chomhad seo ag dul a bheith rudaí cosúil le cóid tír, 56 00:02:56,459 --> 00:02:58,980 cóid poist, logainmneacha, agus ansin, i bhfoirm éigin 57 00:02:58,980 --> 00:03:04,230 nó eile, stáit agus contaetha, pobail, agus níos mó. 58 00:03:04,230 --> 00:03:06,630 Go deimhin, tá mé cheana íoslódáil an comhad seo roimh ré. 59 00:03:06,630 --> 00:03:09,750 Lig dom dul ar aghaidh agus é a oscailt here-- us.text-- agus, go deimhin, beidh tú 60 00:03:09,750 --> 00:03:16,660 fheiceáil má scrollaigh mé síos go dtí an líne 16,792 Feicfidh tú a fheiceáil cúpla taifid Cambridge, 61 00:03:16,660 --> 00:03:19,120 Massachusetts agus a chuid cóid zip éagsúla. 62 00:03:19,120 --> 00:03:22,150 Cad a fheiceann tú freisin go bhfuil an contae, roinnt uimhreacha nach bhfuil mé i ndáiríre 63 00:03:22,150 --> 00:03:24,500 a thuiscint, ach freisin go léir ar an mbealach ar an gceart, 64 00:03:24,500 --> 00:03:27,170 roinnt GPS coordinates-- domhanleithead agus domhanfhad. 65 00:03:27,170 --> 00:03:30,440 Tá sé seo iontach mar cheann de na gnéithe de Google Maps API 66 00:03:30,440 --> 00:03:33,670 Is é an cumas a bhrath áit a bhfuil tú go geografach 67 00:03:33,670 --> 00:03:36,850 ó thaobh GPS comhordanáidí. 68 00:03:36,850 --> 00:03:40,210 >> Anois, a ligean ar tús a chur chun an figiúr amach conas a tús a tying na rudaí seo le chéile. 69 00:03:40,210 --> 00:03:42,900 Táimid tar éis a thabhairt duit ina n-iomláine bunch cód dáilte, 70 00:03:42,900 --> 00:03:44,970 chomh maith le bunachar sonraí MySQL. 71 00:03:44,970 --> 00:03:49,100 Go deimhin, má tá mé ag tarraingt ar phpMyAdmin bhfuil allmhairithe cheana, mar a bheidh tú go luath, 72 00:03:49,100 --> 00:03:54,800 pset8.SQL, beidh tú a fheiceáil tábla MySQL a Breathnaíonn mar seo, ar réimse ID, tír 73 00:03:54,800 --> 00:03:57,400 cód, cód poist, ainm áit agus níos mó. 74 00:03:57,400 --> 00:04:00,490 Na cineálacha gach ceann de na colúin díorthaithe mé go simplí 75 00:04:00,490 --> 00:04:03,870 ag léamh an readme.text comhad anseo go sonraithe 76 00:04:03,870 --> 00:04:07,330 cibé acu an bhfuil réimse slánuimhir, nó varchar nó a leithéidí. 77 00:04:07,330 --> 00:04:10,510 >> Mar sin, tá muid a cruthaíodh go tábla do tú, agus thug tú an orduithe SQL 78 00:04:10,510 --> 00:04:12,770 a fhorghníomhú a chruthú go tábla i do bhunachar sonraí féin, 79 00:04:12,770 --> 00:04:15,290 ach níl i ndáiríre aon sonraí ann go fóill. 80 00:04:15,290 --> 00:04:19,600 Ina ionad sin, tá tú ag dul a bheith acu chun íoslódáil us.zip nó aon tíre zip 81 00:04:19,600 --> 00:04:21,500 comhad as sin URL ann. 82 00:04:21,500 --> 00:04:24,940 Agus ansin tá tú ag dul a bheith acu a scríobh script orduithe i PHP go 83 00:04:24,940 --> 00:04:28,420 ag dul a oscailt suas an téacs comhad, iterate thar a línte, 84 00:04:28,420 --> 00:04:31,180 agus ansin do gach ceann de dhéanann na línte mhír ionsáite 85 00:04:31,180 --> 00:04:34,940 isteach go gcuireann an tábla i do bhunachar sonraí MySQL. 86 00:04:34,940 --> 00:04:37,880 Mar sin, ag deireadh an phróisis seo, beidh tú reáchtáil go script deireadh thiar 87 00:04:37,880 --> 00:04:39,610 ach aon uair amháin go teoiriciúil. 88 00:04:39,610 --> 00:04:41,780 I ndáiríre beidh tú is dócha rith sé a bunch na n-amanna 89 00:04:41,780 --> 00:04:45,460 agus ag iarraidh a shocrú bugs éagsúla. 90 00:04:45,460 --> 00:04:48,440 >> I ndeireadh na dála, tá tú ag dul a bheith acu bunachar ndáiríre mór le na mílte 91 00:04:48,440 --> 00:04:50,139 agus na mílte na rónna geografach. 92 00:04:50,139 --> 00:04:52,930 Ansin tá tú ag dul a chur go allmhairiú Script leataobh nuair a tá sé ag obair 93 00:04:52,930 --> 00:04:55,140 agus tá do bhunachar sonraí deas agus ceart, agus ansin 94 00:04:55,140 --> 00:04:58,880 tú ag dul chun bogadh ar aghaidh go dtí go hiarbhír cur chun feidhme an Mashup féin. 95 00:04:58,880 --> 00:05:01,670 Is é an Mashup dul chun breathnú rud beag mar seo. 96 00:05:01,670 --> 00:05:05,165 Ag mashup.cs50.net, táimid Tá réiteach foirne 97 00:05:05,165 --> 00:05:06,990 go Breathnaíonn rud beag mar seo. 98 00:05:06,990 --> 00:05:11,070 Go deimhin, má tá mé cliceáil ar an nuachtán icon do Cambridge, Massachusetts, 99 00:05:11,070 --> 00:05:13,300 Feicfidh tú a fheiceáil sníomh icon hachomair agus ansin 100 00:05:13,300 --> 00:05:16,370 an liosta a shórtáil, a liosta le hurchair earraí 101 00:05:16,370 --> 00:05:18,280 a bhaineann le Cambridge, Massachusetts. 102 00:05:18,280 --> 00:05:20,352 Má mé cliceáil ar Chathail, Massachusetts, 103 00:05:20,352 --> 00:05:21,685 Feicfidh mé a fheiceáil mar an gcéanna don bhaile. 104 00:05:21,685 --> 00:05:24,174 Agus Má mé cliceáil ar Watertown, Massachusetts, 105 00:05:24,174 --> 00:05:26,090 ní a d'fhéadfadh a bheith ann ar bith nuacht ón Watertown, 106 00:05:26,090 --> 00:05:28,630 ionas go mbainfidh tú a fheiceáil rud éigin cosúil le lá nuachta mall. 107 00:05:28,630 --> 00:05:32,140 >> Anois, Idir an dá linn, ar chlé barr iad roinnt rialuithe Google Maps eolas 108 00:05:32,140 --> 00:05:34,980 chun ligean duit zúmáil amach, pan suas, síos, ar chlé, agus an ceart, 109 00:05:34,980 --> 00:05:37,360 ach freisin bosca cuardaigh a chuir muid ann. 110 00:05:37,360 --> 00:05:40,910 Mar sin, má tá mé cuardach a dhéanamh, frankly, an cód zip amháin eile a fhios agam, 111 00:05:40,910 --> 00:05:45,020 90210, beidh orainn a fheiceáil i ndáiríre Beverly Hills, California. 112 00:05:45,020 --> 00:05:48,550 Nuair a chliceáil eascraíonn sé dom California agus a bunch iomlán 113 00:05:48,550 --> 00:05:50,369 de nuacht faoi Beverly Hills. 114 00:05:50,369 --> 00:05:51,910 Anois faoi deara, freisin, an méid a tharla ann. 115 00:05:51,910 --> 00:05:57,040 Má mé an cuardach seo am le haghaidh 02138 nó fiú Cambridge camóg Massachusetts nó cuid 116 00:05:57,040 --> 00:06:00,300 athraitheach de, a fhaigheann tú beag anuas autocomplete. 117 00:06:00,300 --> 00:06:03,840 Anois tá sé seo ag baint úsáide as breiseán do leabharlann a dtugtar jQuery, 118 00:06:03,840 --> 00:06:05,732 agus go dtugtar breiseán typeahead. 119 00:06:05,732 --> 00:06:07,440 Ach léigh muid tríd an doiciméadú, 120 00:06:07,440 --> 00:06:13,150 íoslódáil na .js comhad comhtháite isteach an cód dáilte ionas go mbeidh tú 121 00:06:13,150 --> 00:06:16,900 Is féidir deireadh thiar a scríobh an cód a Líonann go roghchlár anuas leis an uathoibríoch 122 00:06:16,900 --> 00:06:19,350 roghnúcháin nó na moltaí uathoibríoch. 123 00:06:19,350 --> 00:06:23,820 >> Anois an cód dáilte, áfach, go bhfuil fuair tú nach bhfuil a dhéanamh beagnach oiread. 124 00:06:23,820 --> 00:06:26,860 A gheobhaidh tú an Léarscáil Google leabaithe, agus gheobhaidh tú na rialuithe an barr ar chlé, 125 00:06:26,860 --> 00:06:28,240 agus gheobhaidh tú an bosca cuardaigh. 126 00:06:28,240 --> 00:06:32,760 Ach má cineál mé rud éigin cosúil le 02138, aon áit le fáil go fóill. 127 00:06:32,760 --> 00:06:34,730 Mar sin, tá go bhfuil ag dul a bheith ar cheann de na spriocanna anseo. 128 00:06:34,730 --> 00:06:37,430 Thairis sin, má ghlacann tú le céim ar ais agus féachaint ar an léarscáil féin, 129 00:06:37,430 --> 00:06:38,950 níl aon nuacht ar bith. 130 00:06:38,950 --> 00:06:41,780 Fiú má cliceáil agus tarraing, aon marcóirí iarbhír 131 00:06:41,780 --> 00:06:45,560 feiceáil do nuacht mar gheall ar go Tá dúshlán fágtha ar do shon chomh maith. 132 00:06:45,560 --> 00:06:48,490 >> A ligean ar ghlacadh le breathnú ansin ag an cód dáilte. 133 00:06:48,490 --> 00:06:51,460 Nuair atá tú a íoslódáil pset8.zip agus unzipped sé 134 00:06:51,460 --> 00:06:54,430 isteach i do eolaire vhost sa Fearas CS50, 135 00:06:54,430 --> 00:06:56,550 Feicfidh tú a fheiceáil na Eolairí anseo taobh istigh. 136 00:06:56,550 --> 00:07:00,200 Bin-- a sheasann go ginearálta do dénártha programs-- inrite 137 00:07:00,200 --> 00:07:04,870 Áirítear, mar atá i pset7, roinnt PHP comhaid go n-áiríonn comhaid eile, 138 00:07:04,870 --> 00:07:06,710 ansin poiblí, a bhfuil na comhaid go bhfuil gá 139 00:07:06,710 --> 00:07:09,369 a bheith inrochtana go poiblí d'úsáideoir le brabhsálaí. 140 00:07:09,369 --> 00:07:11,410 A ligean ar ghlacadh le breathnú ar an bin eolaire, agus beidh muid 141 00:07:11,410 --> 00:07:13,890 a fheiceáil go níl comhad ann ar a dtugtar cheana féin Iompórtáil. 142 00:07:13,890 --> 00:07:17,591 Má osclaíonn muid seo le gedit, beidh orainn a fheiceáil sin, ar an drochuair, nach bhfuil i bhfad 143 00:07:17,591 --> 00:07:18,090 ansin. 144 00:07:18,090 --> 00:07:20,250 Gach go bhfuil, áfach, Is shebang ag barr 145 00:07:20,250 --> 00:07:23,410 a shonraíonn a interpreter-- sa chás seo PHP-- 146 00:07:23,410 --> 00:07:25,759 ba chóir a úsáid chun iarbhír fhorghníomhú an comhad seo. 147 00:07:25,759 --> 00:07:27,550 Ach ansin nuair a deir sé Tá TODO nuair a bhíonn tú 148 00:07:27,550 --> 00:07:31,130 ag dul go mór a scríobh roinnt cód go n-éilíonn dócha go bhfuil an config 149 00:07:31,130 --> 00:07:35,820 comhad sin ar an n-áirítear eolaire mar atá déanta againn roimh le comhaid PHP. 150 00:07:35,820 --> 00:07:38,180 Agus ansin tá tú ag dul go dtí a oscailt suas ar bhealach 151 00:07:38,180 --> 00:07:41,920 us.text bhfuil tú dócha tar unzipped cheana. 152 00:07:41,920 --> 00:07:44,690 Ansin tá tú ag dul a bheith acu chun iterate thar na línte sa chomhad, 153 00:07:44,690 --> 00:07:47,800 b'fhéidir ag baint úsáide as roinnt de na feidhmeanna mholtar sa tsonraíocht. 154 00:07:47,800 --> 00:07:51,390 Ansin cuir isteach gach ceann de na línte i mbunachar sonraí MySQL 155 00:07:51,390 --> 00:07:54,940 trí úsáid a bhaint as an bhfeidhm cheist, a tá muid ar fáil arís tú with-- 156 00:07:54,940 --> 00:07:58,010 nó ar a laghad a mhalairt de i functions.php, 157 00:07:58,010 --> 00:07:59,560 a beidh orainn a fheiceáil i díreach nóiméad. 158 00:07:59,560 --> 00:08:04,430 >> Anois, a ligean ar dhúnadh allmhairiú agus dul ar ais go dtí ár n-eolaire agus an uair seo dul isteach 159 00:08:04,430 --> 00:08:05,300 Áirítear. 160 00:08:05,300 --> 00:08:09,210 Agus má dhéanann mé LS ann, beidh tú a fheiceáil trí chomhad sách cosúil Set Fadhb 7. 161 00:08:09,210 --> 00:08:13,760 Agus a ligean ar ghlacadh le breathnú tapaidh, mar shampla, ag config.php. 162 00:08:13,760 --> 00:08:16,730 I tá, línte níos lú ná riamh, agus é a 163 00:08:16,730 --> 00:08:20,712 Dealraíonn Áirítear comhad seo constants.php agus functions.php. 164 00:08:20,712 --> 00:08:23,670 Táimid ag baint úsáide as beagán difriúil teicníc an uair seo ar fud a iarbhír 165 00:08:23,670 --> 00:08:30,910 a shonrú go bhfuil na comhaid coibhneasta go dtí an chomhadlann reatha __ DIR__ 166 00:08:30,910 --> 00:08:35,280 Is ionann is cuma cén eolaire seo comhad, config.php é féin i. 167 00:08:35,280 --> 00:08:37,600 Mar sin, tá sé seo le níos mó bhealach follasach shonrú 168 00:08:37,600 --> 00:08:40,100 cad comhaid eile ba mhaith leat a éileamh. 169 00:08:40,100 --> 00:08:44,020 >> Anois, má mé gar comhad seo agus oscailt suas constants.php ina ionad sin, 170 00:08:44,020 --> 00:08:47,430 Feicfidh tú a fheiceáil comhad an-reminiscent go Fadhb Socraigh 7 chomh maith, cé 171 00:08:47,430 --> 00:08:50,050 le bunachar sonraí difriúla tá pset8. 172 00:08:50,050 --> 00:08:54,020 Ar deireadh, i functions.php, beidh orainn a fheiceáil ach feidhm amháin 173 00:08:54,020 --> 00:08:55,942 an uair seo ar a dtugtar cheist. 174 00:08:55,942 --> 00:08:59,150 Tá sé seo beagnach mar an gcéanna ach amháin againn a láimhseáil earráidí an uair seo ar fud le beagán 175 00:08:59,150 --> 00:09:02,860 éagsúil, ach tá sé go bhfuil úsáid mar atá i fhadhb an céanna a leagtar seacht. 176 00:09:02,860 --> 00:09:08,090 >> Anois, a ligean ar dul ar ais isteach inár pset8 eolaire, dul isteach an phobail, agus i ann 177 00:09:08,090 --> 00:09:14,420 má dhéanann mé LS, feicfidh tú this-- articles.php, index.html, search.php, 178 00:09:14,420 --> 00:09:16,940 agus update.php-- gach comhad. 179 00:09:16,940 --> 00:09:22,010 Agus ansin na clónna CSS, IMG, agus js eolaire sách cosúil pset7. 180 00:09:22,010 --> 00:09:24,660 >> A ligean ar ghlacadh le breathnú ar index.html, a bhfuil 181 00:09:24,660 --> 00:09:27,290 ag dul a bheith i ndáiríre ar an phointe iontrála chuig an smashup. 182 00:09:27,290 --> 00:09:31,820 Anois i index.html, beidh tú a fheiceáil ina n-iomláine bunch na n-eilimintí nasc sa cheann, 183 00:09:31,820 --> 00:09:36,540 go sonrach, maidir le bootstrap as ár gcuid féin CSS dhiaidh bunch iomlán de script 184 00:09:36,540 --> 00:09:41,520 clibeanna le haghaidh rudaí ar nós na léarscáileanna, API féin, marcóir speisialta le lipéad 185 00:09:41,520 --> 00:09:44,950 fóntais a luaite againn san Tá sonraíocht atá ar fáil duit, 186 00:09:44,950 --> 00:09:48,420 jQuery féin, bootstrap féin, agus leabharlainne eile 187 00:09:48,420 --> 00:09:50,990 ar a dtugtar fostríoc a labhairt linn faoi ar an spec. 188 00:09:50,990 --> 00:09:57,031 Underscore.js cosúil jquery.js Tá leabharlann JavaScript 189 00:09:57,031 --> 00:10:00,280 go bhfuil a bunch iomlán de feidhmiúlacht go bhfuil a lán de na daoine sa domhan mian 190 00:10:00,280 --> 00:10:02,020 ann i JavaScript féin. 191 00:10:02,020 --> 00:10:04,560 Mar sin, tá gach ceann de na i ndáiríre coitianta go leor. 192 00:10:04,560 --> 00:10:07,140 Táimid tar éis a luadh chomh maith typeahead a bhfuil an leabharlann sin 193 00:10:07,140 --> 00:10:11,180 a dhéanann sin anuas autocomplete agus ar deireadh nasc chuig ár JavaScript féin. 194 00:10:11,180 --> 00:10:13,880 >> Idir an dá linn, agus b'fhéidir buíochas le Dia, Mashup seo 195 00:10:13,880 --> 00:10:17,550 tiomáinte ag réasúnta beag HTML síos anseo ag bun an leathanaigh. 196 00:10:17,550 --> 00:10:22,330 Fógra go atá againn a shonraítear a div i ár gcomhlacht ar sreabhach ranga coimeádán. 197 00:10:22,330 --> 00:10:24,610 Seo, bootstrap in aghaidh na s doiciméadú, ach 198 00:10:24,610 --> 00:10:29,840 ciallaíonn sé go bhfuil an div ag dul a líonadh isteach ar an Radharcphort na hurrainne nó fhuinneog an bhrabhsálaí go hiomlán. 199 00:10:29,840 --> 00:10:33,020 >> Idir an dá linn, thíos go mór dúinn a div go bhfuil d'oscail agus dúnta láithreach 200 00:10:33,020 --> 00:10:34,790 leis an ID uathúil chanbhás léarscáil. 201 00:10:34,790 --> 00:10:37,400 Tá sé seo anois ó Google Léarscáileanna doiciméadú 202 00:10:37,400 --> 00:10:42,490 dá API, trína gá dom ach a Tá div folamh isteach a a instealladh, 203 00:10:42,490 --> 00:10:44,470 deireadh thiar, ar Google Maps iarbhír. 204 00:10:44,470 --> 00:10:46,310 Ach níos mó ar sin i ach beagán. 205 00:10:46,310 --> 00:10:48,850 >> Ar deireadh, níl foirm taobh istigh de anseo a 206 00:10:48,850 --> 00:10:52,930 cuireann an bhosca téacs ar bun ar chlé barr inár comhéadan do chuardach. 207 00:10:52,930 --> 00:10:54,730 Fógra go atá againn a úsáidtear le beagán de bootstrap 208 00:10:54,730 --> 00:10:57,670 anseo too-- rudaí cosúil fhoirm-inlíne agus foirm-ghrúpa. 209 00:10:57,670 --> 00:11:00,080 Táimid tar éis a tugadh an iar le haitheantas ar leith den fhoirm. 210 00:11:00,080 --> 00:11:04,510 Agus ansin, ar deireadh thiar, tá mé i ndáiríre cineál ionchur, a bhfuil eolas go leor, 211 00:11:04,510 --> 00:11:06,440 a bhfuil a ID q. 212 00:11:06,440 --> 00:11:07,230 Just choinbhinsiún. 213 00:11:07,230 --> 00:11:09,234 Q do d'fhéadfadh a bheith query-- a bheith ar a dtugtar rud ar bith. 214 00:11:09,234 --> 00:11:11,400 Agus ansin an placeholder, Idir an dá linn, tá cathair, stát, 215 00:11:11,400 --> 00:11:16,200 agus cód poist a d'fhéadfadh tú a thabhairt chun cuimhne bhfaca inár Mashup taispeána níos luaithe. 216 00:11:16,200 --> 00:11:17,980 A ligean ar a dhúnadh an comhad seo. 217 00:11:17,980 --> 00:11:24,460 >> Anois ghlacadh le breathnú ar na comhaid PHP go ag fanacht agus ansin na comhaid JavaScript. 218 00:11:24,460 --> 00:11:27,700 Is é ár gcomhaid PHP, tá muid i bhfeidhm cheana féin le haghaidh tú, 219 00:11:27,700 --> 00:11:29,960 mar shampla, nuashonruithe. 220 00:11:29,960 --> 00:11:35,060 Update.php-- ní bheidh muid a chaitheamh ollmhór méid ama ar here-- i nutshell 221 00:11:35,060 --> 00:11:38,400 tá an comhad go bhfuil ár Tá JavaScript cód dul 222 00:11:38,400 --> 00:11:41,610 dul i dteagmháil via AJAX go teicníc asynchronous go 223 00:11:41,610 --> 00:11:45,980 tógadh isteach JavaScript na laethanta go dul chun ligean dúinn a iarraidh update.php 224 00:11:45,980 --> 00:11:47,410 le haghaidh tuilleadh eolais. 225 00:11:47,410 --> 00:11:50,045 >> Go sonrach, ag am ar bith drags an t-úsáideoir an léarscáil 226 00:11:50,045 --> 00:11:53,310 nó a chomhlíonann cuardach a jumps an t-úsáideoir chuig láthair eile, 227 00:11:53,310 --> 00:11:55,250 ár cód JavaScript, mar beidh orainn a fheiceáil go luath é, 228 00:11:55,250 --> 00:11:59,610 dul chun glaoch update.php agus a iarraidh le haghaidh 10 nó mar sin marcóirí 229 00:11:59,610 --> 00:12:02,630 laistigh den Radharcphort na hurrainne bunaithe ar an GPS comhordanáidí 230 00:12:02,630 --> 00:12:06,510 an barr agus bun coirnéil den léarscáil. 231 00:12:06,510 --> 00:12:10,520 Is féidir linn a repopulate ansin an léarscáil anois go Tá an t-úsáideoir ar athraíodh a ionad an scáileán in ord 232 00:12:10,520 --> 00:12:14,210 a fheiceáil ar 10 is dócha nua marcóirí do bhailte éagsúla. 233 00:12:14,210 --> 00:12:18,340 Idir an dá linn, is é an comhad seo sa deireadh thiar ag dul a fhorghníomhú cheist SQL 234 00:12:18,340 --> 00:12:21,680 i gcoinne ár mbunachar sonraí áiteanna tábla ar a dtugtar a 235 00:12:21,680 --> 00:12:26,380 ag dul a thabhairt ar ais dóibh siúd 10 nó níos lú áiteanna. 236 00:12:26,380 --> 00:12:32,620 >> Idir an dá linn, i articles.php, tá ceann eile comhad againn scríofa ina iomláine. 237 00:12:32,620 --> 00:12:35,820 Tá sé an-chosúil spiorad a Feidhm lookup Fadhb Set 7 s, 238 00:12:35,820 --> 00:12:39,450 a chuaigh i dteagmháil Yahoo Airgeadais do shon. 239 00:12:39,450 --> 00:12:43,710 Seo comhad teagmhálacha Google News ar do shon, grabbing ar deireadh thiar 240 00:12:43,710 --> 00:12:46,050 meaisín-inléite version-- i rud éigin 241 00:12:46,050 --> 00:12:49,720 ar a dtugtar RSS format-- den nuacht do Cambridge nó Beverly Hills 242 00:12:49,720 --> 00:12:52,880 nó cibé baile atá tú cuardach a do bunaithe ar an geoparameter. 243 00:12:52,880 --> 00:12:57,250 Pharsáil go RSS, a bhfuil ach cineál teanga marcála a dtugtar XML, 244 00:12:57,250 --> 00:13:00,740 agus ansin dúinn i ndáiríre seol ar ais go dtí do bhrabhsálaí 245 00:13:00,740 --> 00:13:03,570 agus do do chód JavaScript, go sonrach, i bhformáid a dtugtar 246 00:13:03,570 --> 00:13:06,097 JSON, JavaScript Nodaireacht Réad. 247 00:13:06,097 --> 00:13:08,180 Anois, beidh tú a fheiceáil ar an specification-- pointe duit 248 00:13:08,180 --> 00:13:10,720 ar conas is féidir leat a fheiceáil i ndáiríre roinnt de na back-- teacht JSON 249 00:13:10,720 --> 00:13:15,210 go feidhmiúlacht seo sa deireadh thiar ligeann tú populate sin biachláir aníos mar sin 250 00:13:15,210 --> 00:13:16,960 go nuair a chliceálann tú ar marcóir ar an léarscáil 251 00:13:16,960 --> 00:13:19,430 fheiceann tú i ndáiríre a bunch iomlán de urchair, gach ceann acu 252 00:13:19,430 --> 00:13:21,020 naisc alt. 253 00:13:21,020 --> 00:13:25,000 >> Anois, a ligean ar ghlacadh le breathnú ar ceann deireanach Comhad PHP a, fortunately nach bhfuil, 254 00:13:25,000 --> 00:13:27,970 Tá i bhfad ag dul on-- ach TODO mór go leor. 255 00:13:27,970 --> 00:13:32,170 Ceart anois Dearbhaíonn an comhad seo sraith a dtugtar áiteanna. 256 00:13:32,170 --> 00:13:35,980 Agus ansin priontaí deireadh thiar go eagar i JSON format-- 257 00:13:35,980 --> 00:13:38,720 deas-priontáil sé ach ionas go Tá rudaí níos éasca a dífhabhtaithe. 258 00:13:38,720 --> 00:13:41,480 Ar an drochuair, sa lár tá an TODO, 259 00:13:41,480 --> 00:13:46,890 a glaonna chun tú chun cuardach a dhéanamh ar an bunachar sonraí d'áiteanna atá comhoiriúnach le geo HTTP 260 00:13:46,890 --> 00:13:47,490 paraiméadar. 261 00:13:47,490 --> 00:13:49,865 >> Agus, go deimhin, tá sé seo ag dul go dtí a bheith ar cheann de do challenges-- 262 00:13:49,865 --> 00:13:54,240 chun feidhmiúlacht seo a chur i bhfeidhm anseo ionas gur nuair tú dul i dteagmháil comhad seo le 263 00:13:54,240 --> 00:14:00,610 URL mhaith cuardaigh. php? geo rud, Beidh do chód ar ais ar deireadh thiar a JSON 264 00:14:00,610 --> 00:14:05,020 sraith de gach ceann de na háiteanna i do tábla bunachar bhfuil comhoiriúnach go ionchur. 265 00:14:05,020 --> 00:14:08,960 Mar sin, má tá na cineálacha úsáideoir i Cambridge, do chomhad anseo search.php 266 00:14:08,960 --> 00:14:12,680 Ba chóir ais ar deireadh thiar sraith JSON do gach ceann de na cluichí do Cambridge, 267 00:14:12,680 --> 00:14:16,990 d'fhéadfadh a bheith i Massachusetts ach d'fhéadfadh a bheith fiú in aon áit eile. 268 00:14:16,990 --> 00:14:21,040 >> Ar deireadh, a ligean ar ghlacadh le breathnú ar dhá comhaid atá ultimately-- statach 269 00:14:21,040 --> 00:14:23,680 do chomhad CSS agus do chomhad JavaScript. 270 00:14:23,680 --> 00:14:26,779 Má théann mé isteach inár eolaire CSS, níl a bunch iomlán de chomhaid ann, 271 00:14:26,779 --> 00:14:28,070 ach tá an chuid is mó acu leabharlanna. 272 00:14:28,070 --> 00:14:31,530 Tá mé ag dul a chur le breathnú, go sonrach, ag styles.css, 273 00:14:31,530 --> 00:14:35,440 a bhfuil ár CSS domhanda féin go ag dul go dtí seo a stylize Mashup ar fad. 274 00:14:35,440 --> 00:14:38,840 Feicfidh mé é a fhágáil chun tú a léamh tríd na tuairimí anseo, ach, i nutshell, 275 00:14:38,840 --> 00:14:43,490 is é seo an CSS a chinntíonn go bhfuil ár Mashup, de réir réamhshocraithe as an bosca, 276 00:14:43,490 --> 00:14:46,950 tá sé go díreach ar an bhealach is mian linn it-- leis an léarscáil líonadh an gcalafort dearcadh 277 00:14:46,950 --> 00:14:49,720 agus leis an gcuardach bosca suas ar chlé barr. 278 00:14:49,720 --> 00:14:52,870 Táimid tar éis tógtha chomh maith leis an saoirse stylizing sin anuas typeahead 279 00:14:52,870 --> 00:14:55,170 roghchlár beagán chomh maith. 280 00:14:55,170 --> 00:14:58,030 >> An comhad is tábhachtaí b'fhéidir le haghaidh an fhadhb seo a leagtar 281 00:14:58,030 --> 00:15:01,070 Tá sé seo ar cheann deireanach, scripts.js. 282 00:15:01,070 --> 00:15:03,800 Taobh istigh de do eolaire JS Tá comhaid fiú níos mó. 283 00:15:03,800 --> 00:15:08,090 Tá gach ceann acu comhaid leabharlainne ach amháin i gcás an gceann seo scripts.js,. 284 00:15:08,090 --> 00:15:11,460 Má osclaíonn muid suas seo, a ligean ar chur ar ár turas deiridh tríd na feidhmeanna sin 285 00:15:11,460 --> 00:15:13,820 a tógadh i gcomhad seo duit féin agus aire glaoch 286 00:15:13,820 --> 00:15:16,200 leis na Todos atá amach romhainn. 287 00:15:16,200 --> 00:15:19,110 >> Ag barr den comhad seo, Tá trí athróg domhanda. 288 00:15:19,110 --> 00:15:22,910 Ceann ar léarscáil, a bhfuil ag dul go dtí a bheith ina tagairt do ár léarscáil Google. 289 00:15:22,910 --> 00:15:25,510 Is féidir leat smaoineamh ar é saghas mar pointeoir. 290 00:15:25,510 --> 00:15:27,710 Idir an dá linn, ní mór dúinn athróg domhanda eile 291 00:15:27,710 --> 00:15:31,500 ar a dtugtar info, a bhfuil an chuma a bheith stóráil an luach ar ais glao 292 00:15:31,500 --> 00:15:34,170 go google.maps.InfoWindow nua. 293 00:15:34,170 --> 00:15:37,835 Tacaíonn JavaScript rudaí a Tá an-chosúil spiorad a teanntóga. 294 00:15:37,835 --> 00:15:40,250 Agus cad líne seo le haghaidh ár cuspóirí atá á dhéanamh 295 00:15:40,250 --> 00:15:42,820 ag cruthú eolas nua fuinneog i gcuimhne agus ansin 296 00:15:42,820 --> 00:15:46,330 choinneáil timpeall tagairt ghabhann i athróg ar a dtugtar Eolas. 297 00:15:46,330 --> 00:15:48,330 Agus i idir na, Idir an dá linn, cad is cosúil 298 00:15:48,330 --> 00:15:51,060 a bheith ina JavaScript folamh eagar ar a dtugtar marcóirí. 299 00:15:51,060 --> 00:15:55,392 Gach ceann de na deilbhíní nuachtáin, nó is féidir leat D'fhéadfadh a roghnú deilbhín eile ar fad, 300 00:15:55,392 --> 00:15:57,350 ag dul a stóráil deireadh thiar sa eagar 301 00:15:57,350 --> 00:16:01,570 ionas gur féidir linn a chur go héasca chun an léarscáil agus iad a chur as an léarscáil. 302 00:16:01,570 --> 00:16:03,990 >> Anois, a ligean scrollú síos le beagán agus whiz 303 00:16:03,990 --> 00:16:07,690 tríd an cód go bhfuil ag dul a bheith báis a luaithe is an DOM nó doiciméad 304 00:16:07,690 --> 00:16:10,480 samhail rud nó an leathanach é féin tá sé réidh. 305 00:16:10,480 --> 00:16:12,942 Thabhairt chun cuimhne go bhfuil an error Sonraíonn anseo ach 306 00:16:12,942 --> 00:16:14,900 go bhfuil an cód seo a leanas ba cheart go ndéanfadh amháin 307 00:16:14,900 --> 00:16:17,840 nuair a bheidh an bhrabhsálaí críochnaithe luchtú gach rud eile. 308 00:16:17,840 --> 00:16:19,750 >> Táimid dhearbhú ar dtús bunch iomlán de stíleanna, 309 00:16:19,750 --> 00:16:22,410 a deireadh suas stylizing an léarscáil de réir an spec. 310 00:16:22,410 --> 00:16:24,790 Táimid dhearbhú ansin bunch iomlán de roghanna, 311 00:16:24,790 --> 00:16:28,630 a shaincheapadh ar a thuilleadh ar an Google léarscáil go bhfuil muid ar tí é a leabú. 312 00:16:28,630 --> 00:16:32,090 Bainimid úsáid ansin le beagán de jQuery cód, a mhínítear i beagán níos mine 313 00:16:32,090 --> 00:16:35,000 sa spec, a grab an eilimint, léarscáil-chanbhás 314 00:16:35,000 --> 00:16:36,980 go bhfuil muid a aithníodh amhlaidh uathúil. 315 00:16:36,980 --> 00:16:40,640 Agus ansin tá an líne seo anseo cad is cosúil a thabhairt magically dúinn 316 00:16:40,640 --> 00:16:43,560 léarscáil Google taobh istigh de ár n-iarratas féin, 317 00:16:43,560 --> 00:16:47,020 stóráil tagairt a ghabhann leis sa mhéid is go léarscáil athróg ar a dtugtar. 318 00:16:47,020 --> 00:16:50,550 >> Ar deireadh, síos anseo clárú againn cad atá ar a dtugtar éisteoir. 319 00:16:50,550 --> 00:16:54,690 Smaoinigh ar bhealach back--, bhealach back-- le seachtain náid i CS50 320 00:16:54,690 --> 00:16:57,430 nuair a d'fhéachamar ar Scratch agus a tacaíocht trí siúlóid 321 00:16:57,430 --> 00:16:59,935 trí do rudaí ar a dtugtar imeachtaí agus craoltaí. 322 00:16:59,935 --> 00:17:01,810 Ní fhéadfá a bheith in úsáid é féin, ach tá sé 323 00:17:01,810 --> 00:17:03,900 meicníocht trína a bhrabhsálaí sa chás seo 324 00:17:03,900 --> 00:17:07,940 Is féidir a fháil ar ár n-aird nuair atá sé réidh a fhorghníomhú i ndáiríre roinnt cód. 325 00:17:07,940 --> 00:17:12,170 Sa chás seo, tá sé ag dul a bheith ag éisteacht leis an léarscáil chun imeacht ar a dtugtar díomhaoin. 326 00:17:12,170 --> 00:17:14,930 Ciallaíonn sé seo go bhfuil an bhrabhsálaí críochnaithe luchtú an léarscáil Google. 327 00:17:14,930 --> 00:17:18,380 Ag an bpointe seo feidhm a dtugtar Ba chóir chumrú deireadh thiar 328 00:17:18,380 --> 00:17:19,339 a fhorghníomhú. 329 00:17:19,339 --> 00:17:22,510 Feidhme sin, chumrú, beidh orainn a fheiceáil, scríofa ag dúinn. 330 00:17:22,510 --> 00:17:24,550 >> Anois tá síos anseo feidhm go bhfuil, ar an drochuair, 331 00:17:24,550 --> 00:17:25,871 ach marcóir mbreiseán TODO. 332 00:17:25,871 --> 00:17:28,620 Per an spec. bhfuil tú ag dul go dtí gá a scríobh an cód a iarbhír 333 00:17:28,620 --> 00:17:32,840 Cuireann marker-- cibé tá sé cosúil le nuachtán, nó tack ordóg, 334 00:17:32,840 --> 00:17:35,360 nó else-- rud éigin ar an léarscáil Google. 335 00:17:35,360 --> 00:17:37,720 Seo anois an fheidhm sin ar a dtugtar chumrú. 336 00:17:37,720 --> 00:17:40,390 Feicfidh mé é a fhágáil chun tú a léamh tríd an níos mine, 337 00:17:40,390 --> 00:17:42,600 ach a thuiscint go a chur againn a Éisteoirí bunch níos 338 00:17:42,600 --> 00:17:46,620 ionas gur féidir linn a fhorghníomhú cód nuair cad a tharlaíonn nuair úsáideoir ar an agus drags an léarscáil. 339 00:17:46,620 --> 00:17:50,730 Tá cód mór dúinn freisin i anseo go initializes sin Breiseán typeahead 340 00:17:50,730 --> 00:17:53,120 ionas go mbeidh an anuas Oibríonn roghchlár ndáiríre. 341 00:17:53,120 --> 00:17:55,690 >> Ach a ligean ar díriú ar ach cúpla na n-áiteanna anseo. 342 00:17:55,690 --> 00:17:57,590 Go sonrach, seo a dhéanamh anseo. 343 00:17:57,590 --> 00:18:00,410 Beidh mé a chur siar go dtí an líne doiciméadú agus an tsonraíocht 344 00:18:00,410 --> 00:18:02,530 do conas a líonadh isteach an TODO. 345 00:18:02,530 --> 00:18:05,890 Ach i nutshell, leabharlann seo typeahead is féidir leat chun pas a fháil 346 00:18:05,890 --> 00:18:09,790 i cad atá ar a dtugtar de ghnáth mar theimpléad, a bhfuil roinnt ionadchoinneálaithe athróg 347 00:18:09,790 --> 00:18:13,690 an-chosúil spiorad a printf ar%. * s. 348 00:18:13,690 --> 00:18:16,030 Ach sa chás seo, an teimpléad in aghaidh an spec 349 00:18:16,030 --> 00:18:18,760 is féidir leat a shonrú cad athróg ba mhaith leat 350 00:18:18,760 --> 00:18:24,880 a instealladh ó shonraí go bhfuil teacht ar ais ó rud éigin cosúil leis an PHP 351 00:18:24,880 --> 00:18:29,810 comhaid go atá tú ag scríobh atá astú aschur JSON. 352 00:18:29,810 --> 00:18:35,170 >> Anois realize síos anseo go bhfuil muid éisteacht le haghaidh roghnúcháin typeahead 353 00:18:35,170 --> 00:18:38,050 nuair a bheidh an t-úsáideoir a stiúrann iarbhír a chuardach agus a roghnaíonn luach. 354 00:18:38,050 --> 00:18:40,270 Seo é an chaoi go bhfuil muid i ndáiríre ag dul a bheith ag éisteacht chun 355 00:18:40,270 --> 00:18:42,250 agus a fhorghníomhú roinnt cód, mar thoradh air. 356 00:18:42,250 --> 00:18:45,300 Ansin leanaimid ar aghaidh a chumrú an Mashup ach beagán. 357 00:18:45,300 --> 00:18:48,000 Agus, ar deireadh, tugaimid seo cothrom le dáta an fheidhm. 358 00:18:48,000 --> 00:18:49,640 Nuashonrú sé an marcóirí ar an scáileán. 359 00:18:49,640 --> 00:18:51,529 Níos mó ar an i díreach nóiméad. 360 00:18:51,529 --> 00:18:53,570 Idir an dá linn, níl cúpla feidhmeanna beag i anseo. 361 00:18:53,570 --> 00:18:56,820 Ceann acu hideInfo a ach Dúnann an InfoWindow. 362 00:18:56,820 --> 00:19:00,020 Feidhm eile anseo, a bhfuil deireadh thiar Ní bheidh a bheith ró-fhada, marcóirí a bhaint. 363 00:19:00,020 --> 00:19:03,580 Sin ag dul a Cealaigh cuma cad dhéanann do fheidhm marcóir mbreiseán. 364 00:19:03,580 --> 00:19:04,960 Agus ansin síos anseo cuardaigh. 365 00:19:04,960 --> 00:19:08,610 Agus is é an ceann seo suimiúil mar gheall orainn bhfuil scríofa an cód JavaScript go 366 00:19:08,610 --> 00:19:13,490 dul chun labhairt search.php ar an freastalaí agus dul ar ais ar roinnt fhreagairt. 367 00:19:13,490 --> 00:19:16,110 >> Tá tú, ar ndóigh beidh, fós Ní mór a chur i bhfeidhm search.php, 368 00:19:16,110 --> 00:19:18,310 ach tá muid i bhfeidhm ar an JavaScript cód go 369 00:19:18,310 --> 00:19:22,480 ag dul a láimhseáil iarbhír ag feidhmiú cuardaigh ón bhosca téacs. 370 00:19:22,480 --> 00:19:25,340 Go háirithe, fógra go fheidhm seo anseo, 371 00:19:25,340 --> 00:19:29,160 cuardaigh, ní glaoch search.php ar mhodh ar a dtugtar 372 00:19:29,160 --> 00:19:31,072 fháil JSON, a chonaic muid i léacht. 373 00:19:31,072 --> 00:19:32,780 Agus an error anseo Is beagán difriúil 374 00:19:32,780 --> 00:19:37,110 as léacht sa mhéid is go bhfuil muid ag baint úsáide as jQuery mar a thugtar air comhéadan gealltanas. 375 00:19:37,110 --> 00:19:38,479 Níos mó ar sin sa spec. 376 00:19:38,479 --> 00:19:40,520 Ciallaíonn sé seo ach le haghaidh ár críocha anois go bhfuil 377 00:19:40,520 --> 00:19:43,870 Tá dhá fheidhm ar leith againn Ní mór a ghlaoch le nodaireacht ponc 378 00:19:43,870 --> 00:19:46,230 anseo díreach tar éis glaoch JSON fháil. 379 00:19:46,230 --> 00:19:47,510 Amháin ar a dtugtar déanta. 380 00:19:47,510 --> 00:19:49,870 Amháin ar a dtugtar theipeann. 381 00:19:49,870 --> 00:19:51,790 Is féidir leat smaoineamh ar na mar an láimhseálaí rath 382 00:19:51,790 --> 00:19:54,960 agus an láimhseálaí teip díreach i gcás théann rud éigin mícheart. 383 00:19:54,960 --> 00:19:57,760 >> Anois, a ligean ar breathnú ar an ceann deireanach cúpla feidhmeanna i gcomhad seo. 384 00:19:57,760 --> 00:20:00,180 Síos anseo feidhm ar a dtugtar showInfo, a 385 00:20:00,180 --> 00:20:03,090 Léiríonn info i gceann de na fuinneoga info beag a 386 00:20:03,090 --> 00:20:05,380 Vox suas nuair a cad a tharlaíonn nuair an t-úsáideoir marcóir. 387 00:20:05,380 --> 00:20:08,470 Síos anseo a thuilleadh é feidhme sin cothrom le dáta 388 00:20:08,470 --> 00:20:10,510 go mór dúinn i bhfeidhm ar do shon. 389 00:20:10,510 --> 00:20:15,250 Cinneann sé de theorainneacha an léarscáil. 390 00:20:15,250 --> 00:20:19,360 Cad iad na GPS comhordanáidí a thuaidh agus siar ó dheas coirnéil anseo. 391 00:20:19,360 --> 00:20:22,780 Táimid tar éis a ullmhú ar roinnt paraiméadair HDP anseo agus ansin rith siad ar deireadh thiar 392 00:20:22,780 --> 00:20:26,160 a update.php, a tá muid i bhfeidhm freisin ar do shon. 393 00:20:26,160 --> 00:20:31,390 Go bhfaigheann deireadh thiar ar ais roinnt JSON ó na comhaid ar a dtugtar update.php 394 00:20:31,390 --> 00:20:34,050 agus ansin baintear aon marcóirí ar an scáileán 395 00:20:34,050 --> 00:20:36,650 agus ansin iterates thar na sonraí go bhfuil teacht ar ais 396 00:20:36,650 --> 00:20:40,350 as update.php, a Is arís ach sraith JSON. 397 00:20:40,350 --> 00:20:45,130 Agus ansin cuireann sé ar deireadh thiar marcóir do gach ceann de na háiteanna, a láimhseáil teip 398 00:20:45,130 --> 00:20:47,750 nó earráidí a d'fhéadfadh tarlú go han-mhaith. 399 00:20:47,750 --> 00:20:51,550 >> Anois, ach a thabhairt duit a bhfuil blas ar conas tú D'fhéadfadh dul faoi debugging an tionscadal seo, 400 00:20:51,550 --> 00:20:55,420 a thuiscint go bhfuil mé osclaíodh i cinn seo cluaisín anseo chun an URL, 401 00:20:55,420 --> 00:21:01,320 pset8 / articles.php? geo = 02138. 402 00:21:01,320 --> 00:21:04,050 Anois, arís, altanna faoi PHP bhfeidhm againn ar do shon 403 00:21:04,050 --> 00:21:06,320 mar sin nach bhfuil sé seo an oiread sin cad beidh tú ag baint úsáide as 404 00:21:06,320 --> 00:21:08,190 go debug, ach an teicníc. 405 00:21:08,190 --> 00:21:10,590 Fógra go bhfuil mé chuardach Zip-cód Cambridge anseo, 406 00:21:10,590 --> 00:21:15,260 agus tá mé gotten ar ais, go deimhin, a JSON sraith de JSON rudaí taobh istigh a 407 00:21:15,260 --> 00:21:17,640 Tá dhá nasc keys-- agus teideal. 408 00:21:17,640 --> 00:21:19,860 >> Fheidhmiúlacht seo amhlaidh Oibríonn cheana féin le haghaidh tú. 409 00:21:19,860 --> 00:21:24,330 Ach an teicníc de láimh ag dul do URL mar seo as rud éigin cosúil le 410 00:21:24,330 --> 00:21:31,710 search.php? geo = Cambridge nó 02138 nó is cuma cad tá an t-úsáideoir clóscríofa i Ba chóir go 411 00:21:31,710 --> 00:21:35,770 chruthú luachmhar mar atá tú, tú féin, déan iarracht a dhéanamh amach go díreach an bhfuil nó cén fáth 412 00:21:35,770 --> 00:21:38,510 search.php ag obair nó nach bhfuil. 413 00:21:38,510 --> 00:21:41,720 >> I ndeireadh na dála sin, caithfidh tú a Todos cúpla amach romhat. 414 00:21:41,720 --> 00:21:44,250 Tá tú ag dul go dtí an chéad uirlisí go script allmhairiú sin 415 00:21:44,250 --> 00:21:46,520 léann i us.text i do bhunachar sonraí. 416 00:21:46,520 --> 00:21:48,760 Tá tú ag dul ansin chun mór a chur i bhfeidhm search.php 417 00:21:48,760 --> 00:21:51,320 ionas go behaves sé díreach mar atá sonraithe. 418 00:21:51,320 --> 00:21:54,170 Tá tú ag dul ansin go dtí gur mian chun díriú ar scripts.js 419 00:21:54,170 --> 00:21:57,520 agus ar deireadh thiar i bhfeidhm iad siúd cúpla Todos, 420 00:21:57,520 --> 00:21:59,950 lena n-áirítear chumrú agus go bhfuil teimpléad, 421 00:21:59,950 --> 00:22:03,220 marcóirí a chur, marcóirí a bhaint, agus ansin seo caite, ach ní a laghad, ceann amháin 422 00:22:03,220 --> 00:22:04,330 teagmháil phearsanta. 423 00:22:04,330 --> 00:22:07,477 >> Nuair a bheidh tú do chuid oibre Mashup sách cosúil linne, an sprioc ar láimh 424 00:22:07,477 --> 00:22:09,560 Is le haghaidh duit a chur ar pearsanta dteagmháil le do Mashup, 425 00:22:09,560 --> 00:22:11,290 bíodh sé aeistéitiúil nó feidhmiúil. 426 00:22:11,290 --> 00:22:13,950 Tóg an Mashup riamh mar sin beagán go dtí an chéad leibhéal eile. 427 00:22:13,950 --> 00:22:18,330 Mar sin, fad a bhrú tú féin thar do cur amach ar an spec féin 428 00:22:18,330 --> 00:22:20,840 agus roghnaigh teicníc amháin nua, fiú má tá sé ach 429 00:22:20,840 --> 00:22:25,610 rud éigin cosúil Aeistéitiúil athrú ar an leagan amach an léarscáil go bhfuil tú ag baint úsáide as, 430 00:22:25,610 --> 00:22:28,070 an raon feidhme sin againn a bheith ag súil Beidh a bheith sásta. 431 00:22:28,070 --> 00:22:30,260 Is é sin ansin Socraigh Fadhb 8 Mashup. 432 00:22:30,260 --> 00:22:33,070 Fan tiúnta le haghaidh níos mó sa sonraíocht agus is fearr de luck 433 00:22:33,070 --> 00:22:36,400 dul i ngleic leis, do go deireanach Fhadhb CS50 a leagtar riamh. 434 00:22:36,400 --> 00:22:39,750 >> [Seinm ceoil] 435 00:22:39,750 --> 00:22:43,542