Page Title

About Website · Project List · Tutorials · Resources

About

This website serves as a personal dashboard for my projects created with HTML, CSS, and Javascript. It also contains a list of tutorials I used as a learning aid along with links to resources I found helpful.

My Project List

Ball Drop Demo
Spawns falling balls on a javascript canvas.
Memory Game
A simple game of trying to find matching icons.
Visual Novel Engine
A rudimentary visual novel engine which plays a visual novel loaded from a script.js file. Allows two layer image display, basic audio and sfx playback, variable storing and checking, and branch decisions.
Stopwatch Timer
A simple stopwatch which also is able to record splits.
To Do List
A simple task tracker which saves its data to the browser.
Random Image Generator
Generates random images of a specified size using Lorem Picsum.
Minesweeper
Play a game of minesweeper. Three difficulty levels, and you can also flag potential spots with right click.

Tutorials

HTML and CSS

HTML Full Course for Beginners | Complete All-in-One Tutorial | 4 Hours (by Dave Gray)

Link to Video

An Introductory HTML only course. Covers the most commonly used elements on websites. Also covers how to makr sure a website has valid structure and is assessible for screen readers. I would suggest this video to be watched first (or playback video on fast speed if you need a quick refresher).

Reccomendation: 9/10

HTML & CSS Full Course - Beginner to Pro (by SuperSimpleDev)

Link to Video

An Introductory HTML and CSS course that covers the basics of what you need to get started. He primarily focuses on the CSS elements and moves at a fast pace (I often found myself pausing, rewinding segments, and setting playback speed to 0.75x). If you need more technical information on HTML itself (such as forms, providing alternate accessibility content, or other display elements), I would suggest an HTML course only before jumping into this one. A positive is the hands-on project and the sample exercises provided.

Reccomendation: 8/10

Javascript

Modern JavaScript From The Beginning | First 12 Hours (by Traversy Media)

Link to Video

Introductory Javascript course that covers the basics of what you need to get started. He breaks down subjects in an easy to understand way, especially for those who are new to programming. He moves at a moderate pace that is easy to follow, and presents subjects in a logical order.

Reccomendation: 9/10

JavaScript Full Course for Beginners | Complete All-in-One Tutorial | 8 Hours (by Dave Gray)

Link to Video

Introductory Javascript course that covers a majority of what you would need to know in a practical use setting. I would not recommend this tutorial to a person completely new to programming or Javascript, but to a person reviewing basic Javascript knowledge or expanding on what they know. You will definately be doing additional reading on topics after watching this tutorial.

Reccomendation: 7/10

Typescript

TypeScript Full Course for Beginners | Complete All-in-One Tutorial | 8 Hours (by Dave Gray)

Link to Video

Introductory Typescript course that builds off of Javascript knowledge.

Reccomendation: ???/10

Resources

Work In Progress, To Fill In