עם שיר עוזיאל

הקורס שילמד אתכם לבנותאתרי פרימיוםבלתי נשכחים

אחרי שיצרתי עשרות אתרים שנמכרים במחירים כפולים פי 2-3 מהשוק, יצרתי את קורס ה-GSAP לאלמנטור המקיף ביותר שיהפוך אתכם מבוני אתרים עם אפס ניסיון באנימציות, לבוני האתרים הכי מטורפים בארץ.

  • הדרכות מיוחדות
  • 66 שיעורים
  • 13 פרקים
  • 39 שעות לימוד
  • מאגר טמפלייטים ייחודי
קבלו גישה לכל החיים

327 כבר הצטרפו לקורס!

מהפכת ה־AI משנה את עולם האתרים בקצב מטורף.

היום הרבה יותר קל לבנות אתר - אבל בדיוק בגלל זה הרף עולה: פחות מלל, יותר ויזואל, פחות סטטי ויותר תנועה, אינטראקציה וחוויה.

אתרים אינטראקטיביים הם כבר לא ״בונוס״ - הם הסטנדרט.

  • אנימציות גלילה
  • סטוריטלינג
  • אנימציות טקסט
  • 3D
  • אנימציות SVG
  • גלילה צידית
  • אנימציות גרירה
  • טיימליין

אבל לכתוב אנימציה עם AI זה לא מספיק

ההבדל האמיתי הוא לא ביכולת לכתוב קוד, הוא בהבנה איך אנימציה בנויה, איך טיימינג עובד, איך בונים רצף, ואיך הופכים תנועה לחלק מהחוויה - ולא לאפקט שמודבק עליה.

ועל ההבדל הזה, לקוחות באמת מוכנים לשלם יותר.

הצטרפו ל־200+ בוגרים שכבר יוצרים אתרים בלתי נשכחים

בוגרי הקורס מייצרים סטנדרט חדש של אתרים בארץ, עם חווית משתמש בלתי נשכחת ופרויקטים אינטראקטיבים ברמה הכי גבוהה שיש.

ובקרוב - זה יכול להיות גם אתם.

  • חיה נוטיק
  • גבריאל השגיב פינטו
  • גל מרקטינג
  • WEB XP
  • ורד אביב
  • אתי ברקוביץ׳
  • אתי ברקוביץ׳

קצת מהקסמים
שתדעו לעשות אחרי הקורס

חושבים שזה משחק ילדים? גררו את הצורות למקומן הראוי!

וכמובן, בונוסים שווים!

  1. טמפלטים מוכנים לשימוש להורדה
  2. מילון המרת css ל-GSAP
  3. ספריית קודים להעתקה
  4. קהילת וווצאפ סגורה להתייעצות וסיוע

הגיע הזמן לקחת את האתרים שלכם לסטנדרט של הגדולים

₪2,400₪1,800

אני רוצה להצטרף

*המע״מ כבר כלול כמובן 🙂

תכל׳ס, מה נלמד?

01חלק ראשון - מבוא

פרק א׳ | GSAP מה? מבוא מקיף

  1. מה זה gsap בכלל ומה אפשר לעשות איתו (ספויילר, הכל)09:53
  2. סוגי אנימציות ואיך משתמשים בהם נכון20:07

פרק ב׳ | הסוד מאחורי GSAP ואיך הוא עובד

  1. css מול gsap07:12
  2. איך gsap עובד? ההיגיון מאחורי האנימציות08:40
  3. אירועים נפוצים ב-js15:01
  4. סוגי דטא ב-js04:33
02חלק שני - בניית אנימציות ראשונות

פרק ג׳ | יאללה לעבודה - בונים אנימציה ראשונה

  1. מבנה קוד gsap והאנימציה הראשונה שלנו16:49
  2. סוגי אנימציות ו-tween06:35
  3. שדרוג הקוד עם מאפיינים נוספים19:09
  4. אנימציות בלחיצת כפתור09:21
  5. הדרכת תרגול - אנימציית ללחיצה מורכבת - BMW01:02:19
  6. אנימציית מעבר עכבר06:30
  7. עבודה עם gpt לכתיבת אנימציות16:50
