2025? More like 2020 5, amiright?

Demystifying ML

Interact with data from API endpoints.

Work with GitHub files on your computer.

Build a website without code.

Inter-what?

This post started as a devlog about removing Google Analytics, and turned into a rant about the evils of big tech defaults.

Contribute your own background image to Happy Coding!

Don't judge a website by its homepage.

Code a design inspired by Vera Molnár.

2024? More like 2020 4, amiright?

What to expect and how to approach tech interviews.

Break the system down.

Enter the matrix.

It's all connected.

Make like a tree node.

One thing leads to another.

Teach an AI to write Taylor Swift lyrics.

Where do you see yourself in five years?

Your first chance to make a first impression.

Remember calculations to improve efficiency.

Use recursion to sort an array.

Last in first out.

To understand recursion, first understand recursion.

First in first out.

There can be only one.

When in doubt, put it in a HashMap.

Return whether a string is the same forward and backward.

Return the index of an item, even if it's not in the array.

Remove an element from an array in-place.

Links and other resources for interview practice.

What programming language should I use in a job interview?

Some disclaimers and opinions before we dive into interviewing.

A Brief History of Data Structures, Algorithms, and Tech Interviews

Your interviews might include a linked list, but they'll definitely include a for loop.

How to measure time and space complexity.

The most common data structures in interview questions.

Fill a square with lines.

Compare distances on multiple maps.

Move pixels around the center.

How to keep going after class ends.

Other web dev topics that didn't fit in other weeks.

Practice everything you learned by making your own webpage from scratch!

Create your own webpage using GitHub Pages.

Design a webpage using Bootstrap.

Use code written by other people.

Make decisions in your code.

Use JavaScript to make your page interactive.

Store information and make p5.js do math for you.

Learn how to get information from the computer.

Create a Mastodon bot using Mastodon4j

Use p5.js to draw a sketch.

Use CSS to lay out your page.

Style your webpage.

Turn left, turn right, repeat.

Write HTML directly in your browser.

Put HTML tags inside other HTML tags.

Write HTML on your own computer.

Put HTML tags inside other HTML tags.

Build your own webpage.

Rotate interlocking images to create a pattern.

Make glitch art from your images.

Use arrays of emojis to show the moon orbiting the earth.

2023 and Me

Exploring the power, limitations, and ethics of ChatGPT and machine learning.

How to keep going after class ends.

Announcing a redesign of Happy Coding!

Don't miss new posts from Happy Coding.

Add your own example to Happy Coding.

Practice everything you learned by making your own webpage!

Take your code to the next level with JavaScript libraries.

Make decisions in your JavaScript code.

Brainstorming about a potential redesign.

Build on your p5.js knowledge to learn JavaScript.

Use JavaScript to make your page interactive.

Fill the screen with circles without overlapping.

Use CSS to lay out your page.

Style your webpage.

Build your own webpage.

Build on your p5.js skills to learn HTML.

Make interactive sketches.

Create animated visualizations.

Make decisions in your code.

Store information and make p5.js do math for you.

Learn how to get information from the computer.

Make a stamp out of a cat picture.

Set up your environment and use p5.js to draw a sketch.

Fetch data from a server in React.

Use CSS to style your React apps.

Use loops and iterate over arrays.

How (and Why) to use Keys in React.

Share state between components.

Add data to your components.

Build your webpage out of components.

Reactify your syntax with JSX.

Use React to build an interactive web app.

A retrospective on my first real teaching job.

How to keep going after class ends.

Practice everything you learned by making your own webpage!

Make sure everyone can use your website.

Make sure everyone can use your website.

Design a webpage using Bootstrap.

Fetch content from other URLs.

Group related variables together.

Group related variables together.

Take your code to the next level with JavaScript libraries.

Use for loops and arrays to repeat code multiple times.

Store multiple values.

Repeat code multiple times.

Use if statements to make decisions in your code.

Make decisions in your JavaScript code.

Use JavaScript to make your page interactive.

Store information in variables.

Use CSS to lay out your content.

Use CSS to lay out your page.

Use CSS to style your content.

Set up your environment using Replit.

Set up your environment and use HTML to create a webpage.

Use HTML to create a webpage.

Set up GitHub and get ready to code!

Set up your environment and use HTML to create a webpage.

