> ⚠️ **భద్రతా పరామర్శ**: ఉత్పత్తి అనువర్తనాల్లో, API కీలు LocalStorage లో నిల్వ చేయడం భద్రతా ప్రమాదాలను కలిగిస్తుంది ఎందుకంటే జావాస్క్రిప్ట్ ఈ డేటాకు యాక్సెస్ చేయగలదు. పాఠశాలలో ఈ విధానం సరైనది, కానీ నిజమైన అనువర్తనాలు సున్నితమైన ధారవాహికలకు సురక్షిత సర్వర్-సైడ్ నిల్వను ఉపయోగించాలి.
@ -123,7 +123,7 @@ Edgeలో Developer Tools తెరవాలంటే, పై కుడి మ
ఇదాన్ని ప్రయత్నించండి. ఒక వెబ్సైట్ ఓపెన్ చేయండి (Microsoft.com బాగా పనిచేస్తుంది) మరియు 'Record' బటన్ క్లిక్ చేయండి. ఇప్పుడు పేజీని రిఫ్రెష్ చేసి ప్రొఫైలర్ ప్రతి సందర్భం ఎలా జరుగుతుందో క్యాప్చర్ చేస్తుంది. రికార్డింగ్ ఆపినప్పుడు, బ్రౌజర్ 'scripts', 'renders', మరియు 'paints' చేసినవిధానాల విస్తృతంగా వివరాలు చూడవచ్చు. ఇది ఒక రాకెట్ లాంచ్ సమయంలో మిషన్ కంట్రోల్ ప్రతి వ్యవస్థను పరిశీలించే విధానం గుర్తొస్తుంది - మీరు ఏం జరిగిందో, ఎప్పుడు జరిగిందో రియల్ టైమ్ డేటా పొందగలుగుతారు.
tmrow యొక్క C02 సిగ్నల్ API ఉపయోగించి విద్యుత్ వినియోగాన్ని ట్రాక్ చేయడానికి, మీరు మీ బ్రౌజర్లోనే మీ ప్రాంతంలోని విద్యుత్ వినియోగం ఎంత ఎక్కువగా ఉందో గుర్తు చెప్పే రిమైండర్ కోసం బ్రౌజర్ ఎక్స్టెన్షన్ నిర్మించండి. ఈ ఎక్స్టెన్షన్ను అవసరానికి అనుగుణంగా ఉపయోగించడం ద్వారా, ఈ సమాచారంపై ఆధారపడి మీ కార్యకలాపాలపై నిర్ణయాలు తీసుకోవడానికి సహాయం అవుతుంది.
Edgeలో ఇన్స్టాల్ చేయడానికి, బ్రౌజర్ పెనెల్ లో టాప్ రైట్ కార్నర్లో ఉన్న 'మూడు డాట్' మెను ను ఉపయోగించి ఎక్స్టెన్షన్లు ప్యానెల్ కనుగొనండి. అక్కడి నుంచి, కొత్త ఎక్స్టెన్షన్ ని లోడ్ చేయడానికి 'Load Unpacked' ని ఎంచుకోండి. ప్రాంప్ట్ వద్ద 'dist' ఫోల్డర్ తెరవాలి, అప్పుడు ఎక్స్టెన్షన్ లోడ్ అవుతుంది. దీన్ని ఉపయోగించడానికి, CO2 Signal యొక్క APIకి API కీ కావాలి ([ఇక్కడ ఇమెయిల్ ద్వారా పొందండి](https://www.co2signal.com/) - ఈ పేజీలో మీ ఇమెయిల్ ఎంటర్ చేయండి) మరియు మీ ప్రాంతానికి అనుగుణమైన [కోడ్](http://api.electricitymap.org/v3/zones) ([Electricity Map](https://www.electricitymap.org/map) కొరకు) (ఉదాహరణకు బోస్టన్ లో నేను 'US-NEISO' ఉపయోగిస్తాను).
API కీ మరియు ప్రాంతం ఎక్స్టెన్షన్ ఇంటర్ఫేస్లో ఎంటర్ చేయగానే, బ్రౌజర్ ఎక్స్టెన్షన్ బారులోని రంగు ముద్ర (dot) మీ ప్రాంతం యొక్క ఎనర్జీ వినియోగాన్ని ప్రతిబింబించేలా మారుతుంది మరియు మీరు ఏ ఎనర్జీ-భారీ కార్యకలాపాలు చేయగలరో సూచన ఇస్తుంది. ఈ 'dot' సిస్టమ్ ఆలోచనను నాకు [Energy Lollipop ఎక్స్టెన్షన్](https://energylollipop.com/) నుంచి కేలిఫోర్నియా కాలుష్యం కొరకు ఇచ్చారు.
tmrow C02 సిగ్నల్ API ను ఉపయోగించి విద్యుత్ వినియోగం ను ట్రాక్ చేయడానికి, మీ ప్రాంతంలో విద్యుత్ వినియోగంపై మీరు నేరుగా మీ బ్రౌజర్లో ఒక గుర్తింపు పొందడానికి బ్రౌజర్ విస్తరణను సృష్టించండి. ఈ తాత్కాలిక విస్తరణను ఉపయోగించడం ద్వారా మీరు ఈ సమాచారంపై ఆధారపడి మీ కార్యకలాపాల గురించి నిర్ణయాలు తీసుకోవడానికి సహాయం పొందుతారు.
Edge లో ఇన్స్టాల్ చేయడానికి, బ్రౌజర్ పైకోనంలో ఉన్న 'మూడు చుక్కలు' మెనూను ఉపయోగించి విస్తరణ ప్యానెల్ను కనుగొనండి. అక్కడ నుండి, కొత్త విస్తరణను లోడ్ చేయడానికి 'Unpacked load' ను ఎంచుకోండి. అడిగినప్పుడు 'dist' ఫోల్డర్ను తెరవండి మరియు విస్తరణ లోడ్ అవుతుంది. దీన్ని ఉపయోగించడానికి, CO2 Signal API కోసం API కీ ([ఈ పేజీలో మీ ఇమెయిల్ నమోదు చేయండి](https://www.co2signal.com/) - ఇమెయిల్ ద్వారా పొందండి) మరియు [ఎలక్ట్రిసిటీ మ్యాప్](https://www.electricitymap.org/map)కు అనుగుణంగా మీ ప్రాంత సూచిక కోడ్ ([http://api.electricitymap.org/v3/zones](http://api.electricitymap.org/v3/zones)) అవసరం (ఉదాహరణకు బోస్టన్లో నేను 'US-NEISO' ను ఉపయోగిస్తాను).
విస్థరణ ఇంటర్ఫేస్లో API కీ మరియు ప్రాంతం నమోదు చేసిన తర్వాత, విస్తరణ బార్లో రంగు బిందువు మీ ప్రాంత విద్యుత్ వినియోగాన్ని ప్రతిబింబిస్తుంది మరియు మీకు అధిక విద్యుత్ వినియోగ కార్యకలాపాల గురించి సూచన ఇస్తుంది. ఈ "పాయింట్ల" సిస్టమ్ వెనుక భావనని నాకు [Energy Lollipop విస్తరణ](https://energylollipop.com/) కల్పించింది, ఇది కాలిఫోర్నియాలోని ఎమిషన్స్ కోసం రూపొందించబడింది.
tmrow యొక్క CO2 సిగ్నల్ API ఉపయోగించి విద్యుత్ వినియోగాన్ని ట్రాక్ کرنے కోసం, మీరు మీ ప్రాంతంలోని విద్యుత్ వినియోగంపై నేరుగా మీ బ్రౌజర్లో ఒక రిమైండర్ ఉండేలా ఒక బ్రౌజర్ ఎక్స్టెన్షన్ సృష్టించండి. ఈ ప్రత్యేక ఎక్స్టెన్షన్ ఉపయోగించడం మీ కార్యకలాపాలను ఈ సమాచారంపై ఆధారపడి నిర్ణయం తీసుకోవడంలో మీకు సహాయం చేస్తుంది.
Edgeలో ఇన్స్టాల్ చేయాలంటే, బ్రౌజర్ యొక్క పైభాగం కుడి మూలలోని 'మూడు బిందువులు' మెనూలోనికి వెళ్లండి మరియు ఎక్స్టెన్షన్ ప్యానెల్ కనుగొనండి. అక్కడ నుండి, 'అన్జిప్ చేసిన ఎక్స్టెన్షన్ లోడ్ చేయండి'ని ఎంచుకుని కొత్త ఎక్స్టెన్షన్ను లోడ్ చేయండి. ప్రాంప్ట్ వచ్చినప్పుడు 'dist' ఫోల్డర్ను తెరవండి, ఎక్స్టెన్షన్ లోడ్ అవుతుంది. దీన్ని ఉపయోగించడానికి, CO2 Signal API కోసం API కీ అవసరం ([ఇక్కడ ఇమెయిల్ ద్వారా పొందండి](https://www.co2signal.com/) - ఈ పేజీలో మీ ఇమెయిల్ అడగండి) మరియు [ఎలక్ట్రిసిటీ మ్యాప్](https://www.electricitymap.org/map) కి సంబంధించిన [మీ ప్రాంతానికి కోడ్](http://api.electricitymap.org/v3/zones) (ఉదాహరణకు బోస్టన్లో నేను 'US-NEISO' ఉపయోగిస్తున్నాను).
API కీ మరియు ప్రాంతం ఎక్స్టెన్షన్ ఇంటర్ఫేస్లో ఎంటర్ చేసిన తర్వాత, బ్రౌజర్ ఎక్స్టెన్షన్ బార్లోని రంగు పాయింట్ మీ ప్రాంత విద్యుత్ వినియోగాన్ని ప్రతిబింబించేలా మారుతుంది మరియు ఏ ఎనర్జీ-ఇంతా కార్యకలాపాలు చేయడం మీకు సరిగా ఉండొచ్చో సూచిస్తుంది. ఈ 'పాయింట్లు' వ్యవస్థ వెనుక కాన్సెప్ట్ నాకు కాలిఫోర్నియా ఉద్గారాల కొరకు [Energy Lollipop ఎక్స్టెన్షన్](https://energylollipop.com/) ద్వారా అందించబడింది.
విద్యుత్ వినియోగాన్ని ట్రాక్ చేయడానికి tmrow యొక్క CO2 సిగ్నల్ API ఉపయోగించడం, ఒక బ్రౌజర్ ఎక్స్టెన్షన్ రూపొందించడం, తద్వారా మీ బ్రౌజర్లో మీ ప్రాంతంలో విద్యుత్ వినియోగం ఎంత తీవ్రమో తెలుసుకోవడానికి ఒక రిమైండర్ పొందవచ్చు. ఈ తాత్కాలిక ఎక్స్టెన్షన్ను ఉపయోగించడం ద్వారా మీరు ఈ సమాచారంపై ఆధారపడి మీ కార్యకలాపాలపై నిర్ణయం తీసుకోవడంలో సహాయం పొందుతారు.
ఎడ్జ్ లో ఇన్స్టాల్ చేసుకోవడానికి, బ్రౌజర్ యొక్క పై భాగం కుడి మూనలో 'మూడు డాట్స్' మెనూ ఉపయోగించి ఎక్స్టెన్షన్ ప్యానల్ కనుగొనండి. అక్కడ నుండి, కొత్త ఎక్స్టెన్షన్ లోడ్ చేయడానికి 'లోడ్ అన్ప్యాక్' ఎంచుకోండి. ప్రాంప్ట్లో 'dist' ఫొల్డర్ ఓపెన్ చేయండి, ఎక్స్టెన్షన్ లోడ్ అయ్యిపోతుంది. దీన్ని ఉపయోగించడానికి మీకు CO2 సిగ్నల్ API కోసం ([ఇక్కడ ఇమెయిల్ ద్వారా పొందండి](https://www.co2snal.com/) ఒక API కీ అవసరం - ఈ పేజీలో బాక్స్లో మీ ఇమెయిల్ ఎంటర్ చేయండి) మరియు [మీ ప్రాంతానికి కోడ్](http://api.electricitymap.org/v3/zones) [ఎలక్ట్రిసిటీ మ్యాప్](https://www.electricitymap.org/map) (ఉదాహరణకు, బోస్టన్లో, నేను 'US-NEISO' ఉపయోగిస్తాను) అవసరం.
ఒకసారి API కీ మరియు ప్రాంతం ఎక్స్టెన్షన్ ఇంటర్ఫేస్లో ఎంటర్ చేసిన తర్వాత, బ్రౌజర్ ఎక్స్టెన్షన్ బార్లోని రంగురంగుల డాట్ మీ ప్రాంతపు విద్యుత్ వినియోగాన్ని ప్రతిబింబించడానికి మారుతుంది మరియు మీరు మీ ప్రదర్శన ప్రకారం బహిరంగ ఉత్పత్తులు ఏవి ఎక్కువ ఉత్సర్జన కలిగించవచ్చో సూచిస్తుంది. ఈ 'డాట్' వ్యవస్థ వెనుక భావన నాకు కాలిఫోర్నియా ఉత్సర్జన కోసం [ఎనర్జీ లాలీపాప్ ఎక్స్టెన్షన్](https://energylollipop.com/) నుండి వచ్చింది.
ప్రాంతంలోని విద్యుత్ వినియోగాన్ని బ్రౌజర్లోనే నేరుగా రిమైండర్గా పొందుటకు tmrow యొక్క Signal C02 API ఉపయోగించి బ్రౌజర్ ఎక్స్టెన్షన్ రూపొందించబడుతుంది. ఈ ప్రత్యేకమైన ఎక్స్టెన్షన్ ఉపయోగించడం ద్వారా ఈ సమాచారంతో మీ కార్యకలాపాలను మూల్యాంకనం చేయడం సహాయపడుతుంది.
Edge లో ఇన్స్టాల్ చేసుకోవడానికి, బ్రౌజర్ పైవైపు కుడి మూలలో ఉండే "మూడు పాయింట్లు" మెనూను ఉపయోగించి ఎక్స్టెన్షన్స్ ప్యానెల్ ను కనుగొనండి. యెడ్జ్ డెవలపర్ మోడ్ (తక్కువ వామభాగంలో) ఇన్స్టాల్చలేదు అయితే ఆన్ చేయండి. కొత్త ఎక్స్టెన్షన్ లోడ్ చేసేందుకు "అన్జిప్ చేయబడని లోడ్" ఎంపికను ఎంచుకోండి. కమాండ్ ప్రాంప్ట్ లో "dist" ఫోల్డర్ ఓపెన్ చేసి ఎక్స్టెన్షన్ లోడ్ చేయండి. దాన్ని ఉపయోగించడానికి, CO2 Signal API కోసం API కీ అవసరం (తర్వాత ఇమెయిల్ ద్వారా [ఇక్కడ పొందవచ్చు](https://www.co2signal.com/) - ఈ పేజీలో మీ ఇమెయిల్ టైప్ చేయండి) మరియు [విద్యుత్ మాపింగ్కోడ్](http://api.electricitymap.org/v3/zones) అవసరం, అది [విద్యుత్ మ్యాప్](https://www.electricitymap.org/map) కి అనుగుణంగా ఉంటుంది (బోస్టన్లో ఉదాహరణకు "US-NEISO").
API కీ మరియు ప్రాంతం ఎక్స్టెన్షన్ ఇంటర్ఫేస్లో ఎంటర్ చేసిన తర్వాత, బ్రౌజర్ ఎక్స్టెన్షన్ బార్లో రంగు పడ్డ పాయింట్ ఆ ప్రాంత విద్యుత్ వినియోగాన్ని ప్రతిబింబించడానికి మారుతుంది మరియు అధిక శక్తి వినియోగ కార్యకలాపాలు ఎప్పుడు చేయడం అనుకూలమో సూచిస్తుంది. ఈ "పాయింట్లు" ఆధారిత వ్యవస్థ భావన కాలిఫోర్నియా ఉద్గారాల కొరకు [Energy Lollipop ఎక్స్టెన్షన్](https://energylollipop.com/) నుండి ప్రేరణ పొందింది.
tmrow యొక్క C02 సిగ్నల్ API ఉపయోగించి విద్యుత్ వినియోగాన్ని ట్రాక్ చేయడానికి, మీ ప్రాంతంలో విద్యుత్ వినియోగం ఎంత ఎక్కువగా ఉందో బ్రౌజర్లో రిమైండర్గా చూపించే బ్రౌజర్ విస్తరణను నిర్మించండి. ఈ విస్తరణను ఆడ్హాక్గా ఉపయోగించడం ద్వారా, ఈ సమాచారాన్ని ఆధారంగా మీ చర్యలను నిర్ణయించుకోవచ్చు.
Edgeలో ఇన్స్టాల్ చేయడానికి, బ్రౌజర్ మేనూ లో పై దాయి “3 డాట్స్” క్లిక్ చేసి “విస్తరణలు” ప్యానెల్ను కనుగొనండి. అక్కడ నుండి “Load Unpacked” ను ఎంచుకుని కొత్త విస్తరణను లోడ్ చేయండి. ప్రాంప్ట్ లో “dist” ఫోల్డర్ను తెరిచి విస్తరణను లోడ్ చేయండి. ఉపయోగించడానికి, CO2 సిగ్నల్ API యొక్క API కీ ([ఇక్కడ ఇమెయిల్ ద్వారా పొందండి](https://www.co2signal.com/) - ఈ పేజీ బాక్స్ లో మీ ఇమెయిల్ ఎంటర్ చేయండి) మరియు [Electricity Map](https://www.electricitymap.org/map) అనుసరించి మీ ప్రాంతానికి సంబంధించిన [కోడ్](http://api.electricitymap.org/v3/zones) అవసరం (ఉదాహరణకు బోస్టన్లో 'US-NEISO' ఉపయోగిస్తారు).
API కీ మరియు ప్రాంతం ని విస్తరణ ఇంటర్ఫేస్ లో ఎంటర్ చేస్తే, బ్రౌజర్ విస్తరణ బార్లో చూపించే రంగు డాట్ మారుతుంది, ఇది మీ ప్రాంతంలో విద్యుత్ వినియోగాన్ని ప్రతిబింబిస్తుంది, మరియు ఏ రకం శక్తి అవసరమయ్యే కార్యకలాపాలను చేయడం సరికదనేది తెలియజేస్తుంది. ఈ “డాట్” సిస్టమ్ కాన్సెప్ట్ను నాకు కేలిఫోర్నియాలో ఉద్గారాల కోసం [Energy Lollipop extension](https://energylollipop.com/) ద్వారా అందింది.
CO2 సూచన API tmrow ఉపయోగించి విద్యుత్ వినియోగాన్ని గుర్తించడానికి, మీ ప్రాంతంలో విద్యుత్ వినియోగం ఎంత బరువైనదో మీ బ్రౌజర్లోనే అభియోగాలను పొందేందుకు బ్రౌజర్ విస్తరణను నిర్మించండి. ఈ విస్తరణను ప్రత్యేకంగా ఉపయోగించడం ద్వారా మీరు ఈ సమాచారాన్ని ఆధారం చేసుకుని మీ కార్యకలాపాలపై నిర్ణయాలు తీసుకోవడంలో సహాయం పొందగలరు.
## ఇక్కడి నుండి ప్రారంభించండి
@ -31,7 +31,7 @@ npm run build
Edge లో ఇన్స్టాల్ చేయడానికి, బ్రౌజర్ పై భాగం కుడి మూలలో ఉన్న 'మూడు డాట్లు' మెనూ ద్వారా ఎక్స్టెన్షన్స్ ప్యానెల్ను కనుగొనండి. అక్కడ నుండి, 'Load Unpacked' ఎంచుకుని కొత్త విస్తరణను లోడ్ చేయండి. dist ఫోల్డర్ను ఓపెన్ చేస్తే విస్తరణ లోడ్ అవుతుంది. దీన్ని ఉపయోగించాలంటే, CO2 సూచన APIకి API కీ అవసరం ([ఇక్కడ [ఈ-మెయిల్ ద్వారా పొందండి](https://www.co2signal.com/) - ఈ పేజీపై మీ ఈ-మెయిల్ బాక్స్లో నమోదు చేయండి) మరియు [మీ ప్రాంతానికి సరిపోయే కోడ్](http://api.electricitymap.org/v3/zones) ([Electicity Map](https://www.electricitymap.org/map) లో చూడవచ్చు) అవసరం (బోస్టన్లో ఉదాహరణకు 'US-NEISO' ను నేను ఉపయోగిస్తున్నాను).
API కీ మరియు ప్రాంతం ఒకసారి విస్తరణ ఇంటర్ఫేస్లో నమోదు చేయబడితే, బ్రౌజర్ ఎక్స్టెన్షన్ బార్ లో రంగురంగుల డాట్ మీ ప్రాంత విద్యుత్ వినియోగాన్ని ప్రతిబింబిస్తుంది మరియు మీకు తగిన బరువు కలిగిన కార్యకలాపాలకు సూచన కల్పిస్తుంది. ఈ 'డాట్' వ్యవస్థ వెనుక భావన నాకు California కోసం [Energy Lollipop బ్రౌజర్ విస్తరణ](https://energylollipop.com/) వారు ఇచ్చారు.
tmrow యొక్క CO2 సిగ్నల్ APIని ఉపయోగించి విద్యుత్ వినియోగాన్ని ట్రాక్ చేయడానికి, మీ ప్రాంతం విద్యుత్ వినియోగం ఎంత భారీగా ఉందో మీ బ్రౌజర్లోనే ఒక రిమైండర్ కలిగి ఉండేలా బ్రౌజర్ ఎక్స్టెన్షన్ని నిర్మించండి. ఈ ఎక్స్టెన్షన్ని అవసరమైనప్పుడు ఉపయోగించడం దాని ఆధారంగా మీ కార్యకలాపాలపై నిర్ణయాలు తీసుకోవడంలో సహాయపడుతుంది.
Edgeలో ఇన్స్టాల్ చేయడానికి, బ్రౌజర్ యొక్క పై కుడి మూలలో ఉన్న 'మూడు డాట్' మెనూలను ఉపయోగించి ఎక్స్టెన్షన్స్ ప్యానెల్ కనుగొనండి. అక్కడి నుండి, కొత్త ఎక్స్టెన్షన్ని లోడ్ చేయడానికి 'Load Unpacked' ను ఎంచుకోండి. ప్రాంప్ట్ వద్ద 'dist' ఫోల్డర్ని ఓపెన్ చేయండి, ఆ ఎక్స్టెన్షన్ లోడ్ అవుతుంది. దీన్ని ఉపయోగించేందుకు, CO2 Signal యొక్క APIకి ఒక API కీ అవసరం ([ఇక్కడ ఇమెయిల్ ద్వారా పొందండి](https://www.co2signal.com/) - ఈ పేజీలో మీ ఇమెయిల్ పెట్టండి) మరియు [ఎలక్ట్రిసిటీ మ్యాప్](https://www.electricitymap.org/map) కు అనుగుణంగా మీ ప్రాంతానికి సంబంధించిన [కోడ్](http://api.electricitymap.org/v3/zones) (ఉదాహరణకు బోస్టన్ లో నేను 'US-NEISO' ఉపయోగిస్తాను).
API కీ మరియు ప్రాంతం ఎక్స్టెన్షన్ ఇంటర్ఫేస్లో ఇన్పుట్ చేసిన వెంటనే, బ్రౌజర్ ఎక్స్టెన్షన్ బార్లో ఉన్న రంగు డాట్ మీ ప్రాంతం యొక్క శక్తి వినియోగాన్ని ప్రతిబింబించేలా మారుతుంది మరియు ఎక్కువ శక్తి ఎక్కువగా ఉపయోగించే కార్యకలాపాలు మీకు అనుకూలంగా ఉండే సూచన ఇస్తుంది. ఈ 'డాట్' సిస్టమ్ వెనుక సంకల్పాన్ని నాకు [Energy Lollipop ఎక్స్టెన్షన్](https://energylollipop.com/) (కాలిఫోర్నియా ఉద్గారాల కొరకు) ఇచ్చింది.
> చిత్రం [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) నుండి
కేన్వాస్ ఎలిమెంట్ పై డ్రా చేయడానికి, మీరు కేన్వాస్ గ్రాఫిక్స్ బేసిక్ మూలాధారమైన మూడు-దశల ప్రక్రియను అనుసరిస్తారు. మీరు దీనిని కొన్ని సార్లు చేస్తే, ఇది సహజంగా మారుతుంది:
- **స్కోరింగ్ సిస్టమ్**: ప్రతీ ధ్వంసమైన శత్రు నౌక 100 పాయింట్లు అందిస్తుంది (మూర్ఖ సంఖ్యలు ప్లేయర్లకు మానసికంగా లెక్కించడానికి సులభం). స్కోర్ కింద ఎడమ మూలలో ప్రదర్శించబడుతుంది.
- **లైఫ్ కౌంటర్**: మీ హీరో మూడు లైఫ్స్తో ప్రారంభమవుతాడు—ఇది ప్రాథమిక ఆర్కేడ్ గేమ్స్ ద్వారా స్తాపించబడిన ప్రమాణం, ఇది సవాలు మరియు ఆడగలిగే సామర్థ్యాన్ని సమతుల్యం చేస్తుంది. శత్రు తో ప్రతి ఢీ కొట్టు ఒక లైఫ్ను తగ్గిస్తుంది. మిగిలిన లైఫ్స్ కుడి కింద షిప్ ఐకాన్లతో చూపిస్తాము .
- **లైఫ్ కౌంటర్**: మీ హీరో మూడు లైఫ్స్తో ప్రారంభమవుతాడు—ఇది ప్రాథమిక ఆర్కేడ్ గేమ్స్ ద్వారా స్తాపించబడిన ప్రమాణం, ఇది సవాలు మరియు ఆడగలిగే సామర్థ్యాన్ని సమతుల్యం చేస్తుంది. శత్రు తో ప్రతి ఢీ కొట్టు ఒక లైఫ్ను తగ్గిస్తుంది. మిగిలిన లైఫ్స్ కుడి కింద షిప్ ఐకాన్లతో చూపిస్తాము .
`history.pushState`ను ఉపయోగించడం బ్రౌజర్ నావిగేషన్ హిస్టరీలో కొత్త ఎంట్రీలను సృష్టిస్తుంది. మీరు బ్రౌజర్ *బ్యాక్ బటన్* పట్టు ఉండడాన్ని చూస్తే ఇది ఇలా కనిపిస్తుంది:
మేము తకృణాల్ని వెంటాడకుండా, ఒక **కేంద్రిత స్టేట్ నిర్వహణ** వ్యవస్థను సృష్టించబోతున్నాం. ఇది ఒక అన్ని ముఖ్యమైన విషయాలను జాగ్రత్తగా చూసుకునే వ్యక్తి లాంటి వ్యవస్థ:
```mermaid
flowchart TD
@ -800,7 +800,7 @@ timeline
అసైన్మెంట్ పూర్తి చేసిన తర్వాత ఉదాహరణ ఫలితం ఇలా ఉంటుంది:
ఈ అసైన్మెంట్ పూర్తి చేసిన తరువాత, మీ బ్యాంకింగ్ యాప్ పూర్తి ఉపయోగకరమైన "ట్రాన్సాక్షన్ చేర్పు" ఫీచర్ను కలిగి ఉండాలి, ఇది ప్రొఫెషనల్ రూపం మరియు ప్రవర్తన కలిగి ఉంటుంది:
ఈ ప్రాజెక్టులో, మీరు ఒక కల్పిత బ్యాంక్ను ఎలా నిర్మించాలో నేర్చుకుంటారు. ఈ పాఠాలు వెబ్ యాప్ను ఎలా అమర్చాలి, రూట్లు అందించాలి, ఫారమ్లు నిర్మించాలి, స్థితిని నిర్వహించాలి, మరియు బ్యాంక్ డేటాను పొందగల API నుండి డేటాను ఎలా పొందాలి అనే సూచనలు కలిగి ఉన్నాయి.
- **యాక్టివిటీ బార్** (ఎడమవైపు అక్కడ గల స్ట్రిప్): మీ ప్రధాన నావిగేషన్, ఇందులో Explorer 📁, Search 🔍, Source Control 🌿, Extensions 🧩, Settings ⚙️ ఉన్నాయి
@ -229,7 +229,7 @@ flowchart TB
1. మీరు ఇప్పటికే అక్కడ లేరని అయితే [vscode.dev](https://vscode.dev) కి వెళ్లండి
2. వేదిలు స్క్రీన్ పై "Open Remote Repository" బటన్ కోసం చూడండి, దాన్ని క్లిక్ చేయండి
@ -78,7 +78,7 @@ VSCode.dev లో రిపోజిటరీ ఓపెన్ చేయడాన
4. "Add initial HTML structure" అనే కమిట్ మెసేజ్ రాయండి
5. "Commit new file" క్లిక్ చేసి మీ మార్పులను సురక్షితం చేయండి
**ఈ ప్రారంభ సెటప్ ఏమి అందిస్తుంది:**
- సెమాంటిక్ అంశాలతో సరైన HTML5 డాక్యుమెంట్ నిర్మాణం ఏర్పాటు
@ -104,7 +104,7 @@ VSCode.dev లో రిపోజిటరీ ఓపెన్ చేయడాన
✅ **సక్సెస్ సూచిక**: ఎక్స్ప్లోరర్ సైడ్బార్లో మీ ప్రాజెక్ట్ ఫైళ్లు కనిపించాలి మరియు `index.html` ఎడిట్ చేయడానికి అందుబాటులో ఉండాలి.
**ఇంటర్ఫేస్లో మీరు చూడగలిగేది:**
- **ఎక్స్ప్లోరర్ సైడ్బార్**: మీ రిపోజిటరీ ఫైళ్లను మరియు ఫోల్డర్ నిర్మాణాన్ని ప్రదర్శిస్తుంది
@ -449,7 +449,7 @@ li:before {
**ఇన్స్టాలేషన్ తర్వాత తక్షణ ఫలితాలు:**
CodeSwing ఇన్స్టాల్ అయిన వెంటనే, మీరు మీ రిజ్యూమ్ వెబ్సైట్ ప్రత్యక్ష ప్రివ్యూకు ఎడిటర్లో కనిపిస్తుంది. ఇది మార్పులు చేసినపుడు మీ సైట్ ఎలా కనిపిస్తోంది అనేది స్పష్టంగా చూసుకోవడానికీ సహాయపడుతుంది.
**మెరుగైన ఇంటర్ఫేస్ అవగాహన:**
- **స్ప్లిట్ వ్యూస్**: ఒకవైపు కోడ్, మరొకవైపు ప్రత్యక్ష ప్రివ్యూ చూపిస్తుంది
## 🗺️ AI అనువర్తన అభివృద్ధి ద్వారా మీ నేర్చుకునే ప్రయాణం
@ -189,7 +189,7 @@ mindmap
```
**మూల సూత్రం**: AI అనువర్తన అభివృద్ధి సంప్రదాయ వెబ్ అభివృద్ధి నైపుణ్యాలను AI సేవల సమ్మిళితంతో కలిపి, వినియోగదారులకు సహజమైన, స్పందన చూపించే ఇంటెలిజెంట్ అనువర్తనాలు సృష్టిస్తుంది.
**ప్లేగ్రౌండ్ని చాలా ఉపయోగకరం చేసే అంశాలు:**
- GPT-4o-mini, Claude వంటివి వంటివి ఉచితమైన వివిధ AI మోడల్స్ ప్రయత్నించండి
@ -199,7 +199,7 @@ mindmap
కొద్దిగా ఆడుకున్న తర్వాత, సాదాగా "Code" ట్యాబ్ను క్లిక్ చేసి, అవసరమైన ప్రోగ్రామింగ్ భాషను ఎంచుకుని అమలుకాల కోడ్ తీసుకోండి.
## Python బ్యాక్ ఎండ్ సమ్మిళితాన్ని అమలు చేయడం
@ -2351,14 +2351,14 @@ mindmap
- [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners) కు **నావిగేట్ అవ్వండి**
- పై-కుడి మూలలో "Use this template" పై **క్లిక్ చేయండి** (GitHubలో లాగిన్ అయి ఉండాలి)
**దశ 2: Codespaces ప్రారంభం**
- మీ కొత్తగా సృష్టించిన రిపాజిటరీని **తొక్కండి**
- ఆకుపచ్చ "Code" బటన్పై **క్లిక్ చేయండి** మరియు "Codespaces" ను ఎంచుకోండి
- "Create codespace on main"ని ఎంచుకొని అభివృద్ధి వాతావరణాన్ని ప్రారంభించండి
ప్రతి పాఠం పూర్తి చేసుకోవడానికి ఒక అసైన్మెంట్, ఒక జ్ఞాన తనిఖీ మరియు ఓ ఛాలెంజ్ కలిగివుంటుంది, ఇవి మీకు వీలుగా నేర్పుతాయి:
@ -115,7 +115,7 @@ CO_OP_TRANSLATOR_METADATA:
మీ సృష్టించిన ఈ రిపాజిటరీ కాపీ లో **Code** బటన్ను క్లిక్ చేసి **Open with Codespaces** ఎంపికను ఎంపిక చేసుకోండి. ఇది మీరు పనిచేయడానికి కొత్త Codespaceను సృష్టిస్తుంది.
HTML หรือที่เรียกว่า HyperText Markup Language คือรากฐานของเว็บไซต์ทุกเว็บไซต์ที่คุณเคยเยี่ยมชม ลองคิดว่า HTML เป็นโครงกระดูกที่ให้องค์ประกอบและโครงสร้างแก่หน้าเว็บ – มันกำหนดว่าคอนเทนต์อยู่ที่ไหน จัดระเบียบอย่างไร และแต่ละส่วนแทนความหมายอะไร ในขณะที่ CSS จะเป็นการ "แต่งตัว" ให้ HTML ของคุณด้วยสีสันและการจัดวาง และ JavaScript จะทำให้มันมีชีวิตชีวาด้วยความโต้ตอบ HTML จะให้โครงสร้างที่จำเป็นซึ่งทำให้ทุกอย่างเป็นไปได้
@ -86,7 +86,7 @@ mindmap
4. ในแผง Explorer คลิกไอคอน "New File"
5. ตั้งชื่อไฟล์ของคุณว่า `index.html`
**ตัวเลือกที่ 2: ใช้คำสั่ง Terminal**
```bash
@ -236,48 +236,48 @@ HTML ใช้แท็กคู่เพื่อกำหนดองค์ป
ยินดีต้อนรับสู่หนึ่งในแง่มุมที่น่าตื่นเต้นที่สุดของการพัฒนาเว็บ - การทำให้สิ่งต่าง ๆ มีปฏิสัมพันธ์! Document Object Model (DOM) เหมือนสะพานเชื่อมระหว่าง HTML และ JavaScript ของคุณ และวันนี้เราจะใช้มันเพื่อทำให้ Terrarium ของคุณมีชีวิต เมื่อ Tim Berners-Lee สร้างเว็บเบราว์เซอร์ตัวแรก เขาได้จินตนาการถึงเว็บที่เอกสารสามารถมีความไดนามิกและโต้ตอบได้ - DOM ทำให้วิสัยทัศน์นั้นเป็นไปได้
@ -102,7 +102,7 @@ flowchart TD
style P fill:#ffebee
style Q fill:#ffebee
```
> การแสดงภาพของ DOM และเครื่องหมาย HTML ที่อ้างอิงถึงมัน จาก [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
> การแสดงภาพของ DOM และเครื่องหมาย HTML ที่อ้างอิงถึงมัน จาก [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
ใช้ API C02 Signal ของ tmrow เพื่อติดตามการใช้ไฟฟ้า สร้างส่วนขยายเบราว์เซอร์เพื่อให้คุณมีตัวเตือนในเบราว์เซอร์เกี่ยวกับการใช้ไฟฟ้าที่หนักในภูมิภาคของคุณ การใช้ส่วนขยายนี้แบบตามความต้องการจะช่วยให้คุณตัดสินใจเกี่ยวกับกิจกรรมของคุณโดยอิงจากข้อมูลนี้
โดยใช้ API C02 Signal จาก tmrow เพื่อติดตามการใช้ไฟฟ้า สร้างส่วนขยายเบราว์เซอร์เพื่อให้คุณสามารถรับการแจ้งเตือนโดยตรงในเบราว์เซอร์เกี่ยวกับการใช้ไฟฟ้าในพื้นที่ของคุณ การใช้ส่วนขยายนี้จะช่วยให้คุณตัดสินใจเกี่ยวกับกิจกรรมของคุณโดยอิงจากข้อมูลเหล่านี้
ใช้ API ของ CO2 Signal จาก tmrow เพื่อติดตามการใช้ไฟฟ้า สร้างส่วนขยายเบราว์เซอร์เพื่อเตือนคุณเกี่ยวกับการใช้ไฟฟ้าในพื้นที่ของคุณผ่านเบราว์เซอร์ การใช้ส่วนขยายนี้จะช่วยให้คุณตัดสินใจเกี่ยวกับกิจกรรมของคุณโดยอิงจากข้อมูลนี้
เราจะใช้ API Signal CO2 ของ tmrow เพื่อติดตามการใช้ไฟฟ้าและสร้างส่วนขยายสำหรับเบราว์เซอร์ เพื่อให้คุณสามารถรับการแจ้งเตือนโดยตรงในเบราว์เซอร์เกี่ยวกับการใช้ไฟฟ้าในภูมิภาคของคุณ การใช้ส่วนขยายนี้จะช่วยให้คุณประเมินกิจกรรมของคุณตามข้อมูลดังกล่าวได้
สร้างส่วนขยายเบราว์เซอร์ที่สามารถแสดงการแจ้งเตือนบนเบราว์เซอร์เกี่ยวกับการใช้พลังงานในพื้นที่ของคุณ โดยใช้ API ของ C02 Signal จาก tmrow เพื่อช่วยติดตามการใช้พลังงานของคุณ คุณสามารถใช้ส่วนขยายนี้เพื่อช่วยตัดสินใจกิจกรรมของคุณตามข้อมูลที่ได้รับ
ใช้ API สัญญาณ CO2 ของ tmrow เพื่อตรวจจับการใช้ไฟฟ้า สร้างส่วนขยายเบราว์เซอร์เพื่อให้คุณได้รับการแจ้งเตือนในเบราว์เซอร์เกี่ยวกับความเข้มข้นของการใช้ไฟฟ้าในพื้นที่ของคุณ การใช้ส่วนขยายนี้จะช่วยให้คุณตัดสินใจเกี่ยวกับกิจกรรมของคุณโดยอิงจากข้อมูลนี้
## การตั้งค่า Python Backend Integration
@ -2354,14 +2354,14 @@ mindmap
- **ไปที่** [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners)
- **คลิก** "Use this template" ที่มุมขวาบน (ตรวจสอบว่าคุณเข้าสู่ระบบ GitHub แล้ว)
@ -17,7 +17,7 @@ Alam mo, naiintindihan ko kung bakit nakakatakot ang programming sa simula. Noon
Ngayon, sisilipin natin ang mga kamangha-manghang tools na ginagawang posible ang modernong web development – at sobrang nakakaadik! Pinag-uusapan natin ang parehong editors, browsers, at workflows na ginagamit ng mga developer sa Netflix, Spotify, at sa paborito mong indie app studio araw-araw. At eto ang magpapasayaw sa'yo: karamihan sa mga propesyonal-grade, industry-standard tools na ito ay ganap na libre!
@ -17,7 +17,7 @@ Alam kong maaaring nakakatakot ito sa simula – naalala ko pa noong una kong ti
Sama-sama nating tatahakin ang paglalakbay na ito, hakbang-hakbang. Walang pagmamadali, walang pressure – ikaw, ako, at ilang napakagandang tool na magiging bago mong matalik na kaibigan!
> Sketchnote ni [Tomomi Imura](https://twitter.com/girlie_mac)
```mermaid
@ -604,7 +604,7 @@ Una, maghanap tayo ng repository (o **repo**) sa GitHub na interesado ka at kung
✅ Isang magandang paraan para makahanap ng 'beginner-friendly' na mga repo ay [maghanap gamit ang tag na 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/).
May ilang paraan para kopyahin ang code. Isa sa mga paraan ay "i-clone" ang nilalaman ng repository, gamit ang HTTPS, SSH, o gamit ang GitHub CLI (Command Line Interface).
> Sketchnote ni [Tomomi Imura](https://twitter.com/girlie_mac)
```mermaid
@ -1050,12 +1050,12 @@ Ang bawat imahe sa iyong website ay may layunin. Ang pag-unawa sa layuning iyon
**Mga impormatibong imahe** - nagbibigay ng mahalagang impormasyon:
```html
<imgsrc="../../../../translated_images/chart.31c7eb0eb5c4450deba10b6f236732dfee8e8a11f6c0d8f31d2c2efb9d4c00ef.tl.png" alt="Sales increased 25% from Q1 to Q2 2024">
<imgsrc="../../../../translated_images/tl/chart.31c7eb0eb5c4450deba10b6f236732dfee8e8a11f6c0d8f31d2c2efb9d4c00ef.png" alt="Sales increased 25% from Q1 to Q2 2024">
```
**Mga pandekorasyong imahe** - purong visual na walang halaga sa impormasyon:
> Sketchnote ni [Tomomi Imura](https://twitter.com/girlie_mac)
Ang HTML, o HyperText Markup Language, ang pundasyon ng bawat website na iyong binisita. Isipin ang HTML bilang balangkas na nagbibigay ng istruktura sa mga web page – ito ang nagtatakda kung saan ilalagay ang nilalaman, paano ito iaayos, at ano ang kinakatawan ng bawat bahagi. Habang ang CSS ang magpapaganda sa iyong HTML gamit ang mga kulay at layout, at ang JavaScript ang magdadagdag ng interaktibidad, ang HTML ang nagbibigay ng mahalagang istruktura na nagpapahintulot sa lahat ng iba pang aspeto na maging posible.
@ -88,7 +88,7 @@ Gagawa ka ng dedikadong folder para sa iyong proyekto ng terrarium at magdadagda
4. Sa Explorer pane, i-click ang "New File" icon
5. Pangalanan ang iyong file na `index.html`
**Opsyon 2: Gamit ang Terminal Commands**
```bash
@ -239,48 +239,48 @@ Ngayon, idagdag ang mga imahe ng halaman na nakaayos sa dalawang kolum sa pagita
> Sketchnote ni [Tomomi Imura](https://twitter.com/girlie_mac)
Naalala mo ba kung gaano kasimple ang hitsura ng iyong HTML terrarium? Sa CSS, binabago natin ang simpleng istruktura na iyon upang maging mas kaakit-akit sa paningin.
@ -205,7 +205,7 @@ body {
Buksan ang developer tools ng iyong browser (F12), pumunta sa Elements tab, at i-inspect ang iyong `<h1>` element. Makikita mo na namamana nito ang font family mula sa body:
✅ **Experiment Time**: Subukang mag-set ng iba pang inheritable properties sa `<body>` tulad ng `color`, `line-height`, o `text-align`. Ano ang nangyayari sa iyong heading at iba pang elemento?
@ -335,7 +335,7 @@ Sa ating terrarium, bawat halaman ay nangangailangan ng parehong styling ngunit
**Narito ang HTML structure para sa bawat halaman:**
```html
<divclass="plant-holder">
<imgclass="plant"alt="Decorative plant for terrarium"id="plant1"src="../../../../translated_images/plant1.d18b18ffe73da18f8b1ac7aba73b4050af52f4a0c9174aeac464b85123fc2850.tl.png" />
<imgclass="plant"alt="Decorative plant for terrarium"id="plant1"src="../../../../translated_images/tl/plant1.d18b18ffe73da18f8b1ac7aba73b4050af52f4a0c9174aeac464b85123fc2850.png" />
</div>
```
@ -599,7 +599,7 @@ Handa ka na bang pagandahin ang iyong terrarium gamit ang realistic glass reflec
Gagawa ka ng subtle highlights na ginagaya kung paano nagre-reflect ang ilaw sa glass surfaces. Ang approach na ito ay kahalintulad ng paraan ng mga pintor noong Renaissance tulad ni Jan van Eyck na gumamit ng ilaw at reflection upang gawing three-dimensional ang painted glass. Narito ang layunin mo:
> Sketchnote ni [Tomomi Imura](https://twitter.com/girlie_mac)
Maligayang pagdating sa isa sa mga pinaka-kapanapanabik na aspeto ng web development - ang paggawa ng mga bagay na interactive! Ang Document Object Model (DOM) ay parang tulay sa pagitan ng iyong HTML at JavaScript, at ngayon gagamitin natin ito upang buhayin ang iyong terrarium. Nang likhain ni Tim Berners-Lee ang unang web browser, inisip niya ang isang web kung saan ang mga dokumento ay maaaring maging dynamic at interactive - ang DOM ang nagpapaganap ng pangitain na iyon.
@ -105,7 +105,7 @@ flowchart TD
style Q fill:#ffebee
```
> Isang representasyon ng DOM at ang HTML markup na tumutukoy dito. Mula kay [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
@ -150,7 +150,7 @@ flowchart LR
> 💡 **Pag-unawa sa Closures**: Ang closures ay isang mahalagang paksa sa JavaScript, at maraming developer ang gumagamit nito sa loob ng maraming taon bago lubos na maunawaan ang lahat ng teoretikal na aspeto. Ngayon, magpo-focus tayo sa praktikal na aplikasyon - makikita mo ang closures na natural na lumilitaw habang binubuo natin ang ating mga interactive na feature. Ang pag-unawa ay lalago habang nakikita mo kung paano nila nilulutas ang mga totoong problema.
> Isang representasyon ng DOM at ang HTML markup na tumutukoy dito. Mula kay [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
@ -598,7 +598,7 @@ Ngayon, subukan ang iyong interactive terrarium! Buksan ang iyong `index.html` f
- **Suporta sa iba't ibang device**: Gumagana sa desktop at mobile
- **Performance conscious**: Walang memory leaks o redundant calculations
Isang maliit na drag and drop na code-meditation. Sa kaunting HTML, JS, at CSS, maaari kang gumawa ng web interface, i-style ito, at magdagdag ng interaksyon.
> Ilang maagang browser, mula kay [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
### Paano Pinoproseso ng Mga Browser ang Web Content
@ -198,7 +198,7 @@ quadrantChart
Ang pag-unawa sa proseso ng pag-install ng extension ay tumutulong sa iyo na ma-anticipate ang karanasan ng user kapag ini-install nila ang iyong extension. Ang proseso ng pag-install ay standardized sa mga modernong browser, na may kaunting pagkakaiba sa disenyo ng interface.
> **Mahalaga**: Siguraduhing i-toggle ang developer mode at payagan ang mga extension mula sa ibang mga tindahan kapag sinusubukan ang iyong sariling mga extension.
@ -313,10 +313,10 @@ Ito ay sumusunod sa prinsipyo ng progressive disclosure na ginagamit sa disenyo
### Overview ng Extension Views
**Setup View** - Paunang configuration ng user:
**Results View** - Pagpapakita ng data ng carbon footprint:
> ⚠️ **Pagsasaalang-alang sa Seguridad**: Sa mga production application, ang pag-iimbak ng API keys sa LocalStorage ay may panganib sa seguridad dahil maa-access ito ng JavaScript. Para sa layunin ng pag-aaral, ang approach na ito ay maayos, ngunit ang mga totoong application ay dapat gumamit ng secure server-side storage para sa mga sensitibong credentials.
@ -126,7 +126,7 @@ Upang buksan ang Developer Tools sa Edge, i-click ang tatlong tuldok sa kanang i
Subukan natin ito. Buksan ang isang website (Microsoft.com ay maganda para dito) at i-click ang 'Record' button. Ngayon i-refresh ang pahina at panoorin ang profiler na kinukuha ang lahat ng nangyayari. Kapag tumigil ka sa pag-record, makikita mo ang detalyadong breakdown kung paano 'scripts', 'renders', at 'paints' ng browser ang site. Parang kung paano mino-monitor ng mission control ang bawat sistema sa panahon ng paglulunsad ng rocket - makakakuha ka ng real-time na data sa eksaktong nangyayari at kailan.
✅ Ang [Microsoft Documentation](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) ay may maraming detalye kung nais mong mas malalim na pag-aralan.
@ -136,11 +136,11 @@ Piliin ang mga elemento ng profile timeline upang mag-zoom in sa mga event na na
Kumuha ng snapshot ng performance ng iyong pahina sa pamamagitan ng pagpili ng bahagi ng profile timeline at pagtingin sa summary pane:
✅ Kilalanin ang iyong profiler! Buksan ang developer tools sa site na ito at tingnan kung may mga bottleneck. Ano ang pinakamabagal na naglo-load na asset? Ang pinakamabilis?
Gamit ang tmrow's CO2 Signal API para subaybayan ang paggamit ng kuryente, gumawa ng browser extension upang magkaroon ka ng paalala sa iyong browser tungkol sa bigat ng paggamit ng kuryente sa iyong rehiyon. Ang paggamit ng extension na ito nang ad hoc ay makakatulong sa iyo na gumawa ng mas maingat na desisyon sa iyong mga aktibidad batay sa impormasyong ito.
## Pagsisimula
@ -31,7 +31,7 @@ npm run build
Para i-install sa Edge, gamitin ang menu na 'three dot' sa kanang itaas na bahagi ng browser upang hanapin ang Extensions panel. Mula roon, piliin ang 'Load Unpacked' upang mag-load ng bagong extension. Buksan ang 'dist' folder kapag lumitaw ang prompt, at mai-load ang extension. Upang magamit ito, kakailanganin mo ng API key para sa CO2 Signal's API ([kumuha dito sa pamamagitan ng email](https://www.co2signal.com/) - ilagay ang iyong email sa kahon sa pahinang ito) at ang [code para sa iyong rehiyon](http://api.electricitymap.org/v3/zones) na tumutugma sa [Electricity Map](https://www.electricitymap.org/map) (halimbawa, sa Boston, ginagamit ko ang 'US-NEISO').
Kapag na-input na ang API key at rehiyon sa interface ng extension, ang kulay ng tuldok sa browser extension bar ay magbabago upang ipakita ang paggamit ng enerhiya sa iyong rehiyon at magbibigay ng ideya kung anong mga aktibidad na mabigat sa enerhiya ang angkop na gawin. Ang konsepto sa likod ng sistemang 'tuldok' na ito ay inspirasyon mula sa [Energy Lollipop extension](https://energylollipop.com/) para sa emissions sa California.
Gamit ang CO2 Signal API ng tmrow para subaybayan ang paggamit ng kuryente, gumawa ng isang browser extension upang magkaroon ka ng paalala direkta sa iyong browser tungkol sa konsumo ng kuryente sa iyong rehiyon. Ang paggamit ng extension na ito ay makakatulong sa iyo na gumawa ng mga desisyon tungkol sa iyong mga aktibidad batay sa impormasyong ito.
## Pagsisimula
@ -31,7 +31,7 @@ npm run build
Para i-install sa Edge, gamitin ang menu na 'tatlong tuldok' sa kanang itaas na bahagi ng browser upang hanapin ang panel ng Mga Extension. Mula doon, piliin ang 'Load unpacked' upang mag-load ng bagong extension. Buksan ang folder na 'dist' kapag hiniling, at mai-load ang extension. Para magamit ito, kakailanganin mo ng API key para sa CO2 Signal API ([kumuha dito sa pamamagitan ng email](https://www.co2signal.com/) - ilagay ang iyong email sa kahon sa pahinang ito) at ang [code para sa iyong rehiyon](http://api.electricitymap.org/v3/zones) na tumutugma sa [Electricity Map](https://www.electricitymap.org/map) (halimbawa, sa Boston, ginagamit ko ang 'US-NEISO').
Kapag nailagay na ang API key at rehiyon sa interface ng extension, ang kulay ng tuldok sa extension bar ng browser ay dapat magbago upang ipakita ang paggamit ng enerhiya sa iyong rehiyon at magbigay sa iyo ng indikasyon tungkol sa mga aktibidad na may mataas na konsumo ng enerhiya na angkop para sa iyo. Ang konsepto sa likod ng sistemang ito ng "mga tuldok" ay nakuha ko mula sa [Energy Lollipop extension](https://energylollipop.com/) para sa mga emisyon sa California.
Gamit ang API ng CO2 Signal mula sa tmrow para subaybayan ang konsumo ng kuryente, gumawa ng browser extension upang magkaroon ka ng paalala direkta sa iyong browser tungkol sa konsumo ng kuryente sa iyong lugar. Ang paggamit ng extension na ito ay makakatulong sa iyo na magpasya sa iyong mga aktibidad base sa impormasyong ito.
## Pagsisimula
@ -31,7 +31,7 @@ npm run build
Para i-install sa Edge, gamitin ang menu na 'tatlong tuldok' sa kanang itaas na bahagi ng browser upang hanapin ang panel ng Extensions. Mula doon, piliin ang 'Load unpacked extension' upang mag-load ng bagong extension. Buksan ang folder na 'dist' kapag na-prompt, at ang extension ay maglo-load. Para magamit ito, kakailanganin mo ng API key para sa CO2 Signal API ([kumuha ng isa dito sa pamamagitan ng email](https://www.co2signal.com/) - ilagay ang iyong email sa kahon sa pahinang ito) at ang [code para sa iyong rehiyon](http://api.electricitymap.org/v3/zones) na tumutugma sa [Electricity Map](https://www.electricitymap.org/map) (halimbawa, sa Boston, ginagamit ko ang 'US-NEISO').
Kapag nailagay na ang API key at rehiyon sa interface ng extension, ang kulay ng tuldok sa extension bar ng browser ay dapat magbago upang ipakita ang konsumo ng enerhiya sa iyong lugar at magbigay ng indikasyon kung anong mga aktibidad na mataas sa enerhiya ang angkop gawin. Ang konsepto sa likod ng sistemang ito ng 'mga tuldok' ay inspirasyon ng [extension na Energy Lollipop](https://energylollipop.com/) para sa mga emisyon sa California.
Gamit ang CO2 Signal API ng tmrow para subaybayan ang paggamit ng kuryente, gumawa ng isang browser extension na magbibigay sa iyo ng paalala kung gaano kabigat ang paggamit ng kuryente sa iyong lugar habang ginagamit ang iyong browser. Ang extension na ito ay makakatulong sa iyo na gumawa ng mga desisyon batay sa impormasyong ito para sa iyong mga aktibidad.
## Pagsisimula
@ -31,7 +31,7 @@ npm run build
Para i-install sa Edge, gamitin ang 'tatlong tuldok' na menu sa kanang itaas ng browser para hanapin ang extension panel. Mula doon, piliin ang 'Load Unpacked' para mag-load ng bagong extension. Sa prompt, buksan ang 'dist' folder at ma-load ang extension. Para magamit ito, kakailanganin mo ng API key mula sa CO2 Signal ([makukuha dito sa pamamagitan ng email](https://www.co2signal.com/) - ilagay ang iyong email sa kahon sa page na iyon) at [code para sa iyong lugar](http://api.electricitymap.org/v3/zones) mula sa [Electricity Map](https://www.electricitymap.org/map) (halimbawa, sa Boston, ginagamit ko ang 'US-NEISO').
Kapag na-input na ang API key at lugar sa extension interface, ang makikita mong makulay na tuldok sa browser extension bar ay magbabago upang ipakita ang paggamit ng enerhiya sa iyong lugar. Magbibigay ito sa iyo ng indikasyon kung ang mga energy-intensive na aktibidad ay angkop sa iyong kasalukuyang sitwasyon. Ang konsepto ng 'dot' system na ito ay inspirasyon ng [Energy Lollipop Extension](https://energylollipop.com/) para sa emissions sa California.
Gagamitin ang Signal CO2 API ng tmrow upang subaybayan ang paggamit ng kuryente at lumikha ng isang browser extension na magbibigay ng paalala direkta sa iyong browser kung gaano kabigat ang paggamit ng kuryente sa iyong rehiyon. Ang paggamit ng extension na ito ay makakatulong sa iyo na suriin ang iyong mga aktibidad batay sa impormasyong ito.
## Paano Magsimula
@ -31,7 +31,7 @@ npm run build
Para i-install sa Edge, gamitin ang menu na "tatlong tuldok" sa kanang itaas na bahagi ng browser upang mahanap ang panel ng Mga Extension. Kung hindi pa naka-activate, i-on ang Developer Mode (nasa ibabang kaliwa). Piliin ang "Load unpacked" upang mag-load ng bagong extension. Buksan ang folder na "dist" sa prompt, at ang extension ay mai-load. Upang magamit ito, kakailanganin mo ng API key para sa CO2 Signal API (maaari kang [kumuha nito sa pamamagitan ng email](https://www.co2signal.com/) - ilagay ang iyong email sa kahon sa pahinang ito) at ang [code para sa iyong rehiyon](http://api.electricitymap.org/v3/zones) na tumutugma sa [electricity map](https://www.electricitymap.org/map) (halimbawa, sa Boston, "US-NEISO").
Kapag nailagay na ang API key at rehiyon sa interface ng extension, ang kulay ng tuldok sa extension bar ng browser ay magbabago upang ipakita ang paggamit ng enerhiya sa rehiyon at magbibigay ng ideya kung aling mga aktibidad na mataas ang konsumo ng enerhiya ang angkop na gawin. Ang konsepto sa likod ng sistemang ito ng "mga tuldok" ay hango sa [Energy Lollipop extension](https://energylollipop.com/) para sa mga emisyon sa California.
Gagamitin natin ang CO2 Signal API ng tmrow upang subaybayan ang paggamit ng kuryente sa iyong lugar at ipapakita ito bilang paalala sa iyong browser. Sa pamamagitan ng browser extension na ito, maaari mong gamitin ang impormasyong ito upang magdesisyon sa iyong mga aktibidad.
## Panimula
@ -31,7 +31,7 @@ npm run build
Upang mai-install sa Edge, hanapin ang "Extensions" panel mula sa menu na "tatlong tuldok" sa kanang itaas ng browser. Piliin ang "Load Unpacked" at i-load ang bagong extension. Sa prompt, buksan ang "dist" folder upang ma-load ang extension. Upang magamit ito, kakailanganin mo ng API key mula sa CO2 Signal API ([kumuha dito sa pamamagitan ng email](https://www.co2signal.com/) - ilagay ang iyong email sa kahon sa pahinang iyon) at ang [code para sa iyong rehiyon](http://api.electricitymap.org/v3/zones) na tugma sa [Electricity Map](https://www.electricitymap.org/map) (halimbawa, sa Boston, ginagamit ang 'US-NEISO').
Kapag nailagay mo na ang API key at rehiyon sa interface ng extension, magbabago ang kulay ng dot na makikita sa extension bar ng iyong browser. Ang kulay ng dot ay sumasalamin sa paggamit ng enerhiya sa iyong lugar at nagbibigay ng ideya kung anong mga aktibidad ang angkop batay sa pangangailangan ng enerhiya. Ang konsepto ng "dot" system na ito ay inspirasyon ng [Energy Lollipop extension](https://energylollipop.com/) para sa emissions sa California.
Gamit ang API ng CO2 Signal mula sa tmrow para subaybayan ang paggamit ng kuryente, gumawa ng isang browser extension na magbibigay ng abiso sa iyong browser tungkol sa bigat ng paggamit ng kuryente sa iyong lugar. Ang paggamit ng extension na ito ay makakatulong sa iyo na magdesisyon tungkol sa iyong mga aktibidad base sa impormasyong ito.
## Paano Magsimula
@ -31,7 +31,7 @@ npm run build
Para i-install sa Edge, gamitin ang menu na 'tatlong tuldok' sa kanang itaas na bahagi ng browser para hanapin ang panel ng Extensions. Mula roon, piliin ang 'Load Unpacked' para mag-load ng bagong extension. Buksan ang folder na 'dist' kapag hiniling, at ang extension ay mai-load. Para magamit ito, kakailanganin mo ng API key para sa CO2 Signal API ([kumuha ng isa dito sa pamamagitan ng email](https://www.co2signal.com/) - ilagay ang iyong email sa kahon sa pahinang ito) at [code para sa iyong rehiyon](http://api.electricitymap.org/v3/zones) na tumutugma sa [Electricity Map](https://www.electricitymap.org/map) (halimbawa, sa Boston, ginamit ko ang 'US-NEISO').
Kapag nailagay na ang API key at rehiyon sa interface ng extension, ang kulay ng tuldok sa extension bar ng browser ay magbabago upang ipakita ang paggamit ng enerhiya sa iyong lugar at magbibigay ng mga rekomendasyon tungkol sa mga aktibidad na angkop gawin. Ang konsepto sa likod ng sistemang 'dot' na ito ay nakuha ko mula sa [Energy Lollipop browser extension](https://energylollipop.com/) para sa emissions sa California.
Gamit ang tmrow's C02 Signal API para subaybayan ang paggamit ng kuryente, gumawa ng browser extension upang magkaroon ka ng paalala sa iyong browser tungkol sa bigat ng paggamit ng kuryente sa iyong rehiyon. Ang paggamit ng extension na ito nang ad hoc ay makakatulong sa iyo na gumawa ng mas maingat na desisyon sa iyong mga aktibidad batay sa impormasyong ito.
Para i-install sa Edge, gamitin ang menu na 'three dot' sa kanang itaas na bahagi ng browser upang hanapin ang Extensions panel. Mula doon, piliin ang 'Load Unpacked' upang mag-load ng bagong extension. Buksan ang 'dist' folder sa prompt at maglo-load ang extension. Para magamit ito, kakailanganin mo ng API key para sa CO2 Signal's API ([kumuha dito sa pamamagitan ng email](https://www.co2signal.com/) - ilagay ang iyong email sa kahon sa pahinang ito) at ang [code para sa iyong rehiyon](http://api.electricitymap.org/v3/zones) na tumutugma sa [Electricity Map](https://www.electricitymap.org/map) (halimbawa, sa Boston, ginagamit ko ang 'US-NEISO').
Kapag na-input na ang API key at rehiyon sa interface ng extension, ang kulay ng tuldok sa browser extension bar ay dapat magbago upang ipakita ang paggamit ng enerhiya sa iyong rehiyon at magbigay ng gabay kung anong mga aktibidad na mabigat sa enerhiya ang angkop na gawin. Ang konsepto sa likod ng sistemang 'dot' na ito ay ibinigay sa akin ng [Energy Lollipop extension](https://energylollipop.com/) para sa emissions sa California.
> Imahe mula sa [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
Para mag-drawing sa canvas element, susundin mo ang parehong tatlong hakbang na proseso na bumubuo sa pundasyon ng lahat ng canvas graphics. Kapag nagawa mo ito nang ilang beses, magiging natural na ito:
@ -329,11 +329,11 @@ Gagawa ka ng web page na may Canvas element. Dapat itong mag-render ng black scr
- **Sistema ng puntos**: Ang bawat nasirang barko ng kalaban ay nagbibigay ng 100 puntos (mas madaling kalkulahin ng mga manlalaro ang mga bilog na numero). Ang score ay makikita sa ibabang kaliwang sulok.
- **Counter ng buhay**: Ang iyong hero ay magsisimula sa tatlong buhay - isang pamantayan na itinatag ng mga unang arcade games para balansehin ang hamon at kasiyahan sa paglalaro. Ang bawat banggaan sa kalaban ay magbabawas ng isang buhay. Ipapakita natin ang natitirang buhay sa ibabang kanan gamit ang mga icon ng barko .
- **Counter ng buhay**: Ang iyong hero ay magsisimula sa tatlong buhay - isang pamantayan na itinatag ng mga unang arcade games para balansehin ang hamon at kasiyahan sa paglalaro. Ang bawat banggaan sa kalaban ay magbabawas ng isang buhay. Ipapakita natin ang natitirang buhay sa ibabang kanan gamit ang mga icon ng barko .
Ang paggamit ng `history.pushState` ay lumilikha ng mga bagong entry sa navigation history ng browser. Maaari mong suriin iyon sa pamamagitan ng pag-hold sa *back button* ng iyong browser, dapat itong magpakita ng ganito:
Kung susubukan mong mag-click sa back button nang ilang beses, makikita mo na nagbabago ang kasalukuyang URL at na-update ang history, ngunit ang parehong template ang patuloy na ipinapakita.
@ -295,7 +295,7 @@ Una, obserbahan natin kung ano ang nangyayari sa basic form submission:
2. Obserbahan ang mga pagbabago sa address bar ng iyong browser
3. Pansinin kung paano nagre-reload ang page at lumalabas ang data sa URL
### Paghahambing ng HTTP Methods
@ -350,7 +350,7 @@ I-configure natin ang iyong registration form para maayos na makipag-ugnayan sa
2. **I-click** ang "Create Account" button
3. **Obserbahan** ang server response sa iyong browser
**Ang dapat mong makita:**
- **Ang browser ay nagre-redirect** sa API endpoint URL
@ -615,7 +615,7 @@ async function register() {
3. **I-click** ang "Create Account"
4. **Obserbahan** ang mga mensahe sa console at feedback ng user
**Ano ang dapat mong makita:**
- **Loading state** na lumalabas sa submit button
@ -790,7 +790,7 @@ Palakasin natin ang iyong registration form gamit ang matibay na pag-validate na
3. **Subukan** ang mga espesyal na karakter sa field ng username
4. **Mag-input** ng negatibong halaga ng balanse
**Ano ang iyong mapapansin:**
- **Ipinapakita ng browser** ang mga native na mensahe ng pag-validate
@ -932,7 +932,7 @@ Magpakita ng error message sa HTML kung ang user ay umiiral na.
Narito ang isang halimbawa ng kung ano ang magiging hitsura ng final login page pagkatapos ng kaunting pag-istilo:
@ -190,7 +190,7 @@ Ang [state management](https://en.wikipedia.org/wiki/State_management) ay tungko
Sa halip na maguluhan, gagawa tayo ng **centralized state management** system. Isipin ito na parang may isang organisadong tao na namamahala sa lahat ng mahahalagang bagay:
```mermaid
flowchart TD
@ -803,7 +803,7 @@ Ang hamon na ito ay makakatulong sa iyo na mag-isip tulad ng isang propesyonal n
Narito ang isang halimbawa ng resulta pagkatapos makumpleto ang assignment:
@ -112,7 +112,7 @@ Tingnan ang [server API documentation](../api/README.md) para sa:
**Inaasahang Resulta:**
Pagkatapos makumpleto ang assignment na ito, ang iyong banking app ay dapat magkaroon ng ganap na functional na "Magdagdag ng Transaksyon" na tampok na mukhang propesyonal at maayos ang pagganap:
Sa proyektong ito, matututo kang gumawa ng isang kathang-isip na bangko. Kasama sa mga araling ito ang mga tagubilin kung paano mag-layout ng isang web app at magbigay ng mga ruta, gumawa ng mga form, pamahalaan ang estado, at kumuha ng data mula sa isang API kung saan maaari mong makuha ang datos ng bangko.
3. I-paste ang anumang GitHub repository URL (subukan ito: `https://github.com/microsoft/Web-Dev-For-Beginners`)
4. Pindutin ang Enter at panoorin ang magic!
@ -242,7 +242,7 @@ Perpekto ito kapag nagsisimula ka sa VSCode.dev at nais magbukas ng partikular n
Gusto mo bang maramdaman na parang coding wizard? Subukan ang keyboard shortcut na ito: Ctrl+Shift+P (o Cmd+Shift+P sa Mac) para buksan ang Command Palette:
@ -78,7 +78,7 @@ Dahil ang VSCode.dev ay nangangailangan ng kahit isang file upang buksan ang rep
4. **Maglagay** ng commit message: "Magdagdag ng initial HTML structure"
5. **I-click** ang "Commit new file" upang i-save ang iyong mga pagbabago
**Narito ang nagagawa ng initial setup na ito:**
- **Nag-eestablish** ng tamang HTML5 document structure gamit ang semantic elements
@ -104,7 +104,7 @@ Ngayon na ang pundasyon ng iyong repository ay na-set up, lumipat tayo sa VSCode
✅ **Indicator ng Tagumpay**: Makikita mo ang mga file ng iyong proyekto sa Explorer sidebar at ang `index.html` na available para i-edit sa pangunahing editor area.
**Ano ang makikita mo sa interface:**
- **Explorer sidebar**: **Ipinapakita** ang mga file ng iyong repository at istruktura ng folder
@ -448,7 +448,7 @@ Ang mga extension ay nagpapahusay sa iyong development experience sa pamamagitan
**Mga agarang resulta pagkatapos ng pag-install:**
Kapag na-install ang CodeSwing, makikita mo ang live preview ng iyong resume website na lumalabas sa editor. Pinapayagan ka nitong makita kung paano eksaktong magmumukha ang iyong site habang gumagawa ng mga pagbabago.
**Pag-unawa sa pinahusay na interface:**
- **Split view**: **Ipinapakita** ang iyong code sa isang bahagi at ang live preview sa kabila
Ganito ang magiging hitsura ng iyong natapos na proyekto:
## 🗺️ Ang Iyong Paglalakbay sa Pagbuo ng AI Application
@ -194,7 +194,7 @@ mindmap
**Pangunahing Prinsipyo**: Ang pagbuo ng AI application ay pinagsasama ang tradisyunal na kasanayan sa web development at AI service integration, na lumilikha ng matatalinong aplikasyon na natural at tumutugon sa mga user.
**Narito kung bakit kapaki-pakinabang ang playground:**
- **Subukan** ang iba't ibang AI models tulad ng GPT-4o-mini, Claude, at iba pa (lahat libre!)
@ -204,7 +204,7 @@ mindmap
Kapag nakapaglaro ka na nang kaunti, i-click lang ang "Code" tab at piliin ang programming language para makuha ang implementation code na kailangan mo.
## Pag-set Up ng Python Backend Integration
@ -2364,14 +2364,14 @@ Gusto mo bang subukan ang proyektong ito sa isang cloud development environment?
- **Pumunta** sa [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners)
- **I-click** ang "Use this template" sa kanang itaas na bahagi (siguraduhing naka-log in ka sa GitHub)
**Hakbang 2: I-launch ang Codespaces**
- **Buksan** ang iyong bagong likhang repository
- **I-click** ang berdeng "Code" button at piliin ang "Codespaces"
- **Piliin** ang "Create codespace on main" upang simulan ang iyong development environment
**Hakbang 3: Configuration ng Environment**
Kapag nag-load ang iyong Codespace, magkakaroon ka ng access sa:
Bawat aralin ay may nakalakip na asignatura, pagsusuri ng kaalaman, at hamon upang gabayan ka sa pag-aaral ng mga paksang tulad ng:
@ -115,7 +115,7 @@ Sundin ang mga hakbang na ito:
Sa iyong kopya ng repositoryo na ginawa mo, i-click ang **Code** button at piliin ang **Open with Codespaces**. Lilikha ito ng bagong Codespace para magtrabaho ka.
@ -17,7 +17,7 @@ Bak, şu anda programlama gözünü korkutuyorsa seni tamamen anlıyorum. Ben il
Bugün, modern web geliştirmeyi sadece mümkün kılmakla kalmayıp, aynı zamanda ciddi anlamda bağımlılık yapan inanılmaz araçları keşfedeceğiz. Netflix, Spotify ve en sevdiğin bağımsız uygulama stüdyosundaki geliştiricilerin her gün kullandığı tam olarak aynı editörler, tarayıcılar ve iş akışlarından bahsediyorum. Ve işte seni mutlu dans ettirecek kısım: Bu profesyonel düzeydeki, endüstri standardı araçların çoğu tamamen ücretsiz!
@ -17,7 +17,7 @@ Başta bu biraz fazla gibi gelebilir – açıkçası, ilk GitHub sayfama bakark
Bu yolculuğu birlikte, adım adım gerçekleştireceğiz. Acele yok, baskı yok – sadece sen, ben ve birazdan en iyi arkadaşların olacak gerçekten harika araçlar!
@ -604,7 +604,7 @@ Burada sadece kod yazmayı öğrenmiyorsunuz – dijital dünyayı biraz daha iy
✅ 'Yeni başlayanlar için uygun' depoları bulmanın iyi bir yolu [‘good-first-issue’ etiketiyle arama yapmak](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/)dır.
Kod kopyalamanın birkaç yolu vardır. Bir yol, HTTPS, SSH veya GitHub CLI (Komut Satırı Arayüzü) kullanarak depo içeriğini "klonlamaktır".
@ -1050,12 +1050,12 @@ Web sitenizdeki her görsel bir amaca hizmet eder. Bu amacı anlamak, daha iyi a
**Bilgilendirici görseller** - önemli bilgileri iletir:
```html
<imgsrc="../../../../translated_images/chart.31c7eb0eb5c4450deba10b6f236732dfee8e8a11f6c0d8f31d2c2efb9d4c00ef.tr.png" alt="Sales increased 25% from Q1 to Q2 2024">
<imgsrc="../../../../translated_images/tr/chart.31c7eb0eb5c4450deba10b6f236732dfee8e8a11f6c0d8f31d2c2efb9d4c00ef.png" alt="Sales increased 25% from Q1 to Q2 2024">
```
**Dekoratif görseller** - yalnızca görsel, bilgi değeri yok:
localizeflow[bot]
1 week ago