Tips For Learning JavaScript

TLDR; A lot of good resources for learning JavaScript exist. And you do not need to install an IDE, you can learn JavaScript in the console.

How does learning JavaScript help?

  • When testing a web app you can look at the code
  • Understand the code
  • Understand errors written to the Dev Tools Console
  • Workaround application defects
  • Automate in the browser
  • Create helper tools as BookMarklets
  • Improve your use of WebDriver’s JavascriptExecutor
  • In strange and mysterious ways that will surprise you once you learn JavaScript.

Learning JavaScript increases the Surface Area of the System that we can pull information from (i.e. model it), and potentially observe, interrogate and manipulate in more dimensions.

It increases our options, and therefore our ability to handle an increased variety of applications and technologies.

Any Resources? If you are a tester and want to learn JavaScript…

Tip 1… Automating in the Browser

My Test Automation U Course

  • a free course
  • explains how to use the browser dev tools for automating

Tip 2… Eloquent JavaScript

Read (free) Eloquent JavaScript

Good for understanding the language. And Code Sandbox good for seeing code running.

Pull the language together to help you understand it as a programmer.

Tip 3… JavaScript Enlightenment

Read (free) JavaScript Enlightenment

An indepth look at ‘modern’ JavaScript features.

Tip 4… Speaking JavaScript

Read (free) Speaking JavaScript

A good overview of the syntax and language.

Tip 5… DOM Elightenment

Read (free) DOM Elightenment

Understand and manipulate the DOM in depth. We will do this a lot when automating from the browser.

Tip 6… JavaScript Design Patterns

Read (free) JavaScript Design Patterns

Much of the use of JavaScript will be tactical unless being used as the main language for coding automating or writing apps. This is important to learn when you start writing more code, especially if you have to maintain it. And can be useful for helping understand structure of other peoples code.

Tip 7… Support Page

The support page for my Test Automation U Course (has even more links):

Tip 8… Go Make Things

Subscribe to Chris Ferdinandi’s “Go Make Things” JavaScript newsletter.

Short, regular posts with easy to read and understand JavaScript code snippets.

Tip 9… Useful Snippets

Check out the Chrome Extension “Useful Snippets”

Viv Richards @11vlr and I wrote this web testing tool.

And the benefit is, each time you run a command you see the JS in the console.

Tip 10… JavaScript for Cats

Have a look at “JavaScript for Cats”. A tutorial web page, where all the examples and coding take place in the dev tools. And it has some additional resources for future reading.

A fast overview you can use in the browser.

Tip 11… Order to use them

  1. Subscribe to “Go Make Things” and be drip fed information –
  2. Read JavaScript for Cats
  3. Follow My Test Automation U Course Automating in the browser
  4. Read Speaking JavaScript
  5. Eloquent JavaScript
  6. Read DOM Elightenment
  7. JavaScript Design Patterns
  8. Course Support Page –
  9. Useful Snippets –
  10. Read JavaScript Enlightenment

Free Video Inside

Source: EvilTester
Tips For Learning JavaScript

Share This Post

Show Buttons
Hide Buttons