שיעור 1

הדבר הראשון שבניתי

90 דקותPromptVibe CodingIteration

בסוף השיעור תבינו כיצד מתחילים לבנות בעזרת AI, תבנו דף אינטרנט ראשון ותבצעו בו איטרציה אחת לפחות.

פתיחת המסלול

שלושה חלקים. מסע אחד.

  1. 01

    מושגי יסוד בפיתוח עם AI

    איך עובדות אפליקציות ושרתים, עבודה בסיסית עם AI, סוכנים, סקילים ועוד.

  2. 02

    איך בונים מוצר

    מי הלקוח, נקודות כאב, פיצ׳רים, חוויית משתמש ומדידה. מהי עבודת מוצר, פרודקט, שיווק ותמיכה.

  3. 03

    בניית מוצר בצוותים מ־0

    בונים מוצר אמיתי, מראיינים משתמשים ולקוחות פוטנציאליים, מחדדים את המוצר, משיקים ומגייסים משתמשים ראשונים.

לאן אנחנו מגיעים?

בעוד 15 מפגשים זה אתם

נעבוד בצוות, נבנה מוצר ונשיק אותו ב־Demo Day בפני הורים, תלמידים ואורחים מהתעשייה.

שאלה פותחת

מה צריך לדעת כדי לבנות אתר או אפליקציה?

וכמה זמן לדעתכם לוקח לבנות משהו ראשון שעובד?

המסלול שלנו

מה צריך לדעת כדי לבנות אתר או אפליקציה - לבנות מוצר.

לפי סדר חשיבות:

  • 01

    הגדרת בעיה או צורך

  • 02

    זיהוי המרכיבים לפתרון הבעיה

  • 03

    פיתוח הפיתרון

בקורס שלנו נעשה את כל השלבים, נתחיל ללמוד את יסודות הפיתוח המואץ בעזרת בינה מלאכותית, נבחר בעיה או צורך ונשיק מוצר שעונה להם.

Demo

בואו נבדוק.

מה בעצם קרה כאן?

שני מושגים. זה הכל לעכשיו.

Prompt

ההנחיה שאנחנו נותנים ל־AI.

Vibe Coding

בניית מוצר באמצעות שיחה והנחיות בשפה טבעית.

התפקיד שלנו

מי בונה את המוצר: אנחנו או ה-AI?

אנחנוה-AI
התפקיד שלנו

אז מי עושה מה?

אנחנו מחליטים, מגדירים ובודקים. ה-AI עוזר לבצע.

אנחנו אחראים על

  • מה כדאי לבנות
  • למי המוצר מיועד
  • מה צריך לקרות
  • האם התוצאה טובה
  • מה משפרים בהמשך

ה-AI עוזר לנו

  • לייצר גרסה ראשונה
  • לכתוב ולשנות את הקוד
  • לבצע בקשות ברורות
  • להציע פתרונות אפשריים
הסבר של עשר דקות

בינה מלאכותית בשפה פשוטה

שלוש מילים מסבירות כמעט כל מה ששומעים על בינה מלאכותית: מודל, מעטפת, סוכן.

עושים סדר

שלוש מילים

מודל שפה (LLM)מעטפת (Harness)סוכן (Agent)
עושים סדר

שלוש מילים, בפירוט

איור של תלמיד קורא בין ערימות ספרים

מודל שפה (LLM)

תלמיד שקרא כמעט הכול, ולא זוכר מאיפה.

איור של שולחן עבודה עם מחשבון, מנורה וכללי בית

מעטפת (Harness)

השולחן שהוא יושב בו, עם מחשבון, כרטיס ספרייה וכללי בית.

איור של רובוט תלמיד מסמן רשימת משימות

סוכן (Agent)

אותו תלמיד עובד לפי רשימת משימות, בלי שיגידו לו כל צעד.

מילה ראשונה

מה זה מודל שפה?

קיצור של Large Language Model. זו תוכנה שקראה כמות עצומה של טקסט ולמדה את התבניות שבו.

היא לא שיננה את הספרייה. היא למדה איך משפטים בספרייה נוטים להיראות.

איך זה עובד?

הוא מנחש את המילה הבאה

עיר הבירה של צרפת היא... כמה סיכוי הוא נתן לכל מילה?

עיר הבירה של צרפת היאפריז

כמה סיכוי נתן לכל מילה

