1 00:00:00,000 --> 00:00:03,388 >> [Musika jotzen] 2 00:00:03,388 --> 00:00:09,196 3 00:00:09,196 --> 00:00:10,180 >> DAVID J. MALAN: Hello. 4 00:00:10,180 --> 00:00:12,600 Ikus dezagun ibilaldi baten bidez Arazoa Ezarri 8 Mashup, 5 00:00:12,600 --> 00:00:15,880 hau da, erronka joan Google Maps for elementu gainean marraztu 6 00:00:15,880 --> 00:00:20,905 Google News eta birrintzeko elementuak Elkarrekin web applet bat sartu duten horiek 7 00:00:20,905 --> 00:00:24,150 erabiltzaileak bilatu Albiste tokiko mapa bat 8 00:00:24,150 --> 00:00:26,780 herriak zehatzei, hiri, eta posta kodeak. 9 00:00:26,780 --> 00:00:31,040 Horretarako, goaz HTML batzuk integratzeko, CSS, PHP, SQL, 10 00:00:31,040 --> 00:00:34,390 Ikusteko Javascript-a, eta teknika bat oro har, AJAX bezala ezagutzen ordena 11 00:00:34,390 --> 00:00:36,850 immersive hau sortzeko erabiltzaile esperientzia. 12 00:00:36,850 --> 00:00:38,920 >> Dezagun lehen Google Maps bera da. 13 00:00:38,920 --> 00:00:41,220 Hau, jakina, agian Interfaze ezagun. 14 00:00:41,220 --> 00:00:45,070 Baina bihurtzen da Google Maps halaber API-- aplikazio bat eskaintzen du 15 00:00:45,070 --> 00:00:48,360 interfaze programazioa zein bidez Google Maps elementu hartu ahal izango duzu 16 00:00:48,360 --> 00:00:50,740 eta integratu sartu zure aplikazio izena. 17 00:00:50,740 --> 00:00:52,650 Izan ere, honetan zehar prozesua, bazoazela 18 00:00:52,650 --> 00:00:55,140 URLak pare bat aurkitzeko bereziki lagungarria dela 19 00:00:55,140 --> 00:00:57,820 dira aipatutako Arazoa Ezarri 8 zehaztapena, 20 00:00:57,820 --> 00:01:00,980 zehazki, hau Hasten Gida edo garatzailea gida 21 00:01:00,980 --> 00:01:07,640 Google Maps API 3 bertsioa baita Google Maps JavaScript API gisa 22 00:01:07,640 --> 00:01:10,260 v3 erreferentzia, hau da, bat bit gehiago urrutira irakurri 23 00:01:10,260 --> 00:01:14,600 baina, egia esan du, behe-maila guztietan zer funtzio edo metodoak buruzko xehetasunak 24 00:01:14,600 --> 00:01:18,220 eta objektuak eta propietate eta gertakari benetan API etorri, 25 00:01:18,220 --> 00:01:20,720 izpiritua oso antzekoa [INAUDIBLE] orriak. 26 00:01:20,720 --> 00:01:23,480 >> Orain begirada bat hartuko dugu Google News at, dituzu 27 00:01:23,480 --> 00:01:25,370 agian ikusi Interfaze ezagun hemen. 28 00:01:25,370 --> 00:01:29,350 Baina bihurtzen da ere bila dezakezu Google News geografia bereziei 29 00:01:29,350 --> 00:01:32,000 geo izeneko HTTP parametroa bidez. 30 00:01:32,000 --> 00:01:35,100 Izan ere, mapan handiago dut bada hemen, ikusiko duzu, 31 00:01:35,100 --> 00:01:41,672 At nago news.google.com/news/section?geo=02138. 32 00:01:41,672 --> 00:01:43,630 Eta, hain zuzen ere, I Errekurtsoaren bada out, ikusiko duzu naiz I 33 00:01:43,630 --> 00:01:47,090 sorta oso bat duen orri batetik begiratzeko Cambridge, Massachusetts buruzko ikuspegi. 34 00:01:47,090 --> 00:01:50,620 >> Bien bitartean, benetan aldatu dut bada URL ez zip hau bezalako kode bat izan nahi du, 35 00:01:50,620 --> 00:01:55,580 baina zerbait Messier apur bat Cambridge, Massachusetts + bezala, 36 00:01:55,580 --> 00:02:00,740 non gehi da bidea bat kodetu duzu Espazio URL batean izaera eta sakatu Sartu, 37 00:02:00,740 --> 00:02:02,907 ikusiko duzu dut benetan duten ia albiste bera ikusten. 38 00:02:02,907 --> 00:02:05,489 Agian pixka bat desberdina da Cambridge benetan delako 39 00:02:05,489 --> 00:02:06,910 anizkoitza posta kodeak dauka. 40 00:02:06,910 --> 00:02:09,410 Orain nola litzateke ezagutzen dut, eta, Izan ere, nola egingo dut, nolabait, 41 00:02:09,410 --> 00:02:12,940 gorbata hiri eta herrietan zip kasuan I kodigoekiko 42 00:02:12,940 --> 00:02:15,064 Nahi erabiltzaileak baimendu bai bilatuko? 43 00:02:15,064 --> 00:02:17,480 Beno, bihurtzen da, ez dagoela Web orri bat dago out izeneko 44 00:02:17,480 --> 00:02:20,060 geonames.org hau da, ekimen bat izan 45 00:02:20,060 --> 00:02:23,760 libreki eskuragarri guztien datu-base bat Informazio geografikoa era, 46 00:02:23,760 --> 00:02:27,040 ez bakarrik Estatu Batuetan, baina baita Beste herrialde baita. 47 00:02:27,040 --> 00:02:30,430 Izan ere, joan badut URL hau hemen, eta horrek ere ezar arazoa aipatzen da 48 00:02:30,430 --> 00:02:34,510 zehaztapen, bertan ikusiko duzu, hiru zip fitxategiak sorta osoa zerrenda 49 00:02:34,510 --> 00:02:36,400 zuk horietatik edozein deskargatu daiteke. 50 00:02:36,400 --> 00:02:39,900 Izan ere, arazo hau ezarri us.zip deskargatzeko ari zaren. 51 00:02:39,900 --> 00:02:43,790 Orain fitxategi horren barruan, oso bat da testu formatuan datu sorta. 52 00:02:43,790 --> 00:02:47,760 Fitxategiek oso antzekoa da CSV-- Komaz bereizitako balioak fitxategia 53 00:02:47,760 --> 00:02:51,294 baina benetan erabiltzen du tabs eremuak mugatzen da. 54 00:02:51,294 --> 00:02:53,710 Orain, bere aldetik, begiratzen baduzu hemen zer nabarmenduko dut at, 55 00:02:53,710 --> 00:02:56,459 fitxategi honetako eremuak dira joan Herrialde kode bezalako gauza izan behar du, 56 00:02:56,459 --> 00:02:58,980 posta, kode toponimia, eta, ondoren, inprimaki batzuk 57 00:02:58,980 --> 00:03:04,230 edo beste, estatu eta eskualdeak, komunitateak, eta gehiago. 58 00:03:04,230 --> 00:03:06,630 Izan ere, dagoeneko dut Fitxategi hau aldez aurretik deskargatu. 59 00:03:06,630 --> 00:03:09,750 Dezagun aurrera eta hemen zabalduko da us.text-- eta izan ere, dituzu 60 00:03:09,750 --> 00:03:16,660 ikusi Joan I behera 16.792 lerro bada ikusiko duzu bat Cambridge erregistro batzuk, 61 00:03:16,660 --> 00:03:19,120 Massachusetts eta bere hainbat posta kodeak. 62 00:03:19,120 --> 00:03:22,150 Zer ere han ikusten duzun konderrian, hau ez dut benetan zenbaki batzuk 63 00:03:22,150 --> 00:03:24,500 ulertu, baina, halaber guztiak Eskuinetik egin dute bidea, 64 00:03:24,500 --> 00:03:27,170 GPS batzuk koordenatuak latitude eta longitude. 65 00:03:27,170 --> 00:03:30,440 Hau handia da bat delako Google Maps API ezaugarriak 66 00:03:30,440 --> 00:03:33,670 gaitasuna da antzematea non zaude geografikoki 67 00:03:33,670 --> 00:03:36,850 GPS koordenadak dagokionez. 68 00:03:36,850 --> 00:03:40,210 >> Orain dezagun hasteko irudikatu nola to hasteko gauza horiek elkarrekin lotzea. 69 00:03:40,210 --> 00:03:42,900 Eman dizugu osotasunean banaketa kodea sorta, 70 00:03:42,900 --> 00:03:44,970 baita MySQL datu-base gisa. 71 00:03:44,970 --> 00:03:49,100 Izan ere, tira bada phpMyAdmin bat izatea Dagoeneko inportatutako, laster izango duzun bezala, 72 00:03:49,100 --> 00:03:54,800 pset8.SQL, MySQL taula bat ikusiko duzu honen itxura, ID bat eremuan, herrialde 73 00:03:54,800 --> 00:03:57,400 kodea, posta-kodea, leku-izen eta gehiago. 74 00:03:57,400 --> 00:04:00,490 Horiek guztiak motak zutabe besterik eratorritako I 75 00:04:00,490 --> 00:04:03,870 readme.text irakurriz artxibatzen hemen adierazitako dagoela 76 00:04:03,870 --> 00:04:07,330 eremu bat zenbaki oso bat ote den, edo varchar edo antzekoak. 77 00:04:07,330 --> 00:04:10,510 >> Beraz taula sortu dugu zuk eta SQL komandoak eman duzu 78 00:04:10,510 --> 00:04:12,770 hori sortzeko exekutatzeko Zeure datu-basean taula, 79 00:04:12,770 --> 00:04:15,290 baina ez da benetan bertan daturik oraindik. 80 00:04:15,290 --> 00:04:19,600 Izan ere, ari behar zoazen deskargatu us.zip edo edozein herrialdeko zip 81 00:04:19,600 --> 00:04:21,500 URL horretan hortik fitxategi batean. 82 00:04:21,500 --> 00:04:24,940 Eta gero ari zaren idazteko behar joan Komando-lerroan PHP script bat hori da, 83 00:04:24,940 --> 00:04:28,420 eman ireki testua joan artxibatu, batetik bestera joateko bere lerro baino gehiago, 84 00:04:28,420 --> 00:04:31,180 eta, ondoren, bakoitzaren lerro horiek txertatze egin 85 00:04:31,180 --> 00:04:34,940 mahai jartzen sartu zure MySQL datu-basean. 86 00:04:34,940 --> 00:04:37,880 Beraz, prozesu honen amaieran, dituzu dute gidoia, azken finean exekutatu 87 00:04:37,880 --> 00:04:39,610 teorian behin bakarrik. 88 00:04:39,610 --> 00:04:41,780 Errealitatea seguruenik duzu exekutatu aldiz mordo bat 89 00:04:41,780 --> 00:04:45,460 bitartean hainbat erroreak finkatzeko. 90 00:04:45,460 --> 00:04:48,440 >> Azken finean, zaren bat zoazen Milaka datu basea benetan handia 91 00:04:48,440 --> 00:04:50,139 eta ilara geografikoa hasiera. 92 00:04:50,139 --> 00:04:52,930 Orduan zu inportazio hori jarri nahi dut gidoi alde batera lan behin 93 00:04:52,930 --> 00:04:55,140 eta zure datu-base atsegina da eta zuzena, eta, ondoren, 94 00:04:55,140 --> 00:04:58,880 mugitu benetan joan zaren mashup bera gauzatzeko. 95 00:04:58,880 --> 00:05:01,670 Mashup da begiratzen joan honen antzeko zerbait apur bat. 96 00:05:01,670 --> 00:05:05,165 Mashup.cs50.net egun, dugu langileak irtenbide bat 97 00:05:05,165 --> 00:05:06,990 honen antzeko zerbait apur bat itxura. 98 00:05:06,990 --> 00:05:11,070 Izan ere, sakatu dut egunkari honetan bada Cambridge, Massachusetts ikonoa, 99 00:05:11,070 --> 00:05:13,300 spinning bat ikusiko duzu ikonoa labur baten ondoren 100 00:05:13,300 --> 00:05:16,370 agindu zerrenda, a buletdun artikuluen zerrenda 101 00:05:16,370 --> 00:05:18,280 Cambridge, Massachusetts lotuta. 102 00:05:18,280 --> 00:05:20,352 Ezkutatu I Charlestown on bada, Massachusetts, 103 00:05:20,352 --> 00:05:21,685 Herri hori bera ikusten dut. 104 00:05:21,685 --> 00:05:24,174 Eta gainean klik egin badut Watertown, Massachusetts, 105 00:05:24,174 --> 00:05:26,090 ez agian ez da inolako Watertown batetik albisteak, 106 00:05:26,090 --> 00:05:28,630 beraz, zerbait ikusiko duzu Albiste motela egun bezala. 107 00:05:28,630 --> 00:05:32,140 >> Orain, bere aldetik, goiko ezkerreko dira familiar Google Maps-kontrol batzuk 108 00:05:32,140 --> 00:05:34,980 txikiagotzeko dizu, pan gora, behera, ezkerrera eta eskuinera, 109 00:05:34,980 --> 00:05:37,360 baina baita bilaketa-kutxa bat jarri genuen. 110 00:05:37,360 --> 00:05:40,910 Beraz bilatu dut, Egia bada, Beste posta-kodea bakarrik dakit, 111 00:05:40,910 --> 00:05:45,020 90210, benetan dugu ikusi Beverly Hills, Kalifornia. 112 00:05:45,020 --> 00:05:48,550 Bertan klik zidanean eramaten da California eta sorta osoa 113 00:05:48,550 --> 00:05:50,369 Beverly Hills buruzko albistea. 114 00:05:50,369 --> 00:05:51,910 Orain konturatu ere, ez zer gertatu zen. 115 00:05:51,910 --> 00:05:57,040 Denbora bilaketa badut honen 02138 eta baita eskura Cambridge koma Massachusetts edo batzuk 116 00:05:57,040 --> 00:06:00,300 Aldaera horien, bat lortuko duzu gutxi automatikoki osatu goitibehera. 117 00:06:00,300 --> 00:06:03,840 Orain hau plugina erabiliz Liburutegi bat jQuery izeneko, 118 00:06:03,840 --> 00:06:05,732 eta plugin dela deritzo typeahead. 119 00:06:05,732 --> 00:06:07,440 Besterik gabe, irakurri bidez dugu dokumentazioa, 120 00:06:07,440 --> 00:06:13,150 transferituak .js fitxategi integratuak banaketa-kodea sartu duzu, horrela 121 00:06:13,150 --> 00:06:16,900 azken finean kodea idatzi ahal izango dela menu hori betetzen auto batera 122 00:06:16,900 --> 00:06:19,350 Aukeraketa edo auto iradokizunak. 123 00:06:19,350 --> 00:06:23,820 >> Orain banaketa kodea, nahiz eta, jaso duzu ez du ia askoz. 124 00:06:23,820 --> 00:06:26,860 Google Map txertaturiko lortuko duzu, eta kontrolak goiko ezkerreko lortuko duzu, 125 00:06:26,860 --> 00:06:28,240 eta bilaketa-kutxa lortuko duzu. 126 00:06:28,240 --> 00:06:32,760 Baina horrelako zerbait idazten I 02138, bazter gabe oraindik aurkitu. 127 00:06:32,760 --> 00:06:34,730 Beraz, hori izan da joan gure helburuak hemen. 128 00:06:34,730 --> 00:06:37,430 Gainera, urrats bat hartzen baduzu atzera eta mapa bera begiratu, 129 00:06:37,430 --> 00:06:38,950 albiste inolako da. 130 00:06:38,950 --> 00:06:41,780 I sakatu Nahiz eta arrastatu, markatzaile ez benetan 131 00:06:41,780 --> 00:06:45,560 Albiste hori delako agertzen Erronka zuretzat geratzen da, baita. 132 00:06:45,560 --> 00:06:48,490 >> Ikus dezagun begirada bat, ondoren, Banaketa kodea at. 133 00:06:48,490 --> 00:06:51,460 Dituzun kokapena Once pset8.zip eta unzipped da 134 00:06:51,460 --> 00:06:54,430 Zure vhost direktorioa sartu CS50 Appliance, 135 00:06:54,430 --> 00:06:56,550 Ikusiko duzu horiek guneak hemen barruan. 136 00:06:56,550 --> 00:07:00,200 Bin-- horrek, oro har standak programak exekutagarri bitar 137 00:07:00,200 --> 00:07:04,870 barne hartzen ditu, pset7 bezala, PHP batzuk Beste fitxategi artean, fitxategi, 138 00:07:04,870 --> 00:07:06,710 ondoren, publikoak, hau da, behar duten fitxategiak 139 00:07:06,710 --> 00:07:09,369 publikoa izatea nabigatzaile baten bidez erabiltzaile bati. 140 00:07:09,369 --> 00:07:11,410 Dezagun begirada bat bin direktorioa eta zaitugu 141 00:07:11,410 --> 00:07:13,890 ikusten ez dagoela fitxategia da dago dagoeneko Import izeneko. 142 00:07:13,890 --> 00:07:17,591 Hau ireki dugu gedit bada, ikusiko dugu hartu, tamalez, ez da gehiegi 143 00:07:17,591 --> 00:07:18,090 han. 144 00:07:18,090 --> 00:07:20,250 Guztiak hori hor dago, nahiz eta, goian shebang da 145 00:07:20,250 --> 00:07:23,410 bertan zehazten bertan kasu honetan, interpretearen PHP 146 00:07:23,410 --> 00:07:25,759 erabili behar dira benetan fitxategi hau exekutatzeko. 147 00:07:25,759 --> 00:07:27,550 Baina orduan, non esaten TODO da non zauden 148 00:07:27,550 --> 00:07:31,130 Kodea batzuk idatzi behar joan hori ziurrenik config eskatzen 149 00:07:31,130 --> 00:07:35,820 Fitxategi horren barruan sartzen dira zerbitzuaren egin dugu aurretik bezala PHP fitxategiak. 150 00:07:35,820 --> 00:07:38,180 Eta gero ari zaren joan nolabait ireki dute 151 00:07:38,180 --> 00:07:41,920 us.text eta zuk ustez Dagoeneko unzipped dute. 152 00:07:41,920 --> 00:07:44,690 Ondoren zaren behar joan fitxategi horren lerro batetik bestera joateko, 153 00:07:44,690 --> 00:07:47,800 agian funtzioetako batzuk erabiliz zehaztapen iradoki. 154 00:07:47,800 --> 00:07:51,390 Ondoren sartu horietako bakoitzean MySQL datu-basean sartu lerroak 155 00:07:51,390 --> 00:07:54,940 kontsulta funtzioa, erabiliz zein Berriro dugu zurekin with-- 156 00:07:54,940 --> 00:07:58,010 edo aldaera gutxienez bat kontratuan functions.php ere, 157 00:07:58,010 --> 00:07:59,560 bertan une bat besterik ez, ikusiko dugu. 158 00:07:59,560 --> 00:08:04,430 >> Orain dezagun itxi inportazio eta itzuli gure direktorioa eta denbora honetan sartu 159 00:08:04,430 --> 00:08:05,300 dira. 160 00:08:05,300 --> 00:08:09,210 Eta egin dut ls bada ez, ikusiko duzu Hiru fitxategi nahiko Arazoa Ezarri 7 bezala. 161 00:08:09,210 --> 00:08:13,760 Eta dezagun begirada azkar bat, adibidez, config.php at. 162 00:08:13,760 --> 00:08:16,730 Han ere, lerro gutxiago lehen baino, eta horrekin 163 00:08:16,730 --> 00:08:20,712 badirudi fitxategi hau barne hartzen constants.php eta functions.php. 164 00:08:20,712 --> 00:08:23,670 Apur bat beste bat erabiltzen ari gara Teknika honen inguruan benetan 165 00:08:23,670 --> 00:08:30,910 zehazten duten fitxategi hauek erlatiboak dira uneko direktorioa __ DIR__ 166 00:08:30,910 --> 00:08:35,280 adierazten dena delakoa direktorioa honetan fitxategia, config.php, da berez. 167 00:08:35,280 --> 00:08:37,600 Beraz, hau da gehiago bat zehaztuz modu bat esplizitua 168 00:08:37,600 --> 00:08:40,100 zer beste fitxategiak behar duzu. 169 00:08:40,100 --> 00:08:44,020 >> Orain, fitxategi hau itxiko dut eta gero ireki constants.php ordez, 170 00:08:44,020 --> 00:08:47,430 fitxategi bat ikusten oso gogorarazten duzu Arazoa Ezarri 7 en baita, nahiz 171 00:08:47,430 --> 00:08:50,050 pset8 izeneko datubase ezberdina baita. 172 00:08:50,050 --> 00:08:54,020 Azkenik, functions.php ere, eginkizun bat ikusiko dugu 173 00:08:54,020 --> 00:08:55,942 oraingoan eskaera izeneko. 174 00:08:55,942 --> 00:08:59,150 Hau da, ia ezik kudeatu dugu bera akatsak oraingoan pixka bat inguruan 175 00:08:59,150 --> 00:09:02,860 ezberdinean, baina erabilera da arazo berdina multzo zazpi. 176 00:09:02,860 --> 00:09:08,090 >> Orain goazen atzera gure pset8 sartu gida, publiko sartu, eta hor 177 00:09:08,090 --> 00:09:14,420 egin dut ls bada, ikusiko duzu this-- articles.php, index.html, search.php, 178 00:09:14,420 --> 00:09:16,940 eta fitxategi guztiak update.php--. 179 00:09:16,940 --> 00:09:22,010 Eta gero, css tipoak, img, eta js direktorioa nahiko pset7 bezala. 180 00:09:22,010 --> 00:09:24,660 >> Ikus dezagun begirada bat index.html, hau da, 181 00:09:24,660 --> 00:09:27,290 benetan izango da Istorio smashup puntu. 182 00:09:27,290 --> 00:09:31,820 Orain index.html, ikus osotasunean dituzu link buruan elementu sorta, 183 00:09:31,820 --> 00:09:36,540 Zehazki, gurea bootstrap for CSS gidoi sorta oso bat, eta jarraian 184 00:09:36,540 --> 00:09:41,520 mapak, API bezalako gauzak etiketa bera, zigiluarekin markatzaile berezi bat 185 00:09:41,520 --> 00:09:44,950 Tresna hau aipatu dugun zehaztapen zure eskura, 186 00:09:44,950 --> 00:09:48,420 jQuery bera, bootstrap bera, eta beste liburutegi bat 187 00:09:48,420 --> 00:09:50,990 azpimarra izeneko buruz hitz egiten dugu zehaztapenak ere. 188 00:09:50,990 --> 00:09:57,031 Jquery.js bezala Underscore.js JavaScript liburutegi bat da 189 00:09:57,031 --> 00:10:00,280 duten funtzionalitate osoa sorta bat du duten pertsona asko munduko nahia ere 190 00:10:00,280 --> 00:10:02,020 Ikusteko Javascript-a berez existitu. 191 00:10:02,020 --> 00:10:04,560 Beraz, horiek guztiak dira egia esan, nahiko popular. 192 00:10:04,560 --> 00:10:07,140 Era berean, aipatu typeahead Nik bertan liburutegia dela 193 00:10:07,140 --> 00:10:11,180 du automatikoki osatu goitibehera dela eta azkenik gure JavaScript propioa izateko lotura. 194 00:10:11,180 --> 00:10:13,880 >> Bien bitartean, eta, beharbada, zorionez, mashup honetan 195 00:10:13,880 --> 00:10:17,550 da nahiko gutxi bultzatuta HTML behera hemen behealdean. 196 00:10:17,550 --> 00:10:22,330 Horretan div bat zehaztu dugu Oharra gure klase-edukiontzi arina gorputza. 197 00:10:22,330 --> 00:10:24,610 Hau, per bootstrap en dokumentazioa, besterik 198 00:10:24,610 --> 00:10:29,840 esan div honetan hori betetzeko joan mahaigain edo arakatzailearen leiho guztiz. 199 00:10:29,840 --> 00:10:33,020 >> Bien bitartean, behean div dugu ireki Honez eta berehala itxi 200 00:10:33,020 --> 00:10:34,790 mapa mihise ID bakarra baita. 201 00:10:34,790 --> 00:10:37,400 Hau orain Google-ra dago Maps dokumentazioa 202 00:10:37,400 --> 00:10:42,490 bere API, Horren bidez, I behar besterik gabe, div huts bat sartu injektatu dute, 203 00:10:42,490 --> 00:10:44,470 azken batean, benetako Google Maps bat. 204 00:10:44,470 --> 00:10:46,310 Baina horretan gehiago pixka bat besterik ez. 205 00:10:46,310 --> 00:10:48,850 >> Azkenik, ez forma bat da Hemen barruan da 206 00:10:48,850 --> 00:10:52,930 lanabesak Goiko testu koadroan up ezker Gure bilatzen interfaze batean. 207 00:10:52,930 --> 00:10:54,730 Hori erabili dugu Oharra bootstrap apur bat 208 00:10:54,730 --> 00:10:57,670 Hemen bezala gauzak too-- forma-lerroko eta inprimaki-taldea. 209 00:10:57,670 --> 00:11:00,080 Lehenengoak ematen dugu formaren ID bakarra. 210 00:11:00,080 --> 00:11:04,510 Eta gero, azken finean, benetan behar dut Sarrera-mota bat, hau da, nahiko ezagunak, 211 00:11:04,510 --> 00:11:06,440 horren ID q da. 212 00:11:06,440 --> 00:11:07,230 Just hitzarmen bat. 213 00:11:07,230 --> 00:11:09,234 Izan dezake kontsulta Q izan ezer deitu. 214 00:11:09,234 --> 00:11:11,400 Eta gero biltegian, Bien bitartean, hiria, egoera da, 215 00:11:11,400 --> 00:11:16,200 eta posta-kodea eta horrek agian gogoratzen Gure mashup demo lehenago ikusten. 216 00:11:16,200 --> 00:11:17,980 Dezagun itxi fitxategi hau. 217 00:11:17,980 --> 00:11:24,460 >> Orain hartu PHP fitxategiak begirada bat zain eta gero Javascript-fitxategiak. 218 00:11:24,460 --> 00:11:27,700 Gure PHP fitxategiak ere, dugu dagoeneko ezarri zuretzat, 219 00:11:27,700 --> 00:11:29,960 Adibidez, eguneratzeak. 220 00:11:29,960 --> 00:11:35,060 Update.php-- ez dugu pasatzeko handi bat Denbora kopuru hemen on Hitz batean 221 00:11:35,060 --> 00:11:38,400 fitxategia da gure JavaScript kodea va 222 00:11:38,400 --> 00:11:41,610 AJAX bidez harremanetan jartzea Teknika hori asynchronous 223 00:11:41,610 --> 00:11:45,980 Ikusteko Javascript-a txertatutako egun hauetan update.php galdetzeko aukera izango dugu 224 00:11:45,980 --> 00:11:47,410 informazio gehiagorako. 225 00:11:47,410 --> 00:11:50,045 >> Zehazki, edonoiz erabiltzaileak mapa drags 226 00:11:50,045 --> 00:11:53,310 edo jauziak bilaketa bat egiten beste kokaleku erabiltzaileak, 227 00:11:53,310 --> 00:11:55,250 gure JavaScript kodea, ikusiko dugu laster ikusiko da, 228 00:11:55,250 --> 00:11:59,610 update.php deitu behar eta 10 edo, beraz, markatzaileak eskatu 229 00:11:59,610 --> 00:12:02,630 Leihatilaren barruan oinarritutako GPS koordenatuak on 230 00:12:02,630 --> 00:12:06,510 goian eta behean mapa horretako txoko. 231 00:12:06,510 --> 00:12:10,520 Orduan ezin dugu berreskuratzeko mapan orain dela erabiltzaileak ordenean pantailan mugitu du 232 00:12:10,520 --> 00:12:14,210 10 seguruenik berriak ikusteko herri ezberdinetan markatzaile. 233 00:12:14,210 --> 00:12:18,340 Bien bitartean, fitxategi hau da, azken finean, SQL kontsulta bat exekutatu joan 234 00:12:18,340 --> 00:12:21,680 Gure datu-basean aurka taula izeneko lekuetan bertan 235 00:12:21,680 --> 00:12:26,380 zaie itzuli egingo da 10 edo gutxiago kokapenak. 236 00:12:26,380 --> 00:12:32,620 >> Bien bitartean, articles.php, da beste fitxategi bere osotasunean dugu idatzita. 237 00:12:32,620 --> 00:12:35,820 Izpiritua oso antzekoa da Arazoa Ezarri 7 en Lookup funtzioa, 238 00:12:35,820 --> 00:12:39,450 bertan Yahoo Ogasun kontaktatu zuretzat. 239 00:12:39,450 --> 00:12:43,710 Fitxategi honek kontaktuak Google News zuretzat, azken finean grabbing 240 00:12:43,710 --> 00:12:46,050 -makina irakurgarri bat version-- zerbait 241 00:12:46,050 --> 00:12:49,720 RSS formatu albiste izeneko Cambridge edo Beverly Hills 242 00:12:49,720 --> 00:12:52,880 edo dena delakoa herri duzu bilatuko Nik oinarritutako geoparameter horretan da. 243 00:12:52,880 --> 00:12:57,250 RSS hori, hau da, besterik gabe, bat analizatu dugu XML izeneko markaketa hizkuntza mota, 244 00:12:57,250 --> 00:13:00,740 eta, gero, benetan dugu itzultzeko arakatzailera 245 00:13:00,740 --> 00:13:03,570 eta zure JavaScript kodea, Zehazki, formatu batean izeneko 246 00:13:03,570 --> 00:13:06,097 JSON, JavaScript. 247 00:13:06,097 --> 00:13:08,180 Orain ikusiko dituzu specification-- seinalatu dugu 248 00:13:08,180 --> 00:13:10,720 nola egin dezaket benetan ikusi duzu du JSON datozen back-- batzuk 249 00:13:10,720 --> 00:13:15,210 izan ezaugarri hau, azken finean, aukera ematen dizu laster-menu horiek populatu duzu beraz 250 00:13:15,210 --> 00:13:16,960 Saguaren dagoela mapan markatzailea batean 251 00:13:16,960 --> 00:13:19,430 duzu benetan sorta oso bat bala, eta horietako bakoitzak 252 00:13:19,430 --> 00:13:21,020 Artikulu bat loturak. 253 00:13:21,020 --> 00:13:25,000 >> Orain dezagun begirada bat bat azken batean PHP fitxategia da, zorionez, ez du 254 00:13:25,000 --> 00:13:27,970 dute askoz nik joan TODO nahiko handi bat besterik ez. 255 00:13:27,970 --> 00:13:32,170 Oraintxe fitxategi hau deklaratzen lekuak izeneko array bat. 256 00:13:32,170 --> 00:13:35,980 Eta gero, azken finean, grabatuak JSON formatu array dagoela 257 00:13:35,980 --> 00:13:38,720 Nahiko Inprimagaitzak hori bakarrik Gauza debug errazagoa. 258 00:13:38,720 --> 00:13:41,480 Zoritxarrez, in the Erdialdetik ez TODO hau da, 259 00:13:41,480 --> 00:13:46,890 zein deitzen dio bilatu duzu datozen tokien datu-base baten geo HTTP 260 00:13:46,890 --> 00:13:47,490 parametroa. 261 00:13:47,490 --> 00:13:49,865 >> Eta, hain zuzen ere, hau da, joan izan zure challenges-- bat 262 00:13:49,865 --> 00:13:54,240 Hemen funtzionalitate hau ezartzeko beraz, orduan fitxategi honekin zurekin harremanetan 263 00:13:54,240 --> 00:14:00,610 bilaketa bezalako URL bat. php? geo = zerbait, Zure kodea, azken finean itzuliko da JSON bat 264 00:14:00,610 --> 00:14:05,020 lekuak guztiak array zure datu-baseko taula sarrera dator hori. 265 00:14:05,020 --> 00:14:08,960 Beraz, erabiltzaileak Cambridge mota bada, zure fitxategia hemen search.php 266 00:14:08,960 --> 00:14:12,680 azken batean itzuli behar JSON array bat Cambridge Partiduak guztietarako, 267 00:14:12,680 --> 00:14:16,990 horrek agian Massachusetts egon baina, nahiz eta beste edonon ere egon zitekeen. 268 00:14:16,990 --> 00:14:21,040 >> Azkenik, dezagun begirada bat bi at duten ultimately-- estatikoak dira fitxategiak 269 00:14:21,040 --> 00:14:23,680 Zure CSS fitxategia eta zure Javascript fitxategia. 270 00:14:23,680 --> 00:14:26,779 Joaten naiz gure CSS direktorioa sartu bada, han fitxategiak sorta oso bat dago, 271 00:14:26,779 --> 00:14:28,070 baina gehienak liburutegietan daude. 272 00:14:28,070 --> 00:14:31,530 Begirada bat hartu behar dut, Zehazki, styles.css at, 273 00:14:31,530 --> 00:14:35,440 horrek gure CSS global propioak hori da mashup honetan guztian estilizatzeko joan. 274 00:14:35,440 --> 00:14:38,840 Utziko dut arte irakurri iruzkinak Hemen, baina, hitz batean, 275 00:14:38,840 --> 00:14:43,490 hau dela bermatzen duen CSS da gure mashup, lehenetsita out koadroan, 276 00:14:43,490 --> 00:14:46,950 zehazki modu hobeto esanda nahi dugun itxura ikuspegi portuan betez maparekin 277 00:14:46,950 --> 00:14:49,720 eta bilaketa kutxa ireki goiko ezkerreko. 278 00:14:49,720 --> 00:14:52,870 Nik ere libertatea hartu dugu typeahead goitibehera duten stylizing 279 00:14:52,870 --> 00:14:55,170 menu pixka bat, baita. 280 00:14:55,170 --> 00:14:58,030 >> Fitxategia garrantzitsuenak arazo multzo hau agian 281 00:14:58,030 --> 00:15:01,070 azken hau, scripts.js da. 282 00:15:01,070 --> 00:15:03,800 Zure JS direktorioa Inside fitxategiak are gehiago da. 283 00:15:03,800 --> 00:15:08,090 Denak dira, liburutegia fitxategiak batek ezik, scripts.js. 284 00:15:08,090 --> 00:15:11,460 Honek Ireki dugu bada, dezagun gure final tour funtzioen bidez 285 00:15:11,460 --> 00:15:13,820 fitxategi horretan barneratzen eta deia arretagatik 286 00:15:13,820 --> 00:15:16,200 gezurra aurretik TODOentzat izateko. 287 00:15:16,200 --> 00:15:19,110 >> Fitxategi honen goialdean, Hiru aldagai globalak dira. 288 00:15:19,110 --> 00:15:22,910 Mapa batean, hau da, joan One gure Google mapa bat izan erreferentzia. 289 00:15:22,910 --> 00:15:25,510 Dezakezu uste dezake moduko erakusle gisa. 290 00:15:25,510 --> 00:15:27,710 Bien bitartean, ez dugu beste aldagai global 291 00:15:27,710 --> 00:15:31,500 info deitzen da, eta badirudi izan bueltan dei baten balioa gordetzeko 292 00:15:31,500 --> 00:15:34,170 google.maps.InfoWindow berrira. 293 00:15:34,170 --> 00:15:37,835 JavaScript objektuak onartzen duen izpiritua oso antzekoa Struts dira. 294 00:15:37,835 --> 00:15:40,250 Eta zer lerro honetan Gure helburuetarako egiten ari da 295 00:15:40,250 --> 00:15:42,820 info berri bat sortzen ari da memoria eta ondoren dagoen leihoa 296 00:15:42,820 --> 00:15:46,330 erreferentziatzat inguruan mantenduz Info izeneko aldagai batean agertutako. 297 00:15:46,330 --> 00:15:48,330 Eta dutenen artean, bere aldetik, zer agertzen 298 00:15:48,330 --> 00:15:51,060 Ikusteko Javascript-a huts bat izan nahi du markatzaile izeneko array. 299 00:15:51,060 --> 00:15:55,392 Egunkari ikonoak horiek guztiak, edo zuk ikonoa guztiz beste aukeratu dezake, 300 00:15:55,392 --> 00:15:57,350 gordetzen dira joan array honetan, azken finean, 301 00:15:57,350 --> 00:16:01,570 beraz, ezin dugu oso erraz gehitzeko Mapan eta ezabatu mapan egin. 302 00:16:01,570 --> 00:16:03,990 >> Orain dezagun behera joan pixka bat eta whiz 303 00:16:03,990 --> 00:16:07,690 kodea duten izan da joan bidez bezain laster exekutatuko DOM edo dokumentu gisa 304 00:16:07,690 --> 00:16:10,480 objektu-eredua edo orria bera prest dago. 305 00:16:10,480 --> 00:16:12,942 Gogoratu sintaxia hori Hemen, besterik gabe, zehazten 306 00:16:12,942 --> 00:16:14,900 Ondorengo kodea duten exekutatu bakarrik behar da 307 00:16:14,900 --> 00:16:17,840 nabigatzailea amaitzean beste guztia kargatzen. 308 00:16:17,840 --> 00:16:19,750 >> Lehenengo deklaratzen dugu bat estilo sorta osoa, 309 00:16:19,750 --> 00:16:22,410 amaituko stylizing up bertan Mapan zehaztapenak per. 310 00:16:22,410 --> 00:16:24,790 Ondoren, deklaratzen dugu bat Aukera sorta osoa, 311 00:16:24,790 --> 00:16:28,630 bertan Google gehiago pertsonalizatzeko mapa horretan txertatzeko buruz ari gara. 312 00:16:28,630 --> 00:16:32,090 Ondoren jQuery kodea pixka bat erabiltzen dugu, zein da bat zehatz-bit gehiago azaldu 313 00:16:32,090 --> 00:16:35,000 zehaztapenak ere, grab duten elementu, mapa-mihise 314 00:16:35,000 --> 00:16:36,980 eta, beraz, bakarrean identifikatu dugu. 315 00:16:36,980 --> 00:16:40,640 Eta gero, lerro hau hemen dago zer badirudi magikoki ematen diguten 316 00:16:40,640 --> 00:16:43,560 Google mapa baten barruan Gure aplikazio propioa, 317 00:16:43,560 --> 00:16:47,020 bertan agertutako erreferentzia bat gordetzeko mapa aldagai izeneko. 318 00:16:47,020 --> 00:16:50,550 >> Azkenik, behera hemen erregistratzeko dugu zer ari entzule izeneko. 319 00:16:50,550 --> 00:16:54,690 Think back-- horrela, bide Aste zero back-- CS50 320 00:16:54,690 --> 00:16:57,430 begiratu Scratch dugu eta bere laguntza ibilaldi baten bidez 321 00:16:57,430 --> 00:16:59,935 izeneko gauza bitartez gertakari eta emankizunak. 322 00:16:59,935 --> 00:17:01,810 Baliteke erabili dute it yourself, baina da 323 00:17:01,810 --> 00:17:03,900 mekanismo horren bidez bat kasu honetan nabigatzailea 324 00:17:03,900 --> 00:17:07,940 gure arreta lortu ahal duenean da Prest kodea batzuk benetan exekutatu. 325 00:17:07,940 --> 00:17:12,170 Kasu honetan, entzun da joan idle izeneko ekitaldi bat maparen. 326 00:17:12,170 --> 00:17:14,930 Horrek esan nahi du nabigatzaileak du Google mapa kargatu amaitu. 327 00:17:14,930 --> 00:17:18,380 Honekin izeneko funtzio bat configure azken finean, behar 328 00:17:18,380 --> 00:17:19,339 exekutatu behar. 329 00:17:19,339 --> 00:17:22,510 Funtzio hori, konfiguratzeko, ikusi dugu, da gurekin idatzia. 330 00:17:22,510 --> 00:17:24,550 >> Orain hemen behera funtzioa da hartu, tamalez, 331 00:17:24,550 --> 00:17:25,871 besterik TODO add markatzaile bat da. 332 00:17:25,871 --> 00:17:28,620 Zehaztapenak Per. behar zaren joan kodea benetan idazten 333 00:17:28,620 --> 00:17:32,840 itxura ala marker-- bat gehitzen egunkari bat, edo thumb Tack bat bezala, 334 00:17:32,840 --> 00:17:35,360 edo zerbait Google maparen Bestela. 335 00:17:35,360 --> 00:17:37,720 Hemen orain funtzioa dela configure izeneko. 336 00:17:37,720 --> 00:17:40,390 Utziko dut nahi duzu irakurri sakonki bidez, 337 00:17:40,390 --> 00:17:42,600 baina konturatzen gara gehitzen duten a Entzuleak sorta gehiago 338 00:17:42,600 --> 00:17:46,620 eta, beraz, exekutatu ahal izango dugu kode denean Erabiltzaile clicks eta mapa drags. 339 00:17:46,620 --> 00:17:50,730 Ere badugu kodea hemen horretan typeahead plugina initializes 340 00:17:50,730 --> 00:17:53,120 eta, beraz, zabaltzen den menu benetan funtzionatzen. 341 00:17:53,120 --> 00:17:55,690 >> Baina dezagun just a arreta leku pare diren. 342 00:17:55,690 --> 00:17:57,590 Hain zuzen ere, hori da hemen egin behar. 343 00:17:57,590 --> 00:18:00,410 Online dut atzeratu dokumentazioa eta zehaztapena 344 00:18:00,410 --> 00:18:02,530 for nola TODO hau bete. 345 00:18:02,530 --> 00:18:05,890 Baina hitz batean, liburutegi honetan typeahead pasatzeko aukera ematen dizu 346 00:18:05,890 --> 00:18:09,790 oro har, txantiloi bat bezala ezagutzen, zein leku-markak aldagai batzuk ditu 347 00:18:09,790 --> 00:18:13,690 oso antzekoak printf en% espirituz. * s. 348 00:18:13,690 --> 00:18:16,030 Baina kasu honetan, Zehaztutako bakoitzeko plantilla 349 00:18:16,030 --> 00:18:18,760 funtzioak zehaztu behar duzu zer aldagai nahi duzun 350 00:18:18,760 --> 00:18:24,880 ra hori etortzen datuetatik injektatu PHP antzeko zerbait atzera 351 00:18:24,880 --> 00:18:29,810 idatzi duzula fitxategiak direla JSON irteera igorle. 352 00:18:29,810 --> 00:18:35,170 >> Orain hemen behera konturatzen garela typeahead Aukeraketa entzuten 353 00:18:35,170 --> 00:18:38,050 denean erabiltzaileak benetan zuzentzen bat bilatu eta balio bat aukeratzen. 354 00:18:38,050 --> 00:18:40,270 Hau da, nola benetan gara horretarako entzuteko joan 355 00:18:40,270 --> 00:18:42,250 eta kode batzuk exekutatu ondorioz. 356 00:18:42,250 --> 00:18:45,300 Ondoren, konfiguratzeko jarraituko dugu mashup pixka bat besterik ez. 357 00:18:45,300 --> 00:18:48,000 Eta, azken batean, deitzen dugu Funtzio eguneratze hau. 358 00:18:48,000 --> 00:18:49,640 Pantailan markatzaileak eguneratzen da. 359 00:18:49,640 --> 00:18:51,529 Horretan gehiago une bat besterik ez. 360 00:18:51,529 --> 00:18:53,570 Bien bitartean, ez da gutxi batzuk hemen funtzio txikiak. 361 00:18:53,570 --> 00:18:56,820 Horietako bat hideInfo da bertan Besterik gabe Mapak Infowindow ixten du. 362 00:18:56,820 --> 00:19:00,020 Funtzio Another hemen, eta horrek, azken finean, ez du luzeegia izan, markatzaileak kendu. 363 00:19:00,020 --> 00:19:03,580 Hori desegiteko joan dena delakoa Zure gehigarri markatzaile funtzioa egiten du. 364 00:19:03,580 --> 00:19:04,960 Eta gero behera hemen bilaketa da. 365 00:19:04,960 --> 00:19:08,610 Eta hau da, interesgarria dugulako JavaScript kodea da hori idatzi dute 366 00:19:08,610 --> 00:19:13,490 to search.php hitz gertatzen zerbitzari eta itzultzeko erantzun batzuk. 367 00:19:13,490 --> 00:19:16,110 >> Duzu, noski, oraindik ere izango search.php ezartzeko behar, 368 00:19:16,110 --> 00:19:18,310 baina inplementatu dugu egin JavaScript kodea da 369 00:19:18,310 --> 00:19:22,480 lantzean benetan kudeatzeko joan testu-koadro horretan bilatzen ditu. 370 00:19:22,480 --> 00:19:25,340 Bereziki, aldez In Funtzio hau hemen, 371 00:19:25,340 --> 00:19:29,160 bilaketa, deitu du search.php izeneko metodo bat 372 00:19:29,160 --> 00:19:31,072 lortu JSON, ikusi hitzaldia izango dugu. 373 00:19:31,072 --> 00:19:32,780 Eta sintaxia hemen apur bat desberdina da 374 00:19:32,780 --> 00:19:37,110 horretan hitzaldia erabiltzen ari gara jQuery deiturikoak promesa interfazea. 375 00:19:37,110 --> 00:19:38,479 Zehaztutako Horretan gehiago. 376 00:19:38,479 --> 00:19:40,520 Hau, besterik gabe, gure bitartekoak helburuetarako orain ez dagoela 377 00:19:40,520 --> 00:19:43,870 Bi dira, funtzio bereziak dugu Nahi dot idazkera batera deitu behar 378 00:19:43,870 --> 00:19:46,230 Hemen berehala deituz lor JSON ondoren. 379 00:19:46,230 --> 00:19:47,510 One egiten da izeneko. 380 00:19:47,510 --> 00:19:49,870 One deritzo huts egin. 381 00:19:49,870 --> 00:19:51,790 You horiek pentsa dezakezu Arrakasta handler gisa 382 00:19:51,790 --> 00:19:54,960 eta porrot handler besterik kasu horretan zerbait oker. 383 00:19:54,960 --> 00:19:57,760 >> Orain dezagun azken at fitxategi honetako funtzio pare. 384 00:19:57,760 --> 00:20:00,180 Hemen Down funtzioa da showInfo deitzen diren 385 00:20:00,180 --> 00:20:03,090 horietako batean info erakusten gutxi info leihoak 386 00:20:03,090 --> 00:20:05,380 azalduko da erabiltzaileak markatzaile bat sakatzen. 387 00:20:05,380 --> 00:20:08,470 Down hemen gehiago da eguneratzea, funtzio hori 388 00:20:08,470 --> 00:20:10,510 dugun zuretzat ezarri da. 389 00:20:10,510 --> 00:20:15,250 Mapan mugetatik zehazten du. 390 00:20:15,250 --> 00:20:19,360 Zer dira GPS koordenatuak bere ipar-ekialdean eta hego-mendebaldean txoko hemen. 391 00:20:19,360 --> 00:20:22,780 Batzuk HDP parametroak prestatu dugu hemen eta gero horiek gainditu, azken finean, 392 00:20:22,780 --> 00:20:26,160 , update.php zein dugu ere zuretzat ezarri da. 393 00:20:26,160 --> 00:20:31,390 Hori da, azken finean lortzen back JSON batzuk fitxategia izeneko update.php 394 00:20:31,390 --> 00:20:34,050 eta gero kentzen edozein pantailan markatzaileak 395 00:20:34,050 --> 00:20:36,650 eta ondoren iterates gorako hori itzuli datuen 396 00:20:36,650 --> 00:20:40,350 update.php, eta horrek Berriro besterik JSON array bat da. 397 00:20:40,350 --> 00:20:45,130 Eta gero, azken finean, markatzailea gehitzen da , manipulazioa porrota lekuetan bakoitzeko 398 00:20:45,130 --> 00:20:47,750 edo akatsak bertan agian oso ondo gertatuko. 399 00:20:47,750 --> 00:20:51,550 >> Orain besterik ez duzu nola zuk zaporea emateko liteke proiektu hau arazketa buruz joan, 400 00:20:51,550 --> 00:20:55,420 konturatzen ditudan inauguratua aurrera hemen fitxa hau URL honetara, 401 00:20:55,420 --> 00:21:01,320 pset8 / articles.php? geo = 02138. 402 00:21:01,320 --> 00:21:04,050 Orain, berriz ere, buruzko artikuluak PHP inplementatu dugu zuretzat 403 00:21:04,050 --> 00:21:06,320 beraz, hau ez da hainbeste zer erabili beharko duzu 404 00:21:06,320 --> 00:21:08,190 debug, baizik eta teknika kontuan. 405 00:21:08,190 --> 00:21:10,590 Horretarako Nik bilatuko Oharra Cambridge-kodea hemen, 406 00:21:10,590 --> 00:21:15,260 eta atzera Ahaztuak dut, hain zuzen ere, JSON bat JSON array barruan eta horietako objektuak 407 00:21:15,260 --> 00:21:17,640 bi lotura keys-- eta titulua dira. 408 00:21:17,640 --> 00:21:19,860 >> Funtzionalitate honi Beraz lan egiten du dagoeneko. 409 00:21:19,860 --> 00:21:24,330 Baina eskuz teknika hau joan hau zerbait bezala URL bat bezala 410 00:21:24,330 --> 00:21:31,710 search.php? geo = cambridge edo 02138 edo edozein erabiltzaileari idatzitako ere behar 411 00:21:31,710 --> 00:21:35,770 frogatzeko eskerga duzu, zeure burua, saiatu gisa irudikatu zehazki ala zergatik 412 00:21:35,770 --> 00:21:38,510 search.php da lanean, edo ez. 413 00:21:38,510 --> 00:21:41,720 >> Azken finean, gero, behar duzu gutxi todos duzun aurretik. 414 00:21:41,720 --> 00:21:44,250 Lehenengo lanabesak ari zara Inportazio script hori 415 00:21:44,250 --> 00:21:46,520 us.text irakurtzen zure datu-base batean. 416 00:21:46,520 --> 00:21:48,760 Ondoren ari zara behar joan search.php ezartzeko 417 00:21:48,760 --> 00:21:51,320 zehazki portatzen dela zehaztu, beraz. 418 00:21:51,320 --> 00:21:54,170 Ondoren ari zara nahi joan to scripts.js ardatz 419 00:21:54,170 --> 00:21:57,520 eta, azken finean, inplementatzen TODOentzat pare horiek, 420 00:21:57,520 --> 00:21:59,950 configure barne eta plantilla duten, 421 00:21:59,950 --> 00:22:03,220 markatzaileak gehitzeko, markatzaileak ezabatu eta ondoren iraungo du, baina ez, gutxienez, bat 422 00:22:03,220 --> 00:22:04,330 ukitu pertsonala. 423 00:22:04,330 --> 00:22:07,477 >> Behin zure mashup lan egin behar duzu nahiko gurea bezalako, esku helburua 424 00:22:07,477 --> 00:22:09,560 dagoen pertsonala gehitzeko zuretzat Zure mashup ukitu, 425 00:22:09,560 --> 00:22:11,290 estetiko edo funtzionalak ote den. 426 00:22:11,290 --> 00:22:13,950 Hartu mashup inoiz hain Hurrengo maila apur bat. 427 00:22:13,950 --> 00:22:18,330 Beraz, luze haratago zeuk bultza gisa zure ezagutza spec bera 428 00:22:18,330 --> 00:22:20,840 eta jasotzea teknika bat berria, nahiz eta, besterik gabe, 429 00:22:20,840 --> 00:22:25,610 Zerbait aldatuz atsegin estetikoa Idazteko erabiltzen ari zaren maparen diseinua, 430 00:22:25,610 --> 00:22:28,070 esparrua espero dugun pozik izango da. 431 00:22:28,070 --> 00:22:30,260 Hori gero Arazoa Ezarri 8 Mashup da. 432 00:22:30,260 --> 00:22:33,070 Stay ere gehiago sintonizatuta zehaztapen eta zorterik onena 433 00:22:33,070 --> 00:22:36,400 honi aurre, zure azken Inoiz CS50 arazo multzo. 434 00:22:36,400 --> 00:22:39,750 >> [Musika jotzen] 435 00:22:39,750 --> 00:22:43,542