אינטראקטיב BOOST - קורס GSAP לאלמנטור

BLACK FRIDAY SALE

ימים

שעות

דקות

שניות

אינטראקטיב

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

BOOST

₪1,440

₪2,400

הצטרפו עכשיו

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

66 שיעורים

13 נושאים

זכאות לתעודה

קורס מתקדמים

תמונה שווה אלף מילים, אנימציה שווה מליון.

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

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

אתי ברקוביץ׳

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

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

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

טמפלטים מוכנים לשימוש להורדה

מילון המרת
css ל-GSAP

ספריית קודים להעתקה

קהילת וווצאפ סגורה להתייעצות וסיוע

בוט gpt מאומן לעבודה באלמנטור עם GSAP

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

₪1,440

₪2,400

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

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

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

01

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

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

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

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

3. css מול gsap 07:12
4. איך gsap עובד? ההיגיון מאחורי האנימציות 08:40
5. אירועים נפוצים ב-js 15:01
6. סוגי דטא ב-js 04:33

02

חלק שני - בניית אנימציות ראשונות

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

7. מבנה קוד gsap והאנימציה הראשונה שלנו 16:49
8. סוגי אנימציות ו-tween 06:35
9. שדרוג הקוד עם מאפיינים נוספים 19:09
10. אנימציות בלחיצת כפתור 09:21
11. הדרכת תרגול - אנימציית ללחיצה מורכבת - BMW 01:02:19
12. אנימציית מעבר עכבר 06:30
13. עבודה עם gpt לכתיבת אנימציות 16:50

03

חלק שלישי - אנימציות גלילה

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

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

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

19. אנימציות מסך מפוצל 30:38
20. pinning – הגרסה של gsap למצב ״דביק״ 21:12
21. pin במסך מלא 22:40
22. הדרכת תרגול - סרטון במסיכה עם PIN 19:00
23. עדכון הגדרות scrolltrigger 05:40

04

חלק רביעי - רספונסיביות ואופטימיזציה

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

24. משתנים ב-js 14:56
25. פונקציות ופרמטרים ב-js 17:51
26. הדרכת תרגול פונקציות 22:28
27. מערכים (array) ב-js 37:13
28. לולאות ב-js 12:16
29. אופטימיזציה של קוד ושיטות עבודה חכמות 19:36
30. הוספת מסך טעינה לאתר 06:52
31. הגדרת wp rocket עם gsap 27:29
32. רספונסיביות בקוד 10:50
33. פעולות להתמודדות עם באגים 12:07

05

חלק חמישי - אנימציות מורכבות ואנימציות טקסט

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

34. מה זה טיימליין ולמה הוא כזה חשוב 04:44
35. עבודה עם קוד בסיסי לטיימליין 13:29
36.תזמונים בטיימליין 28:44
37. הגדרות מתקדמות לטיימליין 10:54
38. טיימליין באנימציות גלילה 08:51
39. הדרכת תרגול - פרח צומח עם טיימליין בגלילה 54:48
40. שימוש ב-pin עם טיימליין ויצירת אנימציית סטוריטלינג מורכבת 15:40

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

41. גלילה צידית בסיסית 20:56
42. גלילה צידית מתקדמת 10:11
43. גלילה צידית דינמית 11:02
44. הדרכת תרגול – אנימציות בתוך גלילה צידית 14:03
45. התמודדות עם באגים נפוצים באנימציות גלילה 03:41

06

חלק שישי - אנימציות טקסט

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

46. אנימציות טקסט עם split type 21:43
47. הדרכת תרגול – אנמציות טקסט חזרתיות על כל הכותרת באתר 08:44
48. אימציות טקסט עם פלאגין text 17:29
49. אנימציות טקסט עם פלאגין ScrambleText 20:41

07

חלק שביעי - אנימציות SVG ואנימציות גרירה

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

50. מבוא ל-svg ומבנה path 33:48
51. אנימציית svg בסיסית 26:50
52. הדרכת תרגול – קווים מצטיירים לכל אורך העמוד 1:29:25
53. אנימציית svg עם מסיכה לקווים מקווקווים 17:28
54. תזוזת אלמנטים לפי מסלול – MotionPath 23:18
55. הדרכת תרגול – אלמנט נע על קו בגלילה 15:31
56. חיבור צורות עם Morph SVG 27:20

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

57. יצירת אנימציית גרירה בסיסית 16:32
58. הדרכת תרגול – אנימציית אותיות נגררות 11:07
59. יצירת אפקט פיזיקלי עם פלאגין Inertia 06:32
60. טרגוט אנימציות עם אירועים גרירה 09:25

08

חלק שמיני - עיצוב אינטראקטיבי

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

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

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

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

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

שנת 2025 היא נקודת מפנה באיך שאנחנו בונים אתרים -  פחות מלל, יותר ויזואל, פחות מידע ויותר חוויה.

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

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

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

אז, אתם נשארים מאחור?

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

רוצים גם לבנות אתרים מטורפים?

הקורס שייקח אתכם מאפס למאה, בלי שום ניסיון באנימציות!

₪1,440

₪2,400

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

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

תשאלו הכל,
אני ספר פתוח

*כאילו צ’אט, כי זה דיגיטלי

מתלבטים או שיש לכם שאלה שלא מופיעה כאן? בואו נדבר ואנסה לעזור 🙂

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

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

סדנת המבוא באתר סקוליינר מכסה את הבסיס של GSAP ואנימציות פשוטות. בקורס BOOST נלמד ספריות נוספות כמו draggble, timline, svg ועוד. מעבר לכך, הקורס כולל גם תכנים משלימים כמו התמודדות עם באגים ואופטימיזציה, עיצוב אינטראקטיבי ואיך מוכרים בכלל אתרי אנימציות. הקורס מקיף את כל מה שצריך לדעת כדי ליצור אנימציות GSAP באלמנטור.

יש קבוצת ווצאפ סגורה לכל רוכשי הקורס שאפשר לקבל שם סיוע, להתייעץ או סתם להשוויץ בעבודות שלכם!

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

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

ממש בעוד כמה חודשים, אפילו לא שנים, AI כבר ידע לייצא אתרים ברמה בסיסית. אתרי אנימציות הופכים ליותר ויותר מבוקשים ונמכרים ביותר מפי 2 ממחירי שוק. אם אתם רוצים לעבוד עם לקוחות גדולים, להרוויח (הרבה) יותר מכל פרויקט, ולהשאיר רושם בלתי נשכח בכל אתר שאתם חותמים עליו – הקורס הזה בשבילכם.

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

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

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