1 00:00:00,000 --> 00:00:02,700 [Powered by Google Translate] [వీక్ 9, కంటిన్యూడ్] 2 00:00:02,700 --> 00:00:05,160 [డేవిడ్ J. మలన్ - హార్వర్డ్ యూనివర్శిటీ] 3 00:00:05,160 --> 00:00:07,020 [ఈ CS50 ఉంది. - CS50.TV] 4 00:00:07,940 --> 00:00:13,340 >> ఈ CS50 ఉంది. ఈ వారం 9 ముగింపు. చాలా ధన్యవాదాలు. 5 00:00:13,340 --> 00:00:15,310 చివరగా. వీక్ 9. నేను అర్థం చేసుకున్నాను. 6 00:00:15,310 --> 00:00:18,590 ఈ రోజు మనం వెబ్ ప్రోగ్రామింగ్ గురించి మా సంభాషణ కొనసాగుతుంది 7 00:00:18,590 --> 00:00:21,660 చివరి ప్రాజెక్టు వైపు ఒక కన్ను, మీరు వెబ్ ఆధారిత ఏదో ఒకటి లేదు ఎందుకంటే 8 00:00:21,660 --> 00:00:25,610 చివరి ప్రాజెక్టులకు కానీ చివరి ప్రాజెక్టులకు గాని లేదా CS50 తర్వాత 9 00:00:25,610 --> 00:00:29,000 ఈ ఖచ్చితంగా ఆధునిక సాఫ్ట్వేర్ అన్నారు దీనిలో దిశలో ఉంది. 10 00:00:29,000 --> 00:00:31,770 మరియు ఇంకా ఇది నిజానికి ఒక సులభమైన విషయం కాదు. 11 00:00:31,770 --> 00:00:35,040 నిజానికి, చేయడానికి కష్టతరమైన విషయాలు ఒకటి డిజైన్ అంశం. 12 00:00:35,040 --> 00:00:38,600 >> ఉదాహరణకు, డిజైన్ ద్వారా మేము నిజంగా యూజర్ ఇంటర్ఫేస్ పొందడానికి అర్ధం 13 00:00:38,600 --> 00:00:40,420 లేదా యూజర్ అనుభవాన్ని కుడి. 14 00:00:40,420 --> 00:00:43,200 విశ్వసించుటకు సిద్ధంగానుండు నేను - మరియు మేము ఇటీవల సమస్య సెట్ తెలిసిన 15 00:00:43,200 --> 00:00:45,960 మీరు కొన్ని సాఫ్ట్వేర్ కొన్ని ముక్క గురించి మీ బిగబట్టినట్లు నొప్పులు ప్రసారం చేసినప్పుడు 16 00:00:45,960 --> 00:00:49,000 లేదా హార్డ్వేర్ క్యాంపస్ లేదా ఆఫ్ లేదో మీరు infuriates ఆ - 17 00:00:49,000 --> 00:00:51,930 అక్కడ సైట్లు చాలా ఉన్నాయి, హార్డ్ వేర్ చాలా అక్కడ ఉంది 18 00:00:51,930 --> 00:00:53,900 ఆ రకమైన సక్స్. 19 00:00:53,900 --> 00:00:58,730 అయితే వాస్తవికత ఇంకా ఉపయోగించడానికి సులభం తయారుచేస్తాను అయితే శక్తివంతమైన అని ఉంది 20 00:00:58,730 --> 00:01:00,550 చాలా క్లిష్టమైన సవాలు. 21 00:01:00,550 --> 00:01:03,680 కనుక ఈ రోజు నేను జోసెఫ్ మరియు టామీ ఇక్కడ నన్ను చేరమని అడిగినట్లు 22 00:01:03,680 --> 00:01:06,680 మేము ఒక సంభాషణ కలిగి ఉంటాడు, ఇద్దరూ డిజైన్ 23 00:01:06,680 --> 00:01:09,090 ఏ ఆలోచనా ప్రక్రియల యొక్క రకాల మీ తల ద్వారా వెళ్లి ప్రారంభం కావాలి 24 00:01:09,090 --> 00:01:12,040 మీరు మీ చివరి ప్రాజెక్టులు రూపకల్పన, మీ భవిష్యత్తు ప్రయత్నాలను. 25 00:01:12,040 --> 00:01:15,040 మరియు టామీ యొక్క సహాయంతో మేము అమలు వివరాలు కొన్ని వద్ద పరిశీలిస్తాము. 26 00:01:15,040 --> 00:01:18,440 ఎలా మీరు కాగితంపై లేదా మీ దృష్టిలో కొన్ని దృష్టి కలిగి 27 00:01:18,440 --> 00:01:20,760 మీరు programmatically అమలు చేయగల 28 00:01:20,760 --> 00:01:24,030 టెక్నాలజీ మరియు పద్ధతులు కొన్ని ఉపయోగించి మనం కేవలం గురించి మాట్లాడటం మొదలుపెట్టాడు చేసిన 29 00:01:24,030 --> 00:01:29,080 అవి JavaScript మరియు AJAX, అసమకాలిక JavaScript అవి కూడా కొత్త ఏదో. 30 00:01:29,080 --> 00:01:32,950 మీరు ఒక వినియోగదారు ఇంటర్ఫేస్ యొక్క అన్ని మరింత డైనమిక్ సృష్టించడానికి అనుమతిస్తుంది 31 00:01:32,950 --> 00:01:35,780 ఒక సర్వర్ నుండి క్రమంగా మరింత డేటా పొందడంలో ద్వారా. 32 00:01:35,780 --> 00:01:38,560 కాబట్టి మేము ఈ రోజు కూడా ఆ స్నిప్పెట్లను యొక్క కొన్ని చూస్తారు. 33 00:01:38,560 --> 00:01:41,800 ఒక పక్కన, మీరు కంప్యూటర్ సైన్స్ లో సాంద్రీకృత ఆసక్తి ఉంటే 34 00:01:41,800 --> 00:01:45,010 లేదా కంప్యూటర్ సైన్స్ లో minoring, తెలిసిన మధ్యాహ్నం ఈ శుక్రవారం 35 00:01:45,010 --> 00:01:48,750 మాక్స్వెల్ డ్వోర్కిన్ 221 లో ఒక పిజ్జా ఈవెంట్ ఉంటుంది 36 00:01:48,750 --> 00:01:50,780 మీరు కంప్యూటర్ సైన్స్ గురించి కొంచెం మరింత తెలుసుకోవచ్చు. 37 00:01:50,780 --> 00:01:54,860 తలుపు అవుట్ మీ మార్గం నేడు మీరు హార్వర్డ్ వద్ద CS ఒక అనధికారిక గైడ్ ఎంచుకొని చేయగలరు. 38 00:01:54,860 --> 00:01:57,290 మేము నడుము ఎత్తులో బయట చెత్త డబ్బాలు మీద ఉంచుతాము 39 00:01:57,290 --> 00:01:59,750 తద్వారా మీరు ఈ పట్టుకోడానికి మరియు CS గురించి కొంచెం మరింత తెలుసుకోవడానికి చెయ్యాలనుకుంటే, 40 00:01:59,750 --> 00:02:02,480 ఇది వారం 0 లో ఆ మీరు ఉంటుంది. 41 00:02:02,480 --> 00:02:06,500 మీరు 1:15 pm ఈ శుక్రవారం CS50 భోజనం కోసం మాకు చేరదలిచారా కూడా ఉంటే, 42 00:02:06,500 --> 00:02:09,800 cs50.net/lunch వెళ్ళండి. 43 00:02:09,800 --> 00:02:13,260 మరింత ఆలస్యం లేకుండా, నేను మీరు టీచింగ్ తోటి జోసెఫ్ వోంగ్ ఇస్తాయి. 44 00:02:13,260 --> 00:02:19,190 హాయ్. [చప్పట్లు] 45 00:02:19,190 --> 00:02:20,770 ధన్యవాదాలు. 46 00:02:20,770 --> 00:02:24,780 నేను డిజైన్ నేర్చుకున్న మొదటి సారి CS179 అని ఇక్కడ ఒక తరగతి లో. 47 00:02:24,780 --> 00:02:28,040 >> సమయంలో ప్రొఫెసర్ మాకు మరొక ప్రొఫెసర్ గురించి కథ చెప్పాడు 48 00:02:28,040 --> 00:02:31,640 ఒక హోటల్ వెళ్లి మరియు FAUCETS ఉపయోగించాడు. 49 00:02:31,640 --> 00:02:35,630 ఎవరైనా ఎడమ ఏమి 2 గుబ్బలు చెప్పు మరియు కుడి చేయగలరు? 50 00:02:35,630 --> 00:02:39,080 [విద్యార్థి] వేడి మరియు చల్లని. >> వేడి మరియు చల్లని. గుడ్. 51 00:02:39,080 --> 00:02:41,430 మీరు సాధారణంగా ఆశించిన ఏమి, కుడి? 52 00:02:41,430 --> 00:02:46,960 పీపాలో నుంచి నీళ్లు బయిటికి రావడమునకు వేసివుండే చిన్న గొట్టము ఉపయోగించి తర్వాత ఈ ప్రొఫెసర్ ఒక షవర్ పడుతుంది చేయాలనుకుంటున్నారు మరియు అతను ఈ ఉపయోగించడానికి ప్రయత్నిస్తుంది. 53 00:02:46,960 --> 00:02:51,310 అతను ఎడమ భావిస్తాడు మరియు కుడి భుజాలు లంబ, వేడి మరియు చల్లని కోసం? 54 00:02:51,310 --> 00:02:55,470 కానీ ఎవరైనా నన్ను ఈ వాస్తవానికి ఏమి చెబుతారా? 55 00:02:55,470 --> 00:02:58,060 ఏదైనా చేతులు? 56 00:02:58,060 --> 00:03:01,740 [వినబడని విద్యార్థి ప్రతిస్పందన] >> ఒక సలహా ఉంది? 57 00:03:01,740 --> 00:03:05,860 [వినబడని విద్యార్థి ప్రతిస్పందన] >> ఉష్ణోగ్రత? 58 00:03:05,860 --> 00:03:10,460 కాబట్టి వాటిని ఒకటి ఉష్ణోగ్రత మరియు ఇతర నియంత్రణలను నియంత్రిస్తుంది? >> [విద్యార్థి] నీరు ఒత్తిడి. 59 00:03:10,460 --> 00:03:12,350 నీరు ఒత్తిడి. గుడ్. 60 00:03:12,350 --> 00:03:15,100 ఈ ప్రొఫెసర్ ఈ లోనికి ప్రవేశిస్తాడు మరియు, వారు వేడి మరియు చల్లని నియంత్రించడంలో ఉంటాయి ఆలోచిస్తూ 61 00:03:15,100 --> 00:03:21,470 అతను వేడి, అన్ని మార్గం అప్ కోసం భావించిన ఇది సరైన, మారుతుంది 62 00:03:21,470 --> 00:03:23,560 అతను ఒక వెచ్చని షవర్ పడుతుంది చేయాలనుకుంటున్నారు కనుక. 63 00:03:23,560 --> 00:03:28,100 Well, ఈ నిజంగా మ్యాచ్ కాకపోవడం, అందువలన అతను ఈ చాలా సరదాగా లేదు అనుభవం గెట్స్ 64 00:03:28,100 --> 00:03:31,110 ఒక కోల్డ్ షవర్ లో, మరియు మేము ఆ అనుకుని తెలుసు. 65 00:03:31,110 --> 00:03:33,620 ఈ రూపకల్పన లోపం యొక్క ఒక ఉదాహరణ. 66 00:03:33,620 --> 00:03:37,040 ఆ పీపాలో నుంచి నీళ్లు బయిటికి రావడమునకు వేసివుండే చిన్న గొట్టము నుండి నిరీక్షణ ఉంది ద్వారా వాట్ ఐ మీన్ 67 00:03:37,040 --> 00:03:39,420 షవర్ నుండి వచ్చిన సరిపోలడం లేదు, 68 00:03:39,420 --> 00:03:41,780 అతని కోసం దురదృష్టకరమైన రకం ఇది. 69 00:03:41,780 --> 00:03:44,990 కాబట్టి ఈ నిజ జీవితంలో జరిగే ఒక నమూనా లోపం యొక్క ఒక ఉదాహరణ. 70 00:03:44,990 --> 00:03:48,020 కానీ మేము అలాగే ఇతర వాటిని అన్ని రకాల చూడండి. 71 00:03:48,020 --> 00:03:50,390 మేము బహుశా MBTA వ్యవస్థ యొక్క అభిమానులు లేదు. 72 00:03:50,390 --> 00:03:55,560 ఈ అన్నారు ఇది లండన్ లో అసలైన సబ్వే సిస్టమ్, "ఇది బటన్ ఉపయోగంలో కాదు." 73 00:03:55,560 --> 00:04:00,220 ఎందుకు అది కూడా ఉంది? ఎందుకు మేము కూడా శ్రద్ధ లేదు? 74 00:04:00,220 --> 00:04:02,810 నేను చిన్నప్పుడు, ఇంట్లో TECH అవగాహన ఒకటిగా, ఉన్నప్పుడు 75 00:04:02,810 --> 00:04:05,050 కంప్యూటర్ క్రాష్ చేస్తుంది చేసినప్పుడు, నా తల్లి, నాకు వస్తాయి 76 00:04:05,050 --> 00:04:07,060 ఈ తెర చూపిస్తున్న నాకు అడుగుతూ ఏమి. 77 00:04:07,060 --> 00:04:09,210 >> కూడా నేను ఈ అర్థం ఏమి లేదు. 78 00:04:11,890 --> 00:04:14,700 [నవ్వు] ఏమిటి? 79 00:04:16,950 --> 00:04:18,019 [నవ్వు] 80 00:04:18,720 --> 00:04:23,050 కొన్నిసార్లు మేము సాఫ్ట్వేర్ డెవలపర్లు భావిస్తాను కేవలం ట్రాలింగ్ మాకు ఉన్నాయి. 81 00:04:23,050 --> 00:04:28,460 వినియోగదారులు మేము వంటి చేస్తున్నపుడు "ఏమి జరుగుతుందో? ఎవరో మాకు చెప్పండి." 82 00:04:28,460 --> 00:04:32,140 ఈ అన్ని డిజైన్ యొక్క ఒక సంచికలో కూడినది. 83 00:04:32,140 --> 00:04:34,650 డిజైన్, మేము గమనిస్తే,, అలంకారం గురించి పూర్తిగా కాదు 84 00:04:34,650 --> 00:04:37,230 అది విషయాలను ఇలా గురించి కాదు. 85 00:04:37,230 --> 00:04:41,720 మేము ఈ పాప్ అప్ ఇక్కడ మీద కొంచం నిజానికి చాలా మంచి కనిపించే ఇక్కడ చూడండి. 86 00:04:41,720 --> 00:04:45,290 ఇది నేపథ్యంలో డ్రాప్ షాడో ఉంది, అది జరగబోతోంది సరిహద్దు radiuses ఉంది. 87 00:04:45,290 --> 00:04:47,550 ఇది చాలా యొక్క ఉంటాము. 88 00:04:47,550 --> 00:04:51,480 ఇది చాలా యూజర్ ఫ్రెండ్లీ కాదు ఎందుకంటే ఇది బాగా రూపకల్పన కాదు. 89 00:04:51,480 --> 00:04:54,920 వచ్చి ఆ పాప్ అప్ చిన్న నన్ను ఏ సమాచారం ఉండదు 90 00:04:54,920 --> 00:04:58,450 ఏమి గురించి, అది వినియోగదారు నన్ను ఏదైనా చెప్పడు 91 00:04:58,450 --> 00:05:01,400 ఆ లోపం నుండి తిరిగి ఎలా. 92 00:05:01,400 --> 00:05:05,190 మేము డిజైన్ కాదు విషయాల గురించి ఆలోచించడం కావలసిన. 93 00:05:05,190 --> 00:05:06,670 మొదటి, ఇది సౌందర్యం కాదు. 94 00:05:06,670 --> 00:05:10,800 ఇది కూడా అనవసరం కార్యాచరణ యొక్క టన్నుల మీ అనువర్తనం కూరటానికి కాదు. 95 00:05:10,800 --> 00:05:14,890 మీరు ఒక థాయ్ రెస్టారెంట్, మీరు బహుశా అదే సమయంలో ఒక దంతవైద్యుడు ఉండాలనుకుంటున్నాను లేదు. 96 00:05:14,890 --> 00:05:17,720 మరియు Facebook ప్రశ్నలతో, అనేక మంది ఉపయోగించారు కాదు 97 00:05:17,720 --> 00:05:21,130 మరియు వారు నిర్మించారు ఏమి కోర్ వద్ద నిజంగా కాదు. 98 00:05:21,130 --> 00:05:24,200 మరియు అందువలన చాలా విషయాలను పరిమాణం లేదు గురించి ఆలోచించటం మంచిది 99 00:05:24,200 --> 00:05:26,390 మీరు మీ అప్లికేషన్ కానీ నాణ్యత ఉంచడం చేస్తున్న 100 00:05:26,390 --> 00:05:28,910 మరియు ఎలా మీరు బాగా ఆ యూజర్ అనుభవాన్ని చేస్తున్న 101 00:05:28,910 --> 00:05:32,540 ద్వారా వాస్తవానికి మీరు ఇప్పటికే ఏమి మీద అభివృద్ధి. 102 00:05:32,540 --> 00:05:37,040 >> క్లుప్తంగా, రూపకల్పన మేము నిర్మించడం ఏ మాకు చెబుతుంది. 103 00:05:37,040 --> 00:05:41,950 ఉదాహరణకు, మాకు విషయాలు పైకి శోధించు అనుమతించే ఏదో నిర్మించడం చేస్తుంటే, 104 00:05:41,950 --> 00:05:45,970 Google వంటి ఉదాహరణకు, మేము ఒక పద్ధతిలో పనులు చేయాలి 105 00:05:45,970 --> 00:05:48,950 ఆ, వినియోగదారు అవి ఏమి చెయ్యడానికి క్లిక్ మా పాటించాల్సిన అవసరం 106 00:05:48,950 --> 00:05:52,580 లేదా మేము Google తక్షణ లేదా స్వీయపూర్తి తో, ఉదాహరణకు, ఒక విధంగా అది చెయ్యాలి 107 00:05:52,580 --> 00:05:54,970 మాకు మా ఫలితాలు వేగంగా మీకు వీలు కల్పిస్తుంది? 108 00:05:54,970 --> 00:05:58,740 టామీ వాస్తవానికి దీనిని నిర్మించాలని, మీరు నచ్చిన ఇంజనీరింగ్, ఉంటుంది. 109 00:05:58,740 --> 00:06:01,890 డిజైన్ రకాలు మా ఉన్నాయి. 110 00:06:01,890 --> 00:06:06,070 ఉదాహరణకు, మీరు ఏదో నిర్మించడానికి మీరు ఏదో విస్తరించడానికి 111 00:06:06,070 --> 00:06:09,770 విద్యుత్చక్తి లేదా ఎక్కువ సాంకేతికత లేదు పేరు ఒక మూడవ ప్రపంచ దేశం లో, 112 00:06:09,770 --> 00:06:11,440 మీరు నిర్మించడం ఏమి రూపొందించడానికి కలిగి 113 00:06:11,440 --> 00:06:14,210 సులభంగా అక్కడ ప్రజలు అందుబాటును ఇస్తుంది విధంగా. 114 00:06:14,210 --> 00:06:18,290 కానీ ఇతర నిర్మాణాల నిర్ణయాలు ఎటువంటి ఉండవచ్చు ఏమి 115 00:06:18,290 --> 00:06:21,850 లేదా ఈ వంటి ఏదో ప్రమేయం ఉండవచ్చు? 116 00:06:23,690 --> 00:06:25,660 అవును. నేను ఒక చేతి చూడండి. 117 00:06:25,660 --> 00:06:37,200 [వినబడని విద్యార్థి ప్రతిస్పందన] >> కుడి. సరిగ్గా. యాక్సెసిబిలిటీ ఒక విషయం ఉంది. 118 00:06:37,200 --> 00:06:40,870 మంది "నా వినియోగదారులు గురించి?", గురించి భావించడం లేదు 119 00:06:40,870 --> 00:06:43,160 గాని స్పెక్ట్రం యొక్క విపరీతాలు ఇష్టపడుతున్నారు. 120 00:06:43,160 --> 00:06:47,770 నేను గురించి ఆలోచించడం లేదు అని వైకల్యాలు కలిగి ఉండవచ్చు వినియోగదారులకు కలిగి 121 00:06:47,770 --> 00:06:50,590 మరియు నేను సాధారణ వినియోగదారు కోసం రూపకల్పన గురించి ఆలోచిస్తున్నాను. 122 00:06:50,590 --> 00:06:52,630 ఇంటర్నెట్ ఈనాడు ప్రతి ఒక్కరికీ అందుబాటులో ఉంది 123 00:06:52,630 --> 00:06:54,870 మరియు నేను అదే ఆ వ్యక్తుల కోసం రూపకల్పన చేయాలి. 124 00:06:54,870 --> 00:06:58,620 మీరు ఏ ఇతర నిర్మాణాల నిర్ణయాలు ఎటువంటి సంపాదించగలరు? 125 00:06:58,620 --> 00:07:00,690 అవును. >> [విద్యార్థి] కాస్ట్. 126 00:07:00,690 --> 00:07:02,680 ఖర్చు. చాలా మంచి. 127 00:07:02,680 --> 00:07:08,060 మేము మా రూపకల్పన నిర్ణయాలను పునాది ఉండవచ్చు మరొక విషయం ఖర్చవుతుంది. 128 00:07:08,060 --> 00:07:13,130 మేము ఒక వ్యాపార, మీరు ఉత్పత్తి ఖర్చు పరిగణించటం లేదని ఏదో నిర్మించడానికి కావలసిన 129 00:07:13,130 --> 00:07:17,720 కానీ ముఖ్యంగా అధిక ధర వద్ద విక్రయించడం లేదా మాకు కొన్ని లాభం పొందవచ్చు. 130 00:07:17,720 --> 00:07:21,540 >> ఈ నమూనా యొక్క అన్ని రకాల, కానీ ఇంటర్నెట్ లో ఏదో నిర్మించడం చేసినప్పుడు 131 00:07:21,540 --> 00:07:25,120 లేదా మేము బహుశా ఇప్పుడు నిర్మించటానికి ఎక్కువ ఖర్చు లేదు ఏదో నిర్మించడం చేసినప్పుడు, 132 00:07:25,120 --> 00:07:28,630 ఇంటర్నెట్ అప్లికేషన్స్ - మీరు దీనిని ఎక్కువగా రాజధాని విసిరే లేదు 133 00:07:28,630 --> 00:07:30,900 వాస్తవానికి పని ఏదో చేయడానికి - 134 00:07:30,900 --> 00:07:33,490 మనం గురించి మరింత కలత ఉన్నారు యూజర్ అనుభవం ఉంది. 135 00:07:33,490 --> 00:07:36,390 మేము ఈ యూజర్ కేంద్రీకృతమైన కాల్. 136 00:07:36,390 --> 00:07:41,550 ముఖ్యంగా ఏ యూజర్ కేంద్రీకృతమైన ఉంటుంది మీ వినియోగదారుల బూట్లు లో నిన్ను నీవు తెస్తున్నాయి. 137 00:07:41,550 --> 00:07:44,870 నేను నిర్మించడం నేను ఏమి కోసం ఎవరైనా సైన్ అప్ ఉంటే, 138 00:07:44,870 --> 00:07:48,250 వారు సహజంగా, మనసులో ఒక గోల్ నా ప్రత్యేక అప్లికేషన్ వచ్చి 139 00:07:48,250 --> 00:07:50,280 ఒక పనిని వారు పూర్తి చేయాలనుకుంటున్నాను. 140 00:07:50,280 --> 00:07:53,650 మరియు మీ ఉద్యోగం వారిని ఆ పని పూర్తి సహాయం మాత్రమే కాదు 141 00:07:53,650 --> 00:07:57,930 కానీ వాటిని సులభంగా, సమర్థవంతంగా ఒక పద్ధతిలో ఆ పని పూర్తి సహాయం, 142 00:07:57,930 --> 00:08:01,900 మరియు, కొన్ని వ్యక్తి అక్కడ అన్నాడు, అందుబాటులో. 143 00:08:01,900 --> 00:08:03,750 సామర్థ్యం శతకము 144 00:08:03,750 --> 00:08:08,050 సామర్థ్యం ఎంత త్వరగా నా వినియోగదారు నా ఇంటర్ఫేస్ ఇచ్చిన పని పూర్తి లేదు అని అర్థం. 145 00:08:08,050 --> 00:08:11,650 వాటిని ఒకే చోట నుండి ఇతర చెయ్యడానికి ఇది క్లిక్ మా పడుతుంది? 146 00:08:11,650 --> 00:08:14,630 ఇది చాలా కష్టంతో కూడుకున్నది? వారు పునరావృత కార్యాలను మా నిర్వహించడానికి ఉందా? 147 00:08:14,630 --> 00:08:17,140 మేము సాధ్యమైనంత సమర్ధంగా ఆ ప్రక్రియ అనుకున్న 148 00:08:17,140 --> 00:08:20,070 కాబట్టి వారు ఇలాంటి విధమైన చేయడానికి లేదు. 149 00:08:20,070 --> 00:08:24,230 ఒక వినియోగదారు నా ఇంటర్ఫేస్ చూస్తుంది ఉంటే intuitiveness కొరకు, ఆ, ఉదాహరణకు,, 150 00:08:24,230 --> 00:08:27,240 వాటిని ప్రాంతాల్లో చెయ్యడానికి కోసం సులభం? 151 00:08:27,240 --> 00:08:30,390 వాటిని వారు నా ఇంటర్ఫేస్ క్లిక్ చేయండి విషయాన్ని గుర్తించడానికి ఇది సులభం 152 00:08:30,390 --> 00:08:33,770 వీరిని కోసం వారు సాధించిన కావలసిన గోల్ లేదా విధి సాధించడానికి? 153 00:08:33,770 --> 00:08:37,520 >> ఒక వ్యక్తి అక్కడ చెప్పారు మరియు చివరకు, సౌలభ్యాన్ని చాలా ముఖ్యం. 154 00:08:37,520 --> 00:08:39,640 [పురుషుడు స్పీకర్] ఇది దృష్టి అంశాలని అందుబాటులో వచ్చింది, 155 00:08:39,640 --> 00:08:42,740 నిజానికి బ్లైండ్ ఎవరైనా ఏదో రూపకల్పన ఎలా అనుకుంటున్నారా? 156 00:08:42,740 --> 00:08:46,460 ఓహ్. అన్ని వద్ద చూడండి ప్రజలను కోసం, మేము ల అని ఏదో ఉంది. 157 00:08:46,460 --> 00:08:49,070 మీరు ఏమి చేయాలి మీరు విధంగా మీ వెబ్ సైట్ నిర్మించడానికి ఉండాలి 158 00:08:49,070 --> 00:08:52,020 ఆ, ఉదాహరణకు, కాల్ ఏమి ప్రత్యేక TECHNOLOGIES - 159 00:08:52,020 --> 00:08:53,590 ఇప్పుడు విషయాలను మా ఉన్నాయి. 160 00:08:53,590 --> 00:08:55,660 నేను JAWS అని ల అక్కడ ఉన్నాయి. 161 00:08:55,660 --> 00:08:58,410 ఈ విషయాలు చాలా మేము ప్రాంతం నియమాలు కాల్ ఏం ఆధారపడతాయి 162 00:08:58,410 --> 00:09:02,010 పేజీలో ఉంది ఏమి వినియోగదారుకు చదివి చేయడానికి. 163 00:09:02,010 --> 00:09:05,480 చూడలేరు చేసే వ్యక్తులు, మీరు నిర్ధారించుకోవాలనుకుంటున్నాము ఈ ల 164 00:09:05,480 --> 00:09:09,130 వాస్తవానికి పేజీలోని కంటెంట్ ఆగిన చోటు మరియు వాస్తవంగా మీ వినియోగదారులు చూపుతుంది, 165 00:09:09,130 --> 00:09:13,630 మీరు చూడలేకపోతే, కనీసం మీరు పేజీలోని కంటెంట్ అర్ధం చేసుకోగలరు. 166 00:09:13,630 --> 00:09:16,190 అవును. సరే. 167 00:09:16,190 --> 00:09:23,410 గుడ్ ఇనఫ్ డిజైన్ గురించి మాట్లాడటం. చెడు డిజైన్ గురించి మాట్లాడటం యొక్క లెట్. 168 00:09:23,410 --> 00:09:25,220 ఈ మీరు అలా చేయాలి విషయాలు ఇక్కడ ఉన్నాయి. 169 00:09:25,220 --> 00:09:27,890 ఎవరైనా క్రెయిగ్స్ జాబితా తమ అనుభవాలను గురించి చెప్పండి కాదు 170 00:09:27,890 --> 00:09:32,190 మరియు వారు భావించే ఈ డిజైన్ గురించి చాలా గొప్పది కాదు? 171 00:09:33,690 --> 00:09:36,430 అవును. >> [విద్యార్థి] నేను చాలా పదాలు ఒక ప్రాంతంలో ఉందని నేను అనుకుంటున్నాను. 172 00:09:36,430 --> 00:09:39,350 చాలా పదాలు, కుడి? పూర్తిగా అధిక. 173 00:09:39,350 --> 00:09:42,400 మీరు ఈ పేజీకి వచ్చి మీరు ఇక్కడ విషయాలు మొత్తం బంచ్ పలకరించింది చేస్తున్నారు 174 00:09:42,400 --> 00:09:43,860 కూడా మీకు సంబంధించిన కాదు. 175 00:09:43,860 --> 00:09:47,010 ఉదాహరణకు, మీరు ఈ అక్షరంతో ప్రారంభం కాదు ఒక రాష్ట్రం నివసిస్తున్నారు. 176 00:09:47,010 --> 00:09:48,690 మీరు టెక్సాస్ లేదా ఏదో నివసిస్తున్నారు చెప్పారు. 177 00:09:48,690 --> 00:09:53,790 >> మీరు ఉన్నారు నగర చెయ్యడానికి పేజీ డౌన్ వెళ్లే స్క్రోల్ ఉంటుంది. 178 00:09:53,790 --> 00:10:00,320 నేను బోస్టన్ నుండి ఉన్నాను, కాబట్టి నన్ను మసాచుసెట్స్ లో చూద్దాం. మసాచుసెట్స్ ఎక్కడ ఉంది? 179 00:10:00,320 --> 00:10:03,270 ఓహ్, ఇది కుడి ఇక్కడ ఉన్నారు. ఓహ్, ఇది బోస్టన్ యొక్క. సరే. 180 00:10:03,270 --> 00:10:09,070 యొక్క బోస్టన్ చూద్దాం. [నవ్వు] 181 00:10:09,070 --> 00:10:12,250 ప్రెట్టీ అధిక, కుడి? 182 00:10:12,250 --> 00:10:16,400 అక్కడ ఇబ్బందికరమైన విషయాలు. [నవ్వు] 183 00:10:17,320 --> 00:10:19,470 లెట్ యొక్క నేను బ్రతకాలని ఎక్కడో కోసం చూస్తున్నాను అంటున్నారు. 184 00:10:19,470 --> 00:10:24,130 ఎంత మంది నిజంగా క్రెయిగ్స్ జాబితా ఉపయోగించారు? మీరు టన్నుల. 185 00:10:24,130 --> 00:10:30,960 ఈ దృష్టి, కానీ యొక్క ఈ చూద్దాం కు అందంగా చెడు మార్గాలు ఉన్నాయి. 186 00:10:35,130 --> 00:10:38,970 Img మరియు pic మధ్య తేడా ఏమిటి? ఎవరైనా నాకు వివరంగా చెప్పగలరా? 187 00:10:41,350 --> 00:10:42,830 నిజానికి తేడా ఉంది. 188 00:10:42,830 --> 00:10:47,710 వారు ఖచ్చితంగా ఇదే అర్ధం, కానీ వారు కారణం చేత వారికి వివిధ లేబుల్స్ కలిగి ఉంటాయి. 189 00:10:48,980 --> 00:10:53,560 నేను కలిగి క్లిక్ ఉంటే చిత్రం, ఏమీ పేజీ న జరుగుతుంది. 190 00:10:53,560 --> 00:10:57,490 నేను నిజానికి జరిగి ఏదైనా మళ్ళీ శోధన క్లిక్ చేసి. 191 00:10:57,490 --> 00:11:02,430 ఏ అక్కడ కూడా చేయవచ్చు ఒక మంచి నిర్ణయానికి కావచ్చు? 192 00:11:03,820 --> 00:11:08,030 నేను వడపోత క్లిక్ చేయడం, నేను బహుశా ఆ ప్రత్యేక చర్య ద్వారా వడపోత మీరు 193 00:11:08,030 --> 00:11:09,970 లేదా ఆ ఫలానా వర్గం. 194 00:11:09,970 --> 00:11:14,450 బదులుగా మళ్ళీ శోధన నొక్కండి అవసరం కాబట్టి, నేను స్వయంచాలకంగా వడపోత చేయగల 195 00:11:14,450 --> 00:11:17,060 వారు వెంటనే దాన్ని పేరు Google శైలి అబ్బాయి. 196 00:11:17,060 --> 00:11:20,440 [మలన్] కానీ మేము వాటిని ఇప్పటివరకు భౌతికంగా సమర్పించిన ఉంటుంది చూసిన ఏర్పడుతుంది లేదు 197 00:11:20,440 --> 00:11:23,170 నొక్కడం ద్వారా కనీసం లేదా బటన్ క్లిక్ ఎంటర్? 198 00:11:23,170 --> 00:11:26,830 మీరు ఇప్పటివరకు వాటిని చూసిన, మీరు నిజంగా ఆ పనులను సమర్పించు క్లిక్ చేసి. 199 00:11:26,830 --> 00:11:30,090 >> కానీ టామీ రెండవ లో మీరు కనిపిస్తాయి వంటి, అయితే మీరు మార్గాలు ఉన్నాయి 200 00:11:30,090 --> 00:11:33,010 మీరు ఆ విషయం క్లిక్ చేసినప్పుడు అది స్వయంచాలకంగా పంపవచ్చు అలాంటి 201 00:11:33,010 --> 00:11:38,840 మేము అజాక్స్ అభ్యర్ధనతో కాల్ మరియు తిరిగి డేటా పొందండి మరియు తక్షణమే మీ ఫలితాలను ఫిల్టర్ ఏ. 202 00:11:38,840 --> 00:11:41,340 ఈ ఇంటర్ఫేస్ తప్పు అని విషయాలను టన్నుల ఉన్నాయి. 203 00:11:41,340 --> 00:11:43,530 [మలన్] మీరు కేంబ్రిడ్జ్ శోధించవచ్చు? 204 00:11:43,530 --> 00:11:47,030 మీరు కేంబ్రిడ్జ్ శ్రద్ధ పేరు క్రమరహిత ఏదో ఇక్కడ ఉన్నాయి 205 00:11:47,030 --> 00:11:54,790 మరియు ఇంకా మీరు WESTFORD, స్ప్రింగ్ హిల్, వెస్ట్ న్యూటన్ మరియు వంటి చేస్తున్నారు. 206 00:11:54,790 --> 00:11:57,930 బహుశా ఉత్తమ. >> బహుశా ఆదర్శ లేదు. 207 00:11:57,930 --> 00:12:03,900 నేను ఈ నిర్దిష్ట పేజీలో వినియోగదారు యొక్క అనుభవాన్ని ఉత్తమం చేయగలరు? 208 00:12:03,900 --> 00:12:07,340 అవును. >> [విద్యార్థి] సూచనలు. 209 00:12:07,340 --> 00:12:09,500 సరే. కోణంలో ఏ విధమైన సూచనలను? 210 00:12:09,500 --> 00:12:14,630 ఉదాహరణకు [విద్యార్థి], కూడా క్రెయిగ్స్ జాబితా ఉంది ఏమి లేని మొదటిసారి వినియోగదారులకు విషయం 211 00:12:14,630 --> 00:12:17,320 లేదా మీరు ఏమి చేయాలో ఏమి తెలియదు. 212 00:12:17,320 --> 00:12:20,150 కుడి. కాబట్టి క్రెయిగ్స్ జాబితా ఈ పేజీలో ఉంది వివరిస్తూ ముఖ్యం. 213 00:12:20,150 --> 00:12:23,490 మేము నిజంగా ఈ పేజీ కోసం అసలు వినియోగదారులు తెలియజేయవచ్చు. 214 00:12:23,490 --> 00:12:27,090 నేను ఈ సందర్శించడం, నేను స్థానాల మొత్తం చూశాను. నేను కూడా వారు అర్థం ఏమి లేదు. 215 00:12:27,090 --> 00:12:29,730 మరింత ముఖ్యంగా, కేవలం, ఈ ఇంటర్ఫేస్ చూడటం 216 00:12:29,730 --> 00:12:35,530 నేను ఒక నిర్దిష్ట సమూహం కనుగొనేందుకు విషయాలు ఒక టన్ను స్క్రోల్ డౌన్ వచ్చింది గుర్తు 217 00:12:35,530 --> 00:12:37,560 నిజానికి ఈ గురించి ఆలోచించలేదు అని. 218 00:12:37,560 --> 00:12:39,820 నేను ఆ పని చేయడు వేగవంతమైన మార్గం ఏమిటి? అవును. 219 00:12:39,820 --> 00:12:43,290 [విద్యార్థి] వారిని తూర్పు, పశ్చిమ ప్రాంతాల్లో విభజించవచ్చు భాగహారం. సరే >>. 220 00:12:43,290 --> 00:12:47,460 నా వేగంగా వివరించడానికి సహాయం అని మరిన్ని వర్గాలు వాటిని విభజించడానికి కాలేదు 221 00:12:47,460 --> 00:12:49,820 నిర్దిష్ట నగర ఎలా పొందాలో. 222 00:12:49,820 --> 00:12:54,510 [విద్యార్థి] ఒక డ్రాప్ డౌన్ జాబితా ఉంచండి. >> కుడి. సరే. 223 00:12:54,510 --> 00:12:58,240 మేము విషయాలు ఒక నిర్ణీతమైన ఎందుకంటే నేను డ్రాప్ డౌన్ మెను ఉపయోగించవచ్చు 224 00:12:58,240 --> 00:13:00,100 మరియు మేము ఒక డ్రాప్ డౌన్ మెను లో వాటిని చూపిస్తుంది. 225 00:13:00,100 --> 00:13:02,240 ఆ విధంగా అది తెరపై చాలా స్థలాన్ని ఆక్రమిస్తాయి లేదు. 226 00:13:02,240 --> 00:13:05,630 కానీ కంటే కూడా మంచి, మేము ఏమి చెయ్యగలరు? 227 00:13:05,630 --> 00:13:09,220 అవును. మీరు మళ్ళీ ఆ >> [వినబడని విద్యార్థి ప్రతిస్పందన] >> చెప్పగలదు? >> [విద్యార్థి] Search బాక్స్. 228 00:13:09,220 --> 00:13:11,260 అవును, ఒక శోధన బాక్స్. ఆ గొప్ప పని. 229 00:13:11,260 --> 00:13:16,430 మేము స్లైడ్స్, అన్వేషణ బాక్స్ తిరిగి చూడాలని ఉంటే మనం నిజంగా చేయవచ్చు ఉంది. 230 00:13:16,430 --> 00:13:21,520 స్వీయసంపూర్తిని. మీకు తెలిసిన ఫలితాలను ద్వారా అన్వేషణ చాలా సులభమైన మార్గం సెట్ లో ఉన్నాయి. 231 00:13:21,520 --> 00:13:25,980 నేను BO టైప్ చెయ్యడం ప్రారంభించండి ఉంటే, నాకు వాటిలో BO లోపల కలిగి అన్ని ఫలితాలు చూపించు. 232 00:13:25,980 --> 00:13:29,030 ఆ విధంగా నేను చాలా సులభంగా నేను కు వెళ్లాలని మీరు అనుకుంటున్నారా ప్రత్యేక ఒక పొందవచ్చు 233 00:13:29,030 --> 00:13:32,390 బదులుగా ఇది నిజంగా పెద్ద జాబితాని స్క్రోలు చేయడానికి. 234 00:13:32,390 --> 00:13:37,450 >> ఈ నిజంగా తక్కువ ఉరి పండు యొక్క అన్ని రకాల అని క్రెయిగ్స్ జాబితా అమలు ఉన్నవాడు 235 00:13:37,450 --> 00:13:42,500 వాస్తవానికి వారి నిర్దిష్ట వినియోగదారు కోసం ఒక ఉత్తమంగా అనుభవాన్ని చేయడానికి చేయవచ్చు. 236 00:13:42,500 --> 00:13:46,370 సరే. కావలసినంత చెడ్డ వెబ్ సైట్ ల గురించి మాట్లాడుతూ. 237 00:13:46,370 --> 00:13:49,410 యొక్క Facebook మాట్లాడటానికి లెట్. 238 00:13:50,880 --> 00:13:54,390 Facebook వచ్చింది, మరియు ముఖ్యంగా Facebook ఫోటోలు చేసినప్పుడు, 239 00:13:54,390 --> 00:13:57,870 సరిగ్గా అదే పనులను చేసే సమయంలో ఇతర సేవలు మా ఉన్నాయి. 240 00:13:57,870 --> 00:14:00,740 వారు ఆల్బమ్లు మీ ఫోటోలను నిర్వహించడానికి కాలేదు. 241 00:14:00,740 --> 00:14:03,360 మీరు ఏమి మీరు అలాగే సెట్లు వాటిని నిర్వహించడానికి చేసుకోవడం వీలవుతుంది. 242 00:14:03,360 --> 00:14:06,070 మీరు తేదీ ద్వారా వాటిని నిర్వహించడానికి కాలేదు. మీరు ఈ ప్రత్యేక పనులను కాలేదు. 243 00:14:06,070 --> 00:14:11,710 కానీ ఎవరైనా Facebook ఫోటోలు ఇది విడుదలైన సమయంలో పేలు చేసిన ఏం తెలుసు? 244 00:14:11,710 --> 00:14:15,080 అవును. >> [విద్యార్థి] టాగ్లు. >> Tags. సరిగ్గా. 245 00:14:15,080 --> 00:14:21,300 మేము ఆ CS50 bandana మా కుక్క మస్కట్ అయిన ఇక్కడ పైగా మీలో కలిగి. 246 00:14:21,300 --> 00:14:24,810 మీరు మేము మధ్యలో ఈ టాగింగ్ లక్షణం ఆ చూడగలరు. 247 00:14:24,810 --> 00:14:28,240 మరియు ఒక వాడుక దృష్టికోణంలో Facebook ఫోటోలు కాబట్టి ఆసక్తికరమైన చేసిన 248 00:14:28,240 --> 00:14:34,130 నిజానికి ఈ ద్వారా ప్రజలు వారి ఫోటోలను, వారి స్నేహితులు కలిగి అనుమతించాడు. 249 00:14:34,130 --> 00:14:37,680 Facebook కోసం, వారి వెబ్ సైట్ ముఖ్యంగా సామాజిక ఎందుకంటే, 250 00:14:37,680 --> 00:14:40,750 అది సామాజిక వాతావరణం యొక్క ఈ విధమైన నిర్మాణ గురించి. 251 00:14:40,750 --> 00:14:42,620 ఒక చాలా ఫోటోలు అనుభవం అభివృద్ధి 252 00:14:42,620 --> 00:14:46,390 వారు వాస్తవానికి చెప్పడం మొదలు కాలేదు కాబట్టి, "ఈ ప్రజలు మధ్య సంబంధాలు ఉంటాయి 253 00:14:46,390 --> 00:14:49,220 మరియు ఈ మీరు నిజంగా ఇష్టపడే వ్యక్తులు గురించి ఫోటోలు ఉన్నాయి. " 254 00:14:49,220 --> 00:14:52,200 అది భాగము కూడా విధమైన నార్సిస్సిసం ఉంది. 255 00:14:52,200 --> 00:14:54,980 ప్రజలు ఆ వంటి ఫోటోలు మరియు విషయాలు టాగ్ చేయడానికి ఇష్టం. 256 00:14:54,980 --> 00:14:58,510 ఒక మంచి మానవ లక్షణం అవసరం ఉన్నప్పటికీ, 257 00:14:58,510 --> 00:15:01,910 అదే సమయంలో మంచి నిర్మాణ నిర్ణయాలు ఆధారంగా యొక్క 258 00:15:01,910 --> 00:15:04,860 ప్రజలు నిజంగా ఈ వంటి విషయాల గురించి జాగ్రత్త ఎందుకంటే. 259 00:15:04,860 --> 00:15:07,190 కాబట్టి ఆ Facebook ఫోటోలు ఉంది. 260 00:15:07,190 --> 00:15:09,800 >> కానీ యొక్క సాధారణంగా Facebook చర్చ తెలియజేయండి. 261 00:15:09,800 --> 00:15:13,400 నేను ఇక్కడ మంది Facebook గురించి అభిప్రాయాలు ఉన్నాయి ఖచ్చితంగా అనుకుంటున్నాను 262 00:15:13,400 --> 00:15:16,430 మంచి నిర్మాణాల నిర్ణయాలు మరియు చెడు డిజైన్ నిర్ణయాలు రెండు. 263 00:15:16,430 --> 00:15:20,270 కాబట్టి యొక్క బయటకు లేదా హ్యాపీ ఉంచబడుతుంది. 264 00:15:23,480 --> 00:15:26,450 న వస్తాయి. నేను మీరు అన్ని Facebook ఉపయోగించడానికి తెలుసు. 265 00:15:26,450 --> 00:15:30,970 ఎవరో చెప్పడానికి తప్పు చేసినా లేక దాని గురించి చెప్పడానికి మంచి జరుగుతుంది. అవును. 266 00:15:30,970 --> 00:15:35,060 వార్తల ఫీడ్ లో [విద్యార్థి] నేను నిజంగా గురించి పట్టించుకోను విషయాలు చాలా ఉన్నాయి. 267 00:15:35,060 --> 00:15:37,740 ను మీరు పట్టించుకోరు ఉండవచ్చు విషయాలు చాలా చూపిస్తుంది. 268 00:15:37,740 --> 00:15:41,660 మీరు 2 లేదా 3 సంవత్సరాలు కలుసుకోలేదు చేసిన Facebook స్నేహితులను కలిగి 269 00:15:41,660 --> 00:15:43,860 మరియు మీరు వారి వార్తల ఫలితాలు మీ ను ఏర్పాటు చూడండి 270 00:15:43,860 --> 00:15:45,870 మరియు మీరు నిజంగా దాని గురించి పట్టించుకోను. 271 00:15:45,870 --> 00:15:48,700 Facebook వాస్తవానికి, ఈ మెరుగ్గా చెయ్యడానికి ఒక కృషి చేసింది 272 00:15:48,700 --> 00:15:53,150 మరియు వారు నిజానికి ఆలస్యంగా న్యూస్ ఫీడ్ యొక్క టాప్ సంబంధించిన ఫలితాలు పుష్ ప్రయత్నించాము 273 00:15:53,150 --> 00:15:58,300 కాబట్టి మీరు నిజంగా మీరు లేదా మీ దగ్గరి స్నేహితులకు సంబంధించిన ఇది స్నేహితులను విషయాలు చూడండి. 274 00:15:58,300 --> 00:16:01,110 ఏదైనా? అవును. 275 00:16:01,110 --> 00:16:06,400 మీరు మళ్ళీ ఆ [వినబడని విద్యార్థి ప్రతిస్పందన] >> చెప్పగలదు? 276 00:16:06,400 --> 00:16:10,140 [విద్యార్థి] ads సాపేక్షంగా సామాన్య ఉంటాయి. ఏ కోణంలో >>? 277 00:16:10,140 --> 00:16:16,370 [వినబడని విద్యార్థి ప్రతిస్పందన] వారు బ్యానర్లు వంటి తెరపై కాంతి లేదు. 278 00:16:16,370 --> 00:16:17,760 సరే. ఆ బావుంటుంది. 279 00:16:17,760 --> 00:16:25,030 మీరు '90 నుండి ఇంటర్నెట్ గుర్తుంచుకుంటే - >> [మలన్] నేను ఉంది. >> అతను ఉంది. [నవ్వు] 280 00:16:25,030 --> 00:16:29,210 మీరు sparkly ఫ్లాషింగ్ GIF లు నేపథ్యాలు, విషయాలు, గుర్తు ఉండవచ్చు 281 00:16:29,210 --> 00:16:31,570 విషయాల GeoCities శైలి విధమైన. 282 00:16:31,570 --> 00:16:34,080 ఇది నిజంగా ఒక మంచి నమూనాకు ఒక ఉదాహరణ కాదు 283 00:16:34,080 --> 00:16:36,690 అది నిజంగా కంటెంట్ నుండి దృష్టిని ఎందుకంటే. 284 00:16:36,690 --> 00:16:39,590 వారి నేపథ్యం వంటి యానిమేటెడ్ GIF లు కలిగి ఉపయోగిస్తారు యేల్ కళ వెబ్సైట్ 285 00:16:39,590 --> 00:16:41,800 మరియు మీరు, పేజీలో ఏదైనా చదవడానికి కాదు 286 00:16:41,800 --> 00:16:44,870 కానీ నేను ఎవరో వాస్తవానికి మాట్లాడి ఇప్పుడు కొంత భిన్నంగా ఉంది అంచనా. 287 00:16:44,870 --> 00:16:48,940 [మలన్] ఇది ప్రస్తుతం చాలా మంచి పని. మీరు చూడగలరు ఇది, ఇప్పుడు చాలా ఉత్తమం >>. >> [మలన్] అవును. 288 00:16:48,940 --> 00:16:56,020 జస్ట్ గొప్ప, కేవలం - అవును. సరే. 289 00:16:56,020 --> 00:17:00,560 >> అది భాగము కూడా మీ పేజీ బహుశా చాలా కనిష్ట మరియు చాలా అర్థం చేస్తోందా 290 00:17:00,560 --> 00:17:05,690 చాలా తార్కిక ఒక విధంగా పేజీ ప్రవాహంపై విషయాలు కాబట్టి మరియు ఒకదానికొకటి విధంగా ఉండరు. 291 00:17:05,690 --> 00:17:11,849 ఇతర విషయాలు రకాల Facebook గురించి మంచి లేదా Facebook గురించి తప్పుగా ఉన్నాయి? 292 00:17:11,849 --> 00:17:15,730 యొక్క కేవలం ఇక్కడ ఒక నమూనా సంభాషణ తెలియజేయండి. 293 00:17:19,470 --> 00:17:21,339 ఓహ్. ఎక్కడ? అవును. 294 00:17:21,339 --> 00:17:25,640 [విద్యార్థి] కొత్త కాలగమనాన్ని వ్యవస్థ మీరు గత వ్యక్తి ప్రొఫైల్ శోధించడానికి మిమ్మల్ని అనుమతిస్తుంది. 295 00:17:25,640 --> 00:17:28,119 , టైమ్లైన్ Ooh. 296 00:17:28,119 --> 00:17:30,280 మీరు కొమ్మ మీ స్నేహితులు మిమ్మల్ని అనుమతిస్తుంది ఎందుకంటే టైమ్లైన్ గొప్ప విషయం 297 00:17:30,280 --> 00:17:33,300 తిరిగి వారు ఉన్నత పాఠశాల లో ఉన్నప్పుడు. 298 00:17:35,160 --> 00:17:38,060 మీరు చాలా వేగంగా కంటెంట్ ద్వారా వడపోత అనుమతిస్తుంది ఎందుకంటే సమయం, మంచి 299 00:17:38,060 --> 00:17:41,500 మీరు లేకపోతే కనుగొనేందుకు మీరు నిజంగా చాలా కాలం చేసారు అని వస్తువులను గుర్తించడం అనుమతిస్తుంది 300 00:17:41,500 --> 00:17:45,840 ని తిరిగి వెళ్ళడం వంటి అప్, అప్, అప్, అప్, అప్, అప్ స్క్రోలింగ్ మరియు డౌన్. 301 00:17:45,840 --> 00:17:48,910 కానీ వ్యతిరేక స్థితి యొక్క విధమైన యూజర్ అనుభవాన్ని పరంగా కు కూడా ఉంది. 302 00:17:48,910 --> 00:17:51,190 ఏ కావచ్చు? 303 00:17:51,190 --> 00:17:56,780 P-R తో ప్రారంభమయ్యే బిగ్ పదం. >> [విద్యార్థి] గోప్యత. >> గోప్యం, కుడి? 304 00:17:56,780 --> 00:17:59,970 గోప్యతా భారీ యూజర్ అనుభవాన్ని సమస్య. 305 00:17:59,970 --> 00:18:07,190 ఈ నేను ఇప్పుడు Facebook గురించి ద్వేషం విషయాలు ఒకటి. [నవ్వు] 306 00:18:07,190 --> 00:18:09,000 [మలన్] నేను ఇప్పుడు ఏమి. 307 00:18:09,000 --> 00:18:11,380 డేవిడ్ ఈ వాస్తవానికి నిన్న వరకు జరిగిన తెలుసుకుంటారు లేదు. 308 00:18:11,380 --> 00:18:14,560 కాబట్టి ఇప్పుడు అతను నేను చాట్ ప్రతిసారీ నేను నా విస్మరించి చెయ్యబడిన తెలుసు తెలుసు. 309 00:18:14,560 --> 00:18:16,880 [మలన్] నిజానికి, అతనిని ఇబ్బందికరమైన భాగంగా విస్మరించడం జరిగింది 310 00:18:16,880 --> 00:18:21,040 మరియు నేను అతను నేను విస్మరించి తెలుసు తెలియదు. [నవ్వు] 311 00:18:21,040 --> 00:18:24,030 గోప్యతా భారీ సమస్య. 312 00:18:24,030 --> 00:18:28,670 ఇక్కడ ఎవరైనా Facebook గోప్యత గురించి చెడు కావచ్చు చెప్పు నాకు కాదు 313 00:18:28,670 --> 00:18:32,270 వారు ఈ వంటి విషయాలను వాస్తవం పాటు? 314 00:18:32,270 --> 00:18:37,240 అది Facebook గోప్యతా సంబంధించి చేయడానికి బాగా ఏమిటి? 315 00:18:37,240 --> 00:18:40,340 ఆ విధమైన ఒక ప్రముఖ ప్రశ్న. 316 00:18:41,680 --> 00:18:43,930 అవును. >> [విద్యార్థి] కొన్ని ప్రజలు నుండి మీ ఫోటోలు దాచు. 317 00:18:43,930 --> 00:18:46,170 కుడి. సరిగ్గా, కొన్ని ప్రజలు నుండి మీ ఫోటోలు దాచడానికి. 318 00:18:46,170 --> 00:18:51,290 వారు మీరు ఒక ఫోటో యొక్క గోప్యతా టోగుల్ అనుమతించే కుడి ఈ చిన్న, చిన్న బటన్. 319 00:18:51,290 --> 00:18:56,360 వారి గోప్యతా ఎంపికలు చాలా మెనూలు వివిధ రకాల మధ్య మారుతూ ఉంటాయి. 320 00:18:56,360 --> 00:18:59,510 >> ఇటీవల వారు దాని గురించి మరింత ఉత్తమంగా సంపాదించిన తర్వాత, కానీ సందర్భంలో ఉండాలి 321 00:18:59,510 --> 00:19:04,870 మీరు చూసిన ఫోటోలు నుండి స్నేహితుల నివారించడానికి కోరుకున్నారు చేసినప్పుడు ఆ, 322 00:19:04,870 --> 00:19:08,280 మీరు, వలె చాలా క్లిష్టమైన 5 దశల ప్రక్రియ ఉంటుంది 323 00:19:08,280 --> 00:19:11,150 ఈ లింక్ క్లిక్ చేయండి, ఇప్పుడు నన్ను మళ్ళీ క్లిక్ చేయండి, నాకు మళ్ళీ క్లిక్ చేయండి 324 00:19:11,150 --> 00:19:13,420 నాకు నా ఫోటోలు చూడలేరు పేర్కొనండి తెలియజేయండి. 325 00:19:13,420 --> 00:19:17,250 ఫేస్బుక్లో భాగంగా మంచి కాదు 326 00:19:17,250 --> 00:19:20,530 యూజర్ అనుభవం గురించి చాలా వాస్తవంగా వాటిని స్వేచ్ఛ ఇవ్వడం ఎందుకంటే 327 00:19:20,530 --> 00:19:22,460 ప్రజలు చూడగలరు ఏమి నియంత్రించే. 328 00:19:22,460 --> 00:19:25,550 మేము ఈ యూజర్ నియంత్రణ మరియు స్వేచ్ఛ కాల్. 329 00:19:25,550 --> 00:19:31,090 మీరు చేయదు అయితే, మీ వినియోగదారులు చేసే సమర్థవంతమైన మరియు స్పష్టమైన ఒక విధంగా, 330 00:19:31,090 --> 00:19:34,570 అప్పుడు మీ యూజర్ అనుభవాన్ని అన్ని వద్ద నిజంగా గొప్ప కాదు. 331 00:19:34,570 --> 00:19:38,200  మీరు అబ్బాయిలు Facebook గురించి ఏదైనా చెప్పడం అనుకుంటున్నారా? 332 00:19:38,700 --> 00:19:41,420 నేను ఈ ఆఫ్ చెయ్యాలి? 333 00:19:41,420 --> 00:19:46,290 [వోంగ్] ఈ ఆఫ్ లేదు, ఆ Facebook భాగంగా ఒక భారీ వినియోగం లోపం ఉంది. 334 00:19:46,290 --> 00:19:49,410 ఈ ఫీచర్ - నిజానికి నిన్న ఇది కనిపించింది - 335 00:19:49,410 --> 00:19:53,940 మీరు దాన్ని చేయలేను అని గాని లేదా అది ఎక్కడో చాలా లోతైన ఖననం చేసిన 336 00:19:53,940 --> 00:19:58,050 Facebook యొక్క విరామాలు లో నేను ఈ కార్యాచరణను డిసేబుల్ ఎలా పూర్తి చేయాలో అంచనా కాదు ఎందుకంటే. 337 00:19:58,050 --> 00:20:00,400 [మలన్] కానీ కొన్నిసార్లు ఈ నిర్ణయాలు స్పష్టమైన కాదు 338 00:20:00,400 --> 00:20:03,890 మీరు అబ్బాయిలు వివిధ CS50 అప్లికేషన్లు న మాకు ఉపయోగపడుతుంది చూడు చాలా ఇచ్చిన ఎందుకంటే 339 00:20:03,890 --> 00:20:05,710 మరియు కోర్సు ఉపయోగించే వెబ్సైట్లు. 340 00:20:05,710 --> 00:20:10,260 ఈ అభ్యర్థనలు మరియు సలహాలను అన్ని అమలు చేయలేదు. 341 00:20:10,260 --> 00:20:14,550 >> ఆ భాగము, ఇది సమయం ఫంక్షన్ అని చాలా అభ్యర్థనలు పొందడానికి ఉంది 342 00:20:14,550 --> 00:20:17,070 కానీ కొన్ని సార్లు మనం కేవలం వంటి ఒక చేతన నిర్ణయం, 343 00:20:17,070 --> 00:20:19,830 "సలహాకు ధన్యవాదాలు, కాని మేము అంగీకరించలేదు." 344 00:20:19,830 --> 00:20:24,350 మీ వినియోగదారులు మీరు ఏదో చెయ్యాలి అనుకుంటే కాబట్టి ఎలా మీరు నిజంగా మీరు ఏమి చెయ్యాలి నిర్ణయిస్తారు 345 00:20:24,350 --> 00:20:28,110 మీరు అవసరం లేదు? కూడా 346 00:20:28,110 --> 00:20:32,360 ఇది నిజంగా మీ వినియోగదారులు ఏమి వింటూ మధ్య ఒక ఫైన్ బ్యాలెన్స్ ఉంది 347 00:20:32,360 --> 00:20:35,840 మీరు చెప్పే పేరు మరియు వాస్తవానికి, లైన్ విధమైన కలిగి 348 00:20:35,840 --> 00:20:37,750 "మేము ఈ వినియోగదారులు ఏమి చేయబోవడం లేదు." 349 00:20:37,750 --> 00:20:42,520 మరియు ముఖ్యంగా, నేను ప్రెట్టీ బాగా ఈ సమకూరుస్తారు హెన్రీ ఫోర్డ్ ఒక కోట్ ఉంది అనుకుంటున్నాను. 350 00:20:42,520 --> 00:20:47,130 "నేను వారు కోరుకున్నారు ఏమిటంటే అడిగారు ఉంటే, వారు వేగంగా గుర్రాలు కోరుకున్నారు చెప్పి ఉండవచ్చు." 351 00:20:47,130 --> 00:20:51,840 ఎవరైనా ఆ కోట్ నిజంగా అర్థం కాకుండా బాధించటం యొక్క క్రమం చేయగలదు? 352 00:20:51,840 --> 00:20:56,060 ఇది, వారు ఏమి తెలుసు ఆ కాదు 353 00:20:56,060 --> 00:20:59,180 అయితే మరింత ఆ - 354 00:20:59,180 --> 00:21:02,720 [విద్యార్థి] వారు అవకాశం ఏమి లేదు. 355 00:21:02,720 --> 00:21:06,140 భాగం లో వారు అవకాశం ఉంది ఏమి లేదు. 356 00:21:07,880 --> 00:21:11,440 ఆ కాకుండా కొద్దిగా ఎక్కువ బాధించటం. మీరు ఆ ద్వారా ఏమిటి? 357 00:21:11,440 --> 00:21:21,340 [వినబడని విద్యార్థి ప్రతిస్పందన] 358 00:21:21,340 --> 00:21:25,770 ఆ బావుంటుంది. నేను ఇక్కడ మేము చెప్పే ప్రయత్నం భావిస్తున్నాను వ్యక్తులు ఏమి తెలుసు ఉంది. 359 00:21:25,770 --> 00:21:28,050 వారు వేగంగా గుర్రాలు కావాలి. 360 00:21:28,050 --> 00:21:29,840 ఏమి నిజంగా కావాలి, వేగంగా తరలించడానికి సామర్ధ్యం 361 00:21:29,840 --> 00:21:32,310 కానీ వారు నిజంగా ఆ సాధించడానికి ఇది మధ్యస్థ తెలియదు. 362 00:21:32,310 --> 00:21:36,330 మీరు మీ వినియోగదారులకు వచ్చి మీ వినియోగదారులు మీరు చెప్పండి ఉన్నప్పుడు 363 00:21:36,330 --> 00:21:39,700 మరియు వారు ", ఈ ఫీచర్లు మరియు ఈ లక్షణాలను మరియు ఈ లక్షణాలను మీరు", మీరు చెప్పండి 364 00:21:39,700 --> 00:21:42,650 మీరు తప్పనిసరిగా గురించి ఆలోచించటం అనుకుంటున్న "నాకు ముందుకు లెట్ 365 00:21:42,650 --> 00:21:44,720 "మరియు వారు స్పష్టంగా ఏమి అమలు" 366 00:21:44,720 --> 00:21:48,610 కానీ మీరు గురించి ఆలోచించటం కావలసిన "ఆలోచనల విధమైన నేను నుండి పొందవచ్చు ఏమి?", ఉంది 367 00:21:48,610 --> 00:21:50,450 వారు నిజానికి ఏం కోరుకుంటున్నారు? 368 00:21:50,450 --> 00:21:55,560 >> మరియు అక్కడ నుండి మీరు చెయ్యగలరు ఆ అభ్యర్థనలను తృప్తిపరిచే విధంగా ఏదో నమూనా 369 00:21:55,560 --> 00:22:00,340 కాని తప్పనిసరిగా యూజర్ అది తృప్తి ఊహించిన విధంగా. 370 00:22:00,340 --> 00:22:03,830 కాబట్టి నిజమైన పరంగా చివరి ప్రాజెక్టులు లాగ, కోసం, 371 00:22:03,830 --> 00:22:07,900 ఇది మంచి ఏదో చేయడానికి వచ్చినపుడు ఉపయోగకరమైన పరిష్కార, ఏది 372 00:22:07,900 --> 00:22:10,630 డిజైనర్ అతని గురించి ఈ అహంకారం ఉంది ముఖ్యంగా 373 00:22:10,630 --> 00:22:14,360 మీరు విధమైన ఉత్తమ తెలుసు వస్తే, మీరు, మీ వినియోగదారుల నుండి ఇన్పుట్ పడుతుంది 374 00:22:14,360 --> 00:22:16,580 కానీ మీరు నిజంగా ఆ చూడు ప్రయాణించడం గురించి ఎలా గో? 375 00:22:16,580 --> 00:22:21,610 చివరి ప్రాజెక్టులు, చాలా concretely, ఇక్కడికి స్థాయిలలో ఉత్పత్తి? 376 00:22:21,610 --> 00:22:25,030 ఏ స్థాయిలలో ఉత్పత్తి - నేను రెండవ ఈ వెళ్ళి ఉంటుంది - 377 00:22:25,030 --> 00:22:29,190 అభివృద్ధి మరియు తరువాత పరీక్షించడం మరియు తరువాత iterating ఈ ప్రక్రియ. 378 00:22:29,190 --> 00:22:32,020 మీరు ఏదో రూపకల్పన ఏమి నేను పరీక్ష అర్ధం సాధారణంగా 379 00:22:32,020 --> 00:22:36,970 మీరు వంటి, బాగా అని "నేను ఇంత గొప్ప డిజైనర్ ఉన్నాను. అందరూ ప్రేమ అన్నారు." 380 00:22:36,970 --> 00:22:41,600 మరియు మీరు ఇక్కడ అది తప్పిపోవుట మరియు ప్రజలు కారణం చేత అది నిజంగా ఇష్టం లేదు. 381 00:22:41,600 --> 00:22:46,820 మీరు ఏమి కలిగి మీరు ప్రజలు పనులు భాగాలను తీసుకోవాలని ఉంది 382 00:22:46,820 --> 00:22:49,180 మరియు ప్రజలు నచ్చని విషయాలు పునరుద్ధరించడానికి. 383 00:22:49,180 --> 00:22:53,080 ఇది చాలా స్పష్టమైన ప్రక్రియ లాగా ఉంటుంది, కానీ ఈ ప్రక్రియ నిరంతరం iterating 384 00:22:53,080 --> 00:22:55,980 మీరు ఇప్పటికే నిర్మించిన వాటిని పైన మీరు సహాయపడే ఒక ప్రక్రియ 385 00:22:55,980 --> 00:22:59,730 మీ స్వంత రూపకల్పన నైపుణ్యాలను పెంపొందించడానికి కూడా మీరు డిజైన్ శుద్ధి సహాయపడుతుంది మాత్రమే 386 00:22:59,730 --> 00:23:03,790 ప్రజలు నిజంగా మరింత వారు ముందు కన్నా మీ ఉత్పత్తి అభినందిస్తున్నాము కాబట్టి. 387 00:23:03,790 --> 00:23:07,390 >> నేను మీరు నిజంగా ఏమి గల మరింత కాంక్రీటు ఉదాహరణలు వెళ్ళి చేస్తాము. 388 00:23:07,390 --> 00:23:11,390 ఒక వస్తువు యొక్క చివరి ఉదాహరణ యొక్క విధమైన వంటి, కయాక్ చూడండి యొక్క తెలపండి. 389 00:23:11,390 --> 00:23:14,970 ఇది సమయంలో కయాక్ చాలా ప్రజాదరణ పొందింది. 390 00:23:14,970 --> 00:23:18,760 ఎందుకు ఎవరైనా అంచనా? 391 00:23:18,760 --> 00:23:20,950 మీరు ఉపయోగిస్తే మీరు ఈ గురించి వంటి వాటిని ఎటువంటి ఏమిటి 392 00:23:20,950 --> 00:23:23,990 లేదా మీకు నచ్చని విషయాల రకాల ఉన్నాయి? 393 00:23:23,990 --> 00:23:31,590 అవును. >> [వినబడని విద్యార్థి ప్రతిస్పందన] >> సరే. 394 00:23:31,590 --> 00:23:34,730 ఇది భాగంగా ఆ యూజర్ విస్తృతమైన ఒక ప్రశ్న కలిగి తెలియజేసినందుకు ఉంది 395 00:23:34,730 --> 00:23:38,150 వంటి చాలా మితమైన ఒకటి కంటే, "మీరు మీ ప్రారంభ తేదీ ఎంచుకునేందుకు కలిగి 396 00:23:38,150 --> 00:23:39,810 "మరియు మీరు మీ ముగింపు తేదీ ఎంచుకోండి ఉంటుంది." 397 00:23:39,810 --> 00:23:44,910 నిజానికి, మీరు దాన్ని గురించి మృదువుగా అనుమతిస్తుంది మరియు మీరు ఆ పరిధిలో విమానాలు అన్ని ఇస్తుంది. 398 00:23:44,910 --> 00:23:46,730 ఏదైనా? 399 00:23:46,730 --> 00:23:50,530 [విద్యార్థి] వారు ధర ఫీజు ఉన్నాయి. 400 00:23:50,530 --> 00:23:53,330 వారు ధర ఫీజు కూడా ఉంటాయి. 401 00:23:53,330 --> 00:23:56,720 పన్నులు మరియు విషయాలు నిజానికి ఉన్నత ఎడమ ఆ ధర నేరుగా వెళ్ళండి 402 00:23:56,720 --> 00:24:00,710 కాబట్టి మీరు అసలైన $ 240 ఫ్లైట్ చెల్లిస్తున్నారని మీరు భావిస్తూ మభ్యపెట్టటం లేదు 403 00:24:00,710 --> 00:24:03,280 అది నిజంగా $ 330 ఉన్నప్పుడు. 404 00:24:03,280 --> 00:24:06,200 ఏదైనా? అవును. 405 00:24:06,200 --> 00:24:10,140 [వినబడని విద్యార్థి ప్రతిస్పందన] 406 00:24:10,140 --> 00:24:14,610 వారు నిజానికి మీరు ఆ తెలియజేసేలా ఉంటే నాకు ఖచ్చితంగా తెలియదు. 407 00:24:14,610 --> 00:24:18,310 నేను తప్పు కావచ్చు. 408 00:24:18,310 --> 00:24:23,360 మీరు ప్రత్యేకమైన ఫిల్టర్లు మరింత బరువును అనుకుంటే ఒక ఆసక్తికరమైన విషయం కావచ్చు 409 00:24:23,360 --> 00:24:27,000 కాబట్టి వారు అగ్ర వడపోత సంబంధించిన ఫలితాలు నెట్టే. 410 00:24:27,000 --> 00:24:31,920 కానీ ఎవరైనా ఈ ఎడమ వైపు గురించిన ప్రత్యేక ఏమి నాకు వివరంగా చెప్పగలరా? 411 00:24:31,920 --> 00:24:39,540 ఎలా మీరు సాంప్రదాయకంగా ఈ ముందు ఒక ఇంటర్నెట్ సర్వీస్ ఒక ఫ్లైట్ చూసేందుకు చేశారు? 412 00:24:41,600 --> 00:24:44,650 >> అవును. మీరు ఆ >> [వినబడని విద్యార్థి ప్రతిస్పందన] >> చెప్పగలదు - 413 00:24:44,650 --> 00:24:47,530 [విద్యార్థి] ప్రతి వైమానిక. >> అవును. ప్రతి వైమానిక తన సొంత వెబ్సైట్ కలిగి ఉంది. 414 00:24:47,530 --> 00:24:50,110 ఈ విషయాలు ఏకీకృతమైంది. మరియు? 415 00:24:50,110 --> 00:24:52,190 [విద్యార్థి] మీరు వదిలి దాన్ని ఖచ్చితంగా సమయం తెలుసు. 416 00:24:52,190 --> 00:24:54,460 మీరు, మీరు వదిలి దాన్ని ఖచ్చితంగా సమయం తెలుసు 417 00:24:54,460 --> 00:24:59,380 కానీ ముఖ్యంగా ఫిల్టర్లు సంబంధించిన. 418 00:25:00,710 --> 00:25:03,540 నాకు కయాక్ పుల్ అప్ లెట్. 419 00:25:11,490 --> 00:25:14,020 దేవుని ఓహ్, పాపప్. చెడ్డ వినియోగదారు అనుభవం. 420 00:25:14,020 --> 00:25:17,230 నేను ఈ స్లయిడర్ని తరలించండి ఏమి జరుగుతుంది? 421 00:25:17,230 --> 00:25:21,010 [విద్యార్థి] ఆటోమేటిక్ అప్డేట్లను. >> [వోంగ్] ఆటోమేటిక్ అప్డేట్లను. 422 00:25:21,010 --> 00:25:23,440 చాలా ముఖ్యమైన ఏదో పేర్కొంది. 423 00:25:23,440 --> 00:25:25,380 ఈ ముందు, మీరు ఒక ఫ్లైట్ కనిపించాలని కోరిక చేసినప్పుడు, 424 00:25:25,380 --> 00:25:28,410 మీ ఇన్పుట్ నగర, మీ అవుట్పుట్ నగర, ప్రెస్ శోధన, ఉంచారు వచ్చింది 425 00:25:28,410 --> 00:25:31,190 ఆ ప్రాసెస్ మరియు మీ ఫలితాలు చూపిస్తుంది. 426 00:25:31,190 --> 00:25:34,120 మీరు మీ ప్రశ్నను మార్చండి అనుకుంటే, మీరు, రెండుసార్లు తిరిగి నొక్కండి వుంటుంది 427 00:25:34,120 --> 00:25:39,770 మొదటి నుండి ఒక కొత్త ప్రశ్నను ఎంటర్ చేసి, ఆపై మళ్ళీ దాన్ని చేయండి మరియు. 428 00:25:39,770 --> 00:25:43,910 ఈ వంటి ఏదో గురించి nice విషయం అది చాలా [అపారదర్శక] విషయం ఉపయోగిస్తుంది. 429 00:25:43,910 --> 00:25:46,230 మీరు ఈ వంటి ఏదో ఒకటి వెంటనే, అది ఒక అభ్యర్థన ఆఫ్ కాలుస్తాడు 430 00:25:46,230 --> 00:25:48,420 మరియు మీరు వెంటనే అన్ని ఫలితాలను పంపుతుంది. 431 00:25:48,420 --> 00:25:51,680 వెంటనే చూడు ఈ విధమైన కయాక్ విస్తృతంగా ప్రజాదరణ పొందిన చేసిన విషయం 432 00:25:51,680 --> 00:25:55,910 నాకు నా ప్రశ్న మార్చడానికి కోసం దీన్ని నిజంగా సులభంగా ఎందుకంటే 433 00:25:55,910 --> 00:25:58,890 మరియు ఒక నిర్దిష్ట శ్రేణి చుట్టూ ఉండే విషయాలు గుర్తించడానికి 434 00:25:58,890 --> 00:26:01,950 ముందుకు వెనుకకు, ముందుకు వెనుకకు, ముందుకు వెనుకకు వెళ్ళండి చేయకుండా. 435 00:26:01,950 --> 00:26:05,200 కాబట్టి ఈ మీరు మీ వెబ్ సైట్ రూపకల్పన చేసినప్పుడు గురించి ఆలోచించటం కావలసిన అన్ని రకాల ఉన్నాయి. 436 00:26:05,200 --> 00:26:08,930 నా వినియోగదారులు వారు పని చేస్తున్నాము ఏ చేసుకోవడానికి నేను చాలా సమర్థవంతంగా చేయవచ్చు 437 00:26:08,930 --> 00:26:13,010 మరియు సాధ్యమైనంత త్వరగా తమ చివరకు గోల్ చేయడానికి? 438 00:26:13,010 --> 00:26:16,430 [మలన్] అంతకు ముందువి తప్పనిసరిగా వారు ఏమి తెలియక వినియోగదారులు గురించి జోసెఫ్ యొక్క స్థానం, 439 00:26:16,430 --> 00:26:18,640 మీరు అబ్బాయిలు ఇప్పుడు HTML గురించి తెలిసిన ఆధారంగా 440 00:26:18,640 --> 00:26:22,780 మరియు మీరు చెక్బాక్సులను, రేడియో బటన్ ను మెనూలు, ఇన్పుట్ ఖాళీలను మరియు వంటి కలిగి 441 00:26:22,780 --> 00:26:26,140 ఎలా మీరు ఒక విమానాన్ని ఒక ప్రారంభ సమయం ఎంచుకోవడం భావన ప్రవేశపెట్టారు? 442 00:26:26,140 --> 00:26:30,030 >> ఆ వివిధ UI విధానాల ఏది ఉపయోగించే? 443 00:26:30,030 --> 00:26:34,100 మీరు ముందు బోధించాడు ఆ HTML మొత్తం తెలిస్తే 444 00:26:34,100 --> 00:26:39,070 మరియు మీరు, ఇన్పుట్లను రేడియో బటన్, చెక్ బాక్స్, డ్రాప్-డౌన్స్, మరియు ఇన్పుట్ బాక్స్ ఉంటాయి తెలుసు 445 00:26:39,070 --> 00:26:43,320 మీ సహజ ఎంపిక తేదీలు ఎంచుకోవడం కోసం ఏమి ఉండేది? 446 00:26:43,320 --> 00:26:48,670 [విద్యార్థి] ఇన్పుట్. >> ఇన్పుట్. లేదా మరింత ఒక డ్రాప్ డౌన్ తేదీలు, దానితో అన్ని కుడి? 447 00:26:48,670 --> 00:26:53,170 కాబట్టి మీరు అమలు చేసే ఎడమ వైపు ఈ వంటి మరింత సంక్లిష్ట UI యాంత్రిక చర్యలతో, 448 00:26:53,170 --> 00:26:55,500 మీరు ఒక స్లయిడర్ ఈ ప్రక్రియ మరింత స్పష్టమైన చేయవచ్చు 449 00:26:55,500 --> 00:27:01,020 సమయం నిరంతర ఎందుకంటే, మరియు ప్రజలు సాధారణంగా వివిక్త భాగాలుగా పరంగా అది యొక్క భావించడం లేదు. 450 00:27:01,020 --> 00:27:04,950 అన్ని కుడి. చివరి విషయం. 451 00:27:04,950 --> 00:27:07,370 పది వినియోగం హ్యూరిస్టిక్లు. 452 00:27:07,370 --> 00:27:10,820 మేము గురించి మాట్లాడారు అన్ని విషయాలు బహుశా ఈ వర్గాల ఒక వస్తాయి. 453 00:27:10,820 --> 00:27:14,420 మీరు సైట్లు ఆన్లైన్లో పోస్ట్ చేయబడుతుంది ఈ లింక్, వెళ్ళి ఉంటే 454 00:27:14,420 --> 00:27:18,900 మీరు మీ సైట్ రూపకల్పన మీరు నిజంగా, చేయగలరు, మనస్సు ఈ హ్యూరిస్టిక్లు ఉంచడానికి 455 00:27:18,900 --> 00:27:21,330 thumb యొక్క మరియు ఈ నియమాలు. 456 00:27:21,330 --> 00:27:26,610 మీ ప్రాజెక్టులకు, నేను మీ అప్లికేషన్ బాగా రూపకల్పన చేయడానికి మీరు ఏమి సూచిస్తున్నాయి 457 00:27:26,610 --> 00:27:28,850 మొదటి కాగితం నమూనా చేయడానికి ఉంది. 458 00:27:28,850 --> 00:27:32,150 మీరు మీ అప్లికేషన్ గురించి ఆలోచిస్తూ చేసిన తర్వాత, చాలా త్వరగా మీరు లాగా ఏమి గీయటం 459 00:27:32,150 --> 00:27:36,230 మరియు నిర్ధారించుకోండి అన్ని పెట్టెలను వినియోగదారు ఉపయోగించాల్సి చాలా సహజమైన ఒక విధంగా ఏర్పాటు చేస్తారు 460 00:27:36,230 --> 00:27:39,820 మరియు మీ స్నేహితులకు ఈ కాగితం నమూనాలను చూపించే మరియు అభికేంద్ర సమూహాలు ప్రారంభించండి. 461 00:27:39,820 --> 00:27:44,230 జస్ట్, కలిసి 2 లేదా 3 ప్రజలు మరియు కేవలం ఈ కాగితం నమూనాలు మీద నొక్కండి వారిని అడగండి 462 00:27:44,230 --> 00:27:47,650 మరియు వారు నిజానికి ఏమి విషయం ఉంటే వాటిని కొత్త తెరలు చూపించు. 463 00:27:47,650 --> 00:27:50,680 >> మీరు ఏమి అనుకుంటున్నారా, ఆ పని ప్రోత్సహించటానికి, వాటిని ఒక విధిని అందించగలరు 464 00:27:50,680 --> 00:27:53,270 మరియు వాటిని అనువర్తనం ఇవ్వాలని మరియు వాటిని అది ఉపయోగించడానికి అనుమతిస్తున్నట్లు. 465 00:27:53,270 --> 00:27:56,530 వాటిని ఆ మించి సూచనలు ఇవ్వాలని లేదు. 466 00:27:56,530 --> 00:28:00,920 మీరు నిజంగా వాటిని మీరు చూడండి అనుమతిస్తుంది విధంగా మీ అప్లికేషన్ తో వ్యవహరించడానికి తెలియజేయాలనుకుంటున్నాము 467 00:28:00,920 --> 00:28:03,870 మీరు వాటిని పక్కన నిలబడి ఉండకపోతే ఎలా వారు ఉపయోగించారు. 468 00:28:03,870 --> 00:28:05,250 మరియు చాలా ముఖ్యం. 469 00:28:05,250 --> 00:28:08,780 ప్రత్యేక విషయాలు చుట్టూ పొందడానికి ప్రజలు వరకు మీరు మెళుకువలు మా ఇస్తుంది 470 00:28:08,780 --> 00:28:10,560 నేను భావించలేదు విధంగా? 471 00:28:10,560 --> 00:28:14,680 వారు తెరపై నిర్దిష్ట UI యంత్రాంగాలను ఉపయోగించి ఉన్నాయి 472 00:28:14,680 --> 00:28:17,490 ఒక విధంగా ఆ hacky రకం? 473 00:28:17,490 --> 00:28:22,020 వాటిని ఆ విధంగా చేయడానికి నేను భావించలేదు. 474 00:28:22,020 --> 00:28:23,940 మరియు ఒకసారి మీరు ఆ పూర్తి చేసిన, మీరు ఏమి అనుకుంటున్నారు? 475 00:28:23,940 --> 00:28:26,010 మీ డిజైన్ రాళ్ళు, కుడి? 476 00:28:26,010 --> 00:28:29,600 మీరు ఏమి కావాలని మీరు మళ్ళీ ఏమి ఆ ప్రక్రియను అభివృద్ధి మరియు మీరు ఉంది. 477 00:28:29,600 --> 00:28:32,110 కాబట్టి మీరు అభివృద్ధి చేసిన తర్వాత స్నేహితులకు చూపించు, దాన్ని పరీక్షించడానికి 478 00:28:32,110 --> 00:28:36,630 అభివృద్ధి పరీక్షించడానికి, అభివృద్ధి, పరీక్షించడానికి iterate, మరియు మరియు ముందుకు. 479 00:28:36,630 --> 00:28:39,720 డిజైన్ చాలా ఈ కోణంలో ప్రక్రియ పునరుత్థాన ఉంది. 480 00:28:39,720 --> 00:28:43,280 మీరు దీన్ని గురించి విషయాలను గ్రహించే తర్వాత ఏదో నిర్మించడానికి మరియు కలిగి 481 00:28:43,280 --> 00:28:46,520 మీరు ముందు తెలుసుకుంటారు మరియు తిరిగి వెళ్లి నుండి మెరుగుపరచడానికి లేదని. 482 00:28:46,520 --> 00:28:50,890 ఇప్పుడు అభివృద్ధి భాగం, ఆ టామీ విరామం తర్వాత మీరు అన్నారు ఏది 483 00:28:50,890 --> 00:28:53,220 మరియు ఎలా మీరు స్వీయపూర్తి లాగ అమలు చేయగలరు 484 00:28:53,220 --> 00:28:56,610 చాలా సులభం విధంగా. 485 00:28:57,440 --> 00:28:59,550 [మలన్] నాటికి టామీ ఒక ప్రశ్న తర్వాత, ఇక్కడ అమర్చుతుంది. 486 00:28:59,550 --> 00:29:03,780 ఒక ప్రారంభ వెబ్సైట్ల చాలా - మరియు ఈ సమయంలో జోసఫ్, 1990 శైలి వెబ్సైట్ చెప్పారు 487 00:29:03,780 --> 00:29:07,640 ఇది మీరు ప్రారంభ సమయాన్ని ఎంచుకోండి కోరుకుంటే పేరు ఆచరణలు మరియు ఒక ముగింపు సమయం 488 00:29:07,640 --> 00:29:10,380 స్పష్టముగా, నేడు తిరిగి రోజు కూడా కొన్ని వెబ్సైట్లలో, 489 00:29:10,380 --> 00:29:13,220 మీరు దీన్ని విధంగా, మీరు ఒక డ్రాప్ డౌన్ నుండి ఒక గంట ఎంచుకోండి ఉంది 490 00:29:13,220 --> 00:29:15,910 మీరు, PM, ఒక డ్రాప్ డౌన్, బహుశా మీరు AM ఎంచుకోండి నుండి నిమిషాల ఎంచుకోండి 491 00:29:15,910 --> 00:29:17,440 మరియు మీరు ఆ 3 మరింత సార్లు చేయండి. 492 00:29:17,440 --> 00:29:19,920 కాబట్టి 6 క్లిక్ చేసి కొన్ని స్క్రోలింగ్ తో 493 00:29:19,920 --> 00:29:24,000 మీ యూజర్ వాస్తవానికి ఈ కోణంలో తేదీ మరియు / లేదా సమయం పరిధి రకమైన అందిస్తుంది. 494 00:29:24,000 --> 00:29:27,920 >> కాబట్టి ఖచ్చితంగా ఉపప్రాధాన్య మరియు ఇంకా ఇప్పటివరకు మనం వ్యక్తీకరణ సామర్థ్యాలు చూసిన 495 00:29:27,920 --> 00:29:30,330 ఏ భాష లో ఏదో sexier చేయడానికి చూశారు చేసిన 496 00:29:30,330 --> 00:29:32,620 ప్రారంభ సమయం మరియు ముగింపు సమయం యొక్క ఈ స్లయిడర్ ఇష్టపడుతున్నారు. 497 00:29:32,620 --> 00:29:36,290 కానీ మేము ప్రారంభం గురించి మాట్లాడారు మీరు వారం 0 తిరిగి అనుకుంటే, 498 00:29:36,290 --> 00:29:39,080 చాలా కేవలం కొన్ని విషయాలు అని widgets అక్కడ లేవు. 499 00:29:39,080 --> 00:29:42,700 మీరు నిజంగా కేవలం ఉచ్చులు మరియు పరిస్థితులు మరియు వంటి వంటి ఈ ఫండమెంటల్స్ వచ్చింది. 500 00:29:42,700 --> 00:29:46,910 కాబట్టి కేవలం HTML యొక్క నిర్దిష్ట స్వతంత్ర, ఇప్పుడు చాలా బొత్తిగా ఆలోచిస్తూ రకం, 501 00:29:46,910 --> 00:29:51,260 నిజంగా ఈ ప్రారంభ సమయం మరియు ముగింపు సమయం స్లయిడర్ వలె ఏదైనా ఏమి జరుగుతుందో? 502 00:29:51,260 --> 00:29:54,960 నా మౌస్ మరియు నేను ఎడమ ఆ చిన్న క్యారట్ గుర్తు మీద క్లిక్ చేసినప్పుడు 503 00:29:54,960 --> 00:29:59,220 మరియు డ్రాగ్ చెయ్యవచ్చు programmatically, మీరు అమలు చెయ్యడానికి కావలసినది 504 00:29:59,220 --> 00:30:01,000 ఆ జరిగే చేయడానికి? 505 00:30:01,000 --> 00:30:04,920 ఏ ప్రశ్నలను, మీరు అడగవచ్చు చెయ్యడానికి ఏమి బూలియన్ వ్యక్తీకరణలు అనుకుంటున్నారు? 506 00:30:04,920 --> 00:30:06,930 వాట్ రియల్లీ జరగబోతోంది? సమ్మీ? 507 00:30:06,930 --> 00:30:10,080 [విద్యార్థి] కర్సర్ స్థానం ఎక్కడ ఉంది? >> గుడ్. కర్సర్ స్థానం ఎక్కడ? 508 00:30:10,080 --> 00:30:11,970 ఇది మేము ప్రారంభం తిరిగి వ్యక్తం అవసరమైన ఏదో ఉన్నది 509 00:30:11,970 --> 00:30:14,690 ఇది నగర లేదా రంగు లేదా వంటి ఆధారంగా లేదో. 510 00:30:14,690 --> 00:30:18,410 మీరు సోమవారం కాబట్టి క్లుప్తంగా ఎప్పుడూ గుర్తు ఉండవచ్చు ఈ విషయాలను అన్ని ఈవెంట్స్ అని ఉన్నాయి 511 00:30:18,410 --> 00:30:22,370 వెబ్ ప్రపంచంలో, అందువలన onclick మరియు onkeypress వంటి విషయాలను 512 00:30:22,370 --> 00:30:25,960 మరియు onkeyup మరియు onmouseover మరియు onmouseout. 513 00:30:25,960 --> 00:30:29,130 కాబట్టి మనం తీసుకునే చేసిన కూడా ఈ విషయాలు వెబ్ లో మంజూరు గుర్తించలేరు 514 00:30:29,130 --> 00:30:32,190 మీరు సంఖ్య ఆలోచన ఉంది కూడా Facebook మరియు Gmail వంటి సైట్లు, తో 515 00:30:32,190 --> 00:30:34,890 ఉపన్యాసంలో కూడా ఇలాంటి ఏదీ లేదు ఎందుకంటే మీరు బహుశా ఆ అమలు ఎలా 516 00:30:34,890 --> 00:30:38,570 లేదా సమస్య, ఈ ఖచ్చితమైన ఫండమెంటల్స్ తో గుర్తించారని, 7 సెట్ 517 00:30:38,570 --> 00:30:41,090 HTTP మరియు పారామితులు మరియు GET మరియు పోస్ట్ 518 00:30:41,090 --> 00:30:44,010 మేము ఇప్పటివరకు చూశారు చేసిన ప్రాథమిక HTML ఇన్పుట్లను తో 519 00:30:44,010 --> 00:30:47,690 మరియు ప్రోగ్రాముల యాంత్రిక చర్యలతో ఒక క్షణంలో టామీ యొక్క గురించి పరిచయం చేసే 520 00:30:47,690 --> 00:30:51,300 మీరు వారం 0 లో చేసిన వలె మీరే వ్యక్తీకరించడానికి ప్రారంభించవచ్చు 521 00:30:51,300 --> 00:30:53,800 ద్వారా చాలా intuitively లాగడం మరియు తొలగించాడు. 522 00:30:53,800 --> 00:30:58,950 >> కాబట్టి, టామీ MacWilliam మరియు వెబ్ కోసం మాకు కొన్ని కొత్త పజిల్ ముక్కలు చెప్పాడు పేర్కొన్నారు. 523 00:30:58,950 --> 00:31:03,450 అన్ని కుడి. నా పేరు టామీ మరియు నేను జావాస్క్రిప్ట్ను గురించి మాట్లాడటం కూడా వెళుతున్నాను. 524 00:31:03,450 --> 00:31:07,150 ఒక డిస్క్లైమర్: నేను జావాస్క్రిప్ట్ను ఉత్తమ ప్రోగ్రామింగ్ భాష అని అభిప్రాయం యొక్క am 525 00:31:07,150 --> 00:31:09,010 మొత్తం మొత్తం ప్రపంచంలో. 526 00:31:09,010 --> 00:31:11,940 అక్కడ నాకు విభేదిస్తున్నారు వ్యక్తుల మా, కానీ అది కేవలం ఆశ్చర్యంగా ఉంది. 527 00:31:11,940 --> 00:31:16,330 మీరు మరొక తరగతి లేదా కొన్ని ఇతర భాషలకు సి రాయడానికి ఉంటే మీరు, C తిరిగి వెళ్లి, 528 00:31:16,330 --> 00:31:19,780 ఇది సైన్ డౌన్ కూరుకుపోయిన పెట్టడానికి మీరు అన్ని తక్కువ స్థాయి వివరాలు కేవలం నిజంగా నిరాశపరిచింది ఉంది 529 00:31:19,780 --> 00:31:23,050 మీరు C రాయడానికి ఎంత అసహ్యమైన గురించి విచారంగా ఫీలింగ్ చేస్తున్న అయితే, 530 00:31:23,050 --> 00:31:25,130 కేవలం, వెనుకకు వెళ్లి కొన్ని JavaScript వ్రాయండి. ఇది నిర్వాణ యొక్క. 531 00:31:25,130 --> 00:31:27,980 మీరు మీ చెడ్డ రోజు గురించి మెరుగైన అనుభూతి ఉంటుంది. 532 00:31:27,980 --> 00:31:31,900 JavaScript యొక్క అద్భుత చాలా విషయాలు సర్దుబాటు దాని సామర్థ్యం నుండి వచ్చింది 533 00:31:31,900 --> 00:31:33,730 ఆ పేజీ లో ఇప్పటికే ఉన్నాయి. 534 00:31:33,730 --> 00:31:38,520 మేము మా PHP స్క్రిప్ట్స్ వ్రాశాడు, అవి, సర్వర్లో ఉరితీయబడ్డారు 535 00:31:38,520 --> 00:31:42,270 చివరకు PHP స్క్రిప్ట్ బహుశా కొన్ని HTML అవుట్పుట్ ఆ. 536 00:31:42,270 --> 00:31:45,860 ఆ HTML క్లయింట్ పంపారు, మరియు ఆ ఇది. 537 00:31:45,860 --> 00:31:50,180 PHP ఒక పేజీకి బటన్ని జోడించడానికి అనుకుంటే, ఉదాహరణకు, ఇది నిజంగా అలా కాదు. 538 00:31:50,180 --> 00:31:54,350 ఇది పూర్తిగా కొత్త HTML ఫైల్ రెండర్ మరియు బ్రౌజర్ ఆ పంపండి వుంటుంది. 539 00:31:54,350 --> 00:31:57,840 జావాస్క్రిప్ట్ తో మేము వారు పేజీ ఇప్పటికే ఉన్నప్పుడు మేము విషయాలు అప్డేట్ మీకు, 540 00:31:57,840 --> 00:32:00,840 మరియు ఈ కారణంగా మేము, మరింత తక్షణ స్పందన తెలియజేయగలవు 541 00:32:00,840 --> 00:32:06,150 ఇది నిజంగా మా వెబ్ సైట్ లో యూజర్ అనుభవాన్ని మెరుగుపరచడానికి చేస్తుంది. 542 00:32:06,150 --> 00:32:09,330 JavaScript సెలెక్టర్ల ఒక శీఘ్ర రీక్యాప్. 543 00:32:09,330 --> 00:32:11,590 మేము ఒక HTML పేజీ డౌన్లోడ్ మేము మీకు, 544 00:32:11,590 --> 00:32:13,890 ఆ DOM ప్రాతినిధ్యం చేస్తాడు. 545 00:32:13,890 --> 00:32:19,340 >> DOM గుర్తుంచుకోండి అంశాలు ఈ పెద్ద సోపానక్రమం లో సంబంధించిన ఇక్కడ ఈ పెద్ద చెట్టు. 546 00:32:19,340 --> 00:32:21,810 మేము pset 7 లో డేటాబేస్లతో పనిచేసినప్పుడు, 547 00:32:21,810 --> 00:32:26,280 మేము ఎలా అవసరమైన మొదటి విషయాలు ఒకటి డేటాబేస్ ప్రశ్నల ఉంది. 548 00:32:26,280 --> 00:32:29,060 , మేము ఈ పెద్ద వినియోగదారులు పట్టికను కలిగి, మరియు కొన్నిసార్లు మేము అని చెప్పడానికి కావలసిన 549 00:32:29,060 --> 00:32:33,260 "నేను కొన్ని పరిస్థితి మ్యాచ్ ఈ వినియోగదారుల కోరుకుంటున్నాను." 550 00:32:33,260 --> 00:32:36,020 అదేవిధంగా, మేము DOM ఉన్నప్పుడు మేము అది విచారణను కొన్ని మార్గం అవసరం. 551 00:32:36,020 --> 00:32:39,490 మేము చెప్పడం కొన్ని మార్గం అవసరం, "నేను ఇలా ఆ బటన్ల అన్ని కావలసిన 552 00:32:39,490 --> 00:32:41,860 "లేదా పేజీలో చిత్రాలు అన్ని." 553 00:32:41,860 --> 00:32:44,330 మరియు ఈ సెలెక్టర్లు మాకు అలా అనుమతిస్తాయి. 554 00:32:44,330 --> 00:32:45,690 కాబట్టి ఒక శీఘ్ర రీక్యాప్. 555 00:32:45,690 --> 00:32:50,770 ఇక్కడ ఈ మొదటి ఒకటి, ఈ # submit, ఎంచుకోండి వెళ్ళి ఆ ఏమిటి? ఎవరైనా గుర్తు? 556 00:32:50,770 --> 00:32:54,880 [వినబడని విద్యార్థి ప్రతిస్పందన] >> అవును, సరిగ్గా. 557 00:32:54,880 --> 00:32:59,510 ఈ submit ఒక ID కలిగి పేజీలో మూలకం ఎంచుకోండి అన్నారు. 558 00:32:59,510 --> 00:33:03,470 అందువలన, హాష్ ట్యాగ్ ఈ సెలెక్టర్ ID లతో వెళ్లాలని చెప్పారు. 559 00:33:03,470 --> 00:33:07,630 ఎలా రెండవ గురించి, ఈ. కేంద్రీకృత, ఏ ఎంచుకోవచ్చు? 560 00:33:11,360 --> 00:33:15,180 అవును. >> [విద్యార్థి] క్లాస్. ఖచ్చితంగా >>. ఈ ఇప్పుడు తరగతి ద్వారా ఎంచుకోండి అన్నారు. 561 00:33:15,180 --> 00:33:18,840 ID మరియు ఇక్కడ తరగతి మధ్య తేడా ID ప్రత్యేకంగా ఉండాలి ఉంటుంది 562 00:33:18,840 --> 00:33:20,820 ఏ రంగంలో మీరు సెర్చింగ్ చేస్తున్నారు. 563 00:33:20,820 --> 00:33:23,080 మీరు ఒక పూర్తి వెబ్ పేజీ సెర్చింగ్ అలా అయితే, 564 00:33:23,080 --> 00:33:27,740 మీరు నిజంగా మాత్రమే submit ఈ సందర్భంలో, ఆ నిర్దిష్ట ID తో 1 మూలకం ఉండాలి. 565 00:33:27,740 --> 00:33:31,330 తరగతులు తో, మరోవైపు, మేము ఒకే పేజీలో కంటే ఎక్కువ 1 మూలకం కలిగి 566 00:33:31,330 --> 00:33:33,130 అదే తరగతి తో. 567 00:33:33,130 --> 00:33:36,580 ఈ నేను పేజీ కేంద్రీకృతమై ప్రతి అంశం ఎంచుకోండి చెప్పడం చేయడానికి 568 00:33:36,580 --> 00:33:38,450 కాకుండా కేవలం 1 విషయం. 569 00:33:38,450 --> 00:33:40,310 >> చివరకు, ఇక్కడ ఈ చివరి, కొంచెం క్లిష్టంగా ఉంటుంది 570 00:33:40,310 --> 00:33:43,890 కానీ ఈ DOM నుండి ఎంచుకోండి ఉండబోతుంది? 571 00:33:46,650 --> 00:33:48,810 [వినబడని విద్యార్థి ప్రతిస్పందన] >> ఆ ఏమిటి? 572 00:33:48,810 --> 00:33:53,250 [విద్యార్థి] ట్యాగ్ అని ఏదైనా. మేము ఇక్కడ 2 భాగాలు కలిగి >>. 573 00:33:53,250 --> 00:33:58,070 రెండవ భాగం, నేను ఇన్పుట్ యొక్క ట్యాగ్ను ఈ ట్యాగ్లను ఎంచుకోండి అనుకుందాం అన్నారు 574 00:33:58,070 --> 00:34:00,730 ఒక ఇన్పుట్ ట్యాగ్ చేసే మూలకం కాబట్టి. 575 00:34:00,730 --> 00:34:03,080 కానీ నేను ఇన్పుట్లను అన్ని ఎంచుకోండి లేదు 576 00:34:03,080 --> 00:34:05,170 ఒక submit బటన్ను ఏదో ఒక ఇన్పుట్ ఎందుకంటే 577 00:34:05,170 --> 00:34:08,409 మరియు ఒక టెక్స్ట్ బాక్స్ లో లాగ ఒక ఇన్పుట్ ఉంటుంది. 578 00:34:08,409 --> 00:34:11,909 నేను చెప్పడం నేను ఈ చదరపు బ్రాకెట్స్ నేను మాత్రమే అంశాలను ఎంచుకోండి 579 00:34:11,909 --> 00:34:14,110 రకం టెక్స్ట్ యొక్క ఉన్నాయి. 580 00:34:14,110 --> 00:34:17,400 ఎక్కడో నా HTML టాగ్ లో నేను టైపు అని ఒక లక్షణం కలిగి 581 00:34:17,400 --> 00:34:19,750 మరియు ఆ లక్షణం విలువ టెక్స్ట్ ఉండాలి. 582 00:34:19,750 --> 00:34:21,340 కాబట్టి ఎలా ఇక్కడ ఈ మొదటి భాగం గురించి? 583 00:34:21,340 --> 00:34:25,489 ఈ సెలెక్టర్ మొదటి పదం తర్వాత నేను ఒక స్థలం మరియు ఈ ఇన్పుట్ భాగంగా రూపం. 584 00:34:25,489 --> 00:34:29,620 అది ముందు రూపం పెట్టటం, ఏమి చేస్తుంది? 585 00:34:33,409 --> 00:34:35,860 ఈ ప్రధానంగా మా ప్రశ్న పరిమితం అన్నారు. 586 00:34:35,860 --> 00:34:38,510 ఇది మేము పేజీలో కొన్ని ఇన్పుట్లను కలిగి ఆ సంభవ 587 00:34:38,510 --> 00:34:41,080 ఒక రూపం యొక్క వారసులు లేని. 588 00:34:41,080 --> 00:34:46,150 ఈ చేస్తుంది నేను మాత్రమే మీరు ఈ చెబుతాను ఉంది ఎక్కడో వాటి పైన కలిగి ఇన్పుట్ టాగ్లు 589 00:34:46,150 --> 00:34:49,030 ఒక రూపం యొక్క కొన్ని మాతృ మూలకం. 590 00:34:49,030 --> 00:34:52,100 కాబట్టి ఈ విధంగా మేము ఈ మరింత క్రమానుగత ప్రశ్నలు చేయవచ్చు 591 00:34:52,100 --> 00:34:55,000 కాబట్టి మేము కేవలం ఒక సెలెక్టర్ సరిపోలే ప్రతిదీ ఎంచుకోండి లేదు. 592 00:34:55,000 --> 00:35:00,760 మేము ఏదో ఆ ప్రశ్న పరిమితిని స్కోప్ రకం చెయ్యవచ్చు. 593 00:35:00,760 --> 00:35:04,000 కాబట్టి ఇప్పుడు మేము పేజీ ఎలిమెంట్ ఎంచుకోండి ఎలా తెలుసు, 594 00:35:04,000 --> 00:35:06,780 యొక్క AJAX గురించి కొంచెం చర్చ తెలియజేయండి. 595 00:35:06,780 --> 00:35:12,270 AJAX అసమకాలిక జావాస్క్రిప్ట్ మరియు XML అంటే ఒక ఇప్పటికీ చాలా అధునాతన ప్రధమాక్షరనామం. 596 00:35:12,270 --> 00:35:15,640 ఇది కేవలం కాబట్టి XML డేటా ప్రాతినిధ్యం కొన్ని మార్గం ఇలా జరిగింది. 597 00:35:15,640 --> 00:35:20,920 >> ఇటీవల ప్రజాదరణను కోల్పోయిన ఆ రకమైన, కాబట్టి AJAX లో X అన్ని సమయం కాదు. 598 00:35:20,920 --> 00:35:26,220 సాధారణంగా, AJAX మాకు అనుమతిస్తుంది ఏమి HTTP అభ్యర్ధనలు ఉంది 599 00:35:26,220 --> 00:35:28,620 JavaScript యొక్క సందర్భం నుండి. 600 00:35:28,620 --> 00:35:32,310 మేము మా వెబ్ బ్రౌజర్ లో ఉన్నాము మరియు మేము పేజీలు చుట్టూ నావిగేట్ చేస్తున్నారు మరియు మేము ఒక లింక్ను క్లిక్ చేసినప్పుడు, 601 00:35:32,310 --> 00:35:37,790 మా బ్రౌజర్ ఏమి అన్నారు మేము క్లిక్ ఏ లింక్ ఒక HTTP అభ్యర్థన ఉంది. 602 00:35:37,790 --> 00:35:41,670 ఒకవేళ, అప్పుడు డేవిడ్ విధంగా జరిగినది ఎందుకంటే కానీ ఎప్పుడూ ఆదర్శ కాదు 603 00:35:41,670 --> 00:35:45,220 మేము ఎల్లప్పుడూ వినియోగదారులు ఒక submit బటన్ క్లిక్ చేయండి లేదా లింక్ క్లిక్ చేయండి తయారు చేసుకోవాలి 604 00:35:45,220 --> 00:35:50,380 ఏదైనా ఒక HTTP అభ్యర్థన కలిగి వెళుతున్న ఆ జరిగే చేయడానికి. 605 00:35:50,380 --> 00:35:54,160 కాబట్టి అజాక్స్ తో మేము JavaScript తరపున ఈ అభ్యర్ధనలు. 606 00:35:54,160 --> 00:35:57,020 యూజర్ పేజీ లేదా ఏదైనా జరిగినప్పుడు సంకర్షణ చేసినప్పుడు దీనర్థం 607 00:35:57,020 --> 00:36:01,780 మేము నిజంగా మా వెబ్ సైట్ లో కొన్ని ఇతర PHP ఫైలు ఒక ప్రోగ్రాముల అభ్యర్థనను చేయవచ్చు 608 00:36:01,780 --> 00:36:06,280 లేదా మరేదైనా మరియు ఫైల్ ఉమ్మి వేస్తారు ఆ డేటాను తిరిగి. 609 00:36:06,280 --> 00:36:09,860 యొక్క AJAX ఒక ఉదాహరణ పరిశీలించి చూద్దాం. 610 00:36:09,860 --> 00:36:16,140 ఈ ఆశాజనక మాకు కొన్ని తెలిసిన మా CS50 ఫైనాన్స్ పేజీ ఉంది. 611 00:36:16,140 --> 00:36:21,790 మేము ఈ పేజీ యొక్క HTML విషయంలో చూస్తే, మేము, నేను కొన్ని విషయాలను జోడించారు ఇక్కడ చూడండి 612 00:36:21,790 --> 00:36:23,820 నేను ఈ రూపం ID ఇచ్చాను ఇది ఒకటి. 613 00:36:23,820 --> 00:36:26,480 నేను ID = "రూపం కోట్" అన్నారు చేసాము. 614 00:36:26,480 --> 00:36:31,910 అయితే DOM నుండి ఎంచుకోండి ఈ కొద్దిగా సులభంగా జరగబోతోంది కనుక నేను ఇది చేసిన 615 00:36:31,910 --> 00:36:35,090 నేను చాలా సులభమైన ప్రశ్న చేయవచ్చు నుండి. 616 00:36:35,090 --> 00:36:38,960 నేను ఇక్కడ చేయాలనుకుంటున్నారా నేను CS50 ఫైనాన్స్ కొన్ని సమస్యను పరిష్కరించడానికి దీనిని చేస్తారు. 617 00:36:38,960 --> 00:36:41,550 మేము finance.cs50.net వెళ్ళండి అయితే, 618 00:36:41,550 --> 00:36:45,700 నేను కోట్ పొందాలనుకోవడం ప్రతిసారీ, నేను, ఈ పొందండి కోట్ బటన్ పై క్లిక్ చేసి 619 00:36:45,700 --> 00:36:48,960 మరియు ఆ కోట్ బటన్ తర్వాత మరొక మొత్తం పేజీ తీసుకెళతాయి పొందండి. 620 00:36:48,960 --> 00:36:52,400 నేను మరొక కోట్ అనుకుంటే, నేను నొక్కి ఉంటుంది మరియు అప్పుడు నేను టైప్, 621 00:36:52,400 --> 00:36:54,480 నేను కోట్ పొందండి, మరియు నేను నొక్కి. 622 00:36:54,480 --> 00:36:56,840 ఇది నిజంగా ఉత్తమమైన వినియోగదారు అనుభవాన్ని కాదు. 623 00:36:56,840 --> 00:37:01,570 ఇది స్టాక్ ధరలు పొందడానికి ఆ నెమ్మదిగా ఉంటే ఎవరు నిజమైన సైట్ ఉపయోగించే? 624 00:37:01,570 --> 00:37:05,630 కాబట్టి మనం అజాక్స్ తో చేయాలనుకుంటున్నారా ప్రత్యేక పేజీకి వెళ్లి ఆ దశ తొలగించు ఉంది 625 00:37:05,630 --> 00:37:08,410 ఫలితాలను వీక్షించడానికి క్రమంలో. 626 00:37:08,410 --> 00:37:11,240 >> మాకు మాత్రమే అభ్యర్థిస్తున్నాము, ఆ నిజంగా చిన్న ధర 627 00:37:11,240 --> 00:37:14,240 మరియు కేవలం డేటా నిజంగా చిన్న మొత్తం ఉంది. 628 00:37:14,240 --> 00:37:17,400 మరో మొత్తం HTML పేజీ వెళ్ళడానికి నాకు అవసరం ఉన్నది 629 00:37:17,400 --> 00:37:20,670 HTML యొక్క మొత్తం కొత్త బ్యాచ్ డౌన్లోడ్ బహుశా, కొన్ని మరిన్ని ఫోటోలను డౌన్లోడ్ 630 00:37:20,670 --> 00:37:24,410 కొన్ని ఇతర CSS ఫైళ్లు నాకు చాలా సులభమైన ప్రశ్నకు సమాధానం కోసం 631 00:37:24,410 --> 00:37:27,810 యొక్క ఎంత ఈ స్టాక్ ఖర్చు అవుతుంది. 632 00:37:27,810 --> 00:37:31,000 అజాక్స్ తో మేము ఈ చాలా సులభం చేస్తుంది. 633 00:37:31,000 --> 00:37:36,400 మేము నేను quote.js అనే JavaScript ఫైలు బంధించే కాబట్టి ఇక్కడ డౌన్ చూడండి. 634 00:37:36,400 --> 00:37:40,140 యొక్క నిజానికి ఫైల్ తెరుచుకుంటుంది లెట్. లేదు. 635 00:37:42,610 --> 00:37:45,860 నా జావాస్క్రిప్ట్ ఫైళ్లు అన్ని HTML లో ఉన్న ఉంటాయని నేను 636 00:37:45,860 --> 00:37:47,630 కాబట్టి వెబ్ బ్రౌజర్ అది యాక్సెస్ చేయవచ్చు. 637 00:37:47,630 --> 00:37:50,330 అప్పుడు మేము, JavaScript కోసం ఇక్కడ ఒక ప్రత్యేక డైరెక్టరీ కలిగి 638 00:37:50,330 --> 00:37:54,340 మరియు ఇప్పుడు ఇక్కడ quote.js ఉంది. 639 00:37:54,340 --> 00:38:00,930 ఈ ఫైలు యొక్క ఎగువన ఈ నేను లోడ్ మొత్తం పేజీ కోసం వేచి కావలసిన ఇక్కడ చెప్పారు 640 00:38:00,930 --> 00:38:04,830 నేను ఏమీ ప్రయత్నించండి ముందు. ఎందుకు ఆ అవసరం? 641 00:38:04,830 --> 00:38:08,650 నేను ఇక్కడ చేయ బోతున్నాను తదుపరి విషయం ప్రారంభ ఒక మూలకం కోసం చూస్తున్నానని అవుతుంది 642 00:38:08,650 --> 00:38:10,810 కొన్ని సెలెక్టర్ సరిపోతుంది. 643 00:38:10,810 --> 00:38:15,600 ఈ మూలకం పేజీలో లోడ్ ముందు ఈ JavaScript ఎప్పుడూ అమలు ఉంటే, 644 00:38:15,600 --> 00:38:17,820 అప్పుడు నేను ప్రయత్నించండి ప్రతిదీ వెళ్లాలని లేదు 645 00:38:17,820 --> 00:38:20,580 నేను ఇంకా లేదు అని ఏదో ఎంచుకోవడానికి ప్రయత్నించండి వెళుతున్న ఎందుకంటే. 646 00:38:20,580 --> 00:38:23,780 కాబట్టి టాప్ ఈ లైన్ నేను ప్రతిదీ లోడ్ వరకు మీరు వేచి చెప్పారు 647 00:38:23,780 --> 00:38:28,030 కాబట్టి మేము నేను చూస్తున్నాను ఏ అంశాలు పేజీలో ఉన్నాయి ఆ హామీ చేస్తున్నారు. 648 00:38:29,730 --> 00:38:34,310 ఇక్కడ ఈ డాలర్ సైన్ నేను క్వెరీ అని లైబ్రరీ ఉపయోగించి నేను అర్థం. 649 00:38:34,310 --> 00:38:38,570 ఈ క్వెరీ లైబ్రరీ మాకు మేము చూసాము ఈ సెలెక్టర్లు ఉపయోగించడానికి అనుమతిస్తుంది. 650 00:38:38,570 --> 00:38:44,010 ఒక వాదన ఈ # రూపంలో కోట్ అక్కడ అప్పుడు $ విధంగా, 651 00:38:44,010 --> 00:38:47,910 నేను ఇప్పుడు మేము పరిశీలించి పట్టింది ఆ రూపం ఎంచుకోవడం చేస్తున్నాను. 652 00:38:47,910 --> 00:38:52,290 ఇప్పుడు నేను ఏదో మెమరీ ఆ రూపం ఒక ఉన్నారు. 653 00:38:52,290 --> 00:38:56,760 >> ఇప్పుడు ఈ వస్తువు, రూపం ఈ ప్రాతినిధ్యం, 654 00:38:56,760 --> 00:38:58,890 నేను ఇప్పటి అనే ఫంక్షన్ను ఉపయోగించి వెబ్. 655 00:38:58,890 --> 00:39:02,710 ఈ పనిచేస్తుంటాయి అది ఒక సంఘటన హ్యాండ్లర్ అటాచ్ జరగబోతోంది ఉంది. 656 00:39:02,710 --> 00:39:06,310 మనం వినే చూడాలని సంఘటన submit కార్యక్రమం. 657 00:39:06,310 --> 00:39:08,890 కాబట్టి బటన్ లేదా యంత్రాలపై సమర్పించిన వినియోగదారు, నమోదు చేసినప్పుడు 658 00:39:08,890 --> 00:39:11,730 ఈ సంఘటన కాల్పులు అన్నారు. 659 00:39:11,730 --> 00:39:16,390 ఈ క్రింది సందర్భములో లోకి ద్వారా, నేను ఇప్పుడు రూపం యొక్క డిఫాల్ట్ ప్రవర్తన అధిగమించవచ్చు. 660 00:39:16,390 --> 00:39:19,770 ఈ JavaScript లేకుండా, రూపం సమర్పిస్తారు ఏ PHP ఫైలు 661 00:39:19,770 --> 00:39:22,110 మేము ఆ చర్య గుణం ఉపయోగిస్తారు. 662 00:39:22,110 --> 00:39:25,440 కానీ బదులుగా, నేను ఇప్పుడు వేచి వేచి ఉండండి,, వేచి, నేను మీరు నిజంగా అలా చేయకూడదని విధంగా ఉన్నది. 663 00:39:25,440 --> 00:39:31,140 నేను మీరు వెళ్ళి కొన్ని PHP ఫైలు సమర్పించడానికి ప్రయత్నించండి ముందు ఈ ఏమి చేయాలనే. 664 00:39:31,140 --> 00:39:32,870 ఇప్పుడు నేను చెయ్యాలనుకుంటున్నారు ఏమి? 665 00:39:32,870 --> 00:39:39,270 ఈ సమయంలో నేను స్టాక్ ధర అంటే లోడ్ ఏదో AJAX ఉపయోగించాలనుకుంటున్నాను. 666 00:39:39,270 --> 00:39:44,170 నేను తెలుసుకోవాలి మొదటి విషయం యూజర్ వెలుగులోకి వచ్చింది ఏమి స్టాక్ ఉంది. 667 00:39:44,170 --> 00:39:46,760 నేను మరొక సెలెక్టర్ ఉపయోగించడానికి వెళుతున్న ఆ చేయుటకు. 668 00:39:46,760 --> 00:39:49,020 ఈ మేము ముందు చూశారు మూడవ సెలెక్టర్ ఉంది. 669 00:39:49,020 --> 00:39:54,460 ఈ నేను రూపం కోట్ యొక్క ఒక ID తో ఈ రూపం మూలకం ఆఫ్ ప్రారంభం కావాలి చెప్పారు. 670 00:39:54,460 --> 00:39:58,440 అప్పుడు ఎక్కడో ఆ రూపం యొక్క లోపల ఒక ఇన్పుట్ మూలకం అవసరం ఉంది 671 00:39:58,440 --> 00:40:01,270 ఆ గుర్తు యొక్క పేరు ఉంది. 672 00:40:01,270 --> 00:40:05,460 మేము మా HTML తిరిగి చూస్తే, మేము ఒక ఇన్పుట్ అయింది [పేరు = మానవ చిత్ర]. 673 00:40:05,460 --> 00:40:12,380 ఈ యూజర్ టైప్ చేసే టెక్స్ట్ బాక్స్ ఎంచుకోండి అన్నారు అర్థం. 674 00:40:12,380 --> 00:40:13,870 ఆ మంచిది. మేము టెక్స్ట్ బాక్స్. 675 00:40:13,870 --> 00:40:17,360 ఇప్పుడు మనం లోపల తెలుసు కేవలం అవసరం. 676 00:40:17,360 --> 00:40:20,290 , మేము ఇక్కడ ఈ పద్ధతి కాల్ చేసే ఈ. Val చేయుటకు 677 00:40:20,290 --> 00:40:23,240 మరియు ఈ నేను మీరు ఏమి టెక్స్ట్ బాక్స్ తెలుసా. 678 00:40:23,240 --> 00:40:28,160 నేను మీరు ఆ టెక్స్ట్ బాక్స్ లో టైప్ యూజర్ చెప్పు నాకు కావలసిన. 679 00:40:28,160 --> 00:40:34,440 ఇప్పుడు మేము వినియోగదారు సైన్ టైప్ ఏ సమానంగా ఉంటుంది చిహ్నం అనే స్ట్రింగ్ కలిగి 680 00:40:34,440 --> 00:40:39,820 ఆ మంచిది. మేము మా అభ్యర్థన చేయడానికి ఇప్పుడు ఆ తీగ ఉపయోగించవచ్చు. 681 00:40:39,820 --> 00:40:42,450 ఈ ఇక్కడ ఒక కొత్త ప్రమేయం, ఈ $, 682 00:40:42,450 --> 00:40:44,900 తప్ప మేము ఇకపై, అంశాలను ఎంచుకోవడం కావడం చేస్తున్నారు 683 00:40:44,900 --> 00:40:48,910 మేము క్వెరీ ద్వారా మాకు అందించిన ఒక విభిన్న చర్యను కాల్ కావడం చేస్తున్నారు. 684 00:40:48,910 --> 00:40:54,810 ఈ AJAX ఫంక్షన్ వాస్తవానికి ఈ HTTP అభ్యర్థన చేయడానికి ఏమి ఉంది. 685 00:40:54,810 --> 00:40:57,000 కాబట్టి మేము కొన్ని విషయాలు చెప్పడం ఉన్నాయి. 686 00:40:57,000 --> 00:41:01,410 నేను అభ్యర్థన వెళ్లాలనుకుంటే అక్కడ ఈ ఫంక్షన్ చెప్పడం కలిగి మొదటి విషయం. 687 00:41:01,410 --> 00:41:08,910 ఎక్కడో నా ప్రాజెక్ట్ లో నేను quote.php అని HTML డైరెక్టరీ లోపల ఈ ఫైలుని కలిగి. 688 00:41:08,910 --> 00:41:15,150 నేను localhost / quote.php వెళ్ళండి నేను ఈ ఫైలు యాక్సెస్ చేయవచ్చు, మేము, ఇదే విధంగా చేసింది. 689 00:41:15,150 --> 00:41:20,450 >> నేను ఆ పేజీకి అభ్యర్థన చేయడానికి నా JavaScript కావలసిన. 690 00:41:20,450 --> 00:41:22,920 ఏ రకం అభ్యర్థన ఇప్పుడు? 691 00:41:22,920 --> 00:41:27,210 రూపం ఆ పద్ధతి = "పోస్ట్" లక్షణం కలిగి ముందు మేము, చూసిన 692 00:41:27,210 --> 00:41:29,270 అంతే, ఒక POST అభ్యర్థన వెళుతున్న అర్థం 693 00:41:29,270 --> 00:41:32,630 అది కాకుండా ఒక GET అభ్యర్థన కంటే, URL లో ఏదైనా పెట్టి మాత్రం కాదు 694 00:41:32,630 --> 00:41:36,860 మేము కేవలం ఉదాహరణకు, వెబ్ బ్రౌజర్ తో పేజీని ఆక్సెస్ ఉంటే ఇది కేవలం తొలగించారు ఉంటుంది. 695 00:41:36,860 --> 00:41:41,260 ఇప్పుడు మేము నేను ఒక HTTP POST అభ్యర్థనను చేయాలని అన్నారు చేసిన 696 00:41:41,260 --> 00:41:44,840 quote.php వద్ద ఉన్న ఒక పేజీకి. 697 00:41:44,840 --> 00:41:51,490 మేము ఫారమ్ను సమర్పించినప్పుడు, ఆ రూపం లోపలి ఇన్పుట్ అంశాలను పొందలేక గుర్తు 698 00:41:51,490 --> 00:41:54,430 ఆ $ _ పోస్ట్ వేరియబుల్ తో. 699 00:41:54,430 --> 00:41:58,710 ఇప్పటివరకు కథలో మేము నిజానికి ఇంకా ఏ డేటా పాటు పంపించలేదు. 700 00:41:58,710 --> 00:42:00,640 మేము అజాక్స్ అభ్యర్ధనతో చేస్తున్న చెప్పారు చేసిన 701 00:42:00,640 --> 00:42:03,200 మరియు ఇక్కడ మేము చేస్తున్న అభ్యర్థన రకం. 702 00:42:03,200 --> 00:42:07,090 ఇప్పుడు మేము నిజంగా పేజీకి కొన్ని డేటా పంపాలి. 703 00:42:07,090 --> 00:42:10,930 మేము డేటా అనే ఈ ఆస్తి ఉపయోగించే చేయుటకు. 704 00:42:10,930 --> 00:42:14,950 ఈ ఆస్తి విలువ వాస్తవానికి ఒక అనుబంధ శ్రేణి. 705 00:42:14,950 --> 00:42:19,390 ఈ కారణం అది మాకు డేటా కేవలం 1 ముక్క కంటే ఎక్కువ పంపడానికి అనుమతిస్తుంది. 706 00:42:19,390 --> 00:42:24,750 మేము ఈ కర్లీ జంట కలుపులు ఇక్కడ ఈ ఇతర కర్లీ జంట కలుపులు లోపలి సమూహం ఎందుకు పేర్కొంది. 707 00:42:24,750 --> 00:42:29,680 ఈ అనుబంధ శ్రేణుల లో కీలు ఇదే ఉంటాయని నేను 708 00:42:29,680 --> 00:42:32,630 ఆ పేరు మా రూపం అంశాలు లక్షణాలుగా. 709 00:42:32,630 --> 00:42:35,740 ఆ నేను గుర్తు కీలక పాటు పంపితే, అనగా 710 00:42:35,740 --> 00:42:41,870 నా PHP పేజీ $ _ పోస్ట్ [మానవ] ఈ డేటాను ఆక్సెస్ చెయ్యవచ్చు అనగా 711 00:42:41,870 --> 00:42:44,640 మేము ఒక రూపం సమర్పించడం జరిగింది ముందు చేసినట్లుగా ఇష్టపడుతున్నారు. 712 00:42:44,640 --> 00:42:47,090 ఇప్పుడు అసలు డేటా మేము పంపాలనుకుంటున్నారా 713 00:42:47,090 --> 00:42:50,790 ఈ అనుబంధ శ్రేణి యొక్క విలువ లోపల అన్నారు. 714 00:42:50,790 --> 00:42:54,070 >> మేము, ఒక వేరియబుల్ అని గుర్తు ఈ టెక్స్ట్ నిల్వ 715 00:42:54,070 --> 00:42:57,380 అందువలన మేము ఇప్పుడు గుర్తు కీలక పాటు పంపిస్తున్నాం 716 00:42:57,380 --> 00:43:01,380 మరియు యూజర్ సైన్ టైప్ వస్తువు యొక్క విలువ 717 00:43:01,380 --> 00:43:06,270 ఇప్పుడు మేము, మా PHP ఫైలు అమలు చేసింది, ఈ HTTP అభ్యర్థన చేసిన 718 00:43:06,270 --> 00:43:11,480 అది ఈ అభ్యర్ధన చేసిన క్లయింట్ ఇప్పుడు కొంత డేటాను పంపడం జరగబోతోంది. 719 00:43:11,480 --> 00:43:15,220 ఇప్పుడు మేము సర్వర్ మాకు చెప్పారు ఏ స్పందించడం అవసరం. 720 00:43:15,220 --> 00:43:20,180 మేము విజయం అని ఇక్కడ ఈ చివరి ఆస్తి కలిగి చేయుటకు. 721 00:43:20,180 --> 00:43:24,240 ఈ విజయం కీ విలువ వాస్తవానికి, ఒక ఫంక్షన్ అవతరిస్తుంది 722 00:43:24,240 --> 00:43:26,910 మరియు ఈ మీరు JavaScript చేయగలిగే నిజంగా మంచి విషయాలు ఒకటి. 723 00:43:26,910 --> 00:43:31,720 కేవలం మీరు, ఒక అనుబంధ శ్రేణి యొక్క విలువ లోపల వంటి ints లేదా శ్రేణుల కలిగి 724 00:43:31,720 --> 00:43:34,170 మేము కూడా ఒక ఫంక్షన్ కలిగి ఉంటాయి. 725 00:43:34,170 --> 00:43:36,380 కాబట్టి విజయం విధంగా, ఈ నా కీ. 726 00:43:36,380 --> 00:43:38,830 ఒక కోలన్, విలువ వస్తుంది ఇక్కడ చెప్పారు 727 00:43:38,830 --> 00:43:41,810 మరియు ఇప్పుడు ఈ విలువ అసలైన విధి. 728 00:43:41,810 --> 00:43:44,460 కాబట్టి మేము ఈ ఫంక్షన్ SE ప్రతి పేరు ఇవ్వడం లేదు. 729 00:43:44,460 --> 00:43:48,820 మేము ఈ కొన్ని కార్యకలాపంగా అన్నారు చెప్పగలను. ఇది 1 వాదన తీసుకోవాలని చెప్పారు. 730 00:43:48,820 --> 00:43:51,190 ఈ ఫంక్షన్ కు వాదన అని అన్నారు 731 00:43:51,190 --> 00:43:54,460 ఏ సర్వర్ అభ్యర్థనను నుండి మాకు పంపిన. 732 00:43:54,460 --> 00:43:57,750 మా బ్రౌజర్ ఒక అభ్యర్థన చేయటం వలె, సర్వర్ తిరిగి ఏదో పంపుతుంది 733 00:43:57,750 --> 00:43:59,060 మరియు బ్రౌజర్, దీనిని ప్రదర్శిస్తుంది 734 00:43:59,060 --> 00:44:03,030 మేము ఒక అభ్యర్థనను చేసిన AJAX సందర్భంలో, సర్వర్, తిరిగి ఏదో పంపారు 735 00:44:03,030 --> 00:44:07,110 మరియు ఇప్పుడు మేము ఒక స్ట్రింగ్ వంటి ప్రాతినిధ్యం చేసారు. 736 00:44:07,110 --> 00:44:11,280 ఆ తీగ నేను పేజీలో ఆ ప్రదర్శించడానికి చేస్తాము. 737 00:44:11,280 --> 00:44:14,040 నేను ఒక చివరి సెలెక్టర్ కలిగి వెళుతున్న ఆ చేయుటకు. 738 00:44:14,040 --> 00:44:17,570 నేను ID ధర మూలకం ఎంచుకోండి. 739 00:44:17,570 --> 00:44:20,710 ఇది, కేవలం నేను పేజీ లో మీరు సృష్టించిన ఒక ఖాళీ DIV ఉంది 740 00:44:20,710 --> 00:44:26,640 మరియు నేను సర్వర్ మాకు పంపిన మరేమిటి ఆ DIV విషయాలు సెట్ చేయాలనుకుంటున్నారా. 741 00:44:26,640 --> 00:44:30,280 నిజానికి quote.php ఒక బిట్ చివరి మార్పు చేసాను. 742 00:44:30,280 --> 00:44:33,460 >> అయితే రెండర్ కాల్ మరియు కొన్ని పేజీ అనువాద కంటే, 743 00:44:33,460 --> 00:44:38,100 quote.php ఇప్పుడు కేవలం ఒక స్ట్రింగ్ వలె స్టాక్ విలువ ముద్రించాలా అన్నారు. 744 00:44:38,100 --> 00:44:41,880 మీరు నిజంగా పేజీ సందర్శించడానికి చేస్తే, మీరు చిన్న స్ట్రింగ్ చూడగలం 745 00:44:41,880 --> 00:44:45,030 స్టాక్ ధర ఉండే వస్తువు యొక్క. 746 00:44:45,030 --> 00:44:50,170 మేము ఇక్కడ చెయ్యాల్సిన ఒక చివరి విషయం ఈ ఫంక్షన్ తప్పుడు తిరిగి నిర్ధారించుకోండి ఉంది. 747 00:44:50,170 --> 00:44:53,560 ఈ చెప్పారు అని నేను కార్యక్రమం నిర్వహణ యొక్క లోపల ఉన్నాను ఉంటే 748 00:44:53,560 --> 00:44:57,300 మరియు ఆ సంఘటన నిర్వహణి, బదులుగా నిజమైన తిరిగి తప్పుడు తిరిగి 749 00:44:57,300 --> 00:45:01,510 ఆ నేను కాల్పులు అసలైన ఈవెంట్ చేయకూడదని అర్థం. 750 00:45:01,510 --> 00:45:05,270 ఈ సందర్భంలో, మనం ఏ JavaScript ఉండేది కాదని మేము, ఒక రూపం సమర్పించిన 751 00:45:05,270 --> 00:45:08,280 మా వెబ్ బ్రౌజర్ "నేను, వెంట ఆ డేటాను పంపడం వెళుతున్న" సే అన్నారు 752 00:45:08,280 --> 00:45:10,130 మరియు వారు మరొక పేజీకి మీరు పంపిన చూడాలని. 753 00:45:10,130 --> 00:45:14,360 మేము ఇప్పుడు AJAX ఉపయోగించే ఎందుకంటే, మరొక పేజికి వినియోగదారును పంపడానికి లేదు. 754 00:45:14,360 --> 00:45:17,920 మేము ఈ ఒకే పేజీలో డైనమిక్ ఫలితాలను ప్రదర్శించడానికి వెళుతున్న. 755 00:45:17,920 --> 00:45:21,460 మమ్మల్ని వారిని ఎక్కడికి వెళ్లడానికైనా అనుకుంటున్న నేను ఒకే పేజీలో ఉండండి. 756 00:45:21,460 --> 00:45:27,060 కాబట్టి తప్పుడు రావడం ద్వారా, మేము రూపం మాకు అలా పోకుండా. 757 00:45:27,060 --> 00:45:31,170 యొక్క ఈ వాస్తవానికి ఎలా పరిశీలించి చూద్దాం. 758 00:45:31,170 --> 00:45:34,180 మా కోట్ పేజీ కనిపిస్తుంది. 759 00:45:34,180 --> 00:45:37,240 మేము ఏమి చూడగలరు మీ డౌన్ ఇక్కడ ఇన్స్పెక్టర్ పుల్ అప్ లెట్. 760 00:45:37,240 --> 00:45:40,270 అది కొద్దిగా తక్కువ భారీ చేయండి. 761 00:45:40,270 --> 00:45:44,590 మేము HTTP అభ్యర్ధనలు అన్ని చూడవచ్చు మేము నెట్వర్క్ ట్యాబ్ను తెరిస్తే గుర్తుంచుకో, ఈ ఉంది 762 00:45:44,590 --> 00:45:47,570 ఆ పేజీ సంభవిస్తున్నాయి. 763 00:45:47,570 --> 00:45:52,890 >> గుర్తు కోసం AAPL టైపు కోట్ పొందండి క్లిక్ చేయండి. 764 00:45:52,890 --> 00:45:56,720 ఇప్పుడు మేము Apple యొక్క వాటాను డాలర్ల కొన్ని సంఖ్య ఖర్చు గమనించాను 765 00:45:56,720 --> 00:46:00,410 కేవలం పేజీ లో కనిపించింది, కానీ URL అన్ని వద్ద లేదు. 766 00:46:00,410 --> 00:46:04,570 నిజానికి, ఇక్కడ మేము చేసిన HTTP అభ్యర్థన ఉంది. 767 00:46:04,570 --> 00:46:09,980 మేము quote.php ఒక POST అభ్యర్థనను చేసింది. భావన కల్పిస్తుంది. 768 00:46:09,980 --> 00:46:12,800 ఈ సర్వర్ మాకు పంపిన ఏమిటి. 769 00:46:12,800 --> 00:46:16,320 ఇది ఇకపై చిత్రాలు మరియు వంటి విషయాల్లో ఈ అతిపెద్ద HTML పత్రం యొక్క 770 00:46:16,320 --> 00:46:20,920 అది కేవలం టెక్స్ట్ లోని ఒక లైన్, మరియు అప్పుడు మేము టెక్స్ట్ యొక్క లైన్ ప్రదర్శించబడుతుంది. 771 00:46:20,920 --> 00:46:26,290 మేము శీర్షికలకు తిరిగి వెళ్లి మేము నిజానికి ఈ HTTP అభ్యర్థన లోపల పంపిన చూడటానికి ఉంటే, 772 00:46:26,290 --> 00:46:33,950 మేము, మేము గుర్తు మరియు AAPL ఒక విలువ యొక్క కీ పాటు పంపిన ఇక్కడ డౌన్ చూడగలరు 773 00:46:33,950 --> 00:46:36,430 ఇది వినియోగదారు సైన్ టైప్ ఏమిటి 774 00:46:36,430 --> 00:46:39,230 ఈ nice, కాని ఇది ఇప్పటికీ కాస్త కోపం తెప్పించేది ఉంది. 775 00:46:39,230 --> 00:46:42,490 నేను ఇప్పటికీ స్టాక్ కోట్ పొందడానికి ఈ బటన్ క్లిక్ చేసి. 776 00:46:42,490 --> 00:46:45,880 మేము బిజీగా ఉన్నాము ప్రజలు మరియు మేము బటన్లను క్లిక్ చేయండి సమయం లేదు. 777 00:46:45,880 --> 00:46:49,910 వారు Google తక్షణ అమలు చేసినప్పుడు Google అయితే క్రితం ఈ చిన్న గుర్తించారు. 778 00:46:49,910 --> 00:46:53,590 మీరు టైప్ చేస్తున్నప్పుడు వంటి ఏమిటి Google తక్షణ చేస్తుంది ఇది మీ కోసం ఫలితాలు ప్రదర్శించే మొదలవుతుంది 779 00:46:53,590 --> 00:46:56,520 కాబట్టి మీరు కూడా శోధించు క్లిక్ గురించి ఆందోళన లేదు. 780 00:46:56,520 --> 00:46:58,730 అసలైన, ఒక సరదా కథ ఆ సంబంధించిన. 781 00:46:58,730 --> 00:47:01,100 Google తక్షణ వచ్చింది ఒకసారి, ప్రజలు, వంటి వారు "అయ్యో, ఈ సూపర్ అద్భుతమైన ఉంది." 782 00:47:01,100 --> 00:47:02,540 "ఈ విధంగా బాగుంది." 783 00:47:02,540 --> 00:47:05,950 మరియు స్టాన్ఫోర్డ్ వద్ద ఒక విద్యార్థి డౌన్ సమయంలో 19 అయిన 784 00:47:05,950 --> 00:47:09,000 YouTube తక్షణ అని ఈ సైట్ చేసింది. 785 00:47:09,000 --> 00:47:13,170 అన్ని YouTube తక్షణ సమర్థవంతంగా తక్షణమే YouTube శోధన లేదు. 786 00:47:13,170 --> 00:47:17,020 కాబట్టి బదులుగా శోధన YouTube.com మరియు నొక్కండి వెళ్ళి అవసరం కంటే, 787 00:47:17,020 --> 00:47:21,650 నేను CS50 వంటి YouTube తక్షణ ఏదో టైప్ ప్రారంభించినప్పుడు, 788 00:47:21,650 --> 00:47:25,320 మేము అది నెమ్మదిగా ఇంటర్నెట్ కనెక్షన్ ప్రయత్నిస్తున్నాడు ఇక్కడ చూడవచ్చు 789 00:47:25,320 --> 00:47:28,500 ఈ ఫలితాలు ప్రత్యక్షంగా జనసాంద్రత పెరుగుతుంది. 790 00:47:28,500 --> 00:47:35,590 మేము నిజంగా మా quote.js ఫైలుకు చాలా సులభమైన మార్పు చేసే చేయుటకు. 791 00:47:35,590 --> 00:47:40,900 సమర్పించిన ఉన్నప్పుడు ప్రస్తుతం మేము ఈ ఈవెంట్ అటాచ్ చేస్తున్నారు. 792 00:47:40,900 --> 00:47:43,760 మమ్మల్ని, వినియోగదారు ఏ విధంగా ఆ రూపం submit చేయాలని లేదు 793 00:47:43,760 --> 00:47:48,570 కాబట్టి యొక్క బదులుగా ఈ సంఘటన యూజర్ ఒత్తిడి పరికరాలు కీ ప్రతిసారీ కాల్పులు తెలియజేయండి. 794 00:47:48,570 --> 00:47:53,200 లెట్స్ మొదటి keyup సమర్పించడానికి నుండి ఈవెంట్ చేసే చేయుటకు. 795 00:47:53,200 --> 00:47:55,740 బదులుగా రూపం సమర్పించడానికి కోసం, వేచి కంటే అని 796 00:47:55,740 --> 00:47:58,490 ప్రతిసారీ కీ ను నొక్కినప్పుడు, ఏదో జరిగే ఉంటుంది. 797 00:47:58,490 --> 00:48:02,030 ఇది ఇకపై మొత్తం రూపం ఈ keyup ఈవెంట్ అటాచ్ అర్థవంతంగా ఉంటుంది. 798 00:48:02,030 --> 00:48:05,080 మమ్మల్ని మాత్రమే శోధన బాక్స్ పట్టించుకోనట్లు. 799 00:48:05,080 --> 00:48:09,320 >> ఇప్పుడు, మనం కాకుండా రూపం కోట్ కంటే, ఈ గా మార్చవచ్చు ఎంచుకునేందుకు, 800 00:48:09,320 --> 00:48:14,220 రూపం కోట్ మరియు మేము ఒక ఇన్పుట్ ఉంటుంది (= టెక్స్ట్ టైప్) లేదా మేము (= మానవ పేరు) చెప్పగల్గినవి - 801 00:48:14,220 --> 00:48:16,420 మేము కావలసిన. 802 00:48:16,420 --> 00:48:18,650 ఇప్పుడు మేము లేదు ఒక చివరి విషయము. 803 00:48:18,650 --> 00:48:21,190 మేము తిరిగి తప్పుడు ఇలా చెప్పాడు ఇక్కడ డౌన్ గుర్తుంచుకో 804 00:48:21,190 --> 00:48:24,370 మేము డిఫాల్ట్ ఈవెంట్ కాల్పులు అనుకోవడం లేదు. 805 00:48:24,370 --> 00:48:26,390 మేము ఇప్పుడు డిసేబుల్ అయితే ఇది కేవలం కాబట్టి, ఆ జరుగుతుంది 806 00:48:26,390 --> 00:48:29,660 మేము టైప్ ఏ ఇకపై బ్రౌజర్ లో చూపించడానికి వెళ్ళడం లేదు 807 00:48:29,660 --> 00:48:33,000 ఒక టెక్స్ట్ బాక్స్ లో టైప్ యొక్క డిఫాల్ట్ ప్రవర్తన ఉంటుంది ఎందుకంటే. 808 00:48:33,000 --> 00:48:38,660 మేము ఇప్పుడు అలా యొక్క ఈ తిరిగి తప్పుడు నాశనం చేయగల భర్తీ చేయాలనుకుంటే. 809 00:48:38,660 --> 00:48:44,800 నేను AAPL టైప్ చేయడం ఆ సేవ్ మరియు ఇప్పుడు, పేజీని రీలోడ్ చేస్తే 810 00:48:44,800 --> 00:48:50,160 మీరు ఇక్కడ దిగువన స్టాక్ ధర స్వయంచాలకంగా పూర్తి అని చూస్తారు. 811 00:48:50,160 --> 00:48:53,150 ఇక్కడ CS50 ఫైనాన్స్ తక్షణ ఉంది. 812 00:48:53,150 --> 00:48:55,860 YouTube తక్షణ గురించి అసలైన సరదాగా కథ 813 00:48:55,860 --> 00:48:59,420 ఆ విద్యార్థి కేవలం రకమైన, ఒక 1-రాత్రి ప్రాజెక్టు రాసింది ఉంది 814 00:48:59,420 --> 00:49:03,800 మరియు తర్వాత రోజు ఆయన YouTube CEO ద్వారా ఉద్యోగానికి అందించారు. 815 00:49:03,800 --> 00:49:10,610 ఆ విధంగా సాధారణ, మీరు CS50 విద్యార్థులు, మీ చివరి ప్రాజెక్టులు మీరు YouTube లో ఒక ఉద్యోగం పొందవచ్చు. 816 00:49:10,610 --> 00:49:14,720 అలాంటిదే హక్కు, ఒక చివరి ప్రాజెక్ట్ కోసం ఒక నిజంగా చల్లని ఆలోచన? 817 00:49:14,720 --> 00:49:18,170 మేము ఇంటిగ్రేట్ కోరుకున్నాడు కొంతమంది పనితనాన్ని కలిగి. 818 00:49:18,170 --> 00:49:20,330 మేము, యూజర్ అనుభవాన్ని కొద్దిగా మెరుగు 819 00:49:20,330 --> 00:49:24,340 మరియు అకస్మాత్తుగా YouTube తక్షణ న ఏదో శోధించడం చాలా సులభం కావచ్చు 820 00:49:24,340 --> 00:49:27,290 సాధారణ YouTube లో శోధించే కంటే. 821 00:49:27,290 --> 00:49:30,790 కాబట్టి ఆ క్లుప్తంగా అజాక్స్ యొక్క. 822 00:49:30,790 --> 00:49:34,860 >> జోసెఫ్ చూపిస్తున్న ఆ ఉదాహరణలలో, మేము, autocompletes చాలా చూసింది 823 00:49:34,860 --> 00:49:39,250 మేము గుర్తు లేదు ఎందుకంటే ఆ autocompletes నిజంగా సులభ ఉంటాయి - 824 00:49:39,250 --> 00:49:41,770 ఉదాహరణకు, మీరు ఆపిల్ కోసం స్టాక్ ధర గుర్తు లేదు 825 00:49:41,770 --> 00:49:45,110 మరియు మేము దానిని కేవలం నాకు చెప్పడం కంటే, AA ఏదో తెలిసిన 826 00:49:45,110 --> 00:49:48,740 "ఈ విషయం వాటాను, అధిక వ్యయం" 827 00:49:48,740 --> 00:49:52,540 నేను రకమైన స్టాక్స్ AA ప్రారంభం ఏమి చేయాలనుకుంటే. 828 00:49:52,540 --> 00:49:58,340 మేము ఇప్పటికే సహా ఆ బూట్స్ట్రాప్ లైబ్రరీ తో నిజంగా చక్కగా ఆ చేయవచ్చు 829 00:49:58,340 --> 00:50:01,380 CS50 ఫైనాన్స్ లోపలి. 830 00:50:01,380 --> 00:50:09,390 మీరు JavaScript ట్యాగ్ ఇక్కడ వచ్చి Typeahead క్రిందికి స్క్రోల్ ఉంటే, 831 00:50:09,390 --> 00:50:13,730 ఇది, కేవలం ఎవరైనా ఇప్పటికే మాకు కోసం వ్రాశారు nice ప్లగ్ఇన్ 832 00:50:13,730 --> 00:50:16,980 మరియు మేము సులభంగా ఈ దాని కార్యాచరణ ఉపయోగించవచ్చు. 833 00:50:16,980 --> 00:50:21,410 నేను ఒక ఒక టైప్ మరియు ఇక్కడ A. ప్రారంభం కొన్ని రాష్ట్రాల జాబితా 834 00:50:21,410 --> 00:50:25,360 లెట్ యొక్క ఇది నిజంగా చల్లని భావిస్తున్న సే మరియు నేను నా పేజీలో ఈ చేర్చడానికి కోసం సమయం. 835 00:50:25,360 --> 00:50:28,300 ఈ నిజంగా సాధారణ అవుతుంది. 836 00:50:28,300 --> 00:50:32,810 యొక్క quote3.js ఇక్కడ జంప్ ఓవర్ లెట్. 837 00:50:34,890 --> 00:50:37,380 నా ఫైలు కొద్దిగా విభిన్నంగా కనిపిస్తుంది. 838 00:50:37,380 --> 00:50:39,700 డౌన్ ఇక్కడ నా AJAX stuff యొక్క ఒకే ఉంది. 839 00:50:39,700 --> 00:50:43,170 నేను మరొక పేజీకి వెళ్లండి చేయకుండా స్టాక్ డేటా లోడు చేయాలనుకుంటే. 840 00:50:43,170 --> 00:50:46,220 కానీ ఇప్పుడు నేను ఈ ప్లగ్ఇన్ ఉపయోగించాలనుకుంటున్నాను. 841 00:50:46,220 --> 00:50:51,020 బూట్స్ట్రాప్ డాక్యుమెంటేషన్ నేను ఎలా సరిగ్గా యొక్క గొప్ప ఉదాహరణలలో ఉంది. 842 00:50:51,020 --> 00:50:54,350 నేను చెప్పాలనుకోవడం, "ఇక్కడ, నేను స్వీయపూర్తి చేయదలిచిన ఇన్పుట్ యొక్క" 843 00:50:54,350 --> 00:50:56,640 మరియు నేను, typeahead అని ఈ ఫంక్షన్ కాల్ వెళుతున్న 844 00:50:56,640 --> 00:50:59,730 మరియు మాకు కోసం Typeahead stuff అన్ని నిర్వహించడానికి జరగబోతోంది. 845 00:50:59,730 --> 00:51:02,090 ఇది జాబితా ప్రారంభించడం, ఇది మా ఫిల్టరింగ్ అన్ని చేస్తుంది. 846 00:51:02,090 --> 00:51:06,680 అది తెలుసుకోవాలి మాత్రమే విషయం మేము autocompleting ఏమి డేటా ఉంది. 847 00:51:06,680 --> 00:51:10,480 కాబట్టి నేను డాక్యుమెంటేషన్ చదవడం మరియు ఉదాహరణలు చూడటం ద్వారా ఈ కీ కనుగొన్నాడు. 848 00:51:10,480 --> 00:51:14,150 నేను మూల కీలక, ఈ కీ యొక్క విలువ ఇవ్వడం ఉంటే 849 00:51:14,150 --> 00:51:17,770 నేను స్వీయపూర్తి మీరు విషయాలను కొన్ని శ్రేణి. 850 00:51:17,770 --> 00:51:20,180 ఈ వేరియబుల్ ఈ ఇతర ఫైల్ నుండి వచ్చింది. 851 00:51:20,180 --> 00:51:23,400 నేను symbols.js అప్ తెరవండి. 852 00:51:23,400 --> 00:51:27,980 >> ఈ symbols.js తీగలను కలిగి ఉన్న ఈ నిజంగా పెద్ద శ్రేణి 853 00:51:27,980 --> 00:51:32,080 NASDAQ నుండి ఈ స్టాక్ గుర్తులను అన్ని యొక్క. 854 00:51:32,080 --> 00:51:42,190 నేను HTML, కాబట్టి jharvard, vhosts, globalhost, html, టెంప్లేట్ తిరిగి వెళ్ళు చేయాలనుకుంటే 855 00:51:42,190 --> 00:51:45,820 quote_form. 856 00:51:45,820 --> 00:51:50,910 ఇప్పుడు quote3.js అని నాటి నుండి, నాకు ఇక్కడ కలుపుతున్నాను JavaScript ఫైలు మార్చిన తెలియజేయండి. 857 00:51:50,910 --> 00:51:55,110 ఇప్పుడు నేను quote3.js కలిగి ఉంటాయి, కాబట్టి నేను ఆ ప్రత్యేక JavaScript ఫైలులో లోడ్ వెళుతున్న 858 00:51:55,110 --> 00:51:57,910 ఆ బూట్స్ట్రాప్ స్వీయపూర్తి కలిగి ఒకటి. 859 00:51:57,910 --> 00:52:04,430 ఇప్పుడు నేను బ్రౌజర్ తిరిగి వెళ్ళు సమయంలో,, పేజీని రీలోడ్, మరియు నేను AA టైప్ చెయ్యడం ప్రారంభించండి 860 00:52:04,430 --> 00:52:06,880 నా స్వీయపూర్తి ఉంది. అది నిజంగా అంత సులభమైనది ఉంది. 861 00:52:06,880 --> 00:52:11,400 నేను ", ఇక్కడ నేను స్వీయపూర్తి మీరు విషయాలు" కేవలం చెప్పారు కోడ్ 1 లైన్ కలిగి 862 00:52:11,400 --> 00:52:16,590 మరియు అకస్మాత్తుగా నేను వద్ద ప్రయత్నం యొక్క మొత్తం కాదు చాలా ఈ నిజంగా నైస్ కార్యాచరణ ఉంది. 863 00:52:16,590 --> 00:52:19,810 వెబ్సైట్లు మరియు విషయాలను ముఖ్యంగా ఫ్రంట్ ఎండ్ వైపు అభివృద్ధి చేస్తున్నపుడు, 864 00:52:19,810 --> 00:52:21,840 మీరు ఈ సందర్భంలో చాలా ఉంది కనుగొనేందుకు వెళుతున్న. 865 00:52:21,840 --> 00:52:25,700 అక్కడ నిజంగా చల్లని ఉచిత గ్రంథాలయాలు చాలా, చాలా, చాలా ఉన్నాయి 866 00:52:25,700 --> 00:52:30,190 అది ఈ వంటి విషయాలను సులభంగా సూపర్ చేయండి. 867 00:52:30,190 --> 00:52:37,230 ఎవరైనా కేవలం చిహ్నాలు యొక్క ఈ పెద్ద జాబితాలో autocompleting ఏ లోపాలు కూడా ఆలోచించవచ్చు? 868 00:52:37,230 --> 00:52:41,580 ఈ విధానం ద్వారా ఉత్తమ లేనిది ఏదో ఒకటి ఉంటుంది? 869 00:52:42,790 --> 00:52:45,960 అవును. >> [విద్యార్థి] సమయం, మీరు [వినబడని] చాలా ఉంటే 870 00:52:45,960 --> 00:52:50,420 అవును. ప్రస్తుతం మేము ఈ భారీ JavaScript ఫైల్ డౌన్లోడ్ చేసిన మరియు చిహ్నాలు చాలా ఉంది. 871 00:52:50,420 --> 00:52:54,360 మాకు ఒక టన్ను ఉంటే కనుక ఈ విధంగా చెప్పాడు రకమైన మాత్రమే శోధించడం లేదు యొక్క అంతర్గతాన్ని పెంచవచ్చు 872 00:52:54,360 --> 00:52:56,600 కానీ అసలు ఫైల్ డౌన్లోడ్. 873 00:52:56,600 --> 00:52:58,670 గ్రేట్. ఏదైనా? 874 00:53:01,950 --> 00:53:05,280 ప్రస్తుతం ఔచిత్యం సంఖ్య వాస్తవ అర్ధంలో ఉంది. 875 00:53:05,280 --> 00:53:08,190 నేను ఇక్కడ ఒక A, సంస్థలు టైప్ ఉంటే 876 00:53:08,190 --> 00:53:11,220 A. ప్రారంభం ఆ అత్యంత ప్రాచుర్యం సంస్థలు కాదు 877 00:53:11,220 --> 00:53:17,130 >> నేను Apple ను ముందు, నేను చూస్తున్నాను కనుగొనడానికి కొన్ని ఎక్కువ అక్షరాలు పడుతుంది. 878 00:53:17,130 --> 00:53:20,420 ఈ స్వీయపూర్తి ఔచిత్యము ఈ కోణంలో లేదు. 879 00:53:20,420 --> 00:53:24,400 ఇది కేవలం చెప్పడానికి జరగబోతోంది "నేను ప్రదర్శించడానికి వెళుతున్న సరిపోయే ఏదైనా." 880 00:53:24,400 --> 00:53:30,510 బదులుగా ఆ యొక్క, నేను ఏదో నా శోధనలు కొన్ని ఔచిత్యం ఇంటిగ్రేట్ చేయాలనుకుంటున్న. 881 00:53:30,510 --> 00:53:36,440 , Finance.yahoo.com, నేను Yahoo! ఫైనాన్స్ ఇక్కడ వెళ్ళి ఉంటే 882 00:53:36,440 --> 00:53:42,100 నేను Yahoo! ఫైనాన్స్ పేజీలో ఒక గుర్తును ఎంటర్ ప్రయత్నించండి ఉంటే 883 00:53:42,100 --> 00:53:52,310 మరియు నేను goog టైప్ చెయ్యడం ప్రారంభించండి, నేను విషయాల ఈ nice జాబితా. 884 00:53:52,310 --> 00:53:57,100 Yahoo! ఫైనాన్స్ మరింత తెలివైన ఇక్కడ ఏదో ఒక పని చేస్తూ ఉన్నట్లు స్పష్టంగా, కనిపిస్తోంది. 885 00:53:57,100 --> 00:53:59,790 వారు కొన్ని సంబంధం కలిగి మరియు వారు కూడా అదనపు సమాచారం 886 00:53:59,790 --> 00:54:01,430 స్టాక్ పేరు ఇష్టపడుతున్నారు. 887 00:54:01,430 --> 00:54:05,850 నేను నిజంగా చిహ్నాలు యొక్క నా స్టాక్ జాబితాను పొందలేము ఏదో పేర్కొంది. 888 00:54:05,850 --> 00:54:09,520 నేను ఈ మీరు మరియు నేను, దానిని వెళుతున్న. 889 00:54:09,520 --> 00:54:11,790 లెట్స్ కొన్ని పనులను చేస్తాయి చేయుటకు. 890 00:54:11,790 --> 00:54:15,580 లెట్ యొక్క మొదటి ఈ పేజీలో ఇన్స్పెక్టర్ ప్రారంభం 891 00:54:15,580 --> 00:54:18,100 మేము ఈ పేజీ అసలు రీలోడ్ లేని చూసిన, ఎందుకంటే 892 00:54:18,100 --> 00:54:21,960 కాబట్టి ఇది బహుశా దాని డేటాను లోడ్ చేయడానికి ఏదో AJAX ఉపయోగించి మాత్రమే. 893 00:54:21,960 --> 00:54:23,920 మేము లోడ్ ఏమి డేటా తెలుసుకోవచ్చు. 894 00:54:23,920 --> 00:54:28,390 నేను ఈ నెట్వర్క్ టాబ్ పై క్లిక్ చేస్తే, ఈ ఉపయోగించవచ్చు మొదలు అభ్యర్ధనలను అన్ని ఉంటాయని నేను. 895 00:54:28,390 --> 00:54:34,020 నేను గూ టైప్ ఉంటే ఇప్పుడు మేము నేను కొత్త HTTP అభ్యర్థన వచ్చింది అని చూడగలరు. 896 00:54:34,020 --> 00:54:37,490 ఆ సమాచారం నుండి వచ్చే కౌంటీ ఈ బహుశా ఉంది. 897 00:54:37,490 --> 00:54:41,990 తగినంత ఖచ్చితంగా, నేను వింతగా అనే బిట్ ఈ URL వద్ద చూస్తే, 898 00:54:41,990 --> 00:54:46,930 మేము Yahoo నుండి డేటా ఆఫ్ పంపడం కౌంటీ ఈ ఖచ్చితంగా అని చూడగలరు. 899 00:54:46,930 --> 00:54:53,400 >> నేను ఆత్మ లో కనపడే ఫంక్షన్ కు సమానమైన అని suggest.php అనే ఒక ప్రత్యేక ఫైలు సృష్టించారు. 900 00:54:53,400 --> 00:54:57,730 ఇది ప్రాథమికంగా Yahoo యొక్క URL ఒక ప్రశ్న తయారు అవకాశముంది,, కొన్ని డేటా తిరిగి 901 00:54:57,730 --> 00:54:59,750 మరియు నాకు అది తిరిగి పంపండి. 902 00:54:59,750 --> 00:55:02,570 ఇప్పుడు, బదులుగా చిహ్నాలు యొక్క ఈ పెద్ద, పెద్ద జాబితా ఉపయోగించి కంటే, 903 00:55:02,570 --> 00:55:05,280 నేను, Yahoo యొక్క నైస్ ఔచిత్యం విషయాలు ఉపయోగించవచ్చు 904 00:55:05,280 --> 00:55:08,150 మరియు నేను ఆ భారీ JavaScript ఫైల్ డౌన్లోడ్ అవసరం లేదు. 905 00:55:08,150 --> 00:55:12,040 నేను మాత్రమే వాస్తవానికి సంబంధిత స్టాక్ గుర్తులను లాగేందుకు వెళుతున్న. 906 00:55:12,040 --> 00:55:13,960 ఆ దూకి యొక్క లెట్. 907 00:55:13,960 --> 00:55:17,360 కాబట్టి html, JS. మేము quote4 లో ఉన్నారు. 908 00:55:17,360 --> 00:55:22,120 ఇప్పుడు మేము ఇకపై జావాస్క్రిప్ట్ ఫైళ్లు యొక్క పెద్ద జాబితా ఉపయోగిస్తున్నారు. 909 00:55:22,120 --> 00:55:24,430 అయితే రూపకల్పన సమస్య యొక్క ఒక చిన్న తరహా ఇక్కడ ఉంది. 910 00:55:24,430 --> 00:55:28,200 మేము AJAX ఒక అసమకాలిక అని చెప్పారు చేసాము. 911 00:55:28,200 --> 00:55:31,000 దాని అర్థం, నేను ఒక AJAX అభ్యర్థన ఆ ఉంది 912 00:55:31,000 --> 00:55:36,490 నా AJAX అభ్యర్థన వాస్తవానికి తొలగించారు కౌంటీ కాబట్టి ఇక్కడే లైన్ 8 న, ఈ ఉంది. 913 00:55:36,490 --> 00:55:40,370 లెట్ యొక్క ఇప్పుడు నేను కొన్ని పనులే చేస్తాం వెళుతున్న ఆ డౌన్ ఇక్కడ కొన్ని కోడ్ ఉన్నాయి, అవి 914 00:55:40,370 --> 00:55:43,930 పేజీ వినియోగదారు లేదా మార్పు ఏదో హెచ్చరికను ఇష్టం. 915 00:55:43,930 --> 00:55:49,830 ఉంది జరిగే లేదు ఏమి బ్రౌజర్ కొనసాగించడానికి ఈ అభ్యర్థన వేచి వెళ్ళడం లేదు 916 00:55:49,830 --> 00:55:53,480 ముందు డౌన్ వస్తున్న లైన్ కొట్టిన. 917 00:55:53,480 --> 00:55:55,900 ఆ అసమకాలిక భాగం. 918 00:55:55,900 --> 00:55:58,400 ఇది ఈ అభ్యర్థన మరియు మీరు పూర్తి ఎప్పుడు "సే అవకాశముంది 919 00:55:58,400 --> 00:56:03,080 "తిరిగి వచ్చి నేను విజయం లోపలి కాల్ మీరు చెప్పారు ఆ ఫంక్షన్ కాల్." 920 00:56:03,080 --> 00:56:07,300 మేము ముందుగానే అన్ని స్టాక్స్ కేవలం డౌన్లోడ్ కాదు అంటే. 921 00:56:07,300 --> 00:56:10,300 మేము అభ్యర్థన మరియు తిరిగి రావాలని ఏదో వేచి ఉండాలి. 922 00:56:10,300 --> 00:56:13,330 ముందు అని, మేము కేవలం, బూట్స్ట్రాప్ తెలియజేయగలరా 923 00:56:13,330 --> 00:56:15,580 "ఇక్కడ నేను స్వీయపూర్తి ఉంచాలనుకుంటున్నారా విషయాలను జాబితా ఉంది." 924 00:56:15,580 --> 00:56:18,950 మనం చెప్పలేము ఎందుకంటే మేము ఇకపై ఇకపై ఆ చేయవచ్చు 925 00:56:18,950 --> 00:56:21,780 మేము నిజంగా స్వీయపూర్తి చేయడానికి ఏమి. 926 00:56:21,780 --> 00:56:25,190 ఆ అక్కడ స్మార్ట్ guys ఎందుకంటే అదృష్టవశాత్తు, బూట్స్ట్రాప్, ఈ యొక్క ఆలోచన 927 00:56:25,190 --> 00:56:30,160 మరియు వారు నిజానికి ఈ Typeahead ప్లగ్ఇన్ లోడ్ మరొక మార్గం ఇచ్చారు. 928 00:56:30,160 --> 00:56:35,630 ముందు, ఈ మూల ఆస్తి విలువ స్వీయపూర్తి విషయాల ఈ పెద్ద అర్రే ఉంది. 929 00:56:35,630 --> 00:56:39,580 >> ఇప్పుడు మూల ఆస్తి, అసలైన విధి 930 00:56:39,580 --> 00:56:44,580 మరియు ఈ చర్య ప్రయోజనాన్ని స్వీయపూర్తి విషయాలను ఏమిటో దొరుకుతుందని ఉంది. 931 00:56:44,580 --> 00:56:48,730 ఆ గుర్తించడానికి జరగబోతోంది విధంగా అది Yahoo! ఫైనాన్స్ గోవా జరగబోతోంది ఉంది 932 00:56:48,730 --> 00:56:51,750 స్వీయపూర్తి ఉత్తమ విషయాలను ఉంటాయి. 933 00:56:51,750 --> 00:56:54,500 నేను ఇలాంటి AJAX అభ్యర్థన వెళుతున్న ఆ చేయుటకు. 934 00:56:54,500 --> 00:56:59,010 నేను suggest.php వద్ద ఈ పేజీ అభ్యర్థించవచ్చు వెళుతున్న. 935 00:56:59,010 --> 00:57:01,360 నేను ఇప్పటికీ చిహ్నాలు పాటు పంపాలని. 936 00:57:01,360 --> 00:57:05,570 ఇప్పుడు నా విజయం బూట్స్ట్రాప్ డాక్యుమెంటేషన్ నాకు చెప్పారు 937 00:57:05,570 --> 00:57:09,130 ఆ క్రమంలో, విషయాలను ఆ జాబితా జననివాసం కు 938 00:57:09,130 --> 00:57:14,370 నేను ఏమి చేయాలి అన్ని బ్యాక్ కు ఇప్పుడు ఈ శ్రేణి లో తరలింపు. 939 00:57:14,370 --> 00:57:15,660 కానీ ఒక నిమిషం ఆగండి. 940 00:57:15,660 --> 00:57:20,240 ఈ వ్యూహం భావించబడేది మరియు AJAX, తిరిగి టెక్స్ట్ నాకు పంపడం ఉంటే 941 00:57:20,240 --> 00:57:22,720 ఎలా ఉండే అవకాశం ఉంది? 942 00:57:22,720 --> 00:57:27,910 ఈ JSON అని డేటాను మార్పిడి యొక్క నూతన మార్గంలో పరిచయం. 943 00:57:27,910 --> 00:57:33,000 ఈ సందర్భంలో మనం కేవలం టెక్స్ట్ యొక్క ఒక సాధారణ పదబంధం పంపి లేదు. 944 00:57:33,000 --> 00:57:37,670 ఇప్పుడు మేము స్టాక్ గుర్తులను ఈ క్లిష్టమైన జాబితా వ్యవహరించే చేస్తున్నారు. 945 00:57:37,670 --> 00:57:41,730 ఈ స్టాక్ గుర్తులను కూడా కంపెనీ పేరు లేదా ప్రస్తుత ధరలు వంటి వాటిని కలిగి ఉంటాయి. 946 00:57:41,730 --> 00:57:47,550 ఏ ఊహించదగిన విధంగా ఫార్మాట్ చెయ్యబడని ఒక పెద్ద దీర్ఘ స్ట్రింగ్ ఉపయోగించి 947 00:57:47,550 --> 00:57:51,970 నాకు యాహూ సర్వర్ నుండి ఈ డేటాను పొందడానికి ఉత్తమ మార్గం వెళ్ళడం లేదు 948 00:57:51,970 --> 00:57:54,540 నేను సులభంగా అర్థం చేసుకోవచ్చు విధంగా. 949 00:57:54,540 --> 00:58:01,280 JSON మేము JavaScript లో సహయోగ శ్రేణుల సృష్టించడానికి ఎలా ప్రయోజనాన్ని తీసుకుంటుంది ఒక సాంకేతికత. 950 00:58:01,280 --> 00:58:04,510 ఇది ఒక JavaScript సహయోగ శ్రేణి వంటి చాలా కనిపిస్తుంది 951 00:58:04,510 --> 00:58:06,600 ఇది ఎందుకంటే నిజానికి, ఇది. 952 00:58:06,600 --> 00:58:09,710 JSON జావాస్క్రిప్ట్ ఆబ్జెక్ట్ నొటేషన్ సూచిస్తుంది. 953 00:58:09,710 --> 00:58:15,020 ఈ ప్రాథమికంగా ఒక ముందుకు వెనుకకు డేటా బదిలీ కోసం ఆకృతిని ఒప్పుకున్నాయి ఉంది. 954 00:58:15,020 --> 00:58:18,280 ఈ JSON అంశం లేదా ఈ JSON సహయోగ శ్రేణి ఇక్కడ 955 00:58:18,280 --> 00:58:21,010 నాకు కోర్సు గురించి కొన్ని డేటా పంపుతోంది. 956 00:58:21,010 --> 00:58:25,110 >> ఈ శ్రేణి యొక్క కీలను cs50 విలువ కలిగి కోర్సు వంటి విషయాలు 957 00:58:25,110 --> 00:58:29,140 మరియు డౌన్ ఇక్కడ మేము నేను వ్యూహం ఆ విలువను కలిగి చూడగలరు. 958 00:58:29,140 --> 00:58:32,730 నేను తీగలు బయటకు అన్వయ వంటి వాటిని లేదు మరియు కామాలతో కోసం చూడండి లేదు 959 00:58:32,730 --> 00:58:35,330 మరియు ఆ క్రేజీ లైక్ పనులను. 960 00:58:35,330 --> 00:58:38,820 ఈ ఈ JSON ఫార్మాట్ ప్రకటించింది ఎందుకంటే, 961 00:58:38,820 --> 00:58:43,510 JavaScript మరియు j క్వెరీ ఇప్పటికే స్ట్రింగ్ మార్చడానికి విధులు 962 00:58:43,510 --> 00:58:48,140 ఒక వాస్తవ JavaScript సహయోగ శ్రేణి ఈ JSON కనిపించే 963 00:58:48,140 --> 00:58:50,440 మేము పని చేయవచ్చు ఆ. 964 00:58:50,440 --> 00:58:56,660 ఆ డూయింగ్, ఇకపై ఈ ఫైలు, suggest.php అని ఇలా వంటి సులభం 965 00:58:56,660 --> 00:58:59,040 , తిరిగి కేవలం టెక్స్ట్ యొక్క స్ట్రింగ్ నాకు పంపడం 966 00:58:59,040 --> 00:59:01,950 కాని దాన్ని తిరిగి JSON నాకు పంపడం చేస్తాడు తెలుసు. 967 00:59:01,950 --> 00:59:06,760 ఆ JSON ఒక JavaScript సహయోగ శ్రేణి లోకి మార్చవచ్చు అర్థం. 968 00:59:06,760 --> 00:59:10,830 కాబట్టి క్వెరీ, నేను మీరు నాకు ఆ ఏమి చేయాలనుకుంటున్నారు. 969 00:59:10,830 --> 00:59:13,990 అని ఇక్కడ ఈ ప్రతిస్పందన పారామీటర్, 970 00:59:13,990 --> 00:59:16,070 ఈ ఇకపై కేవలం సమూహము. 971 00:59:16,070 --> 00:59:19,860 మేము క్వెరీ చెప్పారు చేసిన ఎందుకంటే ఇక్కడ, కొన్ని JSON వస్తుంది 972 00:59:19,860 --> 00:59:22,950 క్వెరీ చెప్పడానికి తగిన స్మార్ట్ అని అన్నారు, "మీరు JSON భావించారా?" 973 00:59:22,950 --> 00:59:26,890 "మీ కోసం నేను ఒక అనుబంధ శ్రేణి ఆ మార్చేందుకు వెళుతున్న." 974 00:59:26,890 --> 00:59:32,100 మేము quote4.js తర్వాత యొక్క వాస్తవానికి నెట్వర్క్ టాబ్ పరిశీలించి చూద్దాం. 975 00:59:32,100 --> 00:59:35,400 మేము ఈ మార్పు మరియు పేజీని రీలోడ్ చేస్తాము. 976 00:59:37,150 --> 00:59:41,250 ఇప్పుడు నేను ఒక టైప్ వెళుతున్న. 977 00:59:41,250 --> 00:59:45,600 నేను, suggest.php రెండు కోరిన, కానీ ఇప్పుడు ఈ ప్రతిస్పందన చేసిన 978 00:59:45,600 --> 00:59:48,670 కేవలం స్ట్రింగ్ కంటే, అది JSON ఉంది. 979 00:59:48,670 --> 00:59:52,580 కాబట్టి నేను ఒక బహిరంగ వంకర జంట కలుపు, చెప్పడం కలిగి "ఇక్కడ ఒక అనుబంధ శ్రేణి వస్తుంది." 980 00:59:52,580 --> 00:59:56,830 >> ఈ అనుబంధ శ్రేణి యొక్క మొదటి మరియు ఏకైక కీ, చిహ్నాలు అని పిలుస్తారు 981 00:59:56,830 --> 01:00:00,240 మరియు ఇక్కడ సంబంధిత చిహ్నాలు అన్ని యొక్క ఒక శ్రేణి 982 01:00:00,240 --> 01:00:04,820 ఆ అతిపెద్ద జాబితా నుండి, Yahoo! ఫైనాన్స్ నుండి ప్రస్తుతం వస్తున్న. 983 01:00:06,110 --> 01:00:10,630 నేను కేవలం ఈ స్వీయపూర్తి ప్లగ్ఇన్ జననివాసం ఎలా పొందాలో 984 01:00:10,630 --> 01:00:14,280 ఇప్పటికే ముందుగా నిర్ణయించిన ఒక స్థానిక ఫైల్ నుండి వచ్చే కాదు కొన్ని డేటా తో 985 01:00:14,280 --> 01:00:17,490 కానీ ఏదో నుండి. 986 01:00:17,490 --> 01:00:21,160 ఇది మేము నిజంగా JSONP అనే టెక్నాలజీ ప్రయోజనాన్ని పొందండి ఆ అవుతుంది 987 01:00:21,160 --> 01:00:27,420 లేదా padding తో JSON, ఈ suggest.php మిడిల్ తొలగించడం చేస్తుంది. 988 01:00:27,420 --> 01:00:34,010 కానీ బదులుగా ఆ చేయడం వలన, యొక్క బదులుగా నేను ఈ మరింత మెరుగుపరచడానికి ఎలా పరిశీలించి అనుమతిస్తుంది. 989 01:00:34,010 --> 01:00:36,040 నేను బూట్స్ట్రాప్ యొక్క Typeahead నిజంగా ఇష్టం. ఇది నిజంగా మంచిది. 990 01:00:36,040 --> 01:00:39,570 కానీ, మేము JavaScript వద్ద మంచి చేస్తున్నారు మరియు మేము రకమైన ఈ మేమే చేయాలనుకుంటున్నారా 991 01:00:39,570 --> 01:00:43,870 బహుశా ఈ ప్లగ్ఇన్ చేయడం ఏ పరిశీలించి. 992 01:00:43,870 --> 01:00:46,500 ఆ Typeahead విషయం ఉపయోగించడానికి యొక్క ఇకపై లెట్ 993 01:00:46,500 --> 01:00:50,550 మరియు సూచించిన వాటాల ఈ జాబితా మేమే చేయడానికి ప్రయత్నించండి తెలియజేయండి. 994 01:00:50,550 --> 01:00:53,790 ఇక్కడ quote6.php లో మేము అదే విధంగా ఆఫ్ ఆరంభమవుతుంది చేస్తున్నారు. 995 01:00:53,790 --> 01:00:58,050 అయినా ఎవరో ఒకరు ఏదో రకాల, మేము అజాక్స్ అభ్యర్ధనతో చేయాలనుకుంటున్నాము. 996 01:00:58,050 --> 01:01:01,590 ఈ మా అసలు CS50 ఫైనాన్స్ తక్షణ పోలి ఉంటుంది. 997 01:01:01,590 --> 01:01:05,020 అయితే quote.php ఒక అభ్యర్థనను తయారు కంటే, 998 01:01:05,020 --> 01:01:08,530 మేము ఇప్పుడు ముందు ఆ ఒకే ఫైల్ ఒక అభ్యర్థనను చేస్తున్న, ఈ suggest.php, 999 01:01:08,530 --> 01:01:12,460 ఇది కేవలం Yahoo! ఫైనాన్స్ నుండి డేటా పుల్ అన్నారు. 1000 01:01:12,460 --> 01:01:19,480 >> మళ్లీ,, మేము ఇప్పటికీ JSON ఆశించే, కానీ Typeahead మాకు ఈ చేయడం లేదు ఇప్పుడు నుండి 1001 01:01:19,480 --> 01:01:24,850 మేము కూడా ప్రస్తుత టెక్స్ట్ బాక్స్ లోపల అని విలువ పాటు పంపాలి. 1002 01:01:24,850 --> 01:01:28,120 ఇప్పుడు మేము, Yahoo! ఫైనాన్స్ ఎంటర్టైన్ ఏమి 1003 01:01:28,120 --> 01:01:34,160 అందువలన ఇప్పుడు ఇక్కడ మేము అభ్యర్థన పూర్తి ఒకసారి అమలు చేయదలిచిన ఫంక్షన్ ఉంది. 1004 01:01:34,160 --> 01:01:36,520 మేము, మా జాబితా తయారు ప్లగ్ఇన్ లేదు 1005 01:01:36,520 --> 01:01:40,630 మేము నిజంగా సలహాలను జాబితా నిర్మించడానికి వెళుతున్న కాబట్టి ఇక్కడ ఉన్నారు. 1006 01:01:40,630 --> 01:01:44,850 ఆ చేయుటకు చాలా PHP లో ఇష్టం మేము HTML యొక్క ఈ పెద్ద రెమ్మలు concatenated 1007 01:01:44,850 --> 01:01:48,170 అప్పుడు మేము వాటిని ముద్రించిన, మేము JavaScript లో అదే ఖచ్చితమైన విషయం చేయవచ్చు. 1008 01:01:48,170 --> 01:01:51,850 మొదటి మేము, సలహాలను అని ఈ స్ట్రింగ్ ఆఫ్ ఆరంభమవుతుంది చేస్తున్నారు 1009 01:01:51,850 --> 01:01:54,590 మరియు ఈ స్ట్రింగ్ కొన్ని HTML కలిగి అన్నారు. 1010 01:01:54,590 --> 01:01:58,320 , మేము విషయాలను జాబితా ఉండాలనుకుంటున్నాను, కాబట్టి మేము ఈ జాబితా ట్యాగ్ తో ఆరంభమవుతుంది చేస్తున్నారు 1011 01:01:58,320 --> 01:02:03,340 మరియు ఇప్పుడు మేము మాకు తిరిగి గుర్తులు యొక్క అన్ని iterate చూడాలని. 1012 01:02:03,340 --> 01:02:06,500 మేము dataType చెప్పారు చేసిన ఎందుకంటే, గుర్తుంచుకోండి: 'JSON', ఈ స్ట్రింగ్ కాదు. 1013 01:02:06,500 --> 01:02:09,500 ఈ అప్పటికే మాకు ఒక శ్రేణి. ఇది నిజంగా చల్లని ఉంది. 1014 01:02:09,500 --> 01:02:13,790 మేము కేవలం "నేను మీరు జాబితా మూలకం జోడించు మీరు.", చెప్పగలదు 1015 01:02:13,790 --> 01:02:16,000 మేము, ఆ వైపు ఒక ఒక మూలకం లోపల ఉంచుతాము 1016 01:02:16,000 --> 01:02:19,030 మేము ఇది ఏమి కాబట్టి మేము, అది సూచనల ఒక తరగతి ఇస్తాము 1017 01:02:19,030 --> 01:02:23,880 మరియు ఇప్పుడు ఇక్కడ మేము Yahoo! ఫైనాన్స్ నుండి తిరిగి వచ్చింది అని గుర్తు. 1018 01:02:23,880 --> 01:02:27,230 >> ఒకసారి మేము, మేము చెవిలో చేసిన చిహ్నాలు ప్రతి ఒక మూలకం సృష్టించిన 1019 01:02:27,230 --> 01:02:30,100 మేము కేవలం జాబితా ఆఫ్ మూసివేయాలని మీరు అనుకుంటున్నారా. 1020 01:02:30,100 --> 01:02:33,040 కాబట్టి ఇప్పుడు సలహాలను ఈ చిన్న HTML భాగం సూచిస్తుంది 1021 01:02:33,040 --> 01:02:37,860 ఒక పేజీ మీద పెట్టి మేము చూస్తున్న విషయాల జాబితా అని అన్నారు. 1022 01:02:37,860 --> 01:02:41,070 ఇప్పుడు నిజంగా పేజీలో ఆ ఉంచారు తెలియజేయండి. 1023 01:02:41,070 --> 01:02:46,390 నిజానికి మరొక ఖాళీ DIV సృష్టించిన మరియు నేను సలహాలను యొక్క ID ఇచ్చిన చేసిన చేయుటకు. 1024 01:02:46,390 --> 01:02:52,520 మేము, స్టాక్ డేటా ధర ప్రదర్శిస్తుంది ఆ DIV విషయాలు సెట్ చాలా వంటి 1025 01:02:52,520 --> 01:02:58,600 మేము ఇప్పుడు ఈ స్ట్రింగ్ వెళ్లడానికి ఈ DIV విషయాలు సెట్ చేయాలనుకుంటున్నారా 1026 01:02:58,600 --> 01:03:00,290 ఈ చిహ్నాలు ఇది కలిగి ఉంది. 1027 01:03:00,290 --> 01:03:07,650 ఈ HTML పద్ధతి ఉపయోగించి, ఈ సలహాలను వేరియబుల్, ఈ స్ట్రింగ్, HTML యొక్క సమూహము. 1028 01:03:07,650 --> 01:03:13,490 నేను మీరు ఆ HTML పడుతుంది మరియు సలహాలను అని DIV లోపలి ఉంచండి మీరు. 1029 01:03:13,490 --> 01:03:15,680 మేము ఇప్పుడు DOM ఏదో అనుబంధంగా చేసిన. 1030 01:03:15,680 --> 01:03:20,360 మేము ఇప్పుడు పేజీలో ప్రదర్శించవచ్చు DOM కొన్ని కొత్త అంశాలను జోడించారు. 1031 01:03:20,360 --> 01:03:22,540 ఈ ఎలా చూద్దాం. 1032 01:03:22,540 --> 01:03:29,110 మేము quote6 లో లోడ్ మరియు ఇప్పుడు మేము, తిరిగి రండి ఉంటే 1033 01:03:29,110 --> 01:03:34,480 ఇప్పుడు నేను AAPL టైప్ ప్రారంభించినప్పుడు, మేము ఇకపై ఆ బూట్స్ట్రాప్ స్వీయపూర్తి కలిగి 1034 01:03:34,480 --> 01:03:38,470 కాని ఇప్పుడు మనం చేసిన ఈ జాబితాలో ఉన్నాయి. 1035 01:03:38,470 --> 01:03:43,230 ఈ ఉదాహరణకు, బూట్స్ట్రాప్ Typeahead కంటే కొద్దిగా uglier ఉంది 1036 01:03:43,230 --> 01:03:45,580 కానీ మాకు మరొక పనిని చేయడానికి అనుమతిస్తుంది లేదు. 1037 01:03:45,580 --> 01:03:48,660 మేము ఆ బూట్స్ట్రాప్ ప్లగ్ఇన్ చూడటం చేసినప్పుడు, 1038 01:03:48,660 --> 01:03:52,590 మేము తప్పనిసరిగా స్వయంచాలకంగా పూర్తి చేసినప్పుడు, స్వీయపూర్తి విలువలు ఒకటి AAPL అని చూసింది. 1039 01:03:52,590 --> 01:03:54,820 తద్వారా ఉపయోగపడిందా కాదు. 1040 01:03:54,820 --> 01:03:59,100 వినియోగదారు, నేను వెంటనే స్టాక్ గుర్తులను అన్ని గుర్తించలేదు ఉండవచ్చు. 1041 01:03:59,100 --> 01:04:02,370 సంస్థ యొక్క నిజమైన పేర్లు నేను బహుశా గుర్తించడానికి అవకాశం చేసాను. 1042 01:04:02,370 --> 01:04:05,310 కనుక ఇది నిజంగా సహాయకారిగా ఉంటే కాకుండా AAPL చెప్పడం లేదు 1043 01:04:05,310 --> 01:04:07,970 ఈ ఆపిల్ ఇంక్ వంటి మాట్లాడుతూ 1044 01:04:07,970 --> 01:04:12,240 మేము ఈ మేమే తయారు చేసిన ఎందుకంటే, మేము నిజంగా సులభంగా ఆ చేయవచ్చు. 1045 01:04:12,240 --> 01:04:17,630 యొక్క ఇక్కడ మా చివరి కోట్ ఫైలు ప్రారంభం లెట్, quote7 కాబట్టి. 1046 01:04:17,630 --> 01:04:23,200 >> ఇదే. నేను కేవలం చిహ్నాలు కంటే మాకు తిరిగి మరో PHP ఫైలు సృష్టించారు. 1047 01:04:23,200 --> 01:04:25,550 ఇది కూడా మా సంస్థ యొక్క పేర్లు తిరిగి ఇస్తుంది. 1048 01:04:25,550 --> 01:04:28,150 కాబట్టి మేము ఇదే చేయుచున్నారు. మేము అజాక్స్ అభ్యర్ధనతో మీరు చేస్తున్నారు. 1049 01:04:28,150 --> 01:04:32,370 అభ్యర్థన పూర్తి ఒకసారి, మేము, ఇక్కడ ఈ ఫంక్షన్ అమలు చూడాలని 1050 01:04:32,370 --> 01:04:36,520 మరియు ఈ చర్య అంశాలను పెద్ద స్ట్రింగ్ నిర్మించే అన్నారు. 1051 01:04:36,520 --> 01:04:39,520 కానీ ఇక్కడ తేడా ఈ జాబితాలు విలువ, ఇకపై కేవలం మానవ ఉంటుంది 1052 01:04:39,520 --> 01:04:45,370 అది ఇప్పుడు పేరు ఉంది. 1053 01:04:45,370 --> 01:04:47,070 కాబట్టి మేము ఒక చిన్న సమస్య. 1054 01:04:47,070 --> 01:04:51,590 మేము మా లుక్అప్ ఉపయోగించినప్పుడు, మేము ఏదో అది గుర్తు పాస్ అవసరం. 1055 01:04:51,590 --> 01:04:54,950 మేము Microsoft కార్పొరేషన్ లుక్ ఏదో పాస్ కాదు. 1056 01:04:54,950 --> 01:04:57,900 మేము MSFT పాస్ అవసరం. 1057 01:04:57,900 --> 01:05:01,640 మేము HTML వ్రాస్తున్నప్పుడు, మేము మంచి అంతర్నిర్మిత లక్షణాలను కలిగి ఉన్నాము. 1058 01:05:01,640 --> 01:05:05,440 ఒక ఒక ఒక href లేదా ఒక తరగతి సంబంధం ఉండవచ్చు. 1059 01:05:05,440 --> 01:05:08,230 కానీ మాకు ఇప్పుడు అవసరం ఈ లింకులు ప్రతి ఉంది 1060 01:05:08,230 --> 01:05:11,120 ఇది సంబంధం స్టాక్ చిహ్నం కలిగి. 1061 01:05:11,120 --> 01:05:14,240 ఏ అంతర్నిర్మిత HTML గుణం స్టాక్ చిహ్నానికి ఉంటుంది 1062 01:05:14,240 --> 01:05:21,010 కానీ అదృష్టవశాత్తూ, HTML5 మాకు మేము కావలసిన అని మా స్వంత లక్షణాల సృష్టించడానికి అనుమతిస్తుంది. 1063 01:05:21,010 --> 01:05:24,620 డేటా-గుర్తు విధంగా, నేను ఒక కొత్త లక్షణం పరిచయం చేసాము 1064 01:05:24,620 --> 01:05:29,350 దీని పేరు నేను తయారు, మరియు నేను ఈ డేటాను తో ముందుమాటగా ఎందుకంటే ఈ అవ్వదు. 1065 01:05:29,350 --> 01:05:34,270 మేము ఇప్పుడు స్టాక్ నుండి చిహ్నం లోపల నిల్వ చూడాలని. 1066 01:05:34,270 --> 01:05:39,590 ఏం అర్థం మేము కంపెనీ పేరు విలువ ప్రదర్శించడం ఉన్నప్పటికీ ఉంది 1067 01:05:39,590 --> 01:05:43,380 మా స్వీయపూర్తి లోపలి మేము ఇప్పటికీ గుర్తు గుర్తు చేస్తున్నారు 1068 01:05:43,380 --> 01:05:47,110 ప్రతి సంస్థ ముడిపడి ఉంటుంది. 1069 01:05:47,110 --> 01:05:50,350 మేము ఆ చేయుచున్నారు విధంగా ఈ మూలకం యొక్క లోపల ఉంది. 1070 01:05:50,350 --> 01:05:52,930 కాబట్టి మేము మరొక మార్పు అవసరం అర్థం. 1071 01:05:52,930 --> 01:05:57,090 మేము ఇప్పుడు క్లిక్ చేసినప్పుడు, మేము నిజంగా మానవ లక్షణం యొక్క ప్రయోజనాన్ని అవసరం 1072 01:05:57,090 --> 01:06:00,220 దాని విలువ కంటే. 1073 01:06:00,220 --> 01:06:05,010 మేము తిరిగి అప్ ఉంటే, మేము సలహాలను ఒక సంఘటన హ్యాండ్లర్ జోడించండి. 1074 01:06:05,010 --> 01:06:09,280 ఈ సూచనలు ఒకటి ఇప్పుడు క్లిక్ చేసినప్పుడు, నేను చేయాలని. 1075 01:06:09,280 --> 01:06:13,160 నా చేయదలిచిన ఇన్పుట్ బాక్స్ విలువ మార్పు. 1076 01:06:13,160 --> 01:06:16,100 ఇప్పుడు నేను ఈ అదే Val ఫంక్షన్ సెట్ చేయాలనుకుంటున్నారా. 1077 01:06:16,100 --> 01:06:21,060 >> కాబట్టి ఏ వాదనలు లేకుండా ఈ Val ఫంక్షన్ టెక్స్ట్ బాక్స్ లో ఇప్పటికే మీకు తిరిగి, 1078 01:06:21,060 --> 01:06:27,070 మీరు ఒక స్ట్రింగ్ ఇవ్వాలని, అది ఆ స్ట్రింగ్ తీసుకొని టెక్స్ట్ బాక్స్ ఉంచారు చెప్పారు. 1079 01:06:27,070 --> 01:06:28,980 నేను అదే విధంగా దాని టెక్స్ట్ బాక్స్ ఎంచుకోవడం చేస్తున్నాను. 1080 01:06:28,980 --> 01:06:31,230 ఇది యొక్క పేరు రూపం కోట్ యొక్క చిహ్నం లోపల ఉంది. 1081 01:06:31,230 --> 01:06:37,540 ఇప్పుడు నేను గుణం డేటా-చిహ్నం యొక్క విలువ పంపడం చేస్తున్నాను. 1082 01:06:37,540 --> 01:06:41,560 ఇక్కడ ఈ విషయం, ఈ $ (ఈ) కొత్త ఉంది. 1083 01:06:41,560 --> 01:06:46,850 ఈ సూచిస్తుంది క్లిక్ అని మూలకం ఉంది. 1084 01:06:46,850 --> 01:06:50,880 మేము ఒక క్లిక్ ఈవెంట్ అటాచ్ చేస్తున్నట్లు ఇక్కడ చూడగలరు 1085 01:06:50,880 --> 01:06:54,690 వ్యక్తిగతంగా సలహా ఒక తరగతి ప్రతి అంశానికి. 1086 01:06:54,690 --> 01:06:57,140 అయితే, మేము భిన్నంగా ఈ చిన్న సమీపించే చేస్తున్నారు. 1087 01:06:57,140 --> 01:07:01,700 బదులుగా మేము చేసినప్పుడు ఈ సలహాలను DIV యొక్క ఏదైనా లోపల, చెబుతున్న దాన్ని 1088 01:07:01,700 --> 01:07:04,080 ఇది గుర్తుంచుకోండి, ఆ జాబితా కోసం కంటైనర్ ఉంది 1089 01:07:04,080 --> 01:07:10,150 ఈ DIV లోపలి ఏదో క్లిక్ మరియు సలహా ఒక తరగతి ఉన్నా, 1090 01:07:10,150 --> 01:07:13,000 నేను ఈ సంఘటన కాల్పులు కావలసిన. 1091 01:07:13,000 --> 01:07:17,490 నిజానికి ఈ మేము అర్థం మేము ఈ ఒకే ఈవెంట్ను హ్యాండ్లర్ మళ్లీ మళ్లీ ఉంది 1092 01:07:17,490 --> 01:07:20,000 జాబితాలో అన్ని విషయాలను కోసం. 1093 01:07:20,000 --> 01:07:22,080 కాబట్టి మేము మొదటి మూలకం కోసం ఒక ఈవెంట్ నిర్వహణ కలిగి లేదు 1094 01:07:22,080 --> 01:07:24,550 రెండవ మూలకం కోసం మరియు ఒక భిన్నమైన సంఘటన నిర్వహణి. 1095 01:07:24,550 --> 01:07:29,880 మేము బదులుగా "నేను ఒకే ఈవెంట్ను హ్యాండ్లర్ నా జాబితాలో ప్రతిదీ వర్తిస్తాయి కోరుకుంటున్నాను.", చెప్పగలదు 1096 01:07:29,880 --> 01:07:34,420 కానీ మేము ఏదో క్లిక్ ఇది మూలకం తెలుసుకోవాలి. 1097 01:07:34,420 --> 01:07:38,450 ఈ "ఈ" కీవర్డ్ కేవలం సూచిస్తుంది. 1098 01:07:38,450 --> 01:07:42,360 ఇది యూజర్ క్లిక్ అని వస్తువు. 1099 01:07:42,360 --> 01:07:47,680 నేను 3 వ లింక్ క్లిక్ చేస్తే, ఈ, ఆ 3 వ లింక్ మూలకం సూచిస్తుంది 1100 01:07:47,680 --> 01:07:51,670 ఇది నేను దాని లక్షణం, డేటా గుర్తు, పొందవచ్చు అర్థం 1101 01:07:51,670 --> 01:07:57,760 మేము మీకు ఇది నేను క్లిక్ కంపెనీ సంబంధం కలిగి గుర్తు కలిగి ఉంటుంది. 1102 01:07:57,760 --> 01:08:04,550 మేము మా ఫైనాన్స్ పేజీకి తిరిగి వెళ్ళు, ఉంటే 1103 01:08:04,550 --> 01:08:08,580 మేము ఇప్పుడు ఒకసారి నేను MSFT వంటి ఏదో టైప్ ప్రారంభించండి చూడగలరు 1104 01:08:08,580 --> 01:08:11,220 మేము కేవలం స్టాక్ గుర్తులను చేస్తున్నారు ఇకపై 1105 01:08:11,220 --> 01:08:13,720 మేము ఇప్పుడు అసలు సంస్థలు చేస్తున్నారు. 1106 01:08:13,720 --> 01:08:20,410 కానీ నేను ఈ సంస్థలలో ఒకటిగా క్లిక్ చేసినప్పుడు, 1107 01:08:20,410 --> 01:08:25,180 మేము సంస్థ పేరుతో మేము నిజంగా టెక్స్ట్ బాక్స్ లేదు populating చేస్తున్న చూడగలరు 1108 01:08:25,180 --> 01:08:29,850 కానీ ఆ డేటా గుణాలను లోపల నిల్వ చేశారు ఏ తో. 1109 01:08:29,850 --> 01:08:32,880 కాబట్టి నేను నిజంగా దీన్ని క్లిక్ చేయడం ద్వారా ఈ అంశాలలో ఒకటిగా తనిఖీ ఉంటే 1110 01:08:32,880 --> 01:08:36,200 మరియు ఎలిమెంట్ ను పరిశీలించు క్లిక్, మేము నిజంగా ఈ వంటి ఉంటుందో మీరు చూడవచ్చు. 1111 01:08:36,200 --> 01:08:40,290 >> ఈ మేము లూప్ ఆ లోపలి సృష్టించిన విషయం గుర్తుంచుకో 1112 01:08:40,290 --> 01:08:42,649 మేము HTML యొక్క స్ట్రింగ్ ను నిర్మించడానికి సమయంలో. 1113 01:08:42,649 --> 01:08:47,870 మేము ఈ డేటాను-గుర్తు గొప్ప ఇది MSFT, విలువ కలిగి ఇక్కడ చూడగలరు. 1114 01:08:47,870 --> 01:08:49,189 అంటే ఆశించారు ఏమిటి. 1115 01:08:49,189 --> 01:08:53,170 ఆ గుర్తు మరియు మనం ఉపయోగించడానికి అవసరం విలువ ఎలా ఉంది 1116 01:08:53,170 --> 01:08:56,140 ఈ టెక్స్ట్ బాక్స్ లోపల. 1117 01:08:56,140 --> 01:08:58,850 ఆ బోరింగ్ రకం ఎందుకంటే తగినంత కోట్ రూపం కోసం మాత్రమే. 1118 01:08:58,850 --> 01:09:02,990 యొక్క మా పోర్ట్ఫోలియో పేజీకి కొన్ని శీఘ్ర మెరుగులను లెట్. 1119 01:09:02,990 --> 01:09:08,109 మీరు కొంతకాలం CS50 ఫైనాన్స్ ఉపయోగిస్తారు మరియు ఉంటే, మీరు, స్టాక్స్ చాలా కొనుగోలు మరియు అమ్మకం ప్రారంభం 1120 01:09:08,109 --> 01:09:11,300 చివరికి ఈ పట్టిక, అందంగా పెద్ద పొందడానికి అన్నారు 1121 01:09:11,300 --> 01:09:13,850 మరియు మీరు కోర్సు యొక్క ను, మీరు చూడాలని. 1122 01:09:13,850 --> 01:09:20,350 పట్టిక నిజంగా పెద్ద ఒకసారి, అది శోధించండి ప్రయత్నంలో యూజర్ చేయడానికి. 1123 01:09:20,350 --> 01:09:23,290 నేను డిస్నీ వంటి ఏదో టైప్ చెయ్యడం ప్రారంభించండి ఉంటే శోధన బాక్స్ ఇన్సైడ్ 1124 01:09:23,290 --> 01:09:26,359 మరియు నా మిక్కీ మౌస్ స్టాక్ వెతుకుతున్న, మేము పట్టిక ఇప్పుడు వడపోత అని చూడగలరు 1125 01:09:26,359 --> 01:09:28,189 నేను సైన్ టైప్ ఆధారంగా 1126 01:09:28,189 --> 01:09:31,640 ఈ కార్యాచరణ సూపర్ సంక్లిష్టంగా ఉంది, కానీ అది నిజంగా సులభం 1127 01:09:31,640 --> 01:09:33,859 క్వెరీ మరియు జావాస్క్రిప్ట్ తో. 1128 01:09:33,859 --> 01:09:39,189 ఈ portfolio.php ఫైలు portfolio.js అనే JavaScript ఫైల్ లేదు. 1129 01:09:39,189 --> 01:09:41,130 యొక్క ఆ పరిశీలించి చూద్దాం. 1130 01:09:41,130 --> 01:09:44,890 కాబట్టి html, JS, పోర్ట్ఫోలియో. 1131 01:09:44,890 --> 01:09:49,210 మేము పట్టిక శోధించడం ఆ చేయుచున్నారు పేరు ఇక్కడ. 1132 01:09:49,210 --> 01:09:52,750 నేను ఏమి చేయాలి మొదటి విషయం ఆ టెక్స్ట్ బాక్స్ కార్యక్రమం నిర్వహణ అటాచ్ ఉంది 1133 01:09:52,750 --> 01:09:55,760 మేము మా వడపోత ఫంక్షన్ కాల్పులు కావలసిన తెలిసినందున 1134 01:09:55,760 --> 01:09:59,800 ప్రతిసారీ యూజర్ యంత్రాలపై ఏదో మేము శోధన బటన్ కోసం సమయం లేదు. 1135 01:09:59,800 --> 01:10:03,000 మేము చెయ్యాల్సిన మొదటి విషయం, వినియోగదారు శోధించే ఏమిటో విషయమేనా 1136 01:10:03,000 --> 01:10:04,780 కేవలం వంటి మేము ముందు చేసాడు. 1137 01:10:04,780 --> 01:10:11,320 ఈ కీవర్డ్ వినియోగదారు వ్యవహరిస్తునట్లు ప్రస్తుత మూలకం సూచిస్తుంది. 1138 01:10:11,320 --> 01:10:14,070 >> యూజర్ శోధన బాక్స్ తో పరస్పర ఎందుకంటే, 1139 01:10:14,070 --> 01:10:17,020 ఈ శోధన బాక్స్ సూచిస్తుంది $, 1140 01:10:17,020 --> 01:10:21,820 కాబట్టి this.val యూజర్ ప్రస్తుతం టైప్ శోధన బాక్స్ లోపల మాకు ఇస్తుంది. 1141 01:10:22,810 --> 01:10:27,320 కాబట్టి, ఇప్పుడు మేము మీరు ఏమి మేము అన్ని వరుసలను పైగా iterate మీరు ఉంది 1142 01:10:27,320 --> 01:10:29,240 మా పట్టిక లోపల. 1143 01:10:29,240 --> 01:10:35,630 మా పట్టిక అన్ని వరుసలను ఎంచుకునేందుకు, నేను, ఆ పట్టిక పట్టిక పోర్ట్ఫోలియో యొక్క ఒక ID ఇచ్చారు 1144 01:10:35,630 --> 01:10:39,060 మరియు ప్రతి వరుస, ఒక TR మూలకం ప్రాతినిధ్యం వహిస్తుంది 1145 01:10:39,060 --> 01:10:42,080 ఈ సెలెక్టర్ నాకు పెద్ద అర్రే తిరిగి వెళ్తున్నారు 1146 01:10:42,080 --> 01:10:44,370 నా పట్టికలో అన్ని వరుసలను. 1147 01:10:44,370 --> 01:10:47,010 ఇప్పుడు నేను ఆ శ్రేణి మీద iterate మీరు. 1148 01:10:47,010 --> 01:10:52,390 నేను లూప్ మీరు ఒక, కానీ క్వెరీ వాస్తవానికి మాకు అని నైస్ ఫంక్షన్ అందిస్తుంది "ప్రతి." 1149 01:10:52,390 --> 01:10:55,220 వాట్ ప్రతి చేస్తుంది, ప్రతి ఒక వాదన తీసుకుంటుంది 1150 01:10:55,220 --> 01:10:57,090 మరియు ఆ వాదన క్రియ. 1151 01:10:57,090 --> 01:11:02,760 ఏమి చేయాలో జరగబోతోంది ఈ జాబితాలో లోపల ప్రతి మూలకం ఆ ఫంక్షన్ దరఖాస్తు జరగబోతోంది ఉంది. 1152 01:11:02,760 --> 01:11:05,550 ఈ ఫంక్షన్, ఇ అని ఒక వాదన పడుతుంది 1153 01:11:05,550 --> 01:11:10,090 మరియు ఈ చర్య అమలు చేయబడినప్పుడు, ఈ ఇ, మొదటి వరుస భర్తీ అన్నారు 1154 01:11:10,090 --> 01:11:12,070 రెండో వరుస, మరియు అప్పుడు మూడవ వరుస. 1155 01:11:12,070 --> 01:11:15,150 ఈ మార్గం ద్వారా, ఈ లూప్ నడుస్తున్న అదే విషయం 1156 01:11:15,150 --> 01:11:21,360 మరియు తర్వాత లూప్ మీ యొక్క ఇండెక్స్ లోపల ఆధారంగా ప్రస్తుత మూలకం ఇందుకు. 1157 01:11:21,360 --> 01:11:24,750 ప్రతి పునరావృతం వద్ద, టేబుల్ లో ఈ అంశాలను ప్రతి, 1158 01:11:24,750 --> 01:11:30,560 వరుస యొక్క లోపల సెల్ టెక్స్ట్ను - నేను మూలకం యొక్క టెక్స్ట్ లేదో తనిఖీ చేయడానికి ఎంచుకోండి - 1159 01:11:30,560 --> 01:11:33,130 నేను శోధించడం నేను ఏమి సరిపోతుంది. 1160 01:11:33,130 --> 01:11:36,390 ఆదేశాల ఈ పెద్ద దీర్ఘ స్ట్రింగ్ నేను ఎలా ఉంది. 1161 01:11:36,390 --> 01:11:40,900 మొదటి, మళ్ళీ, ఈ ఇప్పుడు సూచిస్తుంది - అది ఒక న్యూ ఫంక్షన్ లోపలి ఎందుకంటే - 1162 01:11:40,900 --> 01:11:45,020 ఈ ఇప్పుడు పట్టిక ప్రస్తుత వరుస ఉంది. 1163 01:11:45,020 --> 01:11:47,340 నేను, టేబుల్ లో ప్రస్తుత వరుస తీసుకొవాలనుకోవటము 1164 01:11:47,340 --> 01:11:49,950 మరియు నేను దాని పిల్లలు అన్ని పొందాలనుకోవడం. 1165 01:11:49,950 --> 01:11:51,940 గుర్తుంచుకోండి, DOM, అధికార వృక్షం 1166 01:11:51,940 --> 01:11:54,200 మూలకాల పిల్లలు ఉన్నాయి అర్థం. 1167 01:11:54,200 --> 01:12:00,180 >> ఈ. పిల్లలు ఫంక్షన్ తిరిగి నాకు అన్ని మూలకాల యొక్క వ్యూహం తిరిగి వెళ్తున్నారు 1168 01:12:00,180 --> 01:12:03,240 ఈ సందర్భంలో, టేబుల్ లో వరుసగా, పిల్లలు. 1169 01:12:03,240 --> 01:12:07,150 ఇది కేవలం వరుస లోపలి కణాలను ఉంది. 1170 01:12:07,150 --> 01:12:09,230 నేను మొదటి సెల్ శోధించండి మీరు. 1171 01:12:09,230 --> 01:12:13,090 ఈ. మొదటి చర్య నాకు ఆ శ్రేణి లో మొదటి మూలకం ఇవ్వాలని అన్నారు. 1172 01:12:13,090 --> 01:12:17,070 అప్పుడు టెక్స్ట్ను పనితనం సెల్ లోపల నాకు సరిగ్గా అదే అని అన్నారు 1173 01:12:17,070 --> 01:12:19,530 నేను ఆ టెక్స్ట్ శోధించండి మీరు నుండి. 1174 01:12:19,530 --> 01:12:21,040 చివరగా, ఇది చిన్న మీరు మార్చిన తెలియజేయండి 1175 01:12:21,040 --> 01:12:23,940 కాబట్టి మేము టెక్స్ట్ కేసు కఠినమైన ప్రశ్నలు చేయవచ్చు. 1176 01:12:23,940 --> 01:12:29,990 చివరగా, మేము పట్టిక లోపల స్ట్రింగ్ మేము శోధిస్తున్న స్ట్రింగ్ కలిగి ఉంటే చూడాలనుకుంటే. 1177 01:12:29,990 --> 01:12:32,980 జావాస్క్రిప్ట్ లో indexOf ఫంక్షన్ ఆ చేస్తుంది. 1178 01:12:32,980 --> 01:12:37,060 ఈ స్ట్రింగ్ మరొక స్ట్రింగ్ కలిగి లేదో మాకు చెబుతుంది. 1179 01:12:37,060 --> 01:12:40,150 ఇది సెల్ నేను శోధించడం నేను ఏమి కలిగి వాస్తవం ఉంటే, 1180 01:12:40,150 --> 01:12:42,140 అప్పుడు నేను చూపిన చేసే నిర్ధారించుకోవాలి. 1181 01:12:42,140 --> 01:12:45,330 ప్రదర్శన పద్ధతి "మూలకం చూపించు.", అని అడుగుతారు 1182 01:12:45,330 --> 01:12:50,350 ఈ సందర్భంలో లేకపోతే, అప్పుడు ఆ నేను కలిగి లేదు శోధించడం నేను ఏ అర్థం 1183 01:12:50,350 --> 01:12:53,550 ఆ వరుసలో వున్న నేను దాచాలనుకుంటున్నారా అందువల్ల వినియోగదారుడు నుండి. 1184 01:12:53,550 --> 01:12:59,240 ఇకపై పూర్తి పట్టిక చూసే ఆ nice వడపోత ప్రభావం సాధిస్తుంది. 1185 01:12:59,240 --> 01:13:01,480 మీరు అలాగే, ఈ టిక్కర్ ఏ విధంగా ఆసక్తి ఉంటే 1186 01:13:01,480 --> 01:13:04,180 మేము ఆన్లైన్ సోర్స్ పోస్ట్ చేస్తాము. కానీ నిజానికి అది సులభం. 1187 01:13:04,180 --> 01:13:09,860 క్వెరీ ఈ యానిమేషన్లు మరియు మానిప్యులేట్ CSS లక్షణాలు కోసం అద్భుతమైన పద్ధతులు ఉన్నాయి. 1188 01:13:09,860 --> 01:13:11,020 కాబట్టి, అది నాకు ఉంది. 1189 01:13:11,020 --> 01:13:15,560 >> ఏ అప్పుడు ముందుకు ఉంది? మీరు కొన్ని రోజుల్లో చూస్తారు వంటి, చివరి ప్రాజెక్టులు ప్రతిపాదన కారణం. 1190 01:13:15,560 --> 01:13:17,730 చివరి ప్రాజెక్టులు ప్రతిపాదన, మీరు కొన్ని ప్రశ్నలను అడుగుతాము 1191 01:13:17,730 --> 01:13:19,420 కానీ వాటిలో మూడు మైలురాళ్ళు ఉంటుంది - 1192 01:13:19,420 --> 01:13:22,840 ఒక "మంచి" మైలురాయిగా ఒక మంచి మైలురాయి, మరియు ఒక ఉత్తమ. 1193 01:13:22,840 --> 01:13:25,870 మీరు అబ్బాయిలు సహాయం నిజంగా ఉండటం ఆలోచన మీ అంచనాలను సెట్ 1194 01:13:25,870 --> 01:13:29,160 కాబట్టి తక్కువ మీరు మీ చివరి ప్రాజెక్టు ఉత్పాదక ఆనందంగా ఉంటుంది ఆ 1195 01:13:29,160 --> 01:13:32,060 మరియు అది ఇప్పటివరకు మీరు సంబంధించిన "మంచి" ఉంటుంది. 1196 01:13:32,060 --> 01:13:34,540 కానీ మీరు ఏదో కేవలం కొద్దిగా చేరుకోవడానికి పొందడానికి ఆసక్తి మంచి 1197 01:13:34,540 --> 01:13:37,680 లేదా ఉత్తమ ఏదో, మేము కూడా అలాగే ఆ వైపు మీరు పుష్ యొక్క క్రమం చేస్తాము. 1198 01:13:37,680 --> 01:13:40,660 CS50 హాక్-a-థోన్ అదే సమయంలో, కొన్ని వారాల ఉంది. 1199 01:13:40,660 --> 01:13:44,340 సాధారణంగా, మేము ఇది ఆసక్తి కలిగించడానికి లాటరీ ఆధారంగా ఆధారంగా దీన్ని, 1200 01:13:44,340 --> 01:13:47,680 కానీ అసమానత మేము హార్వర్డ్ స్క్వేర్ నుండి షటిల్ బస్సులు లో మాకు కొన్ని వందల తీసుకొని వెళ్తాము ఉంటాయి 1201 01:13:47,680 --> 01:13:51,540 డౌన్ Microsoft సముచితంగా "తానే చెప్పుకున్నట్టూ" అనే అందమైన సౌకర్యం కలిగి ఉన్న కెనడాల్ స్క్వేర్ కు - 1202 01:13:51,540 --> 01:13:53,830 న్యూ ఇంగ్లాండ్ పరిశోధన మరియు అభివృద్ధి కేంద్రం. 1203 01:13:53,830 --> 01:13:56,380 మేము 8 pm చుట్టూ మేము కొన్ని ఆహార ఉంటుంది అక్కడ పొందుతారు. 1204 01:13:56,380 --> 01:13:58,160 1 a.m. చుట్టూ మేము కొన్ని మరింత ఆహారం ఉంటుంది. 1205 01:13:58,160 --> 01:14:02,150 చుట్టూ 5 మీరు మేల్కొని ఉంటే మేము క్యాంపస్ మిమ్మల్ని IHOP లేదా తీసుకోవాలని పైగా తలనొప్పి చేస్తాము am. 1206 01:14:02,150 --> 01:14:04,380 అక్కడ లక్ష్యం చివరి ప్రాజెక్టులు ప్రవేశిస్తాడు ఉంది 1207 01:14:04,380 --> 01:14:06,190 సహచరులు మరియు సిబ్బంది యొక్క నటించారు. 1208 01:14:06,190 --> 01:14:08,280 అప్పుడు కొన్ని రోజుల తరువాత CS50 ఫెయిర్ ఉంది 1209 01:14:08,280 --> 01:14:10,990 మీరు అబ్బాయిలు మీ పని ప్రదర్శించడానికి కోసం ఇది నిజంగా ఒక అవకాశం అని అర్థం 1210 01:14:10,990 --> 01:14:12,700 సెమిస్టర్ మరియు సాధనలు 1211 01:14:12,700 --> 01:14:15,610 ప్రతి ఇతర తో భుజాలు రుద్దడం మరియు ప్రతి ఒక్కరూ ఏమి జ్ఞానాన్ని పొందడానికి అయితే. 1212 01:14:15,610 --> 01:14:17,850 అని తో, టామీ మరియు జోసెఫ్ కు చాలా ధన్యవాదాలు, 1213 01:14:17,850 --> 01:14:19,960 మరియు మేము సోమవారం మీరు చూస్తారు. 1214 01:14:19,960 --> 01:14:24,070  [చప్పట్లు]