Accordion Courses and Certifications

Learn Irish Button Accordion - B-C Tuning

New to the Button Accordion? Let these sample lessons give you a taste of what's on offer at OAIM - an on-demand streaming music academy that focuses solely on Irish music.

• YouTube
• 30 minutes
• Self-Paced
• Free Video

Ningbo University

走近手风琴

从手风琴的历史、世界风格赏析到双手演奏与进阶触键，零基础学习者逐步掌握这件乐器的基础技巧。

• XuetangX
• Self-Paced
• Free Online Course

How to Build an Accordion With HTML, CSS, and JavaScript

1 rating

Build a functional accordion with JavaScript, using CSS classes, DOM relationships, dynamic heights, and transitions for opening and closing animations.

• YouTube
• 1 hour 13 minutes
• Self-Paced
• Free Video

LearnWebCode

Bootstrap V5 - Getting Started - Buttons, Responsive Columns, Accordion

Learn Bootstrap 5 through utility classes, the 12-column grid, responsive layouts, and Bootstrap JavaScript components.

• YouTube
• 27 minutes
• Self-Paced
• Free Video

Paper Kawaii - Origami Tutorials

Origami Accordion Easter Eggs Tutorial - Paper Kawaii

Learn to create charming accordion-style origami Easter eggs for decorations or pop-up cards. This DIY tutorial covers small and large egg designs, using simple rectangular paper and basic folding techniques.

• YouTube
• 19 minutes
• Self-Paced
• Free Video

Paper Kawaii - Origami Tutorials

Origami Roll Up Box Tutorial - Accordion Box

Learn to create a versatile origami accordion box with four internal compartments. Perfect for gifts, jewelry storage, and organization. Easy-to-follow tutorial with creative customization options.

• YouTube
• 18 minutes
• Self-Paced
• Free Video

Building an Accordion With HTML, CSS & JS

Live-code a responsive accordion card by reverse-engineering Bootstrap and styling a Frontend Mentor design with HTML and CSS.

• YouTube
• 1 hour 29 minutes
• Self-Paced
• Free Video

Kevin Powell

Build a Responsive, Animated Accordion That Looks Pretty Good

Build a responsive, animated accordion with polished styling, accessible keyboard interactions, and reduced-motion support.

• YouTube
• 1 hour 18 minutes
• Self-Paced
• Free Video

ByteGrad

Bootstrap 5 Complete Tutorial Series

Master Bootstrap 5 with comprehensive tutorials covering setup, components, responsive design, customization, and troubleshooting common issues.

• YouTube
• 8 hours 29 minutes
• Self-Paced
• Free Video

JSConf

Moving Features from JavaScript to CSS and HTML

Discover how to implement common web features using CSS and HTML instead of JavaScript, improving performance and accessibility while staying up-to-date with modern web development techniques.

• YouTube
• 34 minutes
• Self-Paced
• Free Video

EGATOR

Responsive Personal Portfolio Website Tutorial - HTML, CSS, and JavaScript with Light-Dark Theme

Learn to build a modern, responsive portfolio website with HTML, CSS, and JavaScript. Features include light/dark themes, animations, and interactive elements like accordions and carousels.

• YouTube
• 1 hour 36 minutes
• Self-Paced
• Free Video

EGATOR

Build and Deploy a Responsive Personal Portfolio Website Using HTML, CSS, and JavaScript

Create a modern, responsive personal portfolio website with HTML, CSS, and JavaScript, featuring light-dark theme, animations, and interactive elements.

• YouTube
• 1 hour 50 minutes
• Self-Paced
• Free Video

Create a JavaFX movie rater with titled panes and accordion

Build a JavaFX movie-rating GUI in jGrasp: place four titled panes in an accordion with radio buttons, a slider, a text area, and a label.

• Coursera
• 1 hour 44 minutes
• No Longer Offered
• Paid Course