1. கிரெடிட் கார்டு படிவம்
மென்மையான மற்றும் சுவாரஸ்யமான நுண் தொடர்புகளுடன் கூடிய குளிர் கிரெடிட் கார்டு வடிவம். எண் வடிவமைப்பு, சரிபார்ப்பு மற்றும் தானியங்கி அட்டை வகை கண்டறிதல் ஆகியவை அடங்கும். இது Vue.js இல் கட்டமைக்கப்பட்டுள்ளது மற்றும் முழுமையாக பதிலளிக்கக்கூடியது. (நீங்கள் பார்க்கலாம் .)
நீங்கள் என்ன கற்றுக் கொள்வீர்கள்:
- படிவங்களைச் செயலாக்கி சரிபார்க்கவும்
- நிகழ்வுகளைக் கையாளவும் (உதாரணமாக, புலங்கள் மாறும்போது)
- பக்கத்தில் உள்ள கூறுகளை எப்படிக் காட்டுவது மற்றும் வைப்பது என்பதைப் புரிந்து கொள்ளுங்கள், குறிப்பாக படிவத்தின் மேல் தோன்றும் கிரெடிட் கார்டு தகவல்
கட்டுரை EDISON மென்பொருளின் ஆதரவுடன் மொழிபெயர்க்கப்பட்டது மேலும் .
2. ஹிஸ்டோகிராம்
ஹிஸ்டோகிராம் என்பது ஒரு விளக்கப்படம் அல்லது வரைபடமாகும், இது அவை பிரதிநிதித்துவப்படுத்தும் மதிப்புகளுக்கு விகிதாசாரமாக உயரங்கள் அல்லது நீளங்களைக் கொண்ட செவ்வகப் பட்டைகளுடன் வகைப்படுத்தப்பட்ட தரவைக் குறிக்கிறது.
அவை செங்குத்தாக அல்லது கிடைமட்டமாக பயன்படுத்தப்படலாம். ஒரு செங்குத்து பட்டை விளக்கப்படம் சில நேரங்களில் ஒரு வரி விளக்கப்படம் என்று அழைக்கப்படுகிறது.
நீங்கள் என்ன கற்றுக் கொள்வீர்கள்:
- கட்டமைக்கப்பட்ட மற்றும் புரிந்துகொள்ளக்கூடிய வகையில் தரவைக் காண்பி
- கூடுதலாக: உறுப்பை எவ்வாறு பயன்படுத்துவது என்பதை அறிக
canvasமற்றும் கூறுகளை எப்படி வரையலாம்
நீங்கள் உலக மக்கள் தொகை தரவு கண்டுபிடிக்க முடியும். அவை ஆண்டு வாரியாக வரிசைப்படுத்தப்படுகின்றன.
3. ட்விட்டர் ஹார்ட் அனிமேஷன்
2016 ஆம் ஆண்டில், ட்விட்டர் தனது ட்வீட்களுக்காக இந்த அற்புதமான அனிமேஷனை அறிமுகப்படுத்தியது. 2019 வரை, இது இன்னும் ஒரு பகுதியாகத் தெரிகிறது, எனவே அதை நீங்களே ஏன் உருவாக்கக்கூடாது?
நீங்கள் என்ன கற்றுக் கொள்வீர்கள்:
- CSS பண்புடன் வேலை செய்யுங்கள்
keyframes - HTML கூறுகளைக் கையாளவும் மற்றும் உயிரூட்டவும்
- ஜாவாஸ்கிரிப்ட், HTML மற்றும் CSS ஆகியவற்றை இணைக்கவும்
4. தேடல் செயல்பாடு கொண்ட GitHub களஞ்சியங்கள்
இங்கே ஆடம்பரமான எதுவும் இல்லை - GitHub களஞ்சியங்கள் ஒரு புகழ்பெற்ற பட்டியல்.
களஞ்சியங்களைக் காண்பிப்பதும், அவற்றை வடிகட்ட பயனரை அனுமதிப்பதும் இலக்காகும். பயன்படுத்தவும் ஒவ்வொரு பயனருக்கும் களஞ்சியங்களைப் பெற.
GitHub சுயவிவரப் பக்கம் -
நீங்கள் என்ன கற்றுக் கொள்வீர்கள்:
- API இலிருந்து தரவைப் பெறவும்
- API இலிருந்து தரவைக் காண்பி
- ஒவ்வொரு தேடலுக்கும் தொடர்புடைய தரவை வடிகட்டி, காண்பிக்கவும்
- விருப்பத்தேர்வு: நீங்கள் சவாலுக்கு தயாராக இருந்தால், பயன்படுத்தவும் , GraphQL ஐப் பயன்படுத்தி கட்டப்பட்டது. .
5. Reddit பாணி அரட்டைகள்
அரட்டைகள் அவற்றின் எளிமை மற்றும் பயன்பாட்டின் எளிமை காரணமாக ஒரு பிரபலமான தகவல்தொடர்பு வழியாகும். ஆனால் நவீன அரட்டை அறைகளுக்கு உண்மையில் எரிபொருளாக இருப்பது எது? வெப்சாக்கெட்டுகள்!
நீங்கள் என்ன கற்றுக் கொள்வீர்கள்:
- WebSockets, நிகழ்நேர தொடர்பு மற்றும் தரவு புதுப்பிப்புகளைப் பயன்படுத்தவும்
- பயனர் அணுகல் நிலைகளுடன் பணிபுரிதல் (உதாரணமாக, அரட்டை சேனலின் உரிமையாளருக்குப் பங்கு உள்ளது
admin, மற்றும் அறையில் உள்ள மற்றவர்கள் -user) - படிவங்களைச் செயலாக்குதல் மற்றும் சரிபார்த்தல் - நினைவில் கொள்ளுங்கள், ஒரு செய்தியை அனுப்புவதற்கான அரட்டை சாளரம்
input - வெவ்வேறு அரட்டைகளை உருவாக்கி சேரவும்
- தனிப்பட்ட செய்திகளுடன் வேலை செய்யுங்கள். பயனர்கள் மற்ற பயனர்களுடன் தனிப்பட்ட முறையில் அரட்டையடிக்கலாம். அடிப்படையில், நீங்கள் இரண்டு பயனர்களிடையே WebSocket இணைப்பை நிறுவுவீர்கள்.
6. ஸ்ட்ரைப் பாணி வழிசெலுத்தல்
இந்த வழிசெலுத்தலின் தனித்துவமானது என்னவென்றால், உள்ளடக்கத்திற்கு ஏற்றவாறு பாப்ஓவர் கொள்கலன் உருமாறுகிறது. புதிய பாப்ஓவரைத் திறந்து மூடும் பாரம்பரிய நடத்தையுடன் ஒப்பிடும்போது இந்த மாற்றத்திற்கு ஒரு நேர்த்தி உள்ளது.
நீங்கள் என்ன கற்றுக் கொள்வீர்கள்:
- மாற்றங்களுடன் CSS அனிமேஷன்களை இணைக்கவும்
- உள்ளடக்கத்தை மங்கச் செய்து, மிதக்கும் உறுப்புக்கு செயலில் உள்ள வகுப்பைப் பயன்படுத்தவும்
முதலில் அதை நீங்களே செய்து பாருங்கள், உங்களுக்கு உதவி தேவைப்பட்டால், இதைப் பார்க்கவும் .
ஆதாரம்: www.habr.com