CSV से वेब ऐप तक
CSV से वेब ऐप तक
आप डेटा query करना जानते हैं। SQL में उसे काटना-छांटना जानते हैं। अब सीखिए उसे दिखाना कैसे है।
स्प्रेडशीट की टेबल दुनिया के लिए अदृश्य होती है। ब्राउज़र की टेबल एक प्रोडक्ट होती है। इस पाठ में आप एक इंटरैक्टिव HTML डेटा डैशबोर्ड बनाएंगे — sortable हेडर, रंग-कोडेड पंक्तियों और एक समरी पंक्ति के साथ — वह भी बिल्कुल शुरुआत से। न Python, न Pandas। सिर्फ़ HTML और Tailwind।
निर्देश
एक <h1> डैशबोर्ड शीर्षक जोड़ें — यह किस डेटा को दिखा रहा है?
संकेत: आज़माएं: `<h1 class="text-2xl font-bold text-white">प्रोडक्ट एनालिटिक्स</h1>`
कम से कम 3 कॉलम हेडर (<th>) वाले <thead> के साथ एक <table> जोड़ें
कम से कम 4 डेटा पंक्तियों (<tr>) वाला एक <tbody> जोड़ें — असली जैसे दिखने वाले आंकड़े भरें
सबसे नीचे एक कुल योग पंक्ति जोड़ें: हर कॉलम के bold योग के साथ <tr class="summary-row">
आपका कोड
इस स्टेप के लिए आप जो बनाना चाहते हैं उसे बताएं और मैं कोड लिख दूंगा — फिर इसे अपने एडिटर में डालने के लिए Apply पर क्लिक करें। यह स्टेप: एक <h1> डैशबोर्ड शीर्षक जोड़ें — यह किस डेटा को दिखा रहा है?