|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/javascript-animation-projects-without-libraries/
课程评论：没有评论
这门 Coursera 课程名为“JavaScript 动画：无库项目”，由 Jayanta Sarkar 主讲。课程专注于使用纯 Vanilla JavaScript 实现各种网页动画效果，强调不依赖任何第三方库，力求让学习者掌握 JavaScript 的核心功能。 课程内容涵盖了从基础视觉效果到复杂的交互式元素的广泛主题。学习者将通过实际项目学习制作： * **视觉效果：** 如发光文本动画、彩色动画标题。 * **交互体验：** 如视差滚动、滚动触发动画，使网站更具动态感。 * **趣味 UI 元素：** 如跟随鼠标的动画眼睛、基于 clip-path 的过渡效果。 * **环境动画：** 如闪烁的星星、夜间模式的道路动画、波浪文字效果，为网页增添生动感。 通过这些项目，学习者不仅能提升动画制作技能，还能深化对 JavaScript 核心概念的理解，包括 DOM 操作、事件处理、定时函数以及 CSS 集成。 课程结束后，学员将能够构建一系列令人印象深刻的动画效果，并拥有使用纯 JavaScript 创建交互式、视觉吸引力强的网页元素坚实基础。这门课程旨在帮助学习者将静态代码转化为生动的动画，释放其创造性编码潜力。
Hello and welcome everyone!I'm Jayanta Sarkar, and I'm thrilled to have you join me in this brand-new journey into the world of Pure JavaScript Animations - where creativity meets code, and simple scripts bring your webpages to life!In this course, we're diving headfirst into multiple, hands-on animation projects using nothing but vanilla JavaScript. No libraries. No shortcuts. Just pure JavaScript power!We'll begin with stunning visual effects like glowing text animations and colorful animated headings to set the tone. Then, we'll explore interactive experiences like parallax scrolling and scroll-triggered animations, making your websites truly dynamic.You'll also build fun, engaging UI elements like:Animated eyes that follow your cursor,Clip-path based transitions,But that's not all-we'll bring the web to life with ambient animations like blinking stars, a night mode road animation, and even a wavy text effect that will captivate your visitors.Each project is crafted to not only enhance your animation skills but also to strengthen your core understanding of JavaScript - from DOM manipulation to event handling, from timing functions to CSS integration.By the end of this course, you'll have a powerful portfolio of animation effects and a solid foundation in building interactive, visually engaging web elements using just JavaScript.So, if you're ready to turn static code into living, breathing animations - let's get started and unleash your creative coding potential!See you in the first project!
