What is the Best JavaScript Book for Complete Newbies?

Last Updated on September 14, 2022 by 23 Comments

What is the Best JavaScript Book for Complete Newbies?
Blog / Resources / What is the Best JavaScript Book for Complete Newbies?

You cannot escape JavaScript. For years, I felt like JS was the horror-movie villain that just wouldn’t give up. I tried to avoid it. I ran, scrambled, and hid. But, like Jason Voorhees, it found me.

Seriously, though, the reality is that if you’re working in web development or design these days, you’re going to be using JavaScript in some capacity. Even if you’re working WordPress, you’re going to need at least a fundamental understanding of the language.

And let me tell you, when I realized that, it hurt me deep in my soul. I’ve already told you that I avoided JavaScript for years. I hated writing it, hated reading it, and pretty much hated everything about it. But with JS being the fastest growing language on the web, combined with nearly 30% of the WordPress source code itself moving from PHP to JS, I decided I had to learn at least enough JavaScript to be dangerous.

Like any good nerd, I scoured the internet to find the best JavaScript book I could get my hands on. By reading dozens upon dozens of reviews and trying out more than a handful books on my own, I think I’ve found a handful of texts that will help you learn JavaScript, even if you’re a complete newbie.

What I Look For in a JavaScript Book

I tend to look for three things in a tutorial book for any programming language:

  • Style and Tone
  • Project-based Learning
  • Affordability

With these in mind, I went out searching for the best JavaScript book for you and me to get over the initial newbie hump.

Style and Tone

I don’t expect Shakespeare out of coding books, but I do think that readability is important. If I wanted to get just the information, I could read the official documentation (though some dry docs are pretty useful and entertaining, like the Mozilla Developers Network).

I prefer funny writers who make lots of jokes and puns (go figure, right?), and if they’re not funny and weird, then I try to make sure they’re at least personable and conversational—kind of like a good college professor or a really attentive dad explaining something to his 6-year-old.

Project-based Learning

Pretty straightforward: I look for JavaScript books that don’t teach skills in isolation. Sure, you’re going to have to learn DOM manipulation by itself. You’re going to have to just get used to writing functions and scope.

But once you’ve grasped the fundamentals and how to write it out, I want to be able to see how it’s useful in the real-world. I want to be able to write a Pomodoro clock or an image gallery. Something where I see it in use instead of just writing out a few lines of code for muscle memory.

Affordability

Being affordable means something different to us all. To some people, shelling out $500 for the best JavaScript book won’t be any problem at all—especially if it helps you land the perfect dev gig (or if your company can expense it). To others, anything over $20 bucks is on the high end because it’s a side-hustle skill that you can’t really devote a lot of resources to.

I go looking for something that hits that happy medium of being available and affordable to the vast majority of people in one way or another.

Allow Me to Present the Best JavaScript Book for Complete Newbies

Well, at least a smattering of the best JavaScript books. One of these should be the best book for you, though, depending on your situation and needs.

Eloquent JavaScript

Best JavaScript Book

Okay, this one’s awesome. Talking about affordability, you can’t go wrong with free. Well, it can be free. Eloquent JavaScript is, as the website says, “licensed under a Creative Commons attribution-noncommercial license. All code in this book may also be considered licensed under an MIT license.” So you can download the PDF, mobi, or epub of the text right now and start coding your heart out. (Heck, there’s also an online version you can use from your browser. No excuses, friendo.)

The only caveat I want to mention here are that the last update was in 2014 for the second edition, which was written before EC6 came out. It’s still such a fantastic base, I can’t not recommend it for newbs. It helped me out a bunch.

Price: free | More information

Full-Stack React

Best JavaScript Book

Project-based learning is important to me, like I said. With Full-Stack React, you really can’t get more project-based. Because React is a JavaScript framework for building web apps, there really is no way to isolate the JavaScript into elements on their own. You’re always going to see how they integrate into something larger.

I think this might have been the best JavaScript book for me because of that alone. It turns out that I really like React because of how it handles…well, pretty much everything. I learn the framework and utilities, and I see how JS code itself is implemented on the front-end and back-end with this book.

React itself is open-sourced by Facebook, which means it’s not going anywhere soon, and there’s a library called React Native that you can use to make native iOS and Android apps (not just web apps in a wrapper)—Instagram, for instance, is written in React Native.

Price: $39 (up to $399 for teams) | more information

Anything by O’Reilly Books

Best JavaScript Book

