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.

 

Working with Arrays in Javascript

Introduction to Arrays in Javascript Arrays are an important data structure in Javascript. They allow you to store multiple values in a single variable. In Javascript, arrays can hold different types of data, such as numbers, strings, or even other arrays. Common Array Operations and Functions Once you have an array, you can perform various …

Posted in , , | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Authentication vs authorization basics and big picture

Authentication Nearly every online application will need authentication and almost every page / feature of most applications will need to be locked behind the authentication wall. Since auth is so tightly integrated throughout an application, it is important that it is well abstracted, fast, and seamless. Authentication is basically “prove to me who you are” …

Posted in | Leave a comment

Node – throttling actions like outbound request

Occasionally one may have the requirement to run make a lot of request or perform some other action on a large scale, but without overloading any systems. An example issue, we need to check the status of 5000 different servers as quickly as possible without overloading the network or the requesting server. Node gives us …

Posted in , | Leave a comment

Where to start with code quality

Good quality code is a delight to work with, it is easily modified like clay to perform different actions. It is easy to debug and reason about. It is easy to understand and reads almost like a story. Sometimes I am asked about best practices and code quality and it is a very difficult thing …

Posted in , , , | Leave a comment

Video – Intro to HTML 1

Posted in , , , | Leave a comment

Making a simple API using AWS Lambda and API Gateway – PART 1

Serverless architecture gives us an easy way to stand up an API without having to worry about managing a server. Like most decision, the decision to use serverless comes with a host of pros and cons; experience is here, ultimately the best teacher. Let’s make a simple API using AWS Lambda and API gateway services …

Posted in | Tagged , , , , | Leave a comment

Use Buttons and click events to run Javascript functions and code blocks

The previous post showed how to select and edit every paragraph element on a page adding a smiley face to each paragraph, but we run the code by entering it directly in the Javascript console. How can we run a section of JavaScript code when something happens? Often we want a section of JavaScript code …

Posted in | Leave a comment

Using JavaScript to manipulate a webpage using tag names

This is a continuation on previous posts, Using JavaScript to Select HTML Elements, & How to use JavaScript to Interact With HTML Webpage. This will cover selecting HTML elements by tag names. Note that I am ignoring some best practices for the sake of simplicity. As a website loads, nodes (sections) of the page get loaded into the document object. …

Posted in , , , | 1 Comment

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 , , , | 1 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 , | 2 Comments