[Powered by Google Translate] [వీక్ 9, కంటిన్యూడ్] [డేవిడ్ J. మలన్ - హార్వర్డ్ యూనివర్శిటీ] [ఈ CS50 ఉంది. - CS50.TV] 

ఈ CS50 ఉంది. ఈ వారం 9 ముగింపు. చాలా ధన్యవాదాలు. చివరగా. వీక్ 9. నేను అర్థం చేసుకున్నాను. ఈ రోజు మనం వెబ్ ప్రోగ్రామింగ్ గురించి మా సంభాషణ కొనసాగుతుంది చివరి ప్రాజెక్టు వైపు ఒక కన్ను, మీరు వెబ్ ఆధారిత ఏదో ఒకటి లేదు ఎందుకంటే చివరి ప్రాజెక్టులకు కానీ చివరి ప్రాజెక్టులకు గాని లేదా CS50 తర్వాత ఈ ఖచ్చితంగా ఆధునిక సాఫ్ట్వేర్ అన్నారు దీనిలో దిశలో ఉంది. మరియు ఇంకా ఇది నిజానికి ఒక సులభమైన విషయం కాదు. నిజానికి, చేయడానికి కష్టతరమైన విషయాలు ఒకటి డిజైన్ అంశం. 

ఉదాహరణకు, డిజైన్ ద్వారా మేము నిజంగా యూజర్ ఇంటర్ఫేస్ పొందడానికి అర్ధం లేదా యూజర్ అనుభవాన్ని కుడి. విశ్వసించుటకు సిద్ధంగానుండు నేను - మరియు మేము ఇటీవల సమస్య సెట్ తెలిసిన మీరు కొన్ని సాఫ్ట్వేర్ కొన్ని ముక్క గురించి మీ బిగబట్టినట్లు నొప్పులు ప్రసారం చేసినప్పుడు లేదా హార్డ్వేర్ క్యాంపస్ లేదా ఆఫ్ లేదో మీరు infuriates ఆ - అక్కడ సైట్లు చాలా ఉన్నాయి, హార్డ్ వేర్ చాలా అక్కడ ఉంది ఆ రకమైన సక్స్. అయితే వాస్తవికత ఇంకా ఉపయోగించడానికి సులభం తయారుచేస్తాను అయితే శక్తివంతమైన అని ఉంది చాలా క్లిష్టమైన సవాలు. కనుక ఈ రోజు నేను జోసెఫ్ మరియు టామీ ఇక్కడ నన్ను చేరమని అడిగినట్లు మేము ఒక సంభాషణ కలిగి ఉంటాడు, ఇద్దరూ డిజైన్ ఏ ఆలోచనా ప్రక్రియల యొక్క రకాల మీ తల ద్వారా వెళ్లి ప్రారంభం కావాలి మీరు మీ చివరి ప్రాజెక్టులు రూపకల్పన, మీ భవిష్యత్తు ప్రయత్నాలను. మరియు టామీ యొక్క సహాయంతో మేము అమలు వివరాలు కొన్ని వద్ద పరిశీలిస్తాము. ఎలా మీరు కాగితంపై లేదా మీ దృష్టిలో కొన్ని దృష్టి కలిగి మీరు programmatically అమలు చేయగల టెక్నాలజీ మరియు పద్ధతులు కొన్ని ఉపయోగించి మనం కేవలం గురించి మాట్లాడటం మొదలుపెట్టాడు చేసిన అవి JavaScript మరియు AJAX, అసమకాలిక JavaScript అవి కూడా కొత్త ఏదో. మీరు ఒక వినియోగదారు ఇంటర్ఫేస్ యొక్క అన్ని మరింత డైనమిక్ సృష్టించడానికి అనుమతిస్తుంది ఒక సర్వర్ నుండి క్రమంగా మరింత డేటా పొందడంలో ద్వారా. కాబట్టి మేము ఈ రోజు కూడా ఆ స్నిప్పెట్లను యొక్క కొన్ని చూస్తారు. ఒక పక్కన, మీరు కంప్యూటర్ సైన్స్ లో సాంద్రీకృత ఆసక్తి ఉంటే లేదా కంప్యూటర్ సైన్స్ లో minoring, తెలిసిన మధ్యాహ్నం ఈ శుక్రవారం మాక్స్వెల్ డ్వోర్కిన్ 221 లో ఒక పిజ్జా ఈవెంట్ ఉంటుంది మీరు కంప్యూటర్ సైన్స్ గురించి కొంచెం మరింత తెలుసుకోవచ్చు. తలుపు అవుట్ మీ మార్గం నేడు మీరు హార్వర్డ్ వద్ద CS ఒక అనధికారిక గైడ్ ఎంచుకొని చేయగలరు. మేము నడుము ఎత్తులో బయట చెత్త డబ్బాలు మీద ఉంచుతాము తద్వారా మీరు ఈ పట్టుకోడానికి మరియు CS గురించి కొంచెం మరింత తెలుసుకోవడానికి చెయ్యాలనుకుంటే, ఇది వారం 0 లో ఆ మీరు ఉంటుంది. మీరు 1:15 pm ఈ శుక్రవారం CS50 భోజనం కోసం మాకు చేరదలిచారా కూడా ఉంటే, cs50.net/lunch వెళ్ళండి. మరింత ఆలస్యం లేకుండా, నేను మీరు టీచింగ్ తోటి జోసెఫ్ వోంగ్ ఇస్తాయి. హాయ్. [చప్పట్లు] ధన్యవాదాలు. నేను డిజైన్ నేర్చుకున్న మొదటి సారి CS179 అని ఇక్కడ ఒక తరగతి లో. 

సమయంలో ప్రొఫెసర్ మాకు మరొక ప్రొఫెసర్ గురించి కథ చెప్పాడు ఒక హోటల్ వెళ్లి మరియు FAUCETS ఉపయోగించాడు. ఎవరైనా ఎడమ ఏమి 2 గుబ్బలు చెప్పు మరియు కుడి చేయగలరు? [విద్యార్థి] వేడి మరియు చల్లని. >> వేడి మరియు చల్లని. గుడ్. మీరు సాధారణంగా ఆశించిన ఏమి, కుడి? పీపాలో నుంచి నీళ్లు బయిటికి రావడమునకు వేసివుండే చిన్న గొట్టము ఉపయోగించి తర్వాత ఈ ప్రొఫెసర్ ఒక షవర్ పడుతుంది చేయాలనుకుంటున్నారు మరియు అతను ఈ ఉపయోగించడానికి ప్రయత్నిస్తుంది. అతను ఎడమ భావిస్తాడు మరియు కుడి భుజాలు లంబ, వేడి మరియు చల్లని కోసం? కానీ ఎవరైనా నన్ను ఈ వాస్తవానికి ఏమి చెబుతారా? ఏదైనా చేతులు? [వినబడని విద్యార్థి ప్రతిస్పందన] >> ఒక సలహా ఉంది? [వినబడని విద్యార్థి ప్రతిస్పందన] >> ఉష్ణోగ్రత? కాబట్టి వాటిని ఒకటి ఉష్ణోగ్రత మరియు ఇతర నియంత్రణలను నియంత్రిస్తుంది? >> [విద్యార్థి] నీరు ఒత్తిడి. నీరు ఒత్తిడి. గుడ్. ఈ ప్రొఫెసర్ ఈ లోనికి ప్రవేశిస్తాడు మరియు, వారు వేడి మరియు చల్లని నియంత్రించడంలో ఉంటాయి ఆలోచిస్తూ అతను వేడి, అన్ని మార్గం అప్ కోసం భావించిన ఇది సరైన, మారుతుంది అతను ఒక వెచ్చని షవర్ పడుతుంది చేయాలనుకుంటున్నారు కనుక. Well, ఈ నిజంగా మ్యాచ్ కాకపోవడం, అందువలన అతను ఈ చాలా సరదాగా లేదు అనుభవం గెట్స్ ఒక కోల్డ్ షవర్ లో, మరియు మేము ఆ అనుకుని తెలుసు. ఈ రూపకల్పన లోపం యొక్క ఒక ఉదాహరణ. ఆ పీపాలో నుంచి నీళ్లు బయిటికి రావడమునకు వేసివుండే చిన్న గొట్టము నుండి నిరీక్షణ ఉంది ద్వారా వాట్ ఐ మీన్ షవర్ నుండి వచ్చిన సరిపోలడం లేదు, అతని కోసం దురదృష్టకరమైన రకం ఇది. కాబట్టి ఈ నిజ జీవితంలో జరిగే ఒక నమూనా లోపం యొక్క ఒక ఉదాహరణ. కానీ మేము అలాగే ఇతర వాటిని అన్ని రకాల చూడండి. మేము బహుశా MBTA వ్యవస్థ యొక్క అభిమానులు లేదు. ఈ అన్నారు ఇది లండన్ లో అసలైన సబ్వే సిస్టమ్, "ఇది బటన్ ఉపయోగంలో కాదు." ఎందుకు అది కూడా ఉంది? ఎందుకు మేము కూడా శ్రద్ధ లేదు? నేను చిన్నప్పుడు, ఇంట్లో TECH అవగాహన ఒకటిగా, ఉన్నప్పుడు కంప్యూటర్ క్రాష్ చేస్తుంది చేసినప్పుడు, నా తల్లి, నాకు వస్తాయి ఈ తెర చూపిస్తున్న నాకు అడుగుతూ ఏమి. 

కూడా నేను ఈ అర్థం ఏమి లేదు. [నవ్వు] ఏమిటి? [నవ్వు] కొన్నిసార్లు మేము సాఫ్ట్వేర్ డెవలపర్లు భావిస్తాను కేవలం ట్రాలింగ్ మాకు ఉన్నాయి. వినియోగదారులు మేము వంటి చేస్తున్నపుడు "ఏమి జరుగుతుందో? ఎవరో మాకు చెప్పండి." ఈ అన్ని డిజైన్ యొక్క ఒక సంచికలో కూడినది. డిజైన్, మేము గమనిస్తే,, అలంకారం గురించి పూర్తిగా కాదు అది విషయాలను ఇలా గురించి కాదు. మేము ఈ పాప్ అప్ ఇక్కడ మీద కొంచం నిజానికి చాలా మంచి కనిపించే ఇక్కడ చూడండి. ఇది నేపథ్యంలో డ్రాప్ షాడో ఉంది, అది జరగబోతోంది సరిహద్దు radiuses ఉంది. ఇది చాలా యొక్క ఉంటాము. ఇది చాలా యూజర్ ఫ్రెండ్లీ కాదు ఎందుకంటే ఇది బాగా రూపకల్పన కాదు. వచ్చి ఆ పాప్ అప్ చిన్న నన్ను ఏ సమాచారం ఉండదు ఏమి గురించి, అది వినియోగదారు నన్ను ఏదైనా చెప్పడు ఆ లోపం నుండి తిరిగి ఎలా. మేము డిజైన్ కాదు విషయాల గురించి ఆలోచించడం కావలసిన. మొదటి, ఇది సౌందర్యం కాదు. ఇది కూడా అనవసరం కార్యాచరణ యొక్క టన్నుల మీ అనువర్తనం కూరటానికి కాదు. మీరు ఒక థాయ్ రెస్టారెంట్, మీరు బహుశా అదే సమయంలో ఒక దంతవైద్యుడు ఉండాలనుకుంటున్నాను లేదు. మరియు Facebook ప్రశ్నలతో, అనేక మంది ఉపయోగించారు కాదు మరియు వారు నిర్మించారు ఏమి కోర్ వద్ద నిజంగా కాదు. మరియు అందువలన చాలా విషయాలను పరిమాణం లేదు గురించి ఆలోచించటం మంచిది మీరు మీ అప్లికేషన్ కానీ నాణ్యత ఉంచడం చేస్తున్న మరియు ఎలా మీరు బాగా ఆ యూజర్ అనుభవాన్ని చేస్తున్న ద్వారా వాస్తవానికి మీరు ఇప్పటికే ఏమి మీద అభివృద్ధి. 

క్లుప్తంగా, రూపకల్పన మేము నిర్మించడం ఏ మాకు చెబుతుంది. ఉదాహరణకు, మాకు విషయాలు పైకి శోధించు అనుమతించే ఏదో నిర్మించడం చేస్తుంటే, Google వంటి ఉదాహరణకు, మేము ఒక పద్ధతిలో పనులు చేయాలి ఆ, వినియోగదారు అవి ఏమి చెయ్యడానికి క్లిక్ మా పాటించాల్సిన అవసరం లేదా మేము Google తక్షణ లేదా స్వీయపూర్తి తో, ఉదాహరణకు, ఒక విధంగా అది చెయ్యాలి మాకు మా ఫలితాలు వేగంగా మీకు వీలు కల్పిస్తుంది? టామీ వాస్తవానికి దీనిని నిర్మించాలని, మీరు నచ్చిన ఇంజనీరింగ్, ఉంటుంది. డిజైన్ రకాలు మా ఉన్నాయి. ఉదాహరణకు, మీరు ఏదో నిర్మించడానికి మీరు ఏదో విస్తరించడానికి విద్యుత్చక్తి లేదా ఎక్కువ సాంకేతికత లేదు పేరు ఒక మూడవ ప్రపంచ దేశం లో, మీరు నిర్మించడం ఏమి రూపొందించడానికి కలిగి సులభంగా అక్కడ ప్రజలు అందుబాటును ఇస్తుంది విధంగా. కానీ ఇతర నిర్మాణాల నిర్ణయాలు ఎటువంటి ఉండవచ్చు ఏమి లేదా ఈ వంటి ఏదో ప్రమేయం ఉండవచ్చు? అవును. నేను ఒక చేతి చూడండి. [వినబడని విద్యార్థి ప్రతిస్పందన] >> కుడి. సరిగ్గా. యాక్సెసిబిలిటీ ఒక విషయం ఉంది. మంది "నా వినియోగదారులు గురించి?", గురించి భావించడం లేదు గాని స్పెక్ట్రం యొక్క విపరీతాలు ఇష్టపడుతున్నారు. నేను గురించి ఆలోచించడం లేదు అని వైకల్యాలు కలిగి ఉండవచ్చు వినియోగదారులకు కలిగి మరియు నేను సాధారణ వినియోగదారు కోసం రూపకల్పన గురించి ఆలోచిస్తున్నాను. ఇంటర్నెట్ ఈనాడు ప్రతి ఒక్కరికీ అందుబాటులో ఉంది మరియు నేను అదే ఆ వ్యక్తుల కోసం రూపకల్పన చేయాలి. మీరు ఏ ఇతర నిర్మాణాల నిర్ణయాలు ఎటువంటి సంపాదించగలరు? అవును. >> [విద్యార్థి] కాస్ట్. ఖర్చు. చాలా మంచి. మేము మా రూపకల్పన నిర్ణయాలను పునాది ఉండవచ్చు మరొక విషయం ఖర్చవుతుంది. మేము ఒక వ్యాపార, మీరు ఉత్పత్తి ఖర్చు పరిగణించటం లేదని ఏదో నిర్మించడానికి కావలసిన కానీ ముఖ్యంగా అధిక ధర వద్ద విక్రయించడం లేదా మాకు కొన్ని లాభం పొందవచ్చు. 

ఈ నమూనా యొక్క అన్ని రకాల, కానీ ఇంటర్నెట్ లో ఏదో నిర్మించడం చేసినప్పుడు లేదా మేము బహుశా ఇప్పుడు నిర్మించటానికి ఎక్కువ ఖర్చు లేదు ఏదో నిర్మించడం చేసినప్పుడు, ఇంటర్నెట్ అప్లికేషన్స్ - మీరు దీనిని ఎక్కువగా రాజధాని విసిరే లేదు వాస్తవానికి పని ఏదో చేయడానికి - మనం గురించి మరింత కలత ఉన్నారు యూజర్ అనుభవం ఉంది. మేము ఈ యూజర్ కేంద్రీకృతమైన కాల్. ముఖ్యంగా ఏ యూజర్ కేంద్రీకృతమైన ఉంటుంది మీ వినియోగదారుల బూట్లు లో నిన్ను నీవు తెస్తున్నాయి. నేను నిర్మించడం నేను ఏమి కోసం ఎవరైనా సైన్ అప్ ఉంటే, వారు సహజంగా, మనసులో ఒక గోల్ నా ప్రత్యేక అప్లికేషన్ వచ్చి ఒక పనిని వారు పూర్తి చేయాలనుకుంటున్నాను. మరియు మీ ఉద్యోగం వారిని ఆ పని పూర్తి సహాయం మాత్రమే కాదు కానీ వాటిని సులభంగా, సమర్థవంతంగా ఒక పద్ధతిలో ఆ పని పూర్తి సహాయం, మరియు, కొన్ని వ్యక్తి అక్కడ అన్నాడు, అందుబాటులో. సామర్థ్యం శతకము సామర్థ్యం ఎంత త్వరగా నా వినియోగదారు నా ఇంటర్ఫేస్ ఇచ్చిన పని పూర్తి లేదు అని అర్థం. వాటిని ఒకే చోట నుండి ఇతర చెయ్యడానికి ఇది క్లిక్ మా పడుతుంది? ఇది చాలా కష్టంతో కూడుకున్నది? వారు పునరావృత కార్యాలను మా నిర్వహించడానికి ఉందా? మేము సాధ్యమైనంత సమర్ధంగా ఆ ప్రక్రియ అనుకున్న కాబట్టి వారు ఇలాంటి విధమైన చేయడానికి లేదు. ఒక వినియోగదారు నా ఇంటర్ఫేస్ చూస్తుంది ఉంటే intuitiveness కొరకు, ఆ, ఉదాహరణకు,, వాటిని ప్రాంతాల్లో చెయ్యడానికి కోసం సులభం? వాటిని వారు నా ఇంటర్ఫేస్ క్లిక్ చేయండి విషయాన్ని గుర్తించడానికి ఇది సులభం వీరిని కోసం వారు సాధించిన కావలసిన గోల్ లేదా విధి సాధించడానికి? 

