Animate Python Django Web Apps with GSAP

Focused View

Django Ninjas

4:30:20

18 View

1. Introduction

1. Introduction.mp4

01:11

2. Code editor + extensions.mp4

00:49

3.1 django gsap source code.zip

3. Source code.html

4. Setup Django Project.mp4

03:20

5. Create Post Model.mp4

06:43

6. Configure static & media files.mp4

08:31

7. Install Tailwind CSS.mp4

10:01

8. base.html for the next lecture.html

9. Create a Django view.mp4

06:13

10. Link Javascript file to the view.mp4

02:51

2. Getting started - static animations

1. Tween - gsap from.mp4

07:17

2. Tween - gsap to.mp4

03:22

3. Tween - gsap fromTo.mp4

03:21

4. Easing.mp4

04:16

5. Stagger.mp4

07:03

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

02:52

7. Action buttons code for the next lecture.html

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

05:11

9. Repeat delay property.html

10. autoAlpha property.mp4

02:18

11. Timeline template for the next lecture.html

12. Create simple timeline.mp4

08:14

13. Extra timeline configuration options.mp4

02:11

14. More on timelines.mp4

03:52

15. Animate text - example 1.mp4

04:28

16. Animate text - example 2.mp4

12:01

17. Animate text - example 3.mp4

11:42

3. Landing page animations

1. Create simple landing page.mp4

05:08

2. Create sections - Hero [OPTIONAL].mp4

03:44

3. Create sections - About [OPTIONAL].mp4

02:55

4. Create sections - Pricing [OPTIONAL].mp4

15:35

5. Create navbar [OPTIONAL].mp4

04:23

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

7. Hero text reveal effect.mp4

06:02

8. Animating the navbar.mp4

04:08

9. Animate About section.mp4

03:49

10. Animate Pricing section.mp4

04:36

11. Animate pricing cards on hover.mp4

03:42

12. Cdn for the next lecture.html

13. Animate on scroll.mp4

05:26

14. Add a scrub effect.mp4

02:12

15. Cdn for the next lecture.html

16. Animate on scroll to.mp4

09:07

4. Dynamic (database object) animations

1. Reorganizing files.mp4

02:28

2. Create a view for the posts.mp4

08:36

3. Create the post form.mp4

04:46

4. Links for the next lecture.html

5. Style the form.mp4

06:10

6. Modal code for the next lecture.html

7. Add modal and corresponding js file.mp4

03:41

8. Animate modal.mp4

14:17

9. Add confirmation message and display it in an alert.mp4

03:39

10. Animate alert.mp4

03:40

11. Add initial settings for the modal.mp4

01:15

12. Homework.mp4

00:58

13. Display post cards.mp4

06:41

14. Animate posts.mp4

05:17

15. More stagger options.html

5. Extra

1. Intro to Tailwind CSS.mp4

20:18

Description

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

What You'll Learn?

Static Animations
Dynamic (Database Object) Animations
Basic Tween Animations
Animate on Scroll
Timeline Animations
Scroll to Section
Text Animations

Who is this for?

Developers looking to enhance the user experience of their apps.

What You Need to Know?

Basics of Python, Django and Javascript

More details

Description
Are you ready to take your Python Django web applications to the next level? Welcome to "Animate Python Django Web Apps with GSAP," the comprehensive course that will empower you to transform static websites into dynamic and visually stunning experiences.
In this course, you'll dive headfirst into the world of web animation using the GreenSock Animation Platform (GSAP). You'll discover how to seamlessly integrate GSAP into your Python Django projects, breathing life into your user interfaces and captivating your audience.
Throughout the course, you'll learn the art of creating captivating animations that engage and delight users. From eye-catching transitions and smooth scrolling effects to interactive elements that respond to user interactions, you'll gain the skills needed to make your web apps truly stand out.
We will guide you through hands-on, practical exercises and real-world examples. You'll learn the ins and outs of GSAP, explore various easing functions, and gain a deep understanding of how to control animation timing and sequencing.
Whether you're a seasoned Python Django developer or just starting your web development journey, this course is designed to be accessible and beneficial for all skill levels. By the end, you'll be equipped with the knowledge and confidence to create web applications that leave a lasting impression, setting you apart as a developer who knows how to bring web interfaces to life.
Don't miss out on this opportunity to supercharge your Python Django projects with GSAP animation. Enroll now and unlock a world of creative possibilities for your web apps!
Who this course is for:
Developers looking to enhance the user experience of their apps.

User Reviews

Rating

average 0

Total votes0

Focused display

We are providing online educational courses mainly about python / django by the community of web developers across the globe. Our classes are project based only, that means our methodology is based on "teaching by doing". Discover with us: python, django, react js, javascript, machine / deep learning with python and much more!

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.