Animate Python Django Web Apps with GSAP

سرفصل های دوره

Elevate your Python Django Web Apps with Eye-Catching GSAP Effects

1. Introduction

1. Introduction

2. Code editor + extensions

3.1 django gsap source code.zip

3. Source code.html

4. Setup Django Project

5. Create Post Model

6. Configure static & media files

7. Install Tailwind CSS

8. base.html for the next lecture.html

9. Create a Django view

10. Link Javascript file to the view

2. Getting started - static animations

1. Tween - gsap from

2. Tween - gsap to

3. Tween - gsap fromTo

4. Easing

5. Stagger

6. Other configuration options (repeat, yoyo, onComplete)

7. Action buttons code for the next lecture.html

8. Manage animations via action buttons - play, pause, reset, reverse

9. Repeat delay property.html

10. autoAlpha property

11. Timeline template for the next lecture.html

12. Create simple timeline

13. Extra timeline configuration options

14. More on timelines

15. Animate text - example 1

16. Animate text - example 2

17. Animate text - example 3

3. Landing page animations

1. Create simple landing page

2. Create sections - Hero [OPTIONAL]

3. Create sections - About [OPTIONAL]

4. Create sections - Pricing [OPTIONAL]

5. Create navbar [OPTIONAL]

6. Sections + navbar code for the next lectures.html

7. Hero text reveal effect

8. Animating the navbar

9. Animate About section

10. Animate Pricing section

11. Animate pricing cards on hover

12. Cdn for the next lecture.html

13. Animate on scroll

14. Add a scrub effect

15. Cdn for the next lecture.html

16. Animate on scroll to

4. Dynamic (database object) animations

1. Reorganizing files

2. Create a view for the posts

3. Create the post form

4. Links for the next lecture.html

5. Style the form

6. Modal code for the next lecture.html

7. Add modal and corresponding js file

8. Animate modal

9. Add confirmation message and display it in an alert

10. Animate alert

11. Add initial settings for the modal

12. Homework

13. Display post cards

14. Animate posts

15. More stagger options.html

5. Extra

1. Intro to Tailwind CSS

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy