Lior Testa
LIOR TESTA
TESTAMIND
AI Educator & Prompt Engineer
MODULE 3 — CLAUDE CODE
בניית אפליקציה עם Claude Code
שיעור 5 מתוך 10
חומרים נוספים
1 / 11
📚מודול3 — Claude Code
🎓שיעור5 מתוך 10
משך~4 דקות
📈רמהמתחילים+
🎯
נקודות מפתח מהשיעור
1
אתר מול אפליקציה
אתר מציג תוכן, אפליקציה מאפשרת פעולות. Claude Code בונה את שניהם מתיאור בשפה פשוטה.
2
תכנון = הצלחה
תארו את האפליקציה, הפיצ'רים וקהל היעד לפני שמתחילים. ככל שהתיאור מדויק יותר, התוצאה טובה יותר.
3
בנייה מדורגת
התחילו עם גרסה בסיסית והוסיפו פיצ'רים אחד-אחד. לא חייבים לבקש הכל מההתחלה.
4
בדיקה ותיקון
אחרי כל פיצ'ר — בדקו. אם משהו לא עובד, תארו את הבעיה ו-Claude Code יתקן.
🧠
בדקו את עצמכם
1מה ההבדל העיקרי בין אתר לאפליקציה?
אפליקציה דורשת חיבור לאינטרנט ואתר לא
אתר מציג תוכן, אפליקציה מאפשרת פעולות אינטראקטיביות
אין הבדל — זה אותו דבר
2מה הגישה הנכונה לבניית אפליקציה עם Claude Code?
לבקש את כל הפיצ'רים בבת אחת בפרומפט אחד ארוך
לכתוב את הקוד בעצמכם ולבקש מ-Claude רק לבדוק
להתחיל עם גרסה בסיסית ולהוסיף פיצ'רים בשלבים
3מה חשוב לעשות אחרי שהוספנו פיצ'ר חדש?
להוסיף מיד את הפיצ'ר הבא
לבדוק שהפיצ'ר עובד לפני שממשיכים
למחוק את כל הקוד ולהתחיל מחדש
4איך אפשר לבקש מ-Claude Code עיצוב ספציפי?
Claude Code לא יודע לעצב — רק לוגיקה
לתאר את הסגנון הרצוי או לציין אפליקציה קיימת כהשראה
חייבים לכתוב CSS בעצמכם
תשובות נכונות מתוך 4
✍️
תרגול — העתיקו ונסו ב-Claude Code
תרחיש: בניית אפליקציית מטלות
בנה לי אפליקציית מטלות (to-do list) בקובץ HTML אחד. הפיצ'רים: הוספת משימה עם שם ותאריך, סימון כבוצע, מחיקה, סינון (הכל / פתוחות / בוצעו). שמור ב-localStorage. עיצוב מודרני עם צבעים כהים.
תרחיש: בניית אפליקציית חידון
בנה אפליקציית טריוויה בעברית עם 10 שאלות על מדע. לכל שאלה 4 תשובות. הצג ניקוד בזמן אמת, טיימר של 15 שניות לכל שאלה, ובסוף הצג אחוז הצלחה עם הודעה מותאמת. עיצוב צבעוני וכיפי.
תרחיש: בניית כלי עזר
בנה לי מחולל סיסמאות חזקות. אפשרות לבחור אורך (8-32 תווים), לכלול/לא לכלול אותיות גדולות, מספרים ותווים מיוחדים. כפתור העתקה ומד חוזק סיסמה ויזואלי. קובץ HTML אחד.
תרחיש: הוספת פיצ'ר לאפליקציה קיימת
הוסף לאפליקציית המטלות הקיימת: 1) קטגוריות (עבודה, אישי, לימודים) עם צבע שונה לכל אחת. 2) חיפוש משימות לפי טקסט. 3) מצב כהה/בהיר עם כפתור החלפה. שמור על העיצוב הקיים.
🚀 UP NEXT
שיעור 19: דיבאגינג ותיקון באגים
בשיעור הבא נלמד מה לעשות כשמשהו לא עובד. איך לתאר בעיות ל-Claude Code, איך לקרוא הודעות שגיאה, ואיך למצוא ולתקן באגים בצורה שיטתית.
קריאת שגיאות
תיאור באגים
תיקון שיטתי
מניעת בעיות