בעקבות הביקוש הגדול, הוספנו מועד נוסף לסדנה – הירשמו לפני שהכרטיסים יאזלו
הסדנה שתשדרג לך את התפקיד: עד היום, אפיינת, עיצבת. המפתחים.ות הפכו את הרעיון למשהו חי. ועכשיו? בתור בילדר במוצר יש לך את היכולת והכלים לעשות את שניהם. העתיד המקצועי שלך הולך להשתנות, ובסדנה הזו ילמדו אותך איך להגיע לשם, מי שכבר עשו את השינוי הזה ובהצלחה גדולה.
מה תעשו בפועל? עם מה תצאו?
תיקחו אפליקציה קיימת ותהפכו אותה לשלכם – עיצוב וקוד. רידיזיין מלא, שיפור UX שקופץ לכם לעין, בניית קוד UI, וחיבור לאפליקציה חיה.
המשתתפים.ות יצאו עם:
- ביטחון לבנות – קוד עובד – ל-UI ו-UX בפרודקשן
- תהליך עבודה מעשי שאפשר ליישם מייד בעבודה
- ניסיון מעשי ביצירת קוד פרונט-אנד עם AI: אפליקציה קיימת שעיצבו מחדש והפכו לשלהם – עיצוב וקוד
- מודל בעלות ברור לעבודה עם מפתחים בעולם החדש
🟢 הסדנה תאפשר בנייה אמיתית עם כלי וייב-קודינג בתוך מוצרים קיימים
🔴 הסדנה לא תהפוך את המשתתפים למפתחים
לתשומת לבכם:
- אין צורך ברקע מוקדם בפיתוח!
- כדי להשתתף בכל חלקי הסדנה, יש להגיע עם מנוי בתשלום לאחד מכלי הווייב קודינג. ההמלצה שלנו היא Claude, מסלול Claude Pro מספיק בהחלט לצורך הסדנה.
- הסדנה מקנה כלים ותהליך לעבודה אפקטיבית עם כל כלי וייב קודינג שתבחרו – Claude, Gemini, Chat GPT וגם אחרים.
תוכן הסדנה
1. רקע ומושגי יסוד
מאיפה באנו ולאן הולכים?
- תהליך פיתוח UI בצורה ה״פרימיטיבית״
- מה כלי AI coding באמת שינו
- מה זה ״בילדר״ או ״מפתח-עסקי״ בפועל
טרמינולוגיית פרונט אנד בסיסית
- קומפוננטות וקומפוזיציה
- מבנה נתונים
- בילד-טיים vs ראן-טיים
- UI לוג׳יק vs ביזנס לוג'יק
2. תהליך העבודה
- הפרדה של UI מהלוגיקה המרכזית
- חיבור לדאטה והתנהגות קיימת
- איך נראה תהליך רולאוט ולמה זה מעניין?
- איך לבדוק קוד שנוצר ב-AI בלי באמת לקרוא אותו?
3. עבודה עם כלי וייב-קודינג
- סקירת הכלים המובילים
- כלים שעובדים טוב בצוותים שכבר אימצו את השיטה
- יסודות ה-MCP
- איך בוחרים את הגישה הנכונה?
- מפיגמה – לקוד פיקסל-פרפקט
- עיצוב ישירות בקוד עם AI
- עריכה ואיטרציה של UI קיים
- טרייד אוף של מהירות vs שליטה
4. מרעיון לקוד – האנדס-און
הפרק הזה כולל בנייה של UI שלם על-ידי המשתתפים.
שלב 1: פירוק לחלקים (קומפוננטות) ובניה מודולרית:
Onboarding, Signup, דשבורד, טבלאות, תפריטים ועוד.
שלב 2: יצירת UI עם AI
- כתיבת פרומפטים אפקטיביים
- איטרציה ויזואלית
- השגת שליטה ברמת הפיקסל
שלב 3: הוספת UI Logic
- States ו-Flows
- אינטראקציות
- אנימציות
- Validations בסיסיים
שלב 4: Publish
שלב 5: איך הופכים UI למנוע צמיחה
- A/B Testing של מסכים
- פרסונליזציה לפי סגמנט
- Rollback מיידי של שינויים
5. מרעיון לפרודקשן בעידן החדש: קייס סטאדי
דוגמה מפורט מחברה שעשתה את המעבר והצליחה: מודל העבודה, התהליך המלא מרעיון ועד פרודקשן, חלוקת האחריות, נקודות סנכרון קריטיות ועוד.
תהליך עבודה בעולם החדש: Product-Design-Dev
- מודל עבודה מוכח
- איך נראה flow שלם מרעיון לפרודקשן כאשר פרודקט בילדר מעורב
- חלוקת אחריות ברורה: מה נשאר אצל הפיתוח, מה עובר לבילדרים?
- נקודות סנכרון קריטיות לאורך התהליך
- בעלות על UI אחרי השקה, בעולם דינמי ללא חסמים
תבנית ליישום בארגון – שלבים מעשיים להטמעה הדרגתית
- איך למסגר את התהליך כשמציגים אותו לצוות או להנהלה
- איך להתמודד עם התנגדויות נפוצות
- איך למצוא Quick Wins שמוכיחים ערך ובונים אמון הדרגתי
