Lynda and other Courses >>> https://freecoursesonline.io/
Forum for discussion >>> https://1hack.us/
DevelopedByEd - The Ultimate JavaScript Animation Course [FCO]
Build 6 awesome projects to master animation and upgrade your Front End skills.
Learn To Create Awesome JavaScript Animations!
Learn how to do creative and engaging animation with no previous experience.
Animation is so important in front end design as it grabs the attention of the user and provides engagement, enhancing their experience.
Master the skills of thoughtful and strategic animation and boost your Front End skills with this course.
This is a beginner friendly course. Previous knowledge of HTML, CSS and basic JavaScript helpful.
We will learn
• CSS Animations
• JavaScript Animations
• Barba Js
• GSAP
• SVG animations
We will build 6 projects
1. Pop Up Cookie
- Build a humorous pop up cookie for a good first impression.
2. Text Motion and Movement
- We will learn several forms of text animation to create a modern and interesting landing page.
3. Interactive Form Animation
- Stand out from the usual static forms with this modern and fun form, includes input and svg animation.
4. SVG Micro Animations
- We will build a nav bar and use SVG animations to show the user when they have interacted with the buttons.
5. Clothing Shop with Page Transitions
- Say goodbye to boring page refreshes by adding seamless page transitions using Barba JS.
6. Ultimate Animated Website
- Everything we have learnt so far put together to create the ultimate animated website.
All projects are free to be used in your portfolio.
Course Info
Publisher: DevelopedByEd
Language: English
Released: 2022
Duration: 8h 32m
Course Source: https://developedbyed.com/p/the-ultimate-javascript-animation-course
Filename Size 0. Websites you may like/1. Get Free Premium Accounts Daily On Our Discord Server!.txt 1.3 KB 1-Chapter One - Introduction to Animations/1 Introduction to Animations/1 Introduction to Animations.mp4 230.3 MB 1-Chapter One - Introduction to Animations/2. CSS Animations/2. CSS Animations.mp4 51.9 MB 1-Chapter One - Introduction to Animations/3. Simple JavaScript Animations/3. Simple JavaScript Animations.mp4 66.2 MB 2-Chapter Two - Pop Up Cookie Animation/1. Cookie Intro/1. Cookie Intro.mp4 8.3 MB 2-Chapter Two - Pop Up Cookie Animation/2. Setting Up Our Cookie SVG/2. Setting Up Our Cookie SVG.mp4 219.1 MB 2-Chapter Two - Pop Up Cookie Animation/3. Building Our Cookie/3. Building Our Cookie.mp4 196.2 MB 2-Chapter Two - Pop Up Cookie Animation/4. Intro to GSAP/4. Intro to GSAP.mp4 120.7 MB 2-Chapter Two - Pop Up Cookie Animation/5. Finishing Up Our Cookie/5. Finishing Up Our Cookie.mp4 111.5 MB 2-Chapter Two - Pop Up Cookie Animation/6. Oh, crumbs/6. Oh, crumbs.mp4 101.8 MB 2-Chapter Two - Pop Up Cookie Animation/Cookie Popup Finished Files.zip 14 KB 2-Chapter Two - Pop Up Cookie Animation/Cookie Popup Starter.zip 7.9 KB 3-Chapter Three - Animating Text/1. Text Reveal Intro/1. Text Reveal Intro.mp4 41.6 MB 3-Chapter Three - Animating Text/2.Text Animation HTML and CSS_/2.Text Animation HTML and CSS .mp4 186.2 MB 3-Chapter Three - Animating Text/3. Animating The Text/3. Animating The Text.mp4 252 MB 3-Chapter Three - Animating Text/4. Split Text Animation/4. Split Text Animation.mp4 306.7 MB 3-Chapter Three - Animating Text/Text Reveal Finished.zip 655 KB 3-Chapter Three - Animating Text/Text Reveal Starter.zip 654 KB 4-Chapter Four - Micro Animations With SVGs/1. Intro to Micro Animations/1. Intro to Micro Animations.mp4 9.3 MB 4-Chapter Four - Micro Animations With SVGs/2. How To Set Up SVGs/2. How To Set Up SVGs.mp4 66.4 MB 4-Chapter Four - Micro Animations With SVGs/3. File Structure/3. File Structure.mp4 60.9 MB 4-Chapter Four - Micro Animations With SVGs/4. Adding The Style/4. Adding The Style.mp4 51.5 MB 4-Chapter Four - Micro Animations With SVGs/5. Home Animation/5. Home Animation.mp4 65 MB 4-Chapter Four - Micro Animations With SVGs/6. Notifications Animation/6. Notifications Animation.mp4 106.3 MB 4-Chapter Four - Micro Animations With SVGs/7. Messages Animation/7. Messages Animation.mp4 56.5 MB 4-Chapter Four - Micro Animations With SVGs/Micro Animations Finished.zip 9.4 KB 4-Chapter Four - Micro Animations With SVGs/Micro Animations Starter.zip 5.9 KB 5-Chapter Five - Form Animation/1. Forms Intro/1. Forms Intro.mp4 11.4 MB 5-Chapter Five - Form Animation/10. Animating Our Character/10. Animating Our Character.mp4 194.7 MB 5-Chapter Five - Form Animation/11. Animating Wave Goodbye/11. Animating Wave Goodbye.mp4 96.6 MB 5-Chapter Five - Form Animation/12. Mobile Friendly Form/12. Mobile Friendly Form.mp4 60.1 MB 5-Chapter Five - Form Animation/2. Setting Up The Form/2. Setting Up The Form.mp4 42 MB 5-Chapter Five - Form Animation/3. Form HTML/3. Form HTML.mp4 183.2 MB 5-Chapter Five - Form Animation/4. Styling Form/4. Styling Form.mp4 198.7 MB 5-Chapter Five - Form Animation/5. Elastic Effect/5. Elastic Effect.mp4 162.2 MB 5-Chapter Five - Form Animation/6. Placeholder Jump/6. Placeholder Jump.mp4 52.1 MB 5-Chapter Five - Form Animation/7. Reverting Back/7. Reverting Back.mp4 48.8 MB 5-Chapter Five - Form Animation/8. Validation Checks/8. Validation Checks.mp4 97 MB 5-Chapter Five - Form Animation/9. Animating Checkbox/9. Animating Checkbox.mp4 172.1 MB 5-Chapter Five - Form Animation/Forms Finished.zip 15.8 KB 5-Chapter Five - Form Animation/Forms Starter.zip 7.8 KB 6-Chapter Six - Page Transitions/1. Intro to Page Transitions/1. Intro to Page Transitions.mp4 32.2 MB 6-Chapter Six - Page Transitions/10. Creating Our Product Page/10. Creating Our Product Page.mp4 164 MB 6-Chapter Six - Page Transitions/11. Product Transition/11. Product Transition.mp4 165.4 MB 6-Chapter Six - Page Transitions/12. Mobile Optimization/12. Mobile Optimization.mp4 162.4 MB 6-Chapter Six - Page Transitions/2. Getting Our Page Ready/2. Getting Our Page Ready.mp4 179.9 MB 6-Chapter Six - Page Transitions/3. Styling Handbag Page/3. Styling Handbag Page.mp4 147.6 MB 6-Chapter Six - Page Transitions/4. Adding Our Other Pages/4. Adding Our Other Pages.mp4 84 MB 6-Chapter Six - Page Transitions/5. Adding Barba JS_/5. Adding Barba JS .mp4 79.6 MB 6-Chapter Six - Page Transitions/6. Basic Transitions/6. Basic Transitions.mp4 104.6 MB 6-Chapter Six - Page Transitions/7. Refactoring Our Leave Animation/7. Refactoring Our Leave Animation.mp4 122.5 MB 6-Chapter Six - Page Transitions/8. Adding Enter Animation/8. Adding Enter Animation.mp4 83.4 MB 6-Chapter Six - Page Transitions/9. Fixing Weird Quirks/9. Fixing Weird Quirks.mp4 177.8 MB 6-Chapter Six - Page Transitions/Page Transitions Finished.zip 1.8 MB 6-Chapter Six - Page Transitions/Page Transitions Starter.zip 1.8 MB 7-Chapter Seven - The Ultimate Animated Website/1.Final Project Intro/1.Final Project Intro.mp4 90.1 MB 7-Chapter Seven - The Ultimate Animated Website/10. Pinning and Animation on Scroll/10. Pinning and Animation on Scroll.mp4 339.9 MB 7-Chapter Seven - The Ultimate Animated Website/11. Split iPhones/11. Split iPhones.mp4 98.7 MB 7-Chapter Seven - The Ultimate Animated Website/12. Carousel/12. Carousel.mp4 151.6 MB 7-Chapter Seven - The Ultimate Animated Website/13. Video Scroll Animation/13. Video Scroll Animation.mp4 110.5 MB 7-Chapter Seven - The Ultimate Animated Website/14. Parallax Effect/14. Parallax Effect.mp4 158 MB 7-Chapter Seven - The Ultimate Animated Website/15. Optional - Making The Blender Animation/15. Optional - Making The Blender Animation.mp4 530.5 MB 7-Chapter Seven - The Ultimate Animated Website/2. Getting Our Files Ready/2. Getting Our Files Ready.mp4 31 MB 7-Chapter Seven - The Ultimate Animated Website/3. Front Page/3. Front Page.mp4 213.9 MB 7-Chapter Seven - The Ultimate Animated Website/4. Smoke Page/4. Smoke Page.mp4 219.8 MB 7-Chapter Seven - The Ultimate Animated Website/5. Phone Split Page/5. Phone Split Page.mp4 130.8 MB 7-Chapter Seven - The Ultimate Animated Website/6. Carousel Page/6. Carousel Page.mp4 293.2 MB 7-Chapter Seven - The Ultimate Animated Website/7. Product Page/7. Product Page.mp4 181.5 MB 7-Chapter Seven - The Ultimate Animated Website/8. Final Page/8. Final Page.mp4 332.5 MB 7-Chapter Seven - The Ultimate Animated Website/9. ScrollTrigger Introduction/9. ScrollTrigger Introduction.mp4 145.4 MB 7-Chapter Seven - The Ultimate Animated Website/Ultimate Animation Finished.zip 33.1 MB 7-Chapter Seven - The Ultimate Animated Website/Ultimate Animations Starter.zip 33.1 MB
![[FreeCoursesOnline.Me] DevelopedByEd - The Ultimate JavaScript Animation Course](https://f.t0r.space/cover/43172763.webp)