ఒక వ్యక్తి అక్కడ చెప్పారు మరియు చివరకు, సౌలభ్యాన్ని చాలా ముఖ్యం. [పురుషుడు స్పీకర్] ఇది దృష్టి అంశాలని అందుబాటులో వచ్చింది, నిజానికి బ్లైండ్ ఎవరైనా ఏదో రూపకల్పన ఎలా అనుకుంటున్నారా? ఓహ్. అన్ని వద్ద చూడండి ప్రజలను కోసం, మేము ల అని ఏదో ఉంది. మీరు ఏమి చేయాలి మీరు విధంగా మీ వెబ్ సైట్ నిర్మించడానికి ఉండాలి ఆ, ఉదాహరణకు, కాల్ ఏమి ప్రత్యేక TECHNOLOGIES - ఇప్పుడు విషయాలను మా ఉన్నాయి. నేను JAWS అని ల అక్కడ ఉన్నాయి. ఈ విషయాలు చాలా మేము ప్రాంతం నియమాలు కాల్ ఏం ఆధారపడతాయి పేజీలో ఉంది ఏమి వినియోగదారుకు చదివి చేయడానికి. చూడలేరు చేసే వ్యక్తులు, మీరు నిర్ధారించుకోవాలనుకుంటున్నాము ఈ ల వాస్తవానికి పేజీలోని కంటెంట్ ఆగిన చోటు మరియు వాస్తవంగా మీ వినియోగదారులు చూపుతుంది, మీరు చూడలేకపోతే, కనీసం మీరు పేజీలోని కంటెంట్ అర్ధం చేసుకోగలరు. అవును. సరే. గుడ్ ఇనఫ్ డిజైన్ గురించి మాట్లాడటం. చెడు డిజైన్ గురించి మాట్లాడటం యొక్క లెట్. ఈ మీరు అలా చేయాలి విషయాలు ఇక్కడ ఉన్నాయి. ఎవరైనా క్రెయిగ్స్ జాబితా తమ అనుభవాలను గురించి చెప్పండి కాదు మరియు వారు భావించే ఈ డిజైన్ గురించి చాలా గొప్పది కాదు? అవును. >> [విద్యార్థి] నేను చాలా పదాలు ఒక ప్రాంతంలో ఉందని నేను అనుకుంటున్నాను. చాలా పదాలు, కుడి? పూర్తిగా అధిక. మీరు ఈ పేజీకి వచ్చి మీరు ఇక్కడ విషయాలు మొత్తం బంచ్ పలకరించింది చేస్తున్నారు కూడా మీకు సంబంధించిన కాదు. ఉదాహరణకు, మీరు ఈ అక్షరంతో ప్రారంభం కాదు ఒక రాష్ట్రం నివసిస్తున్నారు. మీరు టెక్సాస్ లేదా ఏదో నివసిస్తున్నారు చెప్పారు. 

మీరు ఉన్నారు నగర చెయ్యడానికి పేజీ డౌన్ వెళ్లే స్క్రోల్ ఉంటుంది. నేను బోస్టన్ నుండి ఉన్నాను, కాబట్టి నన్ను మసాచుసెట్స్ లో చూద్దాం. మసాచుసెట్స్ ఎక్కడ ఉంది? ఓహ్, ఇది కుడి ఇక్కడ ఉన్నారు. ఓహ్, ఇది బోస్టన్ యొక్క. సరే. యొక్క బోస్టన్ చూద్దాం. [నవ్వు] ప్రెట్టీ అధిక, కుడి? అక్కడ ఇబ్బందికరమైన విషయాలు. [నవ్వు] లెట్ యొక్క నేను బ్రతకాలని ఎక్కడో కోసం చూస్తున్నాను అంటున్నారు. ఎంత మంది నిజంగా క్రెయిగ్స్ జాబితా ఉపయోగించారు? మీరు టన్నుల. ఈ దృష్టి, కానీ యొక్క ఈ చూద్దాం కు అందంగా చెడు మార్గాలు ఉన్నాయి. Img మరియు pic మధ్య తేడా ఏమిటి? ఎవరైనా నాకు వివరంగా చెప్పగలరా? నిజానికి తేడా ఉంది. వారు ఖచ్చితంగా ఇదే అర్ధం, కానీ వారు కారణం చేత వారికి వివిధ లేబుల్స్ కలిగి ఉంటాయి. నేను కలిగి క్లిక్ ఉంటే చిత్రం, ఏమీ పేజీ న జరుగుతుంది. నేను నిజానికి జరిగి ఏదైనా మళ్ళీ శోధన క్లిక్ చేసి. ఏ అక్కడ కూడా చేయవచ్చు ఒక మంచి నిర్ణయానికి కావచ్చు? నేను వడపోత క్లిక్ చేయడం, నేను బహుశా ఆ ప్రత్యేక చర్య ద్వారా వడపోత మీరు లేదా ఆ ఫలానా వర్గం. బదులుగా మళ్ళీ శోధన నొక్కండి అవసరం కాబట్టి, నేను స్వయంచాలకంగా వడపోత చేయగల వారు వెంటనే దాన్ని పేరు Google శైలి అబ్బాయి. [మలన్] కానీ మేము వాటిని ఇప్పటివరకు భౌతికంగా సమర్పించిన ఉంటుంది చూసిన ఏర్పడుతుంది లేదు నొక్కడం ద్వారా కనీసం లేదా బటన్ క్లిక్ ఎంటర్? మీరు ఇప్పటివరకు వాటిని చూసిన, మీరు నిజంగా ఆ పనులను సమర్పించు క్లిక్ చేసి. 

కానీ టామీ రెండవ లో మీరు కనిపిస్తాయి వంటి, అయితే మీరు మార్గాలు ఉన్నాయి మీరు ఆ విషయం క్లిక్ చేసినప్పుడు అది స్వయంచాలకంగా పంపవచ్చు అలాంటి మేము అజాక్స్ అభ్యర్ధనతో కాల్ మరియు తిరిగి డేటా పొందండి మరియు తక్షణమే మీ ఫలితాలను ఫిల్టర్ ఏ. ఈ ఇంటర్ఫేస్ తప్పు అని విషయాలను టన్నుల ఉన్నాయి. [మలన్] మీరు కేంబ్రిడ్జ్ శోధించవచ్చు? మీరు కేంబ్రిడ్జ్ శ్రద్ధ పేరు క్రమరహిత ఏదో ఇక్కడ ఉన్నాయి మరియు ఇంకా మీరు WESTFORD, స్ప్రింగ్ హిల్, వెస్ట్ న్యూటన్ మరియు వంటి చేస్తున్నారు. బహుశా ఉత్తమ. >> బహుశా ఆదర్శ లేదు. నేను ఈ నిర్దిష్ట పేజీలో వినియోగదారు యొక్క అనుభవాన్ని ఉత్తమం చేయగలరు? అవును. >> [విద్యార్థి] సూచనలు. సరే. కోణంలో ఏ విధమైన సూచనలను? ఉదాహరణకు [విద్యార్థి], కూడా క్రెయిగ్స్ జాబితా ఉంది ఏమి లేని మొదటిసారి వినియోగదారులకు విషయం లేదా మీరు ఏమి చేయాలో ఏమి తెలియదు. కుడి. కాబట్టి క్రెయిగ్స్ జాబితా ఈ పేజీలో ఉంది వివరిస్తూ ముఖ్యం. మేము నిజంగా ఈ పేజీ కోసం అసలు వినియోగదారులు తెలియజేయవచ్చు. నేను ఈ సందర్శించడం, నేను స్థానాల మొత్తం చూశాను. నేను కూడా వారు అర్థం ఏమి లేదు. మరింత ముఖ్యంగా, కేవలం, ఈ ఇంటర్ఫేస్ చూడటం నేను ఒక నిర్దిష్ట సమూహం కనుగొనేందుకు విషయాలు ఒక టన్ను స్క్రోల్ డౌన్ వచ్చింది గుర్తు నిజానికి ఈ గురించి ఆలోచించలేదు అని. నేను ఆ పని చేయడు వేగవంతమైన మార్గం ఏమిటి? అవును. [విద్యార్థి] వారిని తూర్పు, పశ్చిమ ప్రాంతాల్లో విభజించవచ్చు భాగహారం. సరే >>. నా వేగంగా వివరించడానికి సహాయం అని మరిన్ని వర్గాలు వాటిని విభజించడానికి కాలేదు నిర్దిష్ట నగర ఎలా పొందాలో. [విద్యార్థి] ఒక డ్రాప్ డౌన్ జాబితా ఉంచండి. >> కుడి. సరే. మేము విషయాలు ఒక నిర్ణీతమైన ఎందుకంటే నేను డ్రాప్ డౌన్ మెను ఉపయోగించవచ్చు మరియు మేము ఒక డ్రాప్ డౌన్ మెను లో వాటిని చూపిస్తుంది. ఆ విధంగా అది తెరపై చాలా స్థలాన్ని ఆక్రమిస్తాయి లేదు. కానీ కంటే కూడా మంచి, మేము ఏమి చెయ్యగలరు? అవును. మీరు మళ్ళీ ఆ >> [వినబడని విద్యార్థి ప్రతిస్పందన] >> చెప్పగలదు? >> [విద్యార్థి] Search బాక్స్. అవును, ఒక శోధన బాక్స్. ఆ గొప్ప పని. మేము స్లైడ్స్, అన్వేషణ బాక్స్ తిరిగి చూడాలని ఉంటే మనం నిజంగా చేయవచ్చు ఉంది. స్వీయసంపూర్తిని. మీకు తెలిసిన ఫలితాలను ద్వారా అన్వేషణ చాలా సులభమైన మార్గం సెట్ లో ఉన్నాయి. నేను BO టైప్ చెయ్యడం ప్రారంభించండి ఉంటే, నాకు వాటిలో BO లోపల కలిగి అన్ని ఫలితాలు చూపించు. ఆ విధంగా నేను చాలా సులభంగా నేను కు వెళ్లాలని మీరు అనుకుంటున్నారా ప్రత్యేక ఒక పొందవచ్చు బదులుగా ఇది నిజంగా పెద్ద జాబితాని స్క్రోలు చేయడానికి. 

ఈ నిజంగా తక్కువ ఉరి పండు యొక్క అన్ని రకాల అని క్రెయిగ్స్ జాబితా అమలు ఉన్నవాడు వాస్తవానికి వారి నిర్దిష్ట వినియోగదారు కోసం ఒక ఉత్తమంగా అనుభవాన్ని చేయడానికి చేయవచ్చు. సరే. కావలసినంత చెడ్డ వెబ్ సైట్ ల గురించి మాట్లాడుతూ. యొక్క Facebook మాట్లాడటానికి లెట్. Facebook వచ్చింది, మరియు ముఖ్యంగా Facebook ఫోటోలు చేసినప్పుడు, సరిగ్గా అదే పనులను చేసే సమయంలో ఇతర సేవలు మా ఉన్నాయి. వారు ఆల్బమ్లు మీ ఫోటోలను నిర్వహించడానికి కాలేదు. మీరు ఏమి మీరు అలాగే సెట్లు వాటిని నిర్వహించడానికి చేసుకోవడం వీలవుతుంది. మీరు తేదీ ద్వారా వాటిని నిర్వహించడానికి కాలేదు. మీరు ఈ ప్రత్యేక పనులను కాలేదు. కానీ ఎవరైనా Facebook ఫోటోలు ఇది విడుదలైన సమయంలో పేలు చేసిన ఏం తెలుసు? అవును. >> [విద్యార్థి] టాగ్లు. >> Tags. సరిగ్గా. మేము ఆ CS50 bandana మా కుక్క మస్కట్ అయిన ఇక్కడ పైగా మీలో కలిగి. మీరు మేము మధ్యలో ఈ టాగింగ్ లక్షణం ఆ చూడగలరు. మరియు ఒక వాడుక దృష్టికోణంలో Facebook ఫోటోలు కాబట్టి ఆసక్తికరమైన చేసిన నిజానికి ఈ ద్వారా ప్రజలు వారి ఫోటోలను, వారి స్నేహితులు కలిగి అనుమతించాడు. Facebook కోసం, వారి వెబ్ సైట్ ముఖ్యంగా సామాజిక ఎందుకంటే, అది సామాజిక వాతావరణం యొక్క ఈ విధమైన నిర్మాణ గురించి. ఒక చాలా ఫోటోలు అనుభవం అభివృద్ధి వారు వాస్తవానికి చెప్పడం మొదలు కాలేదు కాబట్టి, "ఈ ప్రజలు మధ్య సంబంధాలు ఉంటాయి మరియు ఈ మీరు నిజంగా ఇష్టపడే వ్యక్తులు గురించి ఫోటోలు ఉన్నాయి. " అది భాగము కూడా విధమైన నార్సిస్సిసం ఉంది. ప్రజలు ఆ వంటి ఫోటోలు మరియు విషయాలు టాగ్ చేయడానికి ఇష్టం. ఒక మంచి మానవ లక్షణం అవసరం ఉన్నప్పటికీ, అదే సమయంలో మంచి నిర్మాణ నిర్ణయాలు ఆధారంగా యొక్క ప్రజలు నిజంగా ఈ వంటి విషయాల గురించి జాగ్రత్త ఎందుకంటే. కాబట్టి ఆ Facebook ఫోటోలు ఉంది. 

కానీ యొక్క సాధారణంగా Facebook చర్చ తెలియజేయండి. నేను ఇక్కడ మంది Facebook గురించి అభిప్రాయాలు ఉన్నాయి ఖచ్చితంగా అనుకుంటున్నాను మంచి నిర్మాణాల నిర్ణయాలు మరియు చెడు డిజైన్ నిర్ణయాలు రెండు. కాబట్టి యొక్క బయటకు లేదా హ్యాపీ ఉంచబడుతుంది. న వస్తాయి. నేను మీరు అన్ని Facebook ఉపయోగించడానికి తెలుసు. ఎవరో చెప్పడానికి తప్పు చేసినా లేక దాని గురించి చెప్పడానికి మంచి జరుగుతుంది. అవును. వార్తల ఫీడ్ లో [విద్యార్థి] నేను నిజంగా గురించి పట్టించుకోను విషయాలు చాలా ఉన్నాయి. ను మీరు పట్టించుకోరు ఉండవచ్చు విషయాలు చాలా చూపిస్తుంది. మీరు 2 లేదా 3 సంవత్సరాలు కలుసుకోలేదు చేసిన Facebook స్నేహితులను కలిగి మరియు మీరు వారి వార్తల ఫలితాలు మీ ను ఏర్పాటు చూడండి మరియు మీరు నిజంగా దాని గురించి పట్టించుకోను. Facebook వాస్తవానికి, ఈ మెరుగ్గా చెయ్యడానికి ఒక కృషి చేసింది మరియు వారు నిజానికి ఆలస్యంగా న్యూస్ ఫీడ్ యొక్క టాప్ సంబంధించిన ఫలితాలు పుష్ ప్రయత్నించాము కాబట్టి మీరు నిజంగా మీరు లేదా మీ దగ్గరి స్నేహితులకు సంబంధించిన ఇది స్నేహితులను విషయాలు చూడండి. ఏదైనా? అవును. మీరు మళ్ళీ ఆ [వినబడని విద్యార్థి ప్రతిస్పందన] >> చెప్పగలదు? [విద్యార్థి] ads సాపేక్షంగా సామాన్య ఉంటాయి. ఏ కోణంలో >>? [వినబడని విద్యార్థి ప్రతిస్పందన] వారు బ్యానర్లు వంటి తెరపై కాంతి లేదు. సరే. ఆ బావుంటుంది. మీరు '90 నుండి ఇంటర్నెట్ గుర్తుంచుకుంటే - >> [మలన్] నేను ఉంది. >> అతను ఉంది. [నవ్వు] మీరు sparkly ఫ్లాషింగ్ GIF లు నేపథ్యాలు, విషయాలు, గుర్తు ఉండవచ్చు విషయాల GeoCities శైలి విధమైన. ఇది నిజంగా ఒక మంచి నమూనాకు ఒక ఉదాహరణ కాదు అది నిజంగా కంటెంట్ నుండి దృష్టిని ఎందుకంటే. వారి నేపథ్యం వంటి యానిమేటెడ్ GIF లు కలిగి ఉపయోగిస్తారు యేల్ కళ వెబ్సైట్ మరియు మీరు, పేజీలో ఏదైనా చదవడానికి కాదు కానీ నేను ఎవరో వాస్తవానికి మాట్లాడి ఇప్పుడు కొంత భిన్నంగా ఉంది అంచనా. [మలన్] ఇది ప్రస్తుతం చాలా మంచి పని. మీరు చూడగలరు ఇది, ఇప్పుడు చాలా ఉత్తమం >>. >> [మలన్] అవును. జస్ట్ గొప్ప, కేవలం - అవును. సరే. 

అది భాగము కూడా మీ పేజీ బహుశా చాలా కనిష్ట మరియు చాలా అర్థం చేస్తోందా చాలా తార్కిక ఒక విధంగా పేజీ ప్రవాహంపై విషయాలు కాబట్టి మరియు ఒకదానికొకటి విధంగా ఉండరు. ఇతర విషయాలు రకాల Facebook గురించి మంచి లేదా Facebook గురించి తప్పుగా ఉన్నాయి? యొక్క కేవలం ఇక్కడ ఒక నమూనా సంభాషణ తెలియజేయండి. ఓహ్. ఎక్కడ? అవును. [విద్యార్థి] కొత్త కాలగమనాన్ని వ్యవస్థ మీరు గత వ్యక్తి ప్రొఫైల్ శోధించడానికి మిమ్మల్ని అనుమతిస్తుంది. , టైమ్లైన్ Ooh. మీరు కొమ్మ మీ స్నేహితులు మిమ్మల్ని అనుమతిస్తుంది ఎందుకంటే టైమ్లైన్ గొప్ప విషయం తిరిగి వారు ఉన్నత పాఠశాల లో ఉన్నప్పుడు. మీరు చాలా వేగంగా కంటెంట్ ద్వారా వడపోత అనుమతిస్తుంది ఎందుకంటే సమయం, మంచి మీరు లేకపోతే కనుగొనేందుకు మీరు నిజంగా చాలా కాలం చేసారు అని వస్తువులను గుర్తించడం అనుమతిస్తుంది ని తిరిగి వెళ్ళడం వంటి అప్, అప్, అప్, అప్, అప్, అప్ స్క్రోలింగ్ మరియు డౌన్. కానీ వ్యతిరేక స్థితి యొక్క విధమైన యూజర్ అనుభవాన్ని పరంగా కు కూడా ఉంది. ఏ కావచ్చు? P-R తో ప్రారంభమయ్యే బిగ్ పదం. >> [విద్యార్థి] గోప్యత. >> గోప్యం, కుడి? గోప్యతా భారీ యూజర్ అనుభవాన్ని సమస్య. ఈ నేను ఇప్పుడు Facebook గురించి ద్వేషం విషయాలు ఒకటి. [నవ్వు] [మలన్] నేను ఇప్పుడు ఏమి. డేవిడ్ ఈ వాస్తవానికి నిన్న వరకు జరిగిన తెలుసుకుంటారు లేదు. కాబట్టి ఇప్పుడు అతను నేను చాట్ ప్రతిసారీ నేను నా విస్మరించి చెయ్యబడిన తెలుసు తెలుసు. [మలన్] నిజానికి, అతనిని ఇబ్బందికరమైన భాగంగా విస్మరించడం జరిగింది మరియు నేను అతను నేను విస్మరించి తెలుసు తెలియదు. [నవ్వు] గోప్యతా భారీ సమస్య. ఇక్కడ ఎవరైనా Facebook గోప్యత గురించి చెడు కావచ్చు చెప్పు నాకు కాదు వారు ఈ వంటి విషయాలను వాస్తవం పాటు? అది Facebook గోప్యతా సంబంధించి చేయడానికి బాగా ఏమిటి? ఆ విధమైన ఒక ప్రముఖ ప్రశ్న. అవును. >> [విద్యార్థి] కొన్ని ప్రజలు నుండి మీ ఫోటోలు దాచు. కుడి. సరిగ్గా, కొన్ని ప్రజలు నుండి మీ ఫోటోలు దాచడానికి. వారు మీరు ఒక ఫోటో యొక్క గోప్యతా టోగుల్ అనుమతించే కుడి ఈ చిన్న, చిన్న బటన్. వారి గోప్యతా ఎంపికలు చాలా మెనూలు వివిధ రకాల మధ్య మారుతూ ఉంటాయి. 

