נהפוך את האתר לשלנו: נבחר נושא שמסקרן אותנו, נכתוב פסקת פתיחה ונוסיף רשימה וקישור למידע נוסף.
חזרה: סביבת הפיתוח ו־GitHub: מתחילים הרגלי עבודה
אם קישור הקוד אינו נפתח, בקשו גישה למאגר.
מה נלמד
- לבנות רשימה וקישור.
- לבחור נושא שמעניין אתכם.
- להבחין בין תוכן אישי לבין המבנה המשותף של האתר.
מתחילים מסונכרנים
פתחו את תיקיית הפרויקט הנכונה, בדקו שאין שינוי לא שמור והפעילו Pull. אם Git מציג התנגשות, פנו למורה; אל תמחקו עבודה ואל תבצעו Force Push.
בוחרים נושא קטן
בחרו חיות, שירים, משחקים או שחקנים. חשבו מראש על קשר פשוט: מטפל–חיות, אמן–שירים, סטודיו–משחקים או קבוצה–שחקנים. כל פריט יהיה שייך להורה אחד. החליפו את הטקסט והתמונות בתוכן שמתאים לנושא שבחרתם. שמרו ב־wwwroot/images תמונות שצילמתם או שיש לכם רשות להשתמש בהן.
השינויים בקוד
RazorTaba/Pages/Index.cshtml
בקובץ הקיים בצעו את השינוי הבא. סימני + ו־- מציינים שינוי ואינם חלק מהקוד:
--- a/RazorTaba/Pages/Index.cshtml
+++ b/RazorTaba/Pages/Index.cshtml
@@ -3,6 +3,13 @@
@{
ViewData["Title"] = "בית";
}
<h1>החיות שלי</h1>
-<p>זה האתר הראשון שלי. כאן אכיר לכם חיות שמסקרנות אותי.</p>
+<p>ברוכים הבאים לפינה שלי בטבע. נכיר חיות, נקרא עליהן ונלמד איך מטפלים בהן.</p>
+<h2>מה תמצאו כאן?</h2>
+<ul>
+ <li>חיות שיש להן סיפור</li>
+ <li>מדריכי טיפול קצרים</li>
+ <li>המלצות שלי להיכרות מקרוב</li>
+</ul>
+<a href="https://he.wikipedia.org/wiki/שועל">לקריאה על שועלים</a>
<img src="~/images/fox.svg" alt="איור של שועל" width="180" />
מריצים ובודקים
- הרשימה מוצגת בשלושה פריטים.
- הקישור נפתח בכתובת שהתכוונתם אליה.
- הכותרת והפסקה מתאימות לאותו נושא.
משימה אישית ובדיקת הבנה
כתבו פסקת פתיחה ושלושה פריטי רשימה בנושא שלכם. הסבירו כיצד href שונה מהטקסט שבין תגיות a.
בסיום שינוי משמעותי: בדקו את ה־diff, בצעו Stage, כתבו הודעת commit שמתארת מה שיניתם, ובצעו Push. ודאו ב־GitHub שהשינוי הגיע. נדרשים לפחות 50 commits משמעותיים לאורך השנה, גם למי שעובד תמיד באותו מחשב נייד.
AI יכול לעזור להבין הודעת שגיאה ולנפות תקלה. אתם אחראים לכתוב, לבדוק ולהסביר את הקוד; אין להפעיל סוכן שיכתוב את הפרויקט.