Learning with Linda!

Notes & fun projects from courses or conferences

expand_more

Fun Side Projects

A dark black border on the left hand side shows a table of contents. The right hand side shows a white blackground with black text, showing the title Learn with Jason commands and a few list items showing a command name and description.

Technical Documentation

HTML

CSS

JS

Code
Centered in the screen is the title Color Picker, with five buttons below it. From left to right, they say red, blue, yellow, green, and random, and each has a background color matching it's name - random is black. Below these, the hex code #35ddb6 is displayed. The background color matches the hex code displayed.

Color Switcher

React

HTML

CSS

Created following along with Ali Spittel's Intro to React live stream! First time really playing with React, was not as bad as I'd feared. Then I went a little further and figured out a way to have it pick a random color!

Demo Code Live Site
A blue background with a white textbox centered inside, which shows a quote from Ratatouille, with a Twitter icon in the lower left and a new quote button on the lower right.

Random Quote Generator

HTML

CSS

JS

jQuery

Pulls a random quote from a separate JSON file and displays it. Also provides the ability to create a Tweet sharing the quote. I created the JSON file with a ton of my favorite quotes to use for this project, and adjusted the styling to change coordinating colors when a new quote is generated.

Code
See All Side Projects

Recent Notes

Git Snippets

A reference for the less used Git commands, so I can find them easily

TypeScript Basics

Notes on the basics of the TypeScript language

Project Snippets

Helpful references for getting started on projects

Beginner's Guide to React

Notes on Kent Dodds' intro React course on Egghead

Beginner JavaScript

Notes on Wes Bos' Beginner JS course

CSS Snippets

My own CSS reference cheat sheet, when I can't remember how to do things

JavaScript Snippets

My own reference sheet for common, basic JS recipes that I use and/or need to look up often

See All Notes