జాసన్ HIRSCHHORN: స్వాగతం, వారం తొమ్మిది ప్రతి ఒక్కరూ,. హిమాలయాలు అద్భుతమైన వారం మేము మా చివరి సమస్య సెట్ ఎందుకంటే. మేము కూడా ఒక బ్రాండ్ భాష కలిగి, మీరు ఇప్పటికే ఉన్న జావాస్క్రిప్ట్, ఈ కోసం మాత్రమే ఉపయోగించి మధ్యలో సమస్య సెట్, కానీ మీరు అనేక రెడీ బహుశా చివరి కోసం వినియోగానికి ప్రాజెక్టులు, ముఖ్యంగా వెబ్ ఆధారిత చివరి ప్రాజెక్టులు. కాబట్టి మేము ఈ రోజు తరువాత వెళ్ళి చేస్తాము ఏమిటి వనరులను గురించి క్లుప్తంగా మాట్లాడుతూ, మేము ప్రతి వారం ఇవి. మేము అప్పుడు జావాస్క్రిప్ట్ దూకి, మరియు చేస్తాము మేము ఒక విభాగం అన్ని ఖర్చు వస్తుంది డాల్ఫిన్ శిక్షణ కోడింగ్ సూచించే ప్రయోగాత్మక మాడెన్ వంటి ఇది 2K13, 2013, కానీ డాల్ఫిన్లు కోసం మరియు JavaScript లో. [నవ్వు] జాసన్ HIRSCHHORN: కాబట్టి ఎల్లప్పుడూ, జాబితా మీరు తనిఖీ కోసం వనరుల. ఈ వనరులు ముఖ్యం వచ్చే వారం లో ఎందుకంటే బుధవారం క్విజ్, మీ రెండవ ఉంది మరియు ఈ కోర్సులో చివరి క్విజ్. కేవలం క్విజ్ సున్నా వంటి, ఇది 75 నిమిషాల ఉంది మరియు 1 PM తర్వాత కొద్దిగా మొదలవుతుంది. ఇది రోజు సున్నా నుండి ప్రతీ ఐనప్పటికీ, కానీ అది ఖచ్చితంగా ప్రతిదీ ప్రస్పుటం క్విజ్ నుండి జరిగిన. కానీ వాస్తవానికి, మేము ఉచ్చులు కోసం కవర్ సంవత్సరం ప్రారంభంలో. ఉచ్చులు బహుశా ఇప్పటికీ వెళ్తున్నారు కోసం ఈ క్విజ్ ఒక భాగంగా, కాబట్టి అది కాదు వంటి మీరు ప్రతిదీ విస్మరించవచ్చు వారానికి ఐదు లేదా క్విజ్ సున్నా ముందు జరిగిన ఈ కోర్సు ఆధారమై ఎందుకంటే పైనే చాలా. కానీ ఖచ్చితంగా దృష్టి ఉంటుంది మేము వారం ఆరు నుండి నేర్చుకున్నాడు చేసిన విషయాలు. ఆ PHP, JavaScript, SQL కలిగి ఖచ్చితంగా, మరియు మరింత ఆధునిక ఉంటుంది మేము C. లో మాట్లాడారు డేటా నిర్మాణాలు ఒక మొత్తం ఇతర విషయాలు హోస్ట్, కానీ మేము వచ్చే వారం ఆ చర్చించడానికి ఉంటుంది మేము క్విజ్ కోసం సమీక్షించడానికి వంటి. మరియు, ఎప్పటిలాగే, మీరు ఏ ఉంటే మీరు వంటి క్విజ్ ప్రశ్నలు తయారు, సంకోచించకండి వాటిని నా మార్గం పంపండి. ప్రస్తుతం, ఎవరైనా ఏ కలిగి క్విజ్ గురించి శీఘ్ర ప్రశ్నలకు? OK. ఇది లేదా అసహజ గురించి ఆందోళన అవసరం లేదు ప్రస్తుతం గురించి, కానీ ఆ ఉంచడానికి మీ మనస్సు యొక్క తిరిగి, ఆ ఎందుకంటే ఇప్పుడు నుండి ఒక వారం మరియు ఒక రోజు సంభవించే. చివరగా, నేను మేము వైపు అమలు చేస్తున్నారు తెలుసు సెమిస్టర్ చివరిలో - తరువాత మిగిలిన ఒకే రెండు విభాగాలు ఉన్నాయి ఈ - కానీ నేను ఇప్పటికీ ప్రోత్సహిస్తుంది మరియు am మీ అభిప్రాయాన్ని ఆసక్తి మీరు ఏ ఉంటే. నేను ఆ అనుకున్న అత్యుత్తమ రెండు విభాగాలు. వారు బహుశా, ఉంటుంది ప్రతి ఎందుకంటే విభాగం అద్భుతమైన ఉంది మరియు అత్యుత్తమ. నేను అవకాశం ఉంది ఎలా, కాని లేదు వారు అన్ని అద్భుతమైన పరిష్కరించగలుగుతున్నాము, నేను. నేను సంపాదించిన చేసిన ఫీడ్బ్యాక్ వెనుకబడ్డాడు కోసం నుండి ఏమీ మరియు none గత కొన్ని వారాల, కాబట్టి ఇవ్వాలని దయచేసి మీరు కలిగి ఉంటే మీరెందుకు. ఇది మూడు నిమిషాలు పడుతుంది. మీరు మంచి విషయాలు మీరు నాకు తెలియజేయవచ్చు నాకు చేయడం ఉంచాలని లేదా విషయాలు నేను పని చేయవచ్చు. నేను ఉత్తమ గురువుగా ప్రయత్నిస్తున్నాను సాధ్యం, లేదా నేను ఉత్తమ చేయాలని ప్రయత్నిస్తున్నాను నేను, కానీ నేను చేయలేను అని నేను లేకపోతే మీరు అబ్బాయిలు చేస్తున్న ఎలా. మరియు మీరు పడిపోవడం ఎందుకు చెప్పడం కష్టం తరగతి నిద్రలోకి, కాబట్టి నాకు వీలు సందర్భం ఎందుకు తర్వాత తెలుసు. నేను గత వారం మీరు ఈ చిత్రం చూపించాడు. ఈ యాంగ్రీ ఉంది నేను చిన్నవయస్సులో ఉన్నప్పుడు నేను బైక్, మరియు మేము మీరు అబ్బాయిలు పుష్ కొనసాగుతుంది శిక్షణ చక్రాలు లేకుండా మేము ముంచుతాం వంటి మరొక భాషలో మీరు. కానీ భరోసా, JavaScript, PHP వంటి, మీరు చేసిన విషయాలు చాలా పోలి ఉంటుంది గతంలో చేసిన. తర్కం చాలా ఉంటే, బదిలీ కాదు సింటాక్స్, ఖచ్చితంగా ఒక కోసం ఒక. కానీ మళ్ళీ, ఈ భాషల అన్ని మేము గతంలో జంట లో పైగా మారారు వారాల, వారు అధిక అయితే, చాలా శక్తివంతమైన మరియు అనుమతిస్తుంది మీరు మీ చివరి ప్రాజెక్టు లో చేస్తాను మరియు బహుశా ఇతర వెబ్సైట్లు మీరు భవిష్యత్తులో కోడ్. కనుక తదుపరి శ్రమ లేకుండా, మేము చేయబోతున్నామని జావాస్క్రిప్ట్ లోకి డైవింగ్ మొదలు. మేము దానిని సంక్షిప్తంగా గురించి మాట్లాడటానికి చేస్తున్నాడనే అప్పుడు నిజంగా ప్రయోగాత్మక పొందడానికి ఈ విభాగం యొక్క భాగం కోడింగ్. కాబట్టి JavaScript ఒక క్లైంట్ వైపు స్క్రిప్టింగ్ ఉంది ఇది అంటే భాష, PHP కంటే భిన్నంగా మరియు ఇది భిన్నమైనది సి జావాస్క్రిప్ట్ సంకలనం మరియు కాదు కంటే ఇది సర్వర్ అమలు కాదు. కాకుండా, మీరు అది లోడ్. మీరు లోడ్ చేసినప్పుడు మీరు ఒక JavaScript పేజీ లోడ్ ఒక వెబ్ పేజీ, మరియు అప్పుడు అది అమలు మీ కంప్యూటరులో. ఏ మీరు చూడగలరు అర్థం అన్ని అని జావాస్క్రిప్ట్ కోడ్ మీ కంప్యూటర్కు పంపబడే. కొన్నిసార్లు ఇది తక్కువ లేదా కోడ్ లో బిట్, ఒక బిట్ ఎన్క్రిప్టెడ్ కాబట్టి మీరు ఏమి స్పష్టంగా చెప్పలేదు. ఉదాహరణకు, మీరు CS50 లేదా తనిఖీ ఉంటే ఈ వారం యొక్క కోసం సిబ్బంది పరిష్కారం , సమస్య సెట్, మరియు మీరు service.js వెళ్ళండి మీరు నిజంగా చెప్పలేదు గమనించవచ్చు మేము మీరు ఇచ్చిన ఏ నుండి చేయడానికి. మేము చేయడానికి ఒక బిట్ ఎన్క్రిప్టెడ్ ఒక బిట్ మరింత కష్టమవుతుంది. అయితే, మీరు ఖచ్చితమైన చూడగలరు మేము అమలు చేసే జావాస్క్రిప్ట్ ఫైలు మరియు మా కార్యక్రమం నడుస్తుంటే. కాబట్టి ఒక అర్థమేమిటి ఉంది క్లైంట్ వైపు స్క్రిప్టింగ్ భాష. సి మరియు PHP, అయితే, జావాస్క్రిప్ట్ లాగానే ఉచ్చులు కోసం, ఉంటే / వేరే ఉంది పరిస్థితులు, ఉచ్చులు అయితే. PHP మాదిరిగానే ఇది ఒక ఉంది foreach లూప్ అలాగే. మరియు మళ్లీ సమానమైన మేము చూసిన ఆ వాక్య మేము ఇప్పటికే చేసిన భాషలు పనిచేశాడు. చివరగా, యొక్క చక్కనైన భాగాలు ఒకటి జావాస్క్రిప్ట్, మరియు మేము ఉంటాం ఏదో నేడు చాలా చేయడం, మరియు బహుశా మీరు చేస్తాము మీ P సెట్ తో చాలా చేస్తూ మీరు ఉంటే ఇప్పటికే అది అనుభవించింది లేదు, మీరు ఉంది మీరు అన్ని లోపాలు తనిఖీ చేయవచ్చు JavaScript కన్సోల్ ద్వారా మీ కోడ్ లో. మేము ఒక బిట్ గత వారం చూశారు. మేము కన్సోల్ యొక్క వేరొక రకం చూశారు ఒక పేజీ తనిఖీ, కానీ లో Chrome, మళ్ళీ, మీరు లేఅవుట్ చూడగలరు, HTML, మీ పేజీ ఉంది అని నమోదు తెరపై మీరు చూపిస్తున్న. మీరు JavaScript అన్ని చూడగలరు వంటి ఆ పేజీ ఏర్పాటు, మరియు మీరు కూడా చేయవచ్చు నేను అన్నాడు, లోపాలు అన్ని చూడండి JavaScript కన్సోల్ లో. మరియు మేము అనుభవం వస్తుంది అని మరింత మేము కోడింగ్ ప్రారంభించిన ఒక బిట్. గురించి గమనించదగ్గ విషయం ఒకటి జావాస్క్రిప్ట్ వేరియబుల్స్. PHP వేరియబుల్స్ వంటి, వారు వదులుగా టైప్ చేసిన, కాబట్టి మీరు అవసరం లేదు వాటిని ఒక నిర్దిష్ట రకం ఇవ్వాలని. స్కోప్ పరంగా, ఆ నిర్వచిస్తారు "var" కీవర్డ్ ద్వారా. కాబట్టి మీరు ముందు ఒక కీవర్డ్ ఉంచవద్దు ఏదో, మీరు వ్రాయాలి వేరియబుల్, అప్పుడు ఒక కార్య ఆపరేటర్లు, ఈ సందర్భంలో సమాన సైన్. నేను, అక్కడే ఒక సెమికోలన్ మర్చిపోకుండా ఉండాలనే వెబ్ కానీ ఒక సెమికోలన్ ఉంది ఊహించుకోవటం అక్కడే. అప్పుడు మీరు సృష్టిస్తున్నారు ప్రపంచ వేరియబుల్. మీరు "var" కీవర్డ్, ఉంచితే మీరు స్థానిక కొన్ని రకం ఇవ్వడం చేస్తున్నారు పరిధిని, ఆ కావచ్చు ఒక ఫంక్షన్ లేదా ఒక లూప్. కాబట్టి ఒక విషయం ఉంది వేరియబుల్స్ కోసం గమనించండి. జావాస్క్రిప్ట్ లాంగ్వేజ్. j క్వెరీ పైన నిర్మించబడింది గ్రంథాలయం జావాస్క్రిప్ట్ భాష మరియు మీరు కలిగి ఉపన్యాసంలో ముందు చూసిన. మీరు చూడాలని ఉంటే నేను అత్యంత సిఫార్సు మీ ఫైనల్లో జావాస్క్రిప్ట్ ఉపయోగించి ప్రాజెక్ట్ మీరు j క్వెరీ తెలుసుకొని ఆ. ఇది మీకు కావలసిన ప్రతిదీ చేస్తుంది సులభంగా, ఎక్కువ చేయాలని. ఇది అద్భుతమైన వస్తుంది డాక్యుమెంటేషన్ మరియు సహాయం ఉదాహరణలు మీరు ప్రారంభించడానికి. ఈ రోజు మనం మాత్రం అలాగే j క్వెరీ ఉపయోగించి. ఈ, నేను ఈ స్లయిడ్ లో కలిగి, j క్వెరీ చాలా ప్రాథమికాంశాలు. మీ HTML ఫైల్ లేదా పైన లో సంసార - మీ index.php ఫైలు, మీ index.html ఫైలు - మీరు అవసరం ఈ రెండు పంక్తులు ఉన్నాయి. ఈ అందంగా సాధారణ రేఖలు. మొదటి లైన్ j క్వెరీ కలిగి జావాస్క్రిప్ట్ ఫైలు, మరియు రెండవ లైన్ మీరు రాసిన చేసిన చోట కలిగి మీ సొంత జావాస్క్రిప్ట్ కోడ్. మరియు కోర్సు యొక్క, ఎందుకంటే మీ మీరు బహుశా ఉపయోగించి జావాస్క్రిప్ట్ కోడ్ కొన్ని j క్వెరీ లైబ్రరీ విధులు, ఆ తర్వాత వెళ్ళి అవసరం j క్వెరీ చేర్చడం స్క్రిప్ట్. మేము ఈ అన్వేషిస్తాయి మళ్ళీ ఒక క్షణం లో. చివరకు, JavaScript ఫైలులో, నేను ఒక index.js కాల్. ఇది scripts.js ఉంటుంది. ఇది ఏమైనా, ఏ జావాస్క్రిప్ట్ ఫైలు మీరు, మీరు సాధారణంగా మొదలు ఈ కోడ్ యొక్క లైన్ తో, డాలర్ సైన్, ఓపెన్ బ్రాకెట్, పత్రం, దగ్గరగా బ్రాకెట్, కాలం, సిద్ధంగా, ఓపెన్ బ్రాకెట్, ఫంక్షన్, అప్పుడు ఓపెన్ బ్రాకెట్, దగ్గరగా బ్రాకెట్, మరియు వంకర కలుపు. అప్పుడు లోపల మీ కోడ్ త్రో, మరియు దగ్గరగా, ఒక వంకర కలుపు తో ముగుస్తుంది బ్రాకెట్, సెమికోలన్. కావున ఇచ్చిన ఈ పడుతుంది. మీరు క్వెరీ ఉపయోగించి చూడాలని ఉంటే, వ్రాప్ లోపల మీ j క్వెరీ కోడ్ అన్ని లైన్. మరియు మేము రెండవ లో మళ్ళీ చూస్తారు. శ్యామశాస్త్రి, j క్వెరీ కృషి చేస్తాము మేము వెళ్ళి మరియు ప్రశ్నలు అడగండి నేడు, కానీ ఎవరైనా ఏ కలిగి j క్వెరీ లేదా గురించి ప్రశ్నలు ప్రస్తుతం జావాస్క్రిప్ట్? OK. కనుక తదుపరి శ్రమ లేకుండా, నేను ప్రస్తుత డాల్ఫిన్ శిక్షణ 2K13 మీకు. నేను ఈ తాజా గురించి సూపర్ సంతోషిస్తున్నాము చేస్తున్నాను ఉత్పత్తి యొక్క. అరెరె! నేను కాబట్టి ప్రేరేపించబడిన. నేను మీరు అబ్బాయిలు దానిని చూపించడానికి వెళుతున్నాను, మేము కలిగి వంటి కనిపిస్తోంది ఇంకా అది అమలు. యొక్క ఈ ఒక బిట్ పెద్ద తయారు చేద్దాము. నేను డాల్ఫిన్ కోసం కోడ్ లోడ్ చేస్తే శిక్షణ - ఇది డాంగ్. నేను క్షమించండి, అబ్బాయిలు ఉన్నాను. నేను క్లాస్ ముందు ఈ పని. నేను పూర్తి భావిస్తాను ఆలోచన, కానీ నేను ఇప్పటికీ కొన్ని కలిగి అంచనా పని జరుగుతుంది వదిలి. కానీ కృతజ్ఞతగా, మీరు అబ్బాయిలు అన్ని కొన్ని JavaScript మరియు j క్వెరీ ఆచరణలో, కాబట్టి యొక్క ముందుకు వెళ్లి పూర్తి చెయ్యనివ్వండి కలిసి ఈ. నేను, నేను మీరు అబ్బాయిలు ఈ కాపీలు పంపిన అనుకుంటున్నాను నేను సూపర్ ప్రేరేపించబడిన ఎందుకంటే దాని గురించి, కాబట్టి మీరు ఉండాలి నేను కలిగి అదే కోడ్. యొక్క తల లెట్ - ఇది డాంగ్, అబ్బాయిలు, క్షమించండి. యొక్క అయితే, టెర్మినల్కు తల లెట్. మీ గత సమస్యను వంటి సెట్లు, మీరు నా ఉంటే - యొక్క ఈ ఒక బిట్ పెద్ద తెలియజేయండి, చాలా, మీరు అబ్బాయిలు కోసం - మీరు నా జిప్ ఫైల్ పట్టింది. మీరు బహుశా అది అన్జిప్ చేయబడ్డాయి. యొక్క ఇక్కడ వెళ్ళి తెలపండి. ఆపై ఆశాజనక, మీరు తరలించారు మీరు సేవ్ అదే డైరెక్టరీ మీ సమస్య ఎనిమిది కోడ్ సెట్. మరియు మేము నేను ఆ డైరెక్టరీలో సేవ్ యాక్సెస్ - లేదా మేము అన్ని యాక్సెస్ చేయవచ్చు క్రోమ్లో కోడ్ మా కంప్యూటర్లో. మరియు తిరిగి, మీరు, ఆ కోడ్ ను కేవలం దొరకలేదు చిరునామా టైప్ క్రింద, కుడి వైపు డౌన్ ఇక్కడ మీ ఉపకరణం,. మీరు మీ IP చిరునామా కనుగొనేందుకు. మీరు Chrome బ్రౌజర్లో ఆ మీ కంప్యూటర్లో, మరియు ఈ సందర్భంలో, మేము విభాగం తొమ్మిది ఫోల్డర్ ఉన్నకారణంగా, మేము కూడా ఒక చేర్చుకోవాలి విభాగం తొమ్మిది స్లాష్. నాకు లెట్ - అయ్యో. నేను నాదగ్గర ఈ తగ్గించడానికి వెళుతున్న ఆ ద్వారా క్లిక్ పెట్టాలి. కాబట్టి ఆ నేను ఈ కోడ్ ఏర్పాటు ఎలా. నేను ఇప్పటికే ఇప్పటికే ఆ చేసిన. నేను ఆ ద్వారా వెళ్ళడానికి లేదు ఆ దశలను ఎందుకంటే ఏమి సమస్య సెట్ ప్రారంభం నడిచి మీరు ఎలా ద్వారా. అందుకే మీరు ఈ సెట్ పొందుతారు రెండవ లో, కానీ మొదటి వీలు యొక్క అప్ ఒక సమూహంగా ఈ కోడ్ అన్వేషించండి. యొక్క నేను ఏమి చూద్దాం. నేను చాలా పూర్తిచేశారని ప్రయత్నించారు తరగతి ముందు, కానీ నేను నేను కొద్దిగా వెనుక. కాబట్టి యొక్క index.html తెరుచుకుంటుంది తెలియజేయండి. OK. మరియు index.html ఒక నిజంగా సులభం నేను కాదు పేజీ ఎందుకంటే చాలా క్రేజీ పొందాలనుకోవడం. నేను ఖచ్చితంగా ఇది అనుకున్నారు పని, కానీ నేను అంచనా చేశారు నేను ఆ దూరం రాలేదు. ఇక్కడ కుడి వచ్చి తల, ఉంది ఆ HTML టాగ్లు లోపల, మరియు మేము గమనించవచ్చు కుడి బ్యాట్ ఆఫ్ ఒక జంట విషయాలు. మేము CSS ఫైల్ హక్కు ఇక్కడ మరియు తగిన CSS ఫైల్ యొక్క. మేము ఇక్కడే j క్వెరీ లైబ్రరీ మరియు మీరు వేరొక గమనించవచ్చు ఈ గురించి. మూలం విషయం నిజంగా, నిజంగా దీర్ఘ. ajax.googleapis.com/-- విధమైన అది ఒక URL కనిపిస్తోంది కానీ ఖచ్చితంగా వంటి అనిపించడం లేదు JS / jquery.js. నేను నిర్ణయించుకుంది ఎందుకంటే మరియు ఆ నేను డౌన్లోడ్ కలిగి వద్దు j క్వెరీ దాఖలు, మరియు డ్రాగ్ మరియు సేవ్ నా లైబ్రరీ లో, మరియు ఇది బాధ్యత. అయితే, నేను తీసుకుని వెళుతున్న జావాస్క్రిప్ట్ ఫైలు Google ఆతిథ్య. కాబట్టి Google నిజానికి సంఖ్య హోస్ట్ గ్రంథాలయాలు మరియు j క్వెరీ, ఇది ఒకటి నుండి అత్యంత ప్రజాదరణ, అది హోస్ట్ ఒక అలాగే. అది హోస్టింగ్ ఎందుకంటే, నాదగ్గర దాని గురించి ఆందోళన అవసరం, మరియు వారు వారు అప్డేట్ చెయ్యాలి ఉన్నప్పుడు అయితే, అది అప్డేట్ నేను బహుశా ఈ మార్చడానికి ఉంటుంది ఇక్కడే సంఖ్యలు. దేవులపల్లి నా మొత్తం ఫైల్ చేయడానికి వ్యవస్థ కొద్దిగా తక్కువ శుభ్రంగా. నేను నిజంగా హోస్టింగ్ ఇష్టం లేదు ఈ ఫైళ్లు. ఇది చాలా NICER అయితే Google నాకు వాటిని హోస్ట్ ఉంది. కాబట్టి ఈ, మళ్ళీ, మొత్తం పెరిగిపోతుంది జావాస్క్రిప్ట్ ఫైలు, కానీ కేవలం జీవి Google బదులుగా న ఆతిధ్యం నా నా కంప్యూటర్లో ఫైల్ సిస్టమ్. మేము కూడా నేను రెండు లో పెట్టే చూడండి ఫైళ్లు dolphins.js మరియు trainer.js. మేము రెండో లో వారికి చూడండి చేస్తాము. చివరకు, ఇక్కడ ఈ టైటిల్. ఎవరు లోపల ఈ కోడ్ చెబుతారా ఈ లు, పేరు నా పేజీ వెళ్లి? ప్రేక్షకులు: ఆ విషయం నచ్చిన బార్ లేదా సంసార? జాసన్ HIRSCHHORN: అవును, చిన్న టాబ్ Chrome విండో పైభాగంలో. టెక్స్ట్ వెళుతుంది పేర్కొంది. శవం, మీకు ఇక్కడ, చాలా కాదు అవ్వండి. నేను కేవలం మూడు divs కలిగి. నేను వాటిని కొన్ని ID లు ఇవ్వాలని, మరియు నేను సైన్ కొద్దిగా ఉంచండి కానీ నేను మేము ఎందుకు కాదు అంచనా ఇక్కడ పైగా ఏదైనా చూడండి. అసలైన, మేము డాల్ఫిన్ శిక్షణ 2K13 చూడండి. మేము TODO చూడండి. నుండి వస్తున్నాయో నేను ఎక్కడ తెలియదు నేను ఇక్కడ చూడండి లేదు ఎందుకంటే. కాబట్టి ఉండవచ్చు ఒకటి ఉంది నా జావాస్క్రిప్ట్ ఫైళ్లు. మేము రెండో లో భావ్యం. మరొకరిని నాకు తెలియజేయవచ్చు ఏమి ఈ ID ఇక్కడే అర్థం? ప్రేక్షకులు: ఇది కాల్ ఒక మార్గం నిర్దిష్ట [వినబడని] లో విభాగం ఫైల్? జాసన్ HIRSCHHORN: అవును. ప్రస్తావించడానికి కేవలం మార్గం ఈ ప్రత్యేక div. ID లు ఆదర్శంగా ఉంది. OK? టఫ్ ప్రేక్షకులు. కాబట్టి, ID లు సాధారణంగా ఉంది. మీరు ఒక నిర్దిష్ట కల్పించదు మీ కోడ్ లో మూలకం. నేను అనేక ప్రస్తావించడానికి కావాలి ఆ CSS ఉంది లేదో మూలకాలు, స్టైలింగ్ లేదా j క్వెరీ? నేను వాటిని ఏ గుణం ఇస్తుంది? ప్రేక్షకులు: క్లాస్. జాసన్ HIRSCHHORN: ఒక తరగతి, ఖచ్చితంగా. కుడి. OK, కాబట్టి index.html, మళ్ళీ, చాలా ఇక్కడ జరగబోతోంది. కాబట్టి యొక్క మరొక తెరుస్తాను. యొక్క నేను చూద్దాం. నేను ఇక్కడ లో కలిగి అంతే. యొక్క JS ఫోల్డర్ లోకి వెళ్ళి తెలపండి. నేను గురించి ఆందోళన వెళుతున్న కాదు ఇప్పుడు కోసం CSS. యొక్క dolphins.js తెరవడం. అయ్యో. లేదా - OK. కాబట్టి, dolphins.js, అది వాస్తవానికి కనిపిస్తోంది కోడ్ కొన్ని మీరు అందంగా సమస్య ఇచ్చిన ఎనిమిది సెట్. మీరు స్క్రోలు చేయవచ్చు. ఎవరైనా చెప్పండి, అయితే, డాల్ఫిన్స్ ఏమిటి? ఈ అన్ని టోపీలు డాల్ఫిన్స్? ఆ ఏమిటి? ఆ ఏ రకం డేటా ఉంది? ప్రేక్షకులు: అర్రే. జాసన్ HIRSCHHORN: ఇది వ్యూహం ఉంది. మరియు మేము అది వ్యూహం తెలిసిన ఎందుకంటే నేను ఇక్కడ ఈ చదరపు బ్రాకెట్లలో చూడండి. మరియు మరొకరిని, ఏమిటి వ్యూహం? ప్రేక్షకులు: Objects? జాసన్ HIRSCHHORN: ఇది వస్తువుల వ్యూహం. మరియు మీరు చూడగలరు. మరియు ఎలా మీరు తెలుసు వస్తువుల వ్యూహం? ప్రేక్షకులు: మీరు ఈ పెద్దప్రేగు ఎందుకంటే వంకర జంట కలుపులు మధ్య బూట్? జాసన్ HIRSCHHORN: కుడి. నేను, ఇక్కడ ఈ కర్లీ జంట కలుపులు కలిగి ఆపై మీరు కామా చూడగలరు వివిధ వేరు ఈ శ్రేణి వస్తువులు. ఆపై ప్రతి వస్తువు లోపల, నేను కలిగి ఏదో పెద్దప్రేగు మరియు ఏదో. మరియు సాధారణంగా ఈ మొదటి భాగం, పెద్దప్రేగు యొక్క ఎడమవైపు విషయం? ఏ అని? సాధారణంగా? మేము ఆ చూడండి చెయ్యాలి? ప్రేక్షకులు: ఇండెక్స్? జాసన్ HIRSCHHORN: ఇండెక్స్, లేదా బహుశా సాధారణంగా, కీ. మరియు తర్వాత కుడి వైపు వైపు, విలువ. ఇండెక్స్, కీ. కాని మేము ఆ గురించి మాట్లాడుతూ ఉంటే, మేము సాధారణంగా విషయం అర్థం ఎడమ వైపు. సాధారణ శ్రేణి లో, మళ్ళీ, మేము, సూచికలు 0 వచ్చింది. 1. 2. 3. 4. మరియు డాల్ఫిన్లు, మేము, డాల్ఫిన్ 0 ఉంటుంది డాల్ఫిన్లు 1, డాల్ఫిన్లు 2, 3, డాల్ఫిన్లు డాల్ఫిన్లు 4. మేము కూడా ఈ వస్తువు లోపల, కలిగి, మేము సాధారణంగా విషయాలు సూచన కాదు. లేదా మేము ఈ వస్తువు కుడి ఉంటే ఇక్కడ, మేము, వస్తువు 0 చెప్పడానికి వెళ్ళి లేదు వస్తువు 1, 2 అభ్యంతరం. మేము వస్తువు పేరు చెప్పడానికి వెళ్ళడం, లేదా చేస్తున్నారు ఆబ్జెక్ట్ రకం, వస్తువు పొడవు మొదలైన. మరియు మేము విలువ పొందుతారు ఎలా కుడి వైపు. మేము వస్తువు హెచ్డిఎల్ చేస్తే, ఉదాహరణకు, మేము ఈ స్ట్రింగ్ పొందుతారు, "గ్రేస్." మీరు అబ్బాయిలు నన్ను, డాల్ఫిన్లు చెప్పారు కాబట్టి కేవలం వస్తువుల వ్యూహం. మరియు మీరు వస్తువులు అన్ని చూడండి ఒక పేరు, ఒక రకం, ఒక ప్రజాతి కలిగి. సరిగ్గా ఉచ్ఛరిస్తారు? ఎవరైనా? ప్రజాతి? గ్రేట్. పొడవు, ఒక బరువు. సరిగ్గా ఉచ్ఛరిస్తారు? నేను అలా అనుకుంటున్నాను. మరియు ఒక చిత్రాన్ని, కేవలం ఒక URL ఆన్లైన్ కొన్ని ఫైలుకు. మరియు ఇక్కడ, మేము శ్రేణి దగ్గరగా, కుడి అక్కడ చాలా ఎడమచేతిలో నా స్క్రీన్ వైపు. కాబట్టి అన్ని dolphins.js ఉంది. ఓహ్, మంచితనం. ఇది వివరిస్తుంది. నేను పూర్తి ఇష్టం ఆలోచన ప్రతిదీ, కానీ లుక్. అన్ని ఈ టొడోస్ ఉన్నాయి. OK, ఆశాజనక మేము కలిసి ఆ లేదు. మేము ముందు, మొదటి చేసుకుందాం ఆ, కేవలం నడవడానికి ఈ కోడ్ చాలా త్వరగా. నేను చెప్పిన విధంగా, మేము చాలా చూడండి నేను లో ఉందని ఈ లైన్ ప్రారంభించి స్లయిడ్లను, (పత్రం). సిద్ధంగా (ఫంక్షన్ (). మరియు ముఖ్యంగా ఆ చేస్తాడు మీ ప్రతిదీ వరకు వేచి చేస్తారు పేజీలు లోడ్, కాబట్టి వరకు వేచి ఉంది ఇది అన్ని శ్రేణి, ప్రతిదీ మంచి ఉంది వెళ్లి, అమలు ప్రారంభించిన ఈ కోడ్. మీరు, కొన్ని PHP అమలు అవసరమైన అయితే మీరు, కొన్ని చిత్రాలు పొందడానికి అవసరమైన ఇది ఏమైనా, అన్ని కోడ్ ఉంది సెట్ మరియు మీ ఇండెక్స్ పేజీ లో సిద్ధంగా లేదా ఎలాగైనా పేజీ లోడ్ చేయబడింది, మరియు ఇప్పుడు మీరు ఆరంభమవుతుంది చేస్తున్నారు మీ కోడ్ అమలు. కాబట్టి మేము మొదటి విషయం మేము ఈ శ్రేణి ఏర్పాటు. నేను var కీవర్డ్ లేదు అక్కడ, కాబట్టి ఏమిటి ఈ శ్రేణి యొక్క పరిధిని? ప్రేక్షకులు: ఇది ప్రపంచ వార్తలు. జాసన్ HIRSCHHORN: ఇది ప్రపంచ వార్తలు, కాబట్టి ocean_array నుండి ప్రాప్తి చేయవచ్చు ఈ ఫైలు ఎక్కడైనా. మరియు తర్వాత మేము లూప్ ఈ చూడండి. ఇది foreach చెప్పగలను, కానీ ఈ లేదు ముఖ్యంగా foreach లూప్ ఉంది. మరియు ఈ కేవలం జావాస్క్రిప్ట్ యొక్క వెర్షన్, కాబట్టి డాల్ఫిన్లు ప్రతి var డాల్ఫిన్ కోసం, ఏమి డేటా? అయినప్పటికీ, మళ్ళీ, JavaScript లేదు కలిగి ఈ డేటా రకాల కేవలంగా, ఏమి డేటా రకం డాల్ఫిన్? ప్రేక్షకులు: ఒక వస్తువు. జాసన్ HIRSCHHORN: ఇది ఒక వస్తువు ఉంది. మేము ప్రతి వస్తువు చేస్తున్నారు డాల్ఫిన్స్ శ్రేణి లో. నేను మర్చిపోయాను వంటి ఇక్కడ, కనిపిస్తోంది ఈ డాల్ఫిన్లు అన్ని ఉంచాలి మా దిగ్గజం డాల్ఫిన్స్ లోకి అనుకుంటున్నాను ocean_array, మేము బహుశా చెయ్యాలి మొదటి. ఆపై, ఏదో అని ఈ పూల్ వేరియబుల్. నేను శూన్యం ఇది వినిపిస్తున్నాయి. మరియు నేను ఈ ఫంక్షన్ కాల్ draw_ocean. నేను డాల్ఫిన్ శిక్షణ ఉన్నప్పుడు దాని చిత్రాన్ని క్లిక్ - నేను ఆ చేయలేదు - మరియు డాల్ఫిన్ ఉచిత పెట్టినప్పుడు బటన్ క్లిక్. కాబట్టి ఈ నేను అవసరం విషయాలు. నేను మీరు కొన్ని ఇస్తుంది అంచనా నేను చేయాలని ప్రయత్నిస్తున్నాను ఏమి నేపథ్యంలో. మేము ఇక్కడ వెళ్ళండి అయితే, నేను నిజంగా కావలెను వ్యూహం అప్ వంటి ఈ చూడండి ఇక్కడ, బదులుగా "TODO," నేను చెప్పడం కంటే తో, ముఖ్యంగా, ఒక పట్టిక కావలెను అన్ని డాల్ఫిన్ల చిత్రాలు. ఆపై మీరు, ఒక చిత్రాన్ని క్లిక్ చేసినప్పుడు నేను అది అణిచివేసేందుకు కావలెను దిగువన స్క్రీన్ సగం మరియు ఇవ్వాలని మీరు అన్ని సమాచారం, మరియు ఆ పూల్ లో డాల్ఫిన్ ఉంటుంది, మీరు శిక్షణ డాల్ఫిన్. కాబట్టి నేను నిజంగా చల్లని అనుకున్నాడు. మీరు సముద్రంలో ఈ డాల్ఫిన్లు కలిగి ఇక్కడ, మీరు ఒక క్లిక్ చేయండి, మరియు అది పూల్ వెళ్ళండి, మరియు కావలసిన అప్పుడు మీరు శిక్షణ పొందాడు. కాబట్టి ఆ నేను ప్రయత్నిస్తున్న ఏమిటి. మరియు దిగువకు ఇక్కడ ఒక బటన్ భావించాలి పూల్ లో, మరియు మీరు క్లిక్ చేస్తే, వంటి, ", ఉచిత సెట్" మరియు మీరు సెట్ కాలేదు ఉచిత డాల్ఫిన్, మరియు అది తిరిగి ప్రయత్నించాడు సముద్రంలోకి. కాబట్టి ఆ నేను సృష్టించడానికి ప్రయత్నిస్తున్న ఏమిటి, కానీ మళ్ళీ, నేను మీ సహాయం కావాలి వెళుతున్న ఇది సృష్టించడానికి. ఈ కీలకపదాల్లో కాబట్టి ఆశాజనక, కొన్ని లేదా ఈ కొన్ని నిబంధనలను ప్రారంభమౌతుంది సందర్భంలో ఇప్పుడు నైటింగేలేమిటో ఈ కార్యక్రమం. యొక్క ఈ ఫైలు ద్వారా చూడటం భద్రము. మేము ఈ ఫంక్షన్ draw_ocean కాల్. ఇది మేము కాల్ ఒకే ఫంక్షన్ document.ready విభాగం నుండి. కాబట్టి మేము ఈ draw_ocean ఫంక్షన్ కాల్, మరియు ఇది ఒక స్ట్రింగ్ సృష్టిస్తుంది కనిపిస్తుంది, ఒక వేరియబుల్, ఇక్కడ. స్ట్రింగ్ పెట్టుచున్నాడు ఏదో, మరింత జతచేస్తుంది స్ట్రింగ్ స్టఫ్ జోడిస్తు స్ట్రింగ్ యొక్క stuff, మరియు అప్పుడు లైన్. నేను HTML స్ట్రింగ్ ముద్రిస్తుంది చెప్పటానికి. ఎవరో నాకు వివరించేందుకు ఏమి ఈ కోడ్ యొక్క లైన్ చేస్తుంది? బాగా, మొదటి అన్ని యొక్క, దేనిని ఆ డాలర్ సైన్ అర్థం? ఇది ఒక PHP వేరియబుల్ కాదు, కానీ ఆ డాలర్ సైన్ అర్థం ఏమిటి? ప్రేక్షకులు: యొక్క HTML ID లింక్ - ఇది HTML కోడ్ లింకులు వంటిది? జాసన్ HIRSCHHORN: ఏ గురించి ఆ డాలర్ సైన్? ఆ డాలర్ సైన్ ఉందో లేదు? ప్రేక్షకులు: ఏదో HTML లింక్? జాసన్ HIRSCHHORN: ఎక్కడ మేము చూసిన ఈ డాలర్ జావాస్క్రిప్ట్ లో ముందు సైన్? మేము ఉపన్యాసంలో చూశాడు. మేము దాని గురించి మాట్లాడారు. డాలర్ సైన్ అర్థం ఏమిటి? ప్రేక్షకులు: j క్వెరీ తో ఏదో? జాసన్ HIRSCHHORN: సరిగ్గా కుడి. ఈ క్వెరీ తో ఏదైనా ఉంది. ఈ డాలర్ సైన్ నేను ఉపయోగిస్తున్నాను అర్థం ఇక్కడ ఒక j క్వెరీ లైబ్రరీ ఫంక్షన్. సరిగ్గా కుడి. కాబట్టి మేము అప్పుడు డాలర్ సైన్ వ్రాయండి, మరియు మేము ఈ ఓపెన్ బ్రాకెట్ మరియు ముగిసింది బ్రాకెట్, మరియు క్రియల, అక్కడ లోపల లోపల అక్కడ మీరు ఒక ఉపయోగించి చేసినప్పుడు j క్వెరీ లైబ్రరీ ఫంక్షన్, లేదా మీరు j క్వెరీ లైబ్రరీ ఉపయోగించి? మరలా, మీరు ఉపన్యాసంలో ఈ చూసింది. ఎవరైనా నాకు ఇస్తుంది - మరియు మీరు ఇక్కడ ఏదో చూడండి. ఏమి యొక్క లోపల వెళుతుంది? జెఫ్, నాకు ఒక అంచనా ఇవ్వాలని. ఈ # సముద్ర, ఎలా చేస్తుంది? ఎక్కడ మేము ముందు చూసాం? ప్రేక్షకులు: ఇది ఒక గ్రంథాలయం లేదా ఏదో? నేను సంఖ్య ఆలోచన ఉంది. జాసన్ HIRSCHHORN: Well, వీలు నాకు ఇండెక్స్ డాట్ తెరవడానికి - వద్దు, తప్పు స్థానంలో. కనుక మేము ఏదైనా కలిగి చూడండి ఇక్కడ సముద్ర అని. అక్కడ # సముద్ర హాష్ ట్యాగ్ చూసిన సముద్ర, వాక్యనిర్మాణం ముందు? అవును? ప్రేక్షకులు: CSS? జాసన్ HIRSCHHORN: CSS లో. కాబట్టి మేము ఏదో శైలి కోరుకున్నాడు, మేము హాష్ ట్యాగ్ CSS ఉంచుతాడు గుర్తు సెలెక్టర్, లేదా హాష్ ట్యాగ్ సముద్ర, ఉదాహరణకు, మరియు ఫార్మాటింగ్ అన్ని మేము విషయం ఇవ్వాలని కోరుకున్నాడు ID సముద్రంతో మేము అక్కడ లోపల పెట్టి. కాబట్టి దానిని ఇక్కడ లోపల CSS కాదు సెలెక్టర్ ఇక్కడ వెళుతుంది. j క్వెరీ దాని సొంత నిర్వచిస్తుంది సెలెక్టర్లు రకం. అయితే అదే ఆలోచన, మరియు వాటిని చాలా CSS పోలిక. మీరు, ఇవి కుండలీకరణాలు లోపల కాబట్టి ఒక సెలెక్టర్, మరియు ఎలాగైనా ఉంచారు సెలెక్టర్ సూచిస్తుంది, ఆ ఏమి మీరు ఉపయోగిస్తున్న చూడాలని. కాబట్టి ఈ సందర్భంలో, నేను ఉన్నాను ID సముద్ర ఎంచుకోవడం. నేను ఒక తరగతి కలిగి ఉంటే - యొక్క నేను విషయాలు తరగతి ఉంటుంది అని పిలవబడు "చిత్రాలు," అని పిలుస్తారు మరియు ఒక ఆ రావాలంటే అంశాల చాలా, ఎలా నేను సూచన చెయ్యాలి "చిత్రాలు?" అని విషయాలు తరగతి ప్రేక్షకులు: నేను డాట్ భావించాను. జాసన్ HIRSCHHORN: ఒక డాట్ తో. బదులుగా నేను ఇక్కడ డాట్ చిత్రాలు ఉంచారు, అయితే నాకు తరగతి ఇచ్చి విషయాలు "చిత్రాలు." అని వాస్తవానికి, ఈ సూపర్ శక్తివంతమైన, మీరు విషయాలు చాలా సూచించవచ్చు. నిజానికి, నేను ప్రధానంగా సూచన కాలేదు HTML లో ట్యాగ్. నేను అలా కోరుకుంటే కాబట్టి, TD, ఆ చెప్పగలిగానా ఒక ట్యాగ్ ఉన్నప్పుడు పట్టిక సృష్టించడం. మీరు తెలిసిన ఉన్నారు పి నుండి ఏడు సెట్. ఈ సందర్భంలో, నిజానికి వెళుతున్న వాటిని అన్ని ఎంచుకోండి. ఇది నాకు శ్రేణి ఇవ్వాలని జరగబోతోంది అన్ని td టాగ్లు. కానీ కొద్దిగా అధిక పొందవచ్చు, కాబట్టి వెనుకకు ప్రస్తుతం మేము కేవలం అంటుకుని అన్నారు ID లు సూచిస్తూ. కాబట్టి ఈ ఏమి, మళ్ళీ, ఉంది ఈ విషయంలో, గెట్స్ - క్షమించాలి. Index.html కు, ఇక్కడ వెళ్ళండి. ఇది కాకుండా సముద్ర ID, ఒక సముద్ర ఉంది ఒక div, ఈ యొక్క ఈ భాగం సూచిస్తుంది కోడ్ యొక్క లైన్ ఆ DIV గెట్స్. మరియు ఈ డాట్ కాల్ వెబ్ అర్థం ఒక ఫంక్షన్, మరియు ఆ పేరు ఫంక్షన్ HTML ఉంది. మీరు అబ్బాయిలు చూసిన, ఆ, కోసం షార్ట్ ముందు, డాలర్ సైన్, పత్రం, పొందండి డాట్ ID ద్వారా మూలకం, లోపలి HTML డాట్. ఇది j క్వెరీ యొక్క వెర్షన్. కాబట్టి HTML ఫంక్షన్ కేవలం లోపలి HTML గెట్స్. ఆ మూలకం యొక్క. మేము తిరిగి ఇక్కడ చూస్తే మళ్ళీ,, మేము ఏ లోపలి HTML చదివించే. నేను చేసింది కాబట్టి, నేను చేస్తాను HTML చెయ్యడానికి ప్రయత్నిస్తున్నట్లున్నారు. నేను ఈ టైప్ చేసినప్పుడు, నేను ఉన్నాను HTML సెట్. నేను స్ట్రింగ్ ఈ ఫంక్షన్ ప్రయాణిస్తున్న నేను, నేను సృష్టించిన స్ట్రింగ్ ఇక్కడ, మరియు ఆ ఉంచారు అని సముద్ర DIV లోపల. అవును? ప్రేక్షకులు: మీరు పొందినప్పుడు HTML, మీరు చేస్తున్నారు ఒక కాపీని, కుడి ఉంటే? మీరు తొలగించకుండా లేదు. జాసన్ HIRSCHHORN: కుడి. నేను చేసింది మరియు కోరుకుంటే var ఈ సేవ్ - అయ్యో. అన్ని సమాచారం పొందుతారు ఉంది మరియు మరొక లో సేవ్ వేరియబుల్, దాని కాపీని తయారు. ప్రేక్షకులు: OK. అర్థమైంది. జాసన్ HIRSCHHORN: కాబట్టి మేము కొన్ని రూపొందించినవారు HTML, స్ట్రింగ్ లో ఆ సేవ్. మేము కొన్ని మరింత సేవ్. ఇక్కడ మీరు ఆ TODO స్ట్రింగ్ చూడండి. మేము ఇక్కడ ఆ బహుశా ఉంది ఉన్నప్పుడు నుండి TODO పొందడానికి మేము మా పేజీ లోకి వెళ్ళి. మరియు వాస్తవానికి, నేను TODO క్లిక్ ఉంటే, ఎలిమెంట్ తనిఖీ, మేము గురించి మాట్లాడారు ఈ గత వారం. మేము HTML చూడవచ్చు ఎలా మా పేజీ యొక్క నిర్మాణం. మీరు ఇక్కడ డౌన్ గమనించవచ్చు - యొక్క చాలా, ఈ ఒక బిట్ పెద్ద తెలియజేయండి - మేము ఇక్కడ మా div ID సముద్ర కలిగి. అందరూ కోడ్ లైనును చూడండి? మరియు ఆ మేము రకాల index.html లో. అది లోపలి, మేము ఇప్పుడు చూడండి కోడ్ పట్టికను లైన్. మరియు కోడ్ పట్టిక లైన్, ఏమిటి మేము కేవలం ఇన్సర్ట్ కోడ్ ఉంది ఈ మూలకం. మరియు అది మేము లోపలి చూడండి, మేము ఎప్పుడూ టైప్ చేసిన colgroup మరియు tbody. మాకు జోడించారు ఎందుకంటే మేము కొన్ని ఫాన్సీ స్టఫ్. కానీ మీరు tr ఉంది మీరు గమనించవచ్చు, TODO తో td ఉంది. , మళ్ళీ, అంటే ఓకే మేము ఇక్కడ రాసిన కోడ్. పేర్కొంది ఖచ్చితంగా ఈ లైన్ చేస్తున్న. ఇది మా HTML స్ట్రింగ్ తీసుకొని మరియు ఈ లోపల ఉంచడం ఇక్కడే DIV. ఇది మొదట ఏమీ ఉంది. ఈ పేజీ లోడ్. డాలర్ సైన్, document.ready. ఈ అమలు మొదలవుతుంది. మేము draw_ocean ఫంక్షన్ కాల్, మరియు మేము పడుతుంది draw_ocean ఫంక్షన్ లోపల ఈ HTML మరియు ఆ DIV లోపలి ఉంచండి. మేము పొందాను అక్కడే చాలా. ఎవరైనా ఏవైనా ప్రశ్నలు ఉందా గురించి? లేదా ఎలా పనిచేస్తుంది, లేదా j క్వెరీ? ఎందుకంటే మీరు అర్థం ఉంటే, అప్పుడు j క్వెరీ ఆశాజనక రావాల్సిందే సులభంగా. అవును? ప్రేక్షకులు: మీరు లోపల కలిగి ఏమి ప్రింటవుట్ HTML క్రింద బ్రాకెట్లు స్ట్రింగ్, ఆ పేరు HTML వేరియబుల్ మీరు ముందుగా ప్రకటించిన చేశారు? జాసన్ HIRSCHHORN: ఈ కుడి? ప్రేక్షకులు: అవును జాసన్ HIRSCHHORN: అవును. ప్రేక్షకులు: మీరు అనే ఉంటే ఏదో, ఏదో మీరు ఇక్కడ ఉంచుతాడు ఉంది. జాసన్ HIRSCHHORN: సరిగ్గా కుడి. మరియు ఒక మంచి పాయింట్. ఈ ఎందుకంటే కొద్దిగా గందరగోళంగా ఉంది నేను HTML, html కలిగి. ఇక్కడ ఈ లోపల పేరు నా వేరియబుల్ మరియు ఇక్కడ ఈ హక్కు j క్వెరీ ఫంక్షన్ పేరు. ప్రేక్షకులు: j క్వెరీ కోసం క్రమంలో పని పని, మీరు ఇచ్చి ఉంటుంది కొన్ని HTML ఇన్పుట్? జాసన్ HIRSCHHORN: ఖచ్చితంగా. OR మీరు ఒక స్ట్రింగ్ ఇవ్వాలని. ఇది లోపల స్ట్రింగ్ ప్రదర్శించాలి div లేదా వస్తువు యొక్క. ఈ కేవలం సమూహము. ఈ HTML తెలుసు, కానీ లేదు స్పష్టంగా ఉండాలి అది ఉద్దేశపూర్వకంగా ఫార్మాట్ చెల్లుబాటు అయ్యే HTML. ఆ ప్రశ్నకు సమాధానం ఉందా? ప్రేక్షకులు: అవును. జాసన్ HIRSCHHORN: OK. అవును? ప్రేక్షకులు: ఉంటే సూచిస్తారు సముద్ర ఒక బటన్ లేదా ఏదో? . Html ఏమి చేస్తుంది? ఆ మార్చుకోవచ్చు బటన్ టెక్స్ట్? జాసన్ HIRSCHHORN: కాబట్టి ప్రశ్న అది ఒక బటన్ సూచిస్తారు? ఇది లోపలి మారుతుంది ఏదో HTML. కనుక ఇది బహిరంగ టాగ్ మరియు ఒక దగ్గరగా ఉంటే ట్యాగ్, ఇది మధ్య ఏదో ప్రదర్శించాలి ఓపెన్ మరియు దగ్గరగా ట్యాగ్. ఓపెన్ మరియు దగ్గరగా లేరు ఉంటే ట్యాగ్, ఇది ఏమీ లేదు. ప్రేక్షకులు: ఇది అక్షరాలా ఒక కాపీని మరియు విషయం పేస్ట్ విధమైన? జాసన్ HIRSCHHORN: అవును. ఇది కాపీలు మరియు ముద్ద నుండి ఏదో నేను పాస్ సంసార వేరియబుల్, స్ట్రింగ్ నేను ఆ లోపల, పాస్ ఓపెన్ మరియు దగ్గరగా టాగ్లు. ఇక్కడ డౌన్ చూద్దాం. ఓహ్, మంచితనం. draw_pool కాదు అక్కడే ఏమీ. బమ్మర్ ఉంది. వావ్, శిక్షణ. సరే, ఆ ఇతరుల పాటు ఎక్కువ. కాబట్టి యొక్క ప్రారంభించడానికి వీలు, మరియు యొక్క ఈ పరిష్కరించడానికి అనుమతిస్తాయి. నేను ప్రతిఒక్కరి అవసరం వెళ్ళిపోతున్నాను ఈ పూర్తి చేయించడం సహాయం. నిజానికి అనేక లైన్లు లేవు కోడ్ యొక్క, నేను వ్రాసే, అనుకుంటున్నాను. నేను ఒక జంట సంవత్సరాల క్రితం చేసింది అనుకుంటున్నాను 2K12 వెర్షన్ కోసం, మరియు అక్కడ అనేక పంక్తులు ఉండకూడదు రాయడానికి కోడ్. నేను కోడ్ తొలగించారు ఉండకూడదు. కేవలం ఇది సేవ్ వుండాలి. ఓహ్, క్రేజీ. ఏమైనా, యొక్క ప్రారంభించడానికి వీలు. నేను ఈ శ్రేణి లో ఉన్నాను, లేదా నేను ఈ ఉన్నాను లైన్, మరియు నా ocean_array కలిగి. నేను ఈ అన్ని ఉంచాలి కావలసిన, ఈ ఫైలు నుండి, నా లోకి ప్రతిదీ ocean_array. కాబట్టి నేను నుండి ప్రతిదీ పడుతుంది అక్కడ, మరియు ఉంచారు ocean_array? ఇది కోడ్ యొక్క ఒక లైన్ ఉంది. ఎవరు నాకు ఆ కోడ్ యొక్క లైన్ లేదా ఇస్తుంది చెప్పు, కొన్ని ఆలోచన ఏమి లైనును కలిగి కోడ్ యొక్క చెయ్యాలి? ఎందుకు మేము ఇక్కడ ప్రారంభం కాదు, మరియు మేము చేస్తాము గది చుట్టూ కొనసాగించి ప్రశ్నలకు. కర్ట్? మొదటి ఏమిటి? ప్రేక్షకులు: Ocean_array, బ్రాకెట్, డాల్ఫిన్. డాల్ఫిన్స్, బ్రాకెట్, డాల్ఫిన్ సమానం? ఒక రాజధాని ప్రతిదీ డాల్ఫిన్లు. జాసన్ HIRSCHHORN: OK. యొక్క వాక్యనిర్మాణం నడవడానికి. ఇక్కడే, ఈ ఒక foreach లూప్ వంటిది, కాబట్టి ఇది నిజానికి చాలా చేయుచున్నాడు మాకు విషయాలు. మరియు డాల్ఫిన్ ఒక వస్తువు. కాబట్టి మేము ఏదో రాయడానికి అవసరం లేదు డాల్ఫిన్లు, డాల్ఫిన్, ఎందుకంటే వంటి డాల్ఫిన్ కూడా ఉంది నేను కావలసిన వస్తువు. ఇది ఇండెక్స్ కాదు. అర్ధవంతం లేదు? ప్రేక్షకులు: అవును. జాసన్ HIRSCHHORN: కాబట్టి మీరు మీ కోడ్ మారుతున్న ప్రతిపాదించారు? మేము తెలిసిన మేము ఇండెక్స్ ఇచ్చిన చేస్తున్నారు? ఓహ్, సారీ. మీరు మధురంగా. కానీ ఎలా - నాకు వేరే ప్రశ్న అడగండి తెలపండి. మేము అనుకుంటే - యొక్క నిజానికి ఈ వ్రాయుటకు అనుమతి. ఫరవాలేదు. మేము ఈ రాయాలో. పెరుగుతుంటాయి. క్షమించాలి. నేను చాలా ఉన్నాయి గందరగోళంగా. ఇప్పుడు అక్కడ ఆ వేషాలు, మరియు మేము డాల్ఫిన్ శిక్షణ తిరిగి వచ్చి ఉంటుంది, డాల్ఫిన్ సెట్. యొక్క కేవలం మొదటి ఈ గీయడం సముద్ర పరిష్కరించండి ఫంక్షన్, మరియు మేము తిరిగి వచ్చి ఉంటుంది , కర్ట్ అని. కానీ, నేను మంచి. యొక్క draw_ocean లోపల చూద్దాం. తప్పు అని కనిపించే లైన్ ఇది డాల్ఫిన్లు యొక్క "స్టోర్ చిత్రాలు ఒక HTML స్ట్రింగ్ లో సముద్ర. "మరియు ఇప్పుడు, కేవలం TODO వంటి నేను, కానీ నేను నిజంగా డాల్ఫిన్లు ఉంచాలి కావలసిన సముద్రంలో చిత్రాలు. కాబట్టి ఏమి, నోహ్, మీరు అనుకుంటున్నారు నేను చెయ్యాలి మొదటి విషయం? నేను మొత్తం ద్వారా వెళ్లాలనుకుంటే శ్రేణి, మొదటి ఏమిటి నేను చెయ్యాలి విషయం? ప్రేక్షకులు: మేము అవసరం లూప్ ఒక సృష్టించడానికి. జాసన్ HIRSCHHORN: లూప్ ఒక. మరియు తప్పక లూప్ లాగా? ప్రేక్షకులు: కోసం - మేము ప్రతి డాల్ఫిన్ ద్వారా వెళ్లాలి సముద్ర శ్రేణి లో. లో var డాల్ఫిన్ కోసం కాబట్టి - మీరు సముద్ర శ్రేణి వ్రాయగలరు? జాసన్ HIRSCHHORN వచ్చేసింది? ప్రేక్షకులు: బహుశా ఆ. జాసన్ HIRSCHHORN: యొక్క కొనసాగించు లెట్ ఇప్పుడు కోసం, మరియు అప్పుడు మేము చేస్తాము అని తిరిగి వచ్చిన. మరియు మీరు బాధ్యత మాత్రం లైనును కోసం. నేను, లూప్ కోసం ద్వారా కలిగి. మైఖేల్, కన్నయ్య ఉన్నారు. నేను ఇప్పుడు ఏమి చెయ్యాలి? ప్రేక్షకులు: మీరు తీసుకుని డాల్ఫిన్లు నుండి చిత్రాలు నిల్వ. జాసన్ HIRSCHHORN: కాబట్టి పేరు ఆ నిల్వ? ప్రేక్షకులు: డాల్ఫిన్ శ్రేణి లో? జాసన్ HIRSCHHORN: నేను ఇప్పుడు కన్ఫ్యస్ద్ చాలా ఏం గురించి. యొక్క మేము డీబగ్ చేయవచ్చు ఎలా గుర్తించడానికి అనుమతిస్తాయి ఈ, మరియు నేను చేస్తాము OK, మీరు తిరిగి? సమానం ఏమిటి జావాస్క్రిప్ట్ లో printf? అన్నీ? ప్రేక్షకులు: ఇది వ్రాసే పత్రం ఉంది? జాసన్ HIRSCHHORN: లేదా ఎలా చేయవచ్చు నేను ఏదో చూడండి దిగువన డౌన్ పరచటానికి? ప్రేక్షకులు: console.log. జాసన్ HIRSCHHORN: console.log, ఖచ్చితంగా. కాబట్టి యొక్క console.log తెలియజేసేలా, మరియు లెట్స్ కేవలం OK, లో "డాల్ఫిన్" చాలు? ఈ పనులు, సాధారణంగా, మేము చూడాలని కలిగి - యొక్క తిరిగి ఫైల్ లో, చూద్దాం dolphins.js, ఆరు డాల్ఫిన్లు, ఉన్నాయి నేను కావాలి ఆరు లేదా ఏదో ఆశాజనక కు ముద్రించిన కన్సోల్, కుడి? మేము ఇప్పటివరకు పేర్కొంది ఎందుకంటే మేము ఇక్కడ కర్ట్ యొక్క లైన్, మరియు అప్పుడు మేము నోహ్ యొక్క లూప్, మరియు మేము ఈ కలిగి లైన్, కాబట్టి ఆశాజనక మేము చూస్తారు ఆరు కన్సోల్ ముద్రించబడుతుంది విషయాలు. ఇక్కడ వీడలేదు, యొక్క ఓపెన్ మా కన్సోల్ మరియు మా పేజీ రిఫ్రెష్. OK, కాబట్టి ఇది కనిపిస్తోంది మేము ఆరు సూచికలు చూసింది. సున్నా, ఒక, రెండు, మూడు, నాలుగు నుంచి ఐదు, అవును. ప్రేక్షకులు: ఎలా మీకు వస్తుందా మీ లోపల పేజీ - జాసన్ HIRSCHHORN: ఎలా నేను వస్తుందా డౌన్ ఇక్కడ ఈ విషయం? ప్రేక్షకులు: No, Chrome పేజీ లోపల [వినబడని] ఉపకరణం. మేము ఆ చూడండి లేదా కాదు? జాసన్ HIRSCHHORN: ఈ Chrome ఇక్కడే పేజీ? ప్రేక్షకులు: అవును. జాసన్ HIRSCHHORN: కాబట్టి కేవలం వంటి పి సెట్ లో ఎనిమిది, నేను ఒక Chrome విండో తెరిచిన నా డెస్క్టాప్ మీద, నా Macintosh డెస్క్టాప్. మరియు మీరు అప్ ఇక్కడ ఈ URL అప్ గమనించి ఈ IP సరిపోలే ఎడమ, ఇక్కడ డౌన్ పరిష్కరించేందుకు. కాబట్టి దీన్ని, అయితే, ప్రారంభంలో సమస్య సెట్ స్పెక్ వివరిస్తుంది సరిగ్గా దీన్ని ఎలా ద్వారా. కానీ నేను బదులుగా ఆ తరువాత, మరియు యొక్క షటిల్ కోడ్ తో, నేను కేవలం చేశాడు మా స్వంత కోడ్. చల్లని విషయం మేము కూడా చెయ్యవచ్చు ఉంది ocean_array తనిఖీ. Ocean_array ఉంది అంటే ఓకే ఒక ఆరు వస్తువులు శ్రేణి, మరియు యొక్క ప్రతి ఒక తెరవండి. బూమ్! ఒక. అందువలన కర్ట్, కనిపిస్తోంది మీ కోడ్ ఖచ్చితంగా పని. అంతా ocean_array ఆరంభిస్తాడు. నేను ముందు misspoke ఎందుకంటే. అయితే, సంభ్రమాన్నికలిగించే ఉద్యోగం. ocean_array సరైనది, మరియు కనిపించే వంటి ఇప్పుడు మేము డాల్ఫిన్ ఉందని 5 0 నుండి చాలా, అది కనిపించింది వ్యూహంలో ఒక సూచీలు వంటి. కాబట్టి విజ్ఞానం, మైఖేల్, ఇచ్చిన మేము ఇప్పుడు ఏమి చెయ్యాలి? బిగ్గరగా ఆలోచించ. మేము మీరు ఏదో ఏమిటి? ప్రేక్షకులు: మేము పొందాలనుకోవడం ప్రతి డాల్ఫిన్ కోసం JPEG. జాసన్ HIRSCHHORN: OK. కాబట్టి మేము ఎలా సూచించవచ్చు - ఎలా మేము JPEG పొందవచ్చు? ఎక్కడ మీరైతే ఏం? ప్రతిదీ ఎక్కడ నిల్వ చేయబడుతుంది? ప్రేక్షకులు: ocean_array లో? జాసన్ HIRSCHHORN: OK. ప్రేక్షకులు: ocean_array, డాల్ఫిన్ - జాసన్ HIRSCHHORN: ఎలా మేము లోపల ఏదో - ఈ మాకు ఆ వస్తువు ఇస్తుంది. మరియు మేము ముందు ఈ చూసిన struc తో. కాబట్టి సంజ్ఞామానం ఏ విధమైన మేము ఉపయోగించడానికి అవసరం? ప్రేక్షకులు: ఇది డాట్ ఉంటుంది. జాసన్ HIRSCHHORN: ఒక డాట్. మరియు తర్వాత రంగంలో? ప్రేక్షకులు: చిత్రం? లేదా ఒక రంగంలో కాదు - జాసన్ HIRSCHHORN: ఇది ఏమిటి dolphins.js లో అని? మరియు మీరు చూడవచ్చు, చూడండి. మేము ఇక్కడ వెళ్లవచ్చు. మేము, ocean_array చూడగలరు మేము అది అన్వేషించవచ్చు. ఇది ఏమిటి అని? ప్రేక్షకులు: రకం. వేచి. చిత్రం? నేను చిత్రాన్ని చెప్పారు. జాసన్ HIRSCHHORN: చిత్రం. కుడి. మీకు తెలిసిన పోలికే లేదు ఏమి మీరు అయితే, గురించి మాట్లాడుతూ. ఇది మరింత ఒక అంచనా తెలియజేయడం. ఆ చిత్రం, కల్పించే కాబట్టి మాకు చిత్రం URL. జెఫ్, ఒక ప్రశ్న? ప్రేక్షకులు: అవును, నేను ఏమి పొందలేము మీరు మీ Chrome లో కలిగి నా కంప్యూటర్లో బ్రౌజర్. నేను ఒక "దొరకని సూచన పొందండి లోపం, కన్సోల్ నిర్వచించబడలేదు. " జాసన్ HIRSCHHORN: మీరు చేసిన ప్రతిదీ ఏర్పాటు? ప్రేక్షకులు: Well, నేను నేను మీరు ప్రతిదీ పెద్ద తెరపై చేశాడు. జాసన్ HIRSCHHORN: మీరు అన్ని ఫైళ్లు chmodded? మరియు మీరు ద్వారా వెళ్ళి వచ్చింది మొత్తం సెటప్? ప్రేక్షకులు: నేను మళ్ళీ చేస్తాము. జాసన్ HIRSCHHORN: OK. నేను హాజరు కాలేదు వద్ద చాలా ప్రారంభించి, కానీ మీరు ద్వారా వెళ్లవలసిన అవసరం కేవలం వంటి మొత్తం సెటప్ సమస్య సెట్ స్పెక్ ప్రారంభం. Chmod ప్రతిదీ మరియు ఖచ్చితంగా అది సైన్ తయారు ప్రేక్షకులు: నేను వెళ్ళి ఉంటుంది ఇది సరిచూచవచ్చును. నేను చేసిన ఆలోచన, కానీ నేను సరిచూచవచ్చును చేస్తాము. జాసన్ HIRSCHHORN: కాబట్టి, ఈ కనిపిస్తోంది లాగా మాకు ఇస్తాము స్ట్రింగ్ మరియు ఒక చిత్రాన్ని. గ్రేట్. మేము చిత్రం URL కలిగి. ఎలా మేము ఇప్పుడు అది ఉంచగలను - మేము వ్రాయండి ఏమవుతుంది ఈ, మైఖేల్? ప్రేక్షకులు: ఇది కేవలం చిత్రాన్ని గెట్స్. ఇది నిజానికి అది కనిపించకపోతే. జాసన్ HIRSCHHORN: లెట్ యొక్క ఏమి చూడండి. ఆ సేవ్ చేస్తాము. మేము ఇక్కడ అమలు చేస్తాము. మేము ఏదైనా పొందలేము కనిపిస్తుంది. నేను ఈ పట్టిక అన్వేషించడానికి ఉంటే, అది లోపల కనిపిస్తుంది - నేను ఏదైనా పొందలేము వంటి అవును, కనిపిస్తోంది. ప్రేక్షకులు: మేము ఉందా - జాసన్ HIRSCHHORN: ఈ స్ట్రింగ్ ఉంది, ఇక్కడ ఈ కోడ్. నేను ఈ స్ట్రింగ్ ఉంచాలి ఎక్కడ అనుకుంటున్నారు? ప్రేక్షకులు: మీరు కావలసిన సముద్రంలో ఉంచండి? జాసన్ HIRSCHHORN: OK. మరియు డౌన్ ఇక్కడ నేను ఒక స్ట్రింగ్ ఆటంకమవుతుంది సముద్రంలో html అనే. ప్రేక్షకులు: ఇది డాలర్ ఉంటుంది సైన్, సముద్ర, html [వినబడని]. జాసన్ HIRSCHHORN: అన్నార్తులకు నేరుగా లో ఉంచండి. కానీ నేను జోడించి అనుకుంటే - నేను ఇప్పటికే ఒక స్ట్రింగ్ సృష్టించడం నేను? సముద్రంలో ఉంచాలి, ఏమిటి ఆ స్ట్రింగ్ యొక్క పేరు? ప్రేక్షకులు: HTML. జాసన్ HIRSCHHORN: HTML. సో నేను తదుపరి వ్రాస్తారా? ప్రేక్షకులు: సమానం, సమానం. లేదా కేవలం సమానం? జాసన్ HIRSCHHORN: ఏమి నేను సమానం వ్రాస్తే జరిగే? ప్రేక్షకులు: ఆ దానిని సెట్ కాదు సమాన - చేయలేనివి రెడీ - ప్రేక్షకులు: అప్పగించుము? జాసన్ HIRSCHHORN: ఇది కేటాయిస్తుంది, కానీ అన్నింటికీ జరగవచ్చు ఆ ముందు నిల్వ? ప్రేక్షకులు: ఇది వదిలించుకోవటం చేస్తాము. జాసన్ HIRSCHHORN: ఇది వదిలించుకోవటం చేస్తాము. కాబట్టి ఎలా నేను చివర జోడించవచ్చు? నేను కాపీ చేస్తుంది - ప్రేక్షకులు: ప్లస్ సమానం. జాసన్ HIRSCHHORN: ప్లస్ ఖచ్చితమైన, సమానం. ఖచ్చితంగా కుడి ఉంది. కాబట్టి ఇప్పుడు యొక్క ఈ ఏమి తనిఖీ వీలు. బూమ్! ఓహ్, మంచితనం. టెక్స్ట్ యొక్క కేవలం చాలా ఉంది. OK. మేము చాలా వచ్చింది అంటే ఓకే టెక్స్ట్ యొక్క, కానీ ఆ గొప్ప. మీరు అబ్బాయిలు చేసిన - నేను ఈ కష్టం తెలుసు, ఈ కొత్త ఉంది. ఇప్పటివరకు మీరు అబ్బాయిలు మూడు అద్భుతమైన చేసిన. OK, మీరు తదుపరి ఉన్నారు. రాబోయే ఏం చెయ్యాలి? మేము ఖచ్చితంగా అది వద్దు స్ట్రింగ్ ప్లే. అవును? ప్రేక్షకులు: నేను ఒక ప్రశ్న కలిగి. మీరు ocean_array లేనప్పుడు మీరు,, తెలుసు డాల్ఫిన్, బ్రాకెట్లలో, కాదు ఒక అనుబంధ వంటి డాల్ఫిన్ లోనే శ్రేణి? జాసన్ HIRSCHHORN: నేను misspoke. డాల్ఫిన్ సూచిక ఉంది. ప్రేక్షకులు: కానీ var కాదు సముద్రంలో డాల్ఫిన్ - మీరు మొదట ఇది లోడ్ చేసినప్పుడు నేను, అర్థం బాగా, డాల్ఫిన్లు var డాల్ఫిన్, కాదు ఒక అనుబంధ శ్రేణి డాల్ఫిన్? జాసన్ HIRSCHHORN: ఈ డాల్ఫిన్? ప్రేక్షకులు: అవును. జాసన్ HIRSCHHORN: నం ఈ డాల్ఫిన్ సూచిక. ప్రేక్షకులు: OK. కాబట్టి డాల్ఫిన్ వేరియబుల్ ఉంది? నేను డాల్ఫిన్ కీ వంటి, అర్థం సహయోగ శ్రేణి? జాసన్ HIRSCHHORN: ఇక్కడే? వంటి, dolphin.name? ప్రేక్షకులు: అవును, ఉంది డాల్ఫిన్ డాట్ వంటి - వంటి అర్థం డాల్ఫిన్ లేదు ప్రతి వస్తువు ఉండాలి? ప్రేక్షకులు: అవును, ఆ నేను చాలా, ఆలోచనను. ప్రేక్షకులు: నేను డాల్ఫిన్ వంటి భావించారు డాల్ఫిన్లు సహయోగ శ్రేణి. ఆరు అనుబంధ ఎందుకంటే డాల్ఫిన్లు శ్రేణులను కుడి? జాసన్ HIRSCHHORN: కుడి. మేము ఈ వ్రాశారు మార్గం ఇప్పుడు, అది కాదు. ప్రేక్షకులు: ఎందుకు అది? జాసన్ HIRSCHHORN: మేము అలా, మరియు కాలేదు ఒక j క్వెరీ ఫంక్షన్ వాస్తవానికి ఉంది అని. ఇస్తుంది, వీటిలో ప్రతి ప్రతి విషయం మీరు. కానీ ఈ వాక్యనిర్మాణం కాదు - నేను ముందు misspoke - ఈ వాక్యనిర్మాణం ఆ సూచిక ఉంది కాదు. ఈ కేవలం మాకు సూచీలు కల్పించడం. కానీ మీరు డాలర్ సైన్ చేయగల. ప్రతి, ఇది ఒక j క్వెరీ విధి. మీరు ప్రతి ఇచ్చి అసోసియేట్ శ్రేణి. కాబట్టి ఆ తనిఖీ. కానీ అన్ని ఈ కోడ్ చేస్తుంది ఏమిటి. ప్రేక్షకులు: లూప్ కాబట్టి ఈ మొదటి, నేను ఆరు సార్లు iterate అంచనా మీరు ఆరు సూచికలు ఎందుకంటే. మరియు తర్వాత లూప్ రెండవ, ఆ iterating లేదు సార్లు అదే మొత్తం? జాసన్ HIRSCHHORN: అవును. ప్రేక్షకులు: ఏ నిజంగా ఉంది - మేము మొదటి లూప్ రాసేసే మళ్ళీ, మరియు అది పని ఉండేది. డాల్ఫిన్లు వంటి, var డాల్ఫిన్? జాసన్ HIRSCHHORN: అవును, కానీ మేము ఇప్పుడు ఒక ocean_array ఉపయోగించి. మేము లోకి ప్రతిదీ తరలించారు ocean_array ఎందుకంటే మనం అనుకుందాం dolphins.js ఏది మార్చడానికి, లేదా ఉంటే మేము ocean_array సవరించడానికి మీరు తర్వాత, మేము సవరించడానికి మీరు లేదు డాల్ఫిన్లు, వేరియబుల్. మేము దాని కాపీని సవరించడానికి మీరు, ఎందుకంటే మేము ఏదో పడుతుంది అనుకుంటే అవుట్, ఈ విధంగా మేము ఉన్నాము సురక్షితంగా మాత్రం. సమంజసం లేదు. ప్రేక్షకులు: అవును. జాసన్ HIRSCHHORN: OK. కాబట్టి, కార్లోస్, ఎలా నేను ఈ స్ట్రింగ్ పడుతుంది మరియు బదులుగా అది ఒక చిత్రం, మరియు పొందండి అసలు? మీరు ముందు ఈ కోడ్ చేసిన. నేను ఒక పేజీలో చిత్రం ఉంటాయి ఎలా? ప్రేక్షకులు: ఇది మేము గురించి చేశాడు విషయం ఆ HTML ప్లస్ te కాల్ డాష్ సమానం వెడల్పు, ఆమె తొలగించారు? జాసన్ HIRSCHHORN: ఈ ఇక్కడే అంశాలు? ప్రేక్షకులు: అవును. రకమైన. జాసన్ HIRSCHHORN: లేదు వద్దులే. కేవలం HTML స్ట్రింగ్ మొదలవుతుంది. నేను ఒక చిత్రం చేర్చాలనుకుంటే నా HTML వెబ్ పేజీ, నేను ఏమి ట్యాగ్ ఉపయోగించగలను? ప్రేక్షకులు: నేను గుర్తు లేదు. జాసన్ HIRSCHHORN: OK. Avie, అతనికి సహాయం? ప్రేక్షకులు: ఇది యాంకర్ ఉంటుంది, href, ఆపై మీరు లింక్? జాసన్ HIRSCHHORN: కాబట్టి యాంకర్ లో వంటి ఒక. ప్రేక్షకులు: మీరు అవసరం లేదు కుడి, ఈ లింక్? జాసన్ HIRSCHHORN: ఏం నేను ఒక చిత్రం సృష్టించాలనుకునే? ప్రేక్షకులు: ఇది అప్పుడు స్క్రిప్ట్, అవుతుంది src స్ట్రింగ్ సంసార సమానం? జాసన్ HIRSCHHORN: OK, ఆ కుడి, img ఉంది. కార్లోస్, మీరు చూడాలని ఇక్కడ నుండి పడుతుంది. img ", చిత్రం" మరియు src స్టాండ్ "మూలం." కోసం మరియు మీరు దానిని ఇవ్వాలని అవసరం ఒక URL లేదా కొన్ని - కూడా ఒక URL. కొన్ని స్థానాన్ని పేరు చిత్రం నిల్వ. నేను నాకు ఒక పొందుతారు తెలుసు చిత్రం, కాబట్టి ఇప్పుడు నేను ఈ ఉంచగలను కలిసి, ఆలోచన? నేను పరిష్కరించడానికి అవసరం కొన్ని సింటాక్స్ కలిగి. సరిగ్గా నేను చేయాలి , కార్లోస్ టైప్? ప్రేక్షకులు: నేను ఏమి పొందలేరు మీరు ప్రయత్నిస్తున్న. కాబట్టి మీరు అన్ని ఉంచాలి ప్రయత్నిస్తున్న ఒక పట్టిక లోకి చిత్రాలు? జాసన్ HIRSCHHORN: మేము ప్రదర్శించడానికి కావలసిన పేజీ లో అన్ని చిత్రాలు. మరియు మేము కోడ్ హక్కు ఎలా ఈ లైన్ చూసిన మా HTML స్ట్రింగ్ ఇక్కడ జోడించారు తీగలను మరియు ఈ వంటి వాటిని ముద్రించిన. మేము బదులుగా చిత్రాలను ప్రదర్శించడానికి కావలసిన. మరియు మేము మాకు చెప్పారు,, మేరు గ్రహించారు కోడ్ యొక్క ఈ లైన్ - కాబట్టి ఇక్కడే యొక్క చూద్దాం. మేము వెళ్లి అన్వేషణ, మేము HTML ఈ సంకలనం. మేరు,, అన్నారు మేము ఈ రకమైన ఉంటే సింటెక్స్, మేము ఒక చిత్రం పొందుటకు. ఈ కోణంలో రాబడుతుంది? ఈ స్ట్రింగ్ రకం అని మేము నిజంగా సముద్ర లోపల ఉంచాలి కావలసిన డైవ్, కేవలం టెక్స్ట్ కూడా. ప్రేక్షకులు: [వినబడని] జాసన్ HIRSCHHORN: క్షమించాలి? ప్రేక్షకులు: మీరు కాపీ చేయలేదు Kianna ఇచ్చిన ఒక, మరియు ఆ ఉంచారు - జాసన్ HIRSCHHORN: ఈ కాపీ, మరియు ఇక్కడ ఈ ఉంచారు? ప్రేక్షకులు: అవును. జాసన్ HIRSCHHORN: ఆ దగ్గరలో, కానీ అక్కడ ఈ ఒక సమస్య ఉంది, మరియు ఆ ఏమిటి? HTML ఒక స్ట్రింగ్, మరియు మేము అవసరం ఇది తీగలను జోడించడానికి. ప్రేక్షకులు: మీరు ఉంచండి - nah. జాసన్ HIRSCHHORN: మరియు మేము మూడు కలిగి - ఇక్కడ ఈ కుడి స్ట్రింగ్ కాదు. ఎలా మేము అది ఒక స్ట్రింగ్ సంపాదిస్తారు? ఎలా మీరు ఎల్లప్పుడూ తయారు చెయ్యాలి ఒక స్ట్రింగ్ ఏదో? ప్రేక్షకులు: నేను తెలియదు. జాసన్ HIRSCHHORN: నేను టెక్స్ట్ ఉంటే, ఎలా నేను ఒక స్ట్రింగ్ సంపాదిస్తారు? ఇక్కడే ఈ లైన్ ఇక్కడ ఇష్టం? ప్రేక్షకులు: పట్టిక లో ఉంచండి? జాసన్ HIRSCHHORN: ఈ గురించి? ప్రేక్షకులు: కోట్. జాసన్ HIRSCHHORN: డబుల్ కోట్స్, కుడి? డబుల్ కోట్స్ ఏదో చేస్తుంది ఒక స్ట్రింగ్. కాబట్టి ఆ, ఒక స్ట్రింగ్ చేస్తుంది మరియు ఈ స్ట్రింగ్. నేను రెండు రెమ్మలు ఉంచగలను కలిపి JavaScript లో? ప్రేక్షకులు: డాట్. జాసన్ HIRSCHHORN: డాట్ లేదు. ఆ PHP ఉంది. ప్రేక్షకులు: ప్లస్. జాసన్ HIRSCHHORN: ప్లస్, ఖచ్చితంగా కుడి. మీరు ఏమి అప్పుడు కాబట్టి ప్లస్, మరియు నేను ఇక్కడ ఏమి చేస్తున్నాయని తెలిపారు? ప్రేక్షకులు: మరొక కోట్. జాసన్ HIRSCHHORN: మరొక కోట్, OK. నేను ఒక స్ట్రింగ్ ముగుస్తుంది చెయ్యాలి? ప్రేక్షకులు: మరొక కోట్. జాసన్ HIRSCHHORN: మరొక కోట్. మరియు నేను ఈ స్ట్రింగ్ ఉంచగలను కలిసి ఈ స్ట్రింగ్ తో? ఒక ప్లస్. ఖచ్చితంగా కుడి ఉంది. నీవు మమ్ములను కోసం చేసింది. మంచి మాటకారి. కాబట్టి ఇప్పుడు యొక్క ఈ రెండర్ తెలియజేయండి. మరియు ఉట్టిపడే మొత్తం పొందారు చిత్రాల సమూహం. ఓహ్, నా దేవుని. ఆ స్కేరీ. మేము అన్వేషించడానికి చూడాలని రెండవ వాటిని. అవును, నోహ్? ప్రేక్షకులు: నేను నిజంగా తెలుసు విషయం, కానీ మీరు మీ దగ్గరగా చిత్రం ట్యాగ్ తో ఎలిమెంట్స్? జాసన్ HIRSCHHORN: మేము చేయగలిగి, ఉంటే మనం కోరుకున్న మా చిత్రం దగ్గరగా ఆ వంటి ట్యాగ్. యొక్క ఆ రెండర్ లెట్. ఆన్, ఏ, మేము అలా కాదు. ప్రేక్షకులు: ఓహ్, నేను కొల్లగొట్టే. జాసన్ HIRSCHHORN: నేను ఈ ఆలోచన అయితే, ధ్రువీకరణ ఉంది. నేను మీరు అవసరం భావించడం లేదు ముగింపు స్లాష్. సరే, ఈ బాగుంది. కార్లోస్, ధన్యవాదాలు. ఇప్పటివరకు మీరు అబ్బాయిలు నాలుగు ఒక సంభ్రమాన్నికలిగించే పని. మీరు చూడగలరు గా కోర్సు, మేము ఉన్నాము పట్టిక బెవెల్ కొన్ని తరహా. మరియు నేను ఈ విషయాలు కావలసిన ఒక పట్టిక లో. కాబట్టి ఎలా నేను ఈ ఉంచగలను ఒక పట్టికలో విషయాలు? నేను స్పష్టంగా కొంత HTML అవసరం. అస్సాం, నేను HTML ఏ విధమైన తప్పిపోయిన చేస్తున్నాను? ప్రేక్షకులు: మీరు ఏమి క్షమించాలి, చేయాలనుకుంటున్నారా? జాసన్ HIRSCHHORN: నేను అన్ని ఉంచాలి ఒక టేబుల్ లో ఈ చిత్రాలు, కాబట్టి ప్రతి చిత్రం పట్టిక ఒక కాలమ్ లో ఉండాలి. నేను ఈ ఒక కాలమ్ ఉంది చెబుతారు? మీరు ముందు ఈ కోడ్ చూసిన. ఈ పి ఏడు సెట్ ఉంది. ప్రేక్షకులు: నేను ఒక గుర్తు tr చేశారు? జాసన్ HIRSCHHORN: tr వరుసగా కోసం ఉంది. ప్రేక్షకులు: నేను ఆఫ్ తెలియదు నా గుండె, కానీ నేను లక్ష్యసాధనలో. జాసన్ HIRSCHHORN: ఉందా ఎవరైనా గుర్తు? ప్రేక్షకులు: td? జాసన్ HIRSCHHORN: TD, ఖచ్చితంగా కుడి. td ఒక కాలమ్ దానిని. నేను అక్కడ td చాలు అయితే, అస్సాం, నేను ఏమి చాలు చేయాలి? నేను జోడించడానికి ఏమి చేయాలి? ప్రేక్షకులు: మీరు దగ్గరగా ఉంటుంది? జాసన్ HIRSCHHORN: ఖచ్చితంగా. ఆ గడిచిపోయింది? ప్రేక్షకులు: అక్కడ? జాసన్ HIRSCHHORN: ఇక్కడే? ప్రేక్షకులు: నేను అలా అనుకుంటున్నాను. జాసన్ HIRSCHHORN: ఇది ఏమిటి ఇక్కడే మూసివేయడం? ఈ ఏమిటి? ఈ బ్లూ విషయం? ప్రేక్షకులు: చిత్రం కోసం ఉంది. ఇది తరువాత వెళ్ళాలి, నేను. జాసన్ HIRSCHHORN: OK, ఖచ్చితంగా కుడి. కాబట్టి యొక్క ఈ ఏమి చూద్దాం. ఓహ్, ఆ ఇబ్బందికరమైన ఉంది. యొక్క మహాసముద్ర, పట్టిక తెరవడం, పట్టిక శరీరం, tr. కాబట్టి మేము ఒక టన్ను ఉన్నాయి, కాని నేను చిత్రాలు చూడండి లేదు. ఆ అదృష్టము అనిపిస్తుంది. అది నిర్మించారు కనిపిస్తోంది కాని నాకు చిత్రాలు చూపించు లేదు. ఏదైనా ఆలోచనలు ఎందుకు ఆ సందర్భంలో కావచ్చు? ఏదైనా ఆలోచనలు? ప్రేక్షకులు: మీరు స్క్రోల్ ఉంటే డౌన్, మీరు వాటిని చూస్తారు. జాసన్ HIRSCHHORN: బూమ్! కాబట్టి వారు అక్కడ, కాని ఆ విధి అని వారు అక్కడ అన్ని మార్గం ఉన్నాము. ప్రేక్షకులు: వారు వరుసగా అన్ని కూడా ఉన్నారు. జాసన్ HIRSCHHORN: మరియు వారు ఒక కోపమొచ్చింది వరుస, మరియు వారు అన్ని వివిధ పరిమాణాల ఉన్నారు. కాబట్టి అస్సాం, నాకు కోడ్ ఒకటి మరింత లైన్ ఇవ్వాలని నేను ప్రతి చిత్రం చేయవచ్చు ఉంటే నేను అంత పరిమాణం, మరియు కనిపించే ఇప్పటికే పరిమాణం నేను సూచించిన వాటిని ఉండాలనుకుంటున్నాను. నేను ప్రతి చిత్రం చేయవచ్చు అదే పరిమాణం? ఒక అడవి అంచనా ఇవ్వండి. ఏ లైన్ గురించి? ప్రేక్షకులు: మీరు స్థిరమైన వంటి? జాసన్ HIRSCHHORN: పేరు లేదా మరొక ఉంది , నేను ఈ కోడ్ యొక్క లైన్ ఉంచారు ఉంచండి నేను కాపీ ఉంటే? ప్రేక్షకులు: అన్ని మార్గం డౌన్ అదే లైన్లో? జాసన్ HIRSCHHORN: OK, యొక్క పెట్టడం ఇక్కడ, ఖచ్చితంగా కుడి. ఇప్పుడు యొక్క ఏమి చూడండి. మంచితనం, ఓహ్! మేము పొందడానికి మొదలు పెడుతున్నారు వంటి ఇప్పుడు కనిపిస్తోంది ఏదో, మరియు వారు కనిపిస్తోంది అన్ని విధమైన పట్టికలో తగిన మేము ప్రతి td లో నిర్మించారు చేసిన. అలాగే, అస్సాం, యొక్క నేను ఇష్టం సే వారి కొద్దిగా ఎక్కువ ఉండాలి ఎత్తులు - ఎత్తులు విషయం నాకు ఆఫ్ విసిరే, కాబట్టి ఉంది నేను వారి స్థాయిలో నిర్ణయించే? ఎన్ని ఎంచుకోండి. ప్రేక్షకులు: 200? జాసన్ HIRSCHHORN: 200. నేను 100 ఎంచుకోండి వెళుతున్న. పెరుగుతుంటాయి. నిజంగా 200 వంటి కోసం. అక్కడ మేము వెళ్ళి! OK, ఇప్పుడు ఈ ఒక బిట్ చూడండి మొదలు ఉంది మంచి మరియు ఒక బిట్ మరింత వ్యవస్థీకృత. మేము అవసరం ఏమి కోసం ఏ ఇతర ఆలోచనలు డాల్ఫిన్ల చిత్రాలు నిల్వ చేయండి? అవును? ప్రేక్షకులు: కోట్స్ లేదా కాలేదా కోసం విలువలు చుట్టూ కోట్, మూలం, ఎత్తు, వెడల్పు, ఆ వైకల్పికం? జాసన్ HIRSCHHORN: ఎక్కడ సింగిల్ కోట్స్ ఉన్నాయి? ప్రేక్షకులు: ఉదాహరణలు కొన్ని ఇలా, మీరు ఎత్తు వంటి భావిస్తాను కోట్ "150." సమానం ఉంది ఉండనవసరం లేదు. జాసన్ HIRSCHHORN: కాబట్టి యొక్క ఇక్కడ క్రిందికి చూడండి. మేము సముద్ర క్లిక్ ఉంటే, పట్టిక లోకి వెళ్ళి, మీరు నిజంగా ఇక్కడ అది గమనించవచ్చు నాకు ఆ కోట్స్ జోడించారు. ప్రేక్షకులు: OK. జాసన్ HIRSCHHORN: కాబట్టి నేను గుర్తించడం ఏమి మేము చేస్తున్నా పైన్ఫుల్లి నెమ్మదిగా ఉంది. మేము మాత్రమే కోడ్ మూడు వరుసల రాసిన ఇప్పటివరకు, లేదా నాలుగు కోడ్ రేఖలు, కానీ ఈ నిజానికి ప్రక్రియ నేను ప్రతిసారీ ద్వారా వెళ్ళి ఈ వెబ్సైట్ చేయడానికి. లైన్ ద్వారా లైన్, డౌన్ కన్సోల్ ఉపయోగించి ఇక్కడ, విషయాలు అన్వేషించడం మరియు ఇందుకు నేను మీరు ఏమి దశల వారీ బయటకు. కాబట్టి ఆశాజనక, మీరు అబ్బాయిలు కోసం పోలి మీరు ఒక మంచి, బోధనకు విధంగా నిజానికి ఉన్నప్పుడు చేయడం మీరు మీ వెబ్ సైట్ సృష్టించడానికి. యొక్క వెళదాము. మేము ఈ విషయాలు సృష్టించారు. నిజానికి వెళుతున్న - Avie, నేను మీరు కోసం ఒక పెద్ద ప్రశ్న. నేను మేము కొనసాగండి మేము, తెలియదు. యొక్క రైలు డాల్ఫిన్ "వెళదాం దాని చిత్రాన్ని క్లిక్. "మీరు ఎలా నేను ఒక కోడ్ లైనును వ్రాయండి ప్రతిపాదించారు? ప్రేక్షకులు: ఒక ఫంక్షన్ ఉంది "రైలు." అని జాసన్ HIRSCHHORN: ఒక ఫంక్షన్ ఉంది ఖచ్చితంగా కుడి ", రైలు" అని. ప్రేక్షకులు: ఇది ఒక సూచిక ఆశించారు. జాసన్ HIRSCHHORN: రైలు ఆశించారు ఒక సూచిక, కాబట్టి, OK. Avie, ఈ ఖచ్చితంగా వాదన ఉంది నేను చూడటానికి ప్రేమిస్తున్నాను. రైలు సూచిక ఆశించారు. ప్రేక్షకులు: మీరు చూడాలని లూప్ ఒక కలిగి. జాసన్ HIRSCHHORN: Well, నేను చేయాలనుకుంటున్నారా ఒక చిత్రాన్ని క్లిక్ చేసినప్పుడు,, Avie కాబట్టి ఒక ఎలా నేను మానిటర్ చిత్రాన్ని క్లిక్? అలా ఒక రెండు మార్గాలు ఉన్నాయి. ఈ JavaScript యొక్క శక్తి మరియు ఉంది j క్వెరీ, కానీ కూడా క్లిష్ట భాగంగా. ప్రేక్షకులు: కుండలీకరణములలో ఉంటే. లేదా కుండలీకరణములలో ఈవెంట్, లేదా ఏదో సులభమైన? జాసన్ HIRSCHHORN: కాబట్టి మేము చూసిన జంట ఉపన్యాసంలో దీన్ని మార్గాలను. ఒక విషయం మీరు, డౌన్ ఇక్కడ, కు వారెవ్వరు మీరు ఒక సృష్టించగలము లాగ ఫంక్షన్ క్లిక్ లాంటి, లేదా క్లిక్ వంటి ఏదో. అందరూ చూసిన గుర్తు అలాంటిదే? మీరు HTML ట్యాగ్ లోపల చేస్తున్నాయి. నేను కొన్ని ఖాళీ ముఖాలు చూడండి. కొంతమంది, వంటి ఏమిటో అతను గురించి మాట్లాడుతున్నారో? నేను అనుకుంటున్నాను ఎందుకంటే ఆ మంచిది దీన్ని మరింత క్లిష్టంగా మార్గం. మేము చాలా సులభంగా చేయబోతున్నామని మార్గం j క్వెరీ ఉపయోగించి. కాబట్టి, Avie? ప్రేక్షకులు: అవును? జాసన్ HIRSCHHORN: నేను చేయాలనుకుంటున్నారా ఉంటే ఏదో క్వెరీ, నేను స్పష్టంగా ప్రారంభం, వంటి ముందు, ఈ డాలర్ సైన్ తో, ఓపెన్ బ్రాకెట్, దగ్గరగా బ్రాకెట్, మరియు డబుల్ ఇక్కడ కోట్స్. ఇప్పుడు మేము నేను ఇక్కడ ఒక సెలెక్టర్ అవసరం తెలుసు. మీరు ఏమి సెలెక్టర్ వేసేవాడు చర్యలు ప్రతి చిత్రం లేదా ప్రతి కు ఒకే చిత్రంలో? ప్రేక్షకులు: చిత్రం? జాసన్ HIRSCHHORN: పేర్కొంది ఖచ్చితంగా కుడి. ప్రతి ఒక్క చిత్రం కూడా వర్తిస్తాయి. వాటిని అన్ని గెట్స్. ఇది ఉంది, ఇది ఒక తరగతి కాదు, ఒక ID కాదు ఒక ట్యాగ్ రకం, మరియు ఈ అన్నారు ప్రతి ఒక పొందండి. ఇప్పుడు నేను మీరు ఈ చెప్పండి వెళుతున్న ఇప్పుడు కోసం, మరియు మీరు మరింత అప్ చూడవచ్చు తరువాత దానిపై డాక్యుమెంటేషన్, కానీ ఈ విషయం సంఘటనలతో ఒప్పందాలు "న" అనే. కాబట్టి మీరు ఇప్పుడు చెయ్యను, మరియు ఇది సూపర్ శక్తివంతమైన, ఉంది ఏమి రకమైన మీరు చూస్తున్న మరియు చేస్తున్నారు ఈవెంట్ మీరు మీరు చేయాలనుకుంటున్నారా ఆ సంఘటన అందుకున్న. నేను మీరు కొద్దిగా ఇవ్వాలని వెళుతున్న కొంచం కోడ్, Avie, అప్పుడు మీరు సరే, వెళ్ళి వచ్చింది వచ్చింది? ప్రేక్షకులు: OK. ప్రేక్షకులు: న - మేము చెప్పే చూడాలని , ఈ సందర్భంలో "క్లిక్" ఇది మీరు చేస్తాము సాధారణముగా. కాబట్టి క్లిక్, ఆపై మేము చూడాలని అది ఒక అనామక ఫంక్షన్ పాస్. మరియు ఈ వాక్యనిర్మాణం మీరు చూడండి చూడాలని చాలా, మరియు ఆశాజనక మీరు చాలా రాయడం. ఈ చేస్తుంది క్లిక్, మళ్ళీ, అని ఏదో చిత్రం, సంసార, చిత్రం అని ఏదైనా, మేము వెళ్తున్నారు ఈ తెలియని ఫంక్షన్ అమలు. నేను ఒక పేరు ఇచ్చి లేదు. నేను ఏ వాదనలు అక్కడ లేదు. నేను ఇక్కడ సృష్టించడం, వంటి, కేవలం ఉన్నాను ఒక ఉంది పని, మరియు ఇక్కడ ఏమి కోడ్ ఉంది మీరు చేయబోతున్నామని. ఈ వాక్యనిర్మాణం మార్గాల తో ఉంది. మీరు గమనిస్తారు వంటి మరియు,, కనిపిస్తోంది ఇక్కడ ఈ కు సమానమైన మేము శివశంకర్. OK, Avie. కాబట్టి మీరు ఇండెక్స్ రైలు ప్రయోగించాను. మీరు మీరు ఏమి ఉంది? ప్రేక్షకులు: అవును. జాసన్ HIRSCHHORN: అంటే? OK. యొక్క ఏమి చూద్దాం. ప్రేక్షకులు: అయితే, వేచి. ఇండెక్స్ ప్రస్తుతం వేరియబుల్ కాదు. జాసన్ HIRSCHHORN: ఇండెక్స్ కాదు ఒక వేరియబుల్ ప్రస్తుతం. మీరు దాని నుండి వచ్చింది పేరు నేను తెలియదు. ప్రేక్షకులు: [వినబడని]. కాబట్టి మీరు మొదటి గుర్తించడానికి చేయాలి ఇది డాల్ఫిన్ క్లిక్ కాకముందు? జాసన్ HIRSCHHORN: అద్భుతమైన. మీరు గుర్తించడానికి అవసరమైన డాల్ఫిన్ క్లిక్ కాకముందు. ఈ చీకటిలో ఒక అడవి షాట్. ఎవరైనా నేను గుర్తించడానికి ఎలా ఏ ఆలోచన కలిగి బయటకు ఏమి డాల్ఫిన్ క్లిక్ కాకముందు? లేకపోతే, నేను, మీకు ఇస్తాము ఈ అందమైన వెర్రి ఎందుకంటే. OK. కాబట్టి యొక్క console.log ద్వారా ప్రింట్ తెలియజేయండి. ఈ విషయం. కాబట్టి, డాలర్ సైన్ ఓపెన్ బ్రాకెట్, ఈ దగ్గరగా బ్రాకెట్. నేను ఈ చిత్రం క్లిక్, నేను వెళుతున్న కన్సోల్ ఈ ప్రింట్, మరియు ఏమి చూద్దాం. యొక్క ఇక్కడ తిరిగి వెళ్ళి తెలపండి. యొక్క పరచటానికి వెళ్ళి లెట్. లోపాలు, మంచితనం ధన్యవాదాలు. OK. నేను క్లిక్. నాకు మళ్ళీ ఆ తెలియజేసేలా. నేను ఈ మొదటి చిత్రం క్లిక్, మరియు ఈ కన్సోల్ ముద్రించబడుతుంది కాకముందు, విషయాలు ఈ లైన్. నేను ఉపయోగించి వెళుతున్న పదం "ఈ" చాలా. ఇక్కడే ఈ విషయం, ఈ, చాలా ఉంది ప్రత్యేక, మరియు అది ఖచ్చితంగా చేయుచున్నాడు Avie దీన్ని కోరుకుంటున్నారు. కూతుళ్ళు సంతరించుకోనుంది లేదా సంసార క్లిక్. మళ్ళీ, ఈ సెలెక్టర్ జరుగుతుంది ఎందుకంటే అనేక విషయాలు పరిష్కరించేందుకు, మేము లేదు తప్పనిసరిగా మేము ఇది విషయం తెలుసు గురించి మాట్లాడటం, కాబట్టి మేము గుర్తించడానికి కావలసిన బయటకు ఇది విషయం మేము మాట్లాడటం ఈ వాక్యనిర్మాణం ద్వారా గురించి. ఇక్కడే ఈ సందర్భంలో, హాష్ ట్యాగ్ సముద్ర, మేము ఎల్లప్పుడూ ఏమి విషయం తెలుసు గురించి మాట్లాడటం కావడం, కాబట్టి మాకు ఈ వస్తాడు ఒక హాష్ ట్యాగ్ సముద్ర లోపల. ఇది ఎప్పుడూ సముద్ర, ఆ DIV ఉంది. ఇది ఒక ID ఉంది, మాత్రమే ఒక సాధ్యం. కానీ ఈ సందర్భంలో, ఈ చాలా వర్తిస్తుంది చిత్రాల, నిజానికి, ఆరు చిత్రాలు, అందువలన మేము ఏమి ప్రత్యేక తెలుసుకోవాలంటే చిత్రం క్లిక్. ఈ ఉన్నట్లు కనిపిస్తోంది సమాచార రకాన్ని మేము పొందుటకు. మేము అది కొన్ని పెద్ద కనిపిస్తుంది పొందుటకు స్ట్రింగ్, మరియు మేము ఈ పొందుతారు ఈ సమాచారాన్ని. మేము టన్నుల మరియు టన్నుల పొందండి మరియు stuff టన్నుల. j క్వెరీ సూపర్ శక్తివంతమైన ఉంది. ఇది మాకు సమాచారం ఒక టన్ను ఇవ్వడం ఈ ప్రత్యేక HTML మూలకం గురించి. Avie, మేము తెలుసు అనుకుంటున్నారు ఈ HTML మూలకం గురించి? ప్రేక్షకులు: ఒక ID వంటి ఏదో. జాసన్ HIRSCHHORN: ఒక ID. Well, మేము ఒక మూల, ఒక వెడల్పు, మరియు ఒక ఎత్తు. ప్రేక్షకులు: మేము ఒక మూల ఉపయోగించవచ్చు. జాసన్ HIRSCHHORN: మేము మూలం ఉపయోగించవచ్చు. మాకు ఒక స్ట్రింగ్ ఇస్తాము, ఒక URL స్ట్రింగ్. మనం వారేం చేస్తారు ఒకసారి మేము కలిగి? ఎలా మేము తిరిగి వస్తుందా మా ocean_array లో ఇండెక్స్? ప్రేక్షకులు: మేము సరిపోల్చవచ్చు ఇది ఇతర. జాసన్ HIRSCHHORN: కాబట్టి మేము అని ప్రతి ద్వారా లూప్. ఇప్పుడు మేము మళ్ళీ లూప్ అని మరియు ఈ సరిపోల్చండి. ఏమి సరళమైన మార్గం ఉంటుంది ఊహ, మీరు కేవలం ఒక ఊహించే కాలేదు ఉంటే? ప్రేక్షకులు: లూప్ అవసరం లేదు. జాసన్ HIRSCHHORN: లూప్ అవసరం లేదు. ప్రేక్షకులు: జస్ట్ ఇందుకు డాల్ఫిన్, [వినబడని]. జాసన్ HIRSCHHORN: ఇందుకు బయటకు ఏమి డాల్ఫిన్. OK. కాబట్టి యొక్క ఆ సమాచారాన్ని సేవ్ చేసేలా ఈ చిత్రం ట్యాగ్. ఈ విషయాన్ని మరియు తిరిగి, ప్రస్తుతం, భాగం కేవలం మంత్ర నేను ఎందుకంటే , మొదటి సారి మీరు ఈ చూపిస్తున్న కానీ ఆశాజనక ఈ విషయాలు మీరు చేస్తూ చూడాలని. కాబట్టి ఈ విషయం మాయా మీరు చేయవచ్చు. మీరు కొన్ని అదనపు మెటాడేటా సేవ్ చేయవచ్చు ఒక మూలకం లో. ఇది అది లేదు, కనుపించదు ఏదైనా ప్రభావితం. మీరు అక్కడే సేవ్ చేయవచ్చు. మరియు మనం సేవ్ ప్రపోజ్ ప్రతి చిత్రం తో సూచిక. కాబట్టి మీరు అలా మార్గం మీరు సృష్టించడానికి ఉంది ఒక డేటా డాష్ అని గుణం, మరియు అప్పుడు నోచుకోని మీరు ఇది ఇవ్వాలని. డేటా డాష్ అని ఒక ప్రత్యేక విషయం మీరు ఇచ్చిన, మరియు అది ఇది చెప్పారు యూజర్ అన్నారు ఏదో. కాబట్టి మేము అని ఈ విషయం సృష్టిస్తున్నారు ఇండెక్స్, ఈ కీ ఇండెక్స్ అని. మరియు అది లోపల, మేము ఉంచారు వెళ్ళే ప్రతిసారి కేవలం, కానీ ఏమి మేము Avie, అది లోపలి చాలు? ఏ ఇక్కడే వెళుతుంది? ప్రేక్షకులు: డాల్ఫిన్. జాసన్ HIRSCHHORN: డాల్ఫిన్. ఆ పదం కాదు. డాల్ఫిన్. మరియు తిరిగి, మేము ఇప్పటికే డాల్ఫిన్ ముద్రించిన ముందు, ఆ 0, 1, 2, 3, 4, 5, మరియు మేము చిత్రం ఆ పొదుపు చేస్తున్నారు. కాబట్టి ఇప్పుడు, నేను అలా అయితే - మళ్ళీ, మేము ఆ మెటాడేటా సేవ్. ఎలా మీరు ఆ మెటాడేటా యాక్సెస్ చేయాలి? ఇది కేవలం అనే ఫంక్షన్ తో ఉంది "డేటా." మరియు మీరు ఒక పాస్ అవసరం మరియు మాత్రమే ఒక వాదన, ఇది విషయం యొక్క పేరు. నేను, ఈ ప్రింట్ వెళుతున్న ఆపై నేను ప్రశ్నలు తీసుకొని వెళ్తాము. కానీ ముఖ్యంగా, నేను చెప్పడం నేను నాకు ఈ ఇవ్వాలని న క్లిక్ అని వస్తువు, చూడండి దాని డేటా గుణాలను అన్ని వద్ద, మరియు అని ఒక ", ఇండెక్స్" నాకు ఆ విలువ ఇవ్వాలని. మరియు యొక్క ఉన్నప్పుడు ఏమి చూడండి మేము ఈ పేజీ రిఫ్రెష్. మేము అంచనా ఖచ్చితంగా. మళ్ళీ, ఆ అందంగా మాంత్రిక ఉంది. మేము అక్కడే చాలా చేశాడు. ఎవరు గురించి ఏ ప్రశ్నలు? అవును? ప్రేక్షకులు: నేను ఒక ప్రశ్న మీ ప్రత్యక్ష కోడ్ గురించి. మీరు డబుల్ ఒక కోట్, వంటి ఉపయోగించడానికి కోట్, అక్కడే వంటి. జాసన్ HIRSCHHORN: ఇక్కడే. ప్రేక్షకులు: అవును. మీరు ఎందుకు ఒక కారణం ఉంది ఒకే కోట్, డబుల్ కోట్? జాసన్ HIRSCHHORN: ఒక కారణం ఉంది, మరియు ఈ తిరిగి ఏమి మార్కస్ వెళుతుంది ముందు కోరారు. ఈ లైన్, నేను ఒక ఉండటం నా కోడింగ్ వద్ద మంచి బిట్. నేను ఈ మీరు, మరియు ఈ ఏమి నిజాయితీగా ఉంది అన్ని చేసారు ఉండాలి వెడల్పు మరియు ఎత్తు కోసం సమయం, ముఖ్యంగా. ఇక్కడ డౌన్ చూద్దాం. మీరు ఇక్కడ చూస్తారు, మీరు చూడగలరు? నేను రకమైన చిన్న తెలుసు, కానీ డేటా డాష్ ఇండెక్స్ డబుల్ కోట్స్ లో. ఆ విషయాలు ఎల్లప్పుడూ అవసరం డబుల్ కోట్స్ లో ఉండాలి. విలువ ఎప్పుడూ అవసరం డబుల్ కోట్స్ లో. కానీ ఇక్కడ, నేను ఒక డబుల్ కోట్ చేస్తే, ఆ ఇక్కడే ఈ స్ట్రింగ్ ముగుస్తుంది, మరియు ఇప్పుడు నేను కాదు ఒక స్ట్రింగ్ లో టైప్. కాబట్టి నేను ఉపయోగించి ఆ చుట్టూ పొందడానికి ఒక ఒకే కోట్, ఎందుకంటే ఒక కోట్ జావాస్క్రిప్ట్ స్ట్రింగ్ ముగింపు, కానీ లేదు మీరు అయితే HTML లో పట్టించుకోరు ఇది సింగిల్ కోట్స్ ఇవ్వడం లేదా డబుల్ కోట్స్. ఇది కేవలం దానిని వ్యాఖ్యానిస్తారు చేస్తాము డబుల్ కోట్స్ వంటి. అర్ధవంతం లేదు? అవును? ప్రేక్షకులు: మీరు వస్తుందా ఆ IP చిరునామా మీ క్లయింట్ అడుగున? మైన్ ఏ IP చిరునామా చెప్పారు. నేను ఒకటి ఉంది [వినబడని] లో చేసిన. జాసన్ HIRSCHHORN: మీ ఉపకరణం లో, ఇది ఏమీ ఉంది? ప్రేక్షకులు: అవును. జాసన్ HIRSCHHORN: ఏదో ఉంది మీరు పరిష్కరించడానికి చేయవచ్చు, కానీ నేను కాదు వాకింగ్ సమయం వెళుతున్న ప్రస్తుతం ఆ ద్వారా. కానీ మేము విభాగం తరువాత చేయవచ్చు. ప్రేక్షకులు: మీరు తిరిగి వెళ్ళడానికి ఉంటే కన్సోల్, ఎందుకు 012321 జాబితా సంఖ్య? జాసన్ HIRSCHHORN: కన్సోల్? ఓహ్, నేను కేవలం క్లిక్ ఎందుకంటే చుట్టూ క్రూరంగా. ప్రేక్షకులు: OK, ఓహ్. ఫరవాలేదు. జాసన్ HIRSCHHORN: మరియు తిరిగి, నేను చెయ్యండి ఏదో ఒక bajillion సార్లు. ప్రేక్షకులు: నేను ఒక ప్రశ్న మీ లూప్ మళ్లీ, ఉచ్చులు కోసం మీ. మీరు P లో తెలుసు ఎందుకంటే వారు, ఎనిమిది సెట్ ఆ లూప్ వేరే రూపం ఉపయోగిస్తారు. కాబట్టి వారు var వంటి నేను తక్కువ, 0 సమానం చెయ్యాలి ocean_array.length, నేను + +, కంటే. ఆ సమానంగా ఉంటాయి? జాసన్ HIRSCHHORN: అంటే లూప్ ఒక ప్రామాణిక. లేదా అవును, ఆ ఉచ్చులు కోసం ఉంది. నిజానికి, మేము ఆ సమానమైన వార్తలు చూసిన. ప్రేక్షకులు: ఆ సమానమైన వార్తలు మీరు ఇక్కడ చేసిన ఏ? ఒక మంచి భావిస్తారు ఇతర కంటే? జాసన్ HIRSCHHORN: నం కాబట్టి, మళ్ళీ, మేము వెళ్ళాను కొన్ని విషయాలు పైగా. మేము ఇప్పుడు మా కంఫర్ట్ జోన్ బయటకు తరలించారు మరియు కొన్ని నిజంగా చల్లని చేయడం ప్రారంభించాడు మేము తప్పనిసరిగా లేకపోవచ్చు విషయాలు పైగా తరగతి ముందు, కానీ ఆశాజనక చాలా శక్తివంతంగా కోడింగ్ మీరు కోసం. Avie, యొక్క ఇక్కడ తిరిగి వీడలేదు. నేను డాల్ఫిన్ సూచిక. ఇప్పుడు నేను ఏమి చేయాలి? ప్రేక్షకులు: మీరు శిక్షణ అవసరం. బదులుగా, మీరు console.log పెట్టటం ఆ వేరియబుల్ సమాన సెట్ చేయవచ్చు? జాసన్ HIRSCHHORN: OK. కాబట్టి? ప్రేక్షకులు: నేను ఖచ్చితంగా తెలియదు మీరు చేయవచ్చు ఉంటే. జాసన్ HIRSCHHORN: కాబట్టి var x సమానం ఈ తిరిగి ఏ ఈ,, అది తిరిగి ఉంటాం. పట్టింపు లేదు. ఇది ఏ వేరియబుల్ తిరిగి రావచ్చు. ఇక్కడ రకాల ఉంది. ప్రేక్షకులు: లేదా మీరు అనుకొనుట ఫంక్షన్ కాల్ చేయండి. జాసన్ HIRSCHHORN: అవును, ఎందుకు నేను లేదు? కేవలం ఫంక్షన్ కాల్ చేయండి. ప్రేక్షకులు: అవును. కుండలీకరణాలు మరొక ఉంచండి. జాసన్ HIRSCHHORN: పర్ఫెక్ట్. ఖచ్చితంగా కుడి ఉంది. కాబట్టి ఆ రైలు ఫంక్షన్ కాల్ చేస్తుంది. వాస్తవానికి, ఏమీ రైలు లో ఉంది ఫంక్షన్, కాబట్టి, అక్షర్, నేను ప్రపోజ్ రైలు ఫంక్షన్ చెయ్యాలి. నాకు కొన్ని నకిలీ కోడ్ ఇవ్వండి. ప్రేక్షకులు: నేను మీరు తీసివేయవలెను అనుకుంటున్నాను అసలు పట్టిక నుండి డాల్ఫిన్. జాసన్ HIRSCHHORN: మరియు ఈ పెరిగిపోతుంది నోహ్ ముందు మనం కాపీ ఒక కొత్త శ్రేణి లోకి. కుడి, మేము ఎందుకంటే సవరించడానికి కాదు మా డాల్ఫిన్లు శ్రేణి ఎందుకంటే మరో ఉంటే కార్యక్రమం యొక్క ఉపయోగించడం లేదా మేము కావాలా మరెక్కడి యాక్సెస్? మేము ఒక కాపీని మీరు, మరియు ఆ మేము సవరించడానికి చేయబోతున్నామని ఒక. ప్రేక్షకులు: అప్పుడు మీరు ఉంచడం ఇది మీ కొత్త ప్రదేశంలో. జాసన్ HIRSCHHORN: మరియు ఏమి మేము ఆ తర్వాత చెయ్యాల్సిన? ప్రేక్షకులు: మీరు ప్రింట్ డాల్ఫిన్ గురించి సమాచారాన్ని. జాసన్ HIRSCHHORN: పేర్కొంది ఖచ్చితంగా కుడి. మేము ocean_array నుండి తొలగించవచ్చు, మేము మేము డ్రా అప్పుడు పూల్ లో ఉంచండి, మరియు పూల్ లో సముద్ర. నేను డాల్ఫిన్ తొలగిస్తాము ocean_array నుండి? ప్రేక్షకులు: మీరు ఇండెక్స్ వెళ్ళండి. OK, ఓహ్. ఒక స్ప్లైస్ ఫంక్షన్ ఉపయోగించండి. జాసన్ HIRSCHHORN: OK, కాబట్టి ఆ. నేను ఒక స్ప్లైస్ ఫంక్షన్ వాడేవారు వ్యూహం నుండి ఏదో తీసుకుని ఇది కుదించబడుతుంది. ఏదో కొత్త మేము ఉంది ముందు చూడని. కానీ నేను ఒక స్థలం ఉంచాలని నేను ఒక ప్రింట్ మీరు అక్కడ సముద్రంలో ఖాళీ స్థలం. ప్రేక్షకులు: మీరు చిత్రం సెట్ చేయవచ్చు అది ఇండెక్స్ యొక్క, ocean_array ఇండెక్స్ డాట్ చిత్రాన్ని. జాసన్ HIRSCHHORN: OK, ocean_array, ఇండెక్స్. ప్రేక్షకులు: డాట్ చిత్రాన్ని. జాసన్ HIRSCHHORN: డాట్ చిత్రాన్ని. ప్రేక్షకులు: మీరు అది శూన్య సెట్? జాసన్ HIRSCHHORN: శూన్య సమానం. OK. సో అప్పుడు, కాబట్టి ఎలా నేను పూల్ లో ఉంచగలను? కాన్స్టాంటైన్ ఎలా నేను పూల్ లో ఉంచండి? మేము అని ఈ వేరియబుల్, ఇక్కడ, పూల్ అని. ప్రేక్షకులు: మేము సమానం చేస్తాయా ocean_array ఇండెక్స్? ప్రేక్షకులు: మీరు కాదు ఆర్డర్ మారడం? జాసన్ HIRSCHHORN: ఒక క్షణ. అవును? ప్రేక్షకులు: అవును, ఆ నిజానికి ఒక మంచి పాయింట్. జాసన్ HIRSCHHORN: ఇక్కడికి వెళుతుంది? ప్రేక్షకులు: ఇది సూచిక? జాసన్ HIRSCHHORN: ఇండెక్స్, ఖచ్చితంగా. మరియు మీరు, కాన్స్టాన్టైన్ ఏమి చేశారు మేము చెయ్యాలి విషయం? ప్రేక్షకులు: మేము బహుశా ఉండాలి ఆర్డర్ మారడం. జాసన్ HIRSCHHORN: ఎందుకు ఉండాలి మేము ఉండవచ్చు క్రమంలో స్విచ్? ప్రేక్షకులు: ఎందుకంటే ఆ ఇది ఇప్పటికే శూన్య అభిప్రాయపడుతున్నారు. జాసన్ HIRSCHHORN: కనుక ఇది అన్ని శూన్య కాదు, కాని మేము చిత్రం URL కోల్పోయి. మేము ఎప్పటికీ ఇది కోల్పోయారు? ప్రేక్షకులు: సాంకేతికంగా ఏ? జాసన్ HIRSCHHORN: కలవారు మేము ఎప్పటికీ కోల్పోయింది? ప్రేక్షకులు: నం జాసన్ HIRSCHHORN: Well, పేరు ఇది? ప్రేక్షకులు: మీ అసలు డాల్ఫిన్ లో - జాసన్ HIRSCHHORN: ఇది డాల్ఫిన్లు లో, కానీ ocean_array లో మేము ఎప్పటికీ ఇది కోల్పోయి. కాబట్టి కాన్స్టాంటైన్, మీరు ఒక ప్రతిపాదించారు చేయవచ్చు ఈ లైన్ రాయడానికి మంచి మార్గం? అసలైన, క్షమించాలి, ఇది పూల్ లో సేవ్. మేము పూల్ లో ఎందుకంటే పూల్, ఒక వస్తువు? Ocean_array ఇండెక్స్, ఒక ocean_array వస్తువుల వ్యూహం. కాబట్టి పూల్ ఒక వస్తువు, మరియు మేము కలిగి డౌన్ ఒక అక్కడ URL, మరియు ఇక్కడ ఇది శూన్యం సెట్ లో. కాబట్టి నిజంగా, మేము కలిగి ఎప్పటికీ కోల్పోయింది. ఇది కేవలం పూల్ లో సేవ్. కానీ, ocean_array లో ఖచ్చితంగా కాదు మరియు వంటి మీరు కార్లోస్, అది ఉన్న, చెప్పారు డాల్ఫిన్లు శ్రేణి. కాబట్టి ఈ తీపి ఉంది. ఆపై మేము ఎలా గీయాలి సముద్రం మరియు పూల్? మారియో? ప్రేక్షకులు: మీరు కాల్ చేయవచ్చు draw_pool మరియు draw_ocean? కాబట్టి వంటి, draw_pool, ఆపై - బాగా, అవును, అది ఏదైనా తీసుకోదు. జాసన్ HIRSCHHORN: గ్రేట్. ఏ draw_pool చేయాలని జరగబోతోంది? ప్రేక్షకులు: పూల్ గీయండి? జాసన్ HIRSCHHORN: అవును, బాగా, ఏది ఏమి జరగబోతోంది? ప్రేక్షకులు: క్షమించండి. మీరు అదే అలా విషయం, వంటి ఒక కలిగి - జాసన్ HIRSCHHORN: పట్టుకో, మేము అక్కడ పొందడానికి వెళుతున్న. ఏమీ. ఇది ప్రస్తుతం ఏమీ లేదు. అయితే, అయితే ఈ పనులు చూద్దాం. ఎవరు మాకు ఆ కోడ్ ఇచ్చింది? అక్షర్ మరియు కాన్స్టాంటైన్ మాకు ఆ కోడ్ ఇచ్చింది? OK, యొక్క ఏమి చూడండి. ఆహ్! కాబట్టి అద్భుతమైన. ఇది అయిపోంది. ఓహ్, బాలుడు. ఆ రకమైన అగ్లీ ఉంది. Well, మేము వెళ్లవచ్చు మరియు ఆ తరువాత పరిష్కరించడానికి. నేను ఉన్న వండర్? మేము ఆ పూల్ వేరియబుల్ సేవ్. అది ఉంటే నేను గుర్తించడానికి ఆ పూల్ వేరియబుల్? బాగా, మళ్ళీ, జావాస్క్రిప్ట్ శక్తి, మరియు ముఖ్యంగా టూల్స్ ఆ Chrome మీరు ఇప్పుడు, మీరు ఇస్తుంది ఆ పూల్ వేరియబుల్ తనిఖీ. అది ప్రపంచ వార్తలు, గుర్తు? మేము var కీవర్డ్ పెట్టలేదు. నేను ఇక్కడే ను ఎంటర్ టైప్ ఉంటే, కాన్స్టాంటైన్, మీరు నేను ఏమి ఆలోచిస్తాడు నేను ఎంటర్ కొట్టాడు పొందగలిగిన? ప్రేక్షకులు: నేను తెలియదు. జాసన్ HIRSCHHORN: ఊహించడం. ప్రేక్షకులు: ఏమీ లేదు? జాసన్ HIRSCHHORN: తప్పు ఏమీ. ఆ, అయితే, ఒక మంచి అంచనా ఉంది. నేను వస్తువు వచ్చింది. మీరు నాకు ఇచ్చిన గుర్తుంచుకో కోడ్ లైనును. పూల్, మీరు ఆ లో సేవ్ వేరియబుల్ ఒక వస్తువు. నిజానికి, మేము వస్తువు చూడండి మీరు సేవ్. ఆ అద్భుతంగా ఉంటుంది. మేము ఇక్కడ నుండి తనిఖీ చేయవచ్చు. దాదాపు పాత్రను సమయం GDB వంటి అని మేము మా కోడ్ ద్వారా చూసి చేయవచ్చు అంశాలను గుర్తించడానికి. ఆ సూపర్ కూల్ మరియు సూపర్ శక్తివంతమైన ఉంది. OK, యొక్క ఈ ముగించడానికి లెట్. యొక్క ఐదు నిమిషాల్లో పూల్ డ్రా లెట్. మేరు, నాకు ఒక లైన్ ఇవ్వాలని పూల్ డ్రా కోడ్. ప్రేక్షకులు: మీరు మరొక కలిగి వేరియబుల్ HTML, కానీ / కోసం. జాసన్ HIRSCHHORN: యొక్క లెట్ అది ఇప్పుడు చాలా సులభమైన. యొక్క కేవలం పేరు ప్రింట్ తెలియజేయండి డాల్ఫిన్ మేము శిక్షణ చేస్తున్నారు. ప్రేక్షకులు: మీరు డాలర్ చేయవచ్చు సైన్, ఓపెన్ బ్రాకెట్లు తర్వాత తెరిచి కోట్. నేను, పౌండ్ పూల్ అంచనా ఒక విషయం. నేను గుర్తు లేదు. జాసన్ HIRSCHHORN: యొక్క తిరిగి చూద్దాం. నేను ఒక విషయం భావిస్తున్నాను. ప్రేక్షకులు: OK, అవును. ఆపై దగ్గరగా కోట్, దగ్గరగా బ్రాకెట్లు . Html, ఓపెన్ బ్రాకెట్లు మరియు నేను ఓపెన్ బ్రాకెట్ వంటి, పూల్ అంచనా 0 లేదా అలాంటిదే. Close డాట్ పేరు. ఆ పనులు నాకు తెలీదు. ప్రేక్షకులు: OK, యొక్క ఏమి చూడండి. "ఆస్తి పేరుతో చదవలేదా undefined. "మరలా, ఇక్కడ ఏది మేము తనిఖీ చూడాలని. మేము ఈ అన్వేషించడానికి చూడాలని. మీరు పూల్, ఓపెన్ bracket0,. పేరు చేసింది. మళ్ళీ, నేను ఈ అన్ని మీకు, మరియు నేను రెడీ ఏమి గందరగోళం, దేనిని ఈ హెచ్చరికను అర్థం. యొక్క పూల్ చూద్దాం. యొక్క పూల్ బ్రాకెట్ చూద్దాం 0, undefined. మేము అమలు చేస్తున్నారు పేరు కాబట్టి ఆ మా సమస్య లోకి కుడి? పూల్ బ్రాకెట్ 0 లేదు, స్పష్టంగా, ఉన్నాయి. మీరు ఏమి ఉందా ఆలోచిస్తాడు? ప్రేక్షకులు: కొలను కేవలం ద్వారా ఒక వస్తువు? జాసన్ HIRSCHHORN: Well, అది ఇక్కడే చెప్తుంది? మేము పూల్ ఎంటర్ నొక్కండి, చేసినప్పుడు అది ఏమిటి చెప్తుంది? ప్రేక్షకులు: ఆబ్జెక్ట్. జాసన్ HIRSCHHORN: అది, ఒక వస్తువు? ప్రేక్షకులు: ఓహ్, అవును. కాబట్టి కేవలం బదులుగా pool.name - జాసన్ HIRSCHHORN: Pool.name ఇస్తుంది మీరు కోరుకున్న ఏమిటి. మరియు నేను ఈ ద్వారా వెళుతున్న తెలుసుకుంటారు నెమ్మదిగా మరియు ఈ పాయింట్ belaboring, కానీ ఈ నేను ఈ విషయాన్ని ఎలా ఉంది. మీరు ఈ దోషాలు ఆకస్మికంగా చూడాలని మీ చివరి ప్రాజెక్ట్ సమయంలో, నేను ఆశిస్తున్నాము ఈ మీరు చెయ్యలేరు సాధికారత ఉంది ఈ టూల్స్ ఉపయోగించడానికి. ఈ అతిముఖ్యం మరియు రెడీ రెండవ షెడ్యూల్ చాలా మీరు పొందండి. నేను అనుకుంటున్న కేవలం పేరు ప్రింట్. యొక్క కొద్దిగా తయారు చేద్దాము ఈ కంటే NICER బిట్. ప్రేక్షకులు: మేము ఇంకా ఏమి అనుకుంటున్నారు? జాసన్ HIRSCHHORN: జరిమానా, OK. మేము ఈ చేస్తాను. హాగ్. అబ్బాయిలు, మీరు జీవితకాలం ఉంటుంది. OK, బూమ్, అది వచ్చింది. బాగుంది. మీరు, డౌన్ ఇక్కడ,, అక్షర్ చూస్తారు మేము శూన్య దొరకలేదు. ఇది ఇప్పటికీ ప్రయత్నిస్తున్నాడు అంటే ఓకే కొన్ని చిత్రం కనుగొనేందుకు, మరియు అలా లేదు ఖచ్చితంగా మేము ఏమి కోరుకున్నారు. మేము ఇప్పుడు వెళ్ళాలని అన్నారు, కానీ లేదు ఒక క్లీనర్ మార్గం బహుశా ఉంది ఈ చేయడం. ప్రేక్షకులు: మీరు వంటి వదిలి కాలేదు చిత్రం కోసం ఒక ఖాళీ స్థలం? మాదిరిగా శూన్య దానిని సెట్, మీరు ఒక ఖాళీ ఇష్టం సెట్ కాలేదు స్ట్రింగ్ లేదా ఏదో? జాసన్ HIRSCHHORN: ఈ నచ్చిందా? ప్రేక్షకులు: అవును. జాసన్ HIRSCHHORN: [వినబడని]. దొరకలేదు. కాబట్టి అది చేయడం ఒక మంచి మార్గం లేదు. నేను ఇలా ప్రతిపాదనలను చేస్తుంది. నిరర్థక ఉన్నాయి సెట్. అప్పుడు కోర్సు, ఏమిటి జరిగే? ఇది పూర్తిగా దూరంగా వెళుతున్న. మేము ఒక ఖాళీ ఉంచడానికి మరియు కోరుకున్నారు ఉంటే ఆ, మేము బహుశా ఏదో చేయాలనుకుంటున్నారా ఇక్కడ అలాగే. నేను మీరు ప్రారంభించడానికి వెళుతున్న. అక్షర్, నాకు ఈ లైన్ ఇవ్వాలని కోడ్ నిజంగా శీఘ్ర యొక్క. ప్రేక్షకులు: ocean_array ఉంటే, డాల్ఫిన్, , సమానం సమానం, సమానం - శూన్య సమానం? అవును. జాసన్ HIRSCHHORN: అప్పుడు ఏమి? ప్రేక్షకులు: అప్పుడు html చేయండి. మీరు నిజంగా, క్రింద కోడ్ కాపీ. జాసన్ HIRSCHHORN: ఏమి కాపీ? ప్రేక్షకులు: మీరు కాపీ చేయవచ్చు - జాసన్ HIRSCHHORN: ఈ? ప్రేక్షకులు: అవును. జాసన్ HIRSCHHORN: ఇది అన్ని? మేము ఒక చిత్రం కూడా లేదు. ప్రేక్షకులు: నేను మీరు అర్థం కేవలం ఉంచవచ్చు - అవును, మీరు ఇది మూసివేయవచ్చు. కానీ నేను మీరు వెడల్పు సెట్ ఉంటుంది అనుకుంటున్నాను. జాసన్ HIRSCHHORN: Well, ఒక ఖాళీ కాలమ్ సృష్టించడానికి. OK. మరియు ఆ సందర్భంలో, మేము బహుశా చేస్తాము అలాగే దీన్ని చేయాలనుకుంటున్నారా. అయ్యో. ఓహ్. పని, కానీ మేము లేదు తెలుసా ఆ తప్పు. ఇక్కడ డౌన్ ఏమి చూద్దాం. సో అక్కడ ఏమీ లేదు, కాబట్టి మీరు మేము జోడించాలి చెప్పాడు? ప్రేక్షకులు: మేము తొలగించడమే వరుస యొక్క వెడల్పు. జాసన్ HIRSCHHORN: ఇంకెవరు? ప్రేక్షకులు: నేను 150 అని. ప్రేక్షకులు: అవును, ఇది 150 ఉంది. జాసన్ HIRSCHHORN: మేము ఇక్కడ ఈ ఉంచుతాము స్థిరమైన నా కోడ్ ఉంచడానికి. కానీ ఈ ఒకటి కాదు. మంచి, OK. పోస్ట్. OK? కనుక ఇది ఇప్పటికీ వెళుతున్న. ప్రేక్షకులు: ఓహ్, వెడల్పు కాల్? జాసన్ HIRSCHHORN: కనిపిస్తుంది వంటి వెడల్పు 150. యొక్క చూసేలా. ఇప్పుడు మేము చివరి చేయబోతున్నామని, నేను ఆ చల్లని, శక్తివంతమైన విషయం మీరు అన్నారు. మేము ఈ కోడ్ పూర్తి వెళ్లి, కానీ లేదు మేము, ఈ అన్ని విడిచి ఆన్లైన్ ముందు కోడ్ సరైన ఉంటుంది. నేను మీరు సరి వెర్షన్ ఇమెయిల్ చేస్తాము నా సొంత స్టైలింగ్ కొన్ని తర్వాత తో విభాగం, మరియు ఆన్ లైన్ వస్తారు. నేను ఈ అన్వేషించడం ఉంచడానికి ప్రోత్సహిస్తున్నాము మరియు ఒక సూచనగా ఈ ఉపయోగించండి, కానీ నేను మీరు ఈ కోసం చివరి సాధనం చూపాలనుకుంటున్న తరగతి, మరియు ఇక్కడ పైగా ఉంది కుడివైపు. మరియు మేము ఇప్పుడు ఈ గత వారం చూశారు, కానీ ఆశాజనక అది ఒక బిట్ మరింత తెలిసిన మీరు మరియు సౌకర్యవంతమైన చేయడానికి. మీరు డైనమిక్ ప్లే ఒక పేజీ యొక్క CSS తో. మేము నిజంగా ఇప్పటికే మాకు చూసిన డైనమిక్ HTML తో ప్లే. మేము చేసింది గుర్తుంచుకో ఎడిట్ HTML క్లిక్? ఇక్కడే? కాబట్టి మేము డైనమిక్ ఆడలేదు HTML తో. కన్సోల్, మీరు డైనమిక్ ప్లే ఒక పేజీ యొక్క జావాస్క్రిప్ట్ తో. ఉదాహరణకు, ఒక చెల్లదు జావాస్క్రిప్ట్ లైన్. బూమ్, నేను నేను కోరుకున్న ఏమి వచ్చింది. కాబట్టి మేము డైనమిక్ ప్లే చేసుకోవచ్చు HTML, డైనమిక్ తో ప్లే జావాస్క్రిప్ట్. ఇప్పుడు మేము డైనమిక్ చూడాలని CSS తో ప్లే. ఇది వంటి ఎందుకంటే మరియు ఈ అన్ని ఉంది తక్షణ, మీరు GDB చూడు నివసిస్తున్నారు, మరియు కలిగి ఏదో యొక్క కుడి తెలుసు చేయవచ్చు మీ కోడ్ వెళ్లి, మీరు చేయవచ్చు ఏదో ఏది ఊహ కాదు ఇలా అన్నారు. కాబట్టి ఈ రెండవ షెడ్యూల్ బాగుంది. మరియు చివరకు డైనమిక్ చూద్దాం CSS తో ప్లే. ఆ కుడివైపు పైగా ఇక్కడ వైపు, element.style. యొక్క ఈ వెళదాం. ఇక్కడ మా ఎలిమెంట్. యొక్క ఇది కొన్ని అదనపు CSS ఇస్తుంది. లేదా క్షమించండి, మేము అది కొన్ని అదనపు ఇచ్చే CSS, కానీ మేము బహుశా, ఈ సందర్భంలో, ఈ గుణం మార్చడానికి కావలసిన. కాబట్టి యొక్క ఈ లైన్ ఇక్కడ కోల్పోండి. ఓహ్, నేను ఇక్కడ అలా కాదు. క్షమించాలి. సవరించవచ్చు - కాబట్టి మీరు సవరించు ఎలా ఉంది. మేము ఈ సవరించు వెళ్ళడం లేదు రెండవ, కానీ మేము సవరించడానికి అనుకుంటున్నారు HTML మరియు ఇచ్చి అదనపు లక్షణం. మీరు ఈ మారుతున్న ఏమి ప్రపోజ్ చేయలేదు? నేను Avie సూచన చేశాడు. ప్రేక్షకులు: కల్ వెడల్పు? జాసన్ HIRSCHHORN: ఆ కనిపించినప్పటికీ ఇది గాని ఏమీ చేయలేదు. యొక్క CSS ప్రయత్నించండి లెట్. ప్రేక్షకులు: [వినబడని] తరగతి? జాసన్ HIRSCHHORN: ఇది అది పనిచేయదు. ఇది పసుపు విషయం ఇస్తుంది. ప్రేక్షకులు: [వినబడని]. ప్రేక్షకులు: మీరు వెడల్పు సెట్ లేదు 150 చిత్రం యొక్క మీరు అలా? మీకు వెడల్పు ఉపయోగించడానికి కాదు? జాసన్ HIRSCHHORN: అవును. ప్రేక్షకులు: మేము లేదు ఇకపై ఒక చిత్రం. జాసన్ HIRSCHHORN: నం మేము అక్కడ ఏదైనా లేదు. కాబట్టి మేము పరిష్కరించడానికి వెళ్ళి లేదు నిర్దిష్ట సమస్య. మేము అక్షర్ యొక్క తిరిగి వెళ్ళి చూడాలని పరిష్కారం, నేను ఒక సెట్ కావలసిన ఎందుకంటే ప్రస్తుతానికి ఉచిత డాల్ఫిన్, లేదా గత ఉంది నేను పూర్తి చేయాలని విషయం. కాబట్టి మేము ఇక్కడ ఈ విడిచి వెళుతున్న గుర్తిస్తుంది ఇది చాలా ఉంది సరైన, మరియు మేము చూడాలని అది తిరిగి వచ్చిన. క్షమించాలి. మనం డైనమిక్ చెయ్యవచ్చు చెప్పారు CSS మార్చడానికి. యొక్క చూడండి మరియు తెలియజేసేలా నిజంగా త్వరగా. నేను డౌన్ ఇక్కడ ఈ మూలకం తనిఖీ చేస్తే, మరియు, నేను నీలం తయారు అనుకుందాం మీరు ఇక్కడ మీద వచ్చి, రంగు, ఎందుకంటే నేను ఆ రంగు యొక్క మార్పులు తెలుసు ఏదో, మరియు మేము చూసిన ఎలా అది నీలం మారింది. కాబట్టి డైనమిక్ నాకు ఉంది CSS మారుతున్న. అప్పుడు మంచి కోసం మార్చడానికి, కానీ లేదు నా CSS ఫైల్ తిరిగి వెళ్ళి చేయవచ్చు ఒక వస్తువు యొక్క రంగు మార్చడానికి. OK. ఒక నవ్వులాట. మేము నా అద్భుతమైన కార్యక్రమం పూర్తి లేదని. , నాకు కేవలం ఇది నిజమైన త్వరగా వెంటరాగా మరియు తర్వాత మేము తలనొప్పి వస్తుంది. ఓహ్, ఇక్కడ ఇది? ఏ! పట్టుకో. OK,, మీరు అప్ ప్యాకింగ్ చేస్తున్నారు కాబట్టి ఒక అద్భుతమైన ప్రివ్యూ, లేదా ముందు తదుపరి సమయం చూడవచ్చు. ఈ, డాల్ఫిన్ శిక్షణ 2013 ఉంది మరియు అది పని లేదు. గ్రేట్. [నవ్వు] జాసన్ HIRSCHHORN: ఓహ్! బూమ్! లేటైంది? ప్రేక్షకులు: మీరు chmod లేదు. జాసన్ HIRSCHHORN: నేను chmod లేదు. ప్రేక్షకులు: ఒక వరుస. జాసన్ HIRSCHHORN: ఓహ్, ఆ చూడండి. OK. కాబట్టి, నా ఆరు డాల్ఫిన్లు కలిగి. ఏమి జరుగుతుంది? యొక్క చూసేలా. నేను ఒక శిక్షణ, ఇప్పుడు లిలీ శిక్షణ. ఓహ్, నేను, ఉచిత లిలీ మీరు సెట్ చేయాలనుకున్న. అక్కడ మీరు తిరిగి సముద్రంలో, వెళ్ళండి. కాబట్టి ఈ వారం. మీరు ఏవైనా ప్రశ్నలు ఉంటే, మేము బయట ఉంటాం. మరియు తిరిగి, నేను పంపిస్తాము ఈ కోడ్ మిగిలిన. , అబ్బాయిలు ధన్యవాదాలు.