ఇటీవల వారు దాని గురించి మరింత ఉత్తమంగా సంపాదించిన తర్వాత, కానీ సందర్భంలో ఉండాలి మీరు చూసిన ఫోటోలు నుండి స్నేహితుల నివారించడానికి కోరుకున్నారు చేసినప్పుడు ఆ, మీరు, వలె చాలా క్లిష్టమైన 5 దశల ప్రక్రియ ఉంటుంది ఈ లింక్ క్లిక్ చేయండి, ఇప్పుడు నన్ను మళ్ళీ క్లిక్ చేయండి, నాకు మళ్ళీ క్లిక్ చేయండి నాకు నా ఫోటోలు చూడలేరు పేర్కొనండి తెలియజేయండి. ఫేస్బుక్లో భాగంగా మంచి కాదు యూజర్ అనుభవం గురించి చాలా వాస్తవంగా వాటిని స్వేచ్ఛ ఇవ్వడం ఎందుకంటే ప్రజలు చూడగలరు ఏమి నియంత్రించే. మేము ఈ యూజర్ నియంత్రణ మరియు స్వేచ్ఛ కాల్. మీరు చేయదు అయితే, మీ వినియోగదారులు చేసే సమర్థవంతమైన మరియు స్పష్టమైన ఒక విధంగా, అప్పుడు మీ యూజర్ అనుభవాన్ని అన్ని వద్ద నిజంగా గొప్ప కాదు.  మీరు అబ్బాయిలు Facebook గురించి ఏదైనా చెప్పడం అనుకుంటున్నారా? నేను ఈ ఆఫ్ చెయ్యాలి? [వోంగ్] ఈ ఆఫ్ లేదు, ఆ Facebook భాగంగా ఒక భారీ వినియోగం లోపం ఉంది. ఈ ఫీచర్ - నిజానికి నిన్న ఇది కనిపించింది - మీరు దాన్ని చేయలేను అని గాని లేదా అది ఎక్కడో చాలా లోతైన ఖననం చేసిన Facebook యొక్క విరామాలు లో నేను ఈ కార్యాచరణను డిసేబుల్ ఎలా పూర్తి చేయాలో అంచనా కాదు ఎందుకంటే. [మలన్] కానీ కొన్నిసార్లు ఈ నిర్ణయాలు స్పష్టమైన కాదు మీరు అబ్బాయిలు వివిధ CS50 అప్లికేషన్లు న మాకు ఉపయోగపడుతుంది చూడు చాలా ఇచ్చిన ఎందుకంటే మరియు కోర్సు ఉపయోగించే వెబ్సైట్లు. ఈ అభ్యర్థనలు మరియు సలహాలను అన్ని అమలు చేయలేదు. 

ఆ భాగము, ఇది సమయం ఫంక్షన్ అని చాలా అభ్యర్థనలు పొందడానికి ఉంది కానీ కొన్ని సార్లు మనం కేవలం వంటి ఒక చేతన నిర్ణయం, "సలహాకు ధన్యవాదాలు, కాని మేము అంగీకరించలేదు." మీ వినియోగదారులు మీరు ఏదో చెయ్యాలి అనుకుంటే కాబట్టి ఎలా మీరు నిజంగా మీరు ఏమి చెయ్యాలి నిర్ణయిస్తారు మీరు అవసరం లేదు? కూడా ఇది నిజంగా మీ వినియోగదారులు ఏమి వింటూ మధ్య ఒక ఫైన్ బ్యాలెన్స్ ఉంది మీరు చెప్పే పేరు మరియు వాస్తవానికి, లైన్ విధమైన కలిగి "మేము ఈ వినియోగదారులు ఏమి చేయబోవడం లేదు." మరియు ముఖ్యంగా, నేను ప్రెట్టీ బాగా ఈ సమకూరుస్తారు హెన్రీ ఫోర్డ్ ఒక కోట్ ఉంది అనుకుంటున్నాను. "నేను వారు కోరుకున్నారు ఏమిటంటే అడిగారు ఉంటే, వారు వేగంగా గుర్రాలు కోరుకున్నారు చెప్పి ఉండవచ్చు." ఎవరైనా ఆ కోట్ నిజంగా అర్థం కాకుండా బాధించటం యొక్క క్రమం చేయగలదు? ఇది, వారు ఏమి తెలుసు ఆ కాదు అయితే మరింత ఆ - [విద్యార్థి] వారు అవకాశం ఏమి లేదు. భాగం లో వారు అవకాశం ఉంది ఏమి లేదు. ఆ కాకుండా కొద్దిగా ఎక్కువ బాధించటం. మీరు ఆ ద్వారా ఏమిటి? [వినబడని విద్యార్థి ప్రతిస్పందన] ఆ బావుంటుంది. నేను ఇక్కడ మేము చెప్పే ప్రయత్నం భావిస్తున్నాను వ్యక్తులు ఏమి తెలుసు ఉంది. వారు వేగంగా గుర్రాలు కావాలి. ఏమి నిజంగా కావాలి, వేగంగా తరలించడానికి సామర్ధ్యం కానీ వారు నిజంగా ఆ సాధించడానికి ఇది మధ్యస్థ తెలియదు. మీరు మీ వినియోగదారులకు వచ్చి మీ వినియోగదారులు మీరు చెప్పండి ఉన్నప్పుడు మరియు వారు ", ఈ ఫీచర్లు మరియు ఈ లక్షణాలను మరియు ఈ లక్షణాలను మీరు", మీరు చెప్పండి మీరు తప్పనిసరిగా గురించి ఆలోచించటం అనుకుంటున్న "నాకు ముందుకు లెట్ "మరియు వారు స్పష్టంగా ఏమి అమలు" కానీ మీరు గురించి ఆలోచించటం కావలసిన "ఆలోచనల విధమైన నేను నుండి పొందవచ్చు ఏమి?", ఉంది వారు నిజానికి ఏం కోరుకుంటున్నారు? 

మరియు అక్కడ నుండి మీరు చెయ్యగలరు ఆ అభ్యర్థనలను తృప్తిపరిచే విధంగా ఏదో నమూనా కాని తప్పనిసరిగా యూజర్ అది తృప్తి ఊహించిన విధంగా. కాబట్టి నిజమైన పరంగా చివరి ప్రాజెక్టులు లాగ, కోసం, ఇది మంచి ఏదో చేయడానికి వచ్చినపుడు ఉపయోగకరమైన పరిష్కార, ఏది డిజైనర్ అతని గురించి ఈ అహంకారం ఉంది ముఖ్యంగా మీరు విధమైన ఉత్తమ తెలుసు వస్తే, మీరు, మీ వినియోగదారుల నుండి ఇన్పుట్ పడుతుంది కానీ మీరు నిజంగా ఆ చూడు ప్రయాణించడం గురించి ఎలా గో? చివరి ప్రాజెక్టులు, చాలా concretely, ఇక్కడికి స్థాయిలలో ఉత్పత్తి? ఏ స్థాయిలలో ఉత్పత్తి - నేను రెండవ ఈ వెళ్ళి ఉంటుంది - అభివృద్ధి మరియు తరువాత పరీక్షించడం మరియు తరువాత iterating ఈ ప్రక్రియ. మీరు ఏదో రూపకల్పన ఏమి నేను పరీక్ష అర్ధం సాధారణంగా మీరు వంటి, బాగా అని "నేను ఇంత గొప్ప డిజైనర్ ఉన్నాను. అందరూ ప్రేమ అన్నారు." మరియు మీరు ఇక్కడ అది తప్పిపోవుట మరియు ప్రజలు కారణం చేత అది నిజంగా ఇష్టం లేదు. మీరు ఏమి కలిగి మీరు ప్రజలు పనులు భాగాలను తీసుకోవాలని ఉంది మరియు ప్రజలు నచ్చని విషయాలు పునరుద్ధరించడానికి. ఇది చాలా స్పష్టమైన ప్రక్రియ లాగా ఉంటుంది, కానీ ఈ ప్రక్రియ నిరంతరం iterating మీరు ఇప్పటికే నిర్మించిన వాటిని పైన మీరు సహాయపడే ఒక ప్రక్రియ మీ స్వంత రూపకల్పన నైపుణ్యాలను పెంపొందించడానికి కూడా మీరు డిజైన్ శుద్ధి సహాయపడుతుంది మాత్రమే ప్రజలు నిజంగా మరింత వారు ముందు కన్నా మీ ఉత్పత్తి అభినందిస్తున్నాము కాబట్టి. 

నేను మీరు నిజంగా ఏమి గల మరింత కాంక్రీటు ఉదాహరణలు వెళ్ళి చేస్తాము. ఒక వస్తువు యొక్క చివరి ఉదాహరణ యొక్క విధమైన వంటి, కయాక్ చూడండి యొక్క తెలపండి. ఇది సమయంలో కయాక్ చాలా ప్రజాదరణ పొందింది. ఎందుకు ఎవరైనా అంచనా? మీరు ఉపయోగిస్తే మీరు ఈ గురించి వంటి వాటిని ఎటువంటి ఏమిటి లేదా మీకు నచ్చని విషయాల రకాల ఉన్నాయి? అవును. >> [వినబడని విద్యార్థి ప్రతిస్పందన] >> సరే. ఇది భాగంగా ఆ యూజర్ విస్తృతమైన ఒక ప్రశ్న కలిగి తెలియజేసినందుకు ఉంది వంటి చాలా మితమైన ఒకటి కంటే, "మీరు మీ ప్రారంభ తేదీ ఎంచుకునేందుకు కలిగి "మరియు మీరు మీ ముగింపు తేదీ ఎంచుకోండి ఉంటుంది." నిజానికి, మీరు దాన్ని గురించి మృదువుగా అనుమతిస్తుంది మరియు మీరు ఆ పరిధిలో విమానాలు అన్ని ఇస్తుంది. ఏదైనా? [విద్యార్థి] వారు ధర ఫీజు ఉన్నాయి. వారు ధర ఫీజు కూడా ఉంటాయి. పన్నులు మరియు విషయాలు నిజానికి ఉన్నత ఎడమ ఆ ధర నేరుగా వెళ్ళండి కాబట్టి మీరు అసలైన $ 240 ఫ్లైట్ చెల్లిస్తున్నారని మీరు భావిస్తూ మభ్యపెట్టటం లేదు అది నిజంగా $ 330 ఉన్నప్పుడు. ఏదైనా? అవును. [వినబడని విద్యార్థి ప్రతిస్పందన] వారు నిజానికి మీరు ఆ తెలియజేసేలా ఉంటే నాకు ఖచ్చితంగా తెలియదు. నేను తప్పు కావచ్చు. మీరు ప్రత్యేకమైన ఫిల్టర్లు మరింత బరువును అనుకుంటే ఒక ఆసక్తికరమైన విషయం కావచ్చు కాబట్టి వారు అగ్ర వడపోత సంబంధించిన ఫలితాలు నెట్టే. కానీ ఎవరైనా ఈ ఎడమ వైపు గురించిన ప్రత్యేక ఏమి నాకు వివరంగా చెప్పగలరా? ఎలా మీరు సాంప్రదాయకంగా ఈ ముందు ఒక ఇంటర్నెట్ సర్వీస్ ఒక ఫ్లైట్ చూసేందుకు చేశారు? 

అవును. మీరు ఆ >> [వినబడని విద్యార్థి ప్రతిస్పందన] >> చెప్పగలదు - [విద్యార్థి] ప్రతి వైమానిక. >> అవును. ప్రతి వైమానిక తన సొంత వెబ్సైట్ కలిగి ఉంది. ఈ విషయాలు ఏకీకృతమైంది. మరియు? [విద్యార్థి] మీరు వదిలి దాన్ని ఖచ్చితంగా సమయం తెలుసు. మీరు, మీరు వదిలి దాన్ని ఖచ్చితంగా సమయం తెలుసు కానీ ముఖ్యంగా ఫిల్టర్లు సంబంధించిన. నాకు కయాక్ పుల్ అప్ లెట్. దేవుని ఓహ్, పాపప్. చెడ్డ వినియోగదారు అనుభవం. నేను ఈ స్లయిడర్ని తరలించండి ఏమి జరుగుతుంది? [విద్యార్థి] ఆటోమేటిక్ అప్డేట్లను. >> [వోంగ్] ఆటోమేటిక్ అప్డేట్లను. చాలా ముఖ్యమైన ఏదో పేర్కొంది. ఈ ముందు, మీరు ఒక ఫ్లైట్ కనిపించాలని కోరిక చేసినప్పుడు, మీ ఇన్పుట్ నగర, మీ అవుట్పుట్ నగర, ప్రెస్ శోధన, ఉంచారు వచ్చింది ఆ ప్రాసెస్ మరియు మీ ఫలితాలు చూపిస్తుంది. మీరు మీ ప్రశ్నను మార్చండి అనుకుంటే, మీరు, రెండుసార్లు తిరిగి నొక్కండి వుంటుంది మొదటి నుండి ఒక కొత్త ప్రశ్నను ఎంటర్ చేసి, ఆపై మళ్ళీ దాన్ని చేయండి మరియు. ఈ వంటి ఏదో గురించి nice విషయం అది చాలా [అపారదర్శక] విషయం ఉపయోగిస్తుంది. మీరు ఈ వంటి ఏదో ఒకటి వెంటనే, అది ఒక అభ్యర్థన ఆఫ్ కాలుస్తాడు మరియు మీరు వెంటనే అన్ని ఫలితాలను పంపుతుంది. వెంటనే చూడు ఈ విధమైన కయాక్ విస్తృతంగా ప్రజాదరణ పొందిన చేసిన విషయం నాకు నా ప్రశ్న మార్చడానికి కోసం దీన్ని నిజంగా సులభంగా ఎందుకంటే మరియు ఒక నిర్దిష్ట శ్రేణి చుట్టూ ఉండే విషయాలు గుర్తించడానికి ముందుకు వెనుకకు, ముందుకు వెనుకకు, ముందుకు వెనుకకు వెళ్ళండి చేయకుండా. కాబట్టి ఈ మీరు మీ వెబ్ సైట్ రూపకల్పన చేసినప్పుడు గురించి ఆలోచించటం కావలసిన అన్ని రకాల ఉన్నాయి. నా వినియోగదారులు వారు పని చేస్తున్నాము ఏ చేసుకోవడానికి నేను చాలా సమర్థవంతంగా చేయవచ్చు మరియు సాధ్యమైనంత త్వరగా తమ చివరకు గోల్ చేయడానికి? [మలన్] అంతకు ముందువి తప్పనిసరిగా వారు ఏమి తెలియక వినియోగదారులు గురించి జోసెఫ్ యొక్క స్థానం, మీరు అబ్బాయిలు ఇప్పుడు HTML గురించి తెలిసిన ఆధారంగా మరియు మీరు చెక్బాక్సులను, రేడియో బటన్ ను మెనూలు, ఇన్పుట్ ఖాళీలను మరియు వంటి కలిగి ఎలా మీరు ఒక విమానాన్ని ఒక ప్రారంభ సమయం ఎంచుకోవడం భావన ప్రవేశపెట్టారు? 

ఆ వివిధ UI విధానాల ఏది ఉపయోగించే? మీరు ముందు బోధించాడు ఆ HTML మొత్తం తెలిస్తే మరియు మీరు, ఇన్పుట్లను రేడియో బటన్, చెక్ బాక్స్, డ్రాప్-డౌన్స్, మరియు ఇన్పుట్ బాక్స్ ఉంటాయి తెలుసు మీ సహజ ఎంపిక తేదీలు ఎంచుకోవడం కోసం ఏమి ఉండేది? [విద్యార్థి] ఇన్పుట్. >> ఇన్పుట్. లేదా మరింత ఒక డ్రాప్ డౌన్ తేదీలు, దానితో అన్ని కుడి? కాబట్టి మీరు అమలు చేసే ఎడమ వైపు ఈ వంటి మరింత సంక్లిష్ట UI యాంత్రిక చర్యలతో, మీరు ఒక స్లయిడర్ ఈ ప్రక్రియ మరింత స్పష్టమైన చేయవచ్చు సమయం నిరంతర ఎందుకంటే, మరియు ప్రజలు సాధారణంగా వివిక్త భాగాలుగా పరంగా అది యొక్క భావించడం లేదు. అన్ని కుడి. చివరి విషయం. పది వినియోగం హ్యూరిస్టిక్లు. మేము గురించి మాట్లాడారు అన్ని విషయాలు బహుశా ఈ వర్గాల ఒక వస్తాయి. మీరు సైట్లు ఆన్లైన్లో పోస్ట్ చేయబడుతుంది ఈ లింక్, వెళ్ళి ఉంటే మీరు మీ సైట్ రూపకల్పన మీరు నిజంగా, చేయగలరు, మనస్సు ఈ హ్యూరిస్టిక్లు ఉంచడానికి thumb యొక్క మరియు ఈ నియమాలు. మీ ప్రాజెక్టులకు, నేను మీ అప్లికేషన్ బాగా రూపకల్పన చేయడానికి మీరు ఏమి సూచిస్తున్నాయి మొదటి కాగితం నమూనా చేయడానికి ఉంది. మీరు మీ అప్లికేషన్ గురించి ఆలోచిస్తూ చేసిన తర్వాత, చాలా త్వరగా మీరు లాగా ఏమి గీయటం మరియు నిర్ధారించుకోండి అన్ని పెట్టెలను వినియోగదారు ఉపయోగించాల్సి చాలా సహజమైన ఒక విధంగా ఏర్పాటు చేస్తారు మరియు మీ స్నేహితులకు ఈ కాగితం నమూనాలను చూపించే మరియు అభికేంద్ర సమూహాలు ప్రారంభించండి. జస్ట్, కలిసి 2 లేదా 3 ప్రజలు మరియు కేవలం ఈ కాగితం నమూనాలు మీద నొక్కండి వారిని అడగండి మరియు వారు నిజానికి ఏమి విషయం ఉంటే వాటిని కొత్త తెరలు చూపించు. 

