When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

SkillShare logo

Javascript Fun: Build a Music Player App!

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon57 minutes
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About Javascript Fun: Build a Music Player App!

Welcome To The Class!

Share Your Work On Skillshare!

Where To Find Audio For Your App

HTML Structure & Playing Audio

Custom Audio Controls

CSS Styling

Listing Our Songs With Javascript

Playing Songs Dynamically

Set The Current Playing Song

Play & Pause Controls

The Volume Slider

Updating The Progress Bar

Finishing Touches

Follow me on Skillshare!

What You Will Learn?

  • Welcome to the Javascript fun series!.
  • You can find all of the code and project stages here:.
  • https://github.com/chrisdixon161/fun-javascript-projects.com.
  • For web design or development, there are 3 must-know technologies, HTML, CSS, and Javascript..
  • The main aim of the Javascript fun series is to take your knowledge of these 3 (only a little is required!), and put them into practice by building a series of educational, yet fun projects that show you exactly how they work perfectly together. Working on projects and solving problems is a great way to learn..
  • The project we will build in this course will be a Javascript Music Player..
  • All the required tools are free to download, I will be using the following:.
  • Visual Studio Code Text Editor: https://code.visualstudio.com.
  • Chrome Web Browser: https://www.google.co.uk/chrome/browser.
  • We begin by creating the user interface with HTML. Then we apply styling using CSS..
  • Then we add Javascript, this is where the real magic happens!.
  • You will learn things such as:.
  • So if you are looking to move on and put your skills into practice using real projects, I will see you in the class!.