פריז
88%
ליון
6%
גדולה
4%
לא
2%

עושים את זה כמה אלפי פעמים ברצף ומקבלים חיבור שלם. אין תוכנית ואין חיפוש, רק המילה הבאה הסבירה ביותר.

חשוב לדעת

מה הוא לא יכול לעשות לבד?

לחפש מידע

אין אינטרנט, אין ספר לימוד, אין מחשבון. רק מה שנספג באימון.

לזכור אותך

כל שיחה מתחילה מדף חלק. שום דבר לא נשמר, אלא אם משהו מחזיר לו אותו.

לדעת שהוא טועה

תשובה מומצאת ותשובה נכונה נוצרות באותה דרך, ונשמעות בטוחות באותה מידה.

מילה שנייה

מה זה מעטפת?

התוכנה שעוטפת את המודל. היא קובעת מה אומרים למודל, לאילו כלים הוא יכול לפנות, ומה אסור לו לעשות.

Claude CodeCursorCodex
מילה שנייה

מה זה מעטפת? בפירוט

Claude Code

עוטף מודל בטרמינל, עם גישה לקבצים ולפקודות של הפרויקט.

Cursor

עוטף מודל בעורך קוד, ומראה לו את הקוד שפתוח לפניכם.

Codex

עוטף מודל בסביבה משלו, שמריצה את המשימה ומחזירה תוצאה.

עוד על המעטפת

מה המעטפת מוסיפה?

כלים

חיפוש באינטרנט, מחשבון, הרצת קוד, הקבצים של בית הספר.

זיכרון

שומרת את השיחה ומחזירה אותה בכל תור.

הוראות

תדריך קבוע שאתם לא רואים: תהיה מועיל, תהיה בטוח, תישאר בנושא.

מגבלות

דברים שהיא תסרב לעשות, ופעולות שדורשות אישור של אדם.

מילה שלישית

מה זה סוכן?

מודל בתוך מעטפת שמקבל מטרה במקום שאלה, וממשיך לבצע צעדים עד שהמטרה הושלמה.

לא לענות על שאלה אחת, אלא לעבוד לפי רשימת משימות ולכתוב את הפריט הבא בעצמו.

סוכן בעבודה

הלופ של הסוכן

מטרה: ״מצא שלושה מקורות לעבודה בהיסטוריה וסכם כל אחד מהם.״ הסוכן לא מסיים בתשובה אחת. הוא מפעיל כלי, קורא את מה שחזר, וחוזר לחשוב עם המידע החדש.

  1. שאלה מהמשתמש
  2. קריאה לכלי
  3. חשיבה של המודל
  4. תשובה או פעולה

סוכן = מודל + כלים

הכלים של הסוכן

אילו כלים סוכן יכול להפעיל?

חיפוש באינטרנט

מביא מידע עדכני, שלא היה קיים בזמן האימון.

קריאה וכתיבה של קבצים

פותח מסמך, מסכם אותו, ושומר גרסה חדשה.

הרצת קוד

כותב תוכנית קטנה, מריץ אותה, ומסתכל על התוצאה.

חישוב מדויק

מעביר את המספרים למחשבון, במקום לנחש אותם.

שליחת הודעות

שולח מייל או הודעה, אחרי שאדם אישר.

מסדי נתונים ומערכות

שולף נתונים ממערכת אחרת, למשל מערכת הציונים.

המודל לא מפעיל כלום בעצמו. הוא מבקש, והמעטפת מחליטה אם לבצע.

סוכנים בקורס שלנו

איך זה נראה אצלנו?

  • 01

    סוכן בסיס במעטפת — למשימות קידוד כלליות

  • 02

    סוכן לתרגיל ספציפי — מלווה אתכם בתרגיל מסוים

  • 03

    סוכן אישי לקורס — מלווה אתכם לאורך כל הדרך

  • 04

    נבנה סוכן משל עצמנו — בסוף הקורס

בקורס נפגוש סוכנים שמלווים אותנו, ונלמד לבנות כאלה משל עצמנו.

סיכום

שלוש המילים ביחד

מודל שפה

מנחש מילים. קרא המון, בלי כלים. התלמיד.

מעטפת

נותנת לו כלים, זיכרון, הוראות ומגבלות. השולחן.

סוכן

מקבל מטרה וממשיך לעבוד עד שהיא נגמרת. רשימת המשימות.

דבר אחד לקחת מכאן

