מ-CSV לאפליקציית ווב
מ-CSV לאפליקציית ווב
אתם כבר יודעים לשלוף נתונים. אתם יודעים לפלח אותם ב-SQL. עכשיו תלמדו איך להציג אותם.
טבלה בגיליון אלקטרוני בלתי נראית לעולם. טבלה בדפדפן היא מוצר. בשיעור הזה תבנו דשבורד נתונים אינטראקטיבי ב-HTML — עם כותרות עמודות למיון, שורות בקידוד צבע ושורת סיכום — הכול מאפס. בלי Python, בלי Pandas. רק HTML ו-Tailwind.
הוראות
הוסיפו כותרת <h1> לדשבורד — אילו נתונים מוצגים כאן?
רמז: נסו: `<h1 class="text-2xl font-bold text-white">אנליטיקת מוצרים</h1>`
הוסיפו <table> עם <thead> שמכיל לפחות 3 כותרות עמודות (<th>)
הוסיפו <tbody> עם לפחות 4 שורות נתונים (<tr>) — מלאו מספרים שנראים אמיתיים
הוסיפו שורת סיכום בתחתית: <tr class="summary-row"> עם סך-הכול מודגש לכל עמודה
הקוד שלכם
תארו מה אתם רוצים לבנות בשלב הזה ואני אכתוב את הקוד — ואז לחצו על החלה כדי לשבץ אותו בעורך שלכם. השלב הזה: הוסיפו כותרת <h1> לדשבורד — אילו נתונים מוצגים כאן?