మీరు ఏమి అనుకుంటున్నారా, ఆ పని ప్రోత్సహించటానికి, వాటిని ఒక విధిని అందించగలరు మరియు వాటిని అనువర్తనం ఇవ్వాలని మరియు వాటిని అది ఉపయోగించడానికి అనుమతిస్తున్నట్లు. వాటిని ఆ మించి సూచనలు ఇవ్వాలని లేదు. మీరు నిజంగా వాటిని మీరు చూడండి అనుమతిస్తుంది విధంగా మీ అప్లికేషన్ తో వ్యవహరించడానికి తెలియజేయాలనుకుంటున్నాము మీరు వాటిని పక్కన నిలబడి ఉండకపోతే ఎలా వారు ఉపయోగించారు. మరియు చాలా ముఖ్యం. ప్రత్యేక విషయాలు చుట్టూ పొందడానికి ప్రజలు వరకు మీరు మెళుకువలు మా ఇస్తుంది నేను భావించలేదు విధంగా? వారు తెరపై నిర్దిష్ట UI యంత్రాంగాలను ఉపయోగించి ఉన్నాయి ఒక విధంగా ఆ hacky రకం? వాటిని ఆ విధంగా చేయడానికి నేను భావించలేదు. మరియు ఒకసారి మీరు ఆ పూర్తి చేసిన, మీరు ఏమి అనుకుంటున్నారు? మీ డిజైన్ రాళ్ళు, కుడి? మీరు ఏమి కావాలని మీరు మళ్ళీ ఏమి ఆ ప్రక్రియను అభివృద్ధి మరియు మీరు ఉంది. కాబట్టి మీరు అభివృద్ధి చేసిన తర్వాత స్నేహితులకు చూపించు, దాన్ని పరీక్షించడానికి అభివృద్ధి పరీక్షించడానికి, అభివృద్ధి, పరీక్షించడానికి iterate, మరియు మరియు ముందుకు. డిజైన్ చాలా ఈ కోణంలో ప్రక్రియ పునరుత్థాన ఉంది. మీరు దీన్ని గురించి విషయాలను గ్రహించే తర్వాత ఏదో నిర్మించడానికి మరియు కలిగి మీరు ముందు తెలుసుకుంటారు మరియు తిరిగి వెళ్లి నుండి మెరుగుపరచడానికి లేదని. ఇప్పుడు అభివృద్ధి భాగం, ఆ టామీ విరామం తర్వాత మీరు అన్నారు ఏది మరియు ఎలా మీరు స్వీయపూర్తి లాగ అమలు చేయగలరు చాలా సులభం విధంగా. [మలన్] నాటికి టామీ ఒక ప్రశ్న తర్వాత, ఇక్కడ అమర్చుతుంది. ఒక ప్రారంభ వెబ్సైట్ల చాలా - మరియు ఈ సమయంలో జోసఫ్, 1990 శైలి వెబ్సైట్ చెప్పారు ఇది మీరు ప్రారంభ సమయాన్ని ఎంచుకోండి కోరుకుంటే పేరు ఆచరణలు మరియు ఒక ముగింపు సమయం స్పష్టముగా, నేడు తిరిగి రోజు కూడా కొన్ని వెబ్సైట్లలో, మీరు దీన్ని విధంగా, మీరు ఒక డ్రాప్ డౌన్ నుండి ఒక గంట ఎంచుకోండి ఉంది మీరు, PM, ఒక డ్రాప్ డౌన్, బహుశా మీరు AM ఎంచుకోండి నుండి నిమిషాల ఎంచుకోండి మరియు మీరు ఆ 3 మరింత సార్లు చేయండి. కాబట్టి 6 క్లిక్ చేసి కొన్ని స్క్రోలింగ్ తో మీ యూజర్ వాస్తవానికి ఈ కోణంలో తేదీ మరియు / లేదా సమయం పరిధి రకమైన అందిస్తుంది. 

కాబట్టి ఖచ్చితంగా ఉపప్రాధాన్య మరియు ఇంకా ఇప్పటివరకు మనం వ్యక్తీకరణ సామర్థ్యాలు చూసిన ఏ భాష లో ఏదో sexier చేయడానికి చూశారు చేసిన ప్రారంభ సమయం మరియు ముగింపు సమయం యొక్క ఈ స్లయిడర్ ఇష్టపడుతున్నారు. కానీ మేము ప్రారంభం గురించి మాట్లాడారు మీరు వారం 0 తిరిగి అనుకుంటే, చాలా కేవలం కొన్ని విషయాలు అని widgets అక్కడ లేవు. మీరు నిజంగా కేవలం ఉచ్చులు మరియు పరిస్థితులు మరియు వంటి వంటి ఈ ఫండమెంటల్స్ వచ్చింది. కాబట్టి కేవలం HTML యొక్క నిర్దిష్ట స్వతంత్ర, ఇప్పుడు చాలా బొత్తిగా ఆలోచిస్తూ రకం, నిజంగా ఈ ప్రారంభ సమయం మరియు ముగింపు సమయం స్లయిడర్ వలె ఏదైనా ఏమి జరుగుతుందో? నా మౌస్ మరియు నేను ఎడమ ఆ చిన్న క్యారట్ గుర్తు మీద క్లిక్ చేసినప్పుడు మరియు డ్రాగ్ చెయ్యవచ్చు programmatically, మీరు అమలు చెయ్యడానికి కావలసినది ఆ జరిగే చేయడానికి? ఏ ప్రశ్నలను, మీరు అడగవచ్చు చెయ్యడానికి ఏమి బూలియన్ వ్యక్తీకరణలు అనుకుంటున్నారు? వాట్ రియల్లీ జరగబోతోంది? సమ్మీ? [విద్యార్థి] కర్సర్ స్థానం ఎక్కడ ఉంది? >> గుడ్. కర్సర్ స్థానం ఎక్కడ? ఇది మేము ప్రారంభం తిరిగి వ్యక్తం అవసరమైన ఏదో ఉన్నది ఇది నగర లేదా రంగు లేదా వంటి ఆధారంగా లేదో. మీరు సోమవారం కాబట్టి క్లుప్తంగా ఎప్పుడూ గుర్తు ఉండవచ్చు ఈ విషయాలను అన్ని ఈవెంట్స్ అని ఉన్నాయి వెబ్ ప్రపంచంలో, అందువలన onclick మరియు onkeypress వంటి విషయాలను మరియు onkeyup మరియు onmouseover మరియు onmouseout. కాబట్టి మనం తీసుకునే చేసిన కూడా ఈ విషయాలు వెబ్ లో మంజూరు గుర్తించలేరు మీరు సంఖ్య ఆలోచన ఉంది కూడా Facebook మరియు Gmail వంటి సైట్లు, తో ఉపన్యాసంలో కూడా ఇలాంటి ఏదీ లేదు ఎందుకంటే మీరు బహుశా ఆ అమలు ఎలా లేదా సమస్య, ఈ ఖచ్చితమైన ఫండమెంటల్స్ తో గుర్తించారని, 7 సెట్ HTTP మరియు పారామితులు మరియు GET మరియు పోస్ట్ మేము ఇప్పటివరకు చూశారు చేసిన ప్రాథమిక HTML ఇన్పుట్లను తో మరియు ప్రోగ్రాముల యాంత్రిక చర్యలతో ఒక క్షణంలో టామీ యొక్క గురించి పరిచయం చేసే మీరు వారం 0 లో చేసిన వలె మీరే వ్యక్తీకరించడానికి ప్రారంభించవచ్చు ద్వారా చాలా intuitively లాగడం మరియు తొలగించాడు. 

కాబట్టి, టామీ MacWilliam మరియు వెబ్ కోసం మాకు కొన్ని కొత్త పజిల్ ముక్కలు చెప్పాడు పేర్కొన్నారు. అన్ని కుడి. నా పేరు టామీ మరియు నేను జావాస్క్రిప్ట్ను గురించి మాట్లాడటం కూడా వెళుతున్నాను. ఒక డిస్క్లైమర్: నేను జావాస్క్రిప్ట్ను ఉత్తమ ప్రోగ్రామింగ్ భాష అని అభిప్రాయం యొక్క am మొత్తం మొత్తం ప్రపంచంలో. అక్కడ నాకు విభేదిస్తున్నారు వ్యక్తుల మా, కానీ అది కేవలం ఆశ్చర్యంగా ఉంది. మీరు మరొక తరగతి లేదా కొన్ని ఇతర భాషలకు సి రాయడానికి ఉంటే మీరు, C తిరిగి వెళ్లి, ఇది సైన్ డౌన్ కూరుకుపోయిన పెట్టడానికి మీరు అన్ని తక్కువ స్థాయి వివరాలు కేవలం నిజంగా నిరాశపరిచింది ఉంది మీరు C రాయడానికి ఎంత అసహ్యమైన గురించి విచారంగా ఫీలింగ్ చేస్తున్న అయితే, కేవలం, వెనుకకు వెళ్లి కొన్ని JavaScript వ్రాయండి. ఇది నిర్వాణ యొక్క. మీరు మీ చెడ్డ రోజు గురించి మెరుగైన అనుభూతి ఉంటుంది. JavaScript యొక్క అద్భుత చాలా విషయాలు సర్దుబాటు దాని సామర్థ్యం నుండి వచ్చింది ఆ పేజీ లో ఇప్పటికే ఉన్నాయి. మేము మా PHP స్క్రిప్ట్స్ వ్రాశాడు, అవి, సర్వర్లో ఉరితీయబడ్డారు చివరకు PHP స్క్రిప్ట్ బహుశా కొన్ని HTML అవుట్పుట్ ఆ. ఆ HTML క్లయింట్ పంపారు, మరియు ఆ ఇది. PHP ఒక పేజీకి బటన్ని జోడించడానికి అనుకుంటే, ఉదాహరణకు, ఇది నిజంగా అలా కాదు. ఇది పూర్తిగా కొత్త HTML ఫైల్ రెండర్ మరియు బ్రౌజర్ ఆ పంపండి వుంటుంది. జావాస్క్రిప్ట్ తో మేము వారు పేజీ ఇప్పటికే ఉన్నప్పుడు మేము విషయాలు అప్డేట్ మీకు, మరియు ఈ కారణంగా మేము, మరింత తక్షణ స్పందన తెలియజేయగలవు ఇది నిజంగా మా వెబ్ సైట్ లో యూజర్ అనుభవాన్ని మెరుగుపరచడానికి చేస్తుంది. JavaScript సెలెక్టర్ల ఒక శీఘ్ర రీక్యాప్. మేము ఒక HTML పేజీ డౌన్లోడ్ మేము మీకు, ఆ DOM ప్రాతినిధ్యం చేస్తాడు. 

DOM గుర్తుంచుకోండి అంశాలు ఈ పెద్ద సోపానక్రమం లో సంబంధించిన ఇక్కడ ఈ పెద్ద చెట్టు. మేము pset 7 లో డేటాబేస్లతో పనిచేసినప్పుడు, మేము ఎలా అవసరమైన మొదటి విషయాలు ఒకటి డేటాబేస్ ప్రశ్నల ఉంది. , మేము ఈ పెద్ద వినియోగదారులు పట్టికను కలిగి, మరియు కొన్నిసార్లు మేము అని చెప్పడానికి కావలసిన "నేను కొన్ని పరిస్థితి మ్యాచ్ ఈ వినియోగదారుల కోరుకుంటున్నాను." అదేవిధంగా, మేము DOM ఉన్నప్పుడు మేము అది విచారణను కొన్ని మార్గం అవసరం. మేము చెప్పడం కొన్ని మార్గం అవసరం, "నేను ఇలా ఆ బటన్ల అన్ని కావలసిన "లేదా పేజీలో చిత్రాలు అన్ని." మరియు ఈ సెలెక్టర్లు మాకు అలా అనుమతిస్తాయి. కాబట్టి ఒక శీఘ్ర రీక్యాప్. ఇక్కడ ఈ మొదటి ఒకటి, ఈ # submit, ఎంచుకోండి వెళ్ళి ఆ ఏమిటి? ఎవరైనా గుర్తు? [వినబడని విద్యార్థి ప్రతిస్పందన] >> అవును, సరిగ్గా. ఈ submit ఒక ID కలిగి పేజీలో మూలకం ఎంచుకోండి అన్నారు. అందువలన, హాష్ ట్యాగ్ ఈ సెలెక్టర్ ID లతో వెళ్లాలని చెప్పారు. ఎలా రెండవ గురించి, ఈ. కేంద్రీకృత, ఏ ఎంచుకోవచ్చు? అవును. >> [విద్యార్థి] క్లాస్. ఖచ్చితంగా >>. ఈ ఇప్పుడు తరగతి ద్వారా ఎంచుకోండి అన్నారు. ID మరియు ఇక్కడ తరగతి మధ్య తేడా ID ప్రత్యేకంగా ఉండాలి ఉంటుంది ఏ రంగంలో మీరు సెర్చింగ్ చేస్తున్నారు. మీరు ఒక పూర్తి వెబ్ పేజీ సెర్చింగ్ అలా అయితే, మీరు నిజంగా మాత్రమే submit ఈ సందర్భంలో, ఆ నిర్దిష్ట ID తో 1 మూలకం ఉండాలి. తరగతులు తో, మరోవైపు, మేము ఒకే పేజీలో కంటే ఎక్కువ 1 మూలకం కలిగి అదే తరగతి తో. ఈ నేను పేజీ కేంద్రీకృతమై ప్రతి అంశం ఎంచుకోండి చెప్పడం చేయడానికి కాకుండా కేవలం 1 విషయం. 

చివరకు, ఇక్కడ ఈ చివరి, కొంచెం క్లిష్టంగా ఉంటుంది కానీ ఈ DOM నుండి ఎంచుకోండి ఉండబోతుంది? [వినబడని విద్యార్థి ప్రతిస్పందన] >> ఆ ఏమిటి? [విద్యార్థి] ట్యాగ్ అని ఏదైనా. మేము ఇక్కడ 2 భాగాలు కలిగి >>. రెండవ భాగం, నేను ఇన్పుట్ యొక్క ట్యాగ్ను ఈ ట్యాగ్లను ఎంచుకోండి అనుకుందాం అన్నారు ఒక ఇన్పుట్ ట్యాగ్ చేసే మూలకం కాబట్టి. కానీ నేను ఇన్పుట్లను అన్ని ఎంచుకోండి లేదు ఒక submit బటన్ను ఏదో ఒక ఇన్పుట్ ఎందుకంటే మరియు ఒక టెక్స్ట్ బాక్స్ లో లాగ ఒక ఇన్పుట్ ఉంటుంది. నేను చెప్పడం నేను ఈ చదరపు బ్రాకెట్స్ నేను మాత్రమే అంశాలను ఎంచుకోండి రకం టెక్స్ట్ యొక్క ఉన్నాయి. ఎక్కడో నా HTML టాగ్ లో నేను టైపు అని ఒక లక్షణం కలిగి మరియు ఆ లక్షణం విలువ టెక్స్ట్ ఉండాలి. కాబట్టి ఎలా ఇక్కడ ఈ మొదటి భాగం గురించి? ఈ సెలెక్టర్ మొదటి పదం తర్వాత నేను ఒక స్థలం మరియు ఈ ఇన్పుట్ భాగంగా రూపం. అది ముందు రూపం పెట్టటం, ఏమి చేస్తుంది? ఈ ప్రధానంగా మా ప్రశ్న పరిమితం అన్నారు. ఇది మేము పేజీలో కొన్ని ఇన్పుట్లను కలిగి ఆ సంభవ ఒక రూపం యొక్క వారసులు లేని. ఈ చేస్తుంది నేను మాత్రమే మీరు ఈ చెబుతాను ఉంది ఎక్కడో వాటి పైన కలిగి ఇన్పుట్ టాగ్లు ఒక రూపం యొక్క కొన్ని మాతృ మూలకం. కాబట్టి ఈ విధంగా మేము ఈ మరింత క్రమానుగత ప్రశ్నలు చేయవచ్చు కాబట్టి మేము కేవలం ఒక సెలెక్టర్ సరిపోలే ప్రతిదీ ఎంచుకోండి లేదు. మేము ఏదో ఆ ప్రశ్న పరిమితిని స్కోప్ రకం చెయ్యవచ్చు. కాబట్టి ఇప్పుడు మేము పేజీ ఎలిమెంట్ ఎంచుకోండి ఎలా తెలుసు, యొక్క AJAX గురించి కొంచెం చర్చ తెలియజేయండి. AJAX అసమకాలిక జావాస్క్రిప్ట్ మరియు XML అంటే ఒక ఇప్పటికీ చాలా అధునాతన ప్రధమాక్షరనామం. ఇది కేవలం కాబట్టి XML డేటా ప్రాతినిధ్యం కొన్ని మార్గం ఇలా జరిగింది. 

