Movatterモバイル変換

[0]ホーム
URL:

Packt
Search iconClose icon
Search icon CANCEL
Subscription
0
Cart icon
Your Cart(0 item)
Close icon
You have no products in your basket yet
Save more on your purchases!discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Profile icon
Account
Close icon

Change country

Modal Close icon
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletter Hub
Free Learning
Arrow right icon
timerSALE ENDS IN
0Days
:
00Hours
:
00Minutes
:
00Seconds
Home> Web Development> Progressive Web Apps> Generative Music Box Project Using JavaScript
Generative Music Box Project Using JavaScript
Generative Music Box Project Using JavaScript

Generative Music Box Project Using #"https://www.packtpub.com/rebuild/build/assets/arrow-left-O2MWvx1q.svg" data-horizontal-scroll="left" data-inactive-class="d-none" alt="Arrow left icon"/>
Profile Icon Elisabeth RobsonProfile Icon Eric Freeman
Arrow right icon

€8.98€29.99
VideoMay 20211hr 14mins1st Edition
Video
€8.98 €29.99
Subscription
Free Trial
Renews at €18.99p/m
Arrow left icon
Profile Icon Elisabeth RobsonProfile Icon Eric Freeman
Arrow right icon
€8.98€29.99
VideoMay 20211hr 14mins1st Edition
Video
€8.98 €29.99
Subscription
Free Trial
Renews at €18.99p/m
Video
€8.98 €29.99
Subscription
Free Trial
Renews at €18.99p/m

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature iconDRM FREE - Read whenever, wherever and however you want

Contact Details

Modal Close icon
Payment Processing...
tickCompleted

Billing Address

Table of content iconView table of contentsDownload code iconDownload Code

Key benefits

Description

JavaScript frameworks are great tools to build mobile apps. They’re efficient, have lower development costs, and tend to have the security benefits that come with large, active communities of developers.In this course, we’ll take inspiration from Brian Eno and Peter Chilvers’ Bloom application and build a generative music box app in the browser with JavaScript. We’ll build a web application using JavaScript, which allows you to create generative, ambient music. With a small amount of code, we’ll handle our mouse clicks, use the canvas for the user interface and graphics, and leverage the Web Audio API to create sound.We’ll also spend a lot of time scheduling events and organizing our code. This project is a great way to practice programming in JavaScript by creating an interactive and dynamic application right in your browser. For this course, you need basic knowledge of HTML, CSS, and JavaScript programming skills.By the end of this course, we’ll be creating a completely running music box application.All the code files and resources for this course are available at https://github.com/PacktPublishing/Generative-Music-Box-Project

Who is this book for?

This course is for anyone who has basic HTML, CSS, and JavaScript programming skills and wants to learn how to build a generative app.

What you will learn

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Last updated date :May 14, 2025
Publication date :May 24, 2021
Length:1hr 14mins
Edition :1st
Language :English
ISBN-13 :9781801812306
Category :
Web Development
Languages :
JavaScript
Concepts :
Progressive Web Apps
Tools :
Vim

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature iconDRM FREE - Read whenever, wherever and however you want

Contact Details

Modal Close icon
Payment Processing...
tickCompleted

Billing Address

Product Details

Last updated date :May 14, 2025
Publication date :May 24, 2021
Length:1hr 14mins
Edition :1st
Language :English
ISBN-13 :9781801812306
Category :
Web Development
Languages :
JavaScript
Concepts :
Progressive Web Apps
Tools :
Vim

Packt Subscriptions

See our plans and pricing
Modal Close icon
€18.99billed monthly
Feature tick iconUnlimited access to Packt's library of 7,000+ practical books and videos
Feature tick iconConstantly refreshed with 50+ new titles a month
Feature tick iconExclusive Early access to books as they're written
Feature tick iconSolve problems while you work with advanced search and reference features
Feature tick iconOffline reading on the mobile app
Feature tick iconSimple pricing, no contract
€189.99billed annually
Feature tick iconUnlimited access to Packt's library of 7,000+ practical books and videos
Feature tick iconConstantly refreshed with 50+ new titles a month
Feature tick iconExclusive Early access to books as they're written
Feature tick iconSolve problems while you work with advanced search and reference features
Feature tick iconOffline reading on the mobile app
Feature tick iconChoose a DRM-free eBook or Video every month to keep
Feature tick iconPLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick iconExclusive print discounts
€264.99billed in 18 months
Feature tick iconUnlimited access to Packt's library of 7,000+ practical books and videos
Feature tick iconConstantly refreshed with 50+ new titles a month
Feature tick iconExclusive Early access to books as they're written
Feature tick iconSolve problems while you work with advanced search and reference features
Feature tick iconOffline reading on the mobile app
Feature tick iconChoose a DRM-free eBook or Video every month to keep
Feature tick iconPLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick iconExclusive print discounts

