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
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
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
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
Eloquent JavaScript is from 2017 and does use EC6 I believe. The site has the version 3 for free.
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!
This is something I have been looking at learning myself. Will certainly try Eloquent JavaScript π
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
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 –
Great recommendations! I’m now going through each of your suggested books here – so far, I’m agreeing to each of your point.
Good article.
Also check out this book (has 4.5 starts on Amazon) – love it:
JavaScript: Novice to Ninja, 2nd Edition
By Darren Jones π
You Don’t Know JS (book series).
This is a series of books diving deep into the core mechanisms of the JavaScript language. Read online (free!)
https://github.com/getify/You-Dont-Know-JS
Thanks for sharing this Eugene
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
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
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.
What is the best book for Vue or Angular? I need angular for ionic and web(Works for both), so less code to manage?
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?
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.
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).
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. π