If you look for more than, I don’t know, ten seconds for JavaScript books (or programming language books in general, really), you’re going to see a plethora of titles published by O’Reilly. In many ways, they’re the go-to resource on languages, from bootcamps to college campuses.

So when as a JavaScript newbie, I needed to find the best JavaScript book, everyone and their brother pointed me toward O’Reilly.

Parsing all of the options you have there can be daunting, but I think there are a few that will be more helpful to complete newbies than others:

O’Reilly’s Best

  • JavaScript: The Definitive Guide covers pretty much everything in JavaScript ever. If you need a topic covered, it’s in here. Not only can you use this as a tutorial to learn like I did, but it’s also an astonishing reference guide when you need quick documentation.
  • JavaScript: The Good Parts has probably my favorite title of any tech book ever. Specifically designed for devs who’ve never touched JavaScript before, you don’t get anything but the parts of the language most applicable to you. Read this book. You’re welcome.
  • Modern JavaScript covers what’s happening in JavaScript right now. There are annual updates to the language (EC6, EC7, the upcoming EC8), tons of frameworks (Angular, Ember, Node, React, etc.), and even more libraries. More of a collection of references than tutorials, complete newbies can really gain a lot from this title as it breaks down exactly what you’re getting yourself into.

Each of these titles offers something a little different, but any one of them could be the best JavaScript book for you. Best of all, each and every one is complete newbie accessible.

Best of all, O’Reilly has a subscription service and a la carte options for their books. You can get a 10-day trial to see if the books work for you, and if they do, you can either stay subbed or start snagging the individual ebooks for as low as $4.99 off Amazon.

Price: free trial | more information

So What is the Best JavaScript Book for Complete Newbies?

For me, it’s a tie. Despite the ubiquity and ridiculous quality of O’Reilly’s library, I always fall back to Eloquent JavaScript as the one to recommend to folks. It’s the one that felt the most comfortable for me to dig into and get started. Plus it’s free, so you’re not out anything for giving it a shot.

That said, however, I am spending more time with Full-Stack React than anything else. That’s partially preference on my part because I want to learn React, but it’s also because building something makes it easier to remember JS fundamentals. You don’t get nuts-and-bolts JS tutorials because it’s library-based, but you learn implementation, which I find more helpful.

TL;DR: If you are just looking for that general, nuts-and-bolts JavaScript learnin’, go with Eloquent Javascript. It’s not tied to a specific framework, so it’ll work for anyone. And like I said, you can’t go wrong with Full-Stack React, unless you’re not allowed to use React or are already tied to a different framework.

What do you think the best JavaScript book is? Let’s talk about that good book learnin’ in the comments!

Article thumbnail image by Teguh Jati Prasetyo / shutterstock.com

Divi

Want To Build Better WordPress Websites? Start Here! 👇

Take the first step towards a better website.

Get Started
Divi
Premade Layouts

Check Out These Related Posts

Top Features Of Divi Dash For Busy WordPress Agencies

Top Features Of Divi Dash For Busy WordPress Agencies

Posted on October 17, 2024 in Resources

Running a WordPress agency isn’t a walk in the park. It’s a juggling act of keeping clients happy, staying on top of changes, managing your team, building killer websites, and maintaining them — all while trying to stand out in a crowded market. But what if you had a tool to help...

View Full Post
WordPress vs Medium (2024) — Where Should You Blog?

WordPress vs Medium (2024) — Where Should You Blog?

Updated on February 14, 2024 in Resources

If there is one question that goes back to the very beginning of blogging, it’s “what blogging platform should I use?” Everyone asks this question (to Google, most likely), and everyone gets bombarded with a thousand different answers. That’s primarily because there are so...

View Full Post
9 Non-Profit Child Themes for Divi

9 Non-Profit Child Themes for Divi

Updated on January 23, 2023 in Resources

There are lots of nonprofit organizations across the globe. Just about every one of them needs a well-designed website to tell their story and receive donations to help their causes. Divi is an excellent theme for nonprofits such as charities. Fortunately, you don’t have to start from scratch for...

View Full Post

