1. ڪريڊٽ ڪارڊ فارم
هڪ سٺي ڪريڊٽ ڪارڊ جي شڪل هموار ۽ مزيدار مائڪرو رابطي سان. نمبر فارميٽنگ، تصديق ۽ خودڪار ڪارڊ قسم جي سڃاڻپ شامل آهي. اهو Vue.js تي ٺهيل آهي ۽ پڻ مڪمل طور تي جوابدار آهي. (توهان ڏسي سگهو ٿا .)
توهان ڇا سکندا:
- پروسيس ۽ فارم جي تصديق ڪريو
- واقعن کي سنڀاليو (مثال طور، جڏهن فيلڊ تبديل ٿي)
- سمجھو ته صفحي تي عناصر کي ڪيئن ڏيکاريو ۽ رکڻو پوندو، خاص طور تي ڪريڊٽ ڪارڊ جي معلومات جيڪا فارم جي مٿي تي ظاهر ٿئي ٿي
مضمون جو ترجمو EDISON سافٽ ويئر جي مدد سان ڪيو ويو، جيڪو ، انهي سان گڏوگڏ .
2. هسٽوگرام
هسٽوگرام هڪ چارٽ يا گراف آهي جيڪو ڪلاسيڪل ڊيٽا جي نمائندگي ڪري ٿو مستطيل بارن سان گڏ اونچائي يا ڊگھائي انهن قدرن جي متناسب انهن جي نمائندگي ڪن ٿا.
اهي عمودي يا افقي طور تي لاڳو ڪري سگهجن ٿيون. هڪ عمودي بار چارٽ ڪڏهن ڪڏهن هڪ لائن چارٽ سڏيو ويندو آهي.
توهان ڇا سکندا:
- ڊيٽا کي منظم ۽ سمجھڻ واري طريقي سان ڏيکاريو
- اضافي طور تي: سکو ته عنصر ڪيئن استعمال ڪجي
canvas۽ ان سان عناصر ڪيئن ٺاھيو
توھان ڳولي سگھوٿا دنيا جي آبادي ڊيٽا. اهي سال جي حساب سان ترتيب ڏنل آهن.
3. Twitter دل انيميشن
2016 ۾ واپس، Twitter پنهنجي ٽائڪن لاء هي حيرت انگيز انيميشن متعارف ڪرايو. 2019 تائين، اهو اڃا تائين حصو ڏسڻ ۾ اچي ٿو، پوء ڇو نه پنهنجو پاڻ ٺاهيو؟
توهان ڇا سکندا:
- CSS خاصيت سان ڪم ڪريو
keyframes - HTML عناصر کي منظم ۽ متحرڪ ڪريو
- جاوا اسڪرپٽ، HTML ۽ CSS کي گڏ ڪريو
4. ڳولها فنڪشن سان گڏ GitHub مخزن
هتي ڪجھ به پسند نه آهي - GitHub مخزن صرف هڪ شاندار فهرست آهي.
مقصد آهي مخزن کي ڊسپلي ڪرڻ ۽ صارف کي انهن کي فلٽر ڪرڻ جي اجازت ڏيڻ. استعمال ڪريو هر صارف لاء مخزن حاصل ڪرڻ لاء.
GitHub پروفائيل صفحو -
توهان ڇا سکندا:
- API کان ڊيٽا حاصل ڪريو
- API مان ڊيٽا ڏيکاريو
- هر ڳولا لاءِ لاڳاپيل ڊيٽا فلٽر ۽ ڏيکاريو
- اختياري: جيڪڏهن توهان هڪ چئلينج لاء تيار آهيو، استعمال ڪريو , GraphQL استعمال ڪندي ٺهيل. .
5. Reddit طرز جي چٽس
انهن جي سادگي ۽ استعمال ۾ آساني جي ڪري چيٽ رابطي جو هڪ مشهور طريقو آهي. پر ڇا واقعي جديد چيٽ رومن کي ٻارڻ آهي؟ WebSockets!
توهان ڇا سکندا:
- WebSockets استعمال ڪريو، حقيقي وقت مواصلات ۽ ڊيٽا اپڊيٽ
- صارف جي رسائي جي سطحن سان ڪم ڪريو (مثال طور، ھڪڙي چيٽ چينل جي مالڪ جو ڪردار آھي
admin، ۽ ٻيا ڪمري ۾ -user) - پروسيس ۽ فارم جي تصديق ڪريو - ياد رکو، پيغام موڪلڻ لاء چيٽ ونڊو آهي
input - ٺاهيو ۽ مختلف چيٽ ۾ شامل ٿيو
- ذاتي پيغامن سان ڪم ڪريو. استعمال ڪندڙ ٻين صارفين سان ذاتي طور تي چيٽ ڪري سگھن ٿا. لازمي طور تي، توهان ٻن استعمال ڪندڙن جي وچ ۾ هڪ WebSocket ڪنيڪشن قائم ڪيو ويندو.
6. پٽي طرز نيويگيشن
ڇا هن نيويگيشن کي منفرد بڻائي ٿو اهو آهي ته پاپ اوور ڪنٽينر مواد کي پورو ڪرڻ لاءِ تبديل ڪري ٿو. نئين پاپ اوور کي کولڻ ۽ بند ڪرڻ جي روايتي رويي جي مقابلي ۾ هن منتقلي ۾ هڪ خوبصورتي آهي.
توهان ڇا سکندا:
- سي ايس ايس اينيميشنز کي منتقلي سان گڏ ڪريو
- مواد کي مدھم ڪريو ۽ فعال ڪلاس لاڳو ڪريو floated عنصر تي
ڪوشش ڪريو اھو پنھنجو پاڻ ڪريو، پر جيڪڏھن توھان کي مدد جي ضرورت آھي، ھي چيڪ ڪريو .
جو ذريعو: www.habr.com