BLACK FRIDAY SALE
00
ימים
00
שעות
00
דקות
00
שניות
עם שיר עוזיאל
הקורס שילמד אתכם לבנות
אתרי פרימיום
בלתי נשכחים
אחרי שיצרתי עשרות אתרים שנמכרים במחירים כפולים פי 2-3 מהשוק, יצרתי את קורס ה-GSAP לאלמנטור המקיף ביותר שיהפוך אתכם מבוני אתרים עם אפס ניסיון באנימציות, לבוני האתרים הכי מטורפים בארץ.
הדרכות מיוחדות
66 שיעורים
13 פרקים
39 שעות לימוד
מאגר טמפלייטים ייחודי
תמונה שווה אלף מילים, אנימציה שווה מליון.
בוגרי הקורס מייצרים סטדרנט חדש של אתרים בארץ, עם חווית משתמש בלתי נשכחת ופרויקטים אינטראקטיבים ברמה הכי גבוהה שיש.
ובקרוב - זה יכול להיות גם אתם.
חיה נוטיק
גבריאל השגיב פינטו
גל מרקטינג
WEB XP
אתי ברקוביץ׳
אתי ברקוביץ׳
ורד אביב
קצת מהקסמים
שתדעו לעשות אחרי הקורס
חושבים שזה משחק ילדים? גררו את הצורות למקומן הראוי!
וכמובן, בונוסים שווים!
טמפלטים מוכנים לשימוש להורדה
מילון המרת
css ל-GSAP
ספריית קודים להעתקה
קהילת וווצאפ סגורה להתייעצות וסיוע
בוט gpt מאומן לעבודה באלמנטור עם GSAP
תכל׳ס, מה נלמד?
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
משתלט על שוק האתרים ״הפשוטים״, והדרך היחידה להישאר רלוונטים היא להתקדם עם הטכנולוגיה ולבנות אתרים ייחודים שאי אפשר לשכוח.
אז, אתם נשארים מאחור?
בוגרי הקורס מספרים
וכמובן, הבונוס הכי שווה שיש:
הטמפלטים שישדרגו לכם את האתר - בשניות!
טמפלטים מוכנים להטמעה באלמנטור לשדרוג האתר שלכם!
+
0
תנו לאתרים שלכם BOOST
חבילת BOOST
גישה אישית לקורס המלא ולמאגר הטמפלטים, כולל כל הבונוסים השווים!
- גישה מלאה לכל השיעורים בקורס לכל החיים
- בוט gpt מאומן לGSAP באלמנטור
- ספריית קודים לשימוש מיידי
- טמפלייטים מוכנים להורדה
- מילון המרת CSS ל- GSAP
- ייעוץ בקהילת הווצאפ הסגורה של הקורס
חבילת FULL BOOST
קורס GSAP+ סדנת CSS
- גישה מלאה לכל השיעורים בקורס לכל החיים
- בוט gpt מאומן לGSAP באלמנטור
- ספריית קודים לשימוש מיידי
- טמפלייטים מוכנים להורדה
- מילון המרת CSS ל- GSAP
- ייעוץ בקהילת הווצאפ הסגורה של הקורס
- גישה מלאה לכל שיעורי סדנת css
- גישה למאגר אנימציות css