שלום,
נראה שכבר הכרתם את אאוריקה. בטח כבר גיליתם כאן דברים מדהימים, אולי כבר שאלתם שאלות וקיבלתם תשובות טובות.
נשמח לראות משהו מכם בספר האורחים שלנו: איזו מילה טובה, חוות דעת, עצה חכמה לשיפור או כל מה שיש לכם לספר לנו על אאוריקה, כפי שאתם חווים אותה.
»
«
מה זה וייב קודינג שמאיים להחליף את התכנות המסורתי?
"וייב קודינג" (Vibe Coding), בעברית "קידוד אווירה", הוא גישה חדשנית לתכנות, המאפשרת לאנשים ליצור תוכנות באמצעות פרומפטים, פקודות פשוטות יחסית, בשפה רגילה וללא צורך בידע מעמיק בתכנות.
הרעיון המרכזי ב"קידוד האווירה" הוא שימוש בכלים מבוססי בינה מלאכותית שמפשטים את תהליך הפיתוח, כך שגם אנשים ללא רקע טכני יכולים להורות למכונה בשפתם, במקום באמצעות כתיבה של קוד, לפתח תוכנות, אפליקציות ויישומים קטנים. כך מאפשרים לדוגמה כלים כמו Cursor או Replit למשתמשים להקליד בקשות פשוטות, בשפה טבעית והכלי מייצר את הקוד, בהמרה אוטומטית לחלוטין.
בזכות היכולת של הווייב קודינג לייעל תהליכים ולהפחית עלויות, הגישה מעוררת עניין רב גם בקרב יזמים ומפתחים.
הגישה הזו זוכה להצלחה רבה בעמק הסיליקון ולהערכה והשקעות מהחברות המובילות בעולם הבינה היוצרת (Generative AI). מובילות תחום קידוד האווירה, כמו OpenAI ומיקרוסופט משקיעות בחברות מהפכניות, כמו Cursor, שמדגימות את הכיוון באופן מובהק.
קחו את Cursor, למשל. חברה שהוקמה בידי 4 מפתחים צעירים ומבריקים, תוך שהיא מגיעה במהירות אדירה להכנסות משמעותיות ולשווי של מיליארדי דולרים, עם כוח אדם מצומצם של פחות מ-25 עובדים.
נכון לתחילת 2025 וייב קודינג עדיין לא מחליף מתכנתים מקצועיים, לפחות באשר למוצרים מורכבים ואמינים. כדי ליצור כאלו עדיין נדרש ידע מעמיק בתכנות ובהבנה של מערכות, סביבות פיתוח, שפות תוכנה, ספריות קוד ועוד. יחד עם זאת, ההתפתחות המהירה של הכלים הללו סביר שתשנה את המצב בעתיד הקרוב.
הנה הסבר של וייב קודינג וכלים לקידוד ועיצוב UX ברוח זו:
https://youtu.be/9tw_HL5mnIg
תכנות וייב של סוכני AI באמצעות כלי קידוד אווירה:
https://youtu.be/Cf38Bi8U0Js
מהו וייב קודינג ומי זה אנדריי קרפטי? (עברית)
https://youtu.be/T9huPN10uSw
קורס וייב קודינג בעזרת Cursor:
https://youtu.be/dan3QfN3CDU
דוגמה לפיתוח וייב קודינג עם Base 44 (עברית):
https://youtu.be/luGJU_6jqR0?long=yes
כלי Vibe Code כתנועת המונים שמסביר שעדיף לתכנת בכלי VScode מאשר בכלי דפדפן (משוכנעים יכולים להתחיל ב-11:51):
https://youtu.be/V0TGQRAt4wg?long=yes
קורס קרסר של 2.5 שעות למעמיקים שרוצים לתכנת וייב קודינג ומוכנים להשקיע:
https://youtu.be/faezjTHA5SU?long=yes
ומגוון כלי וייב קודינג ששווה להכיר:
https://youtu.be/EVsJ-qlEQp8?long=yes
איך מפתחים אפליקציות עם AI?
פיתוח כלים ואפליקציות בעזרת AI הפכה כבר מזמן לעובדה קיימת ומאיצה פיתוחים. יש כלים רבים המתחרים על משתמשים ומפתחים ברמות שונות, ממתחילים גמורים ועד מתכנתים מנוסים ומהנדסי תוכנה שהקידוד משתנה להם במהירות והם מתרגלים לכך שחלק גדול מהקוד שלהם יכול להכתב באמצעות סוכני AI מקודדים או הרחבות של VS-code כמו קופיילוט וקרסר.
Google Firebase Studio היא סביבת פיתוח בענן שמאפשרת ליצור, לבדוק ולפרוס אפליקציות מלאות בקלות ובמהירות, ישירות מהדפדפן. היא מוגדרת כסביבת "פול סטאק", כלומר גם פרונט-אנד (צד המשתמש) וגם בק-אנד (צד שרת - מה שעובד ברקע ומאפשר את התפקוד המתוחכם יותר של המערכות המקוונות).
Firebase Studio היא סביבת פיתוח מבוססת ענן סוכנית המסייעת לך לבנות ולשלוח אפליקציות AI מלאות באיכות ייצור, כולל ממשקי API, בק אנד, פרונט אנד, מובייל ועוד.
Firebase Studio מאחדת את Project IDX עם סוכני AI ייעודיים וסיוע מ-Gemini ב-Firebase, זאת כדי לספק סביבת עבודה שיתופית ונגישה מכל מקום, המכילה את כל מה שאתה צריך כדי לפתח אפליקציה. אתה יכול לייבא את הפרויקטים הקיימים שלך או להתחיל משהו חדש עם תבניות התומכות במגוון שפות ומסגרות.
מה נכלל בו? - ביחד עם צד-שרת, צד-לקוח ומובייל, יש גם API, שילוב בכלי של עוזר בינה מלאכותית (Gemini), תבניות מוכנות, תמיכה במגוון שפות ואפשרויות פיתוח ומסגרות ואינטגרציה עמוקה עם שירותי Firebase ו-Google Cloud.
היתרונות המרכזיים של Firebase Studio לעומת המתחרים:
- פיתוח מהיר גם ללא קוד, בזכות עוזר AI שמסייע בכתיבת קוד, תיקון באגים, בדיקות ותיעוד.
- סביבת עבודה אחידה בענן, עם כלים מובנים לאמולציה, בדיקות ופריסה ישירה.
- אינטגרציה מלאה עם שירותי Firebase (כמו Auth, Firestore, Hosting) ותמיכה בניהול נתונים ויזואלי.
- אפשרות להתחיל מפרויקטים קיימים או מתבניות מגוונות, עם שיתוף פעולה וניהול צוותים קל.
- מתאים גם למפתחים וגם למשתמשים ללא רקע תכנותי, בזכות ממשק ויזואלי וסוכן פרוטוטייפינג.
בקצרה: Firebase Studio מאיץ פיתוח אפליקציות ומפשט את כל שלבי העבודה, עם יתרון ברור בשילוב AI, ניהול בענן ואינטגרציה לשירותי Google.
#השימוש:
בשלב הראשון מעצבים את ה-UI של האפליקציה או האתר שרוצים לפתח. עושים את זה באמצעות Google Stitch שזה בדיוק מה שהיא עושה, באמצעות פרומפט פשוט טבמהירות רבה.
עכשיו על Firebase Studio עושים הרשמה ואז על כפתור Start שמימין למעלה, תצטרכו לאשר כמה דברים, במיוחד שאתם מסכימים לתנאים.
במסך העבודה תראו שדה מרכזי לכתיבת הפרומפט שלכם. אפשר לטעון ב-upload את תמונות המסך שיצרנו ב-Stitch.
מתחת לשדה הפרומפט יש שורה של סביבות פיתוח ושפות תכנות שאפשר לבחור ולייבא פרויקט מהגיטהאב שלכם, קוד קיים שתרצו לעבוד עליו, ביחד עם כלי ה-AI שיש כאן.
בצד ימין של שדה ה-URL יש לכם אייקון של מסך קטן (ליד הכוכב וזכוכית המגדלת). לחצו עליו והוא יתקין לכם את FIrebase Studio כתוכנה על המחשב, במקום לעבוד עליו בדפדפן. אם וכשעובדים עליו, יש לו את מה שצריך ובתפריט ה-3 נקודות יש פקודות הכרחיות, כמו להעתיק לינק ועוד.
בתחתית שדה הפרומפט יש כמה רעיונות להתנסות, כמו מחשבון וכדומה. לחיצה על אחד מהם תרחיב את הפרומפט לאיפיון של ממש. כך מסייעת המקצוענות של ה-AI לייצר לנו מהרעיון הפשוט את התכנית,האפיון שנוכל לפתח ממנו את האבטיפוס (Prototype), ההגדרות המקצועיות לפיתוח של מוצר ראשוני טוב. בחרו את אחד מהם, ראו איך הפרומפט שלו הופך לתכנית או האפיון וגם לו אפשר להוסיף הנחיות בפרומפט, עם תוספות, תיקונים ודיוקים.
כשהתכנית מוכנה, לוחצים על כפתור Prototype ורואים כיצד הוא מייצר את הקוד ומעלה בחלון הצד את האפליקציה. עכשיו אפשר לשפר ולפתח באמצעות המשך הדיאלוג, באמצעות פרומפטים (בצד ימין) לפיירבייס סטודיו.
מעל ה preview של מה שהוא בנה לכם יש אייקון קטנטן של עריכה, מתוך שלישיית אייקונים קטנים. אם תבחרו בו, תוכלו לכתוב פרומפטים ותיקונים לכל רכיב באתר ולשפר ולדייק אותו.
אגב, ליד האייקון הזה יש אייקון של לינק. לחיצה עליו תציג QR code שיעלה לכם את האפליקציה או האתר שיצרתם להפעלה בטלפון.
שימו לב שבצד יש לכם גם כפתור של "Edit the code". ואכן, אפשר להיכנס לכאן ולערוך בשפת התכנות את הקוד עצמו.
למטה יש לכם גם כפתור של Anotate שמאפשר להוסיף הערות עם חיצים לאובייקטים על המסך והם יתוקנו.
כדי לחזור למסך הראשי עם שדה הפרומפט הנקי, לחצו למעלה על "Firebase Studio". תחזרו לחלון הראשון, אבל שימו לב שיש לכם את הפרויקט ש"יצרתם" מימין לשדה הפרומפט. הוא נמצא באזור העבודה שלכם "My workspaces". תמיד תוכלו לחזור ולעבוד עליו או על יצירות אחרות שיהיו לכם. בתפריט ה-3 נקודות שלו אפשר למחוק אותו (ייפתח חלון ויש לרשום delete ולבצע), לשנות את שמו, לשתף עם אחרים ועוד.
#עבודה בשפת תכנות ספציפית
אם רוצים לפתח בשפה או סביבה מסוימת, למשל ב-React, בוחרים אותה בשורת השפות, ייפתח לכם חלון Workspace חדש שתגדירו ואתם מתחילים לעבוד בה, בצורה דומה לקודם (יש מגבלה כי גוגל נותנים רק 3 וורקספייסס חינם, אך ניתן למחוק את הקודמים ולפנות מקום לחדשים).
דבר נהדר הוא ללחוץ משמאל לשורת האפשרויות על "New Workspace" ולקבל אפשרויות של קטגוריות תוכנה והוא יציע אילו שפות מתאימות לזו שבחרתם. זה יקל מאוד את ההחלטות לגבי הסביבה של בניית האפליקציה החדשה שלכם. יש שם Web, Mobile, Database ועוד.
אם בוחרים React למשל, אז נותנים שם לפיתוח החדש, בוחרים TypeScript והוא מקים את סביבת העבודה, מאתחל את הסביבה ומייצר במהירות את מה שצריך בסביבה שמזכירה את סביבות הפיתוח המקצועיות (IDEs) כמו VScode.
כותבים את הפרומפט שרוצים. אפשר לבקש את סוג ומהות האפליקציה או האתר ואז את דרישות העיצוב, כמו:
I want to include subtle animations, nice colors and UI elements to make it attractive. Make sure the website is responsive, modern, sleek looking and minimalistic
בצד שמאל יש לנו את.......
שמאלי תחתון אלה אינטגרציות שאפשר עם מוצרי גוגל.
הכירו את פיירבייס סטודיו:
https://youtu.be/A6KZKH7Dga0
מדריך למתחילים בוויב קודינג:
https://youtu.be/pQMOzQHZWrE?long=yes
הדרך הכי קלה לעבוד איתו:
https://youtu.be/ru8XPZbumNo?long=yes
היכרות למפתחים שסאו מ-Cursor:
https://youtu.be/bnNXIUdqnt0?long=yes
פיתוח בפיירבייס סטודיו של גוגל (עד 2:51):
https://youtu.be/Rd6F5wHIysM?long=yes
הדרכה להתחברות לדטבייס:
https://youtu.be/C2P707v_gig?long=yes
פיצ'רים נהדרים בו:
https://youtu.be/-A3QkftCCPw?long=yes
מהו המקצוע של בניית אתרים?
מקצוע בניית אתרים (Website building) הוא המקצוע של מי שיוצרים אתרים ואפליקציות אינטרנט. לרוב מדובר במקצוע המשלב תכנות, עם יכולות תכנון, עיצוב וחווית משתמש.
היסודות שבבסיס התכנות לבניית אתרים הם לרוב שילוב של HTML CSS ו- JavaScript. השפות הללו מהוות את אבני הבניין של כמעט כל אתר אינטרנט בעולם. HTML היא שפת סימון שבאמצעותה ניתן לבנות דפי אינטרנט ואתרים. CSS היא שפת סגנון ויזואלי, שמייפה אתרים ודפי אינטרנט למראה מקצועי. JavaScript היא שפת קידוד משוכללת לביצועים מתקדמים של אתרים.
בוני אתרים לומדים גם על Front End, שהוא הפיתוח שלחזית האתר, מה שקובע איך הוא נראה. בנוסף, הם צריכים לשלוט גם על הפיתוח האחורי, Back End, שקובע איך האתר עובד.
בידע הנדרש למקצוע נכללים גם נושאים כמו מסגרות (Frames), מסדי נתונים, ממשקי API וכלים נוספים המסייעים לבנייה של אתרים מתקדמים יותר.
בדרך כלל, מפתחי אתרים הוא מקצוע שיש לו דרישה בשוק וחברות מחפשות מפתחי אתרים. רבים מבוני האתרים הם פרילנסרים ומוצאים פרויקטים באופן עצמאי, דרך פלטפורמות כמו Fivver.
כיום כמובן שה-AI מאפשר בניית אתרים עצמאית באמצעות "וייב קודינג" (Vibe Coding), כשאת התכנות בשפת הקידוד מחליפות הוראות מילוליות, או בפרומפטים כתובים או בשיחה עם הבינה המלאכותית (ראו בתגית "פרומפטים").
#תפקידים בתעשיית הטכנולוגיה
מפתח אתרים: מי שבונה ומתחזק אתרים, באמצעות שפות קידוד כמו HTML, CSS ו-JavaScript.
מפתח פרונט אנד: מפתח צד קדמי. מי שמתמקד במראה ובהתנהגות של אתר האינטרנט. זה תפקיד של עיצוב דפי אינטרנט ידידותיים ואטרקטיביים.
מפתח בק אנד: מפתח צד אחורי. מי שעובד על צד השרת של אתר האינטרנט. הוא מנהל מסדי נתונים, אבטחה וביצועי אתרים.
מפתח פול סטאק: מפתח שמטפל הן בפיתוח הקדמי והן בפיתוח האחורי. הם יוצרים אתר שלם מתחילתו ועד סופו.
מעצב UI/UX: מי שהופך אתרים קלים לשימוש ומושכים חזותית. מתמקד בחוויית משתמש ובעיצוב Layout.
מפתח אתרים עצמאי: פרילנסרים שעובדים על פרויקטים שונים עבור לקוחות, עסקים או אנשים פרטיים.
מפתח מסחר אלקטרוני: מתמחה בבניית חנויות מקוונות.
הנה פרסומת של בוני אתרים (עברית):
https://youtu.be/TwP5hM1z3yo
שפת הסימון HTML:
https://youtu.be/akf9j0Jo0PE
שפת CSS:
https://youtu.be/1srYXgDRNak
מדריך שמסביר מצוין את עולם ה-HTML ב-12 דקות:
https://youtu.be/bWPMSSsVdPk?long=yes
מדריך ל-CSS ב-12 דקות:
https://youtu.be/0afZj1G0BIE?long=yes
והנה קורס מלא לבניית אתרים באמצעות AI ואלמנטור, כולל בניית בריף בשיחה, מפת אתר, ווייר פריים, עיצוב, איחסון, דומיין ושאר השלבים (עברית) 12:45:
https://youtu.be/i35WQ2O91AI?long=yes
מהו הפרומפט בעולם הבינה היוצרת הגנרטיבית?
מהו המקביל של מברשת הציור של ציירים, כלי הנגינה של המלחין או העט והמקלדת של הסופר או המשורר?
בעולם הבינה המלאכותית הגנרטיבית זהו הפרומפט (Prompt), ההוראה הכתובה, הנחייה טקסטואלית שאנחנו כותבים למכונה, כלומר לכלי הבינה הגנרטיבי (Generative AI). את ההנחייה הזו אנו כותבים לו כדי שייצר לנו את התוצר שאנו רוצים.
בפשטות, פרומפט הוא התיאור המילולי בשפה טבעית של התוצאה שנרצה לקבל מהבינה. עליו מתבסס כבר הגל החדש של פיתוח תוכנה, זה שזכה לכינוי "קידוד אווירה", בלועזית וייב קודינג (Vibe Coding), אבל ביצירת תמונות, שירים או סרטוני וידאו הוא כבר מזמן כלי עבודה לכל דבר.
הפרומפט של ימינו הוא כבר מזמן המלך של עולם הבינה המלאכותית מבוססת הדיאלוג וסוגי מודלים של שפה.
זה אמנם נשמע דומה לביטוי חיפוש, אבל הפרומפט הוא לא המקבילה הפשוטה של ביטוי החיפוש במנועי חיפוש, אלא בניסוח מאוד מוקפד של התוצר הרצוי, שיכול ללכת ולהשתבח במהלך הצ'אט עם הבוט, ככל שנרצה להשביח את התוצאה שקיבלנו.
#לג'נרט אהבה
הפעולה הזו ,של ניסוח הפרומפט, זכתה בעברית החדשה לשם הפעולה "לג'נרט" (To generate). היא זו שבמידה רבה תקבע את האיכות של התוצרים.
יש אפילו מקצוע חדש שהולך ומלבלב בעולם ה-AI. הוא נקרא, החזיקו חזק, "מהנדס פרומפטים" (Prompt Engineer). מדובר באדם שמיומנותו בניסוח של פרומפטים מוצלחים.
#איך להצליח בפרומפט?
כמה מרכיבים יוכלו לסייע בכתיבת הנחיות טובות לבינה הגנרטיבית:
פירוט ודיוק - אמנם הפרומפט יכול להיות משפט פשוט כמו "כתוב סיפור לילדים על החתול שנעלם", או "מתכון לסלט חצילים". אבל במיטבו פרומפט מדויק ומפורט יותר, ישיג דיוק ואיכות טובים יותר. תיאור של התוצר המצופה, עם פרטי פרטים, יביא כמעט תמיד לתוצאות טובות יותר. הקפידו פרומפטים לכתוב:
ספציפיות - במקום לכתוב לצ'ט "צייר לי פרח" מומלץ לפרט ולבקש למשל "פרח אדום עם עלי כותרת גדולים שהקצה שלהם צהוב". אל תדאגו אם מה שאתם כותבים נשמע לכם לא הגיוני. אחד הדברים שהבינה מצויינת בהם זה יצירה של דברים שרק גאון או משוגע יכולים לחשוב עליהם וזו בדיוק היצירתיות שלכם שדרושה לג'ינרוט מוצלח.
אל תבקשו מהצ'ט "מתכון לסלט" אלא בקשו "מתכון לסלט חצילים עם טחינה, מעט חריף ועם שמן זית". באופן דומה, אם יש דברים שלא תרצו הרי שתוכלו להציב גם מגבלות - מה לא ייכלל בתוצר. במקום לבקש "תכנית לטיול בלונדון" בקשו "תכנית לטיול של 3 ימים בלונדון, למשפחה עם בני נוער, שיהיה חינוכי ויכלול הליכה רגלית בלבד וללא שופינג".
שיפור בשלבים - את הפרומפט, בניגוד לחיפוש במנועי חיפוש, אפשר לשפר בשלבים. הצ'ט בוט של ChatGPT, למשל, זוכר את השיחה וההקשר של מה שאתם כותבים, כל עוד התכתבות היא באותו חלון שיחה.
זה אומר שלמתחילים שווה לנסות ולהתחיל בפרומפט כללי ולא מפורט ובהדרגה, ככל שהשיחה והדיוק של התוצר מתקדם לכם וגם התיאבון לתוצר יותר מוצלח גדל, להמשיך ולשפר את הפרומפט ולהפוך אותו למפורט וספציפי יותר.
בקול או טון מתאימים - ניסוח של פרומפטים לטקסטים כדאי שיקל בחשבון את הטון והקול הנכונים. כמו שבפרומפט ויזואלי נוכל לבקש שהציור יהיה בסגנון של ון גוך, פיקסו או דאלי, בתיאור של טקסט החליטו אם אתם רוצים שיהיה מנוסח כרציני, מדעי, עיתונאי, רשמי, או בסגנון של מתבגרים או של החבר'ה.
אפשר גם לבקש שהטקסט יהיה קצר או ארוך (כתוב לי שתי פסקאות על.. או "כתוב מאמר מלא על..." וכו').
הסבר כמו למתחיל - בקשו בפרומפט כך:
"Explain [subject] in simple terms. Explain to me as if I'm a beginner."
כך מודגם הפרומפט בפתיחת הסקירה על טכנולוגיית AI של חברת ראנוויי (עברית):
https://youtu.be/joJVqKTPVsY
השיעור הראשון בניסוח הפרומפט:
https://youtu.be/Qos2rG3zVAM
איך משתמשים ב- chatGPT כדי שהוא ינסח פרומפטים טובים למנוע תמונות, במקרה הזה Midjourney? (עברית):
https://youtu.be/zFS7WtovYmo
יש תוכנה לעזרה בניסוח פרומפטים (עברית):
https://youtu.be/HLhRFaXQ0vQ
על הפרומפט שמייצר חדשות קוליות לגיק (עברית):
https://youtu.be/5TlsXXTamBs
מודלים לציור גנרטיבי מתיאור מילולי בשפה טבעית:
https://youtu.be/pZsJbYIFCCw
הנה מקצוע מהנדס הפרומפט:
https://youtu.be/Bq-ncjOGeVU
עצות וטיפים לפרומפטים ושיחות עם צ'טבוטים (עברית):
https://youtu.be/R4E_lc_2wtY?long=yes
והסבר מקיף על עבודתם של מהנדסי הפרומפט (Prompt Engineer) בעולם ה-AI:
https://youtu.be/hd7l9F3n4ZM?long=yes
איך מתכנתים בכלי וייב קודינג ללא מתכנתים?
כלי וייב קודינג (Vibe Coding), כמו Lovable או Base44, הם כלים מבוססי AI, ידידותיים ללא מתכנתים, נוחים ופשוטים לבניית אפליקציות ואתרים, שלא מחייבים ידע בקוד או בתכנות.
בניגוד לכלים כמו Windsurf או Cursor, שהם forks של VSCode ובעצם עובדים על IDE למתכנתים, בייס44 ולאבאבל יותר מתאימים למי שלא מתכנתים ביום יום שלהם ועדיין רוצים לפתח מוצרים שחלמו עליהם זמן רב. הם יהפכו רעיונות ליישומים פונקציונליים לחלוטין - ללא שורת קוד אחת.
ב-Base44 יש לכם תיבת פרומפט פשוטה, שבתוכה תוכלו לכתוב בפשטות את הרעיון שלכם ולצפות כיתד הוא מפותח בשבילכם. ככל שתדייקו ותנסחו לפרטי פרטים, בכל שפה שתרגישו שנכונה לכם, הוא יפתח כלי שיהיה יותר מדויק ותואם לחזון שלכם.
רושמים, לוחצים על הפעלה ו-Base44 המחומש בהרבה AI, ייתן עבודה מאחורי הקלעים ותוך זמן לא ארוך תראו את החלום מתממש. בפרומפט ניתן ואף מומלץ לפרט כמה שיותר את הפיצ'רים המרכזיים שתרצו, את תיאורי המבנה של האפליקציה או האתר, פלטת הצבעים שבה תרצו לעצב אותם, את הפונטים, האנימציות וכדומה.
לא קיבלתם מה שרציתם? הכלי לא הבין אתכם? רוצים לשפר? - בפרומפטים נוספים ניתן לערוך את התוכנית הזאת כמה שתרצו. פשוט הנחו אותו בפרומפטים נוספים של תיקונים, תוספות, שינויים או דיוקים. הוא יזרום וישדרג את התוצר, יתקן ויאפשר תכונות ופיצ'רים נוספים או משופרים - בהתאם לדרישותיכם.
ולבסוף, אם וכשאתם מרוצים, פשוט לחצו על publish והשיקו את הבייבי שלכם לעולם.
את Base44, למשל, פיתח היזם הישראלי מאור שלמה. בניגוד לסטארטאפ קודם שמינכ"ל וגייס עבורו מיליוני דולרים, כאן הוא פיתח לגמרי בעצמו, כ"חברה של איש אחד" ומפעיל שיווק ויראלי חכם, שחשף המונים לכלי וההתפעלות מהיכולות שלו עשו את שאר העבודה.
וכדי להוסיף לכל הטוב הזה גם אופק והתפתחות מתמדת, מאור מוסיף בלי הפסקה פיצ'רים נוספים שמאפשרים גם למתקדמים לעשות פרוייקטים מורכבים יותר באמצעות Base44, כמו הוספה של מאגרי מידע חיצוניים, חיבור של API מגוונים ועוד.
#להפעלת כלי מבוסס AI
שימו לב שאם תרצו שהאתר או האפליקציה הסופית יתבססו על יכולות של AI, תצטרכו מנוי לצ'טבוט כמו Chat GPT או Claude וממנו לקבל API שאותו תצטרכו להכניס במהלך הפיתוח של הכלי שלכם והוא שיאפשר הפעלת הכלי החדשני ומבוסס הבינה המלאכותית.
#מה תלמדו כאן?
המדריך הבא הוא מבוא מעשי שיספק לכם בסיס מצוין לתחילת העבודה עם Base44 החינמי. זה יקרה אחרי שתפתחו חשבון באמצעות חשבון הגוגל שלכם ותתחילו לייצר פרויקט קיים, עם אפשרויות כמו לינקים לרשתות חברתיות, לוגואים, תמיכה בעברית (RTL), תאימות מלאה, צפייה באנליטיקות, תצוגה רספונסיבית במובייל, שיתוף של פרויקטים, ייצוא קוד ל-GitHub והגדרות אבטחה.
בהמשך תכירו תכונות מתקדמות בסביבת הפיתוח, כולל ניהול משתמשים, שליטה על דרישת התחברות, הוספה של דומיינים, עבודה עם קבצים ותמונות ואינטגרציה עם שירותי תשלום כמו PayPal ו-Stripe.
בהמשך ילמד אתכם המדריך ניסוח פרומטים (prompts) שישפרו את האתר, כולל שליטה ביצירה של SEO מוצלח ותמיכה בעדכונים. כל זה תוך שהוא מדכיש פיצ'רים כמו שליטה על עמודים ושמירת גרסאות.
בחלק השני תבינו את הנגישות והפשטות, לצד השכלול והעוצמה של Base44 וכיצד הכל מתחבר לפיתוח וייב קודינג פשוט וחכם, של אתרים ואפליקציות מעולים.
כאן תלמדו כיצד להתחיל מאפס ולבנות אתר או אפליקציית רשת חדשה באמצעות Base44. מההתחלה במסך הבית, עם ניסוח הפרומט של הרעיון שלכם והפיצ'רים הרצויים, תבנו את הפרויקט שלכם על ידי הזנת ההנחיות, רשימת הפיצ'רים, הנחיות UI ו-UX, תוך הבנה ושימוש בפונקציית Deep Coding של בייס44, המשלבת מודלי AI של "שרשרת מחשבה" (Chain of Thoughts), ליצירת אפליקציה מתקדמת ויעילה.
תוסבר גם החשיבות של GitHub לניהול גרסאות קוד, כיצד חוזרים לגרסאות קודמות שלו ואיך מעבירים פרויקט למתכנת אחר. יוצגו דוגמאות לפרויקטי Base44 בתוך GitHub ויוצגו שיטות וטיפים לשימוש אופטימלי בפלטפורמה זו.
הנה היכרות עם Base 44 לפיתוח וייב קודינג (עברית):
https://youtu.be/luGJU_6jqR0?long=yes
סקירה והיכרות עם הכלי - שיעור 1 (עברית):
https://youtu.be/kMTPbQXbFuY
בניית אפליקציה חדשה - שיעור 2 (עברית):
https://youtu.be/OIa9_ztCbhQ
פונקציית Backend מחברת את האפליקציה ב-Base44 לשירותים חיצוניים ומרחיבה את הפונקציונליות שלה עם ממשקי API ואינטגרציות של צד שלישי:
https://youtu.be/5LHFT0K08ws
מדריך להגדרת אינטגרציה של Base44:
https://youtu.be/IBfdxAh7pNE
לעומק ה-Workspace - סביבת העבודה שבה ניתן לנהל הגדרות (settings), להגדיר פריסות (deployments), להזמין משתמשים ועוד:
https://youtu.be/Q_TtYcDyNWY
יתרונות וחסרונות של פלטפורמת Base44 (עברית):
https://youtu.be/VMM7i7ULpGI
השוואה בינו לבין כלים מתחרים (עברית):
https://youtu.be/QrBcYHlVSw0
השוואה שלו עם Lovable.dev (עברית):
https://youtu.be/FF2-sSM_e2Y
לקראת פיתוח ראשון - שפרו את החשיבה "כמו מתכנת" שלכם (עברית):
https://youtu.be/N8wFaVbWqTk?long=yes
המלצות של כל מיני כלים בבייס44 שתרצו לנצל (דוקומנטציה, דיסקורד, אינטגרציות ועוד):
https://youtu.be/apHv5oXpkpA
דוגמאות ליצירת יחידת לימוד לנושא ספציפי (עברית):
https://youtu.be/85bNh0hh9BU
דוגמה לפרומפט לבניית אתר:
https://youtu.be/VTaLBpbFndI?t=24
למוצר מורכב כדאי להיעזר ב-LLM כדי לנסח את הפרומפט ולתכנן את הכלי לפני שמגיעים לבייס44:
https://youtu.be/VhN2_IuY1eQ?t=44
וראיון עם מאור שלמה - מפתח הכלי (עברית):
https://youtu.be/sBOQSzYCKMI?long=yes
והכלי לעבודה עם כלי גוגל Google AI studio:
https://youtu.be/vAvs4lBqSFo?long=yes
מה היתרון של כלי פיתוח קוד מבוססי AI?
מחשב מתכנת לבדו? - באופן מסוים כן. כי כלי קוד מבוססי בינה מלאכותית (AI-based code tools) מאפשרים לשלב את הרעיון או המומחיות האנושית עם היכולות של הבינה המלאכותית, כדי לפתח תוכנה ולעשות זאת ללא קידוד של המשתמש או באמצעות שיתוף פעולה בין המשתמש ל-AI.
קידוד מבוסס AI מתבסס על בינה מלאכותית ככותבת הקוד. כתיבת הקוד מתבססת על מודל שפה שאומן על נתוני דאטה עצומים ולמד קידוד.
המשתמש מאפיין את המוצר, אם זה אתר אינטרנט, תוכנה או אפליקציה לטלפון ומתאר אותו באמצעות פרומפט, הנחייה שהוא כותב לבינה היוצרת בלשון טבעית, כלומר שפה רגילה, שפת יום יום וללא צורך בידע בתכנות.
החיבור בין הרעיון והשכל האנושי ובין האינטליגנציה המלאכותית מאפשרים ניהול וביצוע משימות פיתוח, בשיתוף פעולה ועצמאות גם יחד.
באמצעות תכונות של AI מקודד ניתן לתאר ל-AI את המטרה, לקבל קוד, להנחות אותה כיצד להתקדם בפתרון בעיות או באגים בקוד ולהוביל ביחד לקוד איכותי ולמימוש הרעיון.
ה-AI המקודד מודע לפעולות המשתמש בזמן אמת ומציע יתרונות אדירים. הוא מסוגל לערוך קבצים מרובים במהירות אדירה, להציע פקודות, לזהות בעיות ולנפות באגים.
כלי הקוד המשובח "Windsurf AI", למשל, מפעיל סוכני AI מובנים, יחד עם מעין "טייסי משנה" מונעי בינה מלאכותית, שמטרתם להטעין את הקוד ולהפוך את הקידוד למהיר ואינטואיטיבי יותר.
בעצם, Windsurf ודומיו, דוגמת Cursor AI שהיה חלוץ הכלים הללו, הם מעין סביבת פיתוח (IDE) מהדור החדש, המשפרות את הפיתוח בעזרת אוטומציה חכמה ומציעות עריכת קוד בסביבה מרובת קבצים. וינדסרף עושה זאת, בין השאר, בעזרת כלי שנקרא Cascade ומצטיין במודעות עמוקה לקונטקסט, ההקשר הכל כך בסיסי ומרכזי בבינה המלאכותית היוצרת (Generative AI).
כלי נוסף וקל הרבה יותר הוא Websim AI, המאפשר לתאר אתר או אפליקציה, או סתם לתת שם דומיין מדומה, והיא יוצרת אותם. מכאן אפשר להנחות אותה בצעדים, איטרציות, מה שמאפשר לדייק אותה, לשפר, לשדרג ולבנות הלאה.
הנה כלי קוד מבוססי אינטליגנציה מלאכותית:
https://youtu.be/3cVJxRka4yM
AnyChat מצויד בדיפסיק וסמבה נובה לקידוד פשוט:
https://youtu.be/7BIVWQnAOLk?t=2m54s
השוואה של 3 מודלי שפה LLMs במהירות יצירת קוד למטלה זהה:
https://youtu.be/_JS-LkBrsk8
השוואת 5 כלי קוד מובילים והמנצח המפתיע:
https://youtu.be/WVhJSUtGbYM
יישום של תוכנה שפותחה כך, ללא כתיבת קוד:
https://youtu.be/lkom9ufvxD4
Websim.ai הוא כלי קוד קל מאוד וקסם ללא תכנות:
https://youtu.be/HCw4jCbLgMY
איך ChatGPT בניתוח קוד? (עברית)
https://youtu.be/Z46pqHFuKHs
רפליט הוא כלי קוד בינתי מתקדם יותר:
https://youtu.be/FrMy3Bq7TZA
לקודד אפשר גם בסמארטפון:
https://youtu.be/Cmq3TrS3ccU
מדריך מתחילים לתכנות עם Cursor AI:
https://youtu.be/ocMOZpuAMw4?long=yes
ומדריך לעבודה עם Windsurf:
https://youtu.be/4nCMdQadE08?long=yes
"וייב קודינג" (Vibe Coding), בעברית "קידוד אווירה", הוא גישה חדשנית לתכנות, המאפשרת לאנשים ליצור תוכנות באמצעות פרומפטים, פקודות פשוטות יחסית, בשפה רגילה וללא צורך בידע מעמיק בתכנות.
הרעיון המרכזי ב"קידוד האווירה" הוא שימוש בכלים מבוססי בינה מלאכותית שמפשטים את תהליך הפיתוח, כך שגם אנשים ללא רקע טכני יכולים להורות למכונה בשפתם, במקום באמצעות כתיבה של קוד, לפתח תוכנות, אפליקציות ויישומים קטנים. כך מאפשרים לדוגמה כלים כמו Cursor או Replit למשתמשים להקליד בקשות פשוטות, בשפה טבעית והכלי מייצר את הקוד, בהמרה אוטומטית לחלוטין.
בזכות היכולת של הווייב קודינג לייעל תהליכים ולהפחית עלויות, הגישה מעוררת עניין רב גם בקרב יזמים ומפתחים.
הגישה הזו זוכה להצלחה רבה בעמק הסיליקון ולהערכה והשקעות מהחברות המובילות בעולם הבינה היוצרת (Generative AI). מובילות תחום קידוד האווירה, כמו OpenAI ומיקרוסופט משקיעות בחברות מהפכניות, כמו Cursor, שמדגימות את הכיוון באופן מובהק.
קחו את Cursor, למשל. חברה שהוקמה בידי 4 מפתחים צעירים ומבריקים, תוך שהיא מגיעה במהירות אדירה להכנסות משמעותיות ולשווי של מיליארדי דולרים, עם כוח אדם מצומצם של פחות מ-25 עובדים.
נכון לתחילת 2025 וייב קודינג עדיין לא מחליף מתכנתים מקצועיים, לפחות באשר למוצרים מורכבים ואמינים. כדי ליצור כאלו עדיין נדרש ידע מעמיק בתכנות ובהבנה של מערכות, סביבות פיתוח, שפות תוכנה, ספריות קוד ועוד. יחד עם זאת, ההתפתחות המהירה של הכלים הללו סביר שתשנה את המצב בעתיד הקרוב.
הנה הסבר של וייב קודינג וכלים לקידוד ועיצוב UX ברוח זו:
https://youtu.be/9tw_HL5mnIg
תכנות וייב של סוכני AI באמצעות כלי קידוד אווירה:
https://youtu.be/Cf38Bi8U0Js
מהו וייב קודינג ומי זה אנדריי קרפטי? (עברית)
https://youtu.be/T9huPN10uSw
קורס וייב קודינג בעזרת Cursor:
https://youtu.be/dan3QfN3CDU
דוגמה לפיתוח וייב קודינג עם Base 44 (עברית):
https://youtu.be/luGJU_6jqR0?long=yes
כלי Vibe Code כתנועת המונים שמסביר שעדיף לתכנת בכלי VScode מאשר בכלי דפדפן (משוכנעים יכולים להתחיל ב-11:51):
https://youtu.be/V0TGQRAt4wg?long=yes
קורס קרסר של 2.5 שעות למעמיקים שרוצים לתכנת וייב קודינג ומוכנים להשקיע:
https://youtu.be/faezjTHA5SU?long=yes
ומגוון כלי וייב קודינג ששווה להכיר:
https://youtu.be/EVsJ-qlEQp8?long=yes
פיתוח כלים ואפליקציות בעזרת AI הפכה כבר מזמן לעובדה קיימת ומאיצה פיתוחים. יש כלים רבים המתחרים על משתמשים ומפתחים ברמות שונות, ממתחילים גמורים ועד מתכנתים מנוסים ומהנדסי תוכנה שהקידוד משתנה להם במהירות והם מתרגלים לכך שחלק גדול מהקוד שלהם יכול להכתב באמצעות סוכני AI מקודדים או הרחבות של VS-code כמו קופיילוט וקרסר.
Google Firebase Studio היא סביבת פיתוח בענן שמאפשרת ליצור, לבדוק ולפרוס אפליקציות מלאות בקלות ובמהירות, ישירות מהדפדפן. היא מוגדרת כסביבת "פול סטאק", כלומר גם פרונט-אנד (צד המשתמש) וגם בק-אנד (צד שרת - מה שעובד ברקע ומאפשר את התפקוד המתוחכם יותר של המערכות המקוונות).
Firebase Studio היא סביבת פיתוח מבוססת ענן סוכנית המסייעת לך לבנות ולשלוח אפליקציות AI מלאות באיכות ייצור, כולל ממשקי API, בק אנד, פרונט אנד, מובייל ועוד.
Firebase Studio מאחדת את Project IDX עם סוכני AI ייעודיים וסיוע מ-Gemini ב-Firebase, זאת כדי לספק סביבת עבודה שיתופית ונגישה מכל מקום, המכילה את כל מה שאתה צריך כדי לפתח אפליקציה. אתה יכול לייבא את הפרויקטים הקיימים שלך או להתחיל משהו חדש עם תבניות התומכות במגוון שפות ומסגרות.
מה נכלל בו? - ביחד עם צד-שרת, צד-לקוח ומובייל, יש גם API, שילוב בכלי של עוזר בינה מלאכותית (Gemini), תבניות מוכנות, תמיכה במגוון שפות ואפשרויות פיתוח ומסגרות ואינטגרציה עמוקה עם שירותי Firebase ו-Google Cloud.
היתרונות המרכזיים של Firebase Studio לעומת המתחרים:
- פיתוח מהיר גם ללא קוד, בזכות עוזר AI שמסייע בכתיבת קוד, תיקון באגים, בדיקות ותיעוד.
- סביבת עבודה אחידה בענן, עם כלים מובנים לאמולציה, בדיקות ופריסה ישירה.
- אינטגרציה מלאה עם שירותי Firebase (כמו Auth, Firestore, Hosting) ותמיכה בניהול נתונים ויזואלי.
- אפשרות להתחיל מפרויקטים קיימים או מתבניות מגוונות, עם שיתוף פעולה וניהול צוותים קל.
- מתאים גם למפתחים וגם למשתמשים ללא רקע תכנותי, בזכות ממשק ויזואלי וסוכן פרוטוטייפינג.
בקצרה: Firebase Studio מאיץ פיתוח אפליקציות ומפשט את כל שלבי העבודה, עם יתרון ברור בשילוב AI, ניהול בענן ואינטגרציה לשירותי Google.
#השימוש:
בשלב הראשון מעצבים את ה-UI של האפליקציה או האתר שרוצים לפתח. עושים את זה באמצעות Google Stitch שזה בדיוק מה שהיא עושה, באמצעות פרומפט פשוט טבמהירות רבה.
עכשיו על Firebase Studio עושים הרשמה ואז על כפתור Start שמימין למעלה, תצטרכו לאשר כמה דברים, במיוחד שאתם מסכימים לתנאים.
במסך העבודה תראו שדה מרכזי לכתיבת הפרומפט שלכם. אפשר לטעון ב-upload את תמונות המסך שיצרנו ב-Stitch.
מתחת לשדה הפרומפט יש שורה של סביבות פיתוח ושפות תכנות שאפשר לבחור ולייבא פרויקט מהגיטהאב שלכם, קוד קיים שתרצו לעבוד עליו, ביחד עם כלי ה-AI שיש כאן.
בצד ימין של שדה ה-URL יש לכם אייקון של מסך קטן (ליד הכוכב וזכוכית המגדלת). לחצו עליו והוא יתקין לכם את FIrebase Studio כתוכנה על המחשב, במקום לעבוד עליו בדפדפן. אם וכשעובדים עליו, יש לו את מה שצריך ובתפריט ה-3 נקודות יש פקודות הכרחיות, כמו להעתיק לינק ועוד.
בתחתית שדה הפרומפט יש כמה רעיונות להתנסות, כמו מחשבון וכדומה. לחיצה על אחד מהם תרחיב את הפרומפט לאיפיון של ממש. כך מסייעת המקצוענות של ה-AI לייצר לנו מהרעיון הפשוט את התכנית,האפיון שנוכל לפתח ממנו את האבטיפוס (Prototype), ההגדרות המקצועיות לפיתוח של מוצר ראשוני טוב. בחרו את אחד מהם, ראו איך הפרומפט שלו הופך לתכנית או האפיון וגם לו אפשר להוסיף הנחיות בפרומפט, עם תוספות, תיקונים ודיוקים.
כשהתכנית מוכנה, לוחצים על כפתור Prototype ורואים כיצד הוא מייצר את הקוד ומעלה בחלון הצד את האפליקציה. עכשיו אפשר לשפר ולפתח באמצעות המשך הדיאלוג, באמצעות פרומפטים (בצד ימין) לפיירבייס סטודיו.
מעל ה preview של מה שהוא בנה לכם יש אייקון קטנטן של עריכה, מתוך שלישיית אייקונים קטנים. אם תבחרו בו, תוכלו לכתוב פרומפטים ותיקונים לכל רכיב באתר ולשפר ולדייק אותו.
אגב, ליד האייקון הזה יש אייקון של לינק. לחיצה עליו תציג QR code שיעלה לכם את האפליקציה או האתר שיצרתם להפעלה בטלפון.
שימו לב שבצד יש לכם גם כפתור של "Edit the code". ואכן, אפשר להיכנס לכאן ולערוך בשפת התכנות את הקוד עצמו.
למטה יש לכם גם כפתור של Anotate שמאפשר להוסיף הערות עם חיצים לאובייקטים על המסך והם יתוקנו.
כדי לחזור למסך הראשי עם שדה הפרומפט הנקי, לחצו למעלה על "Firebase Studio". תחזרו לחלון הראשון, אבל שימו לב שיש לכם את הפרויקט ש"יצרתם" מימין לשדה הפרומפט. הוא נמצא באזור העבודה שלכם "My workspaces". תמיד תוכלו לחזור ולעבוד עליו או על יצירות אחרות שיהיו לכם. בתפריט ה-3 נקודות שלו אפשר למחוק אותו (ייפתח חלון ויש לרשום delete ולבצע), לשנות את שמו, לשתף עם אחרים ועוד.
#עבודה בשפת תכנות ספציפית
אם רוצים לפתח בשפה או סביבה מסוימת, למשל ב-React, בוחרים אותה בשורת השפות, ייפתח לכם חלון Workspace חדש שתגדירו ואתם מתחילים לעבוד בה, בצורה דומה לקודם (יש מגבלה כי גוגל נותנים רק 3 וורקספייסס חינם, אך ניתן למחוק את הקודמים ולפנות מקום לחדשים).
דבר נהדר הוא ללחוץ משמאל לשורת האפשרויות על "New Workspace" ולקבל אפשרויות של קטגוריות תוכנה והוא יציע אילו שפות מתאימות לזו שבחרתם. זה יקל מאוד את ההחלטות לגבי הסביבה של בניית האפליקציה החדשה שלכם. יש שם Web, Mobile, Database ועוד.
אם בוחרים React למשל, אז נותנים שם לפיתוח החדש, בוחרים TypeScript והוא מקים את סביבת העבודה, מאתחל את הסביבה ומייצר במהירות את מה שצריך בסביבה שמזכירה את סביבות הפיתוח המקצועיות (IDEs) כמו VScode.
כותבים את הפרומפט שרוצים. אפשר לבקש את סוג ומהות האפליקציה או האתר ואז את דרישות העיצוב, כמו:
I want to include subtle animations, nice colors and UI elements to make it attractive. Make sure the website is responsive, modern, sleek looking and minimalistic
בצד שמאל יש לנו את.......
שמאלי תחתון אלה אינטגרציות שאפשר עם מוצרי גוגל.
הכירו את פיירבייס סטודיו:
https://youtu.be/A6KZKH7Dga0
מדריך למתחילים בוויב קודינג:
https://youtu.be/pQMOzQHZWrE?long=yes
הדרך הכי קלה לעבוד איתו:
https://youtu.be/ru8XPZbumNo?long=yes
היכרות למפתחים שסאו מ-Cursor:
https://youtu.be/bnNXIUdqnt0?long=yes
פיתוח בפיירבייס סטודיו של גוגל (עד 2:51):
https://youtu.be/Rd6F5wHIysM?long=yes
הדרכה להתחברות לדטבייס:
https://youtu.be/C2P707v_gig?long=yes
פיצ'רים נהדרים בו:
https://youtu.be/-A3QkftCCPw?long=yes
מקצוע בניית אתרים (Website building) הוא המקצוע של מי שיוצרים אתרים ואפליקציות אינטרנט. לרוב מדובר במקצוע המשלב תכנות, עם יכולות תכנון, עיצוב וחווית משתמש.
היסודות שבבסיס התכנות לבניית אתרים הם לרוב שילוב של HTML CSS ו- JavaScript. השפות הללו מהוות את אבני הבניין של כמעט כל אתר אינטרנט בעולם. HTML היא שפת סימון שבאמצעותה ניתן לבנות דפי אינטרנט ואתרים. CSS היא שפת סגנון ויזואלי, שמייפה אתרים ודפי אינטרנט למראה מקצועי. JavaScript היא שפת קידוד משוכללת לביצועים מתקדמים של אתרים.
בוני אתרים לומדים גם על Front End, שהוא הפיתוח שלחזית האתר, מה שקובע איך הוא נראה. בנוסף, הם צריכים לשלוט גם על הפיתוח האחורי, Back End, שקובע איך האתר עובד.
בידע הנדרש למקצוע נכללים גם נושאים כמו מסגרות (Frames), מסדי נתונים, ממשקי API וכלים נוספים המסייעים לבנייה של אתרים מתקדמים יותר.
בדרך כלל, מפתחי אתרים הוא מקצוע שיש לו דרישה בשוק וחברות מחפשות מפתחי אתרים. רבים מבוני האתרים הם פרילנסרים ומוצאים פרויקטים באופן עצמאי, דרך פלטפורמות כמו Fivver.
כיום כמובן שה-AI מאפשר בניית אתרים עצמאית באמצעות "וייב קודינג" (Vibe Coding), כשאת התכנות בשפת הקידוד מחליפות הוראות מילוליות, או בפרומפטים כתובים או בשיחה עם הבינה המלאכותית (ראו בתגית "פרומפטים").
#תפקידים בתעשיית הטכנולוגיה
מפתח אתרים: מי שבונה ומתחזק אתרים, באמצעות שפות קידוד כמו HTML, CSS ו-JavaScript.
מפתח פרונט אנד: מפתח צד קדמי. מי שמתמקד במראה ובהתנהגות של אתר האינטרנט. זה תפקיד של עיצוב דפי אינטרנט ידידותיים ואטרקטיביים.
מפתח בק אנד: מפתח צד אחורי. מי שעובד על צד השרת של אתר האינטרנט. הוא מנהל מסדי נתונים, אבטחה וביצועי אתרים.
מפתח פול סטאק: מפתח שמטפל הן בפיתוח הקדמי והן בפיתוח האחורי. הם יוצרים אתר שלם מתחילתו ועד סופו.
מעצב UI/UX: מי שהופך אתרים קלים לשימוש ומושכים חזותית. מתמקד בחוויית משתמש ובעיצוב Layout.
מפתח אתרים עצמאי: פרילנסרים שעובדים על פרויקטים שונים עבור לקוחות, עסקים או אנשים פרטיים.
מפתח מסחר אלקטרוני: מתמחה בבניית חנויות מקוונות.
הנה פרסומת של בוני אתרים (עברית):
https://youtu.be/TwP5hM1z3yo
שפת הסימון HTML:
https://youtu.be/akf9j0Jo0PE
שפת CSS:
https://youtu.be/1srYXgDRNak
מדריך שמסביר מצוין את עולם ה-HTML ב-12 דקות:
https://youtu.be/bWPMSSsVdPk?long=yes
מדריך ל-CSS ב-12 דקות:
https://youtu.be/0afZj1G0BIE?long=yes
והנה קורס מלא לבניית אתרים באמצעות AI ואלמנטור, כולל בניית בריף בשיחה, מפת אתר, ווייר פריים, עיצוב, איחסון, דומיין ושאר השלבים (עברית) 12:45:
https://youtu.be/i35WQ2O91AI?long=yes
מהו המקביל של מברשת הציור של ציירים, כלי הנגינה של המלחין או העט והמקלדת של הסופר או המשורר?
בעולם הבינה המלאכותית הגנרטיבית זהו הפרומפט (Prompt), ההוראה הכתובה, הנחייה טקסטואלית שאנחנו כותבים למכונה, כלומר לכלי הבינה הגנרטיבי (Generative AI). את ההנחייה הזו אנו כותבים לו כדי שייצר לנו את התוצר שאנו רוצים.
בפשטות, פרומפט הוא התיאור המילולי בשפה טבעית של התוצאה שנרצה לקבל מהבינה. עליו מתבסס כבר הגל החדש של פיתוח תוכנה, זה שזכה לכינוי "קידוד אווירה", בלועזית וייב קודינג (Vibe Coding), אבל ביצירת תמונות, שירים או סרטוני וידאו הוא כבר מזמן כלי עבודה לכל דבר.
הפרומפט של ימינו הוא כבר מזמן המלך של עולם הבינה המלאכותית מבוססת הדיאלוג וסוגי מודלים של שפה.
זה אמנם נשמע דומה לביטוי חיפוש, אבל הפרומפט הוא לא המקבילה הפשוטה של ביטוי החיפוש במנועי חיפוש, אלא בניסוח מאוד מוקפד של התוצר הרצוי, שיכול ללכת ולהשתבח במהלך הצ'אט עם הבוט, ככל שנרצה להשביח את התוצאה שקיבלנו.
#לג'נרט אהבה
הפעולה הזו ,של ניסוח הפרומפט, זכתה בעברית החדשה לשם הפעולה "לג'נרט" (To generate). היא זו שבמידה רבה תקבע את האיכות של התוצרים.
יש אפילו מקצוע חדש שהולך ומלבלב בעולם ה-AI. הוא נקרא, החזיקו חזק, "מהנדס פרומפטים" (Prompt Engineer). מדובר באדם שמיומנותו בניסוח של פרומפטים מוצלחים.
#איך להצליח בפרומפט?
כמה מרכיבים יוכלו לסייע בכתיבת הנחיות טובות לבינה הגנרטיבית:
פירוט ודיוק - אמנם הפרומפט יכול להיות משפט פשוט כמו "כתוב סיפור לילדים על החתול שנעלם", או "מתכון לסלט חצילים". אבל במיטבו פרומפט מדויק ומפורט יותר, ישיג דיוק ואיכות טובים יותר. תיאור של התוצר המצופה, עם פרטי פרטים, יביא כמעט תמיד לתוצאות טובות יותר. הקפידו פרומפטים לכתוב:
ספציפיות - במקום לכתוב לצ'ט "צייר לי פרח" מומלץ לפרט ולבקש למשל "פרח אדום עם עלי כותרת גדולים שהקצה שלהם צהוב". אל תדאגו אם מה שאתם כותבים נשמע לכם לא הגיוני. אחד הדברים שהבינה מצויינת בהם זה יצירה של דברים שרק גאון או משוגע יכולים לחשוב עליהם וזו בדיוק היצירתיות שלכם שדרושה לג'ינרוט מוצלח.
אל תבקשו מהצ'ט "מתכון לסלט" אלא בקשו "מתכון לסלט חצילים עם טחינה, מעט חריף ועם שמן זית". באופן דומה, אם יש דברים שלא תרצו הרי שתוכלו להציב גם מגבלות - מה לא ייכלל בתוצר. במקום לבקש "תכנית לטיול בלונדון" בקשו "תכנית לטיול של 3 ימים בלונדון, למשפחה עם בני נוער, שיהיה חינוכי ויכלול הליכה רגלית בלבד וללא שופינג".
שיפור בשלבים - את הפרומפט, בניגוד לחיפוש במנועי חיפוש, אפשר לשפר בשלבים. הצ'ט בוט של ChatGPT, למשל, זוכר את השיחה וההקשר של מה שאתם כותבים, כל עוד התכתבות היא באותו חלון שיחה.
זה אומר שלמתחילים שווה לנסות ולהתחיל בפרומפט כללי ולא מפורט ובהדרגה, ככל שהשיחה והדיוק של התוצר מתקדם לכם וגם התיאבון לתוצר יותר מוצלח גדל, להמשיך ולשפר את הפרומפט ולהפוך אותו למפורט וספציפי יותר.
בקול או טון מתאימים - ניסוח של פרומפטים לטקסטים כדאי שיקל בחשבון את הטון והקול הנכונים. כמו שבפרומפט ויזואלי נוכל לבקש שהציור יהיה בסגנון של ון גוך, פיקסו או דאלי, בתיאור של טקסט החליטו אם אתם רוצים שיהיה מנוסח כרציני, מדעי, עיתונאי, רשמי, או בסגנון של מתבגרים או של החבר'ה.
אפשר גם לבקש שהטקסט יהיה קצר או ארוך (כתוב לי שתי פסקאות על.. או "כתוב מאמר מלא על..." וכו').
הסבר כמו למתחיל - בקשו בפרומפט כך:
"Explain [subject] in simple terms. Explain to me as if I'm a beginner."
כך מודגם הפרומפט בפתיחת הסקירה על טכנולוגיית AI של חברת ראנוויי (עברית):
https://youtu.be/joJVqKTPVsY
השיעור הראשון בניסוח הפרומפט:
https://youtu.be/Qos2rG3zVAM
איך משתמשים ב- chatGPT כדי שהוא ינסח פרומפטים טובים למנוע תמונות, במקרה הזה Midjourney? (עברית):
https://youtu.be/zFS7WtovYmo
יש תוכנה לעזרה בניסוח פרומפטים (עברית):
https://youtu.be/HLhRFaXQ0vQ
על הפרומפט שמייצר חדשות קוליות לגיק (עברית):
https://youtu.be/5TlsXXTamBs
מודלים לציור גנרטיבי מתיאור מילולי בשפה טבעית:
https://youtu.be/pZsJbYIFCCw
הנה מקצוע מהנדס הפרומפט:
https://youtu.be/Bq-ncjOGeVU
עצות וטיפים לפרומפטים ושיחות עם צ'טבוטים (עברית):
https://youtu.be/R4E_lc_2wtY?long=yes
והסבר מקיף על עבודתם של מהנדסי הפרומפט (Prompt Engineer) בעולם ה-AI:
https://youtu.be/hd7l9F3n4ZM?long=yes
וייב קודינג
כלי וייב קודינג (Vibe Coding), כמו Lovable או Base44, הם כלים מבוססי AI, ידידותיים ללא מתכנתים, נוחים ופשוטים לבניית אפליקציות ואתרים, שלא מחייבים ידע בקוד או בתכנות.
בניגוד לכלים כמו Windsurf או Cursor, שהם forks של VSCode ובעצם עובדים על IDE למתכנתים, בייס44 ולאבאבל יותר מתאימים למי שלא מתכנתים ביום יום שלהם ועדיין רוצים לפתח מוצרים שחלמו עליהם זמן רב. הם יהפכו רעיונות ליישומים פונקציונליים לחלוטין - ללא שורת קוד אחת.
ב-Base44 יש לכם תיבת פרומפט פשוטה, שבתוכה תוכלו לכתוב בפשטות את הרעיון שלכם ולצפות כיתד הוא מפותח בשבילכם. ככל שתדייקו ותנסחו לפרטי פרטים, בכל שפה שתרגישו שנכונה לכם, הוא יפתח כלי שיהיה יותר מדויק ותואם לחזון שלכם.
רושמים, לוחצים על הפעלה ו-Base44 המחומש בהרבה AI, ייתן עבודה מאחורי הקלעים ותוך זמן לא ארוך תראו את החלום מתממש. בפרומפט ניתן ואף מומלץ לפרט כמה שיותר את הפיצ'רים המרכזיים שתרצו, את תיאורי המבנה של האפליקציה או האתר, פלטת הצבעים שבה תרצו לעצב אותם, את הפונטים, האנימציות וכדומה.
לא קיבלתם מה שרציתם? הכלי לא הבין אתכם? רוצים לשפר? - בפרומפטים נוספים ניתן לערוך את התוכנית הזאת כמה שתרצו. פשוט הנחו אותו בפרומפטים נוספים של תיקונים, תוספות, שינויים או דיוקים. הוא יזרום וישדרג את התוצר, יתקן ויאפשר תכונות ופיצ'רים נוספים או משופרים - בהתאם לדרישותיכם.
ולבסוף, אם וכשאתם מרוצים, פשוט לחצו על publish והשיקו את הבייבי שלכם לעולם.
את Base44, למשל, פיתח היזם הישראלי מאור שלמה. בניגוד לסטארטאפ קודם שמינכ"ל וגייס עבורו מיליוני דולרים, כאן הוא פיתח לגמרי בעצמו, כ"חברה של איש אחד" ומפעיל שיווק ויראלי חכם, שחשף המונים לכלי וההתפעלות מהיכולות שלו עשו את שאר העבודה.
וכדי להוסיף לכל הטוב הזה גם אופק והתפתחות מתמדת, מאור מוסיף בלי הפסקה פיצ'רים נוספים שמאפשרים גם למתקדמים לעשות פרוייקטים מורכבים יותר באמצעות Base44, כמו הוספה של מאגרי מידע חיצוניים, חיבור של API מגוונים ועוד.
#להפעלת כלי מבוסס AI
שימו לב שאם תרצו שהאתר או האפליקציה הסופית יתבססו על יכולות של AI, תצטרכו מנוי לצ'טבוט כמו Chat GPT או Claude וממנו לקבל API שאותו תצטרכו להכניס במהלך הפיתוח של הכלי שלכם והוא שיאפשר הפעלת הכלי החדשני ומבוסס הבינה המלאכותית.
#מה תלמדו כאן?
המדריך הבא הוא מבוא מעשי שיספק לכם בסיס מצוין לתחילת העבודה עם Base44 החינמי. זה יקרה אחרי שתפתחו חשבון באמצעות חשבון הגוגל שלכם ותתחילו לייצר פרויקט קיים, עם אפשרויות כמו לינקים לרשתות חברתיות, לוגואים, תמיכה בעברית (RTL), תאימות מלאה, צפייה באנליטיקות, תצוגה רספונסיבית במובייל, שיתוף של פרויקטים, ייצוא קוד ל-GitHub והגדרות אבטחה.
בהמשך תכירו תכונות מתקדמות בסביבת הפיתוח, כולל ניהול משתמשים, שליטה על דרישת התחברות, הוספה של דומיינים, עבודה עם קבצים ותמונות ואינטגרציה עם שירותי תשלום כמו PayPal ו-Stripe.
בהמשך ילמד אתכם המדריך ניסוח פרומטים (prompts) שישפרו את האתר, כולל שליטה ביצירה של SEO מוצלח ותמיכה בעדכונים. כל זה תוך שהוא מדכיש פיצ'רים כמו שליטה על עמודים ושמירת גרסאות.
בחלק השני תבינו את הנגישות והפשטות, לצד השכלול והעוצמה של Base44 וכיצד הכל מתחבר לפיתוח וייב קודינג פשוט וחכם, של אתרים ואפליקציות מעולים.
כאן תלמדו כיצד להתחיל מאפס ולבנות אתר או אפליקציית רשת חדשה באמצעות Base44. מההתחלה במסך הבית, עם ניסוח הפרומט של הרעיון שלכם והפיצ'רים הרצויים, תבנו את הפרויקט שלכם על ידי הזנת ההנחיות, רשימת הפיצ'רים, הנחיות UI ו-UX, תוך הבנה ושימוש בפונקציית Deep Coding של בייס44, המשלבת מודלי AI של "שרשרת מחשבה" (Chain of Thoughts), ליצירת אפליקציה מתקדמת ויעילה.
תוסבר גם החשיבות של GitHub לניהול גרסאות קוד, כיצד חוזרים לגרסאות קודמות שלו ואיך מעבירים פרויקט למתכנת אחר. יוצגו דוגמאות לפרויקטי Base44 בתוך GitHub ויוצגו שיטות וטיפים לשימוש אופטימלי בפלטפורמה זו.
הנה היכרות עם Base 44 לפיתוח וייב קודינג (עברית):
https://youtu.be/luGJU_6jqR0?long=yes
סקירה והיכרות עם הכלי - שיעור 1 (עברית):
https://youtu.be/kMTPbQXbFuY
בניית אפליקציה חדשה - שיעור 2 (עברית):
https://youtu.be/OIa9_ztCbhQ
פונקציית Backend מחברת את האפליקציה ב-Base44 לשירותים חיצוניים ומרחיבה את הפונקציונליות שלה עם ממשקי API ואינטגרציות של צד שלישי:
https://youtu.be/5LHFT0K08ws
מדריך להגדרת אינטגרציה של Base44:
https://youtu.be/IBfdxAh7pNE
לעומק ה-Workspace - סביבת העבודה שבה ניתן לנהל הגדרות (settings), להגדיר פריסות (deployments), להזמין משתמשים ועוד:
https://youtu.be/Q_TtYcDyNWY
יתרונות וחסרונות של פלטפורמת Base44 (עברית):
https://youtu.be/VMM7i7ULpGI
השוואה בינו לבין כלים מתחרים (עברית):
https://youtu.be/QrBcYHlVSw0
השוואה שלו עם Lovable.dev (עברית):
https://youtu.be/FF2-sSM_e2Y
לקראת פיתוח ראשון - שפרו את החשיבה "כמו מתכנת" שלכם (עברית):
https://youtu.be/N8wFaVbWqTk?long=yes
המלצות של כל מיני כלים בבייס44 שתרצו לנצל (דוקומנטציה, דיסקורד, אינטגרציות ועוד):
https://youtu.be/apHv5oXpkpA
דוגמאות ליצירת יחידת לימוד לנושא ספציפי (עברית):
https://youtu.be/85bNh0hh9BU
דוגמה לפרומפט לבניית אתר:
https://youtu.be/VTaLBpbFndI?t=24
למוצר מורכב כדאי להיעזר ב-LLM כדי לנסח את הפרומפט ולתכנן את הכלי לפני שמגיעים לבייס44:
https://youtu.be/VhN2_IuY1eQ?t=44
וראיון עם מאור שלמה - מפתח הכלי (עברית):
https://youtu.be/sBOQSzYCKMI?long=yes
והכלי לעבודה עם כלי גוגל Google AI studio:
https://youtu.be/vAvs4lBqSFo?long=yes
מחשב מתכנת לבדו? - באופן מסוים כן. כי כלי קוד מבוססי בינה מלאכותית (AI-based code tools) מאפשרים לשלב את הרעיון או המומחיות האנושית עם היכולות של הבינה המלאכותית, כדי לפתח תוכנה ולעשות זאת ללא קידוד של המשתמש או באמצעות שיתוף פעולה בין המשתמש ל-AI.
קידוד מבוסס AI מתבסס על בינה מלאכותית ככותבת הקוד. כתיבת הקוד מתבססת על מודל שפה שאומן על נתוני דאטה עצומים ולמד קידוד.
המשתמש מאפיין את המוצר, אם זה אתר אינטרנט, תוכנה או אפליקציה לטלפון ומתאר אותו באמצעות פרומפט, הנחייה שהוא כותב לבינה היוצרת בלשון טבעית, כלומר שפה רגילה, שפת יום יום וללא צורך בידע בתכנות.
החיבור בין הרעיון והשכל האנושי ובין האינטליגנציה המלאכותית מאפשרים ניהול וביצוע משימות פיתוח, בשיתוף פעולה ועצמאות גם יחד.
באמצעות תכונות של AI מקודד ניתן לתאר ל-AI את המטרה, לקבל קוד, להנחות אותה כיצד להתקדם בפתרון בעיות או באגים בקוד ולהוביל ביחד לקוד איכותי ולמימוש הרעיון.
ה-AI המקודד מודע לפעולות המשתמש בזמן אמת ומציע יתרונות אדירים. הוא מסוגל לערוך קבצים מרובים במהירות אדירה, להציע פקודות, לזהות בעיות ולנפות באגים.
כלי הקוד המשובח "Windsurf AI", למשל, מפעיל סוכני AI מובנים, יחד עם מעין "טייסי משנה" מונעי בינה מלאכותית, שמטרתם להטעין את הקוד ולהפוך את הקידוד למהיר ואינטואיטיבי יותר.
בעצם, Windsurf ודומיו, דוגמת Cursor AI שהיה חלוץ הכלים הללו, הם מעין סביבת פיתוח (IDE) מהדור החדש, המשפרות את הפיתוח בעזרת אוטומציה חכמה ומציעות עריכת קוד בסביבה מרובת קבצים. וינדסרף עושה זאת, בין השאר, בעזרת כלי שנקרא Cascade ומצטיין במודעות עמוקה לקונטקסט, ההקשר הכל כך בסיסי ומרכזי בבינה המלאכותית היוצרת (Generative AI).
כלי נוסף וקל הרבה יותר הוא Websim AI, המאפשר לתאר אתר או אפליקציה, או סתם לתת שם דומיין מדומה, והיא יוצרת אותם. מכאן אפשר להנחות אותה בצעדים, איטרציות, מה שמאפשר לדייק אותה, לשפר, לשדרג ולבנות הלאה.
הנה כלי קוד מבוססי אינטליגנציה מלאכותית:
https://youtu.be/3cVJxRka4yM
AnyChat מצויד בדיפסיק וסמבה נובה לקידוד פשוט:
https://youtu.be/7BIVWQnAOLk?t=2m54s
השוואה של 3 מודלי שפה LLMs במהירות יצירת קוד למטלה זהה:
https://youtu.be/_JS-LkBrsk8
השוואת 5 כלי קוד מובילים והמנצח המפתיע:
https://youtu.be/WVhJSUtGbYM
יישום של תוכנה שפותחה כך, ללא כתיבת קוד:
https://youtu.be/lkom9ufvxD4
Websim.ai הוא כלי קוד קל מאוד וקסם ללא תכנות:
https://youtu.be/HCw4jCbLgMY
איך ChatGPT בניתוח קוד? (עברית)
https://youtu.be/Z46pqHFuKHs
רפליט הוא כלי קוד בינתי מתקדם יותר:
https://youtu.be/FrMy3Bq7TZA
לקודד אפשר גם בסמארטפון:
https://youtu.be/Cmq3TrS3ccU
מדריך מתחילים לתכנות עם Cursor AI:
https://youtu.be/ocMOZpuAMw4?long=yes
ומדריך לעבודה עם Windsurf:
https://youtu.be/4nCMdQadE08?long=yes
