డేవిడ్ J. మలన్: అన్ని కుడి, కాబట్టి ఈ ఇక్కడ మయో శాఖ బ్యాండ్, ఒక జంట వీటిలో మేము CS50 చివరి ప్రాజెక్టులకు కలిగి. మరియు ఆ మేము క్యూలో ఒక ప్రదర్శన ముందుగానే ఇక్కడ ముఖ్యంగా మీరు అప్ ఈ చాలా గట్టి చేయి ఇక్కడ బ్యాండ్ మీ కండరాల కదలికలు వింటాడు అప్పుడు సాఫ్ట్వేర్ లో మ్యాప్ ఆ ఇక్కడ కాల్టన్ యొక్క ల్యాప్టాప్ ఇది కలిగి iTunes మరియు ఆ పాట ఇప్పటికే క్యూలో. అయితే నాకు ఈ demoing కంటే, కాల్టన్ ల్యాబ్లో ఉన్నారు స్పష్టంగా అన్ని వారం ఒక ప్రదర్శన పొందడానికి ఒక ధైర్య స్వచ్ఛంద కోసం సిద్ధంగా. ఎవరైనా వచ్చి చెయ్యాలనుకుంటే up-- మొదటి మీ చేతి చూసింది. అప్ న వస్తాయి. [00:01:09] అన్ని కుడి. మరియు మీ పేరు ఏమిటి? [00:01:13] ప్రేక్షకులు: ఉహ్, మరియా. [00:01:14] డేవిడ్ J. మలన్: మరియా, మీరు చూడటానికి nice. ఇక్కడ కమ్ ఆన్ ఓవర్. నాకు కాల్టన్ మీరు పరిచయం లెట్. కాల్టన్, ఈ మరియా ఉంది. [00:01:21] COLTON: హాయ్, మీరు ఎవరిని బాగుంది. [00:01:23] డేవిడ్ J. మలన్: అన్ని కుడి, కాబట్టి మేము, ఒక అడుగు అన్నారు మీరు చాలు కలిగి మీ ముంజేయి కు ఈ ఇది అందంగా కాబట్టి మీ మోచేయి సమీపంలో గట్టిగా. మరియు అదే సమయంలో, యొక్క వివరించారు మా Google గ్లాస్ చాలు మరియు మేము నేడు సాంకేతిక కలపాలి చేస్తాము. [00:01:33] COLTON: మొదటి మేము ఉంటుంది విషయాలు ఈ హుక్. [00:01:36] డేవిడ్ J. మలన్: సరే. అసలైన, యొక్క మీ చేతి చాలు తెలపండి సాధ్యమైనంత ఈ కేబుల్ దగ్గరగా కాబట్టి మేము మొదటి దానిని సమకాలీకరిస్తుంది. [00:01:41] COLTON: దీన్ని యొక్క లెట్. [00:01:42] డేవిడ్ J. మలన్: మరియు మరోవైపు, కాబట్టి ప్రతి ఒక్కరూ ఒక దగ్గరగా చూపులో పొందవచ్చు, మేము ఆండ్రూ కెమెరా టాసు చేస్తాము అక్కడ తెరపై. కాబట్టి మేము ఒక USB కేబుల్ కలిగి మరియా బాధ్యతలు ప్లగ్ ఉండటం. మరియు నాకు కాల్టన్ యొక్క స్క్రీన్ టాసు వీలు తదుపరి ప్రొజెక్టర్ లో. [00:02:00] కాబట్టి కాల్టన్ పరికరం నమోదు ఉంది ఒక మయో ఈ కేబుల్ కనెక్ట్ ఇప్పుడు. ఇప్పుడు మరియా సేపట్లో చేయబోవడం నిజానికి నడవడానికి ఉంది అమరిక దశలను మరియు సాఫ్ట్వేర్ నేర్పిన ఎలా ఆమె కండరాలు స్పందించడం ఆమె చేస్తే కొన్ని ముందు నిర్వచించబడిన సాఫ్ట్వేర్ అర్థం సంజ్ఞ. మీరు వెళ్ళి చెయ్యాలనుకుంటే స్క్రీన్ ముందు. సరే, ప్రయత్నిస్తూ ఉండమని. [00:02:30] COLTON: ఈ వంటి వెళ్ళండి. మరియు ఆ వంటి. మరియు కుడి వరకు. తిరిగి వెళ్ళు. [00:02:35] డేవిడ్ J. మలన్: సరే. వివిధ కోణం. ఇది మీరు కాదు. ఇది అజ్. [00:02:40] MARIA: సరే. డేవిడ్ J. మలన్: నం యొక్క అధిక అప్ కాబట్టి అది తరలించడానికి లెట్ మీ మోచేయి దగ్గరగా, లేదా కఠినమైన. అన్ని కుడి. [00:02:52] ఇక్కడ మేము వెళ్ళి. ఈ CS52X కోసం ఒక మంచి సమయం ఉంటుంది. అక్కడ మేము వెళ్ళి. [00:02:57] మంచిపని. సరే. Thumb పింకీ కు. [00:03:02] మంచిపని. మీ వేళ్లు వ్యాప్తి. గుడ్. కుడి అల. ఇది ఆసక్తికరంగా చూపిస్తున్న ఎడమ చేతితో తో మీరు [00:03:17] COLTON: అవును, ఆ అదృష్టము వార్తలు. డేవిడ్ J. మలన్: కు వేవ్ కుడి మరియు ముందుకు. ఫాస్ట్ ఫార్వర్డ్ skip లేదా తదుపరి. సరే వేవ్ నిజం. [00:03:25] MARIA: నేను వేచి don't--. [00:03:26] డేవిడ్ J. మలన్: కొన్ని సహాయం కావాలా? [00:03:28] COLTON: కాబట్టి మీరు ఈ వంటి చూడాలని. MARIA: ఇది చెయ్యడానికి ఇతర విషయం, అయితే. COLTON: ఇది. డేవిడ్ J. మలన్: అవును నేను తెలియదు ఎందుకు మీరు ఒక leftie చూపిస్తున్న. COLTON: ఎందుకు మీరు ప్రయత్నించండి లేదు కేవలం ఈ వంటి వెళ్లి ప్రయత్నించండి. [00:03:38] డేవిడ్ J. మలన్: సంఖ్య? బహుశా మీ చేతి చేరుకోవడానికి కొద్దిగా సూటిగా బయటకు మరియు ఈ వంటి మరింత ఆకస్మిక చేయడానికి. అవును, సరే, న వస్తాయి. [00:03:48] MARIA: క్షమించండి. డేవిడ్ J. మలన్: ఇది మీ తప్పు కాదు. COLTON: ఇది మంచిది. డేవిడ్ J. మలన్: అన్ని కుడి. Well-- [00:03:56] MARIA: మేము అప్పుడు, ఈ skip ఉండాలి? డేవిడ్ J. మలన్: అవును, లెట్స్ హుక్ ఆఫ్ వీలు. ఎవరైనా ఒక చేయడానికి చేస్తే ఈ అత్యాధునికమైన ఉపయోగించి చివరి ప్రాజెక్టు హార్డ్వేర్, తెలుసుకుంటారు ఇది కేవలం వాటిని ఉపయోగిస్తారు విధానం కొద్దిగా పడుతుంది. మరియు దీన్ని రియాలిటీ ఈ ఉంది నిజానికి చాలా అంచు స్రావం. [00:04:10] ఈ అని ఏమిటి డెవలపర్ కిట్, ఇది ముఖ్యంగా విడుదలకు ముందు అని అర్థం కాబట్టి ప్రజలు ఖచ్చితంగా చేయవచ్చు అది పోరాడటానికి దీన్ని, సంఖ్య అవుట్ ఎలా ప్రజల సంస్థలు పని సాంకేతిక తో. మీరు అనుకుంటే తర్వాత, ఉపన్యాసం తర్వాత, మేము మీరు రావాలి మరియు అది మరొక పొడిచి తీసుకుని. చప్పట్లు అయితే, ఒక రౌండ్, మేము అప్ వస్తున్న మరియా కోసం, అనుకొనుట. [00:04:26] MARIA: ధన్యవాదాలు. [00:04:28] డేవిడ్ J. మలన్: ధన్యవాదాలు. మేము ఈ వింటారు చేస్తాము, కానీ మేము ఇస్తుంది మీరు చేసిన ఎలా ఇక్కడ ఒక ఒత్తిడి బంతి గురించి? ఓహ్, మీరే if-- అవును, ధన్యవాదాలు. అన్ని కుడి. మీరు ఉన్నాయి ఆసక్తికరమైన, అయితే సౌండ్ ఎంపిక తెలియని మేము అక్కడ చేసిన ముందు, ఒక అద్భుతమైన TV చూపించే మీరు ఖచ్చితంగా ఉండాలి అతిగా చూడటం నెట్ఫ్లిక్స్ ఉంటుంది ఇక్కడ ఈ ఒకటి. [00:04:51] SPEAKER 1: లేడీస్ అండ్ జెంటిల్మెన్, జోష్ అనే మాంత్రికుడు. [00:05:04] డేవిడ్ J. మలన్: మరియు స్పష్టంగా, అది ఉంది ఒక విషయం ఇప్పుడు ఉపన్యాసం సమయంలో నాకు టెక్స్ట్. నేను చెప్పారు చేస్తున్నాను మరియా నిన్న పుట్టినరోజు. నుండి కాబట్టి సంతోషంగా పుట్టినరోజు మారియాకు CS50 అలాగే. [00:05:18] కాబట్టి మీరు ఇటీవల నెలలో చదివి ఇక్కడ ఈ పెద్దమనుషులు, స్టీవ్ నిజానికి అయిన బల్ల్మేర్, కళాశాల వద్ద 1977 యొక్క తరగతి, ఇటీవల Microsoft రిటైర్. అతను ఇక్కడ విద్యార్థి అప్పుడు రెండు సంవత్సరాల తరువాత తాను కనుగొన్నారు స్టాన్ఫోర్డ్ బిజినెస్ స్కూల్ అతను ఒక ఫోన్ అందుకున్నప్పుడు తన ఎవరు స్నేహితుడు నుండి కాల్ హాల్ డౌన్ నివసించిన ఇక్కడ హార్వర్డ్ వద్ద అతని నుండి. ఆ స్నేహితుడు యొక్క పేరు బిల్ ఉంది గేట్స్, మరియు సమయంలో, అతను అని స్టీవ్ భర్తీ ప్రయత్నిస్తున్నప్పుడు మొదటి వ్యాపార వ్యక్తి, నిజంగా, ఒక చిన్న కంపెనీ వద్ద Microsoft పేరు. [00:05:45] ఒక దీర్ఘ కథ చిన్న, స్టీవ్ చివరికి గెలిచింది, వారు Microsoft చేరారు కేవలం 30 ఉద్యోగులను కలిగి. మరియు అతను చాలా ఇటీవల retired, సంస్థ 100,000 ఉద్యోగులను కలిగి గత కొన్ని సంవత్సరాలుగా. కాబట్టి ఒక వెబ్సైట్ అంచుకు అంటారు వీడియో ఈ నివాళి సిద్ధం మేము మేము భావిస్తున్న ఆలోచన మీరు ఇచ్చే షేర్డ్ ఎంత శక్తి స్టీవ్ యొక్క ఒక అర్ధంలో అతను ఇస్తుంది ఏ ప్రదర్శన తెస్తుంది. [వీడియో ప్లేబ్యాక్] -Microsoft నాల్గవ పిల్లల వంటిది. పిల్లలు ఇల్లు వదిలి లేదు. ఈ సందర్భంలో, నేను అంచనా నేను ఇల్లు వదిలి చేస్తున్నాను. బిల్ హే, whazzap? [00:06:23] -Wazzap? [00:06:24] -Hey, Wazzap? మేము ఇచ్చిన పరిష్కరించగలుగుతున్నాము ఒక అపారమైన అవకాశం. మరియు బిల్ మాకు ఆ అవకాశం ఇచ్చింది. నేను ఆ కోసం బిల్ వందనాలు. నేను మీరు చాలా కావలసిన. ఆవిష్కరణ యొక్క పేస్ నెమ్మదిగా ఉండదని. [00:06:42] ఇది వేగంగా మరియు వేగంగా పొందడానికి జరగబోతోంది. కొన్ని పోటీదారులు కావచ్చు ఆ దురదృష్టవశాత్తు తొలగించబడుతుంది! [00:06:54] నేను ఈ కంపెనీ ప్రేమ. అవును! నేను ఒక PC am, మరియు నేను ఈ కంపెనీ ప్రేమ! [00:07:08] డెవలపర్లు, డెవలపర్లు, డెవలపర్లు, డెవలపర్లు, డెవలపర్లు, డెవలపర్లు, డెవలపర్లు, డెవలపర్లు. అవును! వెబ్ డెవలపర్లు! [00:07:19] వెబ్ డెవలపర్లు! వెబ్ డెవలపర్లు! వినండి ఏమి మీరు అధిక చార్జ్ పొందడానికి! [00:07:28] MS-DOS ఎగ్జిక్యూటివ్, ఒక నియామకం క్యాలెండర్, ఒక కార్డు కుప్ప, ఒక గమనిక ప్యాడ్, ఒక గడియారం, ఒక నియంత్రణ ప్యానెల్. మరియు, మీరు అది నమ్మకం చేయవచ్చు? Reversie! [00:07:35] CD వాటిని బర్న్! MSN వాటిని పోస్ట్! మీరు స్నేహితులు వాటిని mail! [00:07:40] ఒక క్లిక్ తో అన్ని! ఒక Microsoft, ఒక వ్యూహం, ఒక team-- క్రమశిక్షణ, ప్రొఫెషనల్, దృష్టి, మరియు మేము అన్ని లో నిపుణుడు. నాకు ఒక పాత చిత్రం నుండి ఒక లైన్ ఉపయోగించడానికి అనుమతిస్తున్నట్లు. [00:07:52] సంబంధాలు సొరచేపలు వంటి. వారు ముందుకు లేదా వారు మరణిస్తారు. నిజానికి టెక్ అనుకుంటున్నాను కంపెనీలు ఒకటే. [00:08:01] [END వీడియో ప్లేబ్యాక్] డేవిడ్ J. మలన్: సో మేము గర్వంగా ఉంటాయి స్టీవ్ మాకు చేరిన గమనించండి ప్రకటించిన ఇక్కడ CS50 లో తర్వాత బుధవారం సాధారణ స్థానంలో మరియు ఇక్కడ సమయం. స్పేస్ అవకాశం పరిమితంగా ఉంటుంది. కాబట్టి, వ్యక్తి లో మాకు దయచేసి చేరడానికి కొంతకాలం తర్వాత నేడు తల cs50.harvard.edu/register కు. [00:08:22] మరియు మేము ద్వారా అనుసరిస్తాము మంగళవారం మచ్చలు నిర్ధారిస్తూ. ఆ తదుపరి ఎదురుచూస్తున్నాము CS50 లో ఉపన్యాసం సమయంలో బుధవారం. ఇప్పుడు, ఇతర వార్తలు లో, నేను జరిగింది క్రిమ్సన్ ఈ చూడవచ్చును కేవలం ఇతర రోజు. [00:08:34] ఇది CS50 యొక్క సిబ్బంది ఒక అవుతుంది మరియు CS50 యొక్క విద్యార్థులు కనీసం ఒక ప్రస్తుతం UC అమలు అధ్యక్షుడు మరియు ఉపాధ్యక్షుడు, ఇది నాకు తిరిగి తెచ్చింది నా సొంత రోజుల తిరిగి నేను ఘోరంగా UC ఎన్నికల కోల్పోయింది. కానీ వెండి పూత ఆ నేను ఎల్లప్పుడూ ఉంది కథ చెప్పడం నేను ఒకటి ఖచ్చితంగా ఉన్నాను అనేక కారణాల నేను కోల్పోయింది ఎన్నికల పూర్తి లేకపోవడం ఉంది ప్రజా మాట్లాడే ప్రతిభ. కాబట్టి చాలా నిజాయితీగా, అది నాకు మంద, ఆ అనుభవం నా జూనియర్ సంవత్సరంలో, నిజానికి సైన్ అనుకుంటున్నాను హార్వర్డ్ కంప్యూటర్ సొసైటీ, కోసం అప్ సమూహం ప్రాంగణంలో అని వివిధ సాంకేతిక చర్చలు కలిగి మరియు ఇతర విషయాలు. మరియు నేను వారి బోధన తీసుకుంది సెమినార్లు మరియు అందువలన , ఒక అవకాశం ఒక అద్భుతమైన అవకాశం, సరిగ్గా ఈ పని ప్రారంభించడానికి. కానీ కూడా, నేను ఒక అవకాశం కలిగి ఈ అనుభవం సమయంలో నాకు అన్ని మరింత HTML బోధించడానికి. కాబట్టి నేను గత రాత్రి procrastinated HTML ఆధారంగా వెబ్సైట్ ద్వారా చూడటం నేను కోసం, 1997 వంటి '98 లో చేసిన నా ఇక్కడ ఈ కనిపిస్తోంది ప్రచారం. నేను తెలుసు. [00:09:29] ఎందుకంటే మరియు కోర్సు యొక్క, నోటీసు 1998 లో ఈ అద్భుతమైన నిర్ణయానికి లేదా whatnot. మీరు మొదటి విషయం వినియోగదారులు మీ వెబ్ సైట్ సందర్శించడం మీద చేయడానికి మరొక లింక్ కేవలం క్లిక్ కలిగి ఉంది సన్యాసి ఇక్కడ మీ వెబ్ ఎంటర్ వెనుక ఒక ఆహ్లాదంతో పరదా స్పష్టంగా నా ప్రచారం వేదిక ఉంది. మరియు ఈ మీరు పొందుతారు అన్ని ఉంది నేడు కేవలం ఒక స్క్రీన్ ఉంది. కానీ నేను, వంటి, ద్వారా చదివిన నా ప్రచారం పోస్టర్లు గత రాత్రి మరియు నా వేదిక. [00:09:50] మరియు నేను సమయంలో కోపంతో ఉంది. ఇది ఆసక్తికరమైన ఉంది పిలువబడే నా వేదిక. నేను అప్పటి నుండి తేరుకున్న చేసిన. కానీ ఏదో ఒక రోజు, నేను మళ్ళీ అమలు మరియు ఈ సమయం ఆశాజనక మంచి. [00:10:03] కాబట్టి HTML, నేను చేసిన ఆ భాష మీరు in-- ఆ వెంటనే చాలా more-- చేస్తాము మేము ఉన్నాను ఏదో ఉంది ఆలస్యంగా గురించి మాట్లాడటం మరియు ఎక్కువగా కోసం ఇప్పుడు మంజూరు తీసుకొని మేము ఇతర భాషలు వెళ్లారు చేసిన. కానీ యొక్క కేవలం ఒక క్షణం విరామం వీలు మరియు సందర్భంలో ఈ విషయాలు కొన్ని చాలు. కాబట్టి ఒక వాక్యంలో, HTML ఏమిటి? [00:10:18] లేదా, ఏ ఉపయోగిస్తారు? ఎవరైనా? అవును. [00:10:20] ప్రేక్షకులు: వెబ్సైట్లకు మార్కప్. డేవిడ్ J. మలన్: వెబ్సైట్ కోసం మార్కప్. కాబట్టి అది ఒక మార్కప్ భాష, మీరు ఒక వెబ్ పేజీ నిర్మాణం అనుమతిస్తుంది. శీర్షిక ఇక్కడ పెరుగుతుంది, టైటిల్ ఇక్కడ వెళ్తాడు, శరీరం ఇక్కడ వెళ్తాడు. ఈ ఉంది, బోల్డ్ ఫేస్ ఉంది వివరాలు ఆ విధమైన italics--. [00:10:33] సరే, మంచి. కాబట్టి CSS మీరు చేసిన మరియు నేను అనుమతిస్తుంది అక్కడ కొన్ని స్వేచ్ఛ తీసుకున్నాడు బోల్డ్ వైపు మరియు ఇటాలిక్ ఎందుకంటే తో మంచి ఈ తో అమలు. CSS ఏమి is--? ఒక వాక్యంలో సే. ఎవరైనా అసలు. అవును. [00:10:46] ప్రేక్షకులు: అలంకారాలైన మరియు అది ఎలా రూపొందించాలో వంటి అంశాలను,. డేవిడ్ J. మలన్: సరే, మంచి. మీరు అనుమతించే అలంకారాలైన రూపొందించాలని లేదా stylize కు బోల్డ్ ఫేస్ మరియు వంటి విషయాల్లో ఇటాలిక్ మరియు రంగులు మరియు కూడా జరిమానా అంశాల ముక్కలు చెయ్యబడ్డ స్థానాలు. ఇది విధమైన మీరు విషయాలు తీసుకోవాలని అనుమతిస్తుంది చివరి మైలు ఉదాహరణకు, ఆ అయితే, Pset7 లో, మీరు గమనించి ఉండవచ్చు మీ పోర్ట్ఫోలియో పేజీ మీరు ఈ సమయంలో అయితే ఇప్పటికే ఒక డిఫాల్ట్ పట్టిక ఆ మీరు యూజర్ యొక్క వాటాలు చేసుకోవాలి మరియు నగదు బహుశా అందంగా వికారమైన కనిపిస్తుంది ఏ తెల్లని స్థలం తో సిద్ధంగా. అసత్యంగా ప్రతిదీ రకమైన కలిసి వరుసలు మరియు నిలువు. [00:11:18] బాగా, ఒక బిట్ తో CSS, మీరు గుర్తించారని వంటి, మీరు నిజానికి సర్దుబాటు మరియు చేయవచ్చు మరింత తెలిసిన మరియు చాలా ఏదో prettier చూడండి. కాబట్టి CSS గురించి వెబ్సైట్లు శైలీకృతం. కానీ మేము ఇంకా మరొక పరిచయం మాకు ఏమి వీలు ఇది భాష, PHP,? [00:11:36] యొక్క కేవలం ఏమి లెట్? ఎవరైనా. మించి వెంచర్ వచ్చింది మొదటి జంట వరుసలు. అవును. [00:11:40] ప్రేక్షకులు: డైనమిక్ కంటెంట్ రూపొందించండి. డేవిడ్ J. మలన్: పర్ఫెక్ట్. డైనమిక్ కంటెంట్ రూపొందించండి. మరియు మీరు దీన్ని చేయవచ్చు భాషలు ఎన్ని. మేము ఎందుకంటే PHP ఉపయోగించడానికి జరిగే సి సింటాక్స్ అలా పోలి భాగంలో. [00:11:50] కానీ PHP సరిగ్గా ఆ చేస్తుంది. ఇది మీరు డైనమిక్ అవుట్పుట్ ఉత్పత్తి అనుమతిస్తుంది. మరియు ఆ అవుట్పుట్ యొక్క కొన్ని కావచ్చు HTML, మేము సాధారణంగా చేయడం చేసిన. ఇది ఎందుకంటే అది, కూడా వార్తలు ఒక ప్రోగ్రామింగ్ భాష, యంత్రాంగం ద్వారా మేము డేటాబేస్ మాట్లాడవచ్చు. [00:12:03] మరియు మేము ప్రశ్నలు చేయవచ్చు Yahoos వంటి ఇతర సర్వర్లు మరియు programmatically ఏదైనా నిజంగా మీరు లేకపోతే వాటిని ఒక కంప్యూటర్ ప్రేరేపిస్తాయి కావలసిన. కాబట్టి PHP మాకు మొదలు అనుమతిస్తుంది డైనమిక్ కంటెంట్ ఔట్పుట్. ఈ తర్కం ద్వారా, నేను లేదు తిరిగి 1998 లో ఒక డైనమిక్ వెబ్. [00:12:16] ఇది కేవలం ఒక స్థిర వెబ్ పేజీ ఉంది. నా కంటెంట్ మార్చవలసిన కలిగి మానవీయంగా gedit లేదా కొన్ని సమానమైన తో. కానీ PHP మేము లేదా ఏమిటి ఉపయోగించారు, కాకుండా, వంటి ఏదో కోసం Frosh ఐఎమ్ వెబ్సైట్, ఇది నమోదు పడుతుంది చేయాలో మరియు users-- విషయాల జాబితా నిర్వహించడానికి ఆ నిజంగానే మారుతున్నాయి మేము జరిగే అయినప్పటికీ సమయం, పెర్ల్, వేరే ఉపయోగించడానికి సమయంలో భాష. [00:12:35] మరియు తర్వాత చివరగా, మేము పరిచయం SQL-- ప్రశ్నా భాష స్ట్రక్చర్డ్. కాబట్టి మరో భాష ఆ ఏమి కోసం ఉపయోగిస్తారు? ఏమి కోసం వాడిన? మేము slight-- ప్రయత్నమూ చేయవచ్చు సరే, మేము వెళ్ళి లేదు మరింత దూరంగా పొందడానికి ఇక్కడ ఆర్కెస్ట్రా కంటే. ప్రేక్షకులు: ఇది ఒక ప్రోటోకాల్ వార్తలు డేటాబేస్లు మాట్లాడుకునే. డేవిడ్ J. మలన్: ఒక ప్రోటోకాల్ డేటాబేస్లు మాట్లాడుకునే. నాకు సర్దుబాటు లెట్. ఇది ఉపయోగించే ఒక సహజ భాష databases-- ఎంపిక మాట్లాడటానికి మరియు చొప్పించిన మరియు తొలగిస్తే మరియు నవీకరణలను మరియు నిజానికి మరింత లక్షణాలు ఆ మేము కూడా అధిగమించాడు లేదు లోకి కానీ మీరు explore-- చేయవచ్చు సే, ఒక చివరి ప్రాజెక్ట్ అన్వేషించడానికి. కాబట్టి ఈ వివిధ ముక్కలు ఉన్నాయి. [00:13:09] మరియు ఆశాజనక Pset7, అయినప్పటికీ దాని వివరణ, చాలా పొడవుగా ఉంది మీరు నడవడానికి ఉద్దేశపూర్వకంగా దీర్ఘ వార్తలు ఎలా ఈ విషయాలు అన్ని చేయవచ్చు ద్వారా కలిసి టైప్. ఇప్పుడు, సోమవారం మేము, న మా గత భాష పరిచయం మేము అధికారికంగా పరిచయం చేస్తాము ఆ , జావాస్క్రిప్ట్ అని కోర్సు. ఈ PHP వంటి, ఒక అర్థం భాష. [00:13:25] కానీ ఒక ప్రధాన తేడా నేను సోమవారం ప్రతిపాదిత PHP అయితే అమలు లేదా ఉంది సర్వర్, న వ్యాఖ్యానిస్తున్నారు ఇది ఈ సందర్భంలో CS50 ఉపకరణం, లేదా కొన్ని వాణిజ్య వెబ్ కావచ్చు ఇంటర్నెట్ సర్వర్, జావాస్క్రిప్ట్ సాధారణంగా క్లయింట్ వైపు అమలు చేసే భాష బ్రౌజర్ లో సర్వర్ side-- కాబట్టి. ఏ కేవలం నేను ప్రారంభించింది వంటి, చెప్పటానికి ఉంది ఫేస్బుక్ సోర్స్ కోడ్ మరియు అన్ని దొరకలేదు ఆ JS ఫైళ్ళలో, భావం ఉంది మీరు Facebook లేదా సందర్శించినప్పుడు చాలా వెబ్సైట్లు ఈ రోజుల్లో, మీరు పొందండి మాత్రమే HTML మాత్రమే CSS, కానీ జావాస్క్రిప్ట్ మొత్తం బంచ్ తరచుగా JS ఫైళ్ళలో రూపంలో కోడ్. అది బ్రౌజర్ మీ స్వంతంగా ఆ కోడ్ అమలు చేసే Mac లేదా PC--. [00:14:03] కానీ మీ బ్రౌజర్ అమలు. మీరు ఒక sandbox విధమైన ఆలోచించవచ్చు. జావాస్క్రిప్ట్ కోడ్ చేయకూడని కాబట్టి మీ కంప్యూటర్ ఫైళ్లను తొలగించవచ్చు. ఇది చెయ్యలేరు ఉండాలి మీ తరపున ఇమెయిల్స్ పంపడం. పరిమితం యొక్క మీ బ్రౌజర్ రకం మీరు ఏమి చేయవచ్చు. [00:14:17] ఈ కోణంలో, ఇది కొద్దిగా వార్తలు తక్కువ శక్తివంతమైన, బహుశా, కంటే C. కానీ జావాస్క్రిప్ట్ చెయ్యవచ్చు, ఒక పక్కన, సర్వర్ మీద ఉపయోగించవచ్చు, మాట్లాడు చేయరు చేస్తాము అయితే ఆ సందర్భంలో గురించి. కాబట్టి ఇప్పుడు యొక్క కలిసి ఈ టై తెలియజేయండి. ఒక వారం ప్లస్ క్రితం, మేము కొన్ని HTML అందించిన ఎడమ సూపర్ బోరింగ్ వెబ్ పేజీలో. [00:14:34] కేవలం హలో ప్రపంచ చెప్పారు. ఆపై నేను ప్రతిపాదిత కుడి మేము రకమైన ఆలోచనలు దొంగిలించి మా చర్చ నుండి సి లో డేటా నిర్మాణాలు మరియు ఎలా ఈ క్రమానుగత గురించి అనుకుంటున్నాను ఎడమ మార్కప్ భాష డ్రా లేదా మెమరీ లో అమలు నోడ్స్ తో అసలు వృక్ష నిర్మాణంలో గమనికలు మరియు వివరాలు కొన్ని రకాల మరియు. కుడివైపు, మేము కాల్ ఒక DOM-- డాక్యుమెంట్ ఆ ఇది కేవలం ఉంది Model-- ఆబ్జెక్ట్ చెట్టు చెప్పడం ఒక ఫాన్సీ మార్గం. [00:14:56] ఇప్పుడు, ఎందుకు ఈ ఉపయోగపడుతుంది ఈ విధంగా ఆలోచించి? ఇప్పుడు తో ఎందుకంటే జావాస్క్రిప్ట్, మేము ఎందుకంటే ఈ లో ప్లే అవకాశంను కోడ్ పర్యావరణం, ఆ వాస్తవ HTML బ్రౌజర్ పంపబడింది ఇప్పటికే మరియు ఇప్పటికే ఉంది ద్వారా మెమరీ లోకి లోడ్ మీ కంప్యూటర్ యొక్క ఒక చెట్టు లోకి బ్రౌజర్ ఈ వంటి RAM, మేము జావాస్క్రిప్ట్ ఉపయోగించవచ్చు నిజానికి అడ్డంగా లేదా నడిచి లేదా శోధన లేదా DOM ట్రీ అయితే మేము కావలసిన మార్చడానికి. కాబట్టి నిజానికి, మీరు అనుకుంటే గురించి facebook.com, మీరు చాట్ ఫీచర్ ఉపయోగిస్తే, మీరు ఉంటే ఉపయోగం Gmail మరియు Gchat ఫీచర్, మీరు కలిగి ఉన్న ఏదైనా మళ్లీ మళ్లీ వచ్చే సందేశాలు మరియు మళ్ళీ, ఆ సందేశాలను, బహుశా వంటి, LI ట్యాగ్, జాబితా అంశం టాగ్లు, బహుశా. [00:15:35] లేదా ఉండవచ్చు వారు కేవలం ఉన్నారు కనిపించే కొనసాగించండి divs ప్రతిసారీ మీరు ఒక తక్షణ సందేశాన్ని. కాబట్టి కేవలం అర్థం Facebook లేదా Google చేస్తోంది ఏ సమయంలో మీరు ఒక పొందండి సర్వర్ నుండి సందేశం, వారు బహుశా JavaScript ఉపయోగిస్తుంటే మరొక నోడ్ జోడించండి ఈ ఈ మరొక నోడ్ చెట్టు అప్పుడు దృష్టి కేవలం కనిపించే చెట్టు మీ తెరపై టెక్స్ట్ ఒక కొత్త లైన్ వంటి. కానీ వారు ఇన్సర్ట్ చేసిన ఈ డేటాను నిర్మాణాన్ని. [00:15:57] వంటి తరగతుల్లో కాబట్టి CS124 మరియు ఇతరులు, మీరు చేస్తాము నిజానికి వ్యతిరేకంగా కోడ్ వ్రాయడానికి ఈ వంటి డేటా నిర్మాణాలు. కానీ ఇప్పుడు జావాస్క్రిప్ట్ లో కోసం, మేము కేవలం ఊహించుకోవటం చేస్తాము మేము ఈ కార్యాచరణను పొందుతారు భాష నుండే ప్లే. కాబట్టి యొక్క ఒక ఉదాహరణ చూద్దాం. [00:16:09] నాకు form.html అనే ఫైల్ తెరుచుకుంటుంది లెట్. ఇది సూపర్ సులభం. ఇది కేవలం ఈ కనిపిస్తోంది. [00:16:15] సంఖ్య CSS, సౌందర్యం ఎటువంటి ఆలోచన. ఇది పూర్తిగా ఫంక్షనల్ వార్తలు మరియు స్పష్టంగా నేను ఒక ఇమెయిల్ కోరుతూ, పాస్వర్డ్ మళ్ళీ పాస్వర్డ్ను, మరియు అప్పుడు ఒక చెక్ కొన్ని నిబంధనలను అంగీకరిస్తున్నారు. ఈ కోసం మూల కోడ్ బహుశా ఏదో ఉంది అనిపిస్తోంది మీరు ఒక తో ఊహించినట్లుగా ఇప్పుడు ఆలోచన యొక్క కొద్దిగా. నేను ఇక్కడ ఒక రూపం ట్యాగ్ పొందారు. [00:16:32] యాక్షన్ స్పష్టంగా అన్నారు register.php అనే ఫైల్ వెళ్ళండి. నేను ఉపయోగించే వెళుతున్న పద్ధతి పొందుటకు ఉంది. ఆపై నేను ఒక టెక్స్ట్ పొందారు దీని పేరు ఇమెయిల్ రంగంలో. [00:16:40] నేను ఒక పాస్వర్డ్ పొందారు పాస్వర్డ్ దీని పేరు. నేను మరొక పొందారు దీని పేరు పాస్వర్డ్ కొంతవరకు ఏకపక్ష ధ్రువీకరణ. ఇది కేవలం మరొక HTTP పారామితి ఉంది. [00:16:49] మరియు తర్వాత మేము తప్ప ఈ ఉపయోగించని చేసిన Frosh ఐఎమ్ తరగతి లో డెమో నుండి ఇది ఒక చెక్ బాక్స్ కేవలం రకం చెక్ సమానం. మరియు నేను ఆ ఒప్పందం పిలుస్తాను. నేను చేసిన రకమైన ఏకపక్ష కానీ సౌకర్యవంతంగా ఈ ఖాళీలను అనే. ఈ రూపం గెట్స్ ఇప్పుడు ఉంచుకుంటే సమర్పించిన, ఏమి చూసేలా. నేను malan@harvard.edu చేస్తే, నేను క్రిమ్సన్ యొక్క పాస్ వర్డ్ చేస్తాను. నేను ఏమీ ఒక పాస్వర్డ్ను చేస్తాను. యొక్క సహకరించలేదు లెట్. [00:17:10] నేను బాక్స్ తనిఖీ లేదు. నాకు నమోదు క్లిక్ చేయండి. మరియు అది HM, మీరు నమోదు చేసుకున్న, చెప్పారు. నిజంగా. [00:17:16] కానీ URL మార్చబడింది. కాబట్టి ఈ రూపం స్పష్టంగా అనుమతి register.php సమర్పించడానికి. కానీ బహుశా, నేను ఉండాలి ఈ లోపాలు కొన్ని పట్టుకోవడంలో. ఇప్పుడు, Pset7 మరియు కొన్ని మా ఉపన్యాసం ఉదాహరణలు, మేము సాధారణంగా ముద్రించాలా చేస్తుంది ఇక్కడ ఒక పెద్ద ఎరుపు లోపం సందేశం , మాట్లాడుతూ పేరు లేదు, లేదా పాస్వర్డ్ను లేదు. మేము మరియు ముందు మేము చేసిన చేసిన పూర్తి సర్వర్ వైపు లోపం గుర్తింపును. [00:17:37] కానీ అనేక వెబ్సైట్లు ఈ రోజుల్లో క్లయింట్ వైపు ఎర్రర్ డిటెక్షన్ చేయండి పేరు URL మారదు. మొత్తం పేజీ రిఫ్రెష్ లేదు. మీరు తక్షణ ప్రతిస్పందనను బ్రౌజర్ నుండి. బహుశా ఏదో ఎరుపు వెళ్తాడు. [00:17:48] బహుశా మీరు ఒక పాప్ అప్ పొందుటకు. కానీ మీరు పంపే సమయం వృథా లేదు అసంపూర్ణ అని సర్వర్ డేటా. కాబట్టి ఎలా మేము వాటిని యొక్క చూసేలా అలాగే ఆ ఫీచర్ సాధించడానికి. [00:17:56] , నాకు form1.html వెళ్ళనిస్తున్నారని ఇది కనిపిస్తుంది. కానీ ఈ సమయంలో నేను లేకపోతే malan@harvard.edu మరియు నేను క్రిమ్సన్ టైప్ మరియు నేను మరింత సహకారం లేదు కానీ నమోదు క్లిక్, ఇప్పుడు గమనించవచ్చు. ఇది సెక్సియస్ట్ పరిష్కారం కాదు. నేను కనీసం ఈ లోపం క్యాచ్ చేసిన. నేను హెచ్చరిక ఉపయోగించి జావాస్క్రిప్ట్ ఫంక్షన్ ఇది మేము మాత్రమే తరగతి లో ఉపయోగిస్తున్నారు. సాధారణంగా, మీరు ఈ ఉపయోగించకూడదు ఇది చాలా త్వరగా పొందడానికి ఎందుకంటే నియంత్రణ. కానీ మ్యాచ్ పాస్వర్డ్లను లోపం ఉంది. [00:18:19] నాకు ముందుకు వెళ్లి సరి క్లిక్ చేయండి. కానీ ఇక్కడ కీ తాత్కాలిక URL మార్చలేదు ఉంది. నేను ఆలోచించలేదు చేసిన వృధా సర్వర్ యొక్క సమయం అందులో నేను కలిగి ఒక ప్రశ్న నాకు సమాధానం కనుగొన్నారు. [00:18:30] మరియు యూజర్, అయినప్పటికీ ఈ గురించి మాట్లాడుతూ యూజర్ యొక్క కంటే ఎక్కువ ఈ గురించి ఆలోచించండి, తక్షణ చూడు అన్నారు. ఏ అంతర్గతాన్ని తో ఉంది నెట్వర్క్ కనెక్టివిటీ. కాబట్టి యొక్క ఈ సోర్స్ కోడ్ చూద్దాం. [00:18:40] Form1.html కనిపిస్తోంది ఇక్కడ నిర్మాణాత్మకంగా ఇలాంటి. రూపం నిజానికి అదే. కానీ యొక్క నేను ఇక్కడ డౌన్ ఏమి చూద్దాం. మరియు దీన్ని వివిధ మార్గాలు ఉన్నాయి. మరియు నేను చాలా నేరుగా చేసిన ఇంకా చాలా సొగసైన మార్గం అనుచరుడు కానీ. నేను స్క్రిప్ట్ ట్యాగ్. నేను కాల్ document.getElementByID ('నమోదు'). మరియు నేను ఆ విలువ నిల్వ రూపంలో, ఒక వేరియబుల్. [00:19:04] నేను ఏమి చేసారు? మీరు ఆలోచించవచ్చు document.getElementByID గా ఒక ప్రత్యేక ఫంక్షన్ ఆ జావాస్క్రిప్ట్ మీరు ఇస్తుంది అక్షరాలా మీరు ఒక చేతులు ఆ నోడ్స్ యొక్క ఒక పాయింటర్ ఈ చెట్టు లో లేదా దీర్ఘ చతురస్రాలు. కాబట్టి ఇప్పుడు ఏమి మా రూపం వేరియబుల్ జావాస్క్రిప్ట్ లో నిజానికి సూచిస్తుంది. [00:19:21] కాబట్టి ఇప్పుడు సింటాక్స్ భిన్నంగా ఉంది C. కానీ మేము ఇక్కడ కొన్ని పనులను చేస్తున్నారు. ఒక, ఈ ఒక కొద్దిగా వింత ఉంది C. వర్సెస్ ఖచ్చితంగా, చూస్తున్న కానీ లైన్ 35 చూడండి. ఎడమ form.onsubmit కాబట్టి. ఆ onsubmit రీకాల్ ఒక struct లో ఒక రంగంలో. మీరు రూపం వేరియబుల్ భావిస్తే కేవలం ఒక సి struct ఉంది, ఇది కొన్ని ఖాళీలను కలిగి ఉండవచ్చు. [00:19:42] తిరిగి రోజు, మేము విద్యార్థులు పేర్లు, ID లు, ఇళ్ళు, రంగాలలో ఆ రకమైన. మరొక రంగంలో onsubmit భావిస్తారు. కానీ ఎందుకంటే ఒక ప్రత్యేక రంగంలో వార్తలు బ్రౌజర్ ఆశించడం preprogrammed ఉంది .onsubmit క్రింది కాదని అనేక లేదా స్ట్రింగ్ వంటి, కానీ నిజానికి ఒక కార్యకలాపంగా లేదా ఒక ఫంక్షన్ యొక్క చిరునామా కంప్యూటర్ యొక్క మెమరీ లో. [00:20:02] నిజానికి, ఆ ఏమి ఈ కీవర్డ్ ఇక్కడ చేస్తుంది. ఈ నాకు ఒక కొత్త ఫంక్షన్ ఇవ్వాలని అన్నారు. కానీ దాని పేరు ఏమిటి స్పష్టంగా, అన్నారు? [00:20:09] సోమవారం తిరిగి థింకింగ్. ఈ పేరు ఏమిటి ఈ వాక్యనిర్మాణం ఆధారంగా ఫంక్షన్? లేదు, నేను అర్థం, స్పష్టంగా ఉంది ఏ పేరు ఖచ్చితంగా associated-- నేను ఇక్కడ హైలైట్ చేసిన ఏమి లో. [00:20:21] కానీ ఆ నిజానికి సరే. ఈ ఒక అనామక ఫంక్షన్ ఉంది, లేదా ఒక కాల్ ఉండవచ్చు కొన్ని లాంబ్డా ఫంక్షన్. మరియు ఆ అర్థం అది ఇప్పటికీ ఒక ఫంక్షన్. ఇది మీరు పేరు ద్వారా కాల్ కాదు, కేవలం. కానీ ఆ సరే. మళ్ళీ ఎందుకంటే, బ్రౌజర్ ఉంది Google వంటి సంస్థలు preprogrammed Microsoft లేదా మొజిల్లా లేదా ఇతరులకు లేదా కేవలం తెలిసిన .onsubmit రంగంలో ఉంటే ఒక రూపం మూలకం ఉంది లోపల విలువ, ఒక ఫంక్షన్ గా చికిత్స ఒక ఫంక్షన్ పాయింటర్, మీరు ఉంటే. సమర్పించిన ఉన్నప్పుడు మరియు కాల్. [00:20:46] కాబట్టి ఏమి కోడ్ అమలు చేయాలి ఉన్నప్పుడు సమర్పించిన? స్పష్టంగా, ప్రతిదీ వంకర కలుపు లోపలి. మరియు ఈ కేవలం శైలీ ఉంది. [00:20:53] మీరు వంటి ఈ చేయగల మేము CS50 లో చేసుకొంటాయి. కానీ జావాస్క్రిప్ట్ లో, చాలా మంది అదే లైన్ లో ఉంచడానికి ఉంటాయి కేవలం మరింత స్పష్టంగా ఎందుకంటే ఆ కీవర్డ్ ఫంక్షన్ సంబంధం. కాబట్టి ఇప్పుడు నేను చేస్తున్న? [00:21:03] Form.email.value సమానం సమానం ఉంటే ఖాళీ స్ట్రింగ్ లేదా ఏమీ, ఇక్కడ నేను వెళుతున్నాను పేరు ఒక హెచ్చరిక, మీరు, మీ ఇమెయిల్ చిరునామా అందించాలి మరియు అప్పుడు తప్పుడు తిరిగి. మరియు అది తిరిగి తప్పు ఆ సమర్పించడం నుండి రూపం నిరోధిస్తుంది. ఇంతలో, పాస్వర్డ్ను విలువ ఉంటే ఖాళీ, నేను యూజర్ అరుస్తుంటారు వెళుతున్న మరియు మీరు ఒక పాస్వర్డ్ అందించాలి చెప్పడానికి. [00:21:21] ఇంతలో విషయాలు పొందడానికి ఇక్కడ ఒక చిన్న ఫ్యాన్సియెర్స్. Form.password.value కాకపోతే సమాన form.confirmation.value, ఇతర రంగంలో అరుస్తుంటారు యూజర్ పాస్ వర్డ్ వారు సరిపోలడం లేదు ఒక క్షణం క్రితం కాదు. ఆపై ఈ ఒకటి ఒక చిన్న sexier నేను ఎందుకంటే నేను సంభావితంగా తెలుసు తెలుసు తనిఖీ ఒక చెక్ బాక్స్ యొక్క పేరు. [00:21:40] నేను కేవలం ఒక ఆశ్చర్యార్థకం ఉపయోగించవచ్చు చెక్ లేకపోతే పాయింట్ చెప్పటానికి checked-- అది బూలియన్ వార్తలు నిజమైన లేదా తప్పుడు విలువ, నేను ఆ కారణం యూజర్ అరుస్తుంటారు చేస్తాము. లేకపోతే, మేము ద్వారా వస్తే ఈ అన్ని పరిస్థితులు, యొక్క నిజమైన తిరిగి వీలు. సమర్పించిన లెట్. మరియు ఈ అప్పుడు జరగవచ్చు. [00:21:56] క్రిమ్సన్ టైప్ లెట్. యొక్క బాక్స్ తనిఖీ లెట్, నమోదు క్లిక్. ఇప్పుడు నేను గమ్యానికి ద్వారా వెళ్ళి. ఇప్పుడు, ఏ డేటాబేస్ ఉంది. ఆసక్తికరమైన ఏదీ లేదు register.php లో. నేను ఏదో అవసరమైన నిజంగా మాట్లాడాలని. కాబట్టి నాకు ఇక్కడ, విరామం వీలు. మేము కేవలం చేసిన ఏ ప్రశ్నలు లేదా ఈ కొత్త వాక్యనిర్మాణం యొక్క కొన్ని ఏమిటి? అవును, సరే? [00:22:17] ప్రేక్షకులు: ఏ చెక్బాక్స్ స్వయంచాలకంగా బూలియన్ ఉంది. మీరు ఆ వంటి ప్రకటించాలని లేదు. [00:22:21] డేవిడ్ J. మలన్: సరిదిద్దండి. నుండి మీరు పంపిన ఏ చెక్బాక్స్ మీ జావాస్క్రిప్ట్ కోడ్ ఒక HTML రూపం ఒక వంటి, అవును, చికిత్స బూలియన్ నిజమైన లేదా తప్పుడు విలువ. ఇది ఒక మంచి ప్రశ్న. ఇతర విలువలు అయితే, యొక్క కోర్సు, టెక్స్ట్, AKA తీగలను ఉన్నాయి. [00:22:36] అన్ని కుడి, కాబట్టి నాకు తెలియజేయండి మరింత ఒక బిట్ రివైండ్. ఈ మొత్తం పాయింట్ ఏమిటి? జస్ట్ స్పష్టతను. వంటి, మేము ఇప్పటికే కూడా Pset7 నుండి, తెలుసు మరియు కూడా గత వారం యొక్క ఉపన్యాసం నుండి మేము ఖచ్చితంగా తనిఖీ చేయవచ్చు ఉదాహరణలు, యూజర్ మాకు ఇవ్వాలని ఉంటే $ _ గెట్ $ _ పోస్ట్ చూడండి ఒక ఖాళీ విలువ. PHP లో ఖాళీ ఫంక్షన్ గుర్తుంచుకో. [00:22:54] కాబట్టి కేవలం ఏమి, స్పష్టంగా ఉండాలి మేము కూడా వాటిని ఒక కారణం ఈ దోష పరిశీలన చేయాలనుకుంటున్నారా బ్రౌజర్ యొక్క లోపల? ఇక్కడ ప్రేరణ ఏమిటి? అవును. [00:23:06] ప్రేక్షకులు: వేగంగా, మరియు మీరు లేదు సర్వర్ పనికిరాని డేటా పంపడానికి. డేవిడ్ J. మలన్: గుడ్. ఇది వేగంగా. మీరు నిష్ఫలమైన పంపవద్దు సర్వర్ డేటా. [00:23:12] కాబట్టి మీరు మరింత తిరిగి తక్షణ ప్రతిస్పందనను. మరియు మొత్తం, యూజర్ అనుభవం ఉత్తమం. ప్రత్యామ్నాయ గురించి ఆలోచించండి. [00:23:17] Gmail-- కోసం మరియు ఉంటే అనేక సంవత్సరాల క్రితం కేసు. మీరు ఒక కొత్త ఇమెయిల్ మీ Gmail వచ్చింది అనుకుందాం ఖాతా, కానీ మాత్రమే మార్గం ద్వారా ఆ వంటి, ఉంది చూడటానికి, మొత్తం పేజీ రీలోడ్. లేదా మీరు క్లిక్ అనుకుందాం ఒక లింక్ ఒక ఇమెయిల్ చదవడానికి. [00:23:29] ప్రతిదీ కాబట్టి రీలోడ్ ఉంది మీరు ఇమెయిల్ చూడగలరు. లేదా మీరు ఒక చాట్ సందేశాన్ని Facebook--. మీరు రీలోడ్ వరకు మీరు చూడలేదు పేజీ లేదా కొన్ని లింక్ క్లిక్. [00:23:36] వంటి, ఈ చాలా ఒక ఉంటుంది బాధించే యూజర్ అనుభవం. మరియు ఈ, అది గురించి ఉంది స్పష్టంగా, తిరిగి నేను UC కోసం పరిగెడుతున్నప్పుడు మరియు వెబ్ తక్కువ డైనమిక్ ఉంది ప్రజాదరణ మరియు జావాస్క్రిప్ట్ కాదు ఇది ఇప్పుడు. మరియు విషయాలు చాలా పొందడానికి మరింత డైనమిక్ మరియు మరింత కోణంలో క్లయింట్ వైపు. [00:23:49] కానీ అక్కడ ఒక క్యాచ్ ఇక్కడ ఉంది, మరియు ఈ ఒక బాధించే gotcha రకం. మీరు క్లయింట్ వైపు జోడించండి ఎందుకంటే ఈ వంటి గుర్తింపును కాదు మీరు లేదా రద్దు చేయాలి చేయవచ్చు సర్వర్ వైపు గుర్తింపును. మీరు తప్పనిసరిగా మీ ఉంచాలి కావలసిన రెండు ప్రదేశాలలో దోష. ఒకటి ఎందుకంటే నేర్చుకున్న పాఠం వ్యాసం నుండి నేను కొన్ని సారాంశాలు చదవండి ఈ తెలివితక్కువదని CMS సిస్టమ్ తో నుండి అని కంటెంట్ మేనేజ్మెంట్ సిస్టమ్ దాని ప్రమాణీకరణ వ్యవస్థను అమలు, ఏమి విధానం ద్వారా దాని లాగిన్? జావాస్క్రిప్ట్. [00:24:20] ప్రేక్షకులు: జావాస్క్రిప్ట్. డేవిడ్ J. మలన్: జావాస్క్రిప్ట్, సరిగ్గా, కుడి? ఇది జావాస్క్రిప్ట్ ఉపయోగించి. మరియు వాచ్యంగా, మీరు అబ్బాయిలు కలిగి బహుశా కొద్దిగా ఆడాడు Chrome యొక్క ఇన్స్పెక్టర్ తో. నేను పొందవచ్చు ఉంటే, మూలకం తనిఖీ. [00:24:30] నాకు వీడలేదు Chrome యొక్క ఎంపికలు అన్ని. మరియు ఈ అది ఎంత సులభం ఒక బ్రౌజర్లో JavaScript డిసేబుల్. , ఎక్కువ జావాస్క్రిప్ట్ తనిఖీ. [00:24:38] కాబట్టి న్యాయంగా, చాలా ఈ రోజుల్లో వెబ్ కనుక విచ్ఛిన్నం వెళ్తున్నారు Gmail మరియు ఇతర సైట్లు భావించాలి Facebook-- ఎనేబుల్. కానీ మీరు తెలివితక్కువదని ఏదో చేస్తున్నా వంటి మాత్రమే వినియోగదారులు ఇన్పుట్ నిర్ధారించడంలో మరియు కోసం అది తనిఖీ క్లయింట్ వైపు లోపాలు, శత్రువులు సులభంగా కాలేదు. ఆపై కూడా తెలివిగా మీరు అబ్బాయిలు వంటి విరోధి ఇప్పుడు టెల్నెట్ లేదా కర్ల్ ఉపయోగించవచ్చు లేదా కమాండ్ లైన్ ఆదేశాలను మరియు నిజానికి సర్వర్ సందేశాలను పంపడానికి అదే తనిఖీ లోపం లేదు. [00:25:05] కాబట్టి ఈ ఒక యొక్క ఎక్కువ యూజర్ ఇంటర్ఫేస్ నిర్ణయం ఇది సాంకేతిక అసలు కంటే improvement-- అమలు ఈ వంటి ఏదో క్లయింట్ వైపు. కాబట్టి ఇప్పుడు ఒక్కసారి, కానీ అప్పుడు నేను ఆన్లైన్ నడక వాయిదా చేస్తాము ఈ ఒక కోసం ద్వారా. రూపం రెండు లో, మేము నిజంగా సాగింది మరియు కోడ్ కొద్దిగా శుభ్రం. కానీ నాకు ఒక వాయిదా వీలు వీడియోలు మేము అవకాశం చేస్తాము కేవలం మీరు ఒక చూపే Pset8 లో పొందుపరిచిన అనే లైబ్రరీ ఉపయోగించి ఇదే సింటాక్స్ ఒక సూపర్, సూపర్ ఇది j క్వెరీ, జావాస్క్రిప్ట్ లో ప్రముఖ లైబ్రరీ స్పష్టముగా చాలా మంది ఈ రోజుల్లో ఉపయోగించడానికి మరియు కూడా తికమక జీవి జావాస్క్రిప్ట్ కూడా. [00:25:37] మరియు అది కలిగి ఉంటుంది కొన్ని డాలర్ సైన్స్ మరియు పత్రాలకు కీవర్డ్లు ఇక్కడ కుండలీకరణాల్లో. కానీ మళ్ళీ, నాకు వాయిదా లెట్ ఆన్లైన్ కొన్ని నెమ్మదిగా ట్యుటోరియల్స్ కాకుండా వాక్యనిర్మాణం ముడిపడి. యొక్క కొనసాగండి లెట్ కొద్దిగా చల్లని ఏదో ఈ అప్లికేషన్లు పరంగా. [00:25:50] కాబట్టి ముఖ్యంగా, నాకు వీడలేదు ముందుకు మరియు ఇక్కడ ఈ అప్ తెరవండి. న కమ్. అక్కడ మేము వెళ్ళి. [00:25:59] నాకు ఇక్కడ ఈ చిత్రాన్ని తెరుచుకుంటుంది లెట్. సంక్లిష్టం చూస్తున్న, కానీ అనే పద్ధతిని వివరిస్తుంది AJAX-- అసిన్క్రోనస్ జావాస్క్రిప్ట్ మరియు XML, పేరు XML కోసం X నిజానికి ఉంది ఇకపై నిజంగా. ఇది ఏదో ఉపయోగించడానికి ఉంటుంది వేరే JSON అని. [00:26:13] కానీ ఇక్కడ ఎలా ఏదో ఉంటుంది Google Maps లేదా Google Earth పనిచేస్తుంది. యొక్క నిజానికి, ఎగిరి ఈ ప్రయత్నించండి లెట్. నాకు ముందుకు వెళ్లి తెరవడానికి లెట్ నా బ్రౌజర్ లో Chrome. [00:26:21] మరియు, నాకు లోకి వీడలేదు , maps.google.com చెప్పటానికి. మరియు వాస్తవానికి, మీరు పాత అయితే గుర్తు తగినంత, వంటి, MapQuest, రోజు తిరిగి వంటిది మరియు బహుశా వారు ఇప్పటికీ ఈ వంటి పని. మీరు ఏదో శోధించడం చేసినప్పుడు 33 ఆక్స్ఫోర్డ్ స్ట్రీట్, కేంబ్రిడ్జ్, మాస్, యొక్క దీన్ని మీరు తెలియజేసేలా నిజానికి ఆ, మీరు ఉంటే అప్ పాన్ కోరుకున్నాడు మరియు డౌన్, ఎడమ మరియు కుడి మీరు ఒక ఎలా పెద్ద పైన బాణం, మరియు అది మీరు మరొక చూపిస్తుంది ఇక్కడ మ్యాప్ ఫ్రేమ్. లేదా మీరు మీరు ఎడమ మరియు నొక్కండి ఇక్కడ వెళ్ళి, లేదా మరొక నొక్కండి మరియు మీరు ఇక్కడ పైగా ప్రయత్నించాడు. కానీ బదులుగా ఈ రోజుల, మేము కోర్సు కేవలం మేము వెళ్ళే భ్రాంతి చెందు కేంబ్రిడ్జ్ చుట్టూ అందంగా త్వరగా కేవలం క్లిక్ మరియు డ్రాగ్ చెయ్యడం ద్వారా. కానీ కొన్ని అవాంతరాలు ఉంది గమనించవచ్చు. [00:26:59] నేను వేగంగా తగినంత ఇలా చేస్తే, ఏమి జరుగుతున్న తెలుస్తోంది నేను డ్రాగ్ వంటి కొద్దిగా చాలా వేగంగా కంప్యూటర్ కోసం తెలియచేయడానికి? మీరు ఏమి చూస్తారు? అవును. [00:27:07] ప్రేక్షకులు: పిక్సెళ్ళు రిఫ్రెష్ లేదు. డేవిడ్ J. మలన్: పిక్సెళ్ళు రిఫ్రెష్ లేదు. నిజానికి మరియు మీరు ఉంది నిజానికి, ఈ చూడగలిగారు, మీరు ఆన్లైన్ మరియు విరామం చూస్తున్న ఉంటే ఈ లేదా నిజానికి విషయాలు నెమ్మదించే once-- కోసం మీరు ఉన్నాయి చూస్తారు పలకలు, చతురస్రాలు, లేదా దీర్ఘ చతురస్రాలు ఆ పటం నుండి వరకు తప్పిపోయాయి ఒక స్ప్లిట్ రెండవ తరువాత, మరింత డేటా, నిజానికి మరింత చిత్రాలు తెరపై కనిపించే. నిజానికి, మేము శోధిస్తున్న ద్వారా ఉంటే యొక్క, Chrome-- సే Chrome's-- అప్ యొక్క చూసేలా. మేము అలా కాదు. [00:27:31] అయ్యో, ఓహ్. యొక్క maps.google.com తెరుచుకుంటుంది లెట్. నాకు మళ్లీ విండో పెద్ద తయారు చేద్దాము. [00:27:36] తిరిగి 33 ఆక్స్ఫోర్డ్ స్ట్రీట్ వెళ్ళండి. నేను ఇటీవల ఉంది వెబ్సైట్ ఏమిటి? నేను ఈ వంటి, ప్రైవేట్ నాటకీయంగా సంభాషించుట కలిగి నాకు నేను తక్షణ సందేశం భావిస్తున్నట్టు ఆన్లైన్ అయిన ఏ స్నేహితుడు ఎవరు విచారించాలని కోరారు. కొన్ని వెబ్సైట్ ఉంది. నేను కాబట్టి Comcast-- అని చాలా పెద్ద అమెరికన్ ISP. మీరు కొత్త కేబుల్ కోసం, సైన్ అప్ ఉన్నప్పుడు మోడెమ్ సేవ లేదా కేబుల్ TV సేవ, వారు సహేతుక ఒక రూపం కలిగి వారు మీ చిరునామా కోసం మీరు అడగండి. మరియు ఈ అద్భుతమైన కలిగి ఆటో పూర్తి అని ఫీచర్, Google వంటి, ఆ పూరించడానికి మొదలవుతుంది మీ ప్రశ్నకు సమాధానం. [00:28:04] సమస్య వారు ఆటో పూర్తి చేయాలని, ఉంది మీరు టైప్ మొదటి విషయాలు. కాబట్టి మీరు 33 రచనను టైపు చేసి ఉంటే, అది ప్రతి ఇల్లు వాచ్యంగా మీరు చూపిస్తుంది అమెరికాలో ఆ మొదలవుతుంది సంఖ్య 33 తో వెళ్లే ముందు మీరు మరింత టైప్ ఆశించే. మీరు ఆక్స్ఫర్డ్ 33 టైప్ చేస్తే, అప్పుడు మీరు ప్రతి వీధి చూపిస్తుంది అమెరికాలో 33 ఆక్స్ఫర్డ్లో కలిగి సంబంధం లేకుండా పట్టణం దాని పేరు, మీరు ఉన్నారని. [00:28:25] ఆపై మీరు టైప్ జరుగుతూ. చివరకు, అది అలా గుర్తిస్తాడు కేంబ్రిడ్జ్ లో మీ ఇంటికి ఆఫర్ సేవ లేదా అలాంటిదే. కానీ పాయింట్ ఈ, చాలా ఉంది ఆటో గాడిదవంటి అమలు ఎప్పుడూ పూర్తి. [00:28:34] మరియు నేను ఆఫ్ వెళుతున్న ఈ టాంజెంట్ న మళ్ళీ. కానీ మంచి మార్గాలు ఉన్నాయి జావాస్క్రిప్ట్ మరియు చెడు మార్గాలు ఉపయోగించడానికి. మరియు తప్పనిసరిగా ఉత్తమ ఒకటి కాదు. [00:28:40] కానీ ఈ ముందు ఇక్కడ పాయింట్, తిట్ల, టూల్స్ ఇక్కడ డౌన్ ప్రారంభించిన ఉంది మరియు, డెవలపర్ ఉపకరణాలు తెరుచుకుంటుంది మేము ముందు ప్రోత్సహిస్తున్నాము వంటి, మరియు నెట్వర్క్ చూడటానికి టాబ్ నేను నిజంగా వేగంగా క్లిక్. మరియు మొత్తం బంచ్ గమనించి విన్నపాలను జరిగిన పొందండి. నేను లాగారు నుండి ఈ అన్ని జరిగిన. [00:28:57] మరియు ఎక్కువగా, నిజానికి ఈ వరుసలను ఇప్పుడు చిత్రం స్లాష్ JPEG ఉంటాయి MIME రకాలు లేదా కంటెంట్ రకాల. ఏమి క్రోమ్ ఎందుకంటే ఆ నేను క్లిక్ మరియు డ్రాగ్ ప్రతిసారీ, క్లిక్ మరియు, నేను, అది ఓహ్, గ్రహించి వార్తలు డ్రాగ్ టైల్ కోసం Google అడగండి వెళ్లాలి ఇక్కడ ఓవర్ ఆ మాప్ లో, త్వరగా HTTP ద్వారా డౌన్లోడ్, మరియు అప్పుడు అని పిలవబడే DOM జోడించి మెమరీ చెట్టు లో వెబ్ బ్రౌజర్లు ప్రాతినిధ్యం యూజర్ కాబట్టి, నాకు, ఆ నవీకరించబడింది టైల్ చూస్తాడు. మరియు ఈ ఎందుకంటే యొక్క ఉంది AJAX అనే టెక్నిక్. తిరిగి రోజు, అది నిజంగా సందర్భం మీరు ఉంటే తెరపై ఏమి మార్పు కోరుకున్నారు మీరు అప్ క్లిక్ వుంటుంది, డౌన్, ఎడమ, కుడి. ఆపై ఒక కొత్త పేజీ తెరిచి. కానీ ఈ రోజుల్లో, ప్రతిదీ మరింత డైనమిక్ ఉంది. ఇది మనం మానవులు ఆ విధంగా జరుగుతుంది నిజానికి యింటరాక్టివ్గా చేస్తాను ఆశిస్తున్నాము. మరియు అది ద్వారా సాధిస్తుంది అని పిలిచే ఒక సాంకేతికతను యొక్క మార్గం బహుశా ఉత్తమ ఇది AJAX, ఒక ఉదాహరణ ద్వారా వివరించారు. మొదటి, నాకు ముందుకు తెలియజేయండి మరియు ఒక ఫైల్ తెరుచుకుంటుంది లో quote.php అని నేటి పంపిణీ కోడ్. [00:29:53] ఆపై నాకు చిహ్నం అయ్యో తెలియజేసేలా. నాకు గుర్తు లెట్ = GOOG కొన్ని స్టాక్. లేదా నిజానికి, యొక్క తెలియజేసేలా Pset ఉచిత నుండి ఒక. నమోదు. [00:30:05] ఇప్పుడు నేను తిరిగి పొందండి గమనించవచ్చు. కాబట్టి ఈ ఒక నిజంగా ఉంది చిన్న PHP ఫైలు ఆ నేను కేవలం కోడ్ వచ్చింది రాశారు Pset7 యొక్క శోధన ఫంక్షన్ మరియు ఈ కర్లీ జంట ఉపయోగించి ఉమ్మి వేస్తారు మరియు కోట్స్ మరియు పెద్దప్రేగు సంజ్ఞామానం, స్పష్టంగా, ప్రస్తుత స్టాక్ యొక్క ధర మీరు పొందుటకు ద్వారా వెళ్ళే సంస్థ. కాబట్టి ఈ భిన్నంగా ఉంటుంది మేము వాటిని చాలా నుండి నేను ఆ నోటీసు జరుగుతుంది వాచ్యంగా ఉమ్మివేస్తూ ఏమి జావాస్క్రిప్ట్ కోడ్ కనిపిస్తోంది. [00:30:27] నిజానికి, ఈ ఒక ఆబ్జెక్ట్ ఉంది. నిజానికి, కేవలం, మరింత స్పష్టతను JSON-- Notation-- జావాస్క్రిప్ట్ ఆబ్జెక్ట్ మీరు చెప్పి ఒక ఫాన్సీ మార్గం చాలా జావాస్క్రిప్ట్ లో డేటా సూచిస్తుంది వంటి మీరు PHP లో చెయ్యవచ్చు కీ విలువ జతలను ఉపయోగించడం. నేను ప్రకటించాలని కోరారు చేస్తే జావాస్క్రిప్ట్ లో ఒక వేరియబుల్ కు కోసం, Zamyla సూచిస్తుంది Zamyla-- కోసం ఒక struct instance-- మరియు మేము కాల్ చేస్తాము విద్యార్థి, ఈ వేరియబుల్. ఆమె ID మందిరం, ఒకటి వింత్రాప్ మరియు పేరు Zamyla. [00:30:53] కానీ నేను కూడా వస్తువులు వ్యూహం ఉండవచ్చు. నేను నిజానికి కోరుకుంటే కలిగి జావాస్క్రిప్ట్ లో వ్యూహం బహుళ వస్తువులు, ఈ సమయం, సిబ్బంది ప్రాతినిధ్యం నేను ఈ మూడు ఉండవచ్చు తిరిగి కోడ్ భాగాలుగా ఈ కోసం తిరిగి తిరిగి మూడు మాజీ సిబ్బంది. కాబట్టి వాక్యనిర్మాణం, అందంగా PHP కు both-- పోలి. కానీ ఈ ముఖ్యంగా జావాస్క్రిప్ట్. ఇది ఆబ్జెక్ట్ నొటేషన్. కాబట్టి ఈ ఉపయోగకరంగా ఏమిటి? [00:31:17] నేను కోడ్ వ్రాస్తే ఆ ఉమ్మి వేస్తారు JSON-- Stuff Notation-- జావాస్క్రిప్ట్ ఆబ్జెక్ట్ ఆ ఈ లేదా stuff కనిపించే , Zamyla యొక్క నిర్మాణం కనిపిస్తుంది నేను నిజానికి ఈ ఉపయోగించవచ్చు కార్యక్రమాలలో నేను వ్రాయడానికి. నాకు ajax0.html వెళదాం. మరియు ఈ చాలా లేదు too-- సౌందర్యం ఇచ్చిన ఆలోచన. కానీ ఏమి చూడటానికి. [00:31:34] నాకు ముందుకు వెళ్లి ఇక్కడ ఉచిత టైప్ లెట్. కోట్ పొందండి క్లిక్. మరియు URL మార్చలేదు గమనించవచ్చు. కానీ నేను స్పష్టంగా ఒక పాప్ అప్ వచ్చాం $ 0.15 నేటి పెన్నీ స్టాక్ ధర. కాబట్టి ఆ చెడు కాదు. కానీ తేడా, ఏదో ఉంది ఈ డేటా నేరుగా నాకు తిరిగి వచ్చింది. కానీ యొక్క వైపు ఒక అడుగు తీసుకుందాం మరింత పరిచయమైన. ఈ యొక్క వెర్షన్ లో, నాకు తెలియజేయండి కోట్ పొందండి క్లిక్, ఉచిత మళ్ళీ టైప్, మరియు ఓహ్ ఇప్పుడు, ఈ ఉంది నిజానికి j క్వెరీ వెర్షన్. నేను కాదు నాకు అనుమతిస్తాయి చాలా దూరంగా వేగంగా ముందుకు. నాకు వెర్షన్ రెండు వెళ్ళనిస్తున్నారని ఇది నేను కోరుకున్న పేరు. నేను ఇక్కడ చేసిన గమనించండి. నేను ఒక వెబ్ ఒక సూపర్ page-- కలిగి ఏ వెబ్ పేజీ యొక్క సాధారణ వెర్షన్ మీరు ఒక టెక్స్ట్ ఫీల్డ్ నేడు ఉపయోగించుకునే ఇక్కడ ప్లే మరియు అప్పుడు స్పష్టంగా కేవలం టెక్స్ట్. [00:32:14] ఈ స్పష్టంగా, ఇక్కడ ఒక రూపం కాదు. కానీ నేను క్లిక్ చేస్తే పొందండి కోట్, నా వెబ్ పేజీ గమనించవచ్చు నేను అయితే మార్చడానికి గురించి కేవలం ఒక కొత్త తక్షణ సందేశం వచ్చింది లేదా నేను తరలించబడింది అయితే మాప్ మరియు మరిన్ని డేటా పొందడానికి అవసరమైన వెబ్ పేజీకి డైనమిక్ జోడించిన URL మారుతున్న మరియు యూజర్ లేకుండా అనుభవం అంతరాయం పడకుండా. నిజానికి, నేను ఇప్పటికీ ఉన్నాను ఖచ్చితమైన ప్రదేశం ajax2.html. [00:32:35] కాబట్టి యొక్క ఈ ఉదాహరణ మాత్రమే చూద్దాం మరియు ఈ ఏమి జరుగుతుందో ఎలా చూడండి. నాకు ajax2.html లోకి వెళ్ళి తెలపండి. మరియు మొదటి రూపం గమనించవచ్చు. [00:32:44] ఇక్కడ డౌన్, నేను చెయ్యడానికి వెబ్ ఆటో పూర్తి ఆఫ్. కొన్నిసార్లు అది గెట్స్ బ్రౌజర్ ఉంటే బాధించే మీరు చూపించడానికి ప్రయత్నిస్తున్నారు మీ మొత్తం చరిత్ర. కాబట్టి మీరు HTML లో దీన్ని చెయ్యవచ్చు కేవలం ఆటో ఆఫ్ పూర్తి మాట్లాడుతూ. [00:32:53] నేను ఈ టెక్స్ట్ ఫీల్డ్ ఒక ఇచ్చాను చిహ్నం చిహ్నం కాకుండా, ఒక ID. ఇప్పుడు, ఈ ఒక ఆసక్తికరమైన లక్షణం. మేము కాలం గురించి మాట్లాడారు లేదు కానీ మీరు దాని గురించి ఆలోచించటం ఒక పేరా ట్యాగ్ లేదా DIV ట్యాగ్ వంటి. ఇది ఒక అని ఏమిటి లో-లైన్ మూలకం, ఇది మీరు ఒక పేరా అందదు పైన మరియు క్రింది బ్రేక్. ఇది కేవలం లేకుండా లైన్ ఉండడానికి జరగబోతోంది నమోదు యొక్క సమానమైన కొట్టిన. నేను HTML యొక్క ఈ భాగం ఇచ్చిన ఒక ఏకైక గుర్తింపు నిర్ణయించవలసి నేను ఏకపక్ష ధర అని. మరియు నేను ఒక submit బటన్ కలిగి. [00:33:21] ఇప్పుడు అప్ ఇక్కడ మరియు ఈ ఎందుకంటే నిజానికి సూపర్ అద్భుతమైన ఎలా చిన్న కోడ్ మీరు వ్రాయగలరు విషయాలు చాలా చక్కగా గమనించవచ్చు నేను ఇక్కడ చేశాను ఏమి ఈ పేజీ యొక్క తల వరకు స్క్రోల్. నేను మొదటి లో చేర్చాను నా తల స్క్రిప్ట్ ట్యాగ్ వాస్తవానికి సూచనలు ఒక జావాస్క్రిప్ట్ చోట్ల దాఖలు. ఈ సంస్థ నుండి ఆ, j క్వెరీ వ్రాస్తూ మరియు ఈ కేవలం మీరు తాజా కల్పించడం వారి j క్వెరీ లైబ్రరీ యొక్క వెర్షన్. [00:33:42] కాబట్టి ఈ పదునైన రకమైన ఉంది సి లో ఉన్నాయి లేదా PHP లో అవసరం. మీరు స్క్రిప్ట్ ను ఉపయోగిస్తారు ఒక మూల లక్షణం. కానీ ఇప్పుడు నా సొంత కోడ్ ఇక్కడ హక్కు అన్నారు. [00:33:52] నేను ఒక ఫంక్షన్ అని వ్యాఖ్యలు గమనించండి. మరియు అది కొద్దిగా కనిపిస్తుంది మొదటి చూపులో గుప్తమైన. కానీ యొక్క ఈ మినహా బాధించటం తెలియజేయండి. నాకు ఒక వేరియబుల్ అని URL ఇవ్వండి. వాచ్యంగా ఈ స్ట్రింగ్ అప్పగించుము. కాబట్టి, సింగిల్ కోట్స్, డబుల్ కోట్స్ లో జావాస్క్రిప్ట్ నాకు ఒక స్ట్రింగ్ ఇస్తుంది. ప్లస్ ఏమి చేస్తుంది? జోడింపు. [00:34:08] కాబట్టి ఈ ఇప్పుడు j క్వెరీ వాక్యనిర్మాణం ఇది ఉపయోగిస్తారు విధానం కొద్దిగా పడుతుంది. కానీ ఈ కేవలం నాకు DOM పొందండి వెళ్ళి అంటే దీని ఏకైక గుర్తింపు చిహ్నం నోడ్. అంటే హాష్ ట్యాగ్ ఏకైక గుర్తింపు చిహ్నం. [00:34:21] డాలర్ సైన్ కేవలం అర్థం బ్రాకెట్లు ఈ వ్రాప్ రహస్య సంకేతం యొక్క j క్వెరీ లో ఒక విధమైన కాబట్టి మీరు అదనపు క్రియాశీలతను పొందండి. ఆపై Val చేయుటకు స్పష్టంగా ఉంది ఒక ఫంక్షన్, లేదా మేము ఇప్పుడు చెప్పగలను, ఈ నోడ్ యొక్క లోపల ఒక పద్ధతి కేవలం మీరు విలువ ఇస్తుంది. , చిన్న అగ్లీ మరియు గందరగోళంగా కాబట్టి ఈ మొదటి చూపులో కనిపిస్తుంది వంటి, ఈ కేవలం టైప్ వినియోగదారు అంటే లో, స్ట్రింగ్ చివరిలో ఉంచండి అది Concatenating ద్వారా. అంతే. [00:34:43] కాబట్టి ఇప్పుడు, గత మూడు పంక్తులు. మీరు చాలా పిండి వేయు చేయవచ్చు మూడు రేఖలు బయటకు కార్యాచరణను. ఒక ఈ డాలర్ సైన్, పక్కన, కేవలం ఒక మారుపేరు ఒక ప్రత్యేక ప్రపంచ వేరియబుల్ కోసం j క్వెరీ వాచ్యంగా అని. [00:34:55] డాలర్ సైన్ చల్లని కనిపిస్తుంది. కాబట్టి j క్వెరీ కమ్యూనిటీ కేవలం రకమైన వారి ప్రత్యేక చిహ్నంగా ఉపయోగించారు. ఇది PHP లో అర్థం కాదు. జావాస్క్రిప్ట్ లో, డాలర్ చిహ్నం కేవలం వర్ణమాల యొక్క ఒక లేఖ వంటి లేదా ఒక వేరియబుల్ కోసం అనేక. [00:35:07] మీరు పేరు గా ఉండవచ్చు. కేవలం చల్లని కనిపిస్తుంది. కమ్యూనిటీ కాబట్టి ఒక మారుపేరు గా స్వీకరించింది క్వెరీ అని వారి సొంత లైబ్రరీ కోసం. [00:35:13] మరియు అది సూపర్ ప్రజాదరణ. కాబట్టి JSON ఖచ్చితంగా పొందడానికి. ఇది ఒక ఫంక్షన్ ఉంది ఆ j క్వెరీ వద్ద చేసారో రాశారు ఒక సర్వర్ నుండి JSON గెట్స్ జావాస్క్రిప్ట్ ఆబ్జెక్ట్ నొటేషన్. ఏ URL నుండి అన్నారు ఆ సమాచారం పొందడానికి? స్పష్టంగా ఇక్కడ ఈ URL నుండి. [00:35:27] మరియు బ్రౌజర్ వంటి ఏమి చెయ్యాలి ఈ స్పందన వచ్చేస్తుంది వెంటనే? మరియు ఈ AJAX మేజిక్ కాబట్టి, ఉంది XML లో మాట్లాడటానికి అసిన్క్రోనస్ జావాస్క్రిప్ట్. ఇటువంటి తో చూడటానికి కష్టం మేము ఇక్కడ కలిగి సాధారణ ఉదాహరణకు. [00:35:41] కానీ ఈ అసమకాలిక ఉంది భావన నా కోడ్ ఉన్నప్పుడు ఒక సందేశాన్ని పంపారు అమలు సర్వర్ నాకు కొన్ని JSON ను వెళ్ళడానికి. మరియు అది సూపర్ ఫాస్ట్ జరిగింది ఆ నేను ఒక స్పందన వచ్చింది. కాని ఆసక్తికరంగా ఈ ఉంది కోడ్ యొక్క లైన్ నా కంప్యూటర్ ఉరి. [00:35:55] నేను ఒక స్పిన్నింగ్ చిహ్నం చూడలేదు. నేను ఓడిపోలేదు నా మౌస్ తరలించడానికి సామర్థ్యం. నా బ్రౌజర్ నిజానికి సంపూర్ణ జరిమానా ఉంది. [00:36:01] మార్గం JavaScript ను నిర్వహించే ఎందుకంటే క్రింది సర్వర్ నుండి ప్రతిస్పందన. మీరు కాల్ భావిస్తున్న ఏ నమోదు ఒక బ్యాక్, ఇది కేవలం, హే, జావాస్క్రిప్ట్ అర్థం. వెంటనే సర్వర్ JSON అంటాడు, ఈ అనామక ఫంక్షన్ కాల్ దయచేసి. [00:36:18] మరియు ఈ ఫంక్షన్ జారీ దయచేసి సంసార స్ట్రింగ్ సర్వర్ ఉమ్మి ఒక వాదన డేటా అని. కాబట్టి ఇతర పదాలు లో, ఉంటే నేను డైనమిక్ సమీకరించడం వెబ్ ఈ అక్కడ ఒక URL quote.php ఉచిత లేదా GOOG లేదా whatnot వంటి చిహ్నం, నేను చెప్పడం నేను జావాస్క్రిప్ట్ ఆ URL పొందండి వెళ్ళండి. బ్రౌజర్ గుర్తుంచుకోండి ఏదో తిరిగి అన్నారు మేము ఈ ముందు చూసిన వంటి కనిపిస్తుంది. [00:36:42] మరియు రెండవ వాదన ఇక్కడ JSON అని పొందడానికి ఈ ఫంక్షన్ కాల్ ఉన్నప్పుడు సర్వర్ వచ్చేస్తుంది ఇది 10 మిల్లీ కావచ్చు ఇప్పుడు లేదా ఇప్పుడు నుండి 10 సెకన్ల నుంచి. మరియు వెంటనే మీరు కూడా, పేజీకి ధర జోడించండి. ఈ వాక్యనిర్మాణం ఇక్కడ కేవలం నోడ్ పొందండి వెళ్ళి అంటే దీని ఏకైక గుర్తింపు చెట్టు నుండి మేము ముందు చూసిన span price-- ఉంది. [00:37:01] HTML అనే ఈ పద్ధతి కేవలం స్థానంలో వెళ్ళి అన్నారు Data.price తో అక్కడ HTML. Data.price ఏమిటి? బాగా, బ్రౌజర్, గుర్తు, నాకు ఈ తిరిగి వచ్చే చూపించాడు. కాబట్టి ఈ డేటా. [00:37:14] కాబట్టి అది ఒక చిన్న గుప్తమైన కామాలతో ఇక్కడ చూడండి. కానీ నిజానికి, నాకు మనం. నాకు ఈ పేస్ట్ లెట్ నిజమైన ఫాస్ట్ gedit లోకి మేము చూపించాడు వంటి మరియు ఈ చూపించు ముందు Zamyla యొక్క నిర్మాణం. [00:37:27] సర్వర్ తిరిగి పంపుతోంది ఒక ఈ కనిపించే చిన్న వస్తువు. కాబట్టి data.price ఉంది నాకు 0,1515 ఇవ్వడం. కదిలే కాబట్టి చాలా భాగాలు ఒకేసారి. [00:37:39] కానీ కీ takeaways ఉంది మేము ఈ సామర్థ్యం అదనపు HTTP చేయడానికి జావాస్క్రిప్ట్ ఉపయోగించి అభ్యర్థనలను పేజీ రీలోడ్ చేయకుండా. ఆపై మేము నిజంగా, ఎగిరి వెబ్ పేజీ మార్చడానికి. మరియు అది అవుతుంది జావాస్క్రిప్ట్ మరియు ఇతర భాషలు ఇప్పుడు ఉపయోగించవచ్చు మాత్రమే వెబ్ పేజీలు పరివర్తనం చెందడానికి, కానీ నిజానికి సాఫ్ట్వేర్ వ్రాయడానికి అసలు కంప్యూటర్ లో, కేవలం Chrome లేదా వంటి పరిమితమై లేదు. [00:38:00] నిజానికి, మీరు కాల్టన్ ఉంటుంది if-- మాకు ఇక్కడ తిరిగి చేరడానికి మీ ప్రయోగశాల కోడ్, మరియు చాంగ్ అలాగే తో? యొక్క గురించి మాట్లాడారు చేసిన, ముందుకు వెళ్ళి తెలపండి అనామక చర్యలు మరియు callbacks మరియు నిజంగా ఇక్కడ విధి ప్రోత్సహిస్తుంది రక్తస్రావం తో లైవ్ డెమో తో అంచు సాంకేతిక, ఒకటి ఈ ఎలైట్ మోషన్ పరికరాలు. ఇప్పుడు, ఈ పరికరం, రీకాల్, ఒక చిన్న USB పరికరం అలాగే ఆ beautiful-- వార్తలు ఆ మీ USB పోర్టులు లో ప్లగ్స్. [00:38:25] అది ఇన్పుట్ అందిస్తుంది మానవ సంజ్ఞ లో పరారుణ కిరణాలు ఉపయోగించి గుర్తించడం ద్వారా, ముఖ్యంగా, మీ చేతి నుండి ఉద్యమాలు. కాబట్టి మరియా ప్రయత్నించారు ఏమి అయితే ముందు, కండరాల ఉంది నిజానికి మారుతున్న ఏమి ఫీలింగ్ మీ చేతి, ఈ ఆధారంగా పరారుణ ఉంది. కాబట్టి అది లోపల కదలికలను కోసం ఆరాటపడుతుంది ఒక అడుగు లేదా గోళం యొక్క విధమైన పరికరం యొక్క. [00:38:46] ఎందుకు నేను తీసుకోకపోతే ఈ మొదటి ఒక ఉదంతం? మరియు యొక్క ముందుకు వెళ్లి త్రో అనుమతిస్తాయి ఇక్కడ భారాన్ని న మీరు అప్. కాబట్టి యొక్క ఇక్కడ కాల్టన్ యొక్క లాప్టాప్ను పెట్టడం. మేము TV లో ఆండ్రూ పొందారు. మరియు మీరు నాకు మొదటి ఏమి చేయాలనుకుంటున్నారు? [00:39:00] COLTON: ముందుకు మరియు కేవలం వెళ్లి ఈ వ్యక్తి మీద మీ చేతులు చాలు మరియు మీరు కొన్ని అద్భుతమైన ఆడంబరం చూస్తారు. [00:39:04] డేవిడ్ J. మలన్: మంచిపని. ఈ అన్ని నిజ సమయంలో జరుగుతున్న. సరే. అన్ని కుడి, మరియు yep. బాగుంది. అన్ని కుడి, మేము ఏమి చేయవచ్చు? [00:39:15] COLTON: తదుపరి స్క్రీన్ కు వెళ్ళండి మరియు చూడండి. [00:39:17] డేవిడ్ J. మలన్: అన్ని కుడి. [00:39:19] COLTON: ఒక ఆహ్లాదకరమైన తక్కువ ఆట మీరు రోబోట్లు తయారు చేసుకోవచ్చు. [00:39:21] డేవిడ్ J. మలన్: అన్ని కుడి, కాబట్టి ఈ ఏమి నాకు చూపిస్తున్న నకిలీ చేతులు ఉంది. COLTON: అవును అందుకే మరియు బ్లాక్స్ యొక్క ఒక పట్టుకోడానికి మరియు ఆ రోబోట్ యొక్క శరీరం పైన ఉంచండి. డేవిడ్ J. మలన్: ఓహ్, నా చేతి ఉంది. ఓహ్. సరే, పూజ్యమైన. సరే, ఒక నిమిషం ఆగండి. అక్కడ మేము వెళ్ళి. [00:39:41] COLTON: నేను ప్రమాదం లో ఒక తయారు. [00:39:43] డేవిడ్ J. మలన్: సరే, నేను ఈ వ్యక్తి పొందుతారు. అది డామన్! మేము ఈ గత సాధన చేసినప్పుడు రాత్రి, మీరు ఈ లోకి సంక్రమణ ఏమి? [00:39:51] ఈ వంటి. సరే. తదుపరి? [00:39:55] COLTON: ఖచ్చితంగా. [00:39:56] డేవిడ్ J. మలన్: అన్ని కుడి, మరియు ఒక మూడవ ఉంది. అన్ని కుడి. COLTON: మరియు ఈ ఒక లో, మీరు to-- పొందండి డేవిడ్ J. మలన్: ఓహ్, ఈ ఒక యొక్క అందమైన. COLTON: --yeah, ఈ పువ్వు కాకుండా ఎంచుకోండి. డేవిడ్ J. మలన్: సరే. సంఖ్య? మిస్డ్. [00:40:14] COLTON: ఓహ్, అక్కడ మీరు వెళ్ళండి. [00:40:15] డేవిడ్ J. మలన్: Ah, ఆ చూడండి. మంచిపని. బాగా, ఎందుకు మేము పడుతుంది 'డోంట్ ఇక్కడ ఒక స్వచ్ఛంద బయటకు ఎవరు అప్ న వస్తాయి చేయాలనుకుంటున్నారు. ఎలా గురించి అక్కడే ఆకుపచ్చ, అది? [00:40:27] అన్ని కుడి, మరియు యొక్క దగ్గర వీలు బదులుగా మీరు, కొన్ని చేయడం ఈ ఆట తెలిసిన ఇక్కడ బహుశా, తాడు కట్? యొక్క చూసేలా. మేము ఇక్కడ పైగా మా అద్దాలు కలిగి? [00:40:37] సరే. ధన్యవాదాలు. మీ పేరు ఏమిటి? [00:40:39] ప్రేక్షకులు: లారా. [00:40:40] డేవిడ్ J. మలన్: లారా? చూడటానికి బాగుంది. మీరు పెట్టటం చూసుకొని లేకపోతే మీ అద్దాలు పైగా Google గ్లాస్. ఈ కాల్టన్ ఉంది. [00:40:46] COLTON: ఎక్కువ. మీరు ఎవరిని నీస్. [00:40:48] డేవిడ్ J. మలన్: సరే, చుట్టూ వచ్చి. అన్ని కుడి, కాబట్టి మీరు వెళ్లి ఏమి , ఇక్కడ ముందు ఈ ఆడాడు, మీ చేతిని ఉంది ఇక్కడ లీప్ మోషన్. ఇప్పుడు మీ బాణం తరలించడానికి ఉండాలి. వద్దు, ఓహ్. [00:40:57] ప్రేక్షకులు: నం [00:40:58] డేవిడ్ J. మలన్: మేము ఇంకా విడిచి వద్దు. సరే, వేచి. ఇక్కడ ఓవర్. మీరు ఉంచి కాబట్టి గమనించి మీ ఏదో వేలు, మౌస్ ఆకుపచ్చ వెళ్ళడానికి మొదలవుతుంది, ఇది మీరు క్లిక్ ఎలా ఉంది. [00:41:06] కాబట్టి ప్లే హోవర్. మరియు కేవలం ఒక వేలు జరిమానా. ఇప్పుడు చిన్న క్లిక్ ఎడమ గ్రీన్ గై. ఇది ఆకుపచ్చ నింపుతుంది వరకు మరియు ఇప్పుడు కలిగి. గుడ్. ఇప్పుడు, వంటి, టాప్ స్థాయిలో. [00:41:16] ప్రేక్షకులు: అవును, మేము ఇక్కడ స్థాయిలో,. [00:41:20] డేవిడ్ J. మలన్: గుడ్. OK, అన్ని మీరు కలిగి తాడు కట్ చేయడానికి. మీ కర్సర్ అక్కడ తెలుపు ఒకటి. [00:41:28] మంచిపని. అన్ని కుడి, అది కష్టం పొందడానికి గురించి. తరువాత ఇప్పుడు మీ వేలు ఉంచండి. గుడ్. ఈ ఒక కష్టం. [00:41:39] ప్రేక్షకులు: ఓహ్ చెత్త. సరే. ఇది మార్గం వెళ్ళి కోరుకుంటున్నారు. తెలివితక్కువ సంభాషణ ఓహ్, ఆ [00:41:44] డేవిడ్ J. మలన్: అవును. సెకండరీ లక్ష్యం అన్ని నక్షత్రాలు పొందడానికి ఉంది. అన్ని కుడి, తదుపరి. [00:41:53] మీరు ఈ మూడవ ఒక లభిస్తే యొక్క చూసేలా. గుడ్. సరే, అక్కడ వెళ్ళి. [00:42:06] ఖచ్చితంగా. ఓహ్, మంచిపని. అన్ని కుడి. [00:42:11] ఎందుకు మేము నేడు ఇక్కడ వాయిదావెయ్యి లేదు? ఎవరైనా ప్లే కోరుకునే అప్ న వస్తాయి. మా స్వచ్ఛంద లారా చాలా ధన్యవాదాలు. మరియు మేము సోమవారం మీరు చూస్తారు. [00:42:18] ప్రేక్షకులు: మీరు బహుశా ఈ తిరిగి కావలసిన. [00:42:21] SPEAKER 2: తదుపరి CS50 వద్ద