ఇటీవల ప్రజాదరణను కోల్పోయిన ఆ రకమైన, కాబట్టి AJAX లో X అన్ని సమయం కాదు. సాధారణంగా, AJAX మాకు అనుమతిస్తుంది ఏమి HTTP అభ్యర్ధనలు ఉంది JavaScript యొక్క సందర్భం నుండి. మేము మా వెబ్ బ్రౌజర్ లో ఉన్నాము మరియు మేము పేజీలు చుట్టూ నావిగేట్ చేస్తున్నారు మరియు మేము ఒక లింక్ను క్లిక్ చేసినప్పుడు, మా బ్రౌజర్ ఏమి అన్నారు మేము క్లిక్ ఏ లింక్ ఒక HTTP అభ్యర్థన ఉంది. ఒకవేళ, అప్పుడు డేవిడ్ విధంగా జరిగినది ఎందుకంటే కానీ ఎప్పుడూ ఆదర్శ కాదు మేము ఎల్లప్పుడూ వినియోగదారులు ఒక submit బటన్ క్లిక్ చేయండి లేదా లింక్ క్లిక్ చేయండి తయారు చేసుకోవాలి ఏదైనా ఒక HTTP అభ్యర్థన కలిగి వెళుతున్న ఆ జరిగే చేయడానికి. కాబట్టి అజాక్స్ తో మేము JavaScript తరపున ఈ అభ్యర్ధనలు. యూజర్ పేజీ లేదా ఏదైనా జరిగినప్పుడు సంకర్షణ చేసినప్పుడు దీనర్థం మేము నిజంగా మా వెబ్ సైట్ లో కొన్ని ఇతర PHP ఫైలు ఒక ప్రోగ్రాముల అభ్యర్థనను చేయవచ్చు లేదా మరేదైనా మరియు ఫైల్ ఉమ్మి వేస్తారు ఆ డేటాను తిరిగి. యొక్క AJAX ఒక ఉదాహరణ పరిశీలించి చూద్దాం. ఈ ఆశాజనక మాకు కొన్ని తెలిసిన మా CS50 ఫైనాన్స్ పేజీ ఉంది. మేము ఈ పేజీ యొక్క HTML విషయంలో చూస్తే, మేము, నేను కొన్ని విషయాలను జోడించారు ఇక్కడ చూడండి నేను ఈ రూపం ID ఇచ్చాను ఇది ఒకటి. నేను ID = "రూపం కోట్" అన్నారు చేసాము. అయితే DOM నుండి ఎంచుకోండి ఈ కొద్దిగా సులభంగా జరగబోతోంది కనుక నేను ఇది చేసిన నేను చాలా సులభమైన ప్రశ్న చేయవచ్చు నుండి. నేను ఇక్కడ చేయాలనుకుంటున్నారా నేను CS50 ఫైనాన్స్ కొన్ని సమస్యను పరిష్కరించడానికి దీనిని చేస్తారు. మేము finance.cs50.net వెళ్ళండి అయితే, నేను కోట్ పొందాలనుకోవడం ప్రతిసారీ, నేను, ఈ పొందండి కోట్ బటన్ పై క్లిక్ చేసి మరియు ఆ కోట్ బటన్ తర్వాత మరొక మొత్తం పేజీ తీసుకెళతాయి పొందండి. నేను మరొక కోట్ అనుకుంటే, నేను నొక్కి ఉంటుంది మరియు అప్పుడు నేను టైప్, నేను కోట్ పొందండి, మరియు నేను నొక్కి. ఇది నిజంగా ఉత్తమమైన వినియోగదారు అనుభవాన్ని కాదు. ఇది స్టాక్ ధరలు పొందడానికి ఆ నెమ్మదిగా ఉంటే ఎవరు నిజమైన సైట్ ఉపయోగించే? కాబట్టి మనం అజాక్స్ తో చేయాలనుకుంటున్నారా ప్రత్యేక పేజీకి వెళ్లి ఆ దశ తొలగించు ఉంది ఫలితాలను వీక్షించడానికి క్రమంలో. 

మాకు మాత్రమే అభ్యర్థిస్తున్నాము, ఆ నిజంగా చిన్న ధర మరియు కేవలం డేటా నిజంగా చిన్న మొత్తం ఉంది. మరో మొత్తం HTML పేజీ వెళ్ళడానికి నాకు అవసరం ఉన్నది HTML యొక్క మొత్తం కొత్త బ్యాచ్ డౌన్లోడ్ బహుశా, కొన్ని మరిన్ని ఫోటోలను డౌన్లోడ్ కొన్ని ఇతర CSS ఫైళ్లు నాకు చాలా సులభమైన ప్రశ్నకు సమాధానం కోసం యొక్క ఎంత ఈ స్టాక్ ఖర్చు అవుతుంది. అజాక్స్ తో మేము ఈ చాలా సులభం చేస్తుంది. మేము నేను quote.js అనే JavaScript ఫైలు బంధించే కాబట్టి ఇక్కడ డౌన్ చూడండి. యొక్క నిజానికి ఫైల్ తెరుచుకుంటుంది లెట్. లేదు. నా జావాస్క్రిప్ట్ ఫైళ్లు అన్ని HTML లో ఉన్న ఉంటాయని నేను కాబట్టి వెబ్ బ్రౌజర్ అది యాక్సెస్ చేయవచ్చు. అప్పుడు మేము, JavaScript కోసం ఇక్కడ ఒక ప్రత్యేక డైరెక్టరీ కలిగి మరియు ఇప్పుడు ఇక్కడ quote.js ఉంది. ఈ ఫైలు యొక్క ఎగువన ఈ నేను లోడ్ మొత్తం పేజీ కోసం వేచి కావలసిన ఇక్కడ చెప్పారు నేను ఏమీ ప్రయత్నించండి ముందు. ఎందుకు ఆ అవసరం? నేను ఇక్కడ చేయ బోతున్నాను తదుపరి విషయం ప్రారంభ ఒక మూలకం కోసం చూస్తున్నానని అవుతుంది కొన్ని సెలెక్టర్ సరిపోతుంది. ఈ మూలకం పేజీలో లోడ్ ముందు ఈ JavaScript ఎప్పుడూ అమలు ఉంటే, అప్పుడు నేను ప్రయత్నించండి ప్రతిదీ వెళ్లాలని లేదు నేను ఇంకా లేదు అని ఏదో ఎంచుకోవడానికి ప్రయత్నించండి వెళుతున్న ఎందుకంటే. కాబట్టి టాప్ ఈ లైన్ నేను ప్రతిదీ లోడ్ వరకు మీరు వేచి చెప్పారు కాబట్టి మేము నేను చూస్తున్నాను ఏ అంశాలు పేజీలో ఉన్నాయి ఆ హామీ చేస్తున్నారు. ఇక్కడ ఈ డాలర్ సైన్ నేను క్వెరీ అని లైబ్రరీ ఉపయోగించి నేను అర్థం. ఈ క్వెరీ లైబ్రరీ మాకు మేము చూసాము ఈ సెలెక్టర్లు ఉపయోగించడానికి అనుమతిస్తుంది. ఒక వాదన ఈ # రూపంలో కోట్ అక్కడ అప్పుడు $ విధంగా, నేను ఇప్పుడు మేము పరిశీలించి పట్టింది ఆ రూపం ఎంచుకోవడం చేస్తున్నాను. ఇప్పుడు నేను ఏదో మెమరీ ఆ రూపం ఒక ఉన్నారు. 

ఇప్పుడు ఈ వస్తువు, రూపం ఈ ప్రాతినిధ్యం, నేను ఇప్పటి అనే ఫంక్షన్ను ఉపయోగించి వెబ్. ఈ పనిచేస్తుంటాయి అది ఒక సంఘటన హ్యాండ్లర్ అటాచ్ జరగబోతోంది ఉంది. మనం వినే చూడాలని సంఘటన submit కార్యక్రమం. కాబట్టి బటన్ లేదా యంత్రాలపై సమర్పించిన వినియోగదారు, నమోదు చేసినప్పుడు ఈ సంఘటన కాల్పులు అన్నారు. ఈ క్రింది సందర్భములో లోకి ద్వారా, నేను ఇప్పుడు రూపం యొక్క డిఫాల్ట్ ప్రవర్తన అధిగమించవచ్చు. ఈ JavaScript లేకుండా, రూపం సమర్పిస్తారు ఏ PHP ఫైలు మేము ఆ చర్య గుణం ఉపయోగిస్తారు. కానీ బదులుగా, నేను ఇప్పుడు వేచి వేచి ఉండండి,, వేచి, నేను మీరు నిజంగా అలా చేయకూడదని విధంగా ఉన్నది. నేను మీరు వెళ్ళి కొన్ని PHP ఫైలు సమర్పించడానికి ప్రయత్నించండి ముందు ఈ ఏమి చేయాలనే. ఇప్పుడు నేను చెయ్యాలనుకుంటున్నారు ఏమి? ఈ సమయంలో నేను స్టాక్ ధర అంటే లోడ్ ఏదో AJAX ఉపయోగించాలనుకుంటున్నాను. నేను తెలుసుకోవాలి మొదటి విషయం యూజర్ వెలుగులోకి వచ్చింది ఏమి స్టాక్ ఉంది. నేను మరొక సెలెక్టర్ ఉపయోగించడానికి వెళుతున్న ఆ చేయుటకు. ఈ మేము ముందు చూశారు మూడవ సెలెక్టర్ ఉంది. ఈ నేను రూపం కోట్ యొక్క ఒక ID తో ఈ రూపం మూలకం ఆఫ్ ప్రారంభం కావాలి చెప్పారు. అప్పుడు ఎక్కడో ఆ రూపం యొక్క లోపల ఒక ఇన్పుట్ మూలకం అవసరం ఉంది ఆ గుర్తు యొక్క పేరు ఉంది. మేము మా HTML తిరిగి చూస్తే, మేము ఒక ఇన్పుట్ అయింది [పేరు = మానవ చిత్ర]. ఈ యూజర్ టైప్ చేసే టెక్స్ట్ బాక్స్ ఎంచుకోండి అన్నారు అర్థం. ఆ మంచిది. మేము టెక్స్ట్ బాక్స్. ఇప్పుడు మనం లోపల తెలుసు కేవలం అవసరం. , మేము ఇక్కడ ఈ పద్ధతి కాల్ చేసే ఈ. Val చేయుటకు మరియు ఈ నేను మీరు ఏమి టెక్స్ట్ బాక్స్ తెలుసా. నేను మీరు ఆ టెక్స్ట్ బాక్స్ లో టైప్ యూజర్ చెప్పు నాకు కావలసిన. ఇప్పుడు మేము వినియోగదారు సైన్ టైప్ ఏ సమానంగా ఉంటుంది చిహ్నం అనే స్ట్రింగ్ కలిగి ఆ మంచిది. మేము మా అభ్యర్థన చేయడానికి ఇప్పుడు ఆ తీగ ఉపయోగించవచ్చు. ఈ ఇక్కడ ఒక కొత్త ప్రమేయం, ఈ $, తప్ప మేము ఇకపై, అంశాలను ఎంచుకోవడం కావడం చేస్తున్నారు మేము క్వెరీ ద్వారా మాకు అందించిన ఒక విభిన్న చర్యను కాల్ కావడం చేస్తున్నారు. ఈ AJAX ఫంక్షన్ వాస్తవానికి ఈ HTTP అభ్యర్థన చేయడానికి ఏమి ఉంది. కాబట్టి మేము కొన్ని విషయాలు చెప్పడం ఉన్నాయి. నేను అభ్యర్థన వెళ్లాలనుకుంటే అక్కడ ఈ ఫంక్షన్ చెప్పడం కలిగి మొదటి విషయం. ఎక్కడో నా ప్రాజెక్ట్ లో నేను quote.php అని HTML డైరెక్టరీ లోపల ఈ ఫైలుని కలిగి. నేను localhost / quote.php వెళ్ళండి నేను ఈ ఫైలు యాక్సెస్ చేయవచ్చు, మేము, ఇదే విధంగా చేసింది. 

నేను ఆ పేజీకి అభ్యర్థన చేయడానికి నా JavaScript కావలసిన. ఏ రకం అభ్యర్థన ఇప్పుడు? రూపం ఆ పద్ధతి = "పోస్ట్" లక్షణం కలిగి ముందు మేము, చూసిన అంతే, ఒక POST అభ్యర్థన వెళుతున్న అర్థం అది కాకుండా ఒక GET అభ్యర్థన కంటే, URL లో ఏదైనా పెట్టి మాత్రం కాదు మేము కేవలం ఉదాహరణకు, వెబ్ బ్రౌజర్ తో పేజీని ఆక్సెస్ ఉంటే ఇది కేవలం తొలగించారు ఉంటుంది. ఇప్పుడు మేము నేను ఒక HTTP POST అభ్యర్థనను చేయాలని అన్నారు చేసిన quote.php వద్ద ఉన్న ఒక పేజీకి. మేము ఫారమ్ను సమర్పించినప్పుడు, ఆ రూపం లోపలి ఇన్పుట్ అంశాలను పొందలేక గుర్తు ఆ $ _ పోస్ట్ వేరియబుల్ తో. ఇప్పటివరకు కథలో మేము నిజానికి ఇంకా ఏ డేటా పాటు పంపించలేదు. మేము అజాక్స్ అభ్యర్ధనతో చేస్తున్న చెప్పారు చేసిన మరియు ఇక్కడ మేము చేస్తున్న అభ్యర్థన రకం. ఇప్పుడు మేము నిజంగా పేజీకి కొన్ని డేటా పంపాలి. మేము డేటా అనే ఈ ఆస్తి ఉపయోగించే చేయుటకు. ఈ ఆస్తి విలువ వాస్తవానికి ఒక అనుబంధ శ్రేణి. ఈ కారణం అది మాకు డేటా కేవలం 1 ముక్క కంటే ఎక్కువ పంపడానికి అనుమతిస్తుంది. మేము ఈ కర్లీ జంట కలుపులు ఇక్కడ ఈ ఇతర కర్లీ జంట కలుపులు లోపలి సమూహం ఎందుకు పేర్కొంది. ఈ అనుబంధ శ్రేణుల లో కీలు ఇదే ఉంటాయని నేను ఆ పేరు మా రూపం అంశాలు లక్షణాలుగా. ఆ నేను గుర్తు కీలక పాటు పంపితే, అనగా నా PHP పేజీ $ _ పోస్ట్ [మానవ] ఈ డేటాను ఆక్సెస్ చెయ్యవచ్చు అనగా మేము ఒక రూపం సమర్పించడం జరిగింది ముందు చేసినట్లుగా ఇష్టపడుతున్నారు. ఇప్పుడు అసలు డేటా మేము పంపాలనుకుంటున్నారా ఈ అనుబంధ శ్రేణి యొక్క విలువ లోపల అన్నారు. 

మేము, ఒక వేరియబుల్ అని గుర్తు ఈ టెక్స్ట్ నిల్వ అందువలన మేము ఇప్పుడు గుర్తు కీలక పాటు పంపిస్తున్నాం మరియు యూజర్ సైన్ టైప్ వస్తువు యొక్క విలువ ఇప్పుడు మేము, మా PHP ఫైలు అమలు చేసింది, ఈ HTTP అభ్యర్థన చేసిన అది ఈ అభ్యర్ధన చేసిన క్లయింట్ ఇప్పుడు కొంత డేటాను పంపడం జరగబోతోంది. ఇప్పుడు మేము సర్వర్ మాకు చెప్పారు ఏ స్పందించడం అవసరం. మేము విజయం అని ఇక్కడ ఈ చివరి ఆస్తి కలిగి చేయుటకు. ఈ విజయం కీ విలువ వాస్తవానికి, ఒక ఫంక్షన్ అవతరిస్తుంది మరియు ఈ మీరు JavaScript చేయగలిగే నిజంగా మంచి విషయాలు ఒకటి. కేవలం మీరు, ఒక అనుబంధ శ్రేణి యొక్క విలువ లోపల వంటి ints లేదా శ్రేణుల కలిగి మేము కూడా ఒక ఫంక్షన్ కలిగి ఉంటాయి. కాబట్టి విజయం విధంగా, ఈ నా కీ. ఒక కోలన్, విలువ వస్తుంది ఇక్కడ చెప్పారు మరియు ఇప్పుడు ఈ విలువ అసలైన విధి. కాబట్టి మేము ఈ ఫంక్షన్ SE ప్రతి పేరు ఇవ్వడం లేదు. మేము ఈ కొన్ని కార్యకలాపంగా అన్నారు చెప్పగలను. ఇది 1 వాదన తీసుకోవాలని చెప్పారు. ఈ ఫంక్షన్ కు వాదన అని అన్నారు ఏ సర్వర్ అభ్యర్థనను నుండి మాకు పంపిన. మా బ్రౌజర్ ఒక అభ్యర్థన చేయటం వలె, సర్వర్ తిరిగి ఏదో పంపుతుంది మరియు బ్రౌజర్, దీనిని ప్రదర్శిస్తుంది మేము ఒక అభ్యర్థనను చేసిన AJAX సందర్భంలో, సర్వర్, తిరిగి ఏదో పంపారు మరియు ఇప్పుడు మేము ఒక స్ట్రింగ్ వంటి ప్రాతినిధ్యం చేసారు. ఆ తీగ నేను పేజీలో ఆ ప్రదర్శించడానికి చేస్తాము. నేను ఒక చివరి సెలెక్టర్ కలిగి వెళుతున్న ఆ చేయుటకు. నేను ID ధర మూలకం ఎంచుకోండి. ఇది, కేవలం నేను పేజీ లో మీరు సృష్టించిన ఒక ఖాళీ DIV ఉంది మరియు నేను సర్వర్ మాకు పంపిన మరేమిటి ఆ DIV విషయాలు సెట్ చేయాలనుకుంటున్నారా. నిజానికి quote.php ఒక బిట్ చివరి మార్పు చేసాను. 

అయితే రెండర్ కాల్ మరియు కొన్ని పేజీ అనువాద కంటే, quote.php ఇప్పుడు కేవలం ఒక స్ట్రింగ్ వలె స్టాక్ విలువ ముద్రించాలా అన్నారు. మీరు నిజంగా పేజీ సందర్శించడానికి చేస్తే, మీరు చిన్న స్ట్రింగ్ చూడగలం స్టాక్ ధర ఉండే వస్తువు యొక్క. మేము ఇక్కడ చెయ్యాల్సిన ఒక చివరి విషయం ఈ ఫంక్షన్ తప్పుడు తిరిగి నిర్ధారించుకోండి ఉంది. ఈ చెప్పారు అని నేను కార్యక్రమం నిర్వహణ యొక్క లోపల ఉన్నాను ఉంటే మరియు ఆ సంఘటన నిర్వహణి, బదులుగా నిజమైన తిరిగి తప్పుడు తిరిగి ఆ నేను కాల్పులు అసలైన ఈవెంట్ చేయకూడదని అర్థం. ఈ సందర్భంలో, మనం ఏ JavaScript ఉండేది కాదని మేము, ఒక రూపం సమర్పించిన మా వెబ్ బ్రౌజర్ "నేను, వెంట ఆ డేటాను పంపడం వెళుతున్న" సే అన్నారు మరియు వారు మరొక పేజీకి మీరు పంపిన చూడాలని. మేము ఇప్పుడు AJAX ఉపయోగించే ఎందుకంటే, మరొక పేజికి వినియోగదారును పంపడానికి లేదు. మేము ఈ ఒకే పేజీలో డైనమిక్ ఫలితాలను ప్రదర్శించడానికి వెళుతున్న. మమ్మల్ని వారిని ఎక్కడికి వెళ్లడానికైనా అనుకుంటున్న నేను ఒకే పేజీలో ఉండండి. కాబట్టి తప్పుడు రావడం ద్వారా, మేము రూపం మాకు అలా పోకుండా. యొక్క ఈ వాస్తవానికి ఎలా పరిశీలించి చూద్దాం. మా కోట్ పేజీ కనిపిస్తుంది. మేము ఏమి చూడగలరు మీ డౌన్ ఇక్కడ ఇన్స్పెక్టర్ పుల్ అప్ లెట్. అది కొద్దిగా తక్కువ భారీ చేయండి. మేము HTTP అభ్యర్ధనలు అన్ని చూడవచ్చు మేము నెట్వర్క్ ట్యాబ్ను తెరిస్తే గుర్తుంచుకో, ఈ ఉంది ఆ పేజీ సంభవిస్తున్నాయి. 

