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 …
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 …
Continue reading “How to Use Chrome DevTools and the Console Tab to Learn Javascript Programming”
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 …
Continue reading “Javascript String Basics, How to Make and Edit Strings”
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 …
Continue reading “How to Create Arrays and Lists in Javascript”
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, …
Continue reading “How to Create and Use Basic Objects in Javascript”
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 …
Continue reading “How to Write Your First Function In Javascript”
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 …
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 …
Continue reading “How to use Javascript to Interact With HTML Webpage”