03חלק שלישי - אנימציות גלילה

פרק ד׳ | הרגע שלשמו התכנסו - אנימציות גלילה!

  1. מבוא ל- scrolltrigger ונקודות יחס במסך10:50
  2. בונים אנימציית גלילה ראשונה19:49
  3. מצבי ניגון של אנימציה10:56
  4. אנימציית גלילה אינטראקטיבית15:20
  5. הדרכת תרגול - אנימציית גלילה פחית מתחברת21:58

פרק ה׳ | PIN פציל! - אנימציות גלילה מורכבות

  1. אנימציות מסך מפוצל30:38
  2. pinning – הגרסה של gsap למצב ״דביק״21:12
  3. pin במסך מלא22:40
  4. הדרכת תרגול - סרטון במסיכה עם PIN19:00
  5. עדכון הגדרות scrolltrigger05:40
04חלק רביעי - רספונסיביות ואופטימיזציה

פרק ו׳ | רספונסיביות, באגים ואופטימיזציה

  1. משתנים ב-js14:56
  2. פונקציות ופרמטרים ב-js17:51
  3. הדרכת תרגול פונקציות22:28
  4. מערכים (array) ב-js37:13
  5. לולאות ב-js12:16
  6. אופטימיזציה של קוד ושיטות עבודה חכמות19:36
  7. הוספת מסך טעינה לאתר06:52
  8. הגדרת wp rocket עם gsap27:29
  9. רספונסיביות בקוד10:50
  10. פעולות להתמודדות עם באגים12:07
05חלק חמישי - אנימציות מורכבות ואנימציות טקסט

פרק ז׳ | טיימינג זה הכל – רצף אנימציות (טיימליין)

  1. מה זה טיימליין ולמה הוא כזה חשוב04:44
  2. עבודה עם קוד בסיסי לטיימליין13:29
  3. תזמונים בטיימליין28:44
  4. הגדרות מתקדמות לטיימליין10:54
  5. טיימליין באנימציות גלילה08:51
  6. הדרכת תרגול - פרח צומח עם טיימליין בגלילה54:48
  7. שימוש ב-pin עם טיימליין ויצירת אנימציית סטוריטלינג מורכבת15:40

פרק ח׳ | הולכים הצידה – אנימציות גלילה צידית

  1. גלילה צידית בסיסית20:56
  2. גלילה צידית מתקדמת10:11
  3. גלילה צידית דינמית11:02
  4. הדרכת תרגול – אנימציות בתוך גלילה צידית14:03
  5. התמודדות עם באגים נפוצים באנימציות גלילה03:41
06חלק שישי - אנימציות טקסט

פרק ט׳ | כשהקופי התעורר לחיים

  1. אנימציות טקסט עם split type21:43
  2. הדרכת תרגול – אנמציות טקסט חזרתיות על כל הכותרת באתר08:44
  3. אימציות טקסט עם פלאגין text17:29
  4. אנימציות טקסט עם פלאגין ScrambleText20:41
07חלק שביעי - אנימציות SVG ואנימציות גרירה

פרק י׳ | גלגולו של קו – אנימציות svg

  1. מבוא ל-svg ומבנה path33:48
  2. אנימציית svg בסיסית26:50
  3. הדרכת תרגול – קווים מצטיירים לכל אורך העמוד1:29:25
  4. אנימציית svg עם מסיכה לקווים מקווקווים17:28
  5. תזוזת אלמנטים לפי מסלול – MotionPath23:18
  6. הדרכת תרגול – אלמנט נע על קו בגלילה15:31
  7. חיבור צורות עם Morph SVG27:20

פרק י״א | נגררים - Draggable

  1. יצירת אנימציית גרירה בסיסית16:32
  2. הדרכת תרגול – אנימציית אותיות נגררות11:07
  3. יצירת אפקט פיזיקלי עם פלאגין Inertia06:32
  4. טרגוט אנימציות עם אירועים גרירה09:25
08חלק שמיני - עיצוב אינטראקטיבי