గుర్తు కోసం AAPL టైపు కోట్ పొందండి క్లిక్ చేయండి. ఇప్పుడు మేము Apple యొక్క వాటాను డాలర్ల కొన్ని సంఖ్య ఖర్చు గమనించాను కేవలం పేజీ లో కనిపించింది, కానీ URL అన్ని వద్ద లేదు. నిజానికి, ఇక్కడ మేము చేసిన HTTP అభ్యర్థన ఉంది. మేము quote.php ఒక POST అభ్యర్థనను చేసింది. భావన కల్పిస్తుంది. ఈ సర్వర్ మాకు పంపిన ఏమిటి. ఇది ఇకపై చిత్రాలు మరియు వంటి విషయాల్లో ఈ అతిపెద్ద HTML పత్రం యొక్క అది కేవలం టెక్స్ట్ లోని ఒక లైన్, మరియు అప్పుడు మేము టెక్స్ట్ యొక్క లైన్ ప్రదర్శించబడుతుంది. మేము శీర్షికలకు తిరిగి వెళ్లి మేము నిజానికి ఈ HTTP అభ్యర్థన లోపల పంపిన చూడటానికి ఉంటే, మేము, మేము గుర్తు మరియు AAPL ఒక విలువ యొక్క కీ పాటు పంపిన ఇక్కడ డౌన్ చూడగలరు ఇది వినియోగదారు సైన్ టైప్ ఏమిటి ఈ nice, కాని ఇది ఇప్పటికీ కాస్త కోపం తెప్పించేది ఉంది. నేను ఇప్పటికీ స్టాక్ కోట్ పొందడానికి ఈ బటన్ క్లిక్ చేసి. మేము బిజీగా ఉన్నాము ప్రజలు మరియు మేము బటన్లను క్లిక్ చేయండి సమయం లేదు. వారు Google తక్షణ అమలు చేసినప్పుడు Google అయితే క్రితం ఈ చిన్న గుర్తించారు. మీరు టైప్ చేస్తున్నప్పుడు వంటి ఏమిటి Google తక్షణ చేస్తుంది ఇది మీ కోసం ఫలితాలు ప్రదర్శించే మొదలవుతుంది కాబట్టి మీరు కూడా శోధించు క్లిక్ గురించి ఆందోళన లేదు. అసలైన, ఒక సరదా కథ ఆ సంబంధించిన. Google తక్షణ వచ్చింది ఒకసారి, ప్రజలు, వంటి వారు "అయ్యో, ఈ సూపర్ అద్భుతమైన ఉంది." "ఈ విధంగా బాగుంది." మరియు స్టాన్ఫోర్డ్ వద్ద ఒక విద్యార్థి డౌన్ సమయంలో 19 అయిన YouTube తక్షణ అని ఈ సైట్ చేసింది. అన్ని YouTube తక్షణ సమర్థవంతంగా తక్షణమే YouTube శోధన లేదు. కాబట్టి బదులుగా శోధన YouTube.com మరియు నొక్కండి వెళ్ళి అవసరం కంటే, నేను CS50 వంటి YouTube తక్షణ ఏదో టైప్ ప్రారంభించినప్పుడు, మేము అది నెమ్మదిగా ఇంటర్నెట్ కనెక్షన్ ప్రయత్నిస్తున్నాడు ఇక్కడ చూడవచ్చు ఈ ఫలితాలు ప్రత్యక్షంగా జనసాంద్రత పెరుగుతుంది. మేము నిజంగా మా quote.js ఫైలుకు చాలా సులభమైన మార్పు చేసే చేయుటకు. సమర్పించిన ఉన్నప్పుడు ప్రస్తుతం మేము ఈ ఈవెంట్ అటాచ్ చేస్తున్నారు. మమ్మల్ని, వినియోగదారు ఏ విధంగా ఆ రూపం submit చేయాలని లేదు కాబట్టి యొక్క బదులుగా ఈ సంఘటన యూజర్ ఒత్తిడి పరికరాలు కీ ప్రతిసారీ కాల్పులు తెలియజేయండి. లెట్స్ మొదటి keyup సమర్పించడానికి నుండి ఈవెంట్ చేసే చేయుటకు. బదులుగా రూపం సమర్పించడానికి కోసం, వేచి కంటే అని ప్రతిసారీ కీ ను నొక్కినప్పుడు, ఏదో జరిగే ఉంటుంది. ఇది ఇకపై మొత్తం రూపం ఈ keyup ఈవెంట్ అటాచ్ అర్థవంతంగా ఉంటుంది. మమ్మల్ని మాత్రమే శోధన బాక్స్ పట్టించుకోనట్లు. 

ఇప్పుడు, మనం కాకుండా రూపం కోట్ కంటే, ఈ గా మార్చవచ్చు ఎంచుకునేందుకు, రూపం కోట్ మరియు మేము ఒక ఇన్పుట్ ఉంటుంది (= టెక్స్ట్ టైప్) లేదా మేము (= మానవ పేరు) చెప్పగల్గినవి - మేము కావలసిన. ఇప్పుడు మేము లేదు ఒక చివరి విషయము. మేము తిరిగి తప్పుడు ఇలా చెప్పాడు ఇక్కడ డౌన్ గుర్తుంచుకో మేము డిఫాల్ట్ ఈవెంట్ కాల్పులు అనుకోవడం లేదు. మేము ఇప్పుడు డిసేబుల్ అయితే ఇది కేవలం కాబట్టి, ఆ జరుగుతుంది మేము టైప్ ఏ ఇకపై బ్రౌజర్ లో చూపించడానికి వెళ్ళడం లేదు ఒక టెక్స్ట్ బాక్స్ లో టైప్ యొక్క డిఫాల్ట్ ప్రవర్తన ఉంటుంది ఎందుకంటే. మేము ఇప్పుడు అలా యొక్క ఈ తిరిగి తప్పుడు నాశనం చేయగల భర్తీ చేయాలనుకుంటే. నేను AAPL టైప్ చేయడం ఆ సేవ్ మరియు ఇప్పుడు, పేజీని రీలోడ్ చేస్తే మీరు ఇక్కడ దిగువన స్టాక్ ధర స్వయంచాలకంగా పూర్తి అని చూస్తారు. ఇక్కడ CS50 ఫైనాన్స్ తక్షణ ఉంది. YouTube తక్షణ గురించి అసలైన సరదాగా కథ ఆ విద్యార్థి కేవలం రకమైన, ఒక 1-రాత్రి ప్రాజెక్టు రాసింది ఉంది మరియు తర్వాత రోజు ఆయన YouTube CEO ద్వారా ఉద్యోగానికి అందించారు. ఆ విధంగా సాధారణ, మీరు CS50 విద్యార్థులు, మీ చివరి ప్రాజెక్టులు మీరు YouTube లో ఒక ఉద్యోగం పొందవచ్చు. అలాంటిదే హక్కు, ఒక చివరి ప్రాజెక్ట్ కోసం ఒక నిజంగా చల్లని ఆలోచన? మేము ఇంటిగ్రేట్ కోరుకున్నాడు కొంతమంది పనితనాన్ని కలిగి. మేము, యూజర్ అనుభవాన్ని కొద్దిగా మెరుగు మరియు అకస్మాత్తుగా YouTube తక్షణ న ఏదో శోధించడం చాలా సులభం కావచ్చు సాధారణ YouTube లో శోధించే కంటే. కాబట్టి ఆ క్లుప్తంగా అజాక్స్ యొక్క. 

జోసెఫ్ చూపిస్తున్న ఆ ఉదాహరణలలో, మేము, autocompletes చాలా చూసింది మేము గుర్తు లేదు ఎందుకంటే ఆ autocompletes నిజంగా సులభ ఉంటాయి - ఉదాహరణకు, మీరు ఆపిల్ కోసం స్టాక్ ధర గుర్తు లేదు మరియు మేము దానిని కేవలం నాకు చెప్పడం కంటే, AA ఏదో తెలిసిన "ఈ విషయం వాటాను, అధిక వ్యయం" నేను రకమైన స్టాక్స్ AA ప్రారంభం ఏమి చేయాలనుకుంటే. మేము ఇప్పటికే సహా ఆ బూట్స్ట్రాప్ లైబ్రరీ తో నిజంగా చక్కగా ఆ చేయవచ్చు CS50 ఫైనాన్స్ లోపలి. మీరు JavaScript ట్యాగ్ ఇక్కడ వచ్చి Typeahead క్రిందికి స్క్రోల్ ఉంటే, ఇది, కేవలం ఎవరైనా ఇప్పటికే మాకు కోసం వ్రాశారు nice ప్లగ్ఇన్ మరియు మేము సులభంగా ఈ దాని కార్యాచరణ ఉపయోగించవచ్చు. నేను ఒక ఒక టైప్ మరియు ఇక్కడ A. ప్రారంభం కొన్ని రాష్ట్రాల జాబితా లెట్ యొక్క ఇది నిజంగా చల్లని భావిస్తున్న సే మరియు నేను నా పేజీలో ఈ చేర్చడానికి కోసం సమయం. ఈ నిజంగా సాధారణ అవుతుంది. యొక్క quote3.js ఇక్కడ జంప్ ఓవర్ లెట్. నా ఫైలు కొద్దిగా విభిన్నంగా కనిపిస్తుంది. డౌన్ ఇక్కడ నా AJAX stuff యొక్క ఒకే ఉంది. నేను మరొక పేజీకి వెళ్లండి చేయకుండా స్టాక్ డేటా లోడు చేయాలనుకుంటే. కానీ ఇప్పుడు నేను ఈ ప్లగ్ఇన్ ఉపయోగించాలనుకుంటున్నాను. బూట్స్ట్రాప్ డాక్యుమెంటేషన్ నేను ఎలా సరిగ్గా యొక్క గొప్ప ఉదాహరణలలో ఉంది. నేను చెప్పాలనుకోవడం, "ఇక్కడ, నేను స్వీయపూర్తి చేయదలిచిన ఇన్పుట్ యొక్క" మరియు నేను, typeahead అని ఈ ఫంక్షన్ కాల్ వెళుతున్న మరియు మాకు కోసం Typeahead stuff అన్ని నిర్వహించడానికి జరగబోతోంది. ఇది జాబితా ప్రారంభించడం, ఇది మా ఫిల్టరింగ్ అన్ని చేస్తుంది. అది తెలుసుకోవాలి మాత్రమే విషయం మేము autocompleting ఏమి డేటా ఉంది. కాబట్టి నేను డాక్యుమెంటేషన్ చదవడం మరియు ఉదాహరణలు చూడటం ద్వారా ఈ కీ కనుగొన్నాడు. నేను మూల కీలక, ఈ కీ యొక్క విలువ ఇవ్వడం ఉంటే నేను స్వీయపూర్తి మీరు విషయాలను కొన్ని శ్రేణి. ఈ వేరియబుల్ ఈ ఇతర ఫైల్ నుండి వచ్చింది. నేను symbols.js అప్ తెరవండి. 

ఈ symbols.js తీగలను కలిగి ఉన్న ఈ నిజంగా పెద్ద శ్రేణి NASDAQ నుండి ఈ స్టాక్ గుర్తులను అన్ని యొక్క. నేను HTML, కాబట్టి jharvard, vhosts, globalhost, html, టెంప్లేట్ తిరిగి వెళ్ళు చేయాలనుకుంటే quote_form. ఇప్పుడు quote3.js అని నాటి నుండి, నాకు ఇక్కడ కలుపుతున్నాను JavaScript ఫైలు మార్చిన తెలియజేయండి. ఇప్పుడు నేను quote3.js కలిగి ఉంటాయి, కాబట్టి నేను ఆ ప్రత్యేక JavaScript ఫైలులో లోడ్ వెళుతున్న ఆ బూట్స్ట్రాప్ స్వీయపూర్తి కలిగి ఒకటి. ఇప్పుడు నేను బ్రౌజర్ తిరిగి వెళ్ళు సమయంలో,, పేజీని రీలోడ్, మరియు నేను AA టైప్ చెయ్యడం ప్రారంభించండి నా స్వీయపూర్తి ఉంది. అది నిజంగా అంత సులభమైనది ఉంది. నేను ", ఇక్కడ నేను స్వీయపూర్తి మీరు విషయాలు" కేవలం చెప్పారు కోడ్ 1 లైన్ కలిగి మరియు అకస్మాత్తుగా నేను వద్ద ప్రయత్నం యొక్క మొత్తం కాదు చాలా ఈ నిజంగా నైస్ కార్యాచరణ ఉంది. వెబ్సైట్లు మరియు విషయాలను ముఖ్యంగా ఫ్రంట్ ఎండ్ వైపు అభివృద్ధి చేస్తున్నపుడు, మీరు ఈ సందర్భంలో చాలా ఉంది కనుగొనేందుకు వెళుతున్న. అక్కడ నిజంగా చల్లని ఉచిత గ్రంథాలయాలు చాలా, చాలా, చాలా ఉన్నాయి అది ఈ వంటి విషయాలను సులభంగా సూపర్ చేయండి. ఎవరైనా కేవలం చిహ్నాలు యొక్క ఈ పెద్ద జాబితాలో autocompleting ఏ లోపాలు కూడా ఆలోచించవచ్చు? ఈ విధానం ద్వారా ఉత్తమ లేనిది ఏదో ఒకటి ఉంటుంది? అవును. >> [విద్యార్థి] సమయం, మీరు [వినబడని] చాలా ఉంటే అవును. ప్రస్తుతం మేము ఈ భారీ JavaScript ఫైల్ డౌన్లోడ్ చేసిన మరియు చిహ్నాలు చాలా ఉంది. మాకు ఒక టన్ను ఉంటే కనుక ఈ విధంగా చెప్పాడు రకమైన మాత్రమే శోధించడం లేదు యొక్క అంతర్గతాన్ని పెంచవచ్చు కానీ అసలు ఫైల్ డౌన్లోడ్. గ్రేట్. ఏదైనా? ప్రస్తుతం ఔచిత్యం సంఖ్య వాస్తవ అర్ధంలో ఉంది. నేను ఇక్కడ ఒక A, సంస్థలు టైప్ ఉంటే A. ప్రారంభం ఆ అత్యంత ప్రాచుర్యం సంస్థలు కాదు 

నేను Apple ను ముందు, నేను చూస్తున్నాను కనుగొనడానికి కొన్ని ఎక్కువ అక్షరాలు పడుతుంది. ఈ స్వీయపూర్తి ఔచిత్యము ఈ కోణంలో లేదు. ఇది కేవలం చెప్పడానికి జరగబోతోంది "నేను ప్రదర్శించడానికి వెళుతున్న సరిపోయే ఏదైనా." బదులుగా ఆ యొక్క, నేను ఏదో నా శోధనలు కొన్ని ఔచిత్యం ఇంటిగ్రేట్ చేయాలనుకుంటున్న. , Finance.yahoo.com, నేను Yahoo! ఫైనాన్స్ ఇక్కడ వెళ్ళి ఉంటే నేను Yahoo! ఫైనాన్స్ పేజీలో ఒక గుర్తును ఎంటర్ ప్రయత్నించండి ఉంటే మరియు నేను goog టైప్ చెయ్యడం ప్రారంభించండి, నేను విషయాల ఈ nice జాబితా. Yahoo! ఫైనాన్స్ మరింత తెలివైన ఇక్కడ ఏదో ఒక పని చేస్తూ ఉన్నట్లు స్పష్టంగా, కనిపిస్తోంది. వారు కొన్ని సంబంధం కలిగి మరియు వారు కూడా అదనపు సమాచారం స్టాక్ పేరు ఇష్టపడుతున్నారు. నేను నిజంగా చిహ్నాలు యొక్క నా స్టాక్ జాబితాను పొందలేము ఏదో పేర్కొంది. నేను ఈ మీరు మరియు నేను, దానిని వెళుతున్న. లెట్స్ కొన్ని పనులను చేస్తాయి చేయుటకు. లెట్ యొక్క మొదటి ఈ పేజీలో ఇన్స్పెక్టర్ ప్రారంభం మేము ఈ పేజీ అసలు రీలోడ్ లేని చూసిన, ఎందుకంటే కాబట్టి ఇది బహుశా దాని డేటాను లోడ్ చేయడానికి ఏదో AJAX ఉపయోగించి మాత్రమే. మేము లోడ్ ఏమి డేటా తెలుసుకోవచ్చు. నేను ఈ నెట్వర్క్ టాబ్ పై క్లిక్ చేస్తే, ఈ ఉపయోగించవచ్చు మొదలు అభ్యర్ధనలను అన్ని ఉంటాయని నేను. నేను గూ టైప్ ఉంటే ఇప్పుడు మేము నేను కొత్త HTTP అభ్యర్థన వచ్చింది అని చూడగలరు. ఆ సమాచారం నుండి వచ్చే కౌంటీ ఈ బహుశా ఉంది. తగినంత ఖచ్చితంగా, నేను వింతగా అనే బిట్ ఈ URL వద్ద చూస్తే, మేము Yahoo నుండి డేటా ఆఫ్ పంపడం కౌంటీ ఈ ఖచ్చితంగా అని చూడగలరు. 

