נבנה אתר בנושא שתבחרו: נעצב דפים, נכתוב תוכן ונוסיף אפשרות לשמור ולעדכן מידע. כאן תכירו את הפרויקט ותבחרו רעיון לאתר שלכם.
איזה אתר תרצו לבנות?
בחרו נושא שאתם רוצים להכיר לאחרים. למשל:
| נושא | פריטים באתר | למי משויך כל פריט? |
|---|---|---|
| בעלי חיים | חיות | מטפל |
| מוזיקה | שירים | אמן |
| משחקים | משחקי מחשב | סטודיו |
| ספורט | שחקנים | קבוצה |
כתבו שם לאתר ומשפט שמתאר מה ימצאו בו המבקרים. בהמשך תוסיפו לפריטים שלכם מידע, תמונות וטפסים.
מה יהיה באתר שלנו?
- דף פתיחה ותפריט שמחבר בין הדפים.
- עיצוב עם CSS ו־Bootstrap שמתאים גם לטלפון.
- מאמרים ב־Markdown ותרשימים ב־Mermaid.
- רשימת פריטים שנשמרת במסד נתונים.
- טפסים להוספה, לעריכה ולמחיקה, עם בדיקת קלט.
- בשיעורי ההמשך: קשר בין פריטים, חיפוש, חשבונות והרשאות.
איך עובדים עם ההדרכות?
קראו את מטרת השיעור, בצעו שינוי אחד והריצו את האתר. בקובץ חדש תראו את התוכן המלא; בקובץ קיים תראו diff שמציג את השינוי עם השורות שסביבו. סימני + ו־- אינם חלק מהקוד שמקלידים.
בסיום כל שלב בדקו את התוצאה והתאימו אותה לנושא שלכם. נסו להסביר מה השתנה בקוד ואיך הוא השפיע על האתר.
שומרים את העבודה ב־GitHub
אחרי שיעור Bootstrap תבחרו פרויקט להמשך ותלמדו לשמור גרסאות ב־Git ולפרסם ב־GitHub. עד אז שמרו קבצים, הריצו והתנסו בתוכן ובעיצוב. תרגלו יצירת כמה פרויקטי Razor בשמות חופשיים ובתיקיות נפרדות, לפי אחד משלושת המדריכים שבשיעור סביבת הפיתוח. שמרו את תבנית Razor Pages ואת Bootstrap שמגיע איתה; הוסיפו עיצוב אישי ב־site.css. לאחר חיבור המאגר, בתחילת העבודה פתחו את המאגר הנכון ובצעו Pull. לאחר שינוי משמעותי בדקו את ה־diff, בצעו Stage וכתבו הודעת Commit ברורה. לפני שמסיימים בבית או במעבדה בצעו Push ובדקו שהשינוי מופיע ב־GitHub. עבדו כך גם במחשב נייד אישי.
בשיעור Git תרשמו מאגר פרטי בשם FirstNameLastNameRazor עם הפרטים שלכם ותשתפו את 3strategy כ־Collaborator. ודאו עם המורה שהוא יכול לפתוח את המאגר ולבצע Clone כדי לבדוק את האתר ולעזור בתקלות. לאורך השנה נדרשים לפחות 50 commits משמעותיים. המורה יעריך את ההשקעה המתמשכת, את תוכן השינויים ואת בהירות הודעות ה־Commit, יחד עם ההסברים שלכם; העלאה אחת ברגע האחרון אינה מציגה תהליך עבודה שנתי. שמרו בכל commit שינוי שאפשר לתאר ולהסביר. אם מופיעה התנגשות, פנו למורה לפני שממשיכים.
כשמשהו לא עובד
קראו את הודעת השגיאה, בדקו איזה קובץ ואיזו שורה היא מציינת והשוו לשינוי האחרון שלכם. אפשר להיעזר ב־AI כדי להבין שגיאה ולברר כיצד לבדוק אותה. כתבו ובדקו את התיקון בעצמכם; אל תפעילו סוכן שיכתוב את הפרויקט במקומכם.