[Powered by Google Translate] [வாரம் 9, தொடர்ச்சி] [டேவிட் ஜே Malan - ஹார்வர்ட் பல்கலைக்கழகம்] [இந்த CS50 உள்ளது. - CS50.TV] 

இந்த CS50 உள்ளது. இந்த வாரம் 9 இறுதியில் உள்ளது. மிகவும் நன்றி. இறுதியாக. வாரம் 9. எனக்கு கிடைத்தது. இன்று நாம் வலை நிரலாக்க பற்றி எங்கள் உரையாடலை தொடர இறுதி திட்டம் நோக்கி ஒரு கண் வைத்து, நீங்கள் இணைய அடிப்படையிலான ஏதாவது செய்ய வேண்டும், ஏனெனில் இறுதி திட்டங்களுக்கு ஆனால், ஏனெனில் இறுதி திட்டங்களுக்கு ஒன்று அல்லது CS50 பிறகு இந்த நிச்சயமாக நவீன மென்பொருள் என்று எந்த திசையில் உள்ளது. இன்னும் அது உண்மையில் ஒரு சுலபமான காரியம் அல்ல. உண்மையில், செய்ய கடினமான விஷயங்களை ஒரு வடிவமைப்பு அம்சம். 

உதாரணமாக, வடிவமைப்பு மூலம் நாம் உண்மையில் பயனர் இடைமுகம் கிடைக்கும் அல்லது பயனர் அனுபவம் சரி. துணிந்து கூறு நான் - நாம் ஒரு சமீபத்திய பிரச்சனை தொகுப்பில் இருந்து தெரியும் நீங்கள் ஒரு சில மென்பொருள் சில துண்டு பற்றி உங்கள் gripes ஒளிபரப்பப்பட்ட போது அல்லது வன்பொருள் வளாகம் அல்லது இல்லை என்பதை, நீங்கள் infuriates என்று - அங்கு அவுட் தளங்கள் நிறைய இருக்கிறது, வன்பொருள் நிறைய, அங்கு அவுட் இல்லை அந்த வகையான ஏமாற்றுகிறது. ஆனால் உண்மையில் இன்னும் பயன்படுத்த எளிதாக இருக்கும் விஷயங்களை செய்து இருப்பினும் சக்தி வாய்ந்தவை என்று ஒரு கடினமான சவாலாக உள்ளது. எனவே இன்று நான் ஜோசப் மற்றும் டாமி இங்கே என்னை சேர சொன்னார் நாம் ஒரு உரையாடலை முடியும் என்று, இரண்டு பற்றி வடிவமைப்பு என்ன சிந்தனை செயல்முறைகள் வகையான உங்கள் தலை வழியாக செல்லும் தொடங்க வேண்டும் உங்கள் இறுதி திட்டங்களை வடிவமைத்து போது, உங்கள் எதிர்கால முயற்சிகள். பின்னர் டாமி உதவி நாம் செயல்படுத்தல் விவரங்களை சில பார்க்க வேண்டும். எப்படி தாளில் அல்லது உங்கள் மனதில் சில பார்வை முடியும் நீங்கள் நிரலாக்கத்தின்படி இயக்க முடியும் தொழில்நுட்பங்கள் மற்றும் உத்திகள் சில பயன்படுத்தி நாம் தான், பற்றி பேசி கொண்டிருக்கிறேன் அதாவது இங்கு மற்றும் அஜாக்ஸ், ஒத்தியங்கா JavaScript அதாவது, கூட புதிய ஒன்று. என்று நீங்கள் ஒரு பயனர் இடைமுகம் அனைத்தும் மாறும் உருவாக்க அனுமதிக்கிறது ஒரு சர்வரில் இருந்து படிப்படியாக மேலும் தரவை பெறுவதில் மூலம். எனவே நாம் இன்று அந்த துண்டுகளை சில பார்க்கிறேன். ஒரு ஒதுக்கி, நீங்கள் கணினி அறிவியல் கவனம் செலுத்த ஆர்வமாக இருந்தால், அல்லது கணினி அறிவியல் minoring, என்று நண்பகலில் இந்த வெள்ளி மேக்ஸ்வெல் Dworkin 221 பீஸ்ஸா நிகழ்வு அங்கு இருக்கும் நீங்கள் கணினி அறிவியல் பற்றி ஒரு பிட் அறிய முடியும். கதவை வெளியே உங்கள் வழியில் இன்று நீங்கள் ஹார்வர்ட் சிஎஸ் ஒரு அதிகாரப்பூர்வமற்ற வழிகாட்டி அழைத்து முடியும். நாம் இடுப்பு உயரத்தில் வெளியே குப்பை கேன்களில் அதை போடுகிறேன் அதனால் நீங்கள் இந்த கைப்பற்றி மற்றும் சிஎஸ் பற்றி ஒரு பிட் மேலும் அறிய விரும்பினால், இது வாரம் 0 இருந்தது என்று நீங்கள் அங்கு இருக்கும். நீங்கள் 1:15 மணியளவில் இந்த வெள்ளி CS50 மதிய உணவிற்கு சேர விரும்புகிறேன் கூட என்றால், cs50.net/lunch என்று தலைமை. மேலும் சந்தடி இல்லாமல், நான் உங்களுக்கு கற்பிக்கும் சக ஜோசப் ஆங் கொடுக்க. Hi. [கரவொலி] நன்றி. நான் வடிவமைப்பு பற்றி தெரிந்து முதல் முறையாக CS179 என்று இங்கே ஒரு வர்க்கம் இருந்தது. 

அந்த நேரத்தில் பேராசிரியர் எங்களுக்கு வேறு பேராசிரியராக பற்றி கதை சொன்னேன் ஒரு ஓட்டலுக்கு சென்று குழாய்களை பயன்படுத்தப்படுகிறது. யாராவது இடது என்ன 2 கைப்பிடிகளை சொல் மற்றும் சரியான செய்ய முடியும்? [மாணவர்] சூடான மற்றும் குளிர்ந்த. >> சூடான மற்றும் குளிர்ந்த. நல்ல. நீங்கள் சாதாரணமாக எதிர்பார்க்க என்ன, சரியான? குழாய் மூலம் இந்த பேராசிரியராக மழை எடுக்க வேண்டும், மற்றும் அவர் இந்த பயன்படுத்த செல்கிறான். அவர் இடது நினைக்கிறார்கள் மற்றும் வலது பக்கங்களில் உரிமை, வெப்பம் மற்றும் குளிர் உள்ளது? ஆனால் யாரும் என்னை இந்த உண்மையில் என்ன சொல்ல முடியும்? எந்த கையில்? [செவிக்கு புலப்படாமல் மாணவர் பதில்] >> ஒரு கருத்து உள்ளது? [செவிக்கு புலப்படாமல் மாணவர் பதில்] >> வெப்பநிலை? எனவே அவர்கள் ஒரு வெப்பநிலை மற்றும் பிற கட்டுப்பாடுகள் கட்டுப்படுத்துகிறது? >> [மாணவர்] நீர் அழுத்தம். நீர் அழுத்தம். நல்ல. இந்த பேராசிரியர், இந்த செல்லும் மற்றும், அவர்கள் வெப்பம் மற்றும் குளிர் கட்டுப்படுத்தும் நினைக்கிறாய் அவன் சூடான, அனைத்து வழி வரை என்று நினைக்கிறார்கள் இது சரியான ஒரு, மாறும் அவர் ஒரு சூடான மழை எடுக்க வேண்டும், ஏனெனில். சரி, இந்த உண்மையிலேயே வரை பொருந்தவில்லை, அதனால் அவர் இந்த மிகவும் வேடிக்கையாக இல்லை அனுபவம் கிடைக்கும் ஒரு குளிர் மழை இருப்பது, நாம் எல்லோரும் அப்படி என்ன நினைக்கிறார் என்று எனக்கு தெரியும். இந்த வடிவமைப்பில் ஒரு பழுது ஒரு உதாரணம் ஆகும். அந்த குழாய் அவரது எதிர்பார்ப்பு உள்ளது நான் என்ன குளித்துவிட்டு வெளியே வந்து என்ன பொருந்தவில்லை, அவருக்கு துரதிருஷ்டவசமான என்ன ஆகும். இந்த உண்மையான வாழ்க்கையில் நடக்கும் ஒரு வடிவமைப்பு குறைபாடு ஒரு உதாரணம் ஆகும். ஆனால் நாம் மற்ற தான் அனைத்து வகையான பார்க்க. நாம் அநேகமாக MBTA அமைப்பின் ரசிகர்கள் இல்லை. இந்த சொல்வது, லண்டனில் உள்ள உண்மையில் ஒரு சுரங்கப்பாதை அமைப்பு, "இந்த பொத்தானை பயன்பாட்டில் இல்லை." ஏன் அங்கு கூட இல்லை? நாம் ஏன் கவலை? நான் ஒரு குழந்தை, வீட்டில் தொழில்நுட்ப ஆர்வலராகவும் ஒன்றாக, போது கணினி செயலிழக்க செய்யும் போதெல்லாம், என் அம்மா, என்னை வந்து விடும் என்னை இந்த திரையில் காண்பித்து என்னை கேட்டு என்ன நடந்தது. 

கூட நான் இந்த என்றால் என்ன என்று எனக்கு தெரியாது. [சிரிப்பு] என்ன? [சிரிப்பு] சில நேரங்களில் நாம் மென்பொருள் உருவாக்குபவர்களுக்கு போல் தான் ட்ரோலிங் எங்களுக்கு இருக்கிறது. பயனர் நாம், மாதிரி என "என்ன நடக்கிறது? யாராவது சொல்லுங்கள்." இந்த அனைத்து வடிவமைப்பு ஒரு பிரச்சினை வந்து. வடிவமைப்பு, நாம் பார்க்க முடியும் என, அழகியல் பற்றி முற்றிலும் இல்லை இது எல்லாம் எப்படி இருக்கிறாய் பற்றி அல்ல. இந்த பாப் அப் இங்கு சிறிது உண்மையில் மிகவும் நன்றாக இருக்கிறது என்று இங்கே பார்க்க. அது பின்னணியில் ஒரு துளி நிழல் இல்லை, அது நடக்கிறது எல்லை radiuses உள்ளது. அதை அழகாக வகையான தான். இது மிகவும் பயனர் நட்பு இல்லை, ஏனெனில் அது நன்றாக வடிவமைக்கப்பட்டுள்ளது. வரும் பாப் அப் என்று கொஞ்சம் என்னை எந்த தகவல் கொடுக்க முடியாது என்ன நடக்கிறது பற்றி, அது பயனர் என்னிடம் எதுவும் சொல்ல முடியாது என்று பிழை மீட்க எப்படி. நாம் வடிவமைப்பு அல்ல என்று விஷயங்களை பற்றி சிந்திக்க வேண்டும். முதல், அது அழகியல் இல்லை. இது தேவையற்ற செயல்பாடுகளை டன் உங்கள் பயன்பாட்டை திணிப்பு இல்லை. நீங்கள் ஒரு தாய் உணவகம் என்றால், நீங்கள் ஒருவேளை அதே நேரத்தில் ஒரு பல் மருத்துவர் இருக்க விரும்பவில்லை. மற்றும் பேஸ்புக் கேள்விகள், பல மக்கள் அதை பயன்படுத்த முடியாது என்று அதை அவர்கள் கட்டி என்ன முக்கிய மணிக்கு உண்மையில் இல்லை. அதனால் அதை மிகவும் விஷயங்கள் அளவு இல்லை யோசிக்க நல்லது நீங்கள் உங்கள் விண்ணப்பத்தை ஆனால் தரத்தை வைத்து என்று மற்றும் எப்படி நீங்கள் சிறந்த பயனர் அனுபவத்தை செய்கிறாய் மூலம் உண்மையில் நீங்கள் ஏற்கனவே என்ன மீது மேம்படுத்த. 

சுருக்கமாக, வடிவமைப்பு நாம் உருவாக்க வேண்டும் என்று சொல்கிறது. உதாரணமாக, நாம் பொருட்களை தேடுவதற்கு அனுமதி என்று ஒன்று கட்டி என்றால், கூகிள் போன்ற, உதாரணமாக, நாம் ஒரு விதத்தில் விஷயங்களை செய்ய வேண்டும் என்று, பயனர் அவர்கள் என்ன வேண்டுமானாலும் பெற கிளிக் நிறைய எடுக்க வேண்டும் அல்லது நாம் கூகிள் உடனடி அல்லது தானாக நிரப்புதல், எடுத்துக்காட்டாக, ஒரு வகையில் அது செய்ய வேண்டும் என்று எங்கள் முடிவுகள் வேகமாக கிடைக்கும் உதவுகிறது? டாமி உண்மையில் இது கட்டி, நீங்கள் காண்பிக்கும் போன்ற பொறியியல், அடங்கும். வடிவமைப்பு வகைகள் நிறைய உள்ளன. உதாரணமாக, நீங்கள் ஏதாவது கட்டி என்றால் ஏதோ வரிசைப்படுத்த அதிக மின்சாரம் அல்லது அந்த தொழில்நுட்பம் இல்லை ஒரு மூன்றாம் உலக நாட்டில், நீங்கள் உருவாக்க நீங்கள் என்ன வடிவமைக்க வேண்டும் எளிதில் அங்கு மக்கள் அணுகலை வழங்கும் ஒரு வழி. ஆனால் மற்ற வடிவமைப்பு முடிவுகளின் வகையான இருக்கலாம் என்ன அல்லது இந்த மாதிரி ஏதாவது தொடர்பு இருக்கலாம்? Yeah. நான் ஒரு கை பார்க்கிறேன். [செவிக்கு புலப்படாமல் மாணவர் பதில்] >> வலது. சரியாக. அணுகல்தன்மை ஒரு விஷயம். நிறைய பேர் "என்ன என் செய்த பற்றி?", பற்றி நினைக்கவில்லை அல்லது ஸ்பெக்ட்ரம் உச்ச போல். நான் சிந்தித்தேன் இல்லை என்று குறைபாடுகள் இருக்கலாம் பயனர்கள் இல்லை நான் பொது பயனர் வடிவமைப்பு பற்றி யோசிக்கிறேன். இண்டர்நெட், இப்போதெல்லாம் யாரும் அணுக நான் அந்த மக்கள் வடிவமைத்தல். நீங்கள் என்ன மற்ற வடிவமைப்பு முடிவுகளின் வகையான செய்யலாம்? ஆம். >> [மாணவர்] செலவு. செலவு. நல்ல. நாம் எமது வடிவமைப்பு முடிவுகளை அடிப்படையாக இருக்கும் மற்றொரு விஷயம் செலவு ஆகும். நாம் ஒரு வணிக என்றால், நீங்கள் உருவாக்க எவ்வளவு செலவு ஆகும் என்று ஒன்று உருவாக்க வேண்டும் ஆனால் ஒரு குறிப்பாக உயர் செலவில் விற்க முடியும் அல்லது எங்களுக்கு சில இலாப பெற முடியும். 

இந்த வடிவமைப்பு அனைத்து பல்வேறு வகைகள் உள்ளன, ஆனால் நாம் இணையத்தில் ஏதாவது கட்டி போது அல்லது நாம் அநேகமாக இப்போது உருவாக்க என்று மிகவும் செலவு இல்லை என்று ஏதாவது கட்டி போது, இணைய பயன்பாடுகள் போன்ற - நீங்கள் அதை மிகவும் மூலதன தூக்கி இல்லை உண்மையில் வேலை என்று ஏதாவது செய்ய வேண்டும் - என்ன பற்றி தான் கவலை என்றால் பயனர் அனுபவம். இந்த பயனர் வடிவமைப்பு அழைப்பு. அடிப்படையில் என்ன பயனர் வடிவமைப்பு அடங்கும் உங்கள் பயனர் காலணிகள் உள்ள உங்களை போடுவாள். நான் கட்டி நான் என்ன ஒருவர் அறிகுறிகள் வரை இருந்தால், அவர்கள் வெளிப்படையாக, மனதில் ஒரு கோல் என் குறிப்பிட்ட பயன்பாடு வருகிறார்கள் ஒரு பணியை அவர்கள் முடிக்க வேண்டும். உங்கள் வேலை அவர்கள் அந்த பணியை முடிக்க உதவும் மட்டும் ஆனால் அவர்கள் இயல்பானதாகவும், அதிக திறன் என்பது ஒரு வகையில் அந்த பணியை முடிக்க உதவ, மேலும், சில நபர் அங்கு என, அணுகக்கூடிய. திறன் என்ன அர்த்தம்? திறன் எவ்வளவு சீக்கிரம் என் பயனர் என் இடைமுகம் கொடுக்கப்பட்ட பணியை முடிக்க வேண்டும் என்பதாகும். அவர்கள் ஒரு இடத்தில் இருந்து மற்றொரு பெற அதை கிளிக் நிறைய எடுக்கும்? அதை பின்பற்ற வேண்டாம் என்று? அவர்கள் மீண்டும் மீண்டும் பணிகள் நிறைய செய்ய வேண்டும்? நாம் முடிந்தவரை திறமையான என்று செயல்முறை செய்ய வேண்டும் அவர்கள் எல்லாம் அந்த வகையான செய்ய இல்லை. ஒரு பயனர் என் இடைமுகத்தை தெரிகிறது என்றால் intuitiveness போன்ற, என்று, எடுத்துக்காட்டாக,, அதை அவர்கள் இடம் விட்டு இடம் பெறுவது எளிது? அவர்கள் என் முகப்பில் என்பதை கிளிக் செய்து என்ன கண்டுபிடிக்க எளிதாக இருக்கும் அவற்றை அவர்கள் அடைய வேண்டும் என்று இலக்கு அல்லது பணி அடைய? 