నేను ఆత్మ లో కనపడే ఫంక్షన్ కు సమానమైన అని suggest.php అనే ఒక ప్రత్యేక ఫైలు సృష్టించారు. ఇది ప్రాథమికంగా Yahoo యొక్క URL ఒక ప్రశ్న తయారు అవకాశముంది,, కొన్ని డేటా తిరిగి మరియు నాకు అది తిరిగి పంపండి. ఇప్పుడు, బదులుగా చిహ్నాలు యొక్క ఈ పెద్ద, పెద్ద జాబితా ఉపయోగించి కంటే, నేను, Yahoo యొక్క నైస్ ఔచిత్యం విషయాలు ఉపయోగించవచ్చు మరియు నేను ఆ భారీ JavaScript ఫైల్ డౌన్లోడ్ అవసరం లేదు. నేను మాత్రమే వాస్తవానికి సంబంధిత స్టాక్ గుర్తులను లాగేందుకు వెళుతున్న. ఆ దూకి యొక్క లెట్. కాబట్టి html, JS. మేము quote4 లో ఉన్నారు. ఇప్పుడు మేము ఇకపై జావాస్క్రిప్ట్ ఫైళ్లు యొక్క పెద్ద జాబితా ఉపయోగిస్తున్నారు. అయితే రూపకల్పన సమస్య యొక్క ఒక చిన్న తరహా ఇక్కడ ఉంది. మేము AJAX ఒక అసమకాలిక అని చెప్పారు చేసాము. దాని అర్థం, నేను ఒక AJAX అభ్యర్థన ఆ ఉంది నా AJAX అభ్యర్థన వాస్తవానికి తొలగించారు కౌంటీ కాబట్టి ఇక్కడే లైన్ 8 న, ఈ ఉంది. లెట్ యొక్క ఇప్పుడు నేను కొన్ని పనులే చేస్తాం వెళుతున్న ఆ డౌన్ ఇక్కడ కొన్ని కోడ్ ఉన్నాయి, అవి పేజీ వినియోగదారు లేదా మార్పు ఏదో హెచ్చరికను ఇష్టం. ఉంది జరిగే లేదు ఏమి బ్రౌజర్ కొనసాగించడానికి ఈ అభ్యర్థన వేచి వెళ్ళడం లేదు ముందు డౌన్ వస్తున్న లైన్ కొట్టిన. ఆ అసమకాలిక భాగం. ఇది ఈ అభ్యర్థన మరియు మీరు పూర్తి ఎప్పుడు "సే అవకాశముంది "తిరిగి వచ్చి నేను విజయం లోపలి కాల్ మీరు చెప్పారు ఆ ఫంక్షన్ కాల్." మేము ముందుగానే అన్ని స్టాక్స్ కేవలం డౌన్లోడ్ కాదు అంటే. మేము అభ్యర్థన మరియు తిరిగి రావాలని ఏదో వేచి ఉండాలి. ముందు అని, మేము కేవలం, బూట్స్ట్రాప్ తెలియజేయగలరా "ఇక్కడ నేను స్వీయపూర్తి ఉంచాలనుకుంటున్నారా విషయాలను జాబితా ఉంది." మనం చెప్పలేము ఎందుకంటే మేము ఇకపై ఇకపై ఆ చేయవచ్చు మేము నిజంగా స్వీయపూర్తి చేయడానికి ఏమి. ఆ అక్కడ స్మార్ట్ guys ఎందుకంటే అదృష్టవశాత్తు, బూట్స్ట్రాప్, ఈ యొక్క ఆలోచన మరియు వారు నిజానికి ఈ Typeahead ప్లగ్ఇన్ లోడ్ మరొక మార్గం ఇచ్చారు. ముందు, ఈ మూల ఆస్తి విలువ స్వీయపూర్తి విషయాల ఈ పెద్ద అర్రే ఉంది. 

ఇప్పుడు మూల ఆస్తి, అసలైన విధి మరియు ఈ చర్య ప్రయోజనాన్ని స్వీయపూర్తి విషయాలను ఏమిటో దొరుకుతుందని ఉంది. ఆ గుర్తించడానికి జరగబోతోంది విధంగా అది Yahoo! ఫైనాన్స్ గోవా జరగబోతోంది ఉంది స్వీయపూర్తి ఉత్తమ విషయాలను ఉంటాయి. నేను ఇలాంటి AJAX అభ్యర్థన వెళుతున్న ఆ చేయుటకు. నేను suggest.php వద్ద ఈ పేజీ అభ్యర్థించవచ్చు వెళుతున్న. నేను ఇప్పటికీ చిహ్నాలు పాటు పంపాలని. ఇప్పుడు నా విజయం బూట్స్ట్రాప్ డాక్యుమెంటేషన్ నాకు చెప్పారు ఆ క్రమంలో, విషయాలను ఆ జాబితా జననివాసం కు నేను ఏమి చేయాలి అన్ని బ్యాక్ కు ఇప్పుడు ఈ శ్రేణి లో తరలింపు. కానీ ఒక నిమిషం ఆగండి. ఈ వ్యూహం భావించబడేది మరియు AJAX, తిరిగి టెక్స్ట్ నాకు పంపడం ఉంటే ఎలా ఉండే అవకాశం ఉంది? ఈ JSON అని డేటాను మార్పిడి యొక్క నూతన మార్గంలో పరిచయం. ఈ సందర్భంలో మనం కేవలం టెక్స్ట్ యొక్క ఒక సాధారణ పదబంధం పంపి లేదు. ఇప్పుడు మేము స్టాక్ గుర్తులను ఈ క్లిష్టమైన జాబితా వ్యవహరించే చేస్తున్నారు. ఈ స్టాక్ గుర్తులను కూడా కంపెనీ పేరు లేదా ప్రస్తుత ధరలు వంటి వాటిని కలిగి ఉంటాయి. ఏ ఊహించదగిన విధంగా ఫార్మాట్ చెయ్యబడని ఒక పెద్ద దీర్ఘ స్ట్రింగ్ ఉపయోగించి నాకు యాహూ సర్వర్ నుండి ఈ డేటాను పొందడానికి ఉత్తమ మార్గం వెళ్ళడం లేదు నేను సులభంగా అర్థం చేసుకోవచ్చు విధంగా. JSON మేము JavaScript లో సహయోగ శ్రేణుల సృష్టించడానికి ఎలా ప్రయోజనాన్ని తీసుకుంటుంది ఒక సాంకేతికత. ఇది ఒక JavaScript సహయోగ శ్రేణి వంటి చాలా కనిపిస్తుంది ఇది ఎందుకంటే నిజానికి, ఇది. JSON జావాస్క్రిప్ట్ ఆబ్జెక్ట్ నొటేషన్ సూచిస్తుంది. ఈ ప్రాథమికంగా ఒక ముందుకు వెనుకకు డేటా బదిలీ కోసం ఆకృతిని ఒప్పుకున్నాయి ఉంది. ఈ JSON అంశం లేదా ఈ JSON సహయోగ శ్రేణి ఇక్కడ నాకు కోర్సు గురించి కొన్ని డేటా పంపుతోంది. 

ఈ శ్రేణి యొక్క కీలను cs50 విలువ కలిగి కోర్సు వంటి విషయాలు మరియు డౌన్ ఇక్కడ మేము నేను వ్యూహం ఆ విలువను కలిగి చూడగలరు. నేను తీగలు బయటకు అన్వయ వంటి వాటిని లేదు మరియు కామాలతో కోసం చూడండి లేదు మరియు ఆ క్రేజీ లైక్ పనులను. ఈ ఈ JSON ఫార్మాట్ ప్రకటించింది ఎందుకంటే, JavaScript మరియు j క్వెరీ ఇప్పటికే స్ట్రింగ్ మార్చడానికి విధులు ఒక వాస్తవ JavaScript సహయోగ శ్రేణి ఈ JSON కనిపించే మేము పని చేయవచ్చు ఆ. ఆ డూయింగ్, ఇకపై ఈ ఫైలు, suggest.php అని ఇలా వంటి సులభం , తిరిగి కేవలం టెక్స్ట్ యొక్క స్ట్రింగ్ నాకు పంపడం కాని దాన్ని తిరిగి JSON నాకు పంపడం చేస్తాడు తెలుసు. ఆ JSON ఒక JavaScript సహయోగ శ్రేణి లోకి మార్చవచ్చు అర్థం. కాబట్టి క్వెరీ, నేను మీరు నాకు ఆ ఏమి చేయాలనుకుంటున్నారు. అని ఇక్కడ ఈ ప్రతిస్పందన పారామీటర్, ఈ ఇకపై కేవలం సమూహము. మేము క్వెరీ చెప్పారు చేసిన ఎందుకంటే ఇక్కడ, కొన్ని JSON వస్తుంది క్వెరీ చెప్పడానికి తగిన స్మార్ట్ అని అన్నారు, "మీరు JSON భావించారా?" "మీ కోసం నేను ఒక అనుబంధ శ్రేణి ఆ మార్చేందుకు వెళుతున్న." మేము quote4.js తర్వాత యొక్క వాస్తవానికి నెట్వర్క్ టాబ్ పరిశీలించి చూద్దాం. మేము ఈ మార్పు మరియు పేజీని రీలోడ్ చేస్తాము. ఇప్పుడు నేను ఒక టైప్ వెళుతున్న. నేను, suggest.php రెండు కోరిన, కానీ ఇప్పుడు ఈ ప్రతిస్పందన చేసిన కేవలం స్ట్రింగ్ కంటే, అది JSON ఉంది. కాబట్టి నేను ఒక బహిరంగ వంకర జంట కలుపు, చెప్పడం కలిగి "ఇక్కడ ఒక అనుబంధ శ్రేణి వస్తుంది." 

ఈ అనుబంధ శ్రేణి యొక్క మొదటి మరియు ఏకైక కీ, చిహ్నాలు అని పిలుస్తారు మరియు ఇక్కడ సంబంధిత చిహ్నాలు అన్ని యొక్క ఒక శ్రేణి ఆ అతిపెద్ద జాబితా నుండి, Yahoo! ఫైనాన్స్ నుండి ప్రస్తుతం వస్తున్న. నేను కేవలం ఈ స్వీయపూర్తి ప్లగ్ఇన్ జననివాసం ఎలా పొందాలో ఇప్పటికే ముందుగా నిర్ణయించిన ఒక స్థానిక ఫైల్ నుండి వచ్చే కాదు కొన్ని డేటా తో కానీ ఏదో నుండి. ఇది మేము నిజంగా JSONP అనే టెక్నాలజీ ప్రయోజనాన్ని పొందండి ఆ అవుతుంది లేదా padding తో JSON, ఈ suggest.php మిడిల్ తొలగించడం చేస్తుంది. కానీ బదులుగా ఆ చేయడం వలన, యొక్క బదులుగా నేను ఈ మరింత మెరుగుపరచడానికి ఎలా పరిశీలించి అనుమతిస్తుంది. నేను బూట్స్ట్రాప్ యొక్క Typeahead నిజంగా ఇష్టం. ఇది నిజంగా మంచిది. కానీ, మేము JavaScript వద్ద మంచి చేస్తున్నారు మరియు మేము రకమైన ఈ మేమే చేయాలనుకుంటున్నారా బహుశా ఈ ప్లగ్ఇన్ చేయడం ఏ పరిశీలించి. ఆ Typeahead విషయం ఉపయోగించడానికి యొక్క ఇకపై లెట్ మరియు సూచించిన వాటాల ఈ జాబితా మేమే చేయడానికి ప్రయత్నించండి తెలియజేయండి. ఇక్కడ quote6.php లో మేము అదే విధంగా ఆఫ్ ఆరంభమవుతుంది చేస్తున్నారు. అయినా ఎవరో ఒకరు ఏదో రకాల, మేము అజాక్స్ అభ్యర్ధనతో చేయాలనుకుంటున్నాము. ఈ మా అసలు CS50 ఫైనాన్స్ తక్షణ పోలి ఉంటుంది. అయితే quote.php ఒక అభ్యర్థనను తయారు కంటే, మేము ఇప్పుడు ముందు ఆ ఒకే ఫైల్ ఒక అభ్యర్థనను చేస్తున్న, ఈ suggest.php, ఇది కేవలం Yahoo! ఫైనాన్స్ నుండి డేటా పుల్ అన్నారు. 

మళ్లీ,, మేము ఇప్పటికీ JSON ఆశించే, కానీ Typeahead మాకు ఈ చేయడం లేదు ఇప్పుడు నుండి మేము కూడా ప్రస్తుత టెక్స్ట్ బాక్స్ లోపల అని విలువ పాటు పంపాలి. ఇప్పుడు మేము, Yahoo! ఫైనాన్స్ ఎంటర్టైన్ ఏమి అందువలన ఇప్పుడు ఇక్కడ మేము అభ్యర్థన పూర్తి ఒకసారి అమలు చేయదలిచిన ఫంక్షన్ ఉంది. మేము, మా జాబితా తయారు ప్లగ్ఇన్ లేదు మేము నిజంగా సలహాలను జాబితా నిర్మించడానికి వెళుతున్న కాబట్టి ఇక్కడ ఉన్నారు. ఆ చేయుటకు చాలా PHP లో ఇష్టం మేము HTML యొక్క ఈ పెద్ద రెమ్మలు concatenated అప్పుడు మేము వాటిని ముద్రించిన, మేము JavaScript లో అదే ఖచ్చితమైన విషయం చేయవచ్చు. మొదటి మేము, సలహాలను అని ఈ స్ట్రింగ్ ఆఫ్ ఆరంభమవుతుంది చేస్తున్నారు మరియు ఈ స్ట్రింగ్ కొన్ని HTML కలిగి అన్నారు. , మేము విషయాలను జాబితా ఉండాలనుకుంటున్నాను, కాబట్టి మేము ఈ జాబితా ట్యాగ్ తో ఆరంభమవుతుంది చేస్తున్నారు మరియు ఇప్పుడు మేము మాకు తిరిగి గుర్తులు యొక్క అన్ని iterate చూడాలని. మేము dataType చెప్పారు చేసిన ఎందుకంటే, గుర్తుంచుకోండి: 'JSON', ఈ స్ట్రింగ్ కాదు. ఈ అప్పటికే మాకు ఒక శ్రేణి. ఇది నిజంగా చల్లని ఉంది. మేము కేవలం "నేను మీరు జాబితా మూలకం జోడించు మీరు.", చెప్పగలదు మేము, ఆ వైపు ఒక ఒక మూలకం లోపల ఉంచుతాము మేము ఇది ఏమి కాబట్టి మేము, అది సూచనల ఒక తరగతి ఇస్తాము మరియు ఇప్పుడు ఇక్కడ మేము Yahoo! ఫైనాన్స్ నుండి తిరిగి వచ్చింది అని గుర్తు. 

ఒకసారి మేము, మేము చెవిలో చేసిన చిహ్నాలు ప్రతి ఒక మూలకం సృష్టించిన మేము కేవలం జాబితా ఆఫ్ మూసివేయాలని మీరు అనుకుంటున్నారా. కాబట్టి ఇప్పుడు సలహాలను ఈ చిన్న HTML భాగం సూచిస్తుంది ఒక పేజీ మీద పెట్టి మేము చూస్తున్న విషయాల జాబితా అని అన్నారు. ఇప్పుడు నిజంగా పేజీలో ఆ ఉంచారు తెలియజేయండి. నిజానికి మరొక ఖాళీ DIV సృష్టించిన మరియు నేను సలహాలను యొక్క ID ఇచ్చిన చేసిన చేయుటకు. మేము, స్టాక్ డేటా ధర ప్రదర్శిస్తుంది ఆ DIV విషయాలు సెట్ చాలా వంటి మేము ఇప్పుడు ఈ స్ట్రింగ్ వెళ్లడానికి ఈ DIV విషయాలు సెట్ చేయాలనుకుంటున్నారా ఈ చిహ్నాలు ఇది కలిగి ఉంది. ఈ HTML పద్ధతి ఉపయోగించి, ఈ సలహాలను వేరియబుల్, ఈ స్ట్రింగ్, HTML యొక్క సమూహము. నేను మీరు ఆ HTML పడుతుంది మరియు సలహాలను అని DIV లోపలి ఉంచండి మీరు. మేము ఇప్పుడు DOM ఏదో అనుబంధంగా చేసిన. మేము ఇప్పుడు పేజీలో ప్రదర్శించవచ్చు DOM కొన్ని కొత్త అంశాలను జోడించారు. ఈ ఎలా చూద్దాం. మేము quote6 లో లోడ్ మరియు ఇప్పుడు మేము, తిరిగి రండి ఉంటే ఇప్పుడు నేను AAPL టైప్ ప్రారంభించినప్పుడు, మేము ఇకపై ఆ బూట్స్ట్రాప్ స్వీయపూర్తి కలిగి కాని ఇప్పుడు మనం చేసిన ఈ జాబితాలో ఉన్నాయి. ఈ ఉదాహరణకు, బూట్స్ట్రాప్ Typeahead కంటే కొద్దిగా uglier ఉంది కానీ మాకు మరొక పనిని చేయడానికి అనుమతిస్తుంది లేదు. మేము ఆ బూట్స్ట్రాప్ ప్లగ్ఇన్ చూడటం చేసినప్పుడు, మేము తప్పనిసరిగా స్వయంచాలకంగా పూర్తి చేసినప్పుడు, స్వీయపూర్తి విలువలు ఒకటి AAPL అని చూసింది. తద్వారా ఉపయోగపడిందా కాదు. వినియోగదారు, నేను వెంటనే స్టాక్ గుర్తులను అన్ని గుర్తించలేదు ఉండవచ్చు. సంస్థ యొక్క నిజమైన పేర్లు నేను బహుశా గుర్తించడానికి అవకాశం చేసాను. కనుక ఇది నిజంగా సహాయకారిగా ఉంటే కాకుండా AAPL చెప్పడం లేదు ఈ ఆపిల్ ఇంక్ వంటి మాట్లాడుతూ మేము ఈ మేమే తయారు చేసిన ఎందుకంటే, మేము నిజంగా సులభంగా ఆ చేయవచ్చు. యొక్క ఇక్కడ మా చివరి కోట్ ఫైలు ప్రారంభం లెట్, quote7 కాబట్టి. 

