Learn the JavaScript Basics

Learn JavaScript The Right Way

Hi, welcome to my blog. I’m a full-stack web developer who loves JavaScript. My goal with Matw.me is to create an easy-to-read and informative JavaScript reference that covers the core essentials of JavaScript.

I plan to accomplish this by starting with the basics, and adding higher level concepts only after the base knowledge is laid down.

– Matthew Wilson

Start Here

If you want to learn JavaScript from scratch, these posts should get you off to a good start.


Using JavaScript to Select HTML Elements

One of the most common uses of JavaScript to manipulate elements on a web page. As we learned in the interact with the DOM post, the fist step to manipulating an HTML element is selecting it. The document object that is built into web browser’s JavaScript provides multiple methods that can be used to select …

Posted in , , , | Leave a comment

How to Use Chrome DevTools and the Console Tab to Learn Javascript Programming

This post will show you how to open and use Chrome devTools on a desktop or laptop computer The console and inspector were essential to me as a beginning developer and after 10 years experience I still use it almost daily. First step (using Chrome) right click on your screen. Anywhere within the browser should …

Posted in , | 1 Comment

Javascript String Basics, How to Make and Edit Strings

Strings Strings are sequences of characters. In the previous post, we saw how to open the Chrome devTool inspector panel. In the console tab, we can enter numbers and use the console as a basic calculator. When dealing with numbers in Javascript, we do not place quotes around them, but when entering strings, they must …

Posted in , | Leave a comment

Video post – Strings and console review

Posted in , | Leave a comment

How to Create Arrays and Lists in Javascript

In the previous post, we went over strings and variables, but we need methods to organize our strings and variables. If we were going to the grocery store, we would not write bananas on one piece of paper, bread on another, milk, eggs, cheese, etc each on separate pieces of paper. This would become very …

Posted in | Leave a comment

How to Create and Use Basic Objects in Javascript

Previous posts have covered strings, numbers, and arrays. Arrays can help organize related strings and numbers into a list-like behavior, but finding items in the list can be a bit difficult. Javascript offers one more method to organize data called an “object”.  Objects store and retrieve items using a key – value system. For example, …

Posted in | 1 Comment

How to Write Your First Function In Javascript

Functions are the basic building block of programming Now for the real meat of programming, functions. Functions are named sections of code that combine operations to perform a certain procedure. Functions can accept inputs and may return a value (an output). In the previous post, we started a bank and our first customer, John, deposited …

Posted in | Leave a comment

How to Add Javascript to an HTML Webpage

Until recently, using JavaScript meant was reserved strictly to building websites, but today, Javascript runs pretty much everywhere. That being said, the most common application for JavaScript is still to manipulate websites or make a web-based application. There are two ways that JavaScript code can be loaded and/or added to a webpage: inline scripts and …

Posted in | Leave a comment

How to use Javascript to Interact With HTML Webpage

One of the most useful aspects of JavaScript is its ability to manipulate a website. When a pure HTML website loads, that’s it—it’s done and it will not change again until the page is reloaded. Adding JavaScript to a page, however, gives us the ability to update a page even after it has been completely …

Posted in , , | 1 Comment