ஒரு நபர் அங்கு என இறுதியாக, அணுகுமுறைக்கு மிகவும் முக்கியமானது. [ஆண் பேச்சாளர்] அது பார்வை போன்ற விஷயங்களுக்கு அணுக வரும், நான் உண்மையில் குருட்டு யாராவது ஏதாவது வடிவமைத்து எப்படி இருக்கும்? ஓ. அனைத்து பார்க்க முடியாது மக்கள், நாம் திரையில் வாசகர்கள் என்று ஒன்று இருக்கிறது. நீங்கள் என்ன செய்ய வேண்டும் நீங்கள் ஒரு வழியில் உங்கள் இணைய உருவாக்க வேண்டும் என்று, உதாரணமாக, நாம் அழைக்க என்ன குறிப்பிட்ட தொழில்நுட்பங்கள் - இப்போது விஷயங்கள் நிறைய உள்ளன. நான் JAWS என்று திரையில் வாசகர்கள் உள்ளன என்று. இந்த விஷயங்கள் நாம் பகுதியில் விதிகள் அழைக்க என்ன தங்கியிருக்க பக்கத்தில் தற்போது என்ன பயனர் படிக்க வேண்டும். பார்க்க முடியாது அந்த மக்கள், நீங்கள் உறுதி செய்ய வேண்டும் என்று இந்த திரை வாசகர்கள் உண்மையில் பக்கத்தில் உள்ள உள்ளடக்கம் அழைத்து முடியும் உண்மையில் உங்கள் பயனர் காட்ட முடியும், நீங்கள் பார்க்க முடியாது என்றால், குறைந்தது இன்னும் பக்கத்தில் உள்ளடக்கத்தை புரிந்து கொள்ள முடியும். Yeah. சரி. போதுமான நல்ல வடிவமைப்பு பற்றி. மோசமான வடிவமைப்பு பற்றி பேசலாம். இந்த நீங்கள் செய்ய வேண்டும் என்று விஷயங்கள் உள்ளன. யாராவது கிரெய்க்ஸ்லிஸ்ட் தங்கள் அனுபவங்களை பற்றி சொல்ல முடியும் மற்றும் அவர்கள் என்ன என்று இந்த வடிவமைப்பு பற்றி இவ்வளவு பெரிய அல்ல? ஆம். >> [மாணவர்] நான் பல வார்த்தைகள் ஒரு பகுதியில் இருக்கிறது என்று நான் நினைக்கிறேன். பல சொற்கள், சரியான? முற்றிலும் பெரும். இந்த பக்கம் வந்து நீங்கள் இங்கு விஷயங்களை ஒரு மொத்தமாக வரவேற்பை நீங்கள் என்று கூட நீங்கள் தேவையில்லை என்று. உதாரணமாக, நீங்கள் இந்த கடிதத்தை தொடங்கும் என்பது ஒரு மாநில வாழ்கின்றனர். நாம் உங்களுக்கு டெக்சாஸ் அல்லது ஏதாவது வாழ சொல்கிறது. 

நீங்கள் இருக்கும் இடம் பெற பக்கம் கீழே அனைத்து வழி உருட்டும் வேண்டும். நான் போஸ்டன் இருந்து இருக்கிறேன், என்னை மாசசூசெட்ஸ் பார்போம். மாசசூசெட்ஸ் எங்கே? ஓ, அது இங்கு தான். ஓ, அது போஸ்டன் தான். சரி. பாஸ்டன் பார்க்கிறேன். [சிரிப்பு] அழகான பெரும், சரி? அங்கு மோசமான விஷயங்கள். [சிரிப்பு] நாம் நான் வாழ எங்காவது தேடிக்கொண்டிருக்கிறேன் என்று. எத்தனை பேர் உண்மையில் கிரெய்க்ஸ்லிஸ்ட் பயன்படுத்த வேண்டும்? நீங்கள் டன்கள். இதை பாருங்கள், ஆனால் இந்த நேரத்தில் நாம் மோசமாக வழிகள் உள்ளன. Img மற்றும் டத்தில் உள்ள வித்தியாசம் என்ன? யாராவது சொல்ல முடியுமா? உண்மையில் எந்த வித்தியாசமும் இல்லை. அவர்கள் சரியாக தான் அர்த்தம், ஆனால் அவர்கள் சில காரணங்களால் அவர்களுக்கு வேறு லேபிள்களை. நான் Has கிளிக் செய்தால் படம், எதுவும் பக்கத்தில் நடக்கிறது. நான் உண்மையில் நடக்கும் ஒன்று மீண்டும் தேடுதல் கிளிக் செய்ய வேண்டும். என்ன செய்ய வேண்டும் என்று ஒரு நல்ல வடிவமைப்பு முடிவு இருக்கும்? நான் அந்த வடிகட்டி என்பதை கிளிக் செய்தால் நான் அநேகமாக அந்த குறிப்பிட்ட நடவடிக்கை மூலம் வடிகட்ட வேண்டும் அல்லது குறிப்பிட்ட வகை. அதற்கு பதிலாக மீண்டும் தேடுதல் ஊடக என்ற எனவே, நான் தானாகவே வடிகட்டி செய்ய அவர்கள் உடனடியாக அதை செய்ய அங்கு கூகுள் பாணியில் வகையான. [Malan] ஆனால் நாம் இதுவரை உடல் சமர்ப்பிக்க வேண்டும் பார்த்தேனே ஏற்படுத்தி இல்லை தாக்கியதன் மூலம் குறைந்தது அல்லது ஒரு பொத்தானை கிளிக் செய்து Enter? நீங்கள் இதுவரை பார்த்தேன், நீங்கள் உண்மையில் அந்த விஷயங்களை செய்ய சமர்ப்பி என்பதை கிளிக் செய்யவும் வேண்டும். 

ஆனால் டாமி இரண்டாவது நீங்கள் காண்பிக்கும் என, உண்மையில் நீங்கள் வழிகள் உள்ளன நீங்கள் அந்த காரியத்தை கிளிக் செய்யும் போது அது தானாகவே அனுப்ப முடியும் என்று போன்ற நாம் ஒரு அஜாக்ஸ் கோரிக்கை அழைத்து வந்து தரவு பெற உடனடியாக உங்கள் முடிவுகளை வடிகட்ட என்ன. இந்த இடைமுகம் தவறு என்று விஷயங்கள் டன் உள்ளன. [Malan] நீங்கள் கேம்பிரிட்ஜ் தேட முடியுமா? நீங்கள் கேம்பிரிட்ஜ் பற்றி கவலை அங்கு சற்று முரணான ஒன்று இங்கே உள்ளது இன்னும் நீங்கள் WESTFORD, வசந்த ஹில், மேற்கு நியூட்டன் போன்ற வருகிறோம். தராது சிறந்த. >> ஒருவேளை சிறந்த இல்லை. எப்படி நான் இந்த குறிப்பிட்ட பக்கத்தில் பயனர் அனுபவத்தை சிறப்பாக செய்ய முடியும்? ஆம். >> [மாணவர்] வழிமுறைகள். சரி. உணர்வு என்ன மாதிரியான உள்ள வழிமுறைகளை? உதாரணமாக [மாணவர்], கூட கிரெய்க்ஸ்லிஸ்ட் என்ன தெரியாது முதல் முறையாக செய்த ஒரு விஷயம், அல்லது நீங்கள் செய்ய வேண்டும் என்று எனக்கு தெரியாது. சரி. எனவே கிரெய்க்ஸ்லிஸ்ட் இந்த பக்கத்தில் என்ன என்பதை விளக்க வேண்டும். நாம் உண்மையில் இந்த பக்கத்தில் உண்மையில் என்ன பயனர் சொல்ல முடியும். நான் இந்த விஜயம் செய்தால் நான் இடங்களில் ஒரு மொத்தமாக பார்க்க. நான் கூட அவர்கள் என்ன என்று எனக்கு தெரியாது. ஆனால் அதைவிட முக்கியமாக, இப்போது, இந்த முகப்பை பார்த்து நான் ஒரு குறிப்பிட்ட சமூகத்தை கண்டறிய விஷயங்களை ஒரு டன் கீழே இருந்தது நினைவில் நான் உண்மையில் இந்த பற்றி அக்கறை என்று. நான் அதை செய்ய முடியும் ஒரு வேகமான வழி என்ன? ஆம். [மாணவர்] அவர்கள் கிழக்கு, மேற்கு பகுதிகளில் வரை வகுத்தல். சரி >>. நான் வேகமாக தீர்மானிக்க உதவும் என்று மேலும் பிரிவுகள் அவற்றை பிரித்து முடியும் அந்த குறிப்பிட்ட இடம் பெற எப்படி. [மாணவர்] ஒரு கீழ்தோன்றும் பட்டியல் போடுங்கள். >> வலது. சரி. விஷயங்களை நாம் ஒரு நிலையான அமைப்பு இல்லை, ஏனெனில் நான் ஒரு துளி மெனுவை பயன்படுத்த முடியும் நாம் ஒரு கீழ்தோன்றும் மெனுவில் அவற்றை காண்பிக்க முடியும். அந்த வழியில் அதை திரையில் நிறைய இடைவெளி எடுத்து இல்லை. ஆனால் அதை விட சிறந்த, நாம் என்ன செய்ய முடியும்? ஆம். நீங்கள் மீண்டும் அந்த >> [செவிக்கு புலப்படாமல் மாணவர் பதில்] >> சொல்ல முடியுமா? >> [மாணவர்] தேடல் பெட்டியில். சரி, ஒரு தேடல் பெட்டி. அது மிகவும் நல்லது. நாம் சரிவுகள், தேடல் பெட்டியில் வந்து பார் என்றால் என்ன நாம் உண்மையில் என்ன செய்ய முடியும் என்று. தான்நிரப்புதல். உங்களுக்கு தெரியும் என்று முடிவு மூலம் தேட மிகவும் சுலபமான வழி, ஒரு அமைப்பு உள்ளது. நான் BO தட்டச்சு ஆரம்பித்தால், என்னை அவர்கள் BO உள்ளே வேண்டும் என்று அனைத்து முடிவுகள் காட்டுகின்றன. அந்த வகையில் நான் மிகவும் எளிதாக நான் போக வேண்டும், குறிப்பாக ஒரு காணலாம் அதற்கு பதிலாக, இந்த உண்மையிலேயே பெரிய பட்டியல் மூலம் உருட்டும் செய்ய கொண்டிருக்கும். 

இந்த உண்மையில் குறைந்த தொங்கும் பழத்தை அனைத்து வகையான என்று கிரெய்க்ஸ்லிஸ்ட் செயல்படுத்தி வருகிறது யாராவது உண்மையில் அவர்கள் குறிப்பிட்ட பயனர் நிறைய நல்ல வலைத்தளத்தில் அனுபவம் செய்ய முடியும். சரி. போதுமான மோசமான வலைத்தளங்கள் பற்றி. அது பேஸ்புக் பற்றி பேசலாம். பேஸ்புக் வெளியே வந்து, குறிப்பாக பேஸ்புக் புகைப்படங்கள் போது, அதே விஷயங்களை செய்ய எந்த நேரத்தில் மற்ற சேவைகள் நிறைய இருந்தன. அவர்கள் ஆல்பங்கள் உங்கள் புகைப்படங்கள் ஏற்பாடு செய்ய முடியும். என்ன செய்ய நீங்கள் அதே செட் அவற்றை ஏற்பாடு செய்ய உள்ளது. நீங்கள் தேதி அவர்கள் ஏற்பாடு செய்ய முடியும். நீங்கள் இந்த குறிப்பிட்ட செயல்களை செய்ய முடியும். ஆனால் யாரையும் பேஸ்புக் புகைப்படங்கள் அது வெளியிடப்பட்டது நேரத்தில் வெடிக்க செய்து என்ன தெரியும்? ஆம். >> [மாணவர்] குறிச்சொற்கள். >> குறிச்சொற்கள். சரியாக. நாம் அந்த CS50 bandana எமது நாய் சின்னம் யார் இங்கு மிலோ, இல்லை. நாங்கள் நடுத்தர இந்த குறியிடுதலின் அம்சம் என்று பார்க்கலாம். என்ன ஒரு பயன்பாட்டினை நிலைப்பாட்டில் இருந்து பேஸ்புக் புகைப்படங்கள் மிகவும் சுவாரசியமான செய்து உண்மையில் இந்த வழியாக மக்கள் தங்கள் புகைப்படங்களை தங்கள் நண்பர்களை தொடர்பு அனுமதி உள்ளது. பேஸ்புக் தங்கள் இணையதளத்தில் குறிப்பாக சமூக என்பதால், இது சமூக சூழலை இந்த வகையான கட்டி பற்றி. என்று நிறைய புகைப்படங்கள் அனுபவம் மேம்படுத்தப்பட்டுள்ளது அவர்கள் உண்மையில் சொல்ல ஆரம்பித்தது ஏனெனில், "இந்த, மக்கள் இடையே இணைப்புகளை இருக்கும் இந்த நீங்கள் உண்மையில் அக்கறை பற்றி புகைப்படங்கள் உள்ளன. " அது ஒரு பகுதியாக கூட வகையான நாசீசிஸம் உள்ளது. மக்கள் போன்ற புகைப்படங்கள் மற்றும் பொருட்களை குறியிட வேண்டும். ஒரு நல்ல மனித பண்பு இல்லாமல் அதே நேரத்தில், அதே நேரத்தில், அது நல்ல வடிவமைப்பு முடிவுகளை அடிப்படையாக மக்கள் உண்மையில் இந்த விஷயங்கள் பற்றி கவலைப்பட காரணம். எனவே பேஸ்புக் புகைப்படங்கள் தான். 

ஆனால் இன்னும் பொதுவாக பேஸ்புக் பேசுகிறேன். நான், இங்கே மக்கள் நிறைய பேஸ்புக் பற்றி கருத்துக்களை இல்லை நிச்சயமாக நல்ல வடிவமைப்பு முடிவுகள் மற்றும் மோசமான வடிவமைப்பு முடிவுகளை இரு. எனவே கொட்டி அல்லது சந்தோஷமாக இருக்கட்டும். வாருங்கள். நான் உங்களுக்கு அனைத்து பேஸ்புக் பயன்படுத்த தெரியும். யாரோ சொல்ல மோசமான ஒன்று அல்லது அது பற்றி நல்ல ஏதாவது செய்ய வேண்டும். ஆம். செய்தி ஜூன் மாதம் [மாணவர்] நான் கவலைப்படமாட்டேன் நிறைய விஷயங்கள் உள்ளன. செய்தி ஜூன் நீங்கள் பற்றி கவலை படாமல் நிறைய விஷயங்களை காட்ட இல்லை. நீங்கள் 2 அல்லது 3 ஆண்டுகளுக்கு சந்தித்தது இல்லை யார் Facebook இல் நண்பர்கள் மற்றும் அவர்கள் செய்தி முடிவுகள் உங்கள் செய்தி ஜூன் வரை உறுத்தும் பார்க்க நீங்கள் உண்மையில் அதை பற்றி கவலைப்படவில்லை. Facebook உண்மையில், இந்த சிறந்த செய்ய முயற்சி செய்தது அவர்கள் உண்மையில் தாமதம் போன்ற செய்தி ஜூன் மேல் பொருத்தமான முடிவுகளை தள்ள முயற்சி எனவே நீங்கள் உண்மையில் நீங்கள் அல்லது உங்கள் நெருங்கிய நண்பர்களுக்கு தொடர்புடைய எந்த நண்பர்கள் விஷயங்களை பார்க்க. வேறு ஏதாவது? ஆம். நீங்கள் மீண்டும் அந்த [செவிக்கு புலப்படாமல் மாணவர் பதில்] >> சொல்ல முடியுமா? [மாணவர்] விளம்பரங்கள் ஒப்பீட்டளவில் unobtrusive இருக்கும். என்ன அர்த்தத்தில் >>? [செவிக்கு புலப்படாமல் மாணவர் பதில்] அவர்கள் பதாகைகளை போல், திரையில் வெளிச்சம் இல்லை. சரி. நல்லது. நீங்கள் 90 முதல் இணைய நினைவில் என்றால் - >> [Malan] நான் இருந்தது. >> அவர் அங்கு இருந்தார். [சிரிப்பு] நீங்கள் sparkly ஒளிரும் GIF களை பின்னணியில், விஷயங்கள், நினைவிருக்கும் விஷயங்கள் ஜியோசிட்டீஸ் பாணி வகையான. என்று உண்மையிலேயே ஒரு நல்ல வடிவமைப்பு உதாரணம் இல்லை அது உண்மையில் உள்ளடக்கத்தை இருந்து கவனச்சிதறல் காரணமாக. அவற்றின் பின்னணி போன்ற அனிமேஷன் GIF களை பயன்படுத்த யேல் கலை வலைத்தளம் மற்றும் நீ, பக்கத்தில் எதையும் படிக்க முடியவில்லை ஆனால் நான் ஒருவரை உண்மையில் அவர்களுக்கு பேசினேன், இப்போது அதை ஒரு பிட் வேறு நினைக்கிறேன். [Malan] இது இப்போது மிகவும் நல்லது. நீங்கள் பார்க்க முடியும் என அது, இப்போது மிகவும் நல்லது >>. >> [Malan] ஓ. ஒரு பெரிய, நான் - சரி. சரி. 

அது ஒரு பகுதியாக உங்கள் பக்கம் சாத்தியமான மிக குறைந்தபட்ச மற்றும் மிகவும் புரிந்து வருகிறது மிகவும் தருக்க என்று ஒரு வழியில் பக்கம் ஓட்டம் பற்றிய விஷயங்கள் மிகவும் மற்றும் ஒவ்வொரு பிற வழியில் இல்லை. மற்ற விஷயங்கள் என்ன வகையான பேஸ்புக் பற்றி நல்ல அல்லது Facebook பற்றி மோசமாக இருக்கும்? அது தான் இங்கே ஒரு வடிவமைப்பு உரையாடலை சாப்பிடலாம். ஓ. எங்கே? Yeah. [மாணவர்] புதிய காலக்கெடு முறை நீங்கள் அவர்கள் கடந்த பற்றி நபரின் சுயவிவரத்தை தேட அனுமதிக்கிறது. , காலக்கெடு ஓ. அதை நீங்கள் தண்டு உங்கள் நண்பர்கள் உதவுகிறது ஏனெனில் காலக்கெடு பெரிய விஷயம் மீண்டும் அவர்கள் உயர்நிலை பள்ளியில் இருந்த போது. அதை நீங்கள் நிறைய வேகமாக உள்ளடக்கத்தை மூலம் வடிகட்ட முடியும் என்பதால் காலக்கெடு, நல்ல அதை நீங்கள் வேறு கண்டுபிடிக்க நீங்கள் ஒரு நீண்ட நேரம் எடுத்து என்று விஷயங்களை கண்டுபிடிக்க அனுமதிக்கும் ஒரு நேரத்தில் திரும்பி போகும், வரை, வரை, வரை, வரை, வரை, வரை ஸ்க்ரோலிங் கீழே. ஆனால் பின்னர் ஒரு தீங்கு வகையான பயனர் அனுபவத்தில் என்று கூட இல்லை. என்ன இருக்கும்? பி, ஆர் தொடங்குகிறது என்று பெரிய வார்த்தை. >> [மாணவர்] தனியுரிமை. >> தனியுரிமை, சரியான? தனியுரிமை ஒரு பெரிய பயனர் அனுபவம் பிரச்சினை. இந்த நான் இப்போது பேஸ்புக் பற்றி மிகவும் வெறுக்கிறேன் விஷயங்களை ஒன்றாகும். [சிரிப்பு] [Malan] நான் இப்போது என்ன செய்ய. டேவிட் இந்த உண்மையில் நேற்று வரை நடந்தது என்று தெரியவில்லை. எனவே இப்போது அவர் நான் அவரை அரட்டை ஒவ்வொரு முறையும் நான் அவர் என்னை புறக்கணித்து வருகிறது என்று தெரியும் என்று தெரியும். [Malan] நான் உண்மையில், அவரை மோசமான பகுதியாக அசட்டை மற்றும் நான் அவனை அசட்டை தெரியும் தெரியாது. [சிரிப்பு] தனியுரிமை ஒரு பெரிய பிரச்சினை. இங்கே யாரும் பேஸ்புக் தனியுரிமை பற்றி மோசமாக இருக்கும் என்பதை சொல்ல முடியும் அவர்கள் இப்படி செய்வது என்பதை தவிர? இது பேஸ்புக் தனிப்பட்ட மரியாதை செய்ய குறிப்பாக கடினமான என்ன? அந்த மாதிரியான ஒரு முக்கிய கேள்வி. ஆம். >> [மாணவர்] சில பேர் உங்கள் புகைப்படங்களை மறை. சரி. சரியாக, சில மக்கள் உங்கள் புகைப்படங்கள் மறைக்க. அவர்கள் உங்களுக்கு ஒரு புகைப்பட தனியுரிமை மாற்றுவதற்கு உதவும் என்று மேல் வலது இந்த சிறிய, சிறிய பொத்தானை வேண்டும். அவர்களின் தனியுரிமை விருப்பங்கள் மிகவும் மெனுக்கள் பல்வேறு வகையான இடையே வேறுபடுகின்றன. 

