כאן תמצאו את הדרך לבניית האתר שלכם: מדף HTML ראשון, דרך עיצוב ומאמרים, ועד טפסים ששומרים נתונים. פתחו את השיעור שבו אתם נמצאים והמשיכו לבנות.
חזרה: הפרויקט שלנו: מאתר אישי ליישום עם נתונים
איך מתחילים?
צרו קובץ HTML ופתחו אותו בדפדפן. בשיעור הבא תריצו את האתר בסביבת הפיתוח, כשהדפדפן פתוח לצד העורך, ותראו את השינויים ב־HTML וב־CSS.
הרגל שעוזר לאורך השנה
אחרי יצירת המאגר הפרטי במדריך ההקמה, מתחילים להשתמש בשגרה הבאה. בתחילת העבודה: Pull. במהלך העבודה: commits קטנים ומשמעותיים. בסיום: Commit ו־Push ובדיקה ב־GitHub. לפחות 50 commits לאורך השנה, גם אם עובדים תמיד באותו מחשב נייד. אם מופיעה התנגשות פונים למורה ושומרים על העבודה.
מה נבנה?
flowchart LR
A["HTML ועיצוב"] --> B["Markdown ותרשימים"]
B --> C["דפים דינמיים"]
C --> D["CRUD והגשת ליבה"]
D --> E["מטפלים וסינון"]
E --> F["חשבונות והרשאות"]
| יחידה | מסלול |
|---|---|
| הדף הראשון שלי | ליבה |
| סביבת הפיתוח ו־GitHub: מתחילים הרגלי עבודה | ליבה |
| הקמה ב־VS Code: תיקייה, Razor ו־GitHub פרטי | בוחרים מסלול הקמה אחד |
| הקמה ב־Visual Studio: פתרון, Razor ו־GitHub פרטי | בוחרים מסלול הקמה אחד |
| האתר הופך לשלי | ליבה |
| מעצבים עם CSS | ליבה |
| אתר שנראה טוב עם Bootstrap | ליבה |
| מחברים דפים ובונים טופס | ליבה |
| כותבים תוכן ב־Markdown | ליבה |
| מציירים באמצעות טקסט: Mermaid | ליבה |
| מבינים את Razor Pages ואת התבנית המשותפת | ליבה |
| הדף הדינמי הראשון | ליבה |
| מכרטיס HTML לאובייקט Animal | ליבה |
| הנתונים נשמרים עם EF Core ו־SQLite | ליבה |
| מוסיפים חיה ובודקים קלט | ליבה |
| מעדכנים ומוחקים רשומות | ליבה |
| משלימים ומציגים אתר אישי עם CRUD | ליבה |
| מטפל וחיות: קשר אחד־לרבים | הרחבה |
| מנהלים מטפלים: CRUD וקשר קיים | הרחבה |
| מחפשים ומסננים נתונים | הרחבה |
| הרשמה וכניסה עם Microsoft Identity | הרחבה |
| מרחיבים את פרופיל המשתמש | הרחבה |
| מי רשאי לערוך? בעלות והרשאות | הרחבה |
| כניסה עם Google — הרחבת רשות | הרחבה |
נקודת הסיום הבסיסית
אתר אישי עם יצירה, קריאה, עריכה ומחיקה; בדיקת קלט; שמירה לאחר הפעלה מחדש; מאמר Markdown ותרשים שאתם מסבירים בעצמכם. לפני ההגשה ודאו שהטפסים פועלים ושהמידע נשמר גם לאחר הפעלה מחדש.
בכל תחנה תציגו למורה שינוי קטן ותסבירו את הקוד. AI יכול לסייע בהבנת שגיאה; הוא אינו כותב את הפרויקט במקומכם. בחרו בכל פעם משימה קטנה שאפשר להשלים, לבדוק ולשמור ב־commit.