YoVDO

Building an Awesome Button Micro-interaction - Frontend Dev

Offered By: DesignCourse via YouTube

Tags

HTML & CSS Courses Computer Science Courses Javascript Courses GSAP (GreenSock Animation Platform) Courses HTML Courses

Course Description

Overview

Dive into a comprehensive 32-minute tutorial on creating an engaging button micro-interaction for frontend development. Learn how to transform a design prototype from Adobe XD into a functional, interactive element using HTML, CSS, and JavaScript with GSAP. Follow along as the instructor guides you through writing the HTML structure, styling with CSS, and implementing dynamic behavior with JavaScript. Explore advanced frontend techniques, including micro-interactions and animation, to enhance user experience and create visually appealing interfaces. By the end of this video, gain practical skills to elevate your frontend development projects with polished, interactive elements.

Syllabus

Introduction
An Awesome Offer from Scrimba
Writing the HTML
Writing the CSS
JavaScript
Closing Thoughts


Taught by

DesignCourse

Related Courses

Vue 3 Animations & Transitions Tutorial
Net Ninja via YouTube
The Complete GSAP: JavaScript ,HTML and CSS Course for 2023
Udemy
Creating an HTML5 Banner Ad with GreenSock (GSAP)
LinkedIn Learning
CSS: Scrolling and Parallax
LinkedIn Learning
SVG Essentials & Animation, v2
Frontend Masters