Full Stack
תוכן מקצועי בנושא Full Stack
27 באפריל 2025
Full Stack>>NEXTJS
ניהול תמונות ופונטים נכון ב-Next.js – שדרוג מהירות האתר וחוויית המשתמש
פוסט קליל ומדויק על איך להתמודד נכון עם טעינת תמונות ופונטים ב-Next.js כדי למנוע קפיצות Layout, לשפר את מהירות האתר ולשמור על חווית משתמש איכותית. מבוסס על הדוקומנטציה המעולה של Next.js.
27 באפריל 2025
Full Stack>>תכנות Full Stack
גיא מכור לבינה מלאכותית (אבל מי לא?)
בפוסט הזה, גיא משתף את החוויות שלו משימוש ב-Next.js 15 בשילוב עם Hugging Face API. הוא מדבר על יצירת תמונות בעזרת Form חדש, שיחות עם AI שהפכו למורכבות (וקצת משעשעות), וגם חושף את המאבק הקבוע בבאגים. ומי ידע שאינטגרציה של טכנולוגיות חדשות יכולה להיות כל כך ממכרת?
27 באפריל 2025
Full Stack>>פרונט אנד
האם כדאי להשתמש בספריות UI ב-React? מלחמת בני אור בבני חושך 2.0
בפוסט הזה נדבר על יתרונות וחסרונות של שימוש בספריות UI ב-React. האם באמת כדאי לקחת את הדרך הקלה עם ספריות מוכנות או להשקיע בכתיבת כל דבר מאפס? גיא חולק את הדעות שלו על ספריות UI, RTL, והתמודדות עם אתגרים בעיצוב אתרים.
26 באפריל 2025
Full Stack>>פרונט אנד
איך יוצרים אפקט נאון לטקסט ב-CSS?
בפוסט הזה נצלול ליצירת אפקט נאון זוהר לטקסט בעזרת CSS בלבד! משחקים עם text-shadow, טיפה opacity, הרבה קסם, וקורטוב של חוסר בגרות.
26 באפריל 2025
Full Stack>>פרונט אנד
עיצוב דמוי זכוכית (Glassmorphism) — סגנון שבא לשדרג את האתר שלך!
לפעמים עיצוב נקי זה כל מה שצריך כדי לגרום לאתר להיראות מיליון דולר. הצטרפו אליי להיכרות קצרה עם אפקט הזכוכית — רקע חצי שקוף, טשטוש עדין וקו אלגנטי — וקבלו קוד לדוגמה להתחלה קלה ומהירה.
26 באפריל 2025
Full Stack>>REACT
קומפוננטת Copy to Clipboard לעצלים שמכבדים את עצמם
קומפוננטת Copy ל-Clipboard שמעתיקה ערך ונותנת פידבק חכם עם אייקון משתנה — פשוטה, מהירה ומותאמת לפרונטנדים שרוצים להרים UX טוב בלי כאב ראש.
26 באפריל 2025
Full Stack>>באק אנד
סינוני אינטרנט חוסמים חיבור ל-DB בענן? כדאי שתדעו את זה! ☁️
תופעה מתסכלת: חיבור לשירותי מסדי נתונים בענן נחסם בגלל סינוני אינטרנט מקומיים. גיא משתף מהניסיון שלו איך לזהות את הבעיה ולחסוך שעות של תסכול.
26 באפריל 2025
Full Stack>>פרונט אנד
איך להפוך טקסט לכתיבה אנכית ב-CSS בשורה אחת
הפוך טקסט רגיל לכתוב בצורה אנכית ב-CSS בעזרת writing-mode: vertical-rl;. טכניקת עיצוב פשוטה ויעילה שיכולה להוסיף סגנון מעניין לדפים שלכם!
25 באפריל 2025
Full Stack>>NEXTJS
למה גיא מבסוט על Server Actions החדשים של Next.js 15 ו-React 19?
Server Actions (או בשמם החדש Server Functions) הם אחד הפיצ'רים הכי מרעננים ב-Next.js 15 ו-React 19. במקום Fetch, Axios, וטפסים בלבד – אפשר לקרוא לפונקציות שרת ישירות מהקליינט! גיא מתלהב, ובצדק.
25 באפריל 2025
Full Stack>>NEXTJS
ShadCN - היתרונות, החסרונות והאתגרים אחרי 3 חודשים של שימוש
היתרונות של ShadCN בולטים ביכולת ליצור קומפוננטות מוכנות ומעוצבות בצורה מעולה במהירות. יחד עם זאת, יש גם חסרונות שמגיעים עם תלות ב-Tailwind ו-Radix ועם ההתמודדות עם NEXT 15.
6 בנובמבר 2024
Full Stack>>פרונט אנד
איך עושים אנימציית "הקלדה" ב-CSS בלבד?
בפוסט הזה נלמד איך בונים אנימציית הקלדה ב-CSS בלבד! שימוש ב-steps() כדי לדמות כתיבה מדויקת, טיפים ליצירת קו מהבהב, וקריצה קטנה לכל מי שחושב ש-anime זה עדיין מגניב.
6 בנובמבר 2024
Full Stack>>פרונט אנד
איך להשתמש ב-has() ב-CSS להחלת Dark Mode בצורה פשוטה
בפוסט הזה נלמד איך להשתמש ב-has() ב-CSS להחלת dark mode על אתר, בעזרת משתני CSS. גלו איך לבצע את ה-toggle של dark mode בצורה פשוטה ויעילה בעזרת pseudo-class חדש שמהפך את העבודה עם עיצובים דינמיים.
16 באוקטובר 2024
Full Stack>>תכנות Full Stack
Next.js ו-SQL — המסע הלא כל כך זוהר של גיא בחיבור בין עולמות
איך זה מרגיש לחזור ל-SQL אחרי MongoDB המפנקת? בפרויקט אישי חדש, גיא מגלה את החספוס (והקסם) שבחיבור Next.js ל-SQL, עם תובנות על ORM, שגיאות מציקות וטיפים למפתחים שמחפשים גישה נכונה.
16 באוקטובר 2024
Full Stack>>פרונט אנד
איך להצליל תמונות נכון: ההבדל בין box-shadow ל-drop-shadow
רוצים הצללה שמכבדת את קווי המתאר של תמונה עם שקיפות? תכירו את drop-shadow. הצלה לחיים (ולעצבים) עם דוגמה ברורה וקוד מוכן.
15 באוקטובר 2024
Full Stack>>פרונט אנד
איך להפוך אלמנט ב-CSS באמצעות scaleX ו-scaleY – המדריך המלא לשיקוף אלמנטים
במדריך זה נגלה איך להפוך אלמנט ב-CSS בעזרת transform: scaleX(-1) ו-scaleY(-1), לקבלת אפקט של תמונת מראה הצידה או למעלה-למטה. נלמד גם כיצד לבחור אלמנטים ביעילות באמצעות nth-child וליצור עיצובים חכמים ודינמיים. פתרון מושלם לכל מי שרוצה לשפר את יכולות העיצוב באתר שלו.
15 באוקטובר 2024
Full Stack>>NEXTJS
איך מטפלים בשגיאות בקומפוננטות שרת ב-Next.js מבלי לקבל מכתב פיטורים ️
אף אחד לא אוהב קריסות באתר – בטח לא כשהן קורות בקומפוננטות שרת. בפוסט הזה אסביר איך לטפל בשגיאות ב-Next.js בעזרת קובץ error.ts ולהציל גם את חווית המשתמש וגם את מקום העבודה שלכם.
10 באוקטובר 2024
Full Stack>>פרונט אנד
איך ליצור קוביית תלת-מימד שמגיבה לגלילה — בלי שורת JavaScript אחת!
תכינו את משקפי התלת מימד: בפוסט הזה ניצור קובייה שמסתובבת לפי גלילת המשתמש, רק בעזרת CSS בלבד. קסם? כמעט.
9 באוקטובר 2024
Full Stack>>REACT
הוק פשוט לשמירת נתונים ב-localStorage ב-React
בפוסט הזה נלמד איך ליצור הוק פשוט ב-React לשמירת נתונים ב-localStorage. גלו איך להשתמש בהוק לשמירה ושאיבה של נתונים, עם גרסה בסיסית שמכסה את הצרכים הבסיסיים של רוב הפרויקטים.
9 באוקטובר 2024
Full Stack>>באק אנד
Nest.js – הסדר המופתי ששרתים ב-Node חיכו לו
אם נמאס לכם משרתים מבולגנים ב-Express, כדאי שתכירו את Nest.js – מסגרת עבודה שמביאה סדר, טיפוסיות וחוויית פיתוח עילאית ל-Node.js עם TypeScript. גיא משתף חוויות אמיתיות מהמעבר.
9 באוקטובר 2024
Full Stack>>פרונט אנד
איך לקצר טקסט ארוך בצורה אלגנטית עם CSS בלבד (בלי JavaScript)
הטקסט ארוך מדי למסך? במקום לשבור את הראש עם JavaScript, גלו את השיטה הפשוטה ב-CSS שמקצרת טקסטים אוטומטית ומוסיפה שלוש נקודות (...) בצורה נקייה ואלגנטית. שלוש שורות ואתם בעניינים.
19 בספטמבר 2024
Full Stack>>פרונט אנד
הפיצ'ר המגניב של details ו-summary ב-HTML: הפתרון האוטומטי לאקורדיונים
רוצים ליצור אקורדיון בלי לגעת בקוד JavaScript? השתמשו ב-details ו-summary ב-HTML, פתרון אוטומטי ומגניב שהופך את החיים לקלים. למדו איך להוסיף אותו לעיצוב שלכם עם מינימום עבודה!
4 בספטמבר 2024
Full Stack>>פרונט אנד
קסם תלת-מימדי ב-CSS: סיבוב אלמנטים בסטייל של קלף הפתעה!
איך הופכים אלמנט סטטי למשחק זיכרון מהפנט? בעזרת קצת perspective, טיפת transform-style וקורטוב של backface-visibility. קפצו ל-codepen ותראו בעצמכם כמה קל (וקראנצ'י) זה!
3 בספטמבר 2024
Full Stack>>פרונט אנד
מ-Figma ל-Next.js בלחיצת כפתור: ניסוי שטוב, רע ומכוער
מה קורה כשמעבירים עיצוב מ-Figma לקוד Next.js באמצעות בינה מלאכותית? גיא משתף בחוויית שימוש ראשונית – בין פלאי הטכנולוגיה, כאבי הראש והערמות של דיבים מיותרים.
26 באוגוסט 2024
Full Stack>>פרונט אנד
איך למנוע לחיצה על כפתורים ואלמנטים לחיצים ב-CSS
בפוסט הזה נלמד איך למנוע לחיצה על כפתורים ואלמנטים לחיצים בעזרת CSS, במיוחד בשימושים כמו טפסים חסרים או בזמן ש-Popup פתוח. נסקור את היתרונות והחסרונות של הגישה עם pointer-events: none;.
82 תוצאות
כמות בדף