I got a teaching job! Here are some ramblings about how the class might work. Feedback is appreciated!

I don't know about you, but I'm feeling 2022

Fizz, Buzz, Fizz Buzz!

Show planets orbiting a sun

Play a game of warmer / colder with your computer.

Find the 4-leaf clover 🍀

Show a different message based on the time of day.

Make a rocket from the whitespace in your code.

Visualize the first million digits of pi.

Draw snow that accumulates on the ground.

Create a function that draws a Christmas tree.

Remove clickbait from the internet.

Use a for loop to sing the Twelve Days of Christmas

Create an interactive story using if statements!

Code your own virtual menorah!

Happy Thanksgiving!

Rearrange the pixels in an image.

Sort the pixels in an image.

Turn an image into a digital painting.

Use a 2D array to show a fading grid.

Show lines that oscillate up and down.

Draw a friendly spider.

Use Minim to play and record notes.

Rearrange an image into tiles.

Blend two images together.

Use `sin()` to make spooky text.

Style your text with custom fonts.

Make your own image filter.

Boo!

Boo!

Fill the screen with random skulls.

Use the random() function to draw a random skull.

Use the random() function to draw a random pumpkin.

Use variables to draw a pumpkin.

💀💀💀

🎃🎃🎃

🎃🎃🎃

Fill the screen with random pumpkins.

Animate a flickering Jack-o'-lantern.

Turns out software engineering is more than writing code.

Show three layers of dots.

I'm deleting the Happy Coding Facebook page!

Make your computer mad when you click the mouse.

See what happens when you don't sanitize user input.

Use Apache Commons Text to escape user input.

Use POST requests to get the user's name.

Use POST requests to show a list of names.

Use POST requests and JSP to show a list of names.

Use the fetch function to show a list of names.

Use servlets and JSP to show today's date.

Use servlets and JSP to show today's date while hiding the JSP file.

Use JSP to show a list of animals.

Use JSP to show the current Unix time.

Use JSP to show a header on every page.

Use JSP to show today's date.

Use JSP to flip a coin.

Visualize data from the Stack Overflow API!

Run a server that shows a static website.

Use Maven to build a web app.

Use the command line to run a server.

Use Maven to run an embedded Jetty server.

Use the command line to run an embedded Jetty server.

How to structure your web app directory.

Run a Jetty server from Java code.

Run your own Tomcat server.

10 years of Ludum Dare.

Go down the rabbit hole of going down Wikipedia rabbit holes.

A Wikipedia game for Ludum Dare 48

Locus of control, learned helplessness, burnout, and impostor syndrome.

Use the fetch function to get data from an API.

Fetch content from other URLs.

Play the Game of Nim against the computer!

Take your GitHub Pages to the next level.

Colorize images coming from Mars!

Create your own webpage using GitHub Pages.

Make your GitHub profile your own.

Use CSS to create colored divs.

Remember those quiet evenings.

Fill circles with your mouse that pop if they touch.

Create an ant colony simulation.

Draw a circular pattern using the arc function.

Use the p5.sound library to play random notes.

Create an isometric grid of cubes.

Draw a grid of random flowers.

Draw a gradient from one color to another.

Replace the colors in an image.

Draw lines the wrong way.

Draw lines that draw other lines.

Draw lines that loop around the screen.

Increase the randomness of an image along the Y-axis.

Use recursion to create a digital bonsai tree.

Draw a line, pick a new color, move a bit.

Draw a retro-futuristic curved grid.

Create a function that draws a town.

Use functions to draw a random city.

Create a function that draws a house.

Oink!

Draw triangles inside triangles inside triangles.

Show a scribble that randomly moves around.

Show a ripple when you click the mouse.

Use a for loop to create a silhouette of lines.

Create a border of squares.

Fill the screen with random lines.

Show a falling line that fills the screen.

Show falling points that look like snow.

Create text that opens a link when you click it.

Use circles to create an interesting pattern.

A gradient of blue squares.

Use text-to-speech to create a numbers station.

Use CSS to create colored tables!

2020, amiright?

How far into the year are we?

A look back on the last ten years, from One Program per Week, through Static Void Games, to Happy Coding!

🌈

How to teach yourself to code using Happy Coding.

Happy Coding Now Has New and Improved p5.js and Processing Tutorials

Here's a list of everything I use to create Happy Coding.