23 Comments

  1. Eloquent JavaScript is from 2017 and does use EC6 I believe. The site has the version 3 for free.

  2. Wow, this came a perfect timing for me as well. Last week, I finally decided that I cant avoid it any longer and I need to learn some javascript. I downloaded “Eloquent JavaScript” and I am enjoying how it starts which the basics!

  3. This is something I have been looking at learning myself. Will certainly try Eloquent JavaScript 🙂

  4. Hello BJ,

    Thanks for your article. Fullstack React got mine attention, but

    I only have one concern. Is it wise to learn React.js if you want to develop for WordPress regarding the latest issue with the licensing thing, see here: https://ma.tt/2017/09/on-react-and-wordpress/

    Hope you can shed a light 🙂

    Thanks

  5. I found this to be very helpful – thanks a lot! You really broke down the book types very well. And honestly, for me, implementation is the way I learn – often times before the “nuts and bolts” make sense on their own!

    I’ve been looking into learning JS for a month or so now – to ‘be dangerous’ as you said. I’ve akways focused on front-end dev, but a designer with back-end knowledge can be just that – dangerous!

    What do you think about online tutorials offered like codeacademy? That was my go-to for HTML & CSS in college. I was going to go back and run their courses on JS & React. For $20/mo, do you think this is necessary? Much of my html/css knowledge is self taught.

    Thanks again –

  6. Great recommendations! I’m now going through each of your suggested books here – so far, I’m agreeing to each of your point.

  7. Good article.

    Also check out this book (has 4.5 starts on Amazon) – love it:

    JavaScript: Novice to Ninja, 2nd Edition

    • By Darren Jones 🙂

    • Thanks for sharing this Eugene

  8. Here is a book I found on Amazon Kindle called “A smarter Way to Learn JavaScript” by Mark Myers.

    He walks you through everything and there are online practicing sessions that are included with the purchase of the book.

    It is an awesome way to learn JavaScript.

    Here’s the link if anyone is interested. (No affiliate link, just a Google search).

    $7.99 for the Kindle version (Also in paperback for $17.96).

    I hope this helps.

    Ollie G

  9. Here is a book I found on Amazon Kindle called “A smarter Way to Lear JavaScript” by Mark Myers.

    He walks you through everything and there are online practicing sessions that are included with the purchase of the book.

    It is an awesome way to learn JavaScript.

    Here’s the link if anyone is interested. (No affiliate link, just a Google search).

    $7.99 for the Kindle version (Also in paperback for $17.96).

    I hope this helps.

    Ollie G

  10. This is why WordPress and Divi exist. People don’t want to know how to code (“no coding skills required” is a cliche already). People want to drag’n’drop’ 😀

    • That’s totally true. And as a visual builder user long before I started here at ET, I am still using the drag and drop editors far more than I am coding anything by hand.

      But I look at JavaScript and other coding languages as a background skill, occasionally things break or don’t do exactly what you want them to, so having a passing knowledge of JS and how it works can help squeeze out just a little more from your site.

  11. What is the best book for Vue or Angular? I need angular for ionic and web(Works for both), so less code to manage?

  12. I have been avoiding Javascript for years but I think I better dive in before I am forced to (by a project that requires javascript). Please do explain, how does one use Javascript on Divi?

  13. The article is purely releated to books, but not mentioning of Angular, TypeScript, Lot of free learning material in form youtube videos these days , Some great sites paid sites as well – well the complete list would be really helpfull for the newbies.

    • That’s really true. And I’ve used a few of them, myself, Amit. I’ll add it to my list of suggested topics and see what I can do. 🙂

      • Oh, and there’s a PHP article like that coming soon, so keep an eye out if that’s your thing.

  14. Can you give me some examples about when I might want need it? So far, I’ve only used it in a widget to grab the machine year and display it. Perhaps from your own experience – when did you start customising sites via scripts? Good luck with the running (I run a lot too).

    • Thanks, Charles! May you always run downhill with your back to the wind! 😉

      As far as when you may need it, mostly I use it for the kinds of things you do. I tweak code and add it in widgets or boxes to get a little extra oomph. I’ve added some snippets here and there to make calendars do calculations and menus/forms display certain options based on previous choices–that kind of thing. Being able to read JS lets me eke out just a little more and implement certain jQuery functions embedded in WP itself.

      And if you ever move into plugin development, JS is becoming more and more prevalent in that area, too. With the REST API, you can *almost* bypass the PHP requirement and deal with your MySQL database solely from the front-end of your website though JavaScript (React is great for this, as is Vue).

  15. Wow, perfect timing! I was just trying to implement some advanced JS on my site just from copying and pasting and had no idea had to troubleshoot some issues I ran into. Then got some snarky responses from developer forums. Guess I gotta just teach myself. Thanks!

    • That is exactly what happened to me. I decided to go the self-taught route because of the Stack Overflow questions I asked got flagged, despite being legit issues I had.

      I needed to be able to at least read the JS I needed to tweak, so I grabbed these books. 🙂

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Join To Download Today