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