మృదువైన మరియు ఆనందించే సూక్ష్మ పరస్పర చర్యలతో కూడిన చల్లని క్రెడిట్ కార్డ్ ఆకృతి. నంబర్ ఫార్మాటింగ్, ధృవీకరణ మరియు ఆటోమేటిక్ కార్డ్ రకాన్ని గుర్తించడం వంటివి ఉంటాయి. ఇది Vue.jsలో నిర్మించబడింది మరియు పూర్తిగా ప్రతిస్పందిస్తుంది. (మీరు చూడగలరు ఇక్కడ.)
హిస్టోగ్రాం అనేది చార్ట్ లేదా గ్రాఫ్, ఇది వారు సూచించే విలువలకు అనులోమానుపాతంలో ఎత్తులు లేదా పొడవులతో దీర్ఘచతురస్రాకార బార్లతో వర్గీకరణ డేటాను సూచిస్తుంది.
వాటిని నిలువుగా లేదా క్షితిజ సమాంతరంగా వర్తించవచ్చు. నిలువు బార్ చార్ట్ను కొన్నిసార్లు లైన్ చార్ట్ అని పిలుస్తారు.
మీరు ఏమి నేర్చుకుంటారు:
నిర్మాణాత్మకంగా మరియు అర్థమయ్యే రీతిలో డేటాను ప్రదర్శించండి
అదనంగా: మూలకాన్ని ఎలా ఉపయోగించాలో తెలుసుకోండి canvas మరియు దానితో అంశాలను ఎలా గీయాలి
ఇది మీరు ప్రపంచ జనాభా డేటాను కనుగొనవచ్చు. అవి సంవత్సరం వారీగా క్రమబద్ధీకరించబడతాయి.
3. ట్విట్టర్ హార్ట్ యానిమేషన్
తిరిగి 2016లో, ట్విట్టర్ తన ట్వీట్ల కోసం ఈ అద్భుతమైన యానిమేషన్ను పరిచయం చేసింది. 2019 నాటికి, ఇది ఇప్పటికీ భాగంగా కనిపిస్తుంది, కాబట్టి మీరే ఎందుకు సృష్టించకూడదు?
మీరు ఏమి నేర్చుకుంటారు:
CSS లక్షణంతో పని చేయండి keyframes
HTML మూలకాలను మార్చండి మరియు యానిమేట్ చేయండి
జావాస్క్రిప్ట్, HTML మరియు CSSలను కలపండి
4. శోధన ఫంక్షన్తో GitHub రిపోజిటరీలు
ఇక్కడ ఫ్యాన్సీ ఏమీ లేదు-GitHub రిపోజిటరీలు కేవలం గ్లోరిఫైడ్ లిస్ట్ మాత్రమే.
రిపోజిటరీలను ప్రదర్శించడం మరియు వాటిని ఫిల్టర్ చేయడానికి వినియోగదారుని అనుమతించడం లక్ష్యం. వా డు అధికారిక GitHub API ప్రతి వినియోగదారు కోసం రిపోజిటరీలను పొందడానికి.
వ్యక్తిగత సందేశాలతో పని చేయండి. వినియోగదారులు ఇతర వినియోగదారులతో ప్రైవేట్గా చాట్ చేయవచ్చు. ముఖ్యంగా, మీరు ఇద్దరు వినియోగదారుల మధ్య WebSocket కనెక్షన్ని ఏర్పాటు చేస్తారు.
6. గీత-శైలి నావిగేషన్
ఈ నావిగేషన్ ప్రత్యేకత ఏమిటంటే పాప్ఓవర్ కంటైనర్ కంటెంట్కు సరిపోయేలా రూపాంతరం చెందుతుంది. కొత్త పాప్ఓవర్ను తెరవడం మరియు మూసివేయడం యొక్క సాంప్రదాయిక ప్రవర్తనతో పోలిస్తే ఈ పరివర్తనకు చక్కదనం ఉంది.
మీరు ఏమి నేర్చుకుంటారు:
పరివర్తనాలతో CSS యానిమేషన్లను కలపండి
కంటెంట్ను మసకబారుస్తుంది మరియు ఫ్లోటెడ్ ఎలిమెంట్కు యాక్టివ్ క్లాస్ని వర్తింపజేయండి
ముందుగా దీన్ని మీరే చేయడానికి ప్రయత్నించండి, కానీ మీకు సహాయం కావాలంటే, దీన్ని చూడండి స్టెప్ బై స్టెప్ గైడ్.