Frequently bought together

Generative Music Box Project Using JavaScript
Generative Music Box Project Using JavaScript
Read more
May 20251hr 14mins
Video
Video
  • VideoVideo €8.98
€8.98€29.99
JavaScript from Beginner to Professional
JavaScript from Beginner to Professional
Read more
Dec 2021546 pages
Full star icon4.6 (58)
eBook
eBook
  • eBookeBook €8.98
  • PaperbackPaperback €29.99
  • HardcoverHardcover €56.99
€8.98€23.99
€29.99
€56.99
Hands-On Music Generation with Magenta
Hands-On Music Generation with Magenta
Read more
Jan 2020360 pages
Full star icon4 (3)
eBook
eBook
  • eBookeBook €8.98
  • PaperbackPaperback €32.99
€8.98€26.99
€32.99
Stars icon
Total€71.9692.9721.01saved
Generative Music Box Project Using JavaScript
€8.98€29.99
JavaScript from Beginner to Professional
€29.99
Hands-On Music Generation with Magenta
€32.99
Total€71.9692.9721.01 savedStars icon
Buy 2+ to unlock€6.99 prices - master what's next.
SHOP NOW

Table of Contents

6 Chapters
Generative Music Box ProjectChevron down iconChevron up icon
Guide to the Project
Introduction
Exercise: Think about the App
The Game Plan
The CanvasChevron down iconChevron up icon
Introduction
Working with the Canvas
Create the View
How to Draw a Circle on the Canvas
Handling ClicksChevron down iconChevron up icon
Introduction
Handle Clicks on the Canvas
Crash Test the Click Handler
Uh Oh a Bug!
Fix the Bug
The ViewChevron down iconChevron up icon
Introduction
A Little Design
Draw the Circles on the Canvas
Crash Test the Circles
How to Animate the Circles
Crash Test the Animation
Repeat the Animation
Crash Test the Repeating Circles
The AudioChevron down iconChevron up icon
Introduction
Play Audio with Each Circle
The Final Test
ExtrasChevron down iconChevron up icon
Bonus: Update Your Music Box App With the latest ES6 JavaScript

Recommendations for you

Left arrow icon
Full-Stack Flask and React
Full-Stack Flask and React
Read more
Oct 2023408 pages
Full star icon3.8 (5)
eBook
eBook
  • eBookeBook €8.98
  • PaperbackPaperback €29.99
€8.98€23.99
€29.99
C# 13 and .NET 9 – Modern Cross-Platform Development Fundamentals
C# 13 and .NET 9 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2024828 pages
Full star icon4.3 (4)
eBook
eBook
  • eBookeBook €8.98
  • PaperbackPaperback €44.99
€8.98€35.99
€44.99
Real-World Web Development with .NET 9
Real-World Web Development with .NET 9
Read more
Dec 2024578 pages
Full star icon3.5 (4)
eBook
eBook
  • eBookeBook €8.98
  • PaperbackPaperback €37.99
€8.98€29.99
€37.99
Django 5 By Example
Django 5 By Example
Read more
Apr 2024826 pages
Full star icon4.6 (36)
eBook
eBook
  • eBookeBook €8.98
  • PaperbackPaperback €37.99
€8.98€29.99
€37.99
React and React Native
React and React Native
Read more
Apr 2024518 pages
Full star icon4.2 (9)
eBook
eBook
  • eBookeBook €8.98
  • PaperbackPaperback €32.99
€8.98€26.99
€32.99
Scalable Application Development with NestJS
Scalable Application Development with NestJS
Read more
Jan 2025614 pages
Full star icon4.5 (6)
eBook
eBook
  • eBookeBook €8.98
  • PaperbackPaperback €29.99
€8.98€23.99
€29.99
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2023828 pages
Full star icon4.3 (61)
eBook
eBook
  • eBookeBook €8.98
  • PaperbackPaperback €44.99
€8.98€35.99
€44.99
Responsive Web Design with HTML5 and CSS
Responsive Web Design with HTML5 and CSS
Read more
Sep 2022504 pages
Full star icon4.5 (56)
eBook
eBook
  • eBookeBook €8.98
  • PaperbackPaperback €44.99
€8.98€35.99
€44.99
Modern Full-Stack React Projects
Modern Full-Stack React Projects
Read more
Jun 2024506 pages
Full star icon4.8 (9)
eBook
eBook
  • eBookeBook €8.98
  • PaperbackPaperback €33.99
