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