ביטחון עצמי הוא לא הוכחה לצדק.

המערכות האלה כותבות ברהיטות בין אם הן צודקות ובין אם לא. לבדוק את התשובה זה עדיין התפקיד שלכם.

לפני שמתחברים

ארבעה דברים, וזה מספיק כדי להתחיל.

בואו נתנסה

  • איפה כותבים את הבקשה.
  • איפה רואים את התוצאה.
  • איך פותחים ובודקים את המוצר.
  • איך מבקשים שינוי נוסף.
לפני שמתחילים

ארבעה הרגלים שיעזרו לנו לבנות.

  • מתחילים מבקשה אחת ברורה.
  • מחכים לתוצאה לפני ששולחים בקשה נוספת.
  • בודקים בעצמנו ולא מניחים שהכול עובד.
  • משנים בכל פעם דבר אחד.

עכשיו אפשר להיכנס ל-Flowpad.

מתחברים

מוכנים להתחבר ל-Flow Pad?

כניסה ל-Flow Pad

נכנסים עם החשבון של בית הספר ומחכים לכולם לפני שממשיכים.

לפני המשימה

תיקייה אחת לכל העבודה.

נפתח תיקייה ייעודית במחשב לפרויקטים בקורס, ונפתח אותה דרך Flowpad. שם יישמרו כל קבצי העבודה.

  • יוצרים תיקייה חדשה במחשב לפרויקטים בקורס.
  • ב-Flowpad פותחים את התיקייה הזאת.
  • שומרים שם את כל קבצי העבודה.

ככה כל הפרויקטים שלכם יהיו מאורגנים במקום אחד.

המשימה הראשונה

עכשיו אתם בונים.

האתגר

צרו דף עם 5 דברים שאתם אוהבים.

  • 5 שירים
  • 5 משחקים
  • 5 סדרות
  • 5 מקומות
  • 5 דברים שמעניינים אותי

דרישות בסיס

  • כותרת
  • 5 פריטים
  • עיצוב שמתאים לנושא
  • לפחות אלמנט אחד שאפשר ללחוץ עליו
תסתכלו שוב

הגרסה הראשונה היא רק התחלה.

בחרו דבר אחד שאתם רוצים לשפר:

  • 01

    עיצוב

  • 02

    סדר ובהירות

  • 03

    אינטראקציה

Iteration

יש לזה שם: Iteration

בונים גרסה, מסתכלים עליה, משנים ומשפרים.

  1. Build
  2. Look
  3. Change
  4. Repeat
כלים

הוספת קובץ חדש

כך מוסיפים קובץ לפרויקט ב-Flowpad.

  • לוחצים על 'New File' או על כפתור ה-+ ליד שם התיקייה.
  • נותנים לקובץ שם ברור, למשל about-me.html.
  • מתארים בקצרה מה יהיה בו או מתחילים לכתוב תוכן.
  • שומרים ורואים את הקובץ נפתח בצד ימין של המסך.
כלים

לתעד שינוי

כשמבקשים שיפור, חשוב להראות בדיוק מה רואים.

  1. צילום מסך
  2. הסבר
  3. בקשה
  4. בדיקה

פרומפט לדוגמה

תשנה את כיוון הטיימר כך שהימים יהיו מצד שמאל

כלים

קובץ MD = תכנית

בואו נכתוב את ההנחיות בקובץ MD ונראה איך ה-AI מבצע.

בואו נתנסה

  • יוצרים קובץ instructions.md בפרויקט.
  • כותבים בו את השינוי הרצוי בשפה פשוטה, למשל: 'שנה את צבע הכותרת הראשית לאדום'.
  • מבקשים מה-AI לקרוא את קובץ ההוראות ולבצע את השינוי.
  • בודקים שהתוצאה התעדכנה ומתאימה למה שביקשנו.
כלים

מצב PLAN

מתי משתמשים בו?

PLAN

מצב שבו ה-AI מתכנן את הצעדים לפני שהוא כותב קוד.

מתי להשתמש?

כשהשינוי גדול, כשיש כמה אפשרויות, או כשאנחנו רוצים להבין את התוכנית לפני הביצוע.

סיכום

מה לוקחים מהשיעור?

01

Prompt

מה ביקשתי מה־AI.

02

Vibe Coding

איך בניתי.

03

Iteration

איך שיפרתי.

מה הכי הפתיע אתכם היום?