כאן תמצאו את הדרך לבניית האתר שלכם: מדף HTML ראשון, דרך עיצוב ומאמרים, ועד טפסים ששומרים נתונים. פתחו את השיעור שבו אתם נמצאים והמשיכו לבנות.
במסך מגע אפשר להחליק ימינה לפרק הבא.
חזרה: הפרויקט שלנו: מאתר אישי ליישום עם נתונים
איך מתחילים?
התחילו בהדף הראשון שלי: לפני יצירת פרויקט תכירו תגיות HTML לכותרות, פסקאות, מעבר שורה, תמונה, קישור ורשימה, ותנסו צבעים, גודל טקסט וריווח ב־CSS. תכתבו קובץ רגיל ותפתחו אותו בדפדפן. רק בשיעור הבא תיצרו פרויקט ותפעילו את האתר בסביבת הפיתוח, כשהדפדפן פתוח לצד העורך.
מתרגול חופשי לפרויקט שנתי
| שלב | איך עובדים? |
|---|---|
| שיעורים 01–05, כולל מדריכי ההקמה | מתנסים ב־HTML, יוצרים פרויקטי Razor בשמות חופשיים ומתרגלים תוכן, CSS ו־Bootstrap. אפשר ליצור כמה ניסויים בתיקיות נפרדות; עדיין אין חובת שיתוף ב־GitHub. |
| שיעור 06 — Git ו־GitHub | בוחרים אתר עובד להמשך, רושמים מאגר פרטי בשם האישי ומוודאים גישה למורה. זו נקודת המעבר לפרויקט השנתי. |
| משיעור 08 והלאה | מוסיפים יכולות לאותו פרויקט ולאותו מאגר, שומרים commits משמעותיים עם הודעות ברורות ומעלים את ההתקדמות לאורך השנה. |
הרגל שעוזר לאורך השנה
בשיעורים הראשונים שומרים קבצים, מריצים ומתנסים בתוכן ובעיצוב. תחילה עובדים ב־HTML בלי פרויקט, ואז מתרגלים יצירת פרויקטי Razor בשמות חופשיים; אפשר ליצור כמה ניסויים בתיקיות נפרדות. אחרי Bootstrap תלמדו לשמור גרסאות ב־Git ולפרסם מאגר פרטי ב־GitHub. רק לאחר חיבור המאגר מתחילים להשתמש בשגרה הבאה. בתחילת העבודה: Pull. במהלך העבודה: commits קטנים ומשמעותיים. בסיום: Commit ו־Push ובדיקה ב־GitHub. לפחות 50 commits לאורך השנה, גם אם עובדים תמיד באותו מחשב נייד. אם מופיעה התנגשות פונים למורה ושומרים על העבודה.
אחרי Bootstrap, ב06 — שיעור Git ו־GitHub, תרשמו פרויקט שנתי אחד במאגר פרטי בשם FirstNameLastNameRazor — השם הפרטי ושם המשפחה שלכם באנגלית, ואחריהם Razor, ללא רווחים. תזמינו את 3strategy כ־Collaborator ותוודאו שהמורה יכול לגשת לקוד ולעזור לכם. המורה יעריך את ההשקעה המתמשכת לאורך השנה, את תוכן השינויים ואת הודעות ה־Commit הברורות, יחד עם ההסברים שלכם. העלאה אחת ברגע האחרון אינה מציגה את תהליך העבודה הזה.
מה נבנה?
flowchart LR
A["HTML ועיצוב"] --> B["Markdown ותרשימים"]
B --> C["דפים דינמיים"]
C --> D["CRUD והגשת ליבה"]
D --> E["מטפלים וסינון"]
E --> F["חשבונות והרשאות"]
נקודת הסיום הבסיסית
אתר אישי עם יצירה, קריאה, עריכה ומחיקה; בדיקת קלט; שמירה לאחר הפעלה מחדש; מאמר Markdown ותרשים שאתם מסבירים בעצמכם. לפני ההגשה ודאו שהטפסים פועלים ושהמידע נשמר גם לאחר הפעלה מחדש.
בכל תחנה תציגו למורה שינוי קטן ותסבירו את הקוד. AI יכול לסייע בהבנת שגיאה; הוא אינו כותב את הפרויקט במקומכם. בחרו בכל פעם משימה קטנה שאפשר להשלים, לבדוק ולשמור. לאחר שיעור Git שמרו גם ב־commit.