Build a game in p5.js using knowledge from the previous lessons.

Putting It All Together

Intro to p5.js

Learn about recursion - a function calling itself.

Recursion Intro

Understand why you should program and what it can be used for.

Why Program?

Learn about TypeScript and how it can help catch bugs in your program.

Advanced Data Types

Learn about React, a library that can make web development easier.

Web Frameworks (React)

Cratecode Introduction

Learn about Cratecode's user interface and how its lessons are structured.

Welcome to Cratecode!

Using Next.js

Using React

Expand your calculator to support more than just addition.

Supporting All Operations

Create a program that breaks up a sentence into individual words and prints them backwards.

Reverse Word Splitter

Computer Science Introduction

Learn how to use JavaScript in your webpages to make them interactive.

Using JavaScript

Making Websites

Console Applications

Create a webpage that builds a story using words given by the user.

Story Builder

Learn about how to make websites with HTML.

Try creating something a bit more complicated in p5.js.

Getting Complex

Learn about how to use JavaScript to read in text from files on your computer.

File I/O (Reading)

TypeScript

Use p5.js to make a shape that moves around.

Getting Things Moving

Learn about if statements and how you can use them to stop an animation.

Making Things Stop

Learn about p5.js, a JavaScript library that let's you draw shapes on the screen.

Making Art with Code

Learn about constants and how they can make programming easier.

Using Constants

Continuing p5.js

Drawing Basic Shapes

Create your first program, printing a message to the screen.

Your First Program

Create a program to check if a word is a palindrome.

Palindromes

Build a website containing multiple pages.

Multiple Pages

Learn about what backend is and why it's important.

What is Backend?

See what the basic structure of a program is and how to write it.

Basic Concepts

Learn about Next.js, a web development framework built on top of React.

Full-stack Web Frameworks (Next.js)

Learn how to make your p5.js programs interactive with user input.

Taking User Input

Create a calculator that takes in user input.

Upgrading our Calculator

Introduction to Computer Science

Create a program to read in data from a file.

Reading Data Files

Continuing Computer Science

Backend Websites

Programming is more than just writing code - you need to be an effective problem solver as well.

What Programming Means

Learn about some of the most common HTML tags.

Basic HTML

Learn about some other ways console.log can be used.

console.log

Create a simple calculator that adds two numbers together.

Building a Basic Calculator

Create a program that breaks up a sentence into individual words.

Word Splitter

Data can take different forms - learn about data types and the basic kinds that you'll encounter.