€8.98€26.99
€33.99
Learning Angular
Learning Angular
Read more
Jan 2025494 pages
Full star icon4.1 (7)
eBook
eBook
  • eBookeBook €8.98
  • PaperbackPaperback €33.99
€8.98€26.99
€33.99
Right arrow icon

People who bought this also bought

Left arrow icon
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2023828 pages
Full star icon4.3 (61)
eBook
eBook
  • eBookeBook €8.98
  • PaperbackPaperback €44.99
€8.98€35.99
€44.99
Responsive Web Design with HTML5 and CSS
Responsive Web Design with HTML5 and CSS
Read more
Sep 2022504 pages
Full star icon4.5 (56)
eBook
eBook
  • eBookeBook €8.98
  • PaperbackPaperback €44.99
€8.98€35.99
€44.99
React and React Native
React and React Native
Read more
May 2022606 pages
Full star icon4.6 (17)
eBook
eBook
  • eBookeBook €8.98
  • PaperbackPaperback €37.99
  • PaperbackPaperback €32.99
€8.98€29.99
€37.99
€32.99
Building Python Microservices with FastAPI
Building Python Microservices with FastAPI
Read more
Aug 2022420 pages
Full star icon4 (8)
eBook
eBook
  • eBookeBook €8.98
  • PaperbackPaperback €35.99
€8.98€28.99
€35.99
Right arrow icon

About the authors

Left arrow icon
Profile icon Elisabeth Robson
Elisabeth Robson
Elisabeth Robson is a co-founder and principal at WickedlySmart, an author and software developer, and teaches online courses for O'Reilly Media and LinkedIn Learning. She's the co-author of four best-selling titles—Head First JavaScript Programming, Head First Design Patterns, Head First HTML & CSS, and Head First HTML5 Programming—and was previously the director of special projects and co-director of the Head First series at O'Reilly Media. Prior to her work at O'Reilly Media, Elisabeth was the director of engineering at The Walt Disney Company. Elisabeth holds a master's degree in computer science from Yale University.
Read more
See other products by Elisabeth Robson
Profile icon Eric Freeman
Eric Freeman
Eric Freeman is described by Head First series co-creator Kathy Sierra as “one of those rare individuals fluent in the language, practice, and culture of multiple domains from hipster hacker, corporate VP, engineer, think tank.” Professionally, Eric recently ended nearly a decade as a media company executive, having held the position of CTO of Disney Online at The Walt Disney Company. Eric now devotes his time to writing and teaching software technology.
Read more
See other products by Eric Freeman
Right arrow icon
Getfree access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

How can I download a video package for offline viewing?Chevron down iconChevron up icon
  1. Login to your account at Packtpub.com.
  2. Click on "My Account" and then click on the "My Videos" tab to access your videos.
  3. Click on the "Download Now" link to start your video download.
How can I extract my video file?Chevron down iconChevron up icon

All modern operating systems ship with ZIP file extraction built in. If you'd prefer to use a dedicated compression application, we've tested WinRAR / 7-Zip for Windows, Zipeg / iZip / UnRarX for Mac and 7-Zip / PeaZip for Linux. These applications support all extension files.

How can I get help and support around my video package?Chevron down iconChevron up icon

If your video course doesn't give you what you were expecting, either because of functionality problems or because the content isn't up to scratch, please mail customercare@packt.com with details of the problem. In addition, so that we can best provide the support you need, please include the following information for our support team.

  1. Video
  2. Format watched (HTML, MP4, streaming)
  3. Chapter or section that issue relates to (if relevant)
  4. System being played on
  5. Browser used (if relevant)
  6. Details of support
Why can’t I download my video package?Chevron down iconChevron up icon

In the even that you are having issues downloading your video package then please follow these instructions:

  1. Disable all your browser plugins and extensions: Some security and download manager extensions can cause issues during the download.
  2. Download the video course using a different browser: We've tested downloads operate correctly in current versions of Chrome, Firefox, Internet Explorer, and Safari.

Create a Free Account To Continue Reading

Modal Close icon
OR
    First name is required.
    Last name is required.

The Password should contain at least :

  • 8 characters
  • 1 uppercase
  • 1 number
Notify me about special offers, personalized product recommendations, and learning tips By signing up for the free trial you will receive emails related to this service, you can unsubscribe at any time
By clicking ‘Create Account’, you are agreeing to ourPrivacy Policy andTerms & Conditions
Already have an account? SIGN IN

Sign in to activate your 7-day free access

Modal Close icon
OR
By redeeming the free trial you will receive emails related to this service, you can unsubscribe at any time.
[8]ページ先頭
©2009-2025 Movatter.jp