נושא השיעור השני:
ללמוד לאפיין, לעצב ולבנות אתרים ואפליקציות עם קלוד קוד.
עם מה תצאו מהשיעור היום?
עם אתר או אפליקציה ראשונים שבניתם עם קלוד קוד.
מה נלמד וניישם ביחד היום?
- נעשה חזרה קצרה על השיעור הקודם
- נחבר את הפרויקט ל-Github
- נעבור על עקרונות חשובים בפיתוח עם וייב קודינג
- נלמד לאפיין, לעצב ולפתח פרויקט בקלוד קוד
- נלמד לאפיין ולעצב עם קלוד דיזיין, ולהעביר לקלוד קוד
שימוש במודל Opus לתכנון ופיתוח
כן
כן
חיבור לדטא-בייס
חיבור חיצוני ידני
מובנה
חיבור לאחסון
חיבור חיצוני ידני
מובנה
חיבור לשרת מיילים
חיבור חיצוני ידני
מובנה
סריקות אבטחה ותיקון פרצות
ידני
מובנה
SEO (קידום בגוגל ובמנועי AI)
ידני
קיים
עלויות פיתוח
זול
יקר
שפת פיתוח
כל שפה
React / Vite
דרך 1:
אפיון, עיצוב ופיתוח עם קלוד קוד.
דרך 2:
אפיון ועיצוב עם קלוד דיזיין,
פיתוח עם קלוד קוד.
בואו נלמד 3 עקרונות חשובים
על עבודה עם וייב קודינג.
עיקרון האלומות
פרומפט כללי ← דיוקים
- כותבים פרומפט כללי
- מדייקים את התוצאה
- מיועדת לרוב הפרויקטים
שיטת "אזור אזור"
- מתחילים עם פרומפט להירו בלבד
- ממשיכים לתת פרומפט לכל אזור
- מיועדת לפרויקטים עם עיצוב ספציפי
עיקרון המתכנת העיוור
כשאנחנו מעצבים או מפתחים פרויקט עם וייב קודינג,
אנחנו צריכים לדמיין שאנחנו מדברים עם מתכנת עיוור.
לכן:
- נפרט כמה שניתן בשפה פשוטה - לדוגמה: במקום "תוריד", נכתוב "תמחק".
- נבחר את האלמנט הספציפי שאנחנו רוצים לערוך, ולא ניתן לו לנחש.
- נבקש כמה שפחות שינויים בבת אחת. דבר אחד בכל פעם.
- נפרט בדיוק מה קורה עכשיו, ומה אנחנו רוצים שיהיה.
- כשאפשרי נצרף צילום מסך עם סימון ברור.
עיקרון הייחודיות
אם נבקש מ-AI להחליט בעצמו על עיצוב, אנחנו נקבל AI-SLOP,
עיצוב משעמם, גנרי, תבניתי, ולרוב עם גרדיאנט סגול.
לכן:
- נצרף השראות לעיצוב הרצוי ונפרט מה בדיוק אהבנו בהן.
- נגיע לפיתוח כשאנחנו יודעים מה אנחנו רוצים לבנות, אחרי אפיון ועיצוב.
- נצרף קודים לאנימציות ספציפיות שלדעתנו מתאימות לחוויה ולהעברת המסר.
- נבקש לעצב פרויקט שמשלב חווית משתמש נוחה יחד עם עיצוב ברמה שזוכה בתחרויות.
בואו נאפיין, נעצב ונבנה אתר.
לסיכום:
- הקדמנו בעקרונות על וייב קודינג
- למדנו על גיטהאב וחיברנו אותו
- פתחנו תיקייה לפרויקט
- דרך 1:
- למדנו לאפיין אתר עם מצב Plan
- למדנו לעצב ולפתח עם קלוד קוד
- דרך 2:
- למדנו לאפיין ולעצב עם קלוד דיזיין
- למדנו להעביר עיצוב מקלוד דיזיין לקלוד קוד