A beginner tutorial that shows how you can start automating the web using JavaScript.

Automate the Web Series

This tutorial series is aimed at beginners and intermediate programmers who have yet to fully utilize JavaScript in their everyday lives for automating tasks. We’ll mostly be automating tasks that I’ve needed to automate, but these concepts apply anywhere.

What You’ll Learn

  • The 20% of code that covers 80% of automation use cases
  • How to leverage the power of delayed recursive loops
  • How to write quick automation scripts and be able to reuse them again later all from your browser

The Setup and Requirements

  • A web…


image by Greg Rakozy on Unsplash

A list of starter projects for new developers or experienced developers learning a new language. Each idea has a detailed description, examples, and suggestions that you can build your own unique idea off of. Think of it as programming challenges, but with projects instead of single challenges.

Note: I tailor the examples in this post for JavaScript developers, but the ideas can work for anyone regardless of programming language.

Getting your Feet Wet

Learning the basics with a focus on create, read, update, and delete operations (CRUD).

Name Generator

Naming things is hard, it seems like every username is taken these days… so how about we…


An introduction to animation, collision detection, object-oriented programming, and some physics.

final animation

Prerequisites / Info

  • This is part of the JS Game Dev Series
  • I recommend reading the previous tutorial but it’s not required
  • You should have some knowledge of JavaScript — I will not explain irrelevant syntax such as for-loops
  • The second section requires more advanced knowledge of JS but it’s optional
  • Basic math/geometry knowledge
  • Basic knowledge of physics

Starter Code

I moved this to a separate page to keep these tutorials short and so I only have to update it in one place.

Final Code for this Tutorial

All the code from this tutorial is available on the repository…


Let’s explore what the canvas is and draw some shapes.

Prerequisites / Info

  • This is part of the JS Game Dev Series
  • You should have some knowledge of JavaScript — I will not explain irrelevant syntax such as for-loops
  • Knowledge of ES6 Classes is helpful but not required
  • Basic math/geometry knowledge
  • Basic artistic skills

Starter Code

I moved this to a separate page to keep this article short and so I only have to update it in one place.

Final Code for this Tutorial

You can get all the code from this tutorial on the repository below. Keep in mind there’s also a lot of code included that’s not written…


Two more intermediate JavaScript challenges from FreeCodeCamp.

Prerequisites

Basic JavaScript skills and knowledge of regular expressions would help.

Wherefore art thou

Challenge Description:

Make a function that looks through an array of objects (first argument) and returns an array of all objects that have matching name and value pairs (second argument). Each name and value pair of the source object has to be present in the object from the collection if it is to be included in the returned array.

For example, if the first argument is [{ first: “Romeo”, last: “Montague” }, { first: “Mercutio”, last: null }, { first: “Tybalt”, last: “Capulet”…


Learn to build games with Vanilla JavaScript, Phaser, p5.js, PixiJS, and more.

Hey, thanks for checking this page out! This series is very early in the development stages and right now you’re on the index / tutorial list page. You can see some planned tutorials below.

Update

This series is on hold for a bit as I’m currently working on a course and book. If anyone is actually interested in this series, let me know in the comments along with which part you’re most interested in and I’ll try to make time for it.

Prerequisites and Introduction

You should have a decent understanding of…


A guide and framework for solving problems.

This is the index page for articles containing one or more algorithms and a walkthrough on how to go about solving it.

Miscellaneous Guides

Guides and information, not challenges.

Problem Solving Framework

TBA

Code Golf Techniques

TBA

Interview Questions

TBA

It’s Dangerous to go Alone

Keep these resources nearby while you attempt to solve challenges.

FreeCodeCamp Algorithms (beginner)

FCC teaches syntax and some different functions built into JavaScript, but many people have a hard time or give up altogether when they reach the algorithms section. Why is this? Because until then the lessons held your hand, and you only had to copy and memorize. …


Everything you need to know about the JavaScript engine, scopes, closures, the event queue, and how to apply this knowledge.

Table of Contents

Prerequisites
Definitions
The Call Stack
— — 1. Variable & Function Declarations (creation phase)
— — 2. Execution
Scope and The Scope Chain
— — Function/Lexical Scope
— — Block Scope
The Event Loop
Code Examples
— — Simple Closure
— — Blocking Code
— — Defer a Function
— — Memoize with Closures
Resources and Links

Prerequisites

You only need a basic knowledge of JavaScript. While this seems like an advanced tutorial, it’s…

CodeDraken

{ // TODO: make a cool profile } Find my latest series at: learn2dev.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store