Packt
Interactive UI & Animation with Advanced JavaScript

通过 Coursera Plus 获取 10,000 多门课程的 Accessibility

Packt

Interactive UI & Animation with Advanced JavaScript

包含在 Coursera Plus

深入了解一个主题并学习基础知识。
中级 等级

推荐体验

1 周 完成
在 10 小时 一周
灵活的计划
自行安排学习进度
深入了解一个主题并学习基础知识。
中级 等级

推荐体验

1 周 完成
在 10 小时 一周
灵活的计划
自行安排学习进度

您将学到什么

  • Build interactive UI components using HTML, CSS, and JavaScript.

  • Apply animation and transition effects to enhance web interfaces.

  • Manipulate the DOM dynamically for real-time interactivity.

  • Develop reusable, responsive, and visually engaging web elements.

要了解的详细信息

可分享的证书

添加到您的领英档案

最近已更新!

December 2025

作业

15 项作业

授课语言:英语(English)

了解顶级公司的员工如何掌握热门技能

Petrobras, TATA, Danone, Capgemini, P&G 和 L'Oreal 的徽标

积累特定领域的专业知识

本课程是 Hands-On Projects with HTML, CSS, and JavaScript 专项课程 专项课程的一部分
在注册此课程时,您还会同时注册此专项课程。
  • 向行业专家学习新概念
  • 获得对主题或工具的基础理解
  • 通过实践项目培养工作相关技能
  • 获得可共享的职业证书

该课程共有13个模块

In this module, we will create a stunning Button Ripple Effect that enhances user engagement through interactive design. You’ll combine HTML, CSS, and JavaScript to simulate ripples radiating from click points for a modern UI touch.

涵盖的内容

4个视频2篇阅读材料1个作业

In this module, we will develop a real-time Digital Clock that updates automatically. You’ll learn to manipulate time in JavaScript, apply CSS styling for an elegant look, and structure HTML to create a seamless time display interface.

涵盖的内容

4个视频1个作业

In this module, we will build a Rotating Image Gallery that showcases images dynamically. You’ll learn to use CSS animations for smooth rotations and JavaScript to control transitions and automate the display cycle.

涵盖的内容

4个视频1个作业

In this module, we will create a Random Color Generator that produces vibrant color palettes. You’ll explore JavaScript’s randomization capabilities and build a visually stimulating tool for design inspiration. `

涵盖的内容

4个视频1个作业

In this module, we will develop a Real-Time Character Counter that provides instant feedback as users type. You’ll integrate JavaScript logic with styled HTML elements to track and display live character counts interactively.

涵盖的内容

4个视频1个作业

In this module, we will create a Profile Statistics component that visualizes user data dynamically. You’ll work with HTML for structure, CSS for styling, and JavaScript for real-time data manipulation and visualization.

涵盖的内容

4个视频1个作业

In this module, we will design a Heart Trail Animation that follows the cursor. You’ll blend JavaScript interactivity with CSS animation techniques to produce a delightful and engaging user experience.

涵盖的内容

4个视频1个作业

In this module, we will build a Mini Calendar that displays and navigates through months. You’ll learn how to calculate date values in JavaScript and create an elegant, functional calendar interface.

涵盖的内容

4个视频1个作业

In this module, we will design an Animated Search Bar that reacts smoothly to user interaction. You’ll combine HTML layout, CSS transitions, and JavaScript functionality to create a professional and interactive search experience.

涵盖的内容

4个视频1个作业

In this module, we will create a Social Media Selector Menu that allows users to connect and share content across platforms. You’ll integrate icons, animations, and JavaScript interactivity for a polished user experience.

涵盖的内容

4个视频1个作业

In this module, we will build a Random Password Generator that creates strong, customizable passwords. You’ll learn to use JavaScript’s randomization and string manipulation techniques to enhance web security tools.

涵盖的内容

4个视频1个作业

In this module, we will develop a Testimonial Slider that showcases customer feedback dynamically. You’ll use HTML, CSS, and JavaScript to create an interactive and visually captivating testimonial section.

涵盖的内容

4个视频1个作业

In this module, we will create a New Year Countdown timer that updates in real time. You’ll apply JavaScript date manipulation, CSS styling, and animations to deliver an engaging and festive countdown experience.

涵盖的内容

4个视频1篇阅读材料3个作业

获得职业证书

将此证书添加到您的 LinkedIn 个人资料、简历或履历中。在社交媒体和绩效考核中分享。

位教师

Packt - Course Instructors
Packt
1,269 门课程298,440 名学生

提供方

Packt

从 Mobile and Web Development 浏览更多内容

人们为什么选择 Coursera 来帮助自己实现职业发展

Felipe M.
自 2018开始学习的学生
''能够按照自己的速度和节奏学习课程是一次很棒的经历。只要符合自己的时间表和心情,我就可以学习。'
Jennifer J.
自 2020开始学习的学生
''我直接将从课程中学到的概念和技能应用到一个令人兴奋的新工作项目中。'
Larry W.
自 2021开始学习的学生
''如果我的大学不提供我需要的主题课程,Coursera 便是最好的去处之一。'
Chaitanya A.
''学习不仅仅是在工作中做的更好:它远不止于此。Coursera 让我无限制地学习。'
Coursera Plus

通过 Coursera Plus 开启新生涯

无限制访问 10,000+ 世界一流的课程、实践项目和就业就绪证书课程 - 所有这些都包含在您的订阅中

通过在线学位推动您的职业生涯

获取世界一流大学的学位 - 100% 在线

加入超过 3400 家选择 Coursera for Business 的全球公司

提升员工的技能,使其在数字经济中脱颖而出

常见问题