அவர்கள் சமீபத்தில் இது பற்றி நிறைய நல்ல வந்திருக்கிறேன், ஆனால் அது அவ்வாறு பயன்படுத்தப்படும் நீங்கள் பார்த்து புகைப்படங்கள் உங்கள் நண்பர்களை தடுக்க வேண்டும் போதெல்லாம் என்று, நீங்கள், இப்படி இருப்பது மிகவும் சிக்கலான 5 படிநிலை செயல்பாட்டின் மூலமாக செல்ல வேண்டும் என்னை இந்த இணைப்பை கிளிக் விட, இப்போது என்னை மீண்டும் கிளிக் விட, என்னை மீண்டும் கிளிக் நாம் என்னை மக்கள் என் புகைப்படங்கள் பார்க்க முடியாது குறிப்பிட விரும்புகிறேன். அந்த ஃபேஸ்புக்கின் பகுதியில் குறிப்பாக நல்லதல்ல பயனர் அனுபவம் பற்றி இவ்வளவு உண்மையில் அவர்களுக்கு சுதந்திரம் கொடுக்காமல் ஏனெனில் மக்கள் பார்க்க முடியும் என்ன கட்டுப்படுத்த. இந்த பயனர் கட்டுப்பாடு மற்றும் சுதந்திரம் என்று. நீங்கள் அனுமதிக்க மாட்டேன் என்றால் உங்கள் பயனர் என்று திறமையான மற்றும் உள்ளுணர்வு என்று ஒரு வழியில், பின்னர் உங்கள் பயனர் அனுபவம் எல்லாம் உண்மையில் பெரும் அல்ல.  நீங்கள் பேஸ்புக் பற்றி எதுவும் சொல்ல விரும்புகிறீர்கள்? எப்படி நான் இந்த அணைக்க? [ஆங்] இந்த அணைக்க முடியாது, மற்றும் பேஸ்புக் ஒரு பகுதியாக ஒரு பெரிய பயன்பாட்டினை குறைபாடு ஆகும். இந்த அம்சம் - நான் உண்மையில் நேற்று அதை பார்த்து - நீங்கள் அதை செய்ய முடியாது என்று ஒன்று இல்லை அல்லது அது எங்கோ மிக, மிக ஆழமான புதைத்து விட்டது ஃபேஸ்புக்கை சரிவுகளில் எனக்கு இந்த செயல்பாட்டை முடக்க எப்படி கண்டுபிடிக்க முடியாது. [Malan ஆனால் சில நேரங்களில் இந்த முடிவுகள் தெளிவாக இல்லை நீங்கள் பல்வேறு CS50 பயன்பாடுகள் பற்றி பயனுள்ள கருத்துக்களை நிறைய கொடுக்கப்பட்ட காரணம் மற்றும் நிச்சயமாக பயன்படுத்தும் வலைத்தளங்களில். இந்த கோரிக்கைகள் மற்றும் ஆலோசனைகளை அனைத்து நடைமுறைப்படுத்தவில்லை. 

அந்த பகுதி, அதை முறையாக ஒரு செயல்பாடு என்று பல கோரிக்கைகளை பெற்று உள்ளது ஆனால் சில நேரங்களில் நாம் போல் ஒரு உணர்வு முடிவு செய்ய, "நன்றி, ஆனால் நாங்கள் ஏற்கவில்லை." உங்கள் பயனர் நீ ஏதாவது செய்யவேண்டும் என்று நினைக்கிறேன் என்றால் எப்படி உண்மையில் நீங்கள் என்ன செய்ய வேண்டும் என்பதை முடிவு செய்ய வேண்டும் நீங்கள் அவசியம் இல்லையா? கூட இது உண்மையில் உங்கள் பயனர் சொல்வதை கேட்டு இடையே நன்றாக இருப்பு உள்ளது நீங்கள் எங்கே, உண்மையில், வரி ஒருவித கொண்ட "நாங்கள் இந்த பயனர் என்ன செய்ய போவதில்லை." குறிப்பாக, நான் மிகவும் நன்றாக இந்த கொண்டு மொத்த அளவை என்று ஹென்றி ஃபோர்ட் மேற்கோள் இருந்தது என்று. "நான் அவர்களுக்கு என்ன மக்கள் கேட்டு இருந்தால், அவர்கள் வேகமாக குதிரைகள் வேண்டும் என்று." யார் என்று நான் உண்மையில் என்ன அர்த்தம் தவிர கிண்டல் வகையான முடியும்? இது, பயனர் அவர்கள் எனக்கு மட்டும் என்று இல்லை ஆனால் அது இன்னும் என்று - [மாணவர்] அவர்கள் சாத்தியம் என்று எனக்கு தெரியவில்லை. பகுதியாக அவர்கள் சாத்தியம் என்று எனக்கு தெரியவில்லை. அந்த தவிர சற்று கேலி. நீங்கள் என்ன சொல்ல விரும்புகிறீர்கள்? [செவிக்கு புலப்படாமல் மாணவர் பதில்] நல்லது. என்ன நான் இங்கே சொல்ல முயற்சிக்கும் என்று மக்கள் விரும்பினால் என்ன என்று எனக்கு தெரியும். அவர்கள் வேகமாக குதிரைகள் வேண்டும். அவர்கள் உண்மையிலேயே விரும்பினால், வேகமாக நகர்த்த திறன் ஆகும் ஆனால் அவர்கள் உண்மையில் அந்த அடைவதற்கு இது நடுத்தர தெரியாது. நீங்கள் உங்கள் பயனர் வந்து உங்கள் பயனர் நீ ஏதாவது சொல்ல போது மற்றும் அவர்கள், "நாங்கள் இந்த அம்சங்கள் மற்றும் இந்த அம்சங்கள் மற்றும் இந்த அம்சங்கள் வேண்டும்", உன்னிடம் நீங்கள் அவசியம் பற்றி யோசிக்க வேண்டாம், "எனக்கு முன்னால் போகட்டும் "மற்றும், அவர்கள் வெளிப்படையாக சொல்ல என்ன செயல்படுத்த" ஆனால் என்ன நீங்கள் யோசிக்க வேண்டும் "சிந்தனைகளை விதமான நான் அந்த இருந்து பெற முடியும் என்ன?", என்று அவர்கள் உண்மையில் என்ன வேண்டும்? 

மற்றும் அங்கு இருந்து நீங்கள் என்ன செய்ய முடியும் அந்த கோரிக்கைகளை திருப்திப்படுத்துகிறது என்று ஒன்று வடிவமைத்து உள்ளது ஆனால் அவசியம் பயனர் அது திருப்தி வேண்டும் எதிர்பார்க்கிறது என்று வழியில். மிகவும் உண்மையான வார்த்தைகள் இறுதி திட்டங்கள் போல, ஐந்து, இது நல்ல விஷயம் செய்யும் போது ஒரு பயனுள்ள பட்டறிவு, என்ன வடிவமைப்பாளர் அவரை பற்றி இந்த திமிர் உள்ளது குறிப்பாக நீங்கள் அப்படி சிறந்த என்ன தெரியும் அதனால், நீங்கள், உங்கள் பயனர் உள்ளீடு ஆகலாம் ஆனால் நீங்கள் உண்மையில் அந்த கருத்து பற்றி எப்படி போவது? இறுதி திட்டங்களில், மிக உறுதியாக, என்ன இங்கே அனுகூலமான முடிவுகளை? என்ன அனுகூலமான முடிவுகளை - நான் ஒரு இரண்டாவது இந்த வழியாக செல்லும் - வளரும் மற்றும் பின் சோதனைக்கு பிறகு தேடி இந்த செயல்பாடு ஆகும். நீங்கள் ஏதாவது வடிவமைத்து போது என்ன நான் சோதனை அர்த்தம் வழக்கமாக அதை போன்ற, மிகவும் நன்றாக இருக்கும் என்று "நான் ஒரு பெரிய வடிவமைப்பாளர் இருக்கிறேன். அனைவரும் இந்த அன்பு உள்ளது." பிறகு அங்கு அதை வைத்து மக்கள் சில காரணங்களால் அது பிடிக்காது. நீ என்ன செய்ய வேண்டும் நீங்கள் அப்படி செய்ய விஷயங்களை பகுதிகளை வேண்டும் மக்கள் விரும்பவில்லை என்று விஷயங்களை சீரமைக்க. இது ஒரு மிக தெளிவான செயல்முறை புதிது, ஆனால் இந்த முறை தொடர்ந்து தேடி நீங்கள் ஏற்கனவே கட்டப்பட்ட நான் என்ன மேல் நீங்கள் உதவுகிறது என்று ஒரு செயல்பாடு உங்கள் சொந்த வடிவமைப்பு திறன் துல்லியமாக்க ஆனால் நீங்கள் வடிவமைப்பு துல்லியமாக்க உதவும் மட்டும் மக்கள் உண்மையில் இன்னும் அவர்கள் முன் இருந்ததை விட உங்கள் தயாரிப்பு பாராட்டுகிறேன் என்று. 

நான் உண்மையில் என்ன செய்வாள் இன்னும் உறுதியான உதாரணங்கள் மீது செல்லலாம். ஒரு பொருளின் ஒரு கடைசி எடுத்துக்காட்டாக வகையான என, கயாக் பார்க்க போகலாம். அதை வெளியே வந்த போது கயாக் மிக, மிக பிரபலமாக இருந்தது. ஏன் யாரும் யூகிக்க முடியும்? நீங்கள் அதை பயன்படுத்த வேண்டும் என்றால் நீங்கள் இந்த பற்றி நிறைய வகையான என்ன அல்லது நீங்கள் என்ன பிடிக்காது விஷயங்கள் வகையான இருக்கும்? ஆம். >> [செவிக்கு புலப்படாமல் மாணவர் பதில்] >> சரி. அது ஒரு பகுதியாக தான் பயனர் இன்னும் விரிவான என்று ஒரு கேள்வி உண்டு விடாமல் இப்படி ஒரு மிகவும் கட்டுப்படுத்தப்பட்ட ஒரு விட, "நீங்கள் உங்கள் தொடக்க தேதி எடுக்க வேண்டும் "நீங்கள் உங்கள் முடிவு தேதி எடுக்க வேண்டும்." உண்மையில், நீங்கள் அதை பற்றி சாதகமான உதவுகிறது மற்றும் நீங்கள் அந்த வரம்பில் விமானங்கள் அனைத்து கொடுக்கிறது. வேறு ஏதாவது? [மாணவர்] அவர்கள் விலை கட்டணம் ஆகியவை அடங்கும். அவர்கள் விலை கட்டணம் உள்ளிட்ட செய்ய. வரி மற்றும் விஷயங்கள் உண்மையில் மேல் இடது என்று விலை நேராக சென்று எனவே நீங்கள் உண்மையில் ஒரு $ 240 விமானம் செலுத்தும் என்று நினைத்து கொண்டு ஏமாற்றப்படுவதாக அது $ 330 போது. வேறு ஏதாவது? ஆம். [செவிக்கு புலப்படாமல் மாணவர் பதில்] அவர்கள் உண்மையில் நீங்கள் அதை செய்ய விடுங்கள் என்று நான் உறுதியாக இருக்கிறேன். நான் தவறாக இருக்கலாம். நீங்கள் குறிப்பிட்ட வடிகட்டிகள் அதிக எடை போட வேண்டும் என்றால் அந்த ஒரு ருசிகரமான இருக்கலாம் அதனால் அவர்கள் மேல் என்று வடிகட்டி தொடர்பான முடிவுகளை தள்ளும் என்று. ஆனால் யாரும் இந்த இடது பக்க பற்றி என்ன சிறப்பு என்று சொல்ல முடியும்? எப்படி பாரம்பரியமாக இந்த முன் ஒரு இணைய சேவை ஒரு விமானம் இருக்கும்? 

ஆம். நீங்கள் அந்த >> [செவிக்கு புலப்படாமல் மாணவர் பதில்] >> சொல்ல முடியுமா - [மாணவர்] ஒவ்வொரு விமான. >> சரி. ஒவ்வொரு விமான தன்னுடைய இணைய தளத்தில் உள்ளது. இந்த விஷயங்களை திரட்டுகிற. மற்றும்? [மாணவர்] நீங்கள் விட்டு சரியாக நேரம் தெரியும். நீங்கள், நீங்கள் விட்டு சரியாக நேரம் தெரிகிறீர்கள் ஆனால் குறிப்பாக வடிகட்டிகள் தொடர்பான. என்னை கயாக் மேலே நாம். கடவுளே, பாப் அப்களை. மோசமான பயனர் அனுபவம். நான் இந்த ஸ்லைடரை நகர்த்த போது என்ன நடக்கும்? [மாணவர்] தானியங்கி புதுப்பித்தல்கள். >> [ஆங்] தானியங்கி புதுப்பித்தல்கள். ரொம்ப முக்கியம் என்று ஒன்று என்று. இந்த முன், நீங்கள் ஒரு விமானம் வரை இருக்க வேண்டும் போதெல்லாம், உங்கள் உள்ளீடு இடம், உங்கள் வெளியீடு இடம், செய்தி தேடல், வைக்க வேண்டும் அதை செயல்படுத்த மற்றும் உங்கள் முடிவுகளை காண்பிக்க வேண்டும். நீங்கள் உங்கள் கேள்வியில் மாற்ற விரும்பினால், நீங்கள் இரண்டு முறை மீண்டும் அழுத்த வேண்டும் புதிதாக ஒரு புதிய கேள்வியை உள்ளிடவும், அதன் பின்னர் மீண்டும் அதை செய்ய. இந்த விஷயம் பற்றி நல்ல விஷயம் இது நடுத்தர மிகவும் [புரிந்து] தான் பயன்படுத்துகிறது என்பது. இந்த மாதிரி ஏதாவது செய்ய போதெல்லாம், அதை ஒரு கோரிக்கை ஆஃப் சுட்டுவிடுகிறான் அதை நீங்கள் உடனடியாக அனைத்து முடிவுகளை கொடுக்கிறது. உடனடியாக கருத்து இந்த வகையான கயாக் பெருமளவில் மக்கள் என்று ஒன்று உள்ளது என்னை என் கேள்வி மாற்ற இது மிகவும் எளிது என்பதால், ஒரு குறிப்பிட்ட எல்லைக்குள் சுற்றி இருக்கும் விஷயங்களை கண்டுபிடிக்க முன்னும் பின்னுமாக, முன்னும் பின்னுமாக, முன்னும் பின்னுமாக சென்று இல்லாமல். எனவே இந்த நீங்கள் உங்கள் வலைத்தளத்தில் வடிவமைத்தல் போது யோசிக்க வேண்டும் விஷயங்கள் அனைத்து வகையான உள்ளன. என் பயனர் அவர்கள் பணிபுரிகிறோம் என்ன வழியாக செல்ல எப்படி நான் மிகவும் திறமையான செய்யலாம் மற்றும் விரைவில் அவர்களது இறுதி இலக்கு பெற? [Malan] மற்றும் முந்தைய அவசியம் அவர்கள் என்ன வேண்டுமானாலும் தெரியாமல் செய்த பற்றி ஜோசப் புள்ளியில், நீங்கள் இப்போது HTML பற்றி என்ன அடிப்படையில் நீங்கள் தேர்வுப்பெட்டிகளை, வானொலி பொத்தான்கள், தேர்ந்தெடுக்கப்பட்ட மெனுக்கள், உள்ளீடு துறைகளில் போன்ற, வேண்டும் எப்படி ஒரு விமானம் ஒரு தொடக்க நேரம் எடுக்கவில்லை கருத்தை செயல்படுத்த வேண்டும்? 

அந்த பல்வேறு UI பொறிமுறைகள் இதில் பயன்படுத்த முடியும்? நீங்கள் முன் கற்று என்று HTML அளவு தெரிந்தால் மற்றும் நீ, உள்ளீடுகள் வானொலி பொத்தான்கள், தேர்வுப்பெட்டிகளை, சொட்டு-தாழ்வுகளை, மற்றும் உள்ளீட்டு பெட்டியில் தெரியும் உங்கள் இயற்கை தேர்வு தேதிகள் எடுக்கவில்லை என்ன இருந்திருக்கும்? [மாணவர்] உள்ளீடு. >> உள்ளீடு. அல்லது ஒருவேளை கூட ஒரு கீழ்தோன்றும் தேதிகளில் அனைத்து, சரியான? எனவே நீங்கள் செயல்படுத்த முடியாது என்று இடது பக்கத்தில் இந்த போன்ற சிக்கலான UI இயக்கவியல்களோடு, நீங்கள் ஒரு ஸ்லைடரை இந்த செயல்முறை மிகவும் உள்ளுணர்வு செய்யலாம் நேரம் தொடர்ந்து இருப்பதால், மக்கள் பொதுவாக தனி துகள்களாக அடிப்படையில் அது நினைக்கவில்லை. எல்லாம் சரி. கடந்த விஷயம். பத்து பயன்பாட்டினை பட்டறிவு. நாம் பற்றி எல்லாம் அநேகமாக இந்த பிரிவுகள் ஒன்று கீழ். நீங்கள் தளங்கள் ஆன்லைன் வெளியிடப்படும் இந்த இணைப்பு, சென்றால் உங்கள் தளத்தில் வடிவமைத்து நீங்கள் உண்மையில், முடியும், மனதில் இந்த பட்டறிவு வைத்து கட்டைவிரல் மற்றும் இந்த விதிகள். உங்கள் திட்டங்கள், நான் உங்கள் பயன்பாட்டை சிறப்பாக வடிவமைத்து பொருட்டு நீங்கள் என்ன ஆலோசனை முதல் தாள் மூலப்பொருளுக்கு செய்ய உள்ளது. நீங்கள் உங்கள் விண்ணப்பத்தை நினைத்துக்கொண்டு போது, மிக விரைவில் நீங்கள் அதை போன்ற பார்க்கவேண்டும் என்ன ஓவியத்தை மேலும் உறுதிப்படுத்தி அனைத்து பெட்டிகள் பயனர் பயன்படுத்த மிகவும் உள்ளுணர்வு என்று ஒரு வழி அமைக்கப்பட்ட மேலும் உங்கள் நண்பர்களுக்கு இந்த காகித முன்மாதிரிகளை காண்பிக்க மற்றும் ஒருமுக குழுக்கள் தொடங்க. இப்போது, ஒன்றாக 2 அல்லது 3 பேர் வாங்கி தான் இந்த காகித முன்மாதிரிகளை தட்டுக அவற்றை ask மற்றும் அவர்கள் உண்மையில் என்ன நடக்கிறது என்பதை பார்க்க அவர்களை புதிய திரைகளில் காட்டுகின்றன. 

நீ என்ன செய்ய வேண்டும், அந்த பணி ஊக்குவிக்க, அவர்களுக்கு ஒரு வேலை கொடுக்க உள்ளது மற்றும் அவர்கள் பயன்பாட்டை கொடுக்க அவர்கள் அதை பயன்படுத்த வேண்டும். அவர்களை தாண்டி அறிவுறுத்தல்கள் கொடுக்க கூடாது. நீங்கள் உண்மையில் அவர்களுக்கு நீங்கள் பார்க்க முடியும் என்று ஒரு வழியில் உங்கள் பயன்பாட்டை தொடர்பு அனுமதிக்க வேண்டும் நீங்கள் அவர்களுக்கு அடுத்த நின்று என்றால் எப்படி அதை பயன்படுத்த வேண்டும். என்று மிக முக்கியம். குறிப்பிட்ட விஷயங்களை சுற்றி வருகிறது மக்கள் என நீங்கள் நுண்ணறிவு நிறைய கொடுக்கும் நான் நினைக்கவில்லை என்று ஒரு வழியில்? அவர்கள் திரையில் குறிப்பிட்ட UI வழிமுறைகளை பயன்படுத்தி ஒரு வகையில் அந்த hacky என்ன இருக்கிறது? அவர்கள் அப்படி செய்ய நான் நினைக்கவில்லை. மற்றும் நீ அந்த முடித்துவிட்டீர்கள், நீ என்ன செய்ய வேண்டும்? உங்கள் வடிவமைப்பு பாறைகள், சரியான? நீ என்ன செய்ய வேண்டும் நீங்கள் மீண்டும் செய்ய பின் அந்த பணியை வளர்க்க வேண்டும் என்பது. அதனால் நீங்கள் அதை உருவாக்கி, அதை நண்பர்களுக்கு காட்டுவதற்காக, அதை சோதிக்க , அபிவிருத்தி சோதிக்க, மேம்படுத்த, சோதிக்க, கூறு, மற்றும் மற்றும் முன்னோக்கிய. வடிவமைப்பு மிக இந்த பொருளில் செயல்முறை. நீங்கள் உண்மையில் இது பற்றி உணர பிறகு ஏதாவது உருவாக்க மற்றும் வேண்டும் நீங்கள் முன் உணர்ந்து திரும்பி சென்று அந்த இருந்து மேம்படுத்த என்று. இப்போது, போன்ற வளர்ச்சி பங்கிற்கு, அந்த டாமி இடைவெளிக்கு பிறகு நீங்கள் காட்ட போகிறது என்ன மற்றும் எப்படி நீங்கள் தானாக நிரப்புதல் போன்ற ஏதாவது செயல்படுத்த முடியும் மிகவும் எளிமையான ஒரு வழி. [Malan] என்ற டாமி ஒரு கேள்வி பிறகு, இங்கு அமைக்கிறது. ஒரு முந்தைய வலைத்தளங்களை நிறைய - போது ஜோசப், 1990 பாணி இணைய கூறினார் அது, நீங்கள் ஒரு தொடக்க நேரம் தேர்ந்தெடுக்க விரும்பினால், அங்கு செயலாக்கங்கள் மற்றும் ஒரு இறுதி நேரம் வெளிப்படையாக, இன்று மீண்டும் ஒரு நாள் மற்றும் சில வலைத்தளங்களிலும், நீங்கள் இதை செய்ய வழி, நீங்கள் ஒரு கீழ்தோன்றும் இருந்து ஒரு மணி நேர எடுக்க உள்ளது நீங்கள், மாலை, ஒரு கீழ்தோன்றும், ஒருவேளை நீங்கள் தான் தேர்வு இருந்து நிமிடங்கள் தேர்வு பின்னர் நீங்கள் அந்த 3 முறை. அதனால் 6 கிளிக் மற்றும் சில ஸ்க்ரோலிங் உடன் உங்கள் பயனர் உண்மையில் இந்த பொருளில் தேதி மற்றும் / அல்லது நேரம் வரை சில வகையான வழங்க முடியும். 

எனவே நிச்சயமாக பொருத்தமற்ற மற்றும் இன்னும் இதுவரை நாம் எந்த வெளிப்படையான திறமைகள் பார்த்திருக்கிறேன் மொழிகளில் நாம் ஏதாவது sexier செய்ய பார்த்தேன் தொடக்க நேரம் மற்றும் இறுதி நேரம் இந்த ஸ்லைடரை போல். ஆனால் நாம் கீறல் பற்றி பேசிய போது நீங்கள் வாரம் 0 திரும்ப நினைத்தால், அதுவும் சில விஷயங்கள் என்று விட்ஜெட்டுகளை அங்கு இல்லை. நீங்கள் உண்மையில் ஒரு சுழல்கள் மற்றும் நிலைமைகள் மற்றும் போல் போன்ற இந்த அடிப்படை இருந்தது. அதனால் தான் HTML இன் விவரங்கள் சுதந்திரமான, இப்போது மிகவும் abstractly நினைத்து என்ன, உண்மையில் இந்த ஆரம்ப நேரம் மற்றும் இறுதி நேரம் ஸ்லைடரை போல என்ன நடக்கிறது? நான் என் சுட்டியை நகர்த்தவும் மற்றும் நான் இடது என்று சிறிது கேரட் சின்னமாக கிளிக் செய்யும் போது மற்றும் இழுத்து தொடங்க, நிரலாக்கத்தின்படி, அதை நீங்கள் செயல்படுத்த முடியும் விரும்புகிறேன் அது செய்ய? என்ன கேள்விகள், நீங்கள் கேட்க முடியும் என்ன பூலியன் வெளிப்பாடுகள் விரும்புகிறீர்கள்? என்ன உண்மையில் நடக்கிறது? சாமி? [மாணவர்] கர்சர் நிலை எங்கே? >> நல்லது. கர்சர் நிலை எங்கே? இந்த, நாம் கீறல் மீண்டும் வெளிப்படுத்த வேண்டிய தேவை இருந்தது அது இடம் அல்லது நிறம் அல்லது போன்ற அடிப்படையாக கொண்டது என்பதை. நீங்கள் திங்களன்று மிக சுருக்கமாக எப்போதும் நினைவுகூர வேண்டும் இந்த விஷயங்கள் நடக்கும் நிகழ்வுகள் என இருந்தன வலை உலகில், மற்றும் onclick மற்றும் onkeypress போன்ற விஷயங்கள் உள்ளன மற்றும் onkeyup மற்றும் onmouseover மற்றும் onmouseout. எனவே நாம் எடுத்து வருகிறோம் கூட இந்த விஷயங்களை வலை வழங்கப்பட்டது என்று உங்களுக்கு ஒன்றும் தெரியாது கூட பேஸ்புக் மற்றும் Gmail போன்ற தளங்களில், உடன் விரிவுரை கூட இது போல் அப்படி எதுவும் இல்லை, ஏனெனில் நீங்கள் ஒருவேளை அந்த செயல்படுத்த எப்படி அல்லது பிரச்சினை, இந்த துல்லியமான அதே அடிப்படைகள் என்று உணர்ந்து, 7 அமைக்கவும் HTTP மற்றும் அளவுருக்கள் மற்றும் GET, POST, நாம் இதுவரை பார்த்து விட்டேன் என்று அடிப்படை HTML உள்ளீடுகள் கொண்ட மற்றும் வேலைத்திட்ட வழிமுறைகள் ஒரு நொடியில் டாமி பற்றி அறிமுகப்படுத்த என்று நீங்கள் வாரம் 0 செய்தது போல் உங்களை வெளிப்படுத்த தொடங்க முடியாது மிகவும் உள்ளுணர்வாக இழுத்து மற்றும் வீழ்ச்சியடைகிறது. 

எனவே, டாமி MacWilliam மற்றும் வலை எங்களை சில புதிய புதிர் துண்டுகளை கூறினார் என்று. எல்லாம் சரி. என் பெயர் டாமி நான் இங்கு பற்றி பேசி இருக்க போகிறேன். ஒரு மறுப்போன்: நான் இங்கு சிறந்த நிரலாக்க மொழி என்று கருத்து இல்லை முழு உலகம் முழுவதும் உள்ள. அங்கு என்னை உடன்படவில்லை மக்கள் நிறைய இருக்கிறது, ஆனால் அது ஆச்சரியமாக இருக்கிறது. நீங்கள் மற்றொரு வர்க்கம் அல்லது வேறு சில மொழிகளிலும் சி எழுத வேண்டும் என்றால் நீங்கள், சி செல்ல, அது உள்ளே சிக்கி் உனக்கு எல்லா குறைந்த அளவு விவரங்களை மட்டுமே உண்மையில் வெறுப்பாக இருக்கிறது நீங்கள் எப்போதாவது சி எழுத எவ்வளவு எரிச்சலூட்டும் பற்றி வருத்தமாக தான் இவ்வளவு என்றால், இப்போது, மீண்டும் சில இங்கு எழுத. நிர்வாணம் தான். உங்கள் கெட்ட நாள் பற்றி மிக நன்றாக உணர்வாய். இங்கு மந்திரம் நிறைய விஷயங்களை கையாள அதன் திறனை வருகிறது அந்த பக்கம் ஏற்கனவே இருக்கும். நாம் PHP திரைக்கதைகளை எழுதினார் போது, அவர்கள், சர்வரில் கொலை இறுதியில் PHP ஸ்கிரிப்ட் ஒருவேளை சில எச்டிஎம்எல் வெளியீடு என்று. அந்த HTML கிளையன் அனுப்பப்பட்டது, பின்னர் அது இருந்தது. PHP ஒரு பக்கம் ஒரு பொத்தானை சேர்க்க விரும்பினால், எடுத்துக்காட்டாக, அது உண்மையில் அதை செய்ய முடியாது. அது ஒரு முழு புதிய HTML கோப்பு வழங்க மற்றும் உலாவி என்று அனுப்ப வேண்டும். இங்கு நாம் அவர்கள் பக்கம் ஏற்கனவே இருக்கும் போது நாம் பொருட்களை மேம்படுத்த முடியும் என்று, மேலும் இதன் காரணமாக நாங்கள், இன்னும் உடனடி கருத்துக்களை வழங்க முடியும் இது உண்மையிலேயே நமது இணையதளத்தில் பயனர் அனுபவத்தை மேம்படுத்த வேண்டும். இங்கு தேர்வாளர்கள் ஒரு விரைவு முறையை. நாம் ஒரு HTML பக்கம் பதிவிறக்க போது நாம் என்று, அந்த டிஓஎம் பிரதிநிதித்துவம் வேண்டும் நடக்கிறது. 

டிஓஎம் நினைவி கூறுகள் இந்த பெரிய படிநிலையில் தொடர்பான எங்கே இந்த பெரிய மரம். நாம் pset 7 தரவுத்தளங்கள் பணிபுரிந்த போது, நாம் எப்படி தெரியும் தேவையான முதல் விஷயங்கள் ஒரு தரவுத்தள வினவல் இருந்தது. , நாம் இந்த பெரிய பயனர் அட்டவணை, மற்றும் சில நேரங்களில் நாம் மட்டும் சொல்ல விரும்புகிறேன் "நான் மட்டும் சில நிபந்தனை பொருந்தும் என்று இந்த செய்த சில வேண்டும்." இதேபோல், நாம் டிஓஎம் போது நாம் அதை குவெரி சில வழி வேண்டும். நாம் சொல்லி சில வழி வேண்டும், "நான் இப்படி இருக்க வேண்டும் என்று பொத்தான்கள் அனைத்து வேண்டும் "அல்லது பக்கத்தில் படங்களை அனைத்து." இந்த தேர்வில் நாம் அதை செய்ய. எனவே ஒரு விரைவு முறையை. இங்கே இந்த முதல், இந்த # submit ', தேர்ந்தெடுக்க போகிறேன் என்று என்ன இருக்கிறது? யாருக்கும் நினைவில் இல்லை? [செவிக்கு புலப்படாமல் மாணவர் பதில்] >> சரி, சரியாக. இந்த சமர்ப்பிக்க ஒரு அடையாள உள்ளது என்று பக்கம் ஒரு உறுப்பு தேர்வு நடக்கிறது. அதனால் அந்த புல டேக் இந்த தேர்வுக்குழு ID கள் வேலை செல்கிறேன் என்று. எப்படி இரண்டாவது ஒரு, இந்த. மையமாக, என்ன தேர்ந்தெடுக்க முடியும்? Yeah. >> [மாணவர்] வகுப்பு. சரியாக >>. இந்த இப்போது வர்க்கம் தேர்வு நடக்கிறது. ஐடி மற்றும் இங்கே வர்க்கம் வித்தியாசம் அடையாள தனிப்பட்ட இருக்க வேண்டும் பொதுவாக என்ன இடத்தில் நீங்கள் தேட. நீங்கள் ஒரு முழு வலைப்பக்கத்தில் தேட இருந்தால், நீங்கள் உண்மையில் மட்டுமே சமர்ப்பிக்க இந்த வழக்கில் மிக, சில ஐடி 1 உறுப்பு வேண்டும். வகுப்புகளுடன், மறுபுறம், நாம் ஒரே பக்கத்தில் அதிகமான 1 உறுப்பு முடியும் அதே வகுப்பில். இந்த பக்கம் மையம் எல்லாம் தேர்ந்தெடுக்க வேண்டும் என்று பயனுள்ளதாக இருக்கும் மாறாக வெறும் 1 விஷயம். 

இறுதியாக, இங்கே இந்த கடைசி ஒரு, இன்னும் கொஞ்சம் சிக்கலான உள்ளது ஆனால் என்ன இந்த டிஓஎம் இருந்து தேர்ந்தெடுக்க முடியும்? [செவிக்கு புலப்படாமல் மாணவர் பதில்] >> என்று என்ன? [மாணவர்] டேக் என்று எதையும். நாங்கள் இங்கே 2 பாகங்கள் உண்டு >>. இரண்டாவது பகுதி, நான் உள்ளீடு டேக் இந்த குறிச்சொற்களை தேர்ந்தெடுக்க வேண்டும் சொல்ல போகிறார் ஒரு உள்ளீடு டேக் என்று எந்த உறுப்பு மிகவும். ஆனால் நான் அனைத்து உள்ளீடுகளை தேர்ந்தெடுக்க வேண்டாம் ஒரு submit 'பொத்தானை போன்ற ஏதாவது ஒரு உள்ளீடு முடியாது, ஏனெனில் மற்றும் ஒரு உரை பெட்டி போன்ற ஏதாவது ஒரு உள்ளீடு இருக்க முடியும். அதனால் நான் சொல்கிறேன் இந்த சதுர அடைப்புக்குறிக்குள் நான் மட்டுமே அந்த உறுப்புகள் தேர்ந்தெடுக்க வேண்டும் வகை உரை என்று இருக்கும். எங்கோ என் HTML குறியை நான் வகை என்று ஒரு கற்பிதம், வேண்டும் அந்த பண்பு மதிப்பை உரை இருக்க வேண்டும். எனவே எப்படி இங்கே இந்த முதல் பகுதி பற்றி? இந்த தேர்வுக்குழு முதல் வார்த்தை நான் ஒரு இடத்தை இந்த உள்ளீடு பகுதியாக உள்ளது வடிவமாகும். அது முன் வடிவம் கொடுத்து, என்ன செய்ய? இந்த அடிப்படையில் எமது கேள்வி குறைக்க வேண்டும். அதை நாம் பக்கம் சில உள்ளீடுகளை வேண்டும் என்று வழக்கு முடியும் ஒரு வடிவம் வம்சாவளியினர் என்று. என்ன செய்ய நான் விரும்பவில்லை இந்த கூறுவேன் என்று எங்கோ இன்னும் மேலே என்று உள்ளீடு குறிச்சொற்களை ஒரு வடிவம் சில பெற்றோர் உறுப்பு. எனவே இந்த வகையில் நாம் இந்த கூடுதல் படிநிலை கேள்விகளுக்கு செய்யலாம் நாம் ஒரு குறிப்பிட்ட தேர்வுக்குழு பொருந்தும் அனைத்தையும் தேர்ந்தெடுக்க இல்லை. நாம் வேறு ஏதாவது செய்ய வேண்டும் என்று கேள்வி வரம்பை நோக்கம் என்ன செய்ய முடியும். எனவே இப்போது நாம் பக்கத்தில் கூறுகள் தேர்ந்தெடுக்க எப்படி தெரியும் என்று, இது அஜாக்ஸ் பற்றி ஒரு பிட் பேசுகிறேன். அஜாக்ஸ் ஒத்தியங்கா JavaScript மற்றும் XML குறிக்கிறது என்று ஒரு மிக நவநாகரீக என்பதன் சுருக்கமாகும். இது மிகவும் XML தரவு பிரதிநிதித்துவப்படுத்தும் சில வழி என்று நடக்கும். 

சமீபத்தில் இழந்த செல்வாக்கை அந்த வகையான, அதனால் அஜாக்ஸ் உள்ள எக்ஸ் அனைத்து நேரம் பயன்படுத்தப்படுகிறது. அடிப்படையில், அஜாக்ஸ் நாம் செய்ய அனுமதிக்கிறது என்ன HTTP கோரிக்கைகள் செய்ய இங்கு பின்னணியில் இருந்து. நாம் இணைய உலாவி இருக்கிறோம் நாம் பக்கங்கள் சுற்றி செல்லவும் தான் நாம் ஒரு இணைப்பை கிளிக் செய்யும் போது, என்ன நம் உலாவி செய்ய போகிறாள் என்று நாம் கிளிக் என்ன இணைப்பை ஒரு HTTP கோரிக்கை வைக்க வேண்டும். அந்த வழக்கு என்றால், டேவிட், கூறினார் ஏனெனில் ஆனால் அது எப்போதும் சிறந்த இல்லை நாம் எப்போதும் செய்த ஒரு சமர்ப்பிக்க பொத்தானை கிளிக் செய்யவும், அல்லது ஒரு இணைப்பை கிளிக் செய்ய வேண்டும் ஏதாவது ஒரு HTTP கோரிக்கை ஈடுபடுத்த நடக்கிறது என்று நடக்க வேண்டும். எனவே அஜாக்ஸ் நாம் இங்கு சார்பில் இந்த கோரிக்கைகளை செய்யலாம். பயனர் பக்கம் அல்லது ஏதாவது நடந்தால் தொடர்பு போதெல்லாம் அது என்னவென்றால், நாம் உண்மையில் எங்கள் வலைத்தளத்தில் சில PHP கோப்பு ஒரு வேலைத்திட்ட கோரிக்கை செய்யலாம் அல்லது வேறு ஏதாவது அந்த கோப்பினை துப்புகின்றார் தரவு பெற. இது அஜாக்ஸ் ஒரு உதாரணத்தை பார்க்கலாம். இந்த வட்டம் எங்களுக்கு சில தெரிந்திருந்தால் அது நமது CS50 நிதி பக்கம் இருக்கிறது. நாம் இந்த பக்கத்தின் HTML பார்த்தால், நாம், நான் ஒரு சில விஷயங்களை சேர்த்துள்ளோம் என்று இங்கே பார்க்க நான் இந்த வடிவத்தில் ஒரு அடையாள கொடுத்துள்ளேன் இது ஒரு. நான் id = "வடிவம் மேற்கோள்" என்றார். இது டிஓஎம் இருந்து தேர்ந்தெடுக்க இந்த சிறிது எளிதாக நடக்கிறது தான் நான் இந்த செய்துவிட்டேன் நான் ஒரு மிக எளிய கேள்வி செய்ய முடியும் என்பதால். என்ன நான் இங்கே செய்ய வேண்டும் நான் CS50 நிதி சில சிக்கலை சரிசெய்ய வேண்டும். நாம் finance.cs50.net சென்று இருந்தால், நான் ஒரு பெற வேண்டும் ஒவ்வொரு முறையும், நான், இந்த பெறுங்கள் ஆனால் பொத்தானை கிளிக் செய்யவும் வேண்டும் என்று என் பொத்தானை பின்னர் மற்றொரு முழு பக்கம் என்னை எடுத்து கொள்ளுங்கள். நான் வேறு என் விரும்பினால், நான் மீண்டும் பொத்தானை அழுத்தி வேண்டும் மற்றும் நான் அதை தட்டச்சு, நான் ஒரு பெற, நான் மீண்டும் பொத்தானை அழுத்தி. இந்த உண்மையில் சிறந்த பயனர் அனுபவம் இல்லை. அதை பங்கு விலை கிடைக்கும் என்று மெதுவாக நடந்தால் யார் உண்மையில் தளத்தில் பயன்படுத்த வேண்டும்? அதனால் என்ன, நாம் அஜாக்ஸ் செய்ய விரும்புகிறேன் ஒரு தனி பக்கம் செல்லும் என்று படி நீக்க உள்ளது முடிவுகளை பார்க்கும் பொருட்டு. 

நாம் உண்மையில் மட்டுமே கேட்கிறாய், உண்மையில் சிறிய விலை என்று மட்டும் தரவு மிகவும் சிறிய அளவு தான். எனவே மற்றொரு முழு HTML பக்கம் செல்ல எனக்கு தேவை இல்லை, இல்லை HTML ஒரு முழு புதிய தொகுதி பதிவிறக்க, ஒருவேளை, இன்னும் சில படங்களை தரவிறக்கம் வேறு சில CSS கோப்புகளை மட்டும் என்னை மிகவும் எளிய கேள்விக்கு பதில் வேண்டும் எப்படி இந்த பங்கு விலை இல்லை. அஜாக்ஸ் நாம் இந்த நிறைய எளிதாக செய்ய முடியும். நான் quote.js என்று இங்கு கோப்பில் இணைக்கும் என்று நான் இங்கே கீழே காணலாம். இது உண்மையில் அந்த கோப்பு திறந்து விடுங்கள். இல்லை. என் JavaScript கோப்புகளை அனைத்து HTML இல் அமைந்துள்ள வேண்டும் போகிறீர்கள் அதனால் இணைய உலாவி அதை அணுக முடியும். நாம், இங்கு இங்கே ஒரு தனி அடைவு இல்லை இப்போது இங்கே quote.js உள்ளது. இந்த கோப்பு உயர் இந்த நான் ஏற்ற முழு பக்கம் காத்திருக்க வேண்டும் என்று இங்கே கூறுகிறார் நான் எதையும் செய்ய முயற்சி முன். ஏன் என்று அவசியம்? அதை நான் இங்கே செய்ய போகிறேன் அடுத்த விஷயம் தொடக்கத்தில் ஒரு உறுப்பு தேடும் என்று மாறிவிடும் சில தேர்வுக்குழு பொருந்தும். இந்த உறுப்பு பக்கம் ஏற்றப்படும் முன் இந்த இங்கு எப்போதும் செயல்படுத்தப்படுகிறது என்றால், நான் செய்ய முயற்சி எல்லாம் வேலை செய்ய போவதில்லை நான் இதுவரை இல்லை என்று ஏதாவது தேர்ந்தெடுக்க முயற்சி போகிறேன், ஏனெனில். எனவே முதல் இந்த வரி நான் எல்லாவற்றையும் ஏற்றப்படும் வரை நீங்கள் காத்திருக்க வேண்டும் என்கிறார் எனவே நான் தேடிக்கொண்டிருக்கிறேன் எந்த கூறுகள் பக்கம் உண்மையில் என்பதை உறுதி. இங்கே இந்த டாலர் நான் jQuery என்று நூலக பயன்படுத்தி தான் அர்த்தம். இந்த jQuery நூலகம் நாம் மட்டும் பார்த்து இந்த தேர்வாளர்கள் பயன்படுத்த அனுமதிக்கிறது. ஒரு வாதத்தை இந்த # வடிவம் மேற்கோள் கடந்து செல்லும் பிறகு $ சொல்லி, நான் இப்போது நாங்கள் பார்த்துக்கொண்டோம் அந்த வடிவம் தேர்வு. இப்போது நான் எப்படியோ நினைவகத்தில் அந்த வடிவத்தில் ஒரு பிரதிநிதித்துவம் வேண்டும். 

இப்போது இந்த பொருள் மீது, படிவத்தை இந்த பிரதிநிதித்துவம், நான் இப்போது ஒரு செயல்பாட்டை பயன்படுத்தி. என்ன இந்த செயல்பாடு இல்லை அது ஒரு நிகழ்வு கையாளுதல் இணைப்பதும் நடக்கிறது என்று. நாம் கேட்க போகிறோம் என்று நிகழ்வு submit 'நிகழ்வு ஆகும். எனவே பொத்தானை அல்லது அச்சகங்கள் சமர்ப்பி பயனர் கிளிக், உள்ளிடவும் போது இந்த நிகழ்வை நீக்கம் போகிறது. இந்த வகையில் hooking மூலம், நான் இப்போது வடிவம் முன்னிருப்பு நடத்தையை புறக்கணிக்க முடியாது. இந்த ஜாவா இல்லாமல், வடிவத்தில் 'to என்று என்ன PHP கோப்பு நாம் அந்த நடவடிக்கை பண்பு பயன்படுத்தப்படும். ஆனால், அதற்கு பதிலாக, நான் இப்போது காத்திருக்க, நில், நான் உண்மையில் அதை செய்ய விரும்பவில்லை, சொல்கிறேன். நான் போய் சில PHP கோப்பு submit 'முயற்சி முன் இது நடக்க வேண்டும். இப்போது நான் என்ன செய்ய வேண்டும்? இந்த இடத்தில் நான் பங்கு விலை என்ன உள்ள ஏற்ற எப்படியோ அஜாக்ஸ் பயன்படுத்த வேண்டும். நான் தெரிந்து கொள்ள வேண்டும் முதல் விஷயம் பயனர் தேடும் என்ன பங்கு உள்ளது. நான் மற்றொரு தேர்வுக்குழு பயன்படுத்த போகிறேன் என்று செய்ய. இந்த நாம் பார்த்து மூன்றாவது தேர்வுக்குழு உள்ளது. இந்த வடிவம் மேற்கோள் ஒரு அடையாள இந்த வடிவம் உறுப்பு துவங்க வேண்டும் என்று கூறுகிறார். பின்னர் எங்கோ படிவத்தை உள்ளே ஒரு உள்ளீடு உறுப்பு இருக்க அந்த குறியீடு என்பது ஒரு பெயர் உண்டு. நாம் HTML வந்து பார் என்றால், நாம் ஒரு உள்ளீடு என்று பார்த்தேன் [பெயர் = சின்னமாக]. இந்த பயனர் ஒரு தட்டச்சு என்று அந்த உரை பெட்டியில் தேர்ந்தெடுக்க என்று பொருள். நல்லது. நாம் உரை பெட்டி வேண்டும். இப்போது நாம் உள்ளே என்ன என்று தான் தேவை. நாம் இங்கே இந்த முறை அழைக்க முடியும் என்று இந்த. Val செய்ய, இந்த நான் உங்களுக்கு என்ன உரை பெட்டி என்று கூறுகிறார். நான் அதை உரை பெட்டியில் தட்டச்சு பயனர் என்ன சொல்ல வேண்டும். இப்போது நாம் பயனர் உள்ளே தட்டச்சு என்ன சமமாக இருக்கும் என்று சின்னம் என்று ஒரு சரம் வேண்டும் நல்லது. எங்கள் கோரிக்கையை இப்போது அந்த சரம் பயன்படுத்தலாம். இந்த இங்கே ஒரு புதிய செயல்பாடு என்பது, இந்த $, தவிர, நாம் இனி, உறுப்புகள் தேர்வு செய்ய போகிறோம் நாம் jQuery மூலம் நமக்கு வழங்கப்படும் என்று வேறு ஒரு செயல்பாடு என்று போகிறாய். இந்த அஜாக்ஸ் செயல்பாட்டை உண்மையில் இந்த HTTP கோரிக்கை வைக்க என்ன நடக்கிறது என்று. நாம் ஒரு சில விஷயங்களை சொல்ல வேண்டும். நான் கோரிக்கை செல்ல வேண்டும், அங்கு நாம் இந்த செயல்பாடு சொல்ல வேண்டும் முதல் விஷயம். எங்கோ என் திட்டத்தில் நான் quote.php என்று HTML அடைவு உள்ளே இந்த கோப்பு உள்ளது. நான் லோக்கல் ஹோஸ்ட் / quote.php போனால் நான் இந்த கோப்பை அணுக முடியும், நாம், இப்படி, பார்த்தேன். 

நான் அந்த பக்கம் ஒரு கோரிக்கை வைக்க என் இங்கு வேண்டும். என்ன வகை கோரிக்கை இப்போது? வடிவம் என்று முறையை = "பின்" கற்பிதம் என்று முன்னர் நாம், பார்த்தேன் மேலும் அது, ஒரு போஸ்ட் கோரிக்கை வைக்க நடக்கிறது பொருள் எனவே, ஒரு பெற கோரிக்கை விட, URL ல் எதையும் போடமாட்டேன் நாம் மட்டும் எடுத்துக்காட்டாக, உலாவியில் பக்கம் அணுக என்றால் அது வெறும் துப்பாக்கி. இப்போது நான் ஒரு HTTP அஞ்சல் வேண்டுகோள் சொல்லிவிட்டேன் quote.php அமைந்துள்ள ஒரு பக்கம். நாம் வடிவம் 'to போது, அந்த படிவத்தை உள்ளே உள்ளீடு கூறுகளை அணுக முடியும் நினைவில் அந்த $ _POST மாறி உள்ளது. இதுவரை கதை நாம் உண்மையில் இதுவரை எந்த தரவு சேர்த்து அனுப்ப வேண்டும். நாம் இப்போது நாங்கள் ஒரு அஜாக்ஸ் கோரிக்கை செய்கிறாய் என்று இங்கு நாம் செய்கிறாய் கோரிக்கை வகை தான். இப்போது நாம் உண்மையில் பக்கம் சில தரவு அனுப்ப வேண்டும். நாங்கள் தரவு எனப்படும் இந்த சொத்து பயன்படுத்தலாம் என்று செய்ய. இந்த சொத்து மதிப்பு உண்மையில் ஒரு கூட்டு அணிவரிசை உள்ளது. இதற்கு காரணம் அது நம்மை தரவு வெறும் 1 துண்டு விட அனுப்ப அனுமதிக்கிறது. நாம் இந்த சுருள் ப்ரேஸ் இங்கே இந்த மற்ற சுருள் ப்ரேஸ்களை உள்ளே காக்கப்பட்ட வேண்டும், அதனால் தான். இந்த துணை வரிசைகள் உள்ள விசைகளை தான் இருக்க போகிறோம் அந்த பெயர் எங்கள் வடிவம் உறுப்புகளில் காரணம் என்று. என்று நான் சின்னமாக ஒரு முக்கிய சேர்த்து அனுப்ப வேண்டும், அதாவது என் PHP பக்கம் $ _POST [சின்னமாக] இந்த தரவு அணுகலாம் என்று நாம் ஒரு படிவத்தை போது முன் செய்தது போல். இப்போது உண்மையான தரவு நாம் அனுப்ப வேண்டும் இந்த இணைப்பு கோவை மதிப்பு உள்ளே போகிறது. 

நாம், ஒரு மாறி என்று சின்னமாக இந்த உரை சேமிக்கப்படும் அதனால் நாம் இப்போது சின்னமாக ஒரு முக்கிய சேர்த்து அனுப்ப மற்றும் பயனர் உள்ளே தட்டச்சு என்ன ஒரு மதிப்பு இப்போது நாம், நம் PHP கோப்பு செயல்படுத்த உள்ளது, இந்த HTTP கோரிக்கை செய்துவிட்டேன் அது தான் இந்த கோரிக்கையை அந்த வாடிக்கையாளர் இப்போது மீண்டும் சில தரவு அனுப்ப நடக்கிறது. இப்போது நாம் சர்வர் எங்களுக்கு சொன்னதெல்லாம் பதிலளிக்க வேண்டும். நாம் வெற்றி என்று இங்கே இந்த கடைசி சொத்து என்று செய்ய. இந்த வெற்றியை முக்கிய மதிப்பு உண்மையில், ஒரு செயல்பாடு இருக்கும் இந்த நீங்கள் இங்கு செய்ய முடியும் உண்மையிலேயே விஷயங்களை ஒன்றாகும். நீ மட்டும் இல்லை, ஒரு கூட்டு அணிவரிசை ஒரு மதிப்பு உள்ளே போன்ற ints அல்லது வரிசைகள் முடியும் நாம் ஒரு செயல்பாடு இருக்கும். எனவே வெற்றியை சொல்லி, என் சாவி. ஒரு பெருங்குடல், மதிப்பு வருகிறது இங்கே கூறுகிறார் இப்போது இந்த மதிப்பு உண்மையில் ஒரு செயல்பாடு ஆகும். எனவே நாம் இந்த செயல்பாடு தன்னிச்சையாக ஒரு பெயர் கொடுக்க தேவையில்லை. நாம் இந்த சில செயல்பாடு இருக்கும் என்று சொல்லலாம். இது 1 வாதத்தை எடுத்து நடக்கிறது. இந்த செயல்பாடு வாதம் போகிறது என்ன சர்வர் கோரிக்கையை இருந்து எங்களுக்கு அனுப்பி. நம் உலாவி கோரிக்கையை வைக்கும் போது சும்மா, சர்வர் மீண்டும் ஒன்று அனுப்புகிறது மற்றும் உலாவி, இது காட்டுகிறது நாம் ஒரு கோரிக்கையை அஜாக்ஸ் சூழலில், சர்வர், மீண்டும் ஒன்று அனுப்பி இப்போது நாம் ஒரு சரம் குறிப்பிடப்படுகின்றன. அந்த வாசகத்தில் நான் பக்கத்தில் என்று காட்ட விரும்புகிறேன். நான் ஒரு கடைசி தேர்வுக்குழு வேண்டும் போகிறேன் என்று செய்ய. நான் அடையாள விலை உறுப்பு தேர்ந்தெடுக்க வேண்டும். இந்த, நான் பக்கத்தில் உருவாக்கிய ஒரு வெற்று div உள்ளது நான் சர்வர் எங்களுக்கு அனுப்பி என்ன வேண்டும் என்று கிராம உள்ளடக்கங்களை அமைக்க வேண்டும். நான் உண்மையில் quote.php ஒரு பிட் திருத்தினோம். 

மாறாக வழங்கல் அழைப்பு மற்றும் சில பக்கம் இடையீடு விட, quote.php இப்போது வெறுமனே ஒரு சரம் போன்ற பங்கு மதிப்பு அவுட் அச்சிட வேண்டும். நீங்கள் உண்மையில் பக்கம் சென்று இருந்தால், அதனால், நீங்கள் அந்த சிறிய சரம் பார்க்க வேண்டும் பங்கு விலை என்ன என்பது. நாம் இங்கே செய்ய வேண்டும் ஒரு கடைசி விஷயம் தான் இந்த செயல்பாடு தவறான கொடுக்கிறது உறுதி. என்ன சொல்கிறது என்று நான் ஒரு நிகழ்வு கையாளுதல் உள்ளே இருக்கும் பட்சத்தில் அந்த நிகழ்வு கையாளுதல், அதற்கு பதிலாக உண்மை திரும்பி பொய் கொடுக்கிறது என்று நான் வேலையிலிருந்து அசல் நிகழ்வு விரும்பவில்லை என்று அர்த்தம். இந்த வழக்கில், நாம் எந்த இங்கு இல்லை என்றால் நாம், ஒரு வடிவம் சமர்ப்பிக்கப்பட்டது நமது இணைய உலாவி "நான், சேர்த்து தரவு அனுப்ப போகிறேன்", சொல்ல போகிறார் அவர்கள் மற்றொரு பக்கம் உங்களை அனுப்ப போகிறோம். நாம் இப்போது அஜாக்ஸ் பயன்படுத்துவதால், மற்றொரு பக்கம் பயனர் அனுப்ப தேவையில்லை. நாம் இந்த அதே பக்கத்தில் மாறும் முடிவுகளை காட்ட போகிறோம். நாம் உண்மையில் அவர்கள் எங்கும் போக விரும்பவில்லை, நான் அதே பக்கத்தில் இருக்க வேண்டும். அதனால் தவறான திரும்புவதன் மூலம், நாம் வடிவம் நமக்கு அதை இல்லை என்று உறுதி. இந்த உண்மையில் போல் என்ன ஒரு பார்க்கலாம். எங்கள் என் பக்கம் அதே போல். நாம் என்ன நடக்கிறது பார்க்கலாம் என்னை கீழே இங்கே இன்ஸ்பெக்டர் மேலே நாம். இது ஒரு குறைவான பெரிய செய்யும். நாம் HTTP கோரிக்கைகள் அனைத்தையும் பார்க்க முடியும் நாம் நெட்வொர்க் தாவலை திறந்து என்றால் நினைவில், இந்த அந்த பக்கத்தில் நடக்கிறது. 

ஒரு சின்னமாக என்னை AAPL தட்டச்சு மற்றும் என் பெறவும் கிளிக் நாம். இப்போது நாம் ஆப்பிள் ஒரு பங்கு டாலர்கள் சில பல செலவாகிறது என்று பார்த்தேன் ஒரு பக்கம் தோன்றினார், ஆனால் URL மாற்றம் இல்லை. உண்மையில், இங்கே நாம் தான் அந்த HTTP கோரிக்கை ஆகும். நாம் quote.php ஒரு போஸ்ட் கோரிக்கையை. என்று அர்த்தம். இந்த சர்வர் எங்களுக்கு அனுப்பி என்ன. அது, இனி படங்களை அந்த விஷயங்களுக்கு இந்த மகத்தான HTML ஆவணம் தான் இது உரையின் ஒரு வரி தான், நாம் வெறும் உரை வரி காட்டப்படும். நாங்கள் தலைப்புகளை மீண்டும் சென்று நாங்கள் உண்மையில் இந்த HTTP கோரிக்கை உள்ளே அனுப்பி என்ன என்றால், நாம், நாம் சின்னம் மற்றும் AAPL ஒரு மதிப்பு ஒரு முக்கிய வழியாக அனுப்பப்படும் என்று இங்கே கீழே காணலாம் இது பயனர் உள்ளே தட்டச்சு என்ன இது நல்லது, ஆனால் அது இன்னும் கொஞ்சம் எரிச்சலூட்டும் தான். நான் இன்னும் பங்கு பெற இந்த பொத்தானை கிளிக் செய்யவும் வேண்டும். நாங்கள் மும்முரமாக மக்கள் தான் நாம் பொத்தான்கள் கிளிக் செய்ய நேரமில்லை. அவர்கள் Google உடனடி செயல்படுத்தப்படும் போது google நேரத்திற்கு முன்பு இந்த ஒரு சிறிய உணர்ந்தேன். நீங்கள் தட்டச்சு இருக்கும்போது என்ன கூகிள் உடனடி இல்லை இது தான் நீங்கள் முடிவு காட்டுகிறது தொடங்குகிறது நீ கூட தேடுதல் கிளிக் பற்றி கவலைப்பட வேண்டியது இல்லை. உண்மையில், ஒரு வேடிக்கையான கதை என்று தொடர்பான. கூகிள் உடனடி வெளியே வந்தவுடன், மக்கள், மாதிரி இருந்தது "ஓ, இந்த சூப்பர் ஆச்சரியமாக இருக்கிறது." "இது மிகவும் குளுமையாக உள்ளது." ஸ்டான்ஃபோர்டு ஒரு மாணவர் கீழே நேரத்தில் 19 யார் YouTube உடனடி என்று இந்த தளம் இருந்தது. எல்லா YouTube உடனடி திறம்பட உடனடியாக YouTube தேடல். இதனால் தேடுதல் YouTube.com மற்றும் அடிக்க செல்ல இருப்பதைவிட, நான் CS50 போன்று YouTube உடனடி ஏதாவது ஒரு தட்டச்சு தொடங்கும் போது, நாம் அது ஒரு மெதுவான இணைய இணைப்பு உள்ள முயற்சிக்கும் என்று இங்கே பார்க்க முடியும் இந்த முடிவு வாழ விரிவுப்படுத்த. நாம் உண்மையில் நம் quote.js கோப்பு ஒரு மிக எளிய மாற்றம் செய்ய முடியும் என்று செய்ய. வடிவம் சமர்ப்பிக்கப்பட்ட போது இப்போது நாம் இந்த நிகழ்வை இணைக்கிறேன். நாம் உண்மையில், பயனர் இனி அந்த வடிவம் 'to செய்ய விரும்பவில்லை எனவே அதற்கு பதிலாக இந்த நிகழ்வை பயனர் அச்சகங்கள் ஒரு முக்கிய ஒவ்வொரு முறையும் நீக்கம் செய்யலாம். நாம் முதல் keyup submit 'நிகழ்வு மாற்ற செய்ய. மாறாக வடிவம் சமர்ப்பிக்க வேண்டும், காத்திருக்கும் விட என்று அர்த்தம் ஒவ்வொரு முறையும் விசையை அழுத்தும்போது, ஏதோ நடக்க போகிறது. அது இனி முழு வடிவம் இந்த keyup நிகழ்வை இணைக்க அர்த்தமுள்ளதாக. நாம் உண்மையில் அந்த தேடல் பெட்டியை பற்றி கவலையில்லை. 

இப்போது, நாம் மாறாக வடிவம் மேற்கோள் விட, இந்த வேண்டும் மாற்றலாம் தேர்ந்தெடுக்க, வடிவம் மேற்கோள் மற்றும் நாம் ஒரு உள்ளீடு வேண்டும் (= உரை தட்டச்சு) அல்லது நாங்கள் (= சின்னமாக பெயரை) சொல்ல முடியும் - நாம் என்ன வேண்டுமானாலும். இப்போது நாம் செய்ய வேண்டியது ஒன்று கடந்த விஷயம். நாங்கள் மீண்டும் தவறான கூறினார் போது இங்கு நினைவில் நாம் அது இயல்பான நிகழ்வு நீக்கம் விரும்பவில்லை என்றார். நாம் இப்போது முடக்க வேண்டும் ஆனால் அது இவ்வளவு, அந்த நடக்கிறது நாம் தட்டச்சு என்ன இனி உலாவியில் வரை காட்ட போவதில்லை என்று ஒரு உரை பெட்டியில் தட்டச்சு முன்னிருப்பு நடத்தையை இருக்கும் என்பதால். நாம் இனி, எனவே இந்த பதிலுக்கு தவறான அழிக்க நாம் அந்த புறக்கணிக்க வேண்டும். நான் AAPL தட்டச்சு தொடங்கும் போது நாம் சேமித்து இப்போது, பக்கம் மீண்டும் ஏற்றினால் நீங்கள் இங்கே கீழே பங்கு விலை தானாகவே முடிக்கும் என்று பார்க்கலாம். எனவே இங்கே CS50 நிதி உடனடி உள்ளது. YouTube உடனடி பற்றி உண்மையில் ஒரு வேடிக்கையான கதை அந்த மாணவர் ஒரு வகையான, ஒரு 1-இரவு திட்டம் என எழுதினார் அடுத்த நாள் அவர் YouTube தலைமை நிர்வாக அதிகாரி ஒரு வேலை வழங்கப்படும். என்று மிகவும் எளிய, நீங்கள் CS50 மாணவர்கள், உங்கள் இறுதி திட்டங்களை நீங்கள் YouTube இல் ஒரு வேலை பெற முடியும். அந்த மாதிரி ஏதாவது சரி, ஒரு இறுதி திட்டம் ஒரு உண்மையிலேயே யோசனை? நாம் ஒருங்கிணைக்க வேண்டும் என்று சில ஏற்கனவே செயல்பாட்டில் இருந்தது. நாம், பயனர் அனுபவம் சற்று மேம்படுத்த மற்றும் திடீரென்று YouTube உடனடி ஏதாவது தேடி நிறைய எளிதாக இருக்கும் வழக்கமான YouTube இல் தேட விட. எனவே சுருக்கமாக உள்ள அஜாக்ஸ் தான். 

ஜோசப் காட்டும் என்று எடுத்துக்காட்டுகள், நாம், autocompletes நிறைய பார்த்தேன் நாம் நினைவில் இல்லை, ஏனெனில் அந்த autocompletes உண்மையில் எளிது அல்ல - உதாரணமாக, நீங்கள் ஆப்பிள் பங்கு விலை நினைவில் இல்லை நாம் தான், அதை விட தான் எனக்கு சொல்லி விட, ஆ ஏதாவது தெரியுமா "இந்த விஷயம் ஒரு பங்கு, இந்த பணத்தை செலவு" நான் வகையான பங்குகள் ஆ தொடங்கும் என்று விரும்புகிறேன். நாம் ஏற்கனவே சேர்க்கப்பட்டுள்ளது என்று பூட்ஸ்டார்ப் நூலகம் உண்மையில் நன்றாக செய்ய முடியும் CS50 நிதி உள்ளே. நீங்கள் இங்கு டேக் இங்கே வந்து மற்றும் Typeahead உருட்டலாம் என்றால், இந்த, நான் யாரோ ஏற்கனவே எங்களுக்கு எழுதிய ஒரு நல்ல செருகுநிரலாகும் நாம் எளிதாக இந்த அதன் செயல்பாட்டை பயன்படுத்தலாம். நான் ஒரு ஒரு தட்டச்சு மற்றும் இங்கே ஏ தொடங்க சில மாநிலங்களில் பட்டியல் நாம் இந்த உண்மையிலேயே நினைக்கிறேன் என்று அது என்னை என் பக்கம் இந்த சேர்க்க நேரம். இது உண்மையில், மிகவும் எளிது என்று கூறினார். அது quote3.js இங்கே தாண்டி செல்ல வேண்டும். என் கோப்பு கொஞ்சம் வித்தியாசமாக தெரிகிறது. கீழே இங்கே என் அஜாக்ஸ் பொருள் அனைத்து அதே தான். நான் மற்றொரு பக்கம் சென்று இல்லாமல் பங்கு தரவு ஏற்ற வேண்டும். ஆனால் இப்போது நான் இந்த செருகுநிரலை பயன்படுத்த வேண்டும். பூட்ஸ்டார்ப் ஆவணங்களை நான் அதை செய்ய முடியும் என்பதை துல்லியமாக பெரும் உதாரணங்களாக உள்ளன. நான் சொல்ல விரும்புகிறேன், "இதோ, நான் தான்நிரப்புதல் வேண்டும் என்று உள்ளீடு தான்" மற்றும் நான், typeahead என்று இந்த செயல்பாடு அழைக்க போகிறேன் அது எங்களுக்கு Typeahead பொருள் அனைத்து கையாள நடக்கிறது. இது பட்டியலில் துவக்க வேண்டும், அது நமது வடிகட்டல் அனைத்து செய்யும். இது எனக்கு தேவை தான் நாம் autocompleting என்ன தரவு. அதனால் நான் ஆவணங்களை படித்து மற்றும் உதாரணங்கள் பார்த்து இந்த முக்கிய கண்டுபிடித்தோம். நான் அதை ஆதாரமாக ஒரு முக்கிய, இந்த முக்கிய மதிப்பு கொடுக்க வேண்டும் நான் தான்நிரப்புதல் வேண்டும் விஷயங்கள் சில வரிசை ஆகும். இந்த மாறி இந்த மற்ற கோப்பு வந்தது. நான் symbols.js திறக்க. 

இந்த symbols.js சரங்களை கொண்டுள்ள இந்த உண்மையில் பெரிய வரிசை உள்ளது நாஸ்டாக் இந்த பங்கு குறியீடுகள் அனைத்தும். நான் HTML, அதனால் jharvard, vhosts, globalhost, html, வார்ப்புருக்கள், மீண்டும் குதித்து விரும்பினால் quote_form. இப்போது quote3.js என்று அந்த பின்னர், என்னை நான் இங்கே உட்பட நான் இங்கு கோப்பு மாற்ற வேண்டும். இப்போது, நான் quote3.js வேண்டும், எனவே நான் அந்த தனி இங்கு கோப்பில் ஏற்ற போகிறேன் அந்த பூட்ஸ்டார்ப் தான்நிரப்புதல் என்று ஒரு. இப்போது நான் உலாவி மீண்டும் குதித்து போது, பக்கம் ஏற்றவும், மற்றும் நான் ஆ தட்டச்சு செய்ய தொடங்குங்கள் என் தான்நிரப்புதல் உள்ளது. அது உண்மையில் அந்த போன்றவையாக இருந்தது. நான் ", இங்கு நான் தான்நிரப்புதல் வேண்டும் என்னவென்றால்" தான் என்று குறியீட்டை 1 வரி, என்று திடீரென்று எனக்கு முயற்சியின் ஒரு முழு நிறைய இந்த உண்மையில் நன்றாக செயல்பாடு உள்ளது. வலைத்தளங்கள் மற்றும் விஷயங்கள் குறிப்பாக முன் இறுதியில் பக்க உருவாக்கி வருகிறோம் என, இந்த வழக்கில் நிறைய இருக்கிறது கண்டுபிடிக்க போகிறோம். அங்கு உண்மையிலேயே இலவச நூலகங்கள் நிறைய, நிறைய, நிறைய உள்ளன அது இப்படி செய்ய எளிதாக சூப்பர் செய்ய. யாரையும் வெறுமனே குறியீடுகள் இந்த பெரிய பட்டியலில் autocompleting எந்த குறையும் என்று முடியும்? என்ன இந்த அணுகுமுறை சிறப்பாக இல்லை என்று ஏதாவது காரணம் இருக்க முடியும்? Yeah. >> [மாணவர்] நேரம், நீங்கள் [செவிக்கு புலப்படாமல்] நிறைய இருந்தால் Yeah. இப்போது நாம் இந்த பெரிய இங்கு கோப்பை பதிவிறக்கும் மற்றும் சின்னங்கள் நிறைய இருக்கிறது. நாம் பொருட்களை ஒரு டன் இருந்தால் அதனால், இந்த முடிந்த மாதிரி தான் தேடி இல்லை மறைநிலை அதிகரிக்கும் ஆனால் உண்மையான கோப்பை பதிவிறக்கும். பெரிய. வேறு ஏதாவது? இப்போது தொடர்பு இல்லை உண்மையான அர்த்தத்தில் இல்லை. நான் இங்கே ஒரு ஒரு, நிறுவனங்கள் தட்டச்சு செய்தால் ஏ தொடங்கும் என்று மிகவும் பிரபலமான நிறுவனங்கள் இருக்க வேண்டும் 

நான் ஆப்பிள் பெற முன், அதை நான் தேடிக்கொண்டிருக்கிறேன் என்ன கண்டுபிடிக்க சில எழுத்துக்கள் ஆகலாம். இந்த தான்நிரப்புதல் தொடர்பு இந்த உணர்வு இல்லை. இது, என்ன நடக்கிறது "நான் காட்ட போகிறேன் பொருந்தும் என்று ஏதாவது." அதற்கு பதிலாக அந்த, நான் எப்படியோ என் தேடல்கள் சில தொடர்பு ஒருங்கிணைக்க விரும்புகிறேன். , Finance.yahoo.com, நான் யாஹூ நிதி இங்கு சென்றால் நான் யாஹூ நிதி பக்கத்திலும் ஒரு சின்னமாக நுழைய முயற்சி செய்தால் நான் goog தட்டச்சு செய்ய தொடங்குங்கள், நான் விஷயங்களை இந்த நல்ல பட்டியலில் இல்லை. யாஹூ நிதி இன்னும் வீழ்வது இங்கே ஏதாவது செய்து போல் தெளிவாக தெரிகிறது. அவர்கள் சில தொடர்பு கொண்டு அவர்கள் கூடுதல் தகவல் பங்கு பெயர் போல். நான் குறியீடுகள் என் பங்கு பட்டியல் பெற முடியாது என்று ஒன்று என்று. நான் இந்த வேண்டும் மற்றும் நான் அதை எடுத்து செல்கிறேன். நாம் ஒரு சில விஷயங்களை செய்ய செய்ய. நாம் முதலில் இந்த பக்கத்தில் இன்ஸ்பெக்டர் திறக்க நாம் இந்த பக்கம் எல்லாம் ஏற்ற கூடாது என்று பார்த்தேன், ஏனெனில் அது ஒருவேளை அதன் தரவு ஏற்றும் வேண்டும் எப்படியோ அஜாக்ஸ் பயன்படுத்தி. நாம் அது ஏற்றும் என்ன தரவு கண்டுபிடிக்க முடியும். நான் இந்த நெட்வொர்க் தாவலை கிளிக் செய்தால், இந்த பணிநீக்கம் தொடங்கும் என்று கோரிக்கைகளை அனைத்து போகிறீர்கள். நான் கூ தட்டச்சு இப்போது, நாம் நான் ஒரு புதிய HTTP கோரிக்கை என்று பார்க்கலாம். அந்த தரவு இருந்து வரும் அமைந்துள்ள இந்த பொருள். போதுமான நிச்சயமாக, நான் வித்தியாசமாக என்ற பிட் இது இந்த URL, பார் என்றால், நாம் யாகூ அதன் தரவு அனுப்பும் அமைந்துள்ள இந்த சரியாக என்று பார்க்கலாம். 

நான் ஆவி தேடல் செயல்பாடு மிகவும் ஒத்த என்று suggest.php என்று ஒரு தனி கோப்பு உருவாக்கப்பட்டது. இது அடிப்படையில் சென்னை URL ஐ ஒரு கேள்வி செய்ய நடக்கிறது, சில தரவு திரும்ப பெற அதை எனக்கு திருப்பி அனுப்ப. இப்போது, மாறாக குறியீடுகள் இந்த பெரிய, பெரிய பட்டியலை பயன்படுத்தி விட, நான், யாகூ ஒரு நல்ல தொடர்பு விஷயங்களை பயன்படுத்தலாம் நான் அந்த மகத்தான இங்கு கோப்பை பதிவிறக்க இல்லை. நான் மட்டுமே உண்மையில் தொடர்புடைய பங்கு குறியீடுகள் கீழே தள்ள போகிறேன். என்று குதிக்க நாம். எனவே ஐ, JS. நாம் quote4 இப்போது இருக்கும். இப்போது நாம் இனி இங்கு கோப்புகளை என்று பெரிய பட்டியல் பயன்படுத்துகிறீர்கள். ஆனால் வடிவமைப்பு சிக்கல் ஒரு சிறிய வகையான இங்கே இல்லை. நாம் அஜாக்ஸ் ஒரு ஒத்தியங்கா என்று. என்ன அதாவது, நான் ஒரு அஜாக்ஸ் கோரிக்கையை போது தான் என் அஜாக்ஸ் கோரிக்கை உண்மையில் துப்பாக்கி அமைந்துள்ள மிக சரியான இங்கே வரி 8, இது. நாம் இப்போது நான் சில விஷயங்களை செய்ய நடக்கிறது என்று கீழே இங்கே சில குறியீடு வேண்டும் என்று பக்கத்தில் பயனர் அல்லது மாற்றம் ஒன்று எச்சரிக்கை விரும்புகிறேன். இது நடக்க போவதில்லை என்ன உலாவி தொடர்ந்து இந்த கோரிக்கையை காத்திருக்க போவதில்லை முன் கீழே வரும் இந்த வரி அடிக்கிறேன். அது ஒத்தியங்கா பகுதி. இது, இந்த கோரிக்கையை நீங்கள் முடிக்க போது ", என்று நடக்கிறது "திரும்பி வந்து நான் வெற்றி உள்ளே அழைத்து சொன்னேன் என்று செயல்பாடு அழைப்பு." நாம் முன்பே அனைத்து பங்குகள் மட்டும் பதிவிறக்க முடியாது என்று. நாம் கோரிக்கையை வந்து ஏதாவது காத்திருக்க வேண்டும். முன் அதாவது, நாம் சாதாரணமாக, பூட்ஸ்டார்ப் சொல்ல முடியும் "இங்கே நான் தான்நிரப்புதல் நீங்கள் விரும்பும் விஷயங்களை பட்டியல்." எங்களுக்கு தெரியாது, ஏனெனில் நாங்கள் இனி இனி அதை செய்ய முடியும் நாம் உண்மையில் தானாக நிரப்புதல் வேண்டும். அந்த அங்கு ஸ்மார்ட் தோழர்களே, ஏனெனில் அதிர்ஷ்டவசமாக, பூட்ஸ்டார்ப், இந்த நினைத்தேன் அவர்கள் உண்மையில் இந்த Typeahead நீட்சியாக ஏற்ற மற்றொரு வழி கொடுத்தது. முன்பு, இந்த மூல சொத்து மதிப்பு தான்நிரப்புதல் விஷயங்கள் இந்த பெரிய வரிசை இருந்தது. 

இப்போது மூல சொத்து, உண்மையில் ஒரு செயல்பாடு ஆகும் இந்த செயல்பாடு நோக்கத்தை தான்நிரப்புதல் விஷயங்கள் என்ன கண்டுபிடிக்க வேண்டும். அதை கண்டுபிடிக்க நடக்கிறது வழி யாஹூ நிதி கேட்க நடக்கிறது என்று தான்நிரப்புதல் சிறந்த விஷயங்கள் என்ன. நான் மிகவும் ஒத்த அஜாக்ஸ் கோரிக்கை வைக்க போகிறேன் என்று செய்ய. நான் suggest.php இந்த பக்கம் கேட்டு போகிறேன். நான் இன்னும் குறியீடுகளை சேர்த்து அனுப்ப வேண்டும். இப்போது என் வெற்றி, பூட்ஸ்டார்ப் ஆவணங்கள் என்னிடம் கூறினார் அந்த வரிசையில், விஷயங்கள் என்று பட்டியல் விரிவுப்படுத்த வேண்டும் நான் செய்ய வேண்டும் அனைத்து கோரிக்கை செயல்பாடு இப்போது இந்த வரிசையில் கடக்க வேண்டும். ஆனால் ஒரு நிமிடம். இந்த அணிவரிசையில் இருக்க வேண்டும் மற்றும் அஜாக்ஸ், உரையை மீண்டும் என்னை அனுப்பி இருந்தால் எப்படி சாத்தியமாகும்? இந்த JSON என்று தரவு பரிமாறிக்கொள்ளும் ஒரு புதிய வழி அறிமுகப்படுத்துகிறது. இந்த வழக்கில் நாம் உரை ஒரு எளிய சரம் திரும்ப அனுப்ப கூடாது. இப்போது நாம் பங்கு குறியீடுகள் இந்த சிக்கலான பட்டியலில் கையாள்வதில். இந்த பங்கு குறியீடுகள் நிறுவனத்தின் பெயர் அல்லது தற்போதைய விலை போன்ற விஷயங்களை சேர்க்க முடியும். எந்த யூகிக்கக்கூடிய வழியில் வடிவமைக்கப்பட இல்லை என்று ஒரு பெரிய நீண்ட சரம் பயன்படுத்தி எனக்கு யாகூ சேவையகம் இந்த தரவு பெற சிறந்த வழி இருக்க போவதில்லை நான் எளிதாக புரிந்து கொள்ள முடியும் என்று ஒரு வழியில். JSON நாம் இங்கு உள்ள துணை அணிகளை உருவாக்க எப்படி பயன்படுத்தி கொள்கின்றது என்று ஒரு தொழில்நுட்பம் ஆகும். இந்த, ஒரு இங்கு இணைப்பு கோவை போன்ற நிறைய இருக்கிறது இது ஏனெனில், உண்மையில், அது. JSON ஜாவாஸ்க்ரிப்ட் ஆப்ஜெக்ட் குறிப்பு குறிக்கிறது. இந்த அடிப்படையில் ஒரு முன்னும் பின்னுமாக தரவு பரிமாற்றத்திற்காக வடிவம் ஏற்று உள்ளது. இந்த JSON பொருள் அல்லது இந்த JSON இணைப்பு கோவை இங்கே என்னை ஒரு போக்கை பற்றி சில தகவல்களை அனுப்பி வருகிறது. 

இந்த வரிசை சாவிகள், cs50 ஒரு மதிப்பு உண்டு என்று நிச்சயமாக போன்ற விஷயங்கள் கீழே இங்கே நாம் ஒரு அணி என்று ஒரு மதிப்பு இருக்க முடியும் என்று பார்க்கலாம். நான் சரங்களை அவுட் பாகுபடுத்தி போன்ற விஷயங்களை செய்ய வேண்டும் மற்றும் காற்புள்ளிகளை பார்க்க வேண்டாம் மேலும் அப்படி ஒரு பைத்தியம் செய்வார்கள். இந்த JSON வடிவில் அறிவித்தார் ஏனெனில், இங்கு மற்றும் jQuery ஏற்கனவே ஒரு சரம் மாற்ற செயல்பாடுகளை ஒரு உண்மையான இங்கு கூட்டு அணிவரிசை இந்த JSON போல் தெரிகிறது நாம் வேலை செய்யலாம் என்று. அந்த செய்து, இனி இந்த கோப்பு, suggest.php என்று போன்ற எளிய , மீண்டும் வெறுமனே உரை ஒரு சரம் என்னை அனுப்ப ஆனால் நான் அதை திரும்ப JSON என்னை அனுப்ப வேண்டும் நடக்கிறது என்று தெரியும். அந்த JSON ஒரு ஜாவா துணை வரிசையை மாற்ற முடியும் என்று அர்த்தம். அதனால் jQuery, நான் நீ என்று விரும்புகிறேன். என்று அர்த்தம் இங்கே இந்த மறுமொழி அளவுரு, இந்த இனி ஒரு சரம். நாம் jQuery சொன்னேன் ஏனெனில் அது இங்கே, சில JSON வருகிறது jQuery சொல்ல போதுமான ஸ்மார்ட் போகிறது, "நீங்கள் JSON வேண்டும்?" "நான் ஒரு கூட்டு அணிவரிசை அந்த மாற்ற போகிறேன்." நாம் quote4.js வேண்டும் முறை தான் உண்மையில் நெட்வொர்க் தத்தல் ஒரு பார்க்கலாம். இந்த மாற்ற மற்றும் பக்கத்தை மீண்டும் வருகிறேன். இப்போது நான் மீண்டும் ஒரு ஒரு தட்டச்சு போகிறேன். நான், suggest.php ஒரு ஜோடி கோரிக்கை, ஆனால் இப்போது இந்த பதில் மாறாக வெறும் சரம் விட, அதை JSON தான். அதனால் நான் ஒரு திறந்த சுருள் பிரேஸ், என்று உள்ளது "இங்கு ஒரு துணை வரிசை வருகிறது." 

இந்த இணைப்பு கோவை முதல் மற்றும் ஒரே விசை, குறியீடுகள் என அழைக்கப்படுகிறது பின்னர் இங்கே தொடர்புடைய சின்னங்கள் அனைத்தும் ஒரு வரிசை உள்ளது அந்த மகத்தான பட்டியலில் இருந்து, யாஹூ நிதி இருந்து இப்போது வரும். என்று நான் வெறுமனே இந்த தான்நிரப்புதல் நீட்சியாக குடியேற்ற முடியும் எப்படி ஏற்கனவே முன்கூட்டியே என்று ஒரு உள்ளமை கோப்பு இருந்து வரவில்லை என்று சில தரவு ஆனால் வேறு ஏதாவது இருந்து. அதை, நாம் உண்மையில் jsonp என்ற தொழில்நுட்பத்தை பயன்படுத்தி கொள்ள முடியும் என்று மாறும் அல்லது திணிப்பு இணைந்து JSON, இந்த suggest.php இடையே அகற்றும். ஆனால் அதற்கு பதிலாக அந்த செய்து, தனது பதிலாக நான் இந்த இன்னும் மேம்படுத்த முடியும் என்பதை பாருங்கள் நாம். நான் பூட்ஸ்டார்ப் இன் Typeahead மிகவும் பிடிக்கும். இது உண்மையில் நன்றாக இருக்கிறது. ஆனால், நாம் இங்கு நல்ல வருகிறோம் நாம் வகையான இந்த நம்மை செய்ய வேண்டும் ஒருவேளை இந்த கூடுதல் இணைப்பு செய்து கொள்ள முடியும் என்று பாருங்கள். அந்த Typeahead தான் பயன்படுத்த தான் இனி நாம், மற்றும் ஒரு கருத்து பங்குகள் இந்த பட்டியலில் நம்மை செய்ய முயற்சி செய்வோம். இங்கே quote6.php நாம் ஒரே வழி துவங்க போகிறோம். ஒவ்வொரு முறையும் யாரோ வகைகள் ஒன்று, நாம் ஒரு அஜாக்ஸ் வேண்டிக்கொள்ளுகிறேன். இந்த நம்முடைய அசல் CS50 நிதி உடனடி போல. மாறாக quote.php கோரிக்கையை செய்து விட, நாம் இப்போது முன் அதே கோப்பு கோரிக்கையை செய்கிறாய், இந்த suggest.php, இது வெறும் யாஹூ நிதி இருந்து தரவு இழுக்க வேண்டும். 

மீண்டும், நாம் இன்னும் JSON எதிர்பார்த்து, ஆனால் Typeahead எங்களுக்கு செய்யவில்லை என்பது இப்போது முதல் நாங்கள் தற்போதைய உரை பெட்டியின் உள்ளே என்று மதிப்பு சேர்த்து அனுப்ப வேண்டும். இப்போது நாம், யாஹூ நிதி கேட்க என்ன தெரியுமா அதனால் இப்போது இங்கே நாம் கோரிக்கையை நிறைவு முறை இயக்க வேண்டும் என்று விழா. நாங்கள், எங்களுக்கு பட்டியல் செய்ய கூடுதல் இணைப்பு இல்லை நாம் உண்மையில் பரிந்துரைகளை பட்டியலை உருவாக்க போகிறோம் அங்கு இங்கு தான். அதை செய்ய, மிகவும் PHP இல் போல் நாம் HTML இந்த பெரிய சரங்களை இணைக்கும் நாம் அவற்றை அச்சிட்டு, நாம் இங்கு அதே சரியான காரியத்தை செய்ய முடியும். முதலில் நாம், பரிந்துரைகள் என்று இந்த சரம் துவங்க போகிறாய் இந்த சரம் சில HTML கொண்டிருக்க போகிறார்கள். நாம் அது விஷயங்களை ஒரு பட்டியல் இருக்க வேண்டும், எனவே இந்த பட்டியல் டேக் தொடங்குகின்றன போகிறாய் இப்போது நாம் திரும்பி என்று சின்னங்கள் அனைத்தும் மீது மீண்டும் கூறு போகிறோம். நாம் டேட்டாடை சொல்ல காரணம், நினைவில்: 'json', இந்த ஒரு சரம் அல்ல. இந்த ஏற்கனவே எங்களுக்கு ஒரு வரிசை ஆகும். என்று உண்மையிலேயே தான். நாம் வெறுமனே "நான் ஒரு பட்டியல் உறுப்பு சேர்க்க வேண்டும்.", என்று சொல்லமுடியும் நாம், அந்த பக்கத்தில் உள்ள ஒரு ஒரு உறுப்பு உள்ளே வைக்கிறேன் நாம் அது என்ன தெரியுமா நாம், அதை பரிந்துரைகள் ஒரு வர்க்கம் கொடுக்க வேண்டும் இப்போது இங்கே நாம் யாஹூ நிதி திரும்ப கிடைத்தது சின்னமாக உள்ளது. 

ஒருமுறை நாங்கள், நாங்கள் திரும்பி வந்திருக்கிறேன் குறியீடுகளை ஒவ்வொரு ஒரு உறுப்பு உருவாக்கப்பட்டது நாம் மட்டும் பட்டியலில் இருந்து மூட வேண்டும். எனவே இப்போது பரிந்துரைகளை இந்த சிறிய HTML துண்டு பிரதிபலிக்கிறது ஒரு பக்கத்தில் வைத்து போது நாம் தேடும் விஷயங்களை பட்டியல் போகிறது. இப்போது அது உண்மையில் பக்கம் என்று வைத்து கொள்வோம். நான் உண்மையில் மற்றொரு காலியாக div உருவாக்கப்பட்ட மற்றும் நான் அதை பரிந்துரைகள் ஒரு அடையாள கொடுத்த செய்ய. நாம், பங்கு தரவு விலை காட்ட என்று div உள்ளடக்கங்களை அமைக்க மிகவும் போன்ற நாம் இப்போது இந்த சரம் என்ன இந்த div உள்ளடக்கங்களை அமைக்க வேண்டும் இந்த குறியீடுகள் எந்த கொண்டுள்ளது. இந்த HTML முறை பயன்படுத்தி, இந்த பரிந்துரைகளை மாறி, இந்த சரம், HTML ஒரு சரம். நான் அந்த HTML எடுத்து பரிந்துரைகளை என்று div உள்ளே அதை கொடுக்க வேண்டும். நாம் இப்போது டிஓஎம் ஏதாவது சேர்க்கப்பட்டிருக்கும். நாம் இப்போது பக்கத்தில் காண்பிக்க முடியும் என்று டிஓஎம் சில புதிய அம்சங்களை சேர்த்துள்ளோம். இந்த மாதிரி என்று பார்ப்போம். நாம் quote6 உள்ள ஏற்ற மற்றும் இப்போது நாம், திரும்பி வந்தால் இப்போது நான் AAPL தட்டச்சு தொடங்கும் போது, நாம் இனி அந்த பூட்ஸ்டார்ப் தானாக நிரப்புதல், வேண்டும் ஆனால் நாம் இப்போது நாம் செய்த இந்த பட்டியலில் இல்லை. இந்த, எடுத்துக்காட்டாக, பூட்ஸ்டார்ப் Typeahead விட சற்று uglier உள்ளது ஆனால் அது வேறு ஒரு விஷயத்தை செய்ய அனுமதிக்க வேண்டும். நாம் அந்த பூட்ஸ்டார்ப் நீட்சியாக பார்க்கும் போது, நாங்கள் தானாகவே நிரப்பபட போது, தானாக நிரப்புதல் மதிப்புகள் ஒரு AAPL என்று பார்த்தேன். அதனால் உங்களுக்கு பயனுள்ளதாக இருக்க வேண்டும். ஒரு பயனர், நான் உடனடியாக பங்கு குறியீடுகளின் அனைத்து அங்கீகரிக்க மாட்டார்கள். நிறுவனத்தின் உண்மையான பெயர்கள் என்ன நான் அநேகமாக அங்கீகரிக்க அதிகமாக இருக்கும் இருக்கும். அது மிகவும் உதவியாக இருக்கும் என்று காட்டிலும் AAPL சொல்லவில்லை என்று இந்த ஆப்பிள் இன்க் போல கூறினார் இந்த நம்மை பரவியது ஏனென்றால், நாம் உண்மையில் எளிதாக செய்ய முடியும். அது இங்கே நம்முடைய கடந்த அந்த கோப்பு திறந்து விட்டு, quote7 எனவே. 

அதே விஷயம். நான் மட்டும் குறியீடுகளை விட நம்மை திரும்பி என்று மற்றொரு PHP கோப்பு உருவாக்கப்பட்டது. இது எங்களுக்கு நிறுவனத்தின் பெயர்கள் திரும்ப கொடுக்கும். எனவே நாம் தான் செய்கிறோம். நாம் ஒரு அஜாக்ஸ் கோரிக்கை செய்கிறாய். கோரிக்கையை நிறைவு முறை, நாம், இங்கே இந்த விழாவில் இயக்க போகிறீர்கள் இந்த செயல்பாடு கூறுகள் ஒரு பெரிய சரம் கட்டமைக்க வேண்டும். ஆனால் இங்கே வேறுபாடு இந்த பட்டியல்கள் மதிப்பு, இனி ஒரு குறியீடு உள்ளது இப்போது பெயர். நாம் ஒரு சிறிய பிரச்சினை. நாம் நம் பார்வை பயன்படுத்தும் போது, நாம் எப்படியாவது சின்னமாக அனுப்ப வேண்டும். நாம் மைக்ரோசாப்ட் கார்ப்பரேஷன் போன்ற பார்வை ஒன்று கடக்க முடியாது. நாம் அது MSFT அனுப்ப வேண்டும். நாம் HTML எழுதும் போது, நாம் நல்ல உள்ளமைக்கப்பட்ட பண்புகளை நிறைய. ஒரு ஒரு ஒரு படம் அல்லது ஒரு வர்க்கம் தொடர்புடைய. ஆனால் நாம் உண்மையில் இப்போது தேவை இந்த இணைப்புகளை ஒவ்வொரு உள்ளது இது தொடர்புடைய ஒரு பங்கு குறியீடு வேண்டும். இல்லை உள்ளமைக்கப்பட்ட ஹெச்டிஎம்எல் பண்பு பங்கு சின்னத்திற்கான, அங்கு ஆனால் அதிர்ஷ்டவசமாக, HTML5 நாம் என்ன வேண்டுமானாலும் இருக்கும் நமது சொந்த பண்புகளை உருவாக்க அனுமதிக்கிறது. தரவு குறியீடாக சொல்லி, நான் ஒரு புதிய பண்பு அறிமுகம் அதன் பெயர் நான் செய்து, நான் இந்த தரவு அதை prefaced இந்த பரவாயில்லை. நாம் இப்போது பங்கு இருந்து அங்கு சின்னமாக உள்ளே சேமிக்க போகிறோம். என்ன என்று நாம் நிறுவனத்தின் பெயர் மதிப்பை காட்டும் கூட என்று எங்கள் தான்நிரப்புதல் உள்ளே, நாம் இன்னும் சின்னமாக நினைவில் ஒவ்வொரு நிறுவனத்தின் தொடர்புடைய. நாங்கள் செய்கிறோம் வழி இந்த உறுப்பு தன்னை உள்ளே இருக்கும். அதனால் நாம் ஒரு மாற்றத்தை உருவாக்க வேண்டும் என்று அர்த்தம். நாம் இப்போது அதை கிளிக் செய்யும் போது, நாம் உண்மையில் சின்னமாக பண்பு பயன்படுத்தி கொள்ள வேண்டும் இப்போது அதன் மதிப்பு காட்டிலும். நாங்கள் மீண்டும் என்றால், நாம் ஆலோசனைகளை ஒரு நிகழ்வு கையாளுதல் இணைக்கவும். இந்த பரிந்துரைகளை ஒன்று இப்போது சொடுக்கும் போது, நான் ஏதாவது செய்ய வேண்டும். நான் என்ன செய்ய வேண்டும் என்று உள்ளீடு பெட்டியில் மதிப்பை மாற்ற வேண்டும். இப்போது நான் இந்த ஒரே Val செயல்பாடு அமைக்க வேண்டும். 

எனவே விவாதம் இல்லாமல் இந்த Val விழாவில் உரை பெட்டியில் ஏற்கனவே என்ன நீ திரும்பும், நீங்கள் ஒரு சரம் கொடுத்தால் ஆனால், அது சரம் எடுத்து உரை பெட்டியில் அதை வைத்து நடக்கிறது. நான் அதே வழியில் தனது உரை பெட்டியில் தேர்வு. இது பெயர் வடிவம் மேற்கோள் சின்னமாக இருக்கிறது. இப்போது நான் அதை பண்பு தரவு குறியீடாக மதிப்பு அனுப்பும். இங்கே இந்த விஷயத்தை, இந்த $ (இந்த) புதிய. என்ன இந்த குறிக்கிறது எடுக்கப்பட்ட அந்த உறுப்பு ஆகும். நாம் ஒரு கிளிக் நிகழ்வு இணைப்பு இல்லை என்று இங்கே பார்க்கலாம் தனிப்பட்ட கருத்து ஒரு வர்க்கம் ஒவ்வொரு உறுப்பு வேண்டும். மாறாக, நாம் வேறுவிதமாக இந்த ஒரு சிறிய நெருங்கி. அதற்கு பதிலாக நாம் எப்போது இந்த பரிந்துரைகளை div எதுவும் உள்ளே, சொல்கிறாய்? இது நினைவி, அந்த பட்டியலை மட்டும் கொள்கலன் இந்த div உள்ளே ஏதோ கிளிக் மற்றும் அதை பரிந்துரை ஒரு வர்க்கம் உள்ளது என்றால், நான் இந்த நிகழ்வை சுடவேண்டும். அடிப்படையில் இந்த நாங்கள் என்ன செய்ய முடியும் என்றால் என்ன, நாம் இந்த அதே நிகழ்வு கையாளுதல் மீண்டும் முடியும் பட்டியலில் விஷயங்கள் எல்லாம். எனவே முதல் உறுப்பு ஒரு நிகழ்வு கையாளுதல் வேண்டும் இல்லை இரண்டாவது உறுப்பு மற்றும் வேறு நிகழ்வு கையாளுதல். நாம் அதற்கு பதிலாக "நான் அதே நிகழ்வு கையாளுதல் என் பட்டியலில் எல்லாம் விண்ணப்பிக்க வேண்டும்.", என்று சொல்லமுடியும் ஆனால் நாம் எப்படியாவது எடுக்கப்பட்ட எந்த உறுப்பு தெரிய வேண்டும். இந்த "இந்த" சொல் தான் குறிக்கிறது. இந்த பயனர் எடுக்க என்று பொருள் ஆகும். நான் 3 வது இணைப்பு கிளிக் செய்தால், இந்த, அந்த 3 வது இணைப்பு உறுப்பு பிரதிபலிக்கிறது இது நான் அதன் பண்பு, தரவு குறியீடாக, பெற முடியும் என்று அர்த்தம் எங்களுக்கு தெரியும் இது நான் கிளிக் நிறுவனம் தொடர்புடைய என்று சின்னமாக இருக்க வேண்டும். நமது நிதி பக்கம் திரும்பி செல்ல, நீங்கள் நாம், இப்போது மீண்டும் நான் msft போல் தட்டச்சு செய்ய தொடங்குங்கள் என்று பார்க்கலாம் நாம், ஒரு பங்கு குறியீடுகள் வருகிறோம் இனி நாம் இப்போது உண்மையான நிறுவனங்கள் வருகிறோம். ஆனால் நான் இந்த நிறுவனங்கள் ஒரு கிளிக் செய்யும் போது, நாம் நிறுவனத்தின் பெயரை நாம் உண்மையில் உரை பெட்டி இல்லை உருவாக்குகிறது என்பதை பார்க்க முடியும் ஆனால் அந்த தரவு பண்புகளை உள்ளே சேமிக்கப்படும் அதை வைத்து. அதனால் நான் உண்மையில் அதை கிளிக் செய்வதன் மூலம் இந்த உறுப்புகள் ஒரு ஆய்வு என்றால் மற்றும் உறுப்பு கண்காணிப்பு கிளிக் செய்து, நாம் உண்மையில் இந்த மாதிரி பார்க்க முடியாது. 

இந்த நாங்கள் லூப் என்று உள்ளே உருவாக்கிய ஏதாவது ஞாபகம் நாம் HTML என்று சரம் உருவாகின்றனர் போது. நாம் இந்த தரவு குறியீடாக பெரிய இது MSFT, மதிப்பு என்று இங்கே பார்க்கலாம். என்று நாம் எதிர்பார்ப்பதாக என்ன. அந்த குறியீடு, அது நாம் பயன்படுத்த வேண்டும் என்று மதிப்பு கிடைத்தது எப்படி இந்த உரை பெட்டியின் உள்ளே. என்று சலித்து என்ன காரணம் என்று போதுமான அந்த வடிவம் தான். அது தான் எங்கள் சொத்து பக்கம் சில விரைவான மாற்றங்கள் செய்யலாம். நீங்கள் சிறிது நேரம் CS50 நிதி பயன்படுத்தப்படுகிறது மற்றும் நான், நீங்கள், பங்குகள் நிறைய வாங்குதல் மற்றும் விற்பனை துவக்க இறுதியில் இந்த அட்டவணை, அழகான பெரிய போகிறது நீங்கள் நிச்சயமாக ஒரு பங்கு டிக்கரை வேண்டும் போகிறோம். அட்டவணை உண்மையில் பெரிய முறை, அதை பற்றி தேட முயற்சி பயனர் பயனுள்ளதாக இருக்க முடியும். நான் டிஸ்னி போன்ற ஏதாவது தட்டச்சு ஆரம்பித்தால் தேடல் பெட்டியின் உள்ளே என் மிக்கி மவுஸ் பங்கு தேடும் நாம் அட்டவணை இப்போது வடிகட்டி என்று பார்க்கலாம் நான் உள்ளே தட்டச்சு என்ன அடிப்படையில் இந்த செயல்பாடு சூப்பர் சிக்கலானதாக இருக்கிறது, ஆனால் அது உண்மையில் எளிதானது jQuery மற்றும் ஜாவாஸ்கிரிப்ட் மூலம். இந்த portfolio.php கோப்பு portfolio.js என்று ஒரு ஜாவா கோப்பு கொண்டுள்ளது. தான் என்று ஒரு பார்க்கலாம். எனவே ஐ, JS, போர்ட்ஃபோலியோ. நாம் மேஜையில் தேடி என்று செய்கிறீர்கள் அங்கு இங்கு தான். நான் செய்ய வேண்டும் முதல் விஷயம் என்று உரை பெட்டியில் ஒரு நிகழ்வு கையாளுதல் இணைக்கவும் உள்ளது நாம் நம் வடிகட்டி செயல்பாடு சுடவேண்டும் என்று எனக்கு தெரியும் ஒவ்வொரு முறையும் பயனர் அச்சகங்கள் ஏதோ நாங்கள் தேடுதல் பொத்தான்கள் நேரம் இல்லை என்பதால். நாம் செய்ய வேண்டியது முதல் விஷயம், பயனர் எதை தேடி கண்டுபிடிக்க உள்ளது போல் நாம் முன்பு செய்தது. இந்த சொல் பயனர் இடைவினை தற்போதைய உறுப்பு குறிக்கிறது. 

பயனர் தேடல் பெட்டியில் தொடர்பு ஏனெனில், இந்த தேடல் பெட்டியில் பிரதிபலிக்கிறது $, எனவே this.val பயனர் தற்போது தட்டச்சு செய்கிறார் தேடல் பெட்டியின் உள்ளே என்ன நமக்கு கொடுக்கிறது. எனவே, இப்போது நாம் என்ன செய்யவேண்டும் என்று நாம் அனைத்து வரிசைகளையும் மீது மீண்டும் கூறு வேண்டும் எங்கள் அட்டவணை உள்ளே. எங்கள் அட்டவணையில் உள்ள அனைத்து வரிசைகளையும் தேர்ந்தெடுத்து, நான், அந்த அட்டவணை அட்டவணை போர்ட்ஃபோலியோ ஒரு அடையாள வழங்கினார் ஒவ்வொரு வரிசையில், ஒரு டி உறுப்பு குறிப்பிடப்படுகின்றன இந்த தேர்வு எனக்கு ஒரு பெரிய வரிசை திரும்ப போகிறது என் அட்டவணையில் உள்ள அனைத்து வரிசைகளையும். இப்போது நான் அந்த அணி மீது மீண்டும் கூறு வேண்டும். நான் லூப் நீங்கள் ஒரு முடியவில்லை, ஆனால் jQuery உண்மையில் நம்மை அழைத்து நல்ல செயல்பாட்டை கொடுக்கிறது "ஒவ்வொரு." என்ன ஒவ்வொரு இல்லை, ஒவ்வொரு ஒரு வாதத்தை எடுத்து உள்ளது அந்த வாதம் ஒரு செயல்பாடு ஆகும். என்ன செய்ய போகிறது இந்த பட்டியல் உள்ளே ஒவ்வொரு உறுப்பு அந்த செயல்பாடு விண்ணப்பிக்க நடக்கிறது என்று. இந்த விழாவில், இ என்று ஒரு வாதம் ஆகும் இந்த விழாவில் நிறைவேற்றப்பட்ட போது, இந்த மின், முதல் வரிசையில் மாற்ற போகிறது பின்னர் இரண்டாவது வரிசையில், பின்னர் மூன்றாவது வரிசை. இந்த வகையில், இந்த சுழற்சி ஒரு இயங்கும் அதே விஷயம் பின்னர் லூப் உங்கள் குறியீட்டு உள்ளே அடிப்படையில் தற்போதைய உறுப்பு கண்டறிவதன். ஒவ்வொரு மறுசெய்கையும் மணிக்கு, அட்டவணையில் இந்த கூறுகள் ஒவ்வொரு, வரிசை உள்ளே செல் உரை - நான் உறுப்பு உரை என்று பரிசோதிக்க வேண்டும் - நான் தேடி கொண்டிருக்கிறேன் என்ன பொருந்தும். கட்டளைகளை இந்த பெரிய நீண்ட சரம் நான் அதை செய்ய முடியும் என்பதை தான். முதல், மீண்டும், இந்த இப்போது குறிக்கிறது - அது ஒரு புதிய செயல்பாட்டை உள்ளே தான் - இந்த இப்போது அட்டவணை தற்போதைய வரிசையில் உள்ளது. நான், அட்டவணை தற்போதைய வரிசையில் செல்ல வேண்டும் நான் அதன் குழந்தைகள் அனைவரும் பெற வேண்டும். நினைவில் வைத்து கொள்ளுங்கள், DOM, ஒரு படிநிலை மரம் இது கூறுகள் குழந்தைகள் உள்ளன என்று பொருள். 

இந்த. குழந்தைகள் செயல்பாடு மீண்டும் என்னை உறுப்புகள் அனைத்தும் ஒரு அணி திரும்ப போகிறது இந்த வழக்கில், அட்டவணையில் ஒரு வரிசையில், குழந்தைகள். இது வெறுமனே வரிசையில் உள்ளே செல்கள் இருக்கும். நான் முதல் செல் மீது தேட வேண்டும். இந்த. முதல் செயல்பாடு எனக்கு அந்த வரிசையில் முதல் உறுப்பு கொடுக்க வேண்டும். பின்னர் உரை செயல்பாடு என்று செல் உள்ளே எனக்கு சரியாக என்ன சொல்கிறது நான் அந்த உரை மீது தேட வேண்டும் என்பதால். இறுதியாக, அது சிற்றெழுத்து மாற்ற நாம் நாம் உரை வழக்கு உணர்வே கேள்விகளுக்கு செய்ய முடியும். இறுதியாக, நாம் அட்டவணையின் உள்ளே அந்த சரம் நாம் தேடும் சரம் கொண்டிருந்தால் பார்க்க வேண்டும். இங்கு உள்ள indexOf செயல்பாடு தான் என்று இல்லை. இந்த சரம் மற்றொரு சரம் கொண்டுள்ளது அல்லது நமக்கு சொல்கிறது. இது செல் நான் தேடி கொண்டிருக்கிறேன் என்ன உள்ளது என்பது உண்மை என்றால், நான் அதை பார்க்க என்று உறுதிப்படுத்தி கொள்ள வேண்டும். நிகழ்ச்சி முறை "உறுப்பு காட்டு.", என்று கூறுவேன் இந்த வழக்கு என்றால், பிறகு அது நான் இல்லாத தேடி என்ன அர்த்தம் அந்த வரிசையில் உள்ள, மற்றும் நான் மறைக்க விரும்பவில்லை, அதனால் பயனர் இருந்து வருகிறது. இனி நாம் முழு அட்டவணை பார்க்க அங்கு அந்த நல்ல வடிகட்டி விளைவை அடைகிறது. நீங்கள் அதே போல், இந்த டிக்கர் எப்படி விரும்பினால் நாம் ஆன்லைன் மூலம் பதிவு செய்யலாம். ஆனால் அது மிகவும் எளிது. JQuery இந்த அனிமேஷன் மற்றும் கையாள்வது CSS பண்புகளை அற்புதமான முறைகள் உள்ளன. எனவே, எனக்கு அது. 

என்ன பின்னர் மேலே உள்ளது? நீங்கள் ஒரு சில நாட்களில் பார்க்கலாம் என, இறுதி திட்டங்கள் திட்டம் உள்ளது. இறுதி திட்டங்கள் திட்டம், நீங்கள் ஒரு சில கேள்விகளை கேட்க வேண்டும் ஆனால் அவர்கள் மத்தியில் மூன்று மைல்கற்கள் இருக்கும் - ஒரு "நல்ல" மைல்கல்லாக, ஒரு நல்ல மைல்கல்லாக, மற்றும் ஒரு சிறந்த. உங்களுக்கு உதவி செய்ய உண்மையில் இருப்பது யோசனை உங்கள் எதிர்பார்ப்புகளை அமைக்க எனவே குறைந்த பட்ச உங்கள் இறுதி திட்டத்தின் வெளியீடு மகிழ்ச்சியாக இருக்க வேண்டும் என்று அது இதுவரை நீங்கள் பொறுத்தவரை "நல்ல" இருக்கும். ஆனால் நீங்கள் ஏதோ ஒரு சிறிது அடைய பெறுவதில் ஆர்வம் நன்றாக அல்லது சிறந்த ஒன்று, நாங்கள் அதே என்று நோக்கி நீ தள்ள ஒரு கொள்ளலாம். CS50 ஹேக் ஒரு thon, இதற்கிடையில், ஒரு சில வாரங்கள் ஆகும். பொதுவாக, நாம் ஏனெனில் வட்டி ஒரு லாட்டரி அடிப்படையில் அடிப்படையில் இதை செய்ய, ஆனால் அப்படி நாம் ஹார்வர்ட் சதுக்கத்தில் இருந்து விண்கலம் பேருந்துகள் எங்களுக்கு ஒரு சில நூறு எடுக்க வேண்டும் என்று கீழே மைக்ரோசாப்ட் பொருத்தமாக "முட்டாள்" என்று ஒரு அழகான வசதி எங்கே கெண்டல் சதுக்கம் வரை - புதிய இங்கிலாந்து ஆராய்ச்சி மற்றும் மேம்பாட்டு மையம். நாம் 8 மணியளவில் நாங்கள் சில உணவு வேண்டும் அங்கே கிடைக்கும். 1 முற்பகல் சுற்றி நாம் இன்னும் உணவு வேண்டும். சுமார் 5 நீங்கள் இன்னும் விழித்து என்றால் நாம் வளாகம் உங்களை மீண்டும் IHOP அல்லது எடுக்க மீது தலைமை நான் இருக்கிறேன். அங்கு நோக்கம் இறுதி திட்டங்களை கொண்டு டைவ் உள்ளது படித்தவர்களை மற்றும் ஊழியர்கள் இணைந்து. பின்னர் சில நாட்கள் கழித்து CS50 சிகப்பு, இல்லை நீங்கள் உங்கள் வேலையை வெளிப்படுத்துவதற்கு எந்த ஒரு வாய்ப்பு இருக்கும் பொருள் அரையிறுதி மற்றும் சாதனைகள் ஒருவருக்கொருவர் தோள்களில் தேய்த்தல் மற்றும் அனைவருக்கும் என்ன ஒரு உணர்வு பெற வேண்டும். என்று கொண்டு, டாமி மற்றும் ஜோசப் பல நன்றி, நாம் திங்களன்று நீங்கள் பார்ப்போம்.  [கரவொலி]