How To Learn JavaScript
Published: 2019-01-14 14:14:46

---
title: How To Learn JavaScript
published: true
description: Do you want to learn JavaScript? Here is how to learn JS
cover_image: https://images.unsplash.com/photo-1542546068979-b6affb46ea8f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=900&q=60
---

In today’s day and age, coding is becoming more popular than ever. It’s not uncommon for people to quit their jobs, learn coding, and get a front-end development position as a second career.

Front-end development is such an attractive career for many reasons: high-demand, large salaries, and anyone can learn how to code for free (or a small amount of money) on the Internet.

Perhaps the largest facet of learning front-end development is having solid JavaScript skills. The majority of front-end development job interviews involve heavy JavaScript coding as well as deep understanding of the underlying concepts.

But learning JavaScript can be daunting with so many resources to choose from. So I have compiled a list of the top places that helped me learn JavaScript.

If you’re completely new to front-end development, check out the [Front-end Developer Handbook](https://frontendmasters.com/books/front-end-handbook/2018/). This is a great introduction to front-end development with high-level explanations of the related technologies.

# Online Courses

The best way to learn JavaScript is by practicing, thus online courses provide a great learning environment that requires you to complete activities and projects.

Many websites will have free options for their courses, but for $40 or less (usually) you can upgrade to the professional tier and unlock more content.

Some websites, such as Lynda, even offer integration with your LinkedIn profile so you can display your course achievements on your resume.

This is a great way to stand out to technical recruiters.

[Lynda](https://www.lynda.com/) ($30/month)

[Front-end Masters](https://frontendmasters.com/) ($39/month)

[Pluralsight](https://www.pluralsight.com/) ($29/month)

[General Assembly](https://generalassemb.ly/) ($ varies by course)

[Treehouse](https://teamtreehouse.com/) ($25/month)

[Coursera](https://www.coursera.org/) ($ varies by course)

[Egghead.io](https://egghead.io) ($40/month — pro)

[CodeAcademy](https://www.codecademy.com/) ($ varies by course)

[Level Up Tuts](https://www.youtube.com/user/LevelUpTuts)

[Traversy Media](https://www.youtube.com/user/TechGuyWeb)

[Scotch.io](https://scotch.io/)


# Email Subscriptions

An easy way to stay up-to-date on the latest and greatest features in JavaScript is to sign up for weekly email subscriptions. They show up in your inbox without you having to think about it.

[JavaScript Weekly](https://javascriptweekly.com/)

[Web Design Weekly](https://web-design-weekly.com/)


# Books

Personally, I love reading technical books. You can find most of the books you’ll need for free online. For beginners, I recommend starting with the JavaScript and jQuery book below, although I wouldn’t recommend relying too heavily on jQuery as it’s a bit dated and most employers find this to be a deterrent.

[You Don’t Know JS](https://github.com/getify/You-Dont-Know-JS)

[JavaScript Allongee](https://leanpub.com/javascriptallongesix/read)

[Professional JavaScript for Web Developers](https://www.amazon.com/Professional-JavaScript-Developers-Nicholas-Zakas/dp/1118026691) ($13 — $27)

[JavaScript & jQuery](https://www.amazon.com/JavaScript-JQuery-Interactive-Front-End-Development/dp/1118531647) ($22)

[Eloquent JavaScript](https://eloquentjavascript.net/)


# Websites & Blogs

Mozilla Developer Network is one of the best resources for looking up the answers to your most burning JavaScript questions. I highly recommend reading through their documentation. CSS Tricks is also an awesome website for staying up-to-date on JavaScript.

[MDN](https://developer.mozilla.org/en-US/)

[CSS-Tricks](https://css-tricks.com/)



# Tools

Below are some great tools for quickly testing JavaScript (and related frameworks). They require no overhead to set up and are wonderful tools to use when following along to a course.

[CodePen.io](https://codepen.io/)

[CodeSandbox](https://codesandbox.io/dashboard)

[JSFiddle](https://jsfiddle.net/)


# Frameworks & Libraries

I highly recommend learning all the ins-and-outs of JavaScript (vanilla JS) before getting to know a framework or library. Too often, developers jump in to learning React or Vue and don’t understand what’s going on under-the-hood, so these should be seen more as a second step in your JavaScript journey.

[React](https://reactjs.org/)

[Vue](https://vuejs.org/)

[Angular](https://angular.io/)

[Ember](https://www.emberjs.com/)


#  IDEs

To make your JavaScript journey enjoyable, it’s important to choose an Integrated Development Environment (IDE) that you enjoy. I personally love VSCode, but below are some other awesome IDEs.

[VS Code](https://code.visualstudio.com/)

[Web Storm](https://www.jetbrains.com/webstorm/) ($)

[Sublime](https://www.sublimetext.com/)

[Atom](https://atom.io/)


# Top Influencers

A great, and easy, way to learn JS is to follow awesome influencers, or experts in the field. Below are some of the people I enjoy learning from.

[Sarah Drasner](https://sarahdrasnerdesign.com/)

[Chris Coyier](https://chriscoyier.net/)

[Douglas Crockford](https://www.crockford.com/)

[Kyle Simpson](https://github.com/getify)


# Front-end Development Interview Help

Once you’re ready to jump into an interview, the sites below can help you practice your coding skills. These are primarily algorithm-based, so make sure you’re familiar with common sorting and searching algorithms.

[Coderbyte](https://coderbyte.com/)

[Hacker Rank](https://www.hackerrank.com/)


#  Conferences & Meetups

Lastly, I highly recommend attending meetups and conferences as often as you can. Conferences can get expensive, however, so meetups can be a great way to meet other JS lovers in your city.

[JS Conf](https://2018.jsconf.eu/)

[Fluent](https://conferences.oreilly.com/fluent/fl-ca)

[ForwardJS](https://forwardjs.com/)

[Meetup.com](https://www.meetup.com/)

---

The most important thing to remember when beginning your journey to becoming a JS developer is not to get discouraged and compare yourself to others. It takes years of practice and real-world experience to become an expert (as it does in any field). And if you’re seriously stuck, head over to [Stack Overflow](https://stackoverflow.com/) for help.

You will have tons of technical interviews without job offers, and that’s okay. But by learning JavaScript inside-and-out, you will be in an awesome position to score a kick-ass front-end developer job.

If you enjoyed this article, please give it a clap or two, and subscribe!