JavaScript Crash Course is a fun-filled, fast-paced introduction to programming with JavaScript. Dive right in and you’ll be writing code, solving problems, and building working web applications and games in no time.
You’ll start by learning fundamental programming concepts, such as variables, arrays, objects, functions, conditionals, loops, classes, and more. Aided by engaging examples and hands-on exercises, you’ll build on this foundation and combine JavaScript with HTML and CSS to create interactive web applications that you can run right away.
Then you’ll put your new skills into play with three substantial projects: a Pong-style game with a virtual opponent, an app that generates electronic music, and a platform for visualizing data fetched from an API.
Along the way, you’ll learn how to:
- Update web pages in real time by manipulating the Document Object Model
- Trigger functions in response to events like key presses and mouse clicks
- Generate graphics and animations with JavaScript and HTML’s Canvas element
- Visualize data with the D3.js library and scalable vector graphics (SVG)
- Make electronic music with Tone.js and the Web Audio API
If you’ve been thinking about digging into programming, JavaScript Crash Course will get you writing real programs fast. Why wait any longer? Jump on your magic carpet and ride!
AI Reading Assistant
Whole-book reading guide from stratified index samples; jump to passages in the text
Tip the Site
Support this siteYour recognition and a small knowledge-service contribution help keep this technical work open source.Scan the WeChat Pay or Alipay code below. Logged-in and guest visitors can both tip.
WeChat Pay
Alipay
Open WeChat or Alipay and scan. No login required.
Brief outline
【One-Line Pitch】
JavaScript Crash Course is a fun-filled, fast-paced introduction to programming with JavaScript. Dive right in and yo…
【Book Arc】
- **Opening (~0%–12%)**: Dive right in and you’ll be writing code, solving problems, and building working web applications and games in no time.; Maybe you want to transition into a career in computer programming, or you want to pursue coding as a hobby.
- **Early (~12%–35%)**: write string literals inside single quotation marks rather than double quotation marks.; It’s much simpler to use a template literal: The {noun} was {adverb} {adjective}.
- **Middle (~35%–65%)**: we can’t make further use of it later.; } } we’re using the same dot notation we’ve used elsewhere to access the properties of an object;
- **Late (~65%–88%)**: nvas document.querySelector("#canvas");; Likewise, ball.top paddle.bottom is false and ball.bottom paddle.top is true.
- **Ending (~88%–100%)**: names, like A4, as we did in Listing 12-5.; The target amount of time between when something is scheduled and when it’s executed is called the lookahead.
【Key Takeaways】
- **Dive right in and you’…** (Opening): Dive right in and you’ll be writing code, solving problems, and building working web applications and games in no time.
- **Maybe you want to tran…** (Opening): Maybe you want to transition into a career in computer programming, or you want to pursue coding as a hobby.
- **taining the message “Hello** (Opening): taining the message “Hello, world!” as shown in Figure 1-2.
- **write string literals…** (Early): write string literals inside single quotation marks rather than double quotation marks.
- **It’s much simpler to u…** (Early): It’s much simpler to use a template literal: The {noun} was {adverb} {adjective}.
- **hod (short for concate…** (Early): hod (short for concatenate) adds two arrays together.
【Reading Tips】
- Use Passage locations below to jump into the text and set reading anchors
- If this is a brief outline, click Regenerate (top right) for a synthesized guide
【Coverage Limits】
Compressed outline without the model (~33 index chunks). Full structured guide needs AI available.
Page 9
sh Course is a fun, practical, hands-on introduction that I wish I had when I was learning JavaScript. Readers can learn from the very basics all the way thr...
"moon"; let adverb = "strangely"; let adjective = "red"; Without template literals, you’d have to combine the variables into a string by repeatedly using the...
ar view of the object in the console is usually sufficient. Summary 3. Finally, we use else to log a third possible message if neither of the previous con...
meters and uses this.x and this.y to set the new object’s x and y properties to 0. Finally, the new object is returned and assigned to the player1 variable....
we add a click handler to the ul element. This example is a little different from our previous handlers because the callback function has a parameter, which...
drawing the right score we change the alignment to "right". This way if the scores get into double digits the numbers will extend toward the middle of the sc...
e as an argument ❺. The currentTime property corresponds to the amount of time in seconds that the audio context has been active. By passing audioCtx.current...
g of someone’s voice to make them sound high-pitched like a chipmunk, or slowed it down to make them sound low-pitched like a giant, it’s the same prin
Support this siteYour recognition and a small knowledge-service contribution help keep this technical work open source.
Scan the WeChat Pay or Alipay code below. Logged-in and guest visitors can both tip.
WeChat PayAlipay
Open WeChat or Alipay and scan. No login required.
Add Tag
Enter tag name (max 50 characters)
Share E-Book
JavaScript Crash Course - A Hands-On, Project-Based Introduction to Programming (Nick Morgan)(Z-Library)
Scan QR code with your phone to access
Copy the link or scan the QR code to access this e-book on your phone
Share E-Book via Email
Please enter email address
Donation Statistics
¥.00
Total Donations
0
Donation Count
JavaScript Crash Course - A Hands-On, Project-Based Introduction to Programming (Nick Morgan)(Z-Library)
Find Your Favorite Books
Only registered users can comment after logging in. Comments need to be reviewed by administrators before being displayed
Loading comments...
Reply to Comment
Edit Comment