Some options to explore after learning Processing.

Some options to explore after learning p5.js.

Learn how to debug your p5.js code.

Mix p5.js with HTML, CSS, and JavaScript.

Display and manipulate image files.

Take arrays to the next level.

Create blueprints for your own objects.

Group related variables together.

Some ranting and rambling about the surprisingly painful Google Cloud Java 11 migration.

Upgrade from Java 8 to Java 11.

Ludum Dare 47

Use Google Translation in your own web app.

Use Google Translate in your own code.

Use machine learning to analyze natural language.

Use machine learning to analyze natural language.

Add marker to your Google map.

Use POST requests to create a shoutbox.

Two years later, welcome to the new normal.

Use machine learning to analyze images.

Use machine learning to analyze images.

Add info windows to your Google map.

Add a Google map to your page.

Take a tour of Google's campus.

Store your data.

Let users upload images and other files.

Deploy your web app.

Let users upload images and other files.

Let users log into your site using their Google accounts.

Store your data.

Getting started with Google Cloud

Deploy your web app.

Visualizations of songs and albums.

Create variables that hold multiple values.

Computer-generated spiral art.

How confirmation bias and us-vs-them mentalities have affected my understanding of #BlackLivesMatter.

Use patterns to repeat work without repeating code.

Use mouse and keyboard input to make interactive sketches.

Create animated visualizations.

Make decisions in your p5.js code.

Write your own custom functions.

Give your code a memory.

Get information from the computer.

Tell the computer what to do.

Get ready to write some code!

What happens when you combine the Game of Life with a 48-hour game jam?

Ludum Dare 46

🏃🌎

🏃🌎

Here's a list of everything I googled while I added a left nav to the site.

Are you happy most of the time, with temporary intervals of unhappiness? Or are you unhappy most of the time, with temporary intervals of happiness?

Some ramblings and reflections on the future of Happy Coding.

2019 is so last year!

You might be surprised to hear that a lot of decisions about code come down to a subjective, opinionated question: how does this code make you feel?

Ludum Dare 45 Postmortem

Ludum Dare 45

The 4 corners of creativity.

What to expect and how to approach tech interviews.

Lose 24,503 lines of code with this one weird trick!

Me, privileged? No way! (Yes way.)

Happy Coding now has Google Cloud tutorials!

Use machine learning to analyze images.

Learn about clients, servers, requests, and responses.

¡Feliz codificación!

Use machine learning to analyze natural language.

Allow users to upload images and other files.

Add an interactive map to your page.

Allow users to login.

Store your data.

Deploy your web app.

Getting started with Google Cloud

Stack Overflow's identity crisis.

Stanley has wares if you have coin.

How to sell your art on Etsy.

I'm very lazy. Here's how I use my boredom as a tool to trick myself into putting in the work.

Here's how 2018 went and what I plan on doing in 2019.

JUnit and Mockito

From A to B.

The power and beauty of the random function.

I failed at Ludum Dare, and that's okay.

Happy Coding now has Android and LibGDX tutorials!

Cross-platform code.

Add music and sound effects.

Every frame a line, every line a color.

Color is very important to comic books- here's why!

Color is very important to comic books- here's why!

Color is very important to comic books- here's why!

Color is very important to comic books- here's why!

Ooh! Aah!

Use images in your game.

Use OpenGL to draw your game.

Just the drawing functions.

Show different screens in your game.

React to user input.

Create your first libGDX game.

How to build a social networking app.

Prepare your workspace.

Create your own View.

Save your app's data.

Explore the Android lifecycle.

Define your app's user interface.

Activities and Layouts and Views, oh my!

Create your first Android app.

Happy New Year!

Use libraries to expand what p5.js can do.

Ludum Dare 37

Review Processing, HTML, and JavaScript topics.

Say hello to P5.js!

Which p5.js editor should I use?

Happy Coding now has server tutorials!

Should I use p5.js or Processing?

How to (not) store passwords.

Let multiple users post messages safely.

Let users login and create their own posts.

Safely handle user input.

Let users create their own posts.

Use servlets to show user posts.

Use JSP to render user posts.

Use the Struts framework to make advanced web apps.

Let users upload images and other files.

Use REST to support various clients.

Store your data in a database.

Use libraries in your server code.

Host your server on Google App Engine so other people can use your web app.

Host your server on AWS so other people can use your web app.