פרק י״ב | סטוריטלינג ויזואלי

  1. חשיבה יצירתית ושיטות לעיצוב ייחודי29:55
  2. הכנה לעיצוב ועבודה עם השראות25:42
  3. עיצוב סטוריטלינג ותכנון אנימציה30:23

פרק י״ג | סיכום

  1. תמחורים ושיווק17:52
  2. התנהלות עם אנימציות ולקוחות14:53
  3. הדרכת תרגול א׳ עד ת׳ – יצירת אזור אינטראקטיבי באתר10:54
שיר עוזיאל

אהלן, אני שיר עוזיאל.

אחרי כמעט עשור של עבודה בעולמות העיצוב, הדיגיטל והשיווק, עם כמה מהמותגים והחברות המובילים בארץ, ולצד שנים של הדרכה והרצאות לאנשי מקצוע, הקמתי את האקדמיה הדיגיטלית כדי להעביר הלאה את הכוח שבחיבור בין קריאייטיב, טכנולוגיה וחשיבה עסקית.

ראיתי יותר מדי בעלי עסקים ואנשי מקצוע מעולים שהעבודה שלהם פשוט לא מצליחה לבלוט בתוך כל הרעש — וזה לא קשור לכמה הם מוכשרים או כמה הם משקיעים. הקורסים שלי לא נועדו ללמד אתכם ״עוד סקיל טכני״, אלא לתת לכם את הכלים להוביל את השוק בחדשנות, וליצור משהו שלקוחות באמת מעריכים ומוכנים לשלם עליו יותר.

  • זוכת אתר השנה של Elementor, 2025
  • זוכת אתר החודש של Elementor, ספטמבר 2025

בוגרי הקורס מספרים

  • המלצה מבוגר/ת הקורס
  • המלצה מבוגר/ת הקורס
  • המלצה מבוגר/ת הקורס
  • המלצה מבוגר/ת הקורס
  • המלצה מבוגר/ת הקורס
  • המלצה מבוגר/ת הקורס
  • המלצה מבוגר/ת הקורס
  • המלצה מבוגר/ת הקורס
  • המלצה מבוגר/ת הקורס
  • המלצה מבוגר/ת הקורס
  • המלצה מבוגר/ת הקורס
  • המלצה מבוגר/ת הקורס
  • המלצה מבוגר/ת הקורס
  • המלצה מבוגר/ת הקורס
  • המלצה מבוגר/ת הקורס
  • המלצה מבוגר/ת הקורס
  • המלצה מבוגר/ת הקורס
  • המלצה מבוגר/ת הקורס

וכמובן, הבונוס הכי שווה שיש:
הטמפלטים שישדרגו לכם את האתר - בשניות!

  • 40+טמפלייטים מוכנים להטמעה
  • 700+בוגרי קורסים וסדנאות
  • אלמנטור + AIקבצי טמפלייט ופרומפט להתאמה לכל פלטפורמה
הצטרפו לקורס וקבלו גישה למאגר

תנו לאתרים שלכם BOOST

חבילת BOOST

₪2,400₪1,800

גישה אישית לקורס המלא ולמאגר הטמפלטים, כולל כל הבונוסים השווים!

מה כלול:

  • גישה מלאה לכל השיעורים בקורס לכל החיים
  • ספריית קודים לשימוש מיידי
  • טמפלייטים מוכנים להורדה
  • מילון המרת CSS ל- GSAP
  • ייעוץ בקהילת הווצאפ הסגורה של הקורס
אני רוצה להצטרף

*המע״מ כבר כלול כמובן 🙂

חבילת FULL BOOST

₪3,275₪2,590

קורס GSAP+ סדנת CSS

מה כלול:

  • גישה מלאה לכל השיעורים בקורס לכל החיים
  • ספריית קודים לשימוש מיידי
  • טמפלייטים מוכנים להורדה
  • מילון המרת CSS ל- GSAP
  • ייעוץ בקהילת הווצאפ הסגורה של הקורס
  • גישה מלאה לכל שיעורי סדנת css
  • גישה למאגר אנימציות css
אני רוצה להצטרף

*המע״מ כבר כלול כמובן 🙂