בניית אתריםעם כלי AI

תכל׳ס, מה נלמד?

1. 01

   סביבת עבודה וכלים

   1. מבוא לקורסחינם

      נכיר את הפרויקט שנבנה יחד מאפס ועד אתר באוויר, ונבין למה דווקא הסדר שבו עובדים מפריד בין אתר שנראה כמו "עוד אתר של AI" לבין אתר שאפשר למכור. נדבר גם על הטעות שהרבה מי שמתחילים עם Claude עושים כבר ביום הראשון.

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

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

   3. התקנת קלוד והיכרות עם הממשקחינם

      מתקינים, מגדירים ומכירים את הממשק. כאן נגלה כמה הגדרות קטנות שרוב האנשים מדלגים עליהן, ושעושות הבדל גדול באיכות של מה ש־Claude מחזיר.

   4. משימה ראשונה, סקילים וסוכניםחינם

      המשימה הראשונה שלנו עם Claude, והיכרות עם סקילים וסוכנים. נבין איך הופכים את Claude מצ׳אט שעונה על שאלות לצוות שעובד בשבילכם, ולמה זה משנה את כל קצב העבודה.

2. 02

   אפיון, עיצוב ובניית האתר

   1. תהליך העבודה: מרעיון לאתרחינם

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

   2. הכנת הפרויקט לבנייהחינם

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

   3. מסלול א: בנייה ישירות מהאפיון

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

   4. מסלול א: העברה לפיגמה ודיוק העיצוב

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

   5. מסלול ב: הכנת קובץ פיגמה והעברת העיצוב לפיתוח

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

3. 03

   בדיקות, אבטחה ועלייה לאוויר

   1. בדיקות QA

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

   2. נגישות, SEO וביצועים

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

   3. אבטחת אתרים ומערכות

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

   4. בניית פאנל ניהול

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

   5. אחסון והעלאה לאוויר

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

4. 04

   מערכות, לקוחות ותחזוקה

   1. בניית מערכת משתמשים

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

   2. אינטגרציות וחיבורים: מיילים, AI ושירותים חיצוניים

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

   3. מסירת האתר ותחזוקה

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

5. 05

   שיעורי הרחבה

   1. העברת WordPress ל־Vibe Coding

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

   2. בניית אתרים דינמיים

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

   3. בניית מוצר SaaS

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

   4. בניית חנות אונליין

      שיעור הרחבה על בניית חנות אונליין עם כלי AI.