ఇదే. నేను కేవలం చిహ్నాలు కంటే మాకు తిరిగి మరో PHP ఫైలు సృష్టించారు. ఇది కూడా మా సంస్థ యొక్క పేర్లు తిరిగి ఇస్తుంది. కాబట్టి మేము ఇదే చేయుచున్నారు. మేము అజాక్స్ అభ్యర్ధనతో మీరు చేస్తున్నారు. అభ్యర్థన పూర్తి ఒకసారి, మేము, ఇక్కడ ఈ ఫంక్షన్ అమలు చూడాలని మరియు ఈ చర్య అంశాలను పెద్ద స్ట్రింగ్ నిర్మించే అన్నారు. కానీ ఇక్కడ తేడా ఈ జాబితాలు విలువ, ఇకపై కేవలం మానవ ఉంటుంది అది ఇప్పుడు పేరు ఉంది. కాబట్టి మేము ఒక చిన్న సమస్య. మేము మా లుక్అప్ ఉపయోగించినప్పుడు, మేము ఏదో అది గుర్తు పాస్ అవసరం. మేము Microsoft కార్పొరేషన్ లుక్ ఏదో పాస్ కాదు. మేము MSFT పాస్ అవసరం. మేము HTML వ్రాస్తున్నప్పుడు, మేము మంచి అంతర్నిర్మిత లక్షణాలను కలిగి ఉన్నాము. ఒక ఒక ఒక href లేదా ఒక తరగతి సంబంధం ఉండవచ్చు. కానీ మాకు ఇప్పుడు అవసరం ఈ లింకులు ప్రతి ఉంది ఇది సంబంధం స్టాక్ చిహ్నం కలిగి. ఏ అంతర్నిర్మిత HTML గుణం స్టాక్ చిహ్నానికి ఉంటుంది కానీ అదృష్టవశాత్తూ, HTML5 మాకు మేము కావలసిన అని మా స్వంత లక్షణాల సృష్టించడానికి అనుమతిస్తుంది. డేటా-గుర్తు విధంగా, నేను ఒక కొత్త లక్షణం పరిచయం చేసాము దీని పేరు నేను తయారు, మరియు నేను ఈ డేటాను తో ముందుమాటగా ఎందుకంటే ఈ అవ్వదు. మేము ఇప్పుడు స్టాక్ నుండి చిహ్నం లోపల నిల్వ చూడాలని. ఏం అర్థం మేము కంపెనీ పేరు విలువ ప్రదర్శించడం ఉన్నప్పటికీ ఉంది మా స్వీయపూర్తి లోపలి మేము ఇప్పటికీ గుర్తు గుర్తు చేస్తున్నారు ప్రతి సంస్థ ముడిపడి ఉంటుంది. మేము ఆ చేయుచున్నారు విధంగా ఈ మూలకం యొక్క లోపల ఉంది. కాబట్టి మేము మరొక మార్పు అవసరం అర్థం. మేము ఇప్పుడు క్లిక్ చేసినప్పుడు, మేము నిజంగా మానవ లక్షణం యొక్క ప్రయోజనాన్ని అవసరం దాని విలువ కంటే. మేము తిరిగి అప్ ఉంటే, మేము సలహాలను ఒక సంఘటన హ్యాండ్లర్ జోడించండి. ఈ సూచనలు ఒకటి ఇప్పుడు క్లిక్ చేసినప్పుడు, నేను చేయాలని. నా చేయదలిచిన ఇన్పుట్ బాక్స్ విలువ మార్పు. ఇప్పుడు నేను ఈ అదే Val ఫంక్షన్ సెట్ చేయాలనుకుంటున్నారా. 

కాబట్టి ఏ వాదనలు లేకుండా ఈ Val ఫంక్షన్ టెక్స్ట్ బాక్స్ లో ఇప్పటికే మీకు తిరిగి, మీరు ఒక స్ట్రింగ్ ఇవ్వాలని, అది ఆ స్ట్రింగ్ తీసుకొని టెక్స్ట్ బాక్స్ ఉంచారు చెప్పారు. నేను అదే విధంగా దాని టెక్స్ట్ బాక్స్ ఎంచుకోవడం చేస్తున్నాను. ఇది యొక్క పేరు రూపం కోట్ యొక్క చిహ్నం లోపల ఉంది. ఇప్పుడు నేను గుణం డేటా-చిహ్నం యొక్క విలువ పంపడం చేస్తున్నాను. ఇక్కడ ఈ విషయం, ఈ $ (ఈ) కొత్త ఉంది. ఈ సూచిస్తుంది క్లిక్ అని మూలకం ఉంది. మేము ఒక క్లిక్ ఈవెంట్ అటాచ్ చేస్తున్నట్లు ఇక్కడ చూడగలరు వ్యక్తిగతంగా సలహా ఒక తరగతి ప్రతి అంశానికి. అయితే, మేము భిన్నంగా ఈ చిన్న సమీపించే చేస్తున్నారు. బదులుగా మేము చేసినప్పుడు ఈ సలహాలను DIV యొక్క ఏదైనా లోపల, చెబుతున్న దాన్ని ఇది గుర్తుంచుకోండి, ఆ జాబితా కోసం కంటైనర్ ఉంది ఈ DIV లోపలి ఏదో క్లిక్ మరియు సలహా ఒక తరగతి ఉన్నా, నేను ఈ సంఘటన కాల్పులు కావలసిన. నిజానికి ఈ మేము అర్థం మేము ఈ ఒకే ఈవెంట్ను హ్యాండ్లర్ మళ్లీ మళ్లీ ఉంది జాబితాలో అన్ని విషయాలను కోసం. కాబట్టి మేము మొదటి మూలకం కోసం ఒక ఈవెంట్ నిర్వహణ కలిగి లేదు రెండవ మూలకం కోసం మరియు ఒక భిన్నమైన సంఘటన నిర్వహణి. మేము బదులుగా "నేను ఒకే ఈవెంట్ను హ్యాండ్లర్ నా జాబితాలో ప్రతిదీ వర్తిస్తాయి కోరుకుంటున్నాను.", చెప్పగలదు కానీ మేము ఏదో క్లిక్ ఇది మూలకం తెలుసుకోవాలి. ఈ "ఈ" కీవర్డ్ కేవలం సూచిస్తుంది. ఇది యూజర్ క్లిక్ అని వస్తువు. నేను 3 వ లింక్ క్లిక్ చేస్తే, ఈ, ఆ 3 వ లింక్ మూలకం సూచిస్తుంది ఇది నేను దాని లక్షణం, డేటా గుర్తు, పొందవచ్చు అర్థం మేము మీకు ఇది నేను క్లిక్ కంపెనీ సంబంధం కలిగి గుర్తు కలిగి ఉంటుంది. మేము మా ఫైనాన్స్ పేజీకి తిరిగి వెళ్ళు, ఉంటే మేము ఇప్పుడు ఒకసారి నేను MSFT వంటి ఏదో టైప్ ప్రారంభించండి చూడగలరు మేము కేవలం స్టాక్ గుర్తులను చేస్తున్నారు ఇకపై మేము ఇప్పుడు అసలు సంస్థలు చేస్తున్నారు. కానీ నేను ఈ సంస్థలలో ఒకటిగా క్లిక్ చేసినప్పుడు, మేము సంస్థ పేరుతో మేము నిజంగా టెక్స్ట్ బాక్స్ లేదు populating చేస్తున్న చూడగలరు కానీ ఆ డేటా గుణాలను లోపల నిల్వ చేశారు ఏ తో. కాబట్టి నేను నిజంగా దీన్ని క్లిక్ చేయడం ద్వారా ఈ అంశాలలో ఒకటిగా తనిఖీ ఉంటే మరియు ఎలిమెంట్ ను పరిశీలించు క్లిక్, మేము నిజంగా ఈ వంటి ఉంటుందో మీరు చూడవచ్చు. 

ఈ మేము లూప్ ఆ లోపలి సృష్టించిన విషయం గుర్తుంచుకో మేము HTML యొక్క స్ట్రింగ్ ను నిర్మించడానికి సమయంలో. మేము ఈ డేటాను-గుర్తు గొప్ప ఇది MSFT, విలువ కలిగి ఇక్కడ చూడగలరు. అంటే ఆశించారు ఏమిటి. ఆ గుర్తు మరియు మనం ఉపయోగించడానికి అవసరం విలువ ఎలా ఉంది ఈ టెక్స్ట్ బాక్స్ లోపల. ఆ బోరింగ్ రకం ఎందుకంటే తగినంత కోట్ రూపం కోసం మాత్రమే. యొక్క మా పోర్ట్ఫోలియో పేజీకి కొన్ని శీఘ్ర మెరుగులను లెట్. మీరు కొంతకాలం CS50 ఫైనాన్స్ ఉపయోగిస్తారు మరియు ఉంటే, మీరు, స్టాక్స్ చాలా కొనుగోలు మరియు అమ్మకం ప్రారంభం చివరికి ఈ పట్టిక, అందంగా పెద్ద పొందడానికి అన్నారు మరియు మీరు కోర్సు యొక్క ను, మీరు చూడాలని. పట్టిక నిజంగా పెద్ద ఒకసారి, అది శోధించండి ప్రయత్నంలో యూజర్ చేయడానికి. నేను డిస్నీ వంటి ఏదో టైప్ చెయ్యడం ప్రారంభించండి ఉంటే శోధన బాక్స్ ఇన్సైడ్ మరియు నా మిక్కీ మౌస్ స్టాక్ వెతుకుతున్న, మేము పట్టిక ఇప్పుడు వడపోత అని చూడగలరు నేను సైన్ టైప్ ఆధారంగా ఈ కార్యాచరణ సూపర్ సంక్లిష్టంగా ఉంది, కానీ అది నిజంగా సులభం క్వెరీ మరియు జావాస్క్రిప్ట్ తో. ఈ portfolio.php ఫైలు portfolio.js అనే JavaScript ఫైల్ లేదు. యొక్క ఆ పరిశీలించి చూద్దాం. కాబట్టి html, JS, పోర్ట్ఫోలియో. మేము పట్టిక శోధించడం ఆ చేయుచున్నారు పేరు ఇక్కడ. నేను ఏమి చేయాలి మొదటి విషయం ఆ టెక్స్ట్ బాక్స్ కార్యక్రమం నిర్వహణ అటాచ్ ఉంది మేము మా వడపోత ఫంక్షన్ కాల్పులు కావలసిన తెలిసినందున ప్రతిసారీ యూజర్ యంత్రాలపై ఏదో మేము శోధన బటన్ కోసం సమయం లేదు. మేము చెయ్యాల్సిన మొదటి విషయం, వినియోగదారు శోధించే ఏమిటో విషయమేనా కేవలం వంటి మేము ముందు చేసాడు. ఈ కీవర్డ్ వినియోగదారు వ్యవహరిస్తునట్లు ప్రస్తుత మూలకం సూచిస్తుంది. 

యూజర్ శోధన బాక్స్ తో పరస్పర ఎందుకంటే, ఈ శోధన బాక్స్ సూచిస్తుంది $, కాబట్టి this.val యూజర్ ప్రస్తుతం టైప్ శోధన బాక్స్ లోపల మాకు ఇస్తుంది. కాబట్టి, ఇప్పుడు మేము మీరు ఏమి మేము అన్ని వరుసలను పైగా iterate మీరు ఉంది మా పట్టిక లోపల. మా పట్టిక అన్ని వరుసలను ఎంచుకునేందుకు, నేను, ఆ పట్టిక పట్టిక పోర్ట్ఫోలియో యొక్క ఒక ID ఇచ్చారు మరియు ప్రతి వరుస, ఒక TR మూలకం ప్రాతినిధ్యం వహిస్తుంది ఈ సెలెక్టర్ నాకు పెద్ద అర్రే తిరిగి వెళ్తున్నారు నా పట్టికలో అన్ని వరుసలను. ఇప్పుడు నేను ఆ శ్రేణి మీద iterate మీరు. నేను లూప్ మీరు ఒక, కానీ క్వెరీ వాస్తవానికి మాకు అని నైస్ ఫంక్షన్ అందిస్తుంది "ప్రతి." వాట్ ప్రతి చేస్తుంది, ప్రతి ఒక వాదన తీసుకుంటుంది మరియు ఆ వాదన క్రియ. ఏమి చేయాలో జరగబోతోంది ఈ జాబితాలో లోపల ప్రతి మూలకం ఆ ఫంక్షన్ దరఖాస్తు జరగబోతోంది ఉంది. ఈ ఫంక్షన్, ఇ అని ఒక వాదన పడుతుంది మరియు ఈ చర్య అమలు చేయబడినప్పుడు, ఈ ఇ, మొదటి వరుస భర్తీ అన్నారు రెండో వరుస, మరియు అప్పుడు మూడవ వరుస. ఈ మార్గం ద్వారా, ఈ లూప్ నడుస్తున్న అదే విషయం మరియు తర్వాత లూప్ మీ యొక్క ఇండెక్స్ లోపల ఆధారంగా ప్రస్తుత మూలకం ఇందుకు. ప్రతి పునరావృతం వద్ద, టేబుల్ లో ఈ అంశాలను ప్రతి, వరుస యొక్క లోపల సెల్ టెక్స్ట్ను - నేను మూలకం యొక్క టెక్స్ట్ లేదో తనిఖీ చేయడానికి ఎంచుకోండి - నేను శోధించడం నేను ఏమి సరిపోతుంది. ఆదేశాల ఈ పెద్ద దీర్ఘ స్ట్రింగ్ నేను ఎలా ఉంది. మొదటి, మళ్ళీ, ఈ ఇప్పుడు సూచిస్తుంది - అది ఒక న్యూ ఫంక్షన్ లోపలి ఎందుకంటే - ఈ ఇప్పుడు పట్టిక ప్రస్తుత వరుస ఉంది. నేను, టేబుల్ లో ప్రస్తుత వరుస తీసుకొవాలనుకోవటము మరియు నేను దాని పిల్లలు అన్ని పొందాలనుకోవడం. గుర్తుంచుకోండి, DOM, అధికార వృక్షం మూలకాల పిల్లలు ఉన్నాయి అర్థం. 

ఈ. పిల్లలు ఫంక్షన్ తిరిగి నాకు అన్ని మూలకాల యొక్క వ్యూహం తిరిగి వెళ్తున్నారు ఈ సందర్భంలో, టేబుల్ లో వరుసగా, పిల్లలు. ఇది కేవలం వరుస లోపలి కణాలను ఉంది. నేను మొదటి సెల్ శోధించండి మీరు. ఈ. మొదటి చర్య నాకు ఆ శ్రేణి లో మొదటి మూలకం ఇవ్వాలని అన్నారు. అప్పుడు టెక్స్ట్ను పనితనం సెల్ లోపల నాకు సరిగ్గా అదే అని అన్నారు నేను ఆ టెక్స్ట్ శోధించండి మీరు నుండి. చివరగా, ఇది చిన్న మీరు మార్చిన తెలియజేయండి కాబట్టి మేము టెక్స్ట్ కేసు కఠినమైన ప్రశ్నలు చేయవచ్చు. చివరగా, మేము పట్టిక లోపల స్ట్రింగ్ మేము శోధిస్తున్న స్ట్రింగ్ కలిగి ఉంటే చూడాలనుకుంటే. జావాస్క్రిప్ట్ లో indexOf ఫంక్షన్ ఆ చేస్తుంది. ఈ స్ట్రింగ్ మరొక స్ట్రింగ్ కలిగి లేదో మాకు చెబుతుంది. ఇది సెల్ నేను శోధించడం నేను ఏమి కలిగి వాస్తవం ఉంటే, అప్పుడు నేను చూపిన చేసే నిర్ధారించుకోవాలి. ప్రదర్శన పద్ధతి "మూలకం చూపించు.", అని అడుగుతారు ఈ సందర్భంలో లేకపోతే, అప్పుడు ఆ నేను కలిగి లేదు శోధించడం నేను ఏ అర్థం ఆ వరుసలో వున్న నేను దాచాలనుకుంటున్నారా అందువల్ల వినియోగదారుడు నుండి. ఇకపై పూర్తి పట్టిక చూసే ఆ nice వడపోత ప్రభావం సాధిస్తుంది. మీరు అలాగే, ఈ టిక్కర్ ఏ విధంగా ఆసక్తి ఉంటే మేము ఆన్లైన్ సోర్స్ పోస్ట్ చేస్తాము. కానీ నిజానికి అది సులభం. క్వెరీ ఈ యానిమేషన్లు మరియు మానిప్యులేట్ CSS లక్షణాలు కోసం అద్భుతమైన పద్ధతులు ఉన్నాయి. కాబట్టి, అది నాకు ఉంది. 

ఏ అప్పుడు ముందుకు ఉంది? మీరు కొన్ని రోజుల్లో చూస్తారు వంటి, చివరి ప్రాజెక్టులు ప్రతిపాదన కారణం. చివరి ప్రాజెక్టులు ప్రతిపాదన, మీరు కొన్ని ప్రశ్నలను అడుగుతాము కానీ వాటిలో మూడు మైలురాళ్ళు ఉంటుంది - ఒక "మంచి" మైలురాయిగా ఒక మంచి మైలురాయి, మరియు ఒక ఉత్తమ. మీరు అబ్బాయిలు సహాయం నిజంగా ఉండటం ఆలోచన మీ అంచనాలను సెట్ కాబట్టి తక్కువ మీరు మీ చివరి ప్రాజెక్టు ఉత్పాదక ఆనందంగా ఉంటుంది ఆ మరియు అది ఇప్పటివరకు మీరు సంబంధించిన "మంచి" ఉంటుంది. కానీ మీరు ఏదో కేవలం కొద్దిగా చేరుకోవడానికి పొందడానికి ఆసక్తి మంచి లేదా ఉత్తమ ఏదో, మేము కూడా అలాగే ఆ వైపు మీరు పుష్ యొక్క క్రమం చేస్తాము. CS50 హాక్-a-థోన్ అదే సమయంలో, కొన్ని వారాల ఉంది. సాధారణంగా, మేము ఇది ఆసక్తి కలిగించడానికి లాటరీ ఆధారంగా ఆధారంగా దీన్ని, కానీ అసమానత మేము హార్వర్డ్ స్క్వేర్ నుండి షటిల్ బస్సులు లో మాకు కొన్ని వందల తీసుకొని వెళ్తాము ఉంటాయి డౌన్ Microsoft సముచితంగా "తానే చెప్పుకున్నట్టూ" అనే అందమైన సౌకర్యం కలిగి ఉన్న కెనడాల్ స్క్వేర్ కు - న్యూ ఇంగ్లాండ్ పరిశోధన మరియు అభివృద్ధి కేంద్రం. మేము 8 pm చుట్టూ మేము కొన్ని ఆహార ఉంటుంది అక్కడ పొందుతారు. 1 a.m. చుట్టూ మేము కొన్ని మరింత ఆహారం ఉంటుంది. చుట్టూ 5 మీరు మేల్కొని ఉంటే మేము క్యాంపస్ మిమ్మల్ని IHOP లేదా తీసుకోవాలని పైగా తలనొప్పి చేస్తాము am. అక్కడ లక్ష్యం చివరి ప్రాజెక్టులు ప్రవేశిస్తాడు ఉంది సహచరులు మరియు సిబ్బంది యొక్క నటించారు. అప్పుడు కొన్ని రోజుల తరువాత CS50 ఫెయిర్ ఉంది మీరు అబ్బాయిలు మీ పని ప్రదర్శించడానికి కోసం ఇది నిజంగా ఒక అవకాశం అని అర్థం సెమిస్టర్ మరియు సాధనలు ప్రతి ఇతర తో భుజాలు రుద్దడం మరియు ప్రతి ఒక్కరూ ఏమి జ్ఞానాన్ని పొందడానికి అయితే. అని తో, టామీ మరియు జోసెఫ్ కు చాలా ధన్యవాదాలు, మరియు మేము సోమవారం మీరు చూస్తారు.  [చప్పట్లు]