కోణీయ JS ఉపయోగించి SPA



ఈ బ్లాగ్ పోస్ట్ AngularJS ఉపయోగించి SPA ని నిర్మించడానికి సంక్షిప్త పరిచయం. అనువర్తనాల్లో SPA భాగాలను చేర్చడానికి అవసరమైన సమాచారంతో ఇది మిమ్మల్ని ఆర్మ్ చేయడానికి ప్రయత్నిస్తుంది.

ఈ రోజు, AngularJS అత్యంత ప్రాచుర్యం పొందిన అభివృద్ధి ఫ్రేమ్‌వర్క్‌లలో ఒకటిగా మారింది, ఎందుకంటే డెవలపర్‌లకు సింగిల్ పేజ్ అప్లికేషన్స్ (SPA) ను సులభంగా సృష్టించడానికి డెవలపర్‌లకు సహాయపడే సామర్థ్యం ఉంది. సాంప్రదాయ వెబ్ అనువర్తనాల్లో, క్లయింట్ (బ్రౌజర్) ఒక పేజీని అభ్యర్థించడం ద్వారా సర్వర్‌తో కమ్యూనికేషన్ ఛానెల్‌ను ప్రారంభిస్తుంది. అభ్యర్థనను ప్రాసెస్ చేయడం ద్వారా మరియు పేజీ యొక్క HTML ను క్లయింట్‌కు తిరిగి పంపడం ద్వారా సర్వర్ ప్రతిస్పందిస్తుంది. క్రొత్త పేజీ కోసం వినియోగదారు అభ్యర్థిస్తే, సర్వర్ మరొక HTML పేజీని పంపుతుంది. క్లయింట్ ఒక చిన్న మార్పు కోసం అడిగినప్పటికీ, ప్రాథమిక వివరాలతో ఒక ఫారమ్ చెప్పండి, మొత్తం పేజీని సర్వర్ మళ్ళీ లోడ్ చేసి క్లయింట్‌కు తిరిగి పంపాలి.

HTML & అజాక్స్ అభ్యర్థనలు

సింగిల్ పేజ్ అప్లికేషన్స్‌లో, మొత్తం పేజీ ఒకే షాట్‌లో లోడ్ అవుతుంది మరియు తదుపరి కమ్యూనికేషన్ సర్వర్ అజాక్స్ అభ్యర్థనలను ఉపయోగించి నిర్వహిస్తుంది. బ్రౌజర్ మారిన పేజీ యొక్క భాగాన్ని మాత్రమే అప్‌డేట్ చేయాలి మరియు వినియోగదారు క్రొత్త అభ్యర్థన చేసిన ప్రతిసారీ మొత్తం పేజీని రీలోడ్ చేయవలసిన అవసరం లేదు.
SPA విధానం వినియోగదారు అభ్యర్థనలకు ప్రతిస్పందించడానికి సర్వర్ తీసుకున్న సమయాన్ని తగ్గిస్తుంది కాబట్టి, వెబ్ అనువర్తనాలు వేగంగా నడుస్తాయి, తక్కువ కంప్యూట్ శక్తిని ఉపయోగిస్తాయి మరియు యూజర్ ఇంటర్ఫేస్ (UI) డెవలపర్‌లను మరింత ఆకర్షణీయమైన, చురుకైన వెబ్ పేజీలను సృష్టించడానికి అనుమతిస్తాయి.





షెల్ పేజీల సృష్టి

SPA లోని ‘సింగిల్ పేజ్’ అనేది HTML, CSS లేదా జావాస్క్రిప్ట్ రూపంలో ప్రశ్నలకు స్పందించే షెల్ పేజీని సూచిస్తుంది. షెల్ పేజీ HTML తో అసమకాలికంగా ఇవ్వబడుతుంది, ఇది సర్వర్‌కు ముందుకు వెనుకకు ప్రయాణించవలసిన అవసరాన్ని తొలగిస్తుంది. షెల్ పేజీకి AngularJS జావాస్క్రిప్ట్ లైబ్రరీకి మాత్రమే సూచన అవసరం మరియు షెల్ పేజీలో కంటెంట్ పేజీలను అన్వయించాల్సిన చోట AngularJS కి చెప్పడానికి ng- వ్యూ డైరెక్టివ్ (UI డెవలపర్‌లను వీక్షణల మధ్య మారడానికి అనుమతించే వర్చువల్ కంటైనర్) అవసరం.
ఒకే ‘సింగిల్’ పేజీలో, ఒకే URL లో ఉన్న బహుళ వీక్షణలను అందించడానికి AngularJS డెవలపర్‌లను అనుమతిస్తుంది. ఒకే షెల్ పేజీలో ఒకదాని తర్వాత ఒకటి - విభిన్న వీక్షణలు కనిపిస్తాయి మరియు ప్రతి వీక్షణ వినియోగదారు పేజీ ద్వారా స్క్రోల్ చేసినప్పుడు మరియు డైనమిక్‌గా లోడ్ అవుతుంది.

SPA-using-AngularJS-multiple-views



అంతర్నిర్మిత AngularJS డైరెక్టివ్ - ng-app - మూడవ పార్టీ ఆదేశాలను కూడా జోడించే ఎంపికతో అనువర్తనాన్ని ప్రారంభించడానికి డెవలపర్‌లను అనుమతిస్తుంది. Ng- మోడల్ డైరెక్టివ్, మరోవైపు, డేటా బైండింగ్ వ్యక్తీకరణలను మెమరీలో జోడించడానికి మిమ్మల్ని అనుమతిస్తుంది. ఇక్కడ చూడండి:

ఉదాహరణలతో జావా 9 లక్షణాలు

ప్రపంచవ్యాప్తంగా, డెవలపర్లు AngularJS ను ఉపయోగించి SPA ను స్వీకరించారు మరియు అన్నిటికీ, ఈ ధోరణి కొంతకాలం కొనసాగే అవకాశం ఉంది.



మాకు ప్రశ్న ఉందా? దయచేసి దీన్ని వ్యాఖ్యల విభాగంలో పేర్కొనండి మరియు మేము మిమ్మల్ని సంప్రదిస్తాము.

సంబంధిత పోస్ట్లు: AngularJS తో విజయవంతమైన వెబ్ అభివృద్ధి వృత్తి