Safely handle multiple requests at the same time.

Store user data between requests.

Send data to your server.

Use Eclipse to write server code.

Create a Java program that cycles through Processing sketches.

Jakarta Server Pages

Create a dynamic web app.

The trials and tribulations of aligning text.

Run your own Jetty server.

Create a Processing sketch with a Swing control window.

Happy Coding now has Java tutorials!

Find months that have three paychecks in them.

Use Processing as a Java library.

Package your code so other people can run it.

Upgrade your code editor.

Trigger an action when objects overlap.

The power of other people's code.

Guessing game gui

Rectangle buttons are so last year.

Create a graphical user interface.

Take OOP to the next level.

Think of a number and the computer will guess what it is.

Try to guess what number the computer is thinking.

How to fix errors in your code.

Catch exceptions and debug errors in your code.

Learn more about creating classes.

Write, compile, and run your first Java application.

Install and run Java.

Happy Coding now has teaching resources!

Links to cool projects.

Some ideas for teaching an intro to coding course.

Plan a multi-year curriculum with Happy Coding.

Break problems down into smaller steps.

Scale a heart. ❤

Draw random hearts. ❤

Draw a heart. ❤

Teach a one-day workshop.

View the current weather on a map.

Use Bootstrap to style your personal webpage.

Use Bootstrap themes to style your personal webpage.

Add styles to your personal webpage.

Add dark styles to your personal webpage.

Only have an hour to spare? That's plenty of time!

Embed your sketch in a webpage.

Share your programs with other people.

Let other people visit your page.

Learn the basics of programming in an hour!

Check out my basic personal webpage.

Take a tour of my favorite Washington DC places!

Happy Coding now has JavaScript tutorials!

Load external content into your webpage.

Create a website using Bootstrap.

Learn about one of the most popular JavaScript libraries.

Learn about using libraries in JavaScript.

Create a colorful spiral.

Show a grid of letters.

Meet your new best friend.

Procedurally generated vine animation.

Join the challenge and write code for 100 days!

Learn about creating interactive HTML with JavaScript.

Learn about creating functions in JavaScript.

Start making interactive webpages.

Here's how I entered Ludum Dare by programming a game without using a computer.

Use the Minim library to play random synthesizer notes.

Use CSS to create a rainbow logo!

Learn how to style your HTML pages.

Reposition a circle by dragging it around the screen.

Random circles fill up the screen.

Create a radial gradient.

Create a corner gradient.

Create a bouncing gradient.

Create a 2D gradient.

This seemed like the right time to reflect on why I created this site.

Your basghetti is now worms!

Learn about some more tags you can use in HTML.

Use functions to create a pen that you can rotate and move.

Get started using HTML.

Here's how I generate random background images. Here's how you can too!

Use the Minim library to play random piano notes.

Use libraries to expand what Processing can do.

We now have a tag system. Check out the 🎃 tag!

Click to add a pumpkin to the patch.

Make a glowing Jack-o'-lantern.

Ever wonder how sites like Twitter and Facebook figure out what to show when you share a link?

Draw a Jack-o'-lantern.

Procedurally generate a Jack-o'-lantern.

Scale a flower.

We now have a comment section! *gulp*

Color an image using the NES palette.

Draw a flower.

Display and manipulate image files.

All of the tutorials and examples now have a code editor embedded directly in them!

Randomly colored random walkers.

Drag to create more Flockers.

Happy Coding now has examples!

This example creates creepy eyes that follow your mouse.

Create a swarm that follows the mouse.

Simulate the behavior of a flock of birds.

Randomly colored random walkers.

Randomly colored random walkers.

Make a random bouncing ball pit.

Say hello based on the time of day.

Make every pixel a different color.

Make a random bouncing ball pit.

aka the scribbler

Procedurally generate infinite smiley faces.

Scale a smiley face.

Procedurally generate a smiley face.

Draw a smiley face.

The first blog post on the new site!

Create blueprints for your own objects.

Create an object that stores other objects.

Group related variables together.

Use mouse and keyboard input to make interactive sketches.

Use patterns to repeat work without repeating code.

Create variables that hold multiple values.

Create animated visualizations.

Make decisions in your code.

Write your own custom functions.

Get information from the computer.

Give your code a memory.

Get ready to write some code.

Tell the computer what to do.