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

Learn Accessible Web Design
Scrimba
Advanced React
Meta via Coursera
React المتقدم
Meta via Coursera
React avanzado
Meta via Coursera
Agrega estilo a una página HTML usando CSS
Coursera Project Network via Coursera