1 00:00:00,000 --> 00:00:03,388 >> [இசை] 2 00:00:03,388 --> 00:00:09,196 3 00:00:09,196 --> 00:00:10,180 >> டேவிட் ஜே MALAN: வணக்கம். 4 00:00:10,180 --> 00:00:12,600 மூலம் ஒரு நடைக்கு எடுத்து விடுங்கள் பிரச்சனை அமை 8 மேஷ, 5 00:00:12,600 --> 00:00:15,880 இது நீங்கள் சவால் போகிறது Google Maps ஐ உறுப்புகள் மீது வரைய 6 00:00:15,880 --> 00:00:20,905 Google செய்திகள் மற்றும் மேஷ் கூறுகளை ஒன்றாக ஒரு வலை ஆப்லெட் அவற்றை என்று 7 00:00:20,905 --> 00:00:24,150 ஒரு பயனர் தேட உள்ளூர் செய்தி ஒரு வரைபடத்தை 8 00:00:24,150 --> 00:00:26,780 குறிப்பிட்ட நகரங்களுக்கு இடம், நகரங்களில், மற்றும் அஞ்சல் குறியீடு. 9 00:00:26,780 --> 00:00:31,040 இதை செய்ய, நாம் என்ன செய்ய போகிறோம் சில HTML ஒருங்கிணைக்க, CSS, PHP, SQL, 10 00:00:31,040 --> 00:00:34,390 ஜாவா, மற்றும் ஒரு நுட்பம் பொதுவாக பொருட்டு அஜாக்ஸ் என அழைக்கப்படும் 11 00:00:34,390 --> 00:00:36,850 இந்த அதிவேக உருவாக்க பயனர் அனுபவம். 12 00:00:36,850 --> 00:00:38,920 >> முதல் கூகுள் மேப்ஸ் தன்னை பார்ப்போம். 13 00:00:38,920 --> 00:00:41,220 இந்த, நிச்சயமாக, ஒருவேளை ஆகிறது ஒரு பழக்கமான முகப்பை. 14 00:00:41,220 --> 00:00:45,070 ஆனால் அது மாறிவிடும் கூகுள் மேப்ஸ் ஒரு API-- பயன்பாடு வழங்குகிறது 15 00:00:45,070 --> 00:00:48,360 வழங்குவதன் முகப்பு நிரலாக்க வழியாக நீங்கள் Google Maps கூறுகளை எடுக்க முடியும் 16 00:00:48,360 --> 00:00:50,740 மற்றும் அவற்றை ஒருங்கிணைக்கும் உங்கள் சொந்த பயன்பாடுகளை. 17 00:00:50,740 --> 00:00:52,650 உண்மையில், முழுவதும் இந்த செயல்பாடு, நீங்கள் போகிறோம் 18 00:00:52,650 --> 00:00:55,140 URL கள் ஒரு ஜோடி கண்டுபிடிக்க என்று குறிப்பாக பயனுள்ளதாக 19 00:00:55,140 --> 00:00:57,820 குறிப்பிடப்பட்டுள்ளன சிக்கல் அமை 8 விவரக்குறிப்பு, 20 00:00:57,820 --> 00:01:00,980 குறிப்பாக இந்த தொடங்குதல் வழிகாட்டி அல்லது டெவலப்பர் கையேடு 21 00:01:00,980 --> 00:01:07,640 Google Maps API பதிப்பு 3 அதே கூகுள் மேப்ஸ் ஜாவாஸ்கிரிப்ட் API போன்ற 22 00:01:07,640 --> 00:01:10,260 ஒரு இது 3 குறிப்பு, வாசிக்க பிட் இன்னும் விளங்காத 23 00:01:10,260 --> 00:01:14,600 ஆனால் உண்மையில் குறைந்த அளவில் அனைத்து உள்ளது என்ன செயல்பாடுகளை அல்லது முறைகள், பற்றி விவரங்கள் 24 00:01:14,600 --> 00:01:18,220 மற்றும் பொருட்களை மற்றும் பண்புகள் மற்றும் நிகழ்வுகள் உண்மையில் ஏபிஐ வர, 25 00:01:18,220 --> 00:01:20,720 ஆவி மிகவும் ஒத்த [செவிக்கு புலப்படாமல்] பக்கங்களுக்கு. 26 00:01:20,720 --> 00:01:23,480 >> இப்போது நாம் பாருங்கள் என்றால் Google செய்திகள் மணிக்கு, உங்களுக்கு 27 00:01:23,480 --> 00:01:25,370 ஒருவேளை இங்கே ஒரு பழக்கமான இடைமுகம் பார்க்க. 28 00:01:25,370 --> 00:01:29,350 ஆனால் அதை நீங்கள் தேட முடியும் மாறிவிடும் குறிப்பிட்ட ஒரு உதாரணமே க்கான Google செய்திகள் 29 00:01:29,350 --> 00:01:32,000 பூகோள என்று ஒரு HTTP அளவுரு வழியாக. 30 00:01:32,000 --> 00:01:35,100 உண்மையில், நான் பெரிதாக்க என்றால் இங்கே, நீங்கள் பார்க்க வேண்டும் என்று 31 00:01:35,100 --> 00:01:41,672 நான் இருக்கிறேன் news.google.com/news/section?geo=02138. 32 00:01:41,672 --> 00:01:43,630 மேலும், உண்மையில், நான் பெரிதாக்க என்றால் அவுட், நான் இருக்கிறேன் என்று பார்க்க வேண்டும் 33 00:01:43,630 --> 00:01:47,090 ஒரு மொத்தமாக ஒரு பக்கம் பார்த்து கேம்பிரிஜ், மாசசூசெட்ஸ் பற்றி காட்சிகள். 34 00:01:47,090 --> 00:01:50,620 >> இதற்கிடையில், நான் உண்மையில் மாற்ற என்றால் URL ஐ, இந்த மாதிரி ஒரு ZIP குறியீடு இருக்க முடியாது 35 00:01:50,620 --> 00:01:55,580 ஆனால் ஒரு சிறிய மெஸ்ஸியர் ஏதாவது கேம்பிரிட்ஜ் + மாசசூசெட்ஸ் போல், 36 00:01:55,580 --> 00:02:00,740 பிளஸ் வழி எங்கே நீங்கள் ஒரு உருமாற்றுகிற்கிறீர்கள் ஒரு URL ஐ வெளி தன்மை மற்றும் வெற்றி உள்ளிடவும், 37 00:02:00,740 --> 00:02:02,907 நீங்கள் உண்மையில், நான் பார்க்க வேண்டும் கிட்டத்தட்ட அதே செய்தி மட்டும் பார்க்க. 38 00:02:02,907 --> 00:02:05,489 ஒருவேளை அது கொஞ்சம் வித்தியாசமாக இருக்கிறது கேம்பிரிட்ஜ் உண்மையில் ஏனெனில் 39 00:02:05,489 --> 00:02:06,910 பல குறியீடு உள்ளது. 40 00:02:06,910 --> 00:02:09,410 இப்போது நான் எப்படி என்று எனக்கு தெரியும், உண்மையில், எப்படி எப்படியோ நான் முடிந்த 41 00:02:09,410 --> 00:02:12,940 பெரிய மற்றும் சிறிய நகரங்கள் கட்டி வழக்கு நான் குறியீடு வேண்டும் 42 00:02:12,940 --> 00:02:15,064 பயனர் அனுமதிக்க வேண்டும் அல்லது வரை எப்படி? 43 00:02:15,064 --> 00:02:17,480 சரி, அது அந்த மாறிவிடும் ஒரு வலைத்தளம் அங்கு என்று 44 00:02:17,480 --> 00:02:20,060 geonames.org இது ஒரு முயற்சி வேண்டும் 45 00:02:20,060 --> 00:02:23,760 அனைத்து இலவசமாகக் கிடைக்கும் தகவல் புவியியல் தகவல் வகையான, 46 00:02:23,760 --> 00:02:27,040 அமெரிக்காவில் மட்டும், ஆனால் மேலும் மற்ற நாடுகளில் அதே. 47 00:02:27,040 --> 00:02:30,430 உண்மையில், நான், இங்கே இந்த URL க்கு சென்றால், இது அமைக்க பிரச்சனை குறிப்பிடப்பட்டுள்ளது 48 00:02:30,430 --> 00:02:34,510 விவரக்குறிப்பு, நீங்கள் மூன்று பார்க்க வேண்டும் கோப்புகளை ஒரு மொத்தமாக பட்டியல் 49 00:02:34,510 --> 00:02:36,400 இது எந்த நீங்கள் பதிவிறக்கம். 50 00:02:36,400 --> 00:02:39,900 உண்மையில், இந்த பிரச்சனை அமைக்க நீங்கள் us.zip பதிவிறக்க போகிறோம். 51 00:02:39,900 --> 00:02:43,790 இப்போது இந்த கோப்பு உள்ள, ஒரு முழு ஆகிறது உரை வடிவம் தரவு மொத்தமாக. 52 00:02:43,790 --> 00:02:47,760 கோப்புகளை ஒரு மிகவும் ஒத்த CSV-- கமா, மதிப்புகள் பிரிக்கப்பட்ட கோப்பு 53 00:02:47,760 --> 00:02:51,294 ஆனால் அது உண்மையில் பயன்படுத்துகிறது தாவல்கள் துறைகளில் விளங்கப்படுத்த. 54 00:02:51,294 --> 00:02:53,710 இப்போது, இதற்கிடையில், நீங்கள் பார்க்கிறீர்கள் என்றால் இங்கே நான் உயர்த்தி என்ன, 55 00:02:53,710 --> 00:02:56,459 இந்த கோப்பு துறைகளில் போகிறோம் நாட்டின் குறியீடுகள் போன்ற விஷயங்கள் இருக்க வேண்டும் என்று, 56 00:02:56,459 --> 00:02:58,980 அஞ்சல் குறியீடு, இடங்களின் பெயர்கள் பின்னர், சில வடிவத்தில் 57 00:02:58,980 --> 00:03:04,230 அல்லது மற்ற, மாகாணங்கள் மற்றும் நாடுகள், சமூகங்கள், மற்றும் மேலும். 58 00:03:04,230 --> 00:03:06,630 உண்மையில், நான் ஏற்கனவே நான் முன்கூட்டியே இந்த கோப்பு பதிவிறக்கம். 59 00:03:06,630 --> 00:03:09,750 எனக்கு முன்னால் சென்று இங்கே அதை திறக்க உண்மையில், நீங்கள், us.text-- மற்றும் 60 00:03:09,750 --> 00:03:16,660 நான் 16.792 வரிசையாக கீழே இருந்தால் பார்க்க நீங்கள், கேம்பிரிட்ஜ் ஒரு சில பதிவுகளை பார்க்க வேண்டும் 61 00:03:16,660 --> 00:03:19,120 மசாசூசெட்ஸ் மற்றும் அதன் பல்வேறு குறியீடு. 62 00:03:19,120 --> 00:03:22,150 என்ன நீங்கள் அங்கு பார்க்க, மாவட்ட உள்ளது நான் உண்மையில் இல்லை என்று சில எண்கள் 63 00:03:22,150 --> 00:03:24,500 மேலும் அனைத்து புரிந்து, ஆனால் வலது வழி, 64 00:03:24,500 --> 00:03:27,170 சில ஜி.பி.எஸ் ஆய அட்சரேகை மற்றும் தீர்க்கரேகை. 65 00:03:27,170 --> 00:03:30,440 இந்த பெரிய ஒன்று, ஏனெனில் Google Maps API அம்சங்கள் 66 00:03:30,440 --> 00:03:33,670 கண்டறியும் திறன் ஆகும் நீங்கள் புவியியல் எங்கே 67 00:03:33,670 --> 00:03:36,850 ஜி.பி.எஸ் அடிப்படையில். 68 00:03:36,850 --> 00:03:40,210 >> இப்போது எப்படி கண்டுபிடிக்க தொடங்க அனுமதிக்க ஒன்றாக இந்த விஷயங்களை சம்மந்தப்படுத்துவதற்கு தொடங்கும். 69 00:03:40,210 --> 00:03:42,900 நாம் ஒரு முழு கொடுக்கப்பட்ட விநியோக குறியீடு கொத்து, 70 00:03:42,900 --> 00:03:44,970 அதே MySQL தரவுத்தள என. 71 00:03:44,970 --> 00:03:49,100 நான் இழுக்க என்றால் உண்மையில், ஒரு கால் தேக்கரண்டி உப்பு கொண்ட ஏற்கனவே இறக்குமதி, நீங்கள் விரைவில் சாப்பிடுவேன், 72 00:03:49,100 --> 00:03:54,800 pset8.SQL, நீங்கள் ஒரு MySQL அட்டவணை பார்க்க வேண்டும் என்று இந்த மாதிரி, ஒரு ஐடி துறையில், நாட்டின் 73 00:03:54,800 --> 00:03:57,400 குறியீடு, அஞ்சல் குறியீடு, இடத்தின் பெயர் மற்றும் மேலும். 74 00:03:57,400 --> 00:04:00,490 அந்த எல்லா வகையான பத்திகள் நான் வெறுமனே பெறப்பட்ட 75 00:04:00,490 --> 00:04:03,870 readme.text படித்து குறிப்பிட்ட என்று இங்கே தாக்கல் 76 00:04:03,870 --> 00:04:07,330 ஒரு துறையில் ஒரு முழு என்பதை, அல்லது Varchar அல்லது போன்ற. 77 00:04:07,330 --> 00:04:10,510 >> எனவே நாம் அந்த அட்டவணை உருவாக்கப்பட்ட நீங்கள் நீங்கள் SQL கட்டளைகளை கொடுக்கப்பட்ட 78 00:04:10,510 --> 00:04:12,770 என்று உருவாக்க இயக்க உங்கள் சொந்த தகவல் அட்டவணை, 79 00:04:12,770 --> 00:04:15,290 ஆனால் இன்னும் உண்மையில் அது எந்த தரவு இல்லை. 80 00:04:15,290 --> 00:04:19,600 மாறாக, நீங்கள் செய்ய வேண்டும் போகிறேன் us.zip பதிவிறக்க அல்லது எந்த நாட்டின் ZIP 81 00:04:19,600 --> 00:04:21,500 அங்கு URL இருந்து ஒரு கோப்பு. 82 00:04:21,500 --> 00:04:24,940 பின்னர் நீங்கள் எழுத வேண்டும் போகிறோம் என்று PHP ஒரு கட்டளை வரி ஸ்கிரிப்ட் 83 00:04:24,940 --> 00:04:28,420 அந்த உரை திறந்து போகிறது , தாக்கல் அதன் கோடுகள் மீது மீண்டும் கூறு, 84 00:04:28,420 --> 00:04:31,180 பின்னர் ஒவ்வொரு அந்த வரிகளை ஒரு நுழைவு செய்கின்றன 85 00:04:31,180 --> 00:04:34,940 அந்த அட்டவணையில் இடங்களில் உங்கள் MySQL தரவுத்தள. 86 00:04:34,940 --> 00:04:37,880 இந்த செயல்முறை இறுதியில், நீங்கள் எனவே இறுதியில் அந்த ஸ்கிரிப்டை இயக்க 87 00:04:37,880 --> 00:04:39,610 ஒரே ஒருமுறை மட்டும் கோட்பாடு. 88 00:04:39,610 --> 00:04:41,780 உண்மையில் நீங்கள் ஒருவேளை தருகிறேன் அதை முறை ஒரு கொத்து இயக்க 89 00:04:41,780 --> 00:04:45,460 போது பல்வேறு பிழைகள் சரி செய்ய முயற்சி. 90 00:04:45,460 --> 00:04:48,440 >> இறுதியில், நீங்கள் ஒரு வேண்டும் போகிறோம் ஆயிரக்கணக்கான உண்மையில் பெரிய தகவல் 91 00:04:48,440 --> 00:04:50,139 புவியியல் வரிசைகள் மற்றும் ஆயிரக்கணக்கான. 92 00:04:50,139 --> 00:04:52,930 பின்னர் நீங்கள் அந்த இறக்குமதி செய்ய போகிறோம் ஸ்கிரிப்ட் அதை ஒதுக்கி வேலை முறை 93 00:04:52,930 --> 00:04:55,140 உங்கள் தரவுத்தள நன்றாக இருக்கிறது சரியான, பின்னர் 94 00:04:55,140 --> 00:04:58,880 நீங்கள் உண்மையில் செல்ல போகிறோம் மேஷ தன்னை செயல்படுத்தி. 95 00:04:58,880 --> 00:05:01,670 மேஷ பார்க்க போகிறது இது போன்ற ஒரு சிறிய ஒன்று. 96 00:05:01,670 --> 00:05:05,165 Mashup.cs50.net, நாம் ஒரு ஊழியர்கள் தீர்வு வேண்டும் 97 00:05:05,165 --> 00:05:06,990 இந்த மாதிரி ஒரு சிறிய ஒன்று தெரிகிறது. 98 00:05:06,990 --> 00:05:11,070 உண்மையில், இந்த செய்தி மீது கிளிக் செய்தால், கேம்பிரிஜ், மாசசூசெட்ஸ் படவுரு, 99 00:05:11,070 --> 00:05:13,300 நீங்கள் ஒரு நூற்பு பார்க்க வேண்டும் சுருக்கமாக பின்னர் ஐகான் 100 00:05:13,300 --> 00:05:16,370 ஒரு கட்டளையிட்டார் பட்டியல், ஒரு கட்டுரைகள் பகிர்வுக் 101 00:05:16,370 --> 00:05:18,280 கேம்பிரிஜ், மாசசூசெட்ஸ் தொடர்பான. 102 00:05:18,280 --> 00:05:20,352 நான் சார்லஸ்டவுன் மீது கிளிக் செய்தால், மாசசூசெட்ஸ், 103 00:05:20,352 --> 00:05:21,685 நான் அந்த நகரம் அதே பார்க்க வேண்டும். 104 00:05:21,685 --> 00:05:24,174 நான் கிளிக் செய்தால் வாட்டர்டவுன், மாசசூசெட்ஸ், 105 00:05:24,174 --> 00:05:26,090 அங்கு ஏதாவது இருக்க வேண்டும் வட்டெற்தோவின் ல் இருந்து செய்தி 106 00:05:26,090 --> 00:05:28,630 எனவே நீங்கள் ஏதாவது பார்க்க வேண்டும் மெதுவாக செய்தி நாள் போன்ற. 107 00:05:28,630 --> 00:05:32,140 >> இப்போது இதற்கிடையில், மேல் இடது உள்ளன சில பழக்கமான கூகுள் மேப்ஸ் கட்டுப்பாடுகள் 108 00:05:32,140 --> 00:05:34,980 பான் நீங்கள் அவுட் பெரிதாக்கவும் அனுமதிக்க மேலே, கீழே, இடது மற்றும் வலது, 109 00:05:34,980 --> 00:05:37,360 ஆனால் நாம் அங்கு வைத்து ஒரு தேடல் பெட்டி. 110 00:05:37,360 --> 00:05:40,910 அதனால் நான் வெளிப்படையாக, தேட இருந்தால், எனக்கு மட்டுமே தெரியும் மற்ற ZIP குறியீடு, 111 00:05:40,910 --> 00:05:45,020 90210, நாம் உண்மையில் பார்க்க வேண்டும் பெவர்லி ஹில்ஸ், கலிபோர்னியா. 112 00:05:45,020 --> 00:05:48,550 சொடுக்கும் போது, அது என்னை செல்கிறது கலிபோர்னியா மற்றும் ஒரு மொத்தமாக 113 00:05:48,550 --> 00:05:50,369 பெவர்லி ஹில்ஸ் பற்றி news. 114 00:05:50,369 --> 00:05:51,910 இப்போது அங்கே என்ன நடந்தது என்று கூட, கவனிக்க. 115 00:05:51,910 --> 00:05:57,040 கூட 02138 அல்லது நான் இந்த முறையும் தேடல் கேம்பிரிட்ஜ் கமா மாசசூசெட்ஸ் அல்லது சில 116 00:05:57,040 --> 00:06:00,300 மாறுபாடு, அதின் நீங்கள் ஒரு கிடைக்கும் சிறிய தானாக நிரப்புதல் கீழிறங்கும். 117 00:06:00,300 --> 00:06:03,840 இப்போது இந்த ஒரு நீட்சி jQuery என்று ஒரு நூலகம், 118 00:06:03,840 --> 00:06:05,732 மற்றும் அந்த நீட்சி typeahead என்று. 119 00:06:05,732 --> 00:06:07,440 நாம் வெறுமனே மூலம் வாசிக்க ஆவணங்கள், 120 00:06:07,440 --> 00:06:13,150 .js ஒருங்கிணைந்த தாக்கல் விநியோக குறியீடு அதனால் நீங்கள் 121 00:06:13,150 --> 00:06:16,900 இறுதியில் குறியீடு எழுத முடியும் என்று ஆட்டோ மெனு நிரப்பகிறது 122 00:06:16,900 --> 00:06:19,350 தேர்வுகளை அல்லது கார் பரிந்துரைகள். 123 00:06:19,350 --> 00:06:23,820 >> இப்போது விநியோகம் குறியீடு என்று, எனினும், நீங்கள் சபையோர்களகிய இல்லை பெற்றார். 124 00:06:23,820 --> 00:06:26,860 நீங்கள் கூகிள் மேப் பதிக்கப்பட்ட கிடைக்கும், மற்றும் நீங்கள் மேல், கட்டுப்பாடுகள் கிடைக்கும் 125 00:06:26,860 --> 00:06:28,240 நீங்கள் தேடல் பெட்டியில் கிடைக்கும். 126 00:06:28,240 --> 00:06:32,760 ஆனால் நான் போன்ற ஏதாவது தட்டச்சு என்றால் 02138, எந்த இடங்களில் இன்னும் காணப்படுகின்றன. 127 00:06:32,760 --> 00:06:34,730 அதனால் இருக்க போகிறது இங்கே எங்கள் இலக்குகளில் ஒன்றாக. 128 00:06:34,730 --> 00:06:37,430 மேலும், நீங்கள் ஒரு அடி எடுத்து வைத்தால் மீண்டும், மற்றும் வரைபடம் தன்னை பார்க்க, 129 00:06:37,430 --> 00:06:38,950 அவற்றுக்கு எந்த செய்தியும் இல்லையே. 130 00:06:38,950 --> 00:06:41,780 நான் கிளிக் கூட மற்றும் இழுவை, உண்மையில் எந்த குறிப்பான்கள் 131 00:06:41,780 --> 00:06:45,560 அந்த காரணம் என்று செய்தி தோன்றும் சவாலை அத்துடன் நீங்கள் தான் இருக்கிறது. 132 00:06:45,560 --> 00:06:48,490 >> பின்னர் ஒரு பார்க்கலாம் விநியோகம் குறியீடு. 133 00:06:48,490 --> 00:06:51,460 நீங்கள் பதிவிறக்கம் முறை pset8.zip அது அன்சிப் 134 00:06:51,460 --> 00:06:54,430 உங்கள் vhost அடைவு ஒரு CS50 அப்ளையன்ஸ், 135 00:06:54,430 --> 00:06:56,550 நீங்கள் இந்த பார்க்க வேண்டும் இங்கு உள்ளே அடைவுகள். 136 00:06:56,550 --> 00:07:00,200 பொதுவாக குறிக்கும் Bin-- இயங்கக்கூடிய நிரல்களை பைனரி 137 00:07:00,200 --> 00:07:04,870 pset7 உள்ள உள்ளடக்கியுள்ளது, சில PHP மற்ற கோப்புகளை அடங்கும் என்று கோப்புகளை, 138 00:07:04,870 --> 00:07:06,710 இது பின்னர் பொது, வேண்டும் என்று கோப்புகளை 139 00:07:06,710 --> 00:07:09,369 பொதுவில் அணுக இருக்க வேண்டும் ஒரு உலாவி ஒரு பயனர். 140 00:07:09,369 --> 00:07:11,410 உள்ள ஒரு பார்க்கலாம் பின் அடைவு, மற்றும் நாம் தருகிறேன் 141 00:07:11,410 --> 00:07:13,890 ஒரு கோப்பு உள்ளது என்று பார்க்க ஏற்கனவே இறக்குமதி இருக்கிறது என்று அழைக்கப்படும். 142 00:07:13,890 --> 00:07:17,591 நாம் gedit இந்த திறக்கும் போது, நாம் பார்க்க வேண்டும் துரதிருஷ்டவசமாக, அங்கு இல்லை 143 00:07:17,591 --> 00:07:18,090 அங்கு. 144 00:07:18,090 --> 00:07:20,250 என்றாலும், இல்லை என்று அனைத்து, மேலே ஒரு வாகனம் ஆகும் 145 00:07:20,250 --> 00:07:23,410 இது குறிப்பிடுகிறது இந்த வழக்கில் மொழிபெயர்ப்பாளரை PHP-- 146 00:07:23,410 --> 00:07:25,759 உண்மையில் பயன்படுத்த வேண்டும் இந்த கோப்பு இயக்க. 147 00:07:25,759 --> 00:07:27,550 ஆனால் பின்னர் அதை சொல்வது அங்கு நீங்கள் இருக்கும் இடத்தில் வேண்டியவை ஆகிறது 148 00:07:27,550 --> 00:07:31,130 சில குறியீடு எழுத வேண்டும் போகிறது என்று ஒருவேளை கட்டமைப்பு தேவைப்படுகிறது 149 00:07:31,130 --> 00:07:35,820 அடைவு அடங்கும் என்று கோப்பு நாம் PHP கோப்புகளை முன் செய்தது போல. 150 00:07:35,820 --> 00:07:38,180 பின்னர் நீங்கள் போகிறோம் எப்படியோ வரை திறக்க வேண்டும் 151 00:07:38,180 --> 00:07:41,920 us.text இது நீங்கள் மறைமுகமாக ஏற்கனவே அன்சிப். 152 00:07:41,920 --> 00:07:44,690 பிறகு நீ செய்ய போகிறோம் என்று கோப்பு கோடுகள் மீது மீண்டும் கூறு, 153 00:07:44,690 --> 00:07:47,800 ஒருவேளை செயல்பாடுகளில் சில பயன்படுத்தி விவரக்குறிப்பு தெரிவித்தனர். 154 00:07:47,800 --> 00:07:51,390 பின்னர் அந்த ஒவ்வொரு நுழைக்க MySQL தரவுத்தள ஒரு கோடுகள் 155 00:07:51,390 --> 00:07:54,940 கேள்வி செயல்பாடு பயன்படுத்தி இது நாம் மீண்டும் with-- உங்களுக்கு வழங்கப்படும் 156 00:07:54,940 --> 00:07:58,010 அல்லது குறைந்த பட்சம் ஒரு மாறுபாடு அதின் functions.php உள்ள, 157 00:07:58,010 --> 00:07:59,560 இது நாம் ஒரு கணம் பார்க்க வேண்டும். 158 00:07:59,560 --> 00:08:04,430 >> இப்போது இறக்குமதி மூடிவிட்டு மீண்டும் செல்லலாம் எங்கள் விதிமுறைகள் மற்றும் இந்த நேரத்தில் செல்ல 159 00:08:04,430 --> 00:08:05,300 அடங்கும். 160 00:08:05,300 --> 00:08:09,210 நான் அங்கு கள் செய்தால், நீங்கள் காண்பீர்கள் மிகவும் சிக்கல் அமை 7 போன்ற மூன்று கோப்புகளை. 161 00:08:09,210 --> 00:08:13,760 மற்றும் விரைவான பாருங்கள் நாம், உதாரணமாக, config.php உள்ள. 162 00:08:13,760 --> 00:08:16,730 அங்கு, குறைந்த கோடுகள் முன் விட, அது 163 00:08:16,730 --> 00:08:20,712 இந்த கோப்பு அடங்கும் தெரிகிறது constants.php மற்றும் functions.php. 164 00:08:20,712 --> 00:08:23,670 நாம் சற்று மாறுபட்ட பயன்படுத்தி தொழில் நுட்பம், உண்மையில், இந்த முறை 165 00:08:23,670 --> 00:08:30,910 இந்த கோப்புகளை தொடர்புடைய என்று குறிப்பிட தற்போதைய அடைவு, __ DIR__ 166 00:08:30,910 --> 00:08:35,280 பிரதிபலிக்கிறது என்ன அடைவு இந்த கோப்பு, config.php, தன்னை உள்ளது. 167 00:08:35,280 --> 00:08:37,600 எனவே, இந்த ஒரு மேலும் ஆகிறது குறிப்பிடாமல் வெளிப்படையான வழி 168 00:08:37,600 --> 00:08:40,100 நீங்கள் தேவைப்படும் வேண்டும் என்ன மற்ற கோப்புகளை. 169 00:08:40,100 --> 00:08:44,020 >> இப்போது நான் இந்த கோப்பு மூட என்றால் அதற்கு பதிலாக constants.php திறந்து, 170 00:08:44,020 --> 00:08:47,430 நீங்கள் மிகவும் நினைவூட்டுவதாக ஒரு கோப்பு பார்க்க வேண்டும் செய்ய பிரச்சனை தொகுப்பு 7 இன் அத்துடன், என்றாலும் 171 00:08:47,430 --> 00:08:50,050 pset8 என்று வேறு தரவுத்தள. 172 00:08:50,050 --> 00:08:54,020 இறுதியாக, functions.php உள்ள, நாம் ஒரு செயல்பாடு பார்க்கலாம் 173 00:08:54,020 --> 00:08:55,942 கேள்வி என்று இந்த நேரத்தில். 174 00:08:55,942 --> 00:08:59,150 இந்த நாம் கையாள தவிர, கிட்டத்தட்ட அதே ஆகிறது சற்று சுற்றி பிழைகள் இந்த நேரத்தில் 175 00:08:59,150 --> 00:09:02,860 வித்தியாசமாக, ஆனால் அது பயன்பாடு உள்ளது பிரச்சனை அதே ஏழு அமைந்தது. 176 00:09:02,860 --> 00:09:08,090 >> இப்போது எங்கள் pset8 மீண்டும் செல்லலாம் அடைவு, பொது செல்ல, மற்றும் அங்கு 177 00:09:08,090 --> 00:09:14,420 நான் ls செய்தால், நீங்கள் இதை பார்க்க வேண்டும் articles.php index.html,, search.php, 178 00:09:14,420 --> 00:09:16,940 அனைத்து கோப்புகளை update.php--. 179 00:09:16,940 --> 00:09:22,010 பின்னர் CSS எழுத்துருக்கள், நன்றி, மற்றும் மிகவும் pset7 போன்ற JS அடைவு. 180 00:09:22,010 --> 00:09:24,660 >> தான் ஒரு பார்க்கலாம் இது இன்டெக்ஸ்.ஹெச்டிஎம்எல், 181 00:09:24,660 --> 00:09:27,290 உண்மையில் இருக்க போகிறது smashup நுழைவு புள்ளி. 182 00:09:27,290 --> 00:09:31,820 இப்போது இன்டெக்ஸ்.ஹெச்டிஎம்எல், நீங்கள் ஒரு முழு பார்க்க வேண்டும் தலையில் இணைப்பு கூறுகள் கொத்து, 183 00:09:31,820 --> 00:09:36,540 குறிப்பாக, எங்கள் சொந்த பூட்ஸ்டார்ப் ஸ்கிரிப்ட் ஒரு மொத்தமாக தொடர்ந்து CSS 184 00:09:36,540 --> 00:09:41,520 வரைபடங்கள், ஏபிஐ போன்ற விஷயங்களை குறிச்சொற்களை தன்னை, லேபிள் ஒரு சிறப்பு மார்க்கர் 185 00:09:41,520 --> 00:09:44,950 நாம் குறிப்பிட்ட அந்த பயன்பாடு விவரக்குறிப்பு, உங்களுக்கு கிடைக்கும் 186 00:09:44,950 --> 00:09:48,420 jQuery தன்னை, பூட்ஸ்ட்ராப் தன்னை, மற்றும் மற்றொரு நூலகம் 187 00:09:48,420 --> 00:09:50,990 என்று கோடிட்டு இது நாம் ஸ்பெக் பற்றி பேச. 188 00:09:50,990 --> 00:09:57,031 Jquery.js போன்ற Underscore.js ஜாவாஸ்கிரிப்ட் நூலகம் 189 00:09:57,031 --> 00:10:00,280 அந்த செயல்பாடு ஒரு மொத்தமாக உள்ளது என்று உலக ஆசை மக்கள் நிறைய 190 00:10:00,280 --> 00:10:02,020 ஜாவா தன்னை இருந்தது. 191 00:10:02,020 --> 00:10:04,560 எனவே இந்த அனைத்து இருக்கின்றன உண்மையில் மிகவும் பிரபலமான. 192 00:10:04,560 --> 00:10:07,140 நாங்கள், typeahead குறிப்பிட்டுள்ளார் நூலகம் இது என்று 193 00:10:07,140 --> 00:10:11,180 என்று தானாக நிரப்புதல் கீழிறங்கும் மற்றும் இறுதியாக எங்கள் சொந்த ஜாவா ஒரு இணைப்பு. 194 00:10:11,180 --> 00:10:13,880 >> இதற்கிடையில், ஒருவேளை அதிர்ஷ்டவசமாக, இந்த மேஷ 195 00:10:13,880 --> 00:10:17,550 ஒப்பீட்டளவில் சிறிய இயக்கப்படுகிறது கீழே இங்கே கீழே உள்ள HTML. 196 00:10:17,550 --> 00:10:22,330 நாம் ஒரு DIV குறிப்பிடப்படவில்லை நான் என்று அறிவிப்பு வர்க்க கொள்கலன் திரவம் நம் உடல். 197 00:10:22,330 --> 00:10:24,610 இந்த, ஒன்றுக்கு பூட்ஸ்டார்ப் ஆவணங்கள், தான் 198 00:10:24,610 --> 00:10:29,840 இந்த கிராம நிரப்ப போகிறது என்று அர்த்தம் காட்சியும் அல்லது முழுமையாக உலாவி சாளரத்தில். 199 00:10:29,840 --> 00:10:33,020 >> இதற்கிடையில், என்று கீழே நாம் ஒரு DIV வேண்டும் என்று திறந்து உடனடியாக மூடப்படும் 200 00:10:33,020 --> 00:10:34,790 வரைபடம் கேன்வாஸ் தனிப்பட்ட அடையாள கொண்டு. 201 00:10:34,790 --> 00:10:37,400 இது இப்போது கூகிள் இருந்து ஆகிறது வரைபடங்கள் ஆவணங்கள் 202 00:10:37,400 --> 00:10:42,490 அதன் API, ஐந்து அதன்படி நான் வெறுமனே வேண்டும் , புகுத்த இது ஒரு வெற்று div வேண்டும் 203 00:10:42,490 --> 00:10:44,470 இறுதியில், ஒரு உண்மையான, Google Maps. 204 00:10:44,470 --> 00:10:46,310 ஆனால் ஒரு பிட் என்று ஆனால் மேலும். 205 00:10:46,310 --> 00:10:48,850 >> இறுதியாக, ஒரு வடிவம் இல்லை உள்ளே இங்கே இது 206 00:10:48,850 --> 00:10:52,930 உரை பெட்டியில், மேல் இடது தேடி எங்கள் இடைமுகம். 207 00:10:52,930 --> 00:10:54,730 நாம் பயன்படுத்தப்படும் என்று அறிவிப்பு பூட்ஸ்ட்ராப் ஒரு பிட் 208 00:10:54,730 --> 00:10:57,670 இங்கே போன்ற விஷயங்களை too-- வடிவம் இன்லைன் மற்றும் வடிவம்-குழு. 209 00:10:57,670 --> 00:11:00,080 நாம் முன்னாள் கொடுக்கப்பட்ட படிவத்தை தனிப்பட்ட அடையாள. 210 00:11:00,080 --> 00:11:04,510 பின்னர், இறுதியில், நான் உண்மையில் அழகான நன்கு இது ஒரு உள்ளீடு வகை, 211 00:11:04,510 --> 00:11:06,440 கே யாருடைய அடையாள உள்ளது. 212 00:11:06,440 --> 00:11:07,230 ஒரு மரபு. 213 00:11:07,230 --> 00:11:09,234 கேள்வி வேண்டும் என்று கே எதையும் என்று. 214 00:11:09,234 --> 00:11:11,400 பின்னர் ஒதுக்கிட, இதற்கிடையில், நகரம், மாநில உள்ளது, 215 00:11:11,400 --> 00:11:16,200 மற்றும் அஞ்சல் குறியீடு நீங்கள் நினைவு இது டெமோ முந்தைய நம் மேஷ பார்த்து. 216 00:11:16,200 --> 00:11:17,980 இந்த கோப்பு மூடலாம். 217 00:11:17,980 --> 00:11:24,460 >> இப்போது PHP கோப்புகளை பாருங்கள் என்று காத்திருங்கள் பின்னர் பார்ப்பதற்கு JavaScript கோப்புகளை. 218 00:11:24,460 --> 00:11:27,700 நம் PHP கோப்புகளை, நாம் நான் ஏற்கனவே நீங்கள் செயல்படுத்தப்படும், 219 00:11:27,700 --> 00:11:29,960 உதாரணமாக, மேம்படுத்தல்கள். 220 00:11:29,960 --> 00:11:35,060 நாங்கள் ஒரு பெரிய செலவு சுருக்கமாக இங்கே நேரம் அளவு 221 00:11:35,060 --> 00:11:38,400 கோப்பு என்று எங்கள் ஜாவாஸ்கிரிப்ட் குறியீடு போகிறது 222 00:11:38,400 --> 00:11:41,610 அஜாக்ஸ் வழியாக தொடர்பு என்று தான் ஒத்திசைவற்ற நுட்பம் 223 00:11:41,610 --> 00:11:45,980 என்று இந்த நாட்களில் ஜாவா அமையப்பெற்றுள்ள அமெரிக்க update.php கேட்க அனுமதிக்க வேண்டும் 224 00:11:45,980 --> 00:11:47,410 மேலும் தகவலுக்கு,. 225 00:11:47,410 --> 00:11:50,045 >> குறிப்பாக, எப்போது பயனர் வரைபடம் பரப்பியிருக்கிறது 226 00:11:50,045 --> 00:11:53,310 அல்லது தாண்டுகிறது என்று ஒரு தேடல் செயல்படுகிறது இன்னொரு இடம் பயனர், 227 00:11:53,310 --> 00:11:55,250 எங்கள் ஜாவா குறியீடு, நாங்கள் விரைவில் காண்பீர்கள் என்று, ஆகிறது 228 00:11:55,250 --> 00:11:59,610 update.php அழைக்க போகிறேன் மற்றும் 10 அல்லது குறிப்பான்கள் கேட்க 229 00:11:59,610 --> 00:12:02,630 காட்சியும் அமைந்துள்ள ஜிபிஎஸ் ஆய 230 00:12:02,630 --> 00:12:06,510 மேல் மற்றும் கீழே என்று வரைபடத்தை மூலைகளிலும். 231 00:12:06,510 --> 00:12:10,520 பின்னர் நாம் இப்போது அந்த வரைபடத்தில் இயலாமல் முடியும் பயனர் பொருட்டு திரைக்கு சென்றார் 232 00:12:10,520 --> 00:12:14,210 10 அநேகமாக புதிய பார்க்க வெவ்வேறு நகரங்களில் இந்த குறிப்பான்கள். 233 00:12:14,210 --> 00:12:18,340 இதற்கிடையில், இந்த கோப்பு இறுதியில் ஆகிறது ஒரு SQL கேள்வி இயக்க போவதில்லை 234 00:12:18,340 --> 00:12:21,680 எமது தகவல் எதிரான அட்டவணை என்று இடங்களில் இது 235 00:12:21,680 --> 00:12:26,380 அந்த திரும்ப போகிறது 10 அல்லது குறைவான இடங்களில். 236 00:12:26,380 --> 00:12:32,620 >> இதற்கிடையில், articles.php, மற்றொரு ஆகிறது நாங்கள் அதன் முழுமையாக எழுதி விட்டேன் தாக்கல். 237 00:12:32,620 --> 00:12:35,820 இது செய்ய ஆவி மிகவும் ஒத்த பிரச்சனை அமை 7, தேடல் செயல்பாடு 238 00:12:35,820 --> 00:12:39,450 அவர்கள், நீங்கள் யாகூ நிதி தொடர்பு. 239 00:12:39,450 --> 00:12:43,710 இந்த கோப்பு தொடர்புகள், Google செய்திகள் நீங்கள், இறுதியில் வாட்டி 240 00:12:43,710 --> 00:12:46,050 ஒரு இயந்திரம் படிக்க version-- ஏதாவது 241 00:12:46,050 --> 00:12:49,720 செய்தி ஆர்எஸ்எஸ் வடிவம் என்று கேம்ப்ரிட்ஜ் அல்லது பெவர்லி ஹில்ஸ் 242 00:12:49,720 --> 00:12:52,880 அல்லது என்ன நகரம் நீங்கள் தேடியது அந்த geoparameter அடிப்படையில். 243 00:12:52,880 --> 00:12:57,250 நாம் ஒரு இது ஆர்எஸ்எஸ், இட பிற அழைக்க மார்க் மொழி வகை, 244 00:12:57,250 --> 00:13:00,740 மற்றும் நாம் உண்மையில் உங்கள் உலாவியில் அதை திரும்ப 245 00:13:00,740 --> 00:13:03,570 உங்கள் ஜாவா குறியீடு, குறிப்பாக, ஒரு வடிவத்தில் என்று 246 00:13:03,570 --> 00:13:06,097 JSON, ஜாவாஸ்க்ரிப்ட் ஆப்ஜெக்ட். 247 00:13:06,097 --> 00:13:08,180 இப்போது நீங்கள் பார்க்க வேண்டும் specification-- நாங்கள் உங்களுக்கு சுட்டிக்காட்ட 248 00:13:08,180 --> 00:13:10,720 நீங்கள் உண்மையில் பார்க்க முடியும் எப்படி எஞ்சினியரிங், வரவிருக்கும் திரும்பி சில 249 00:13:10,720 --> 00:13:15,210 இந்த செயல்பாடு இறுதியில் நீங்கள் அதனால் அந்த பாப் மெனுக்களை விரிவுப்படுத்த 250 00:13:15,210 --> 00:13:16,960 நீங்கள் கிளிக் செய்யும் போது அந்த வரைபடத்தில் உள்ள ஒரு மார்க்கர் 251 00:13:16,960 --> 00:13:19,430 நீங்கள் உண்மையில் ஒரு மொத்தமாக பார்க்க தோட்டாக்கள் ஒவ்வொன்றும் 252 00:13:19,430 --> 00:13:21,020 ஒரு கட்டுரையில் இணைப்புகள். 253 00:13:21,020 --> 00:13:25,000 >> இப்போது கடைசி ஒரு பாருங்கள் நாம் அதிர்ஷ்டவசமாக, இல்லை இது PHP கோப்பு 254 00:13:25,000 --> 00:13:27,970 எவ்வளவு வேண்டும் on-- போகிறது ஒரு அழகான பெரிய வேண்டியவை. 255 00:13:27,970 --> 00:13:32,170 இப்போது இந்த கோப்பு அறிவிக்கிறது ஒரு வரிசை இடங்களில் அழைக்கப்படும். 256 00:13:32,170 --> 00:13:35,980 பின்னர் இறுதியில் அச்சிட்டு JSON வடிவம் என்று வரிசை 257 00:13:35,980 --> 00:13:38,720 என்று தான் அதை அழகாக பிரிண்டிங் விஷயங்களை debug எளிதாக இருக்கும். 258 00:13:38,720 --> 00:13:41,480 துரதிருஷ்டவசமாக, உள்ள நடுத்தர இந்த TODO உள்ளது, 259 00:13:41,480 --> 00:13:46,890 நீங்கள் தேட இது அழைக்கிறது பொருத்தமான இடங்களில் தகவல் ஒரு பூகோள HTTP 260 00:13:46,890 --> 00:13:47,490 அளவுரு. 261 00:13:47,490 --> 00:13:49,865 >> மேலும், உண்மையில், இந்த போகிறது உங்கள் challenges-- ஒன்றாக இருக்க 262 00:13:49,865 --> 00:13:54,240 இங்கே இந்த செயல்பாடுகளை நடைமுறைப்படுத்த அதனால் இந்த கோப்பை தொடர்பு போது 263 00:13:54,240 --> 00:14:00,610 தேடல் ஒரு URL ஐ. PHP? பூகோள = ஒன்று, உங்கள் குறியீடு இறுதியில் ஒரு JSON திரும்ப 264 00:14:00,610 --> 00:14:05,020 உள்ள இடங்களில் எல்லாம் வரிசை உங்கள் அந்த உள்ளீடு பொருந்தும் என்று தரவுத்தள அட்டவணை. 265 00:14:05,020 --> 00:14:08,960 கேம்பிரிட்ஜ் பயனர் வகையான என்றால் இங்கே உங்கள் கோப்பில் search.php 266 00:14:08,960 --> 00:14:12,680 இறுதியில், ஒரு JSON வரிசை திரும்ப வேண்டும் கேம்பிரிட்ஜ் போட்டிகளில் அனைவரும், 267 00:14:12,680 --> 00:14:16,990 மாசசூசெட்ஸ் இருக்கும் இது ஆனால் கூட வேறு எங்கும் இருக்க முடியும். 268 00:14:16,990 --> 00:14:21,040 >> இறுதியாக, இரண்டு மணிக்கு ஒரு முறை பார்ப்போம் நிலையான ultimately-- அந்த கோப்புகளை 269 00:14:21,040 --> 00:14:23,680 உங்கள் CSS கோப்பு மற்றும் உங்கள் ஜாவா கோப்பு. 270 00:14:23,680 --> 00:14:26,779 நான் எங்கள் CSS அடைவில் சென்று என்றால், கோப்புகளை ஒரு மொத்தமாக, அங்கு தான் 271 00:14:26,779 --> 00:14:28,070 ஆனால் அவர்கள் மிகவும் நூலகங்கள் உள்ளன. 272 00:14:28,070 --> 00:14:31,530 நான் பார்க்கலாமா போகிறேன், குறிப்பாக, styles.css மணிக்கு, 273 00:14:31,530 --> 00:14:35,440 இது தான் நமது சொந்த உலக CSS உள்ளது இந்த முழு மேஷ stylize போகிறது. 274 00:14:35,440 --> 00:14:38,840 நீங்கள் மூலம் படிக்க வேண்டும் நான் அதை விட்டு விடுகிறேன் கருத்துகள் இங்கு, ஆனால், ஒரு இடத்தில் உள்ள, 275 00:14:38,840 --> 00:14:43,490 இந்த உறுதி என்று CSS உள்ளது எங்கள் மேஷ, பெட்டியின் வெளியே இயல்பாக, 276 00:14:43,490 --> 00:14:46,950 நாம் அதை விரும்பவில்லை சரியாக வழி தெரிகிறது காட்சி பூர்த்தி போர்ட் வரைபடத்தை 277 00:14:46,950 --> 00:14:49,720 மற்றும் தேடல் மேல் இடது பெட்டியை. 278 00:14:49,720 --> 00:14:52,870 நாங்கள் உரிமை பெற்றுவிட்டேன் என்று, typeahead கீழிறங்கும் stylizing 279 00:14:52,870 --> 00:14:55,170 மெனு சிறிது அதே. 280 00:14:55,170 --> 00:14:58,030 >> மிக முக்கியமான கோப்பு ஒருவேளை அமைக்க இந்த பிரச்சனை 281 00:14:58,030 --> 00:15:01,070 இந்த கடைசி ஒரு, scripts.js ஆகிறது. 282 00:15:01,070 --> 00:15:03,800 உங்கள் JS அடைவு உள்ளே இன்னும் கோப்புகளை ஆகிறது. 283 00:15:03,800 --> 00:15:08,090 அவர்கள் அனைவரும் நூலகம் கோப்புகள் உள்ளன இந்த ஒரு தவிர, scripts.js. 284 00:15:08,090 --> 00:15:11,460 நாங்கள் இந்த திறந்து என்றால், தான் எடுத்து விடுங்கள் எங்கள் செயல்பாடுகளை மூலம் இறுதி சுற்றுலா என்று 285 00:15:11,460 --> 00:15:13,820 இந்த கோப்பு அமையப்பெற்றுள்ள நீங்கள் அழைப்பு கவனத்திற்கு 286 00:15:13,820 --> 00:15:16,200 வரவிருக்கும் பொய் என்று TODOs வேண்டும். 287 00:15:16,200 --> 00:15:19,110 >> இந்த கோப்பு மேலே, மூன்று உலக மாறிகள் உள்ளன. 288 00:15:19,110 --> 00:15:22,910 போகிறது இது ஒரு வரைபடத்தை, ஒரு எங்கள் கூகிள் மேப் குறிப்புக்களில். 289 00:15:22,910 --> 00:15:25,510 நீங்கள் அதை பற்றி யோசிக்க முடியும் வகையான ஒரு சுட்டிக்காட்டி. 290 00:15:25,510 --> 00:15:27,710 இதற்கிடையில், நாம் வேண்டும் மற்றொரு உலக மாறி 291 00:15:27,710 --> 00:15:31,500 தோன்றுகிறது என்று அழைக்கப்படுகிறது தகவல், ஒரு அழைப்பு திரும்ப மதிப்பு சேமித்து 292 00:15:31,500 --> 00:15:34,170 புதிய google.maps.InfoWindow வேண்டும். 293 00:15:34,170 --> 00:15:37,835 இங்கு பொருட்களை ஆதரிக்கிறது ஸ்ட்ரட்ஸின் செய்ய ஆவி மிகவும் ஒத்த. 294 00:15:37,835 --> 00:15:40,250 என்ன இந்த வரி நமது தேவைகளுக்காக செய்து 295 00:15:40,250 --> 00:15:42,820 ஒரு புதிய தகவல் உருவாக்கி உள்ளது பின்னர் நினைவகம் மற்றும் சாளர 296 00:15:42,820 --> 00:15:46,330 ஒரு குறிப்பு சுற்றி வைத்து தகவல், ஒரு மாறி என்று வணங்குகிறான். 297 00:15:46,330 --> 00:15:48,330 அந்த இடையே, இதற்கிடையில், தோன்றுகிறது என்ன ஆகிறது 298 00:15:48,330 --> 00:15:51,060 ஒரு வெற்று ஜாவா இருக்க வரிசை குறிப்பான்கள் என்று. 299 00:15:51,060 --> 00:15:55,392 அந்த பத்திரிகை சின்னங்கள் அனைத்து, அல்லது நீங்கள் முற்றிலும் மற்றொரு ஐகான் தேர்வு செய்யலாம், 300 00:15:55,392 --> 00:15:57,350 சேமித்து வைக்க போகிறது இறுதியில் இந்த வரிசையில் 301 00:15:57,350 --> 00:16:01,570 நாம் மிகவும் எளிதாக சேர்க்க முடியும் என்று வரைபடம் மற்றும் வரைபடம் அவற்றை நீக்க. 302 00:16:01,570 --> 00:16:03,990 >> இப்போது கீழே பார்ப்போம் ஒரு சிறிய பிட் மற்றும் விஸ் 303 00:16:03,990 --> 00:16:07,690 இருக்க போகிறது என்று குறியீடு மூலம் டிஓம் அல்லது ஆவணம் விரைவில் மரண தண்டனை 304 00:16:07,690 --> 00:16:10,480 பொருள் மாதிரி அல்லது பக்கம் தன்னை தயாராக உள்ளது. 305 00:16:10,480 --> 00:16:12,942 இந்த இலக்கணத்தை என்று நினைவு இங்கே வெறுமனே குறிப்பிடுகிறது 306 00:16:12,942 --> 00:16:14,900 பின்வரும் குறியீடு என்று மட்டுமே மரண தண்டனை 307 00:16:14,900 --> 00:16:17,840 உலாவி முடிந்ததும் எல்லாவற்றையும் ஏற்றும். 308 00:16:17,840 --> 00:16:19,750 >> முதலில் ஒரு அறிவிக்க பாணிகள் மொத்தமாக, 309 00:16:19,750 --> 00:16:22,410 stylizing முடிவடையும் இது குறிப்பிட்ட படி வரைபடம். 310 00:16:22,410 --> 00:16:24,790 நாம் ஒரு அறிவிக்க விருப்பங்களை மொத்தமாக, 311 00:16:24,790 --> 00:16:28,630 மேலும் கூகிள் தனிப்பயனாக்க இது நாங்கள் உட்பொதிக்க போகிறீர்கள் என்று வரைபடம். 312 00:16:28,630 --> 00:16:32,090 நிச்சயமாக, நாம் jQuery குறியீடு ஒரு பிட் பயன்படுத்த இது ஒரு பிட் மேலும் விரிவாக விளக்கினார் 313 00:16:32,090 --> 00:16:35,000 ஸ்பெக், அடைய அந்த உறுப்பு, வரைபடம் கேன்வாஸ் 314 00:16:35,000 --> 00:16:36,980 நாம் அவ்வாறு தனித்துவமாக அடையாளம் காணப்படும் என்று. 315 00:16:36,980 --> 00:16:40,640 பின்னர் இந்த வரி இங்கே இருக்கிறது என்ன தெரிகிறது மாயமாக எங்களுக்கு கொடுக்க 316 00:16:40,640 --> 00:16:43,560 உள்ளே ஒரு கூகிள் மேப் எங்கள் சொந்த பயன்பாடு, 317 00:16:43,560 --> 00:16:47,020 ஒரு குறிப்பு, அதற்கு உறுதுணையாக சேமித்து என்று மாறி என்று வரைபடத்தில் உள்ள. 318 00:16:47,020 --> 00:16:50,550 >> இறுதியாக, கீழே இங்கே நாம் பதிவு என்ன ஒரு கேட்பவரின் என்று. 319 00:16:50,550 --> 00:16:54,690 திரும்பி வழி, வழி என்று CS50 உள்ள வாரம் பூஜ்யம் திரும்பி 320 00:16:54,690 --> 00:16:57,430 நாம் கீறல் பார்த்து போது ஒரு நடைக்கு மூலம் அதன் ஆதரவு 321 00:16:57,430 --> 00:16:59,935 என்று விஷயங்கள் மூலம் நிகழ்வுகள் மற்றும் ஒளிபரப்பு. 322 00:16:59,935 --> 00:17:01,810 நீங்கள் பயன்படுத்த வேண்டும் அது உங்களை, ஆனால் அது தான் 323 00:17:01,810 --> 00:17:03,900 ஒரு பொறிமுறையை அதன்படி ஒரு இந்த வழக்கில் உலாவி 324 00:17:03,900 --> 00:17:07,940 அது தான் நம் கவனத்தை பெற முடியும் உண்மையில் சில குறியீடு இயக்க தயாராக. 325 00:17:07,940 --> 00:17:12,170 இந்த வழக்கில், அதை கேட்க நடக்கிறது சும்மா என்று ஒரு நிகழ்வை வரைபடத்தை. 326 00:17:12,170 --> 00:17:14,930 இந்த உலாவி உள்ளது என்று அர்த்தம் கூகிள் மேப் ஏற்றும் முடிந்ததும். 327 00:17:14,930 --> 00:17:18,380 இந்த கட்டத்தில் ஒரு செயல்பாடு என்று கட்டமைக்க வேண்டும் இறுதியில் 328 00:17:18,380 --> 00:17:19,339 மரண தண்டனை வேண்டும். 329 00:17:19,339 --> 00:17:22,510 அந்த செயல்பாடு, கட்டமைக்க, நாங்கள் எங்களுக்கு எழுதிய, பார்க்க வேண்டும். 330 00:17:22,510 --> 00:17:24,550 >> கீழே இங்கே இப்போது ஒரு செயல்பாடு ஆகிறது துரதிருஷ்டவசமாக 331 00:17:24,550 --> 00:17:25,871 ஒரு TODO சேர்க்க குறியீடாகும். 332 00:17:25,871 --> 00:17:28,620 குறிப்பிட்ட படி. நீங்கள் வேண்டும் போகிறேன் உண்மையில் குறியீடு எழுத 333 00:17:28,620 --> 00:17:32,840 அது தெரிகிறது என்பதை ஒரு marker-- சேர்க்கிறது ஒரு பத்திரிகை, அல்லது ஒரு கட்டைவிரல் பிசுப்பு போன்ற, 334 00:17:32,840 --> 00:17:35,360 அல்லது ஏதாவது Google வரைபடத்தில் else--. 335 00:17:35,360 --> 00:17:37,720 இங்கே இப்போது அந்த செயல்பாடு ஆகிறது கட்டமைக்க என்று. 336 00:17:37,720 --> 00:17:40,390 நீங்கள் படிக்க வேண்டும் நான் அதை விட்டு விடுகிறேன் மேலும் விரிவாக, 337 00:17:40,390 --> 00:17:42,600 ஆனால் நாம் சேர்க்க என்று உணர ஒரு கொத்து மேலும் அப்படின்னா 338 00:17:42,600 --> 00:17:46,620 போது நாம் குறியீடு இயக்க முடியும் என்று பயனர் கிளிக் வரைபடம் நீடிக்கிறது. 339 00:17:46,620 --> 00:17:50,730 நாங்கள் இங்கே அந்த குறியீடு வேண்டும் என்று, typeahead சொருகி துவக்கும் 340 00:17:50,730 --> 00:17:53,120 என்று கீழிறங்கும் பட்டி உண்மையில் வேலை. 341 00:17:53,120 --> 00:17:55,690 >> ஆனால் ஒரு கவனம் செலுத்த அனுமதிக்க இங்கு இடங்களில் ஜோடி. 342 00:17:55,690 --> 00:17:57,590 குறிப்பாக, இந்த செய்ய இங்கே. 343 00:17:57,590 --> 00:18:00,410 நான் ஆன்லைன் ஒத்திவைக்க வேண்டும் ஆவணங்கள் மற்றும் விவரக்குறிப்பு 344 00:18:00,410 --> 00:18:02,530 எப்படி இந்த TODO நிரப்ப. 345 00:18:02,530 --> 00:18:05,890 ஆனால் சுருக்கமாக, இந்த நூலகம் typeahead நீங்கள் அனுப்ப அனுமதிக்கிறது 346 00:18:05,890 --> 00:18:09,790 பொதுவாக ஒரு டெம்ப்ளேட் அறியப்படுகிறது என்ன, சில மாறி பெட்டிகள் கொண்ட 347 00:18:09,790 --> 00:18:13,690 வைட்டமின் இன்% செய்ய ஆவி மிகவும் ஒத்த. * கள். 348 00:18:13,690 --> 00:18:16,030 ஆனால், இந்த விஷயத்தில், குறிப்பிட்ட படி டெம்ப்ளேட் 349 00:18:16,030 --> 00:18:18,760 நீங்கள் குறிப்பிடும் என்ன மாறிகள் நீங்கள் விரும்பினால் 350 00:18:18,760 --> 00:18:24,880 வா என்று தரவு இருந்து புகுத்த மீண்டும் PHP போன்ற ஏதாவது இருந்து 351 00:18:24,880 --> 00:18:29,810 நீ எழுதப்பட்ட என்று கோப்புகளை அந்த JSON வெளியீடு உமிழும். 352 00:18:29,810 --> 00:18:35,170 >> இப்போது கீழே இங்கே நாம் என்று உணர typeahead தேர்வுகளை கேட்டு 353 00:18:35,170 --> 00:18:38,050 போது பயனர் உண்மையில் நடத்துகிறது ஒரு தேடல் மற்றும் ஒரு மதிப்பு சேர்த்து. 354 00:18:38,050 --> 00:18:40,270 இந்த நாம் உண்மையில் நீங்கள் எப்படி உள்ளது என்று கேட்க போவதில்லை 355 00:18:40,270 --> 00:18:42,250 மற்றும் விளைவாக சில குறியீடு இயக்க. 356 00:18:42,250 --> 00:18:45,300 பின்னர் நாம் கட்டமைக்க தொடரலாம் மேஷ தான் கொஞ்சம். 357 00:18:45,300 --> 00:18:48,000 மேலும், இறுதியில், நாம் அழைக்கின்றோம் இந்த செயல்பாடு மேம்படுத்தல். 358 00:18:48,000 --> 00:18:49,640 அதை திரையில் குறிப்பான்கள் மேம்படுத்துகிறது. 359 00:18:49,640 --> 00:18:51,529 ஒரு நொடியில் என்று மேலும். 360 00:18:51,529 --> 00:18:53,570 இதற்கிடையில், சில அங்கு, இங்கே சிறிய செயல்பாடுகள். 361 00:18:53,570 --> 00:18:56,820 இது ஒரு hideInfo இது வெறுமனே InfoWindow நிறைவடைகிறது. 362 00:18:56,820 --> 00:19:00,020 இங்கே இன்னொரு செயல்பாடு, அது இறுதியில் மிக நீண்ட முடியாது, குறிப்பான்கள் நீக்க. 363 00:19:00,020 --> 00:19:03,580 அந்த மீளமை நடக்கிறது என்ன சேர்ப்பு மார்க்கர் செயல்பாடு இல்லை. 364 00:19:03,580 --> 00:19:04,960 பின்னர் கீழே இங்கே தேடல் இருக்கிறது. 365 00:19:04,960 --> 00:19:08,610 இந்த ஒரு சுவாரஸ்யமான ஆகிறது நாம் ஏனெனில் என்று இங்கு குறியீடு எழுதியுள்ளனர் 366 00:19:08,610 --> 00:19:13,490 அன்று search.php பேசப்போகிறேன் சர்வர் மற்றும் சில பதிலைத் திரும்ப கிடைக்கும். 367 00:19:13,490 --> 00:19:16,110 >> நீங்கள், நிச்சயமாக, இன்னும் சாப்பிடுவேன் search.php செயல்படுத்த வேண்டும், 368 00:19:16,110 --> 00:19:18,310 ஆனால் நாம் செயல்படுத்தப்பட்டது என்று இங்கு குறியீடு 369 00:19:18,310 --> 00:19:22,480 நிகழ்ச்சி உண்மையில் கையாள போகிறோம் அந்த உரை பெட்டியில் இருந்து தேடுகிறது. 370 00:19:22,480 --> 00:19:25,340 குறிப்பாக, அறிவிப்பு என்று இங்கே இந்த விழா 371 00:19:25,340 --> 00:19:29,160 தேடல், search.php அழைக்கிறது என்று ஒரு முறை மூலம் 372 00:19:29,160 --> 00:19:31,072 நாம் விரிவுரையில் பார்த்தேன், இது எஞ்சினியரிங், கிடைக்கும். 373 00:19:31,072 --> 00:19:32,780 மேலும் இங்கே தொடரியல் ஒரு சிறிய மாறுபட்ட 374 00:19:32,780 --> 00:19:37,110 என்று விரிவுரை இருந்து நாம் பயன்படுத்தி jQuery வாக்குறுதியை முகப்பை என்று அழைக்கப்படும். 375 00:19:37,110 --> 00:19:38,479 ஸ்பெக் என்று மேலும். 376 00:19:38,479 --> 00:19:40,520 இது வெறுமனே எங்கள் அர்த்தம் இப்பொழுது இதை நோக்கங்களுக்காக 377 00:19:40,520 --> 00:19:43,870 இரண்டு சிறப்பு செயல்பாடுகளை நாம் டாட் கொண்டு அழைக்க வேண்டும் 378 00:19:43,870 --> 00:19:46,230 இங்கே உடனடியாக JSON பெற அழைப்பு பிறகு. 379 00:19:46,230 --> 00:19:47,510 ஒரு செய்து அழைக்கப்படுகிறது. 380 00:19:47,510 --> 00:19:49,870 என்று அழைக்கப்படும் ஒரு தோல்வியடைகிறது. 381 00:19:49,870 --> 00:19:51,790 நீங்கள் இந்த யோசிக்க முடியும் வெற்றி கையாளுதல் போன்ற 382 00:19:51,790 --> 00:19:54,960 மற்றும் தோல்வி கையாளுதல் தான் வழக்கில் ஏதாவது தவறு நடந்தால். 383 00:19:54,960 --> 00:19:57,760 >> இப்போது கடந்த பார்போம் இந்த கோப்பு செயல்பாடுகளை ஜோடி. 384 00:19:57,760 --> 00:20:00,180 கீழே இங்கே ஒரு செயல்பாடு ஆகிறது என்று ShowInfo, இது 385 00:20:00,180 --> 00:20:03,090 அந்த ஒரு தகவல் காட்டுகிறது சிறிய தகவல் ஜன்னல்கள் என்று 386 00:20:03,090 --> 00:20:05,380 பயனர் ஒரு மார்க்கர் கிளிக் போது மேல்தோன்றும். 387 00:20:05,380 --> 00:20:08,470 கீழே இங்கே இன்னும் இருக்கிறது என்று மேம்படுத்தல் செயல்பாடு 388 00:20:08,470 --> 00:20:10,510 என்று நாம் நீ செயல்படுத்தப்பட்டது. 389 00:20:10,510 --> 00:20:15,250 வரைபடத்தில் எல்லைக்கு தீர்மானிக்கிறது. 390 00:20:15,250 --> 00:20:19,360 ஜி.பி.எஸ் என்ன அதன் வடகிழக்கு மற்றும் இங்கே தென்மேற்கு மூலைகளிலும். 391 00:20:19,360 --> 00:20:22,780 நாம் சில அடர்நடவின் அளவுருக்கள் தயார் இங்கே பின்னர் இறுதியில் அவர்களை கடந்து 392 00:20:22,780 --> 00:20:26,160 நமக்கு இது, update.php செய்ய மேலும், நீ செயல்படுத்தப்பட்டது. 393 00:20:26,160 --> 00:20:31,390 என்று இறுதியில், சில JSON திரும்ப பெறுகிறது கோப்பு update.php என்று இருந்து 394 00:20:31,390 --> 00:20:34,050 பின்னர் எந்த நீக்குகிறது திரையில் குறிப்பான்கள் 395 00:20:34,050 --> 00:20:36,650 பின்னர் மீது செயல்களை திரும்பி வந்து என்று தரவு 396 00:20:36,650 --> 00:20:40,350 update.php, இருந்து, இது மீண்டும், ஒரு JSON வரிசை ஆகும். 397 00:20:40,350 --> 00:20:45,130 பின்னர் அது இறுதியில் ஒரு மார்க்கர் சேர்க்கிறது அந்த இடங்களில் ஒவ்வொரு கையாளும் தோல்வி 398 00:20:45,130 --> 00:20:47,750 அல்லது எந்த வலிமை பிழைகள் நன்றாக நடக்கும். 399 00:20:47,750 --> 00:20:51,550 >> இப்போது தான் நீங்கள் எப்படி ஒரு சுவை கொடுக்க இந்த திட்டம், பிழைத்திருத்தம் போகலாம், 400 00:20:51,550 --> 00:20:55,420 நான் திறந்து விட்டேன் என்று உணர இந்த URL இங்கே இந்த தாவல் முன்னெடுக்க, 401 00:20:55,420 --> 00:21:01,320 pset8 / articles.php? பூகோள = 02138. 402 00:21:01,320 --> 00:21:04,050 பற்றி இப்போது, மீண்டும், கட்டுரைகள் PHP நாங்கள் உங்களுக்கு நடைமுறைப்படுத்தப்படுகின்றன 403 00:21:04,050 --> 00:21:06,320 எனவே இந்த மிகவும் அல்ல நீங்கள் பயன்படுத்தி கொள்ள வேண்டும் என்ன 404 00:21:06,320 --> 00:21:08,190 பிழைத்திருத்தம், மாறாக நுட்பத்தை. 405 00:21:08,190 --> 00:21:10,590 நான் தேடியது என்று அறிவிப்பு இங்கே கேம்பிரிட்ஜ் ZIP குறியீடு, 406 00:21:10,590 --> 00:21:15,260 நான் ஒரு JSON, உண்மையில், திரும்பி வந்திருக்கிறேன் JSON வரிசை இது உள்ளே எதிர்த்திருகிறது 407 00:21:15,260 --> 00:21:17,640 இரண்டு keys-- இணைப்பு மற்றும் தலைப்பு உள்ளன. 408 00:21:17,640 --> 00:21:19,860 >> எனவே இந்த செயல்பாடு நீங்கள் ஏற்கனவே வேலை. 409 00:21:19,860 --> 00:21:24,330 ஆனால் கைமுறையாக இந்த உத்தி போகிறது ஏதாவது இந்த மாதிரி ஒரு URL போன்ற 410 00:21:24,330 --> 00:21:31,710 search.php? பூகோள = கேம்ப்ரிட்ஜ் அல்லது 02138 அல்லது பயனர் தட்டச்சு என்ன 411 00:21:31,710 --> 00:21:35,770 நீங்கள், உங்களை, முயற்சி என விலைமதிப்பற்ற நிரூபிக்க கண்டுபிடிக்க சரியாக அல்லது ஏன் 412 00:21:35,770 --> 00:21:38,510 search.php வேலை அல்லது இல்லை. 413 00:21:38,510 --> 00:21:41,720 >> இறுதியில், பின்னர், நீங்கள் வேண்டும் மேலே நீங்கள் ஒரு சில TODOs. 414 00:21:41,720 --> 00:21:44,250 நீங்கள் முதலில் செயற்படுத்துபவையாவன போகிறோம் அந்த இறக்குமதி ஸ்கிரிப்ட் 415 00:21:44,250 --> 00:21:46,520 உங்கள் தரவுத்தளத்தில் us.text உள்ள படிக்கிறார். 416 00:21:46,520 --> 00:21:48,760 அதன் பிறகு நீங்கள் வேண்டும் போகிறோம் search.php செயல்படுத்த 417 00:21:48,760 --> 00:21:51,320 குறிப்பிட்ட சரியாக செயல்படும் என்று. 418 00:21:51,320 --> 00:21:54,170 அதன் பிறகு நீங்கள் வேண்டும் போகிறோம் scripts.js கவனம் செலுத்த 419 00:21:54,170 --> 00:21:57,520 மற்றும் இறுதியில் செயல்படுத்துகிறது TODOs அந்த ஜோடி, 420 00:21:57,520 --> 00:21:59,950 கட்டமைக்க உட்பட மற்றும் டெம்ப்ளேட், 421 00:21:59,950 --> 00:22:03,220 , குறிப்பான்கள் சேர்க்க குறிப்பான்கள் நீக்க, மற்றும் பின்னர் கடந்த, ஆனால் குறைந்தது, ஒரு 422 00:22:03,220 --> 00:22:04,330 தனிப்பட்ட தொடர்பு. 423 00:22:04,330 --> 00:22:07,477 >> நீங்கள் உங்கள் மேஷ வேலை செய்து முடித்ததும் கையில் மிகவும் நமது, கோல் 424 00:22:07,477 --> 00:22:09,560 நீங்கள் ஒரு தனிப்பட்ட சேர்க்க ஆகிறது உங்கள் மேஷ தொடவும் 425 00:22:09,560 --> 00:22:11,290 அது அழகியல் அல்லது செயல்பாட்டு என்பதை. 426 00:22:11,290 --> 00:22:13,950 எப்போதும் மிகவும் மேஷ எடுத்து சற்று அடுத்த நிலை. 427 00:22:13,950 --> 00:22:18,330 மிக நீண்ட காலமாக நீங்கள் தாண்டி உங்களை தள்ளும் என ஸ்பெக் தன்னை உங்கள் பரிச்சயம் 428 00:22:18,330 --> 00:22:20,840 மற்றும் ஒரு நுட்பம் அழைத்து புதிய, இது எல்லாம் கூட வெறும் 429 00:22:20,840 --> 00:22:25,610 ஏதாவது மாற்றம் போன்ற அழகியல் நீங்கள் பயன்படுத்தும் அந்த வரைபடத்தை அமைப்பு, 430 00:22:25,610 --> 00:22:28,070 நாம் எதிர்பார்க்க என்று நோக்கம் திருப்தி. 431 00:22:28,070 --> 00:22:30,260 அப்போது, அந்த சிக்கல் அமை 8 மேஷ உள்ளது. 432 00:22:30,260 --> 00:22:33,070 மேலும் இணைந்திருங்கள் விவரக்குறிப்பு மற்றும் அதிர்ஷ்டம் 433 00:22:33,070 --> 00:22:36,400 இந்த கைப்பற்றுதல், உங்கள் கடந்த CS50 பிரச்சினை எப்போதாவது அமைக்க. 434 00:22:36,400 --> 00:22:39,750 >> [இசை] 435 00:22:39,750 --> 00:22:43,542