User Experience on mobile might not be great yet, but I'm working on it.

Your first time on this page? Allow me to give some explanations.

Awesome Educational Games

A curated list of awesome educational games to learn editors, languages, programming, etc

Here you can see meta information about this topic like the time we last updated this page, the original creator of the awesome list and a link to the original GitHub repository.

Last Update: Feb. 26, 2021, 6:07 a.m.
Thank you yrgo & contributors
View Topic on GitHub:
yrgo/awesome-educational-games

Search for resources by name or description.
Simply type in what you are looking for and the results will be filtered on the fly.

Further filter the resources on this page by type (repository/other resource), number of stars on GitHub and time of last commit in months.

Art & Design

Canon Explains Exposure

Learn how to give your photographs just the right amount of light.

http://www.canonoutsideofauto.ca/

Can't Unsee

A game where your attention to details earns you a lot of coins.

https://cantunsee.space/

Font Memory Game

Recognizing different styles of fonts is one of the most challenging parts of typography.

https://betterwebtype.com/font-memory-game

Method of Action

A collection of games that teach you design principles.

https://method.ac/

The Bรฉzier Game

Bรฉzier Curves

https://bezier.method.ac/

Color

Color

https://color.method.ac/

Shape Type

Letter Shaping

https://shape.method.ac/

Kern Type

Kerning

https://type.method.ac/

Pixactly

A pixels test to quiz your knowledge.

http://pixact.ly/

The Boolean Game

Learn how to use boolean operations in Sketch, Figma, and other vector editors.

https://boolean.method.ac/

Articles

Educational Video Games Can Boost Motivation to Learn

An article by New York University.

https://www.nyu.edu/about/news-publications/โ€ฆ

Five Reasons to Use Games in the Classroom

An article by Education World.

https://www.educationworld.com/a_curr/reasonโ€ฆ

CSS

CSS Diner

Interactive gamified tutorial for learning selection with CSS.

https://flukeout.github.io/

CSS Grid Garden

A game for learning CSS grid layout.

http://cssgridgarden.com/

Flexbox Defense

Tower Defense with a twist: all towers must be positioned with CSS Flexbox.

http://www.flexboxdefense.com/

Flexbox Froggy

A game for learning CSS flexbox.

http://flexboxfroggy.com/

Flexbox with Webflow

Learn and master flexbox in 28 interactive levelsโ€”without writing code.

https://www.flexboxgame.com/

Editors

Open Vim

Interactive Vim tutorial.

https://www.openvim.com/

Vim Adventures

Learning Vim while playing a game.

https://vim-adventures.com/

Vim Genius

Increase your speed and improve your muscle memory with Vim Genius.

http://vimgenius.com/

Languages

Duolingo

Learn Spanish, French and other languages for free.

https://www.duolingo.com/

Math & Computer Science

Alligator Eggs!

A pen-and-paper game for children that teaches lambda calculus.

http://worrydream.com/#!/AlligatorEggs

CS Unplugged

A collection of classroom activities that teach computer science concepts without using computers.

https://csunplugged.org/en/

Finitris

See what goes into running a regular expression.

http://www.postcrashgames.com/finitris/

Guess The Correlation

Try to guess how correlated the two variables in a scatter plot are.

http://guessthecorrelation.com/

Music

Learning Music

Explore the fundamentals of music via Ableton's interactive website.

https://learningmusic.ableton.com

Learning Synths

Learn the basics of using synthesizers (or synths).

https://learningsynths.ableton.com/

Pianu

Learn how to play the piano in-browser.

https://pianu.com

Programming

olistic/warriorjs

๐Ÿฐ An exciting game of programming and Artificial Intelligence

8.59K
500
2y 86d
MIT

BOX-256

Program a fictional CPU with assembly to output graphics.

http://box-256.com/

Clips the Game

A demanding logic game based on the clips rule engine.

https://md5crypt.github.io/clipsgame/

Code Avengers

Learn to build websites, apps and games in a fun and effective way.

https://www.codeavengers.com/

Code School

Learn to code in the comfort of your browser.

https://www.pluralsight.com/codeschool

Code.org

Every student in every school should have the opportunity to learn computer science.

https://code.org/

Codecademy

Learn to code interactively, for free.

https://www.codecademy.com/

CodeCombat

The most engaging coding game for learning programming.

https://codecombat.com/

CodinGame

A challenge-based training platform where you can play with the hottest programming topics.

https://www.codingame.com/start

Cube Composer

A puzzle game inspired by functional programming.

https://david-peter.de/cube-composer/

Deadlock Empire

Solve puzzles with concurrency.

https://deadlockempire.github.io/

Free Code Camp

An open source community that helps you learn to code.

https://www.freecodecamp.org/

Learn Git Branching

Interactive Git tutorial that emphasizes branching.

https://learngitbranching.js.org/

Mimo

Learn how to become a developer on mobile.

https://getmimo.com/

Programming Games Wiki

A long-standing catalogue of programming games through the years.

http://programminggames.org/

RegexOne

Learn Regular Expressions with simple, interactive exercises.

https://regexone.com/lesson/introduction_abcs

ReturnTrue

A game were you learn about booleans, return true to win.

https://alf.nu/ReturnTrue

Screeps

The world's first MMO strategy sandbox game for programmers.

https://screeps.com/

Swift Playgrounds

Learn to code on your iPad in a seriously fun way.

https://www.apple.com/swift/playgrounds/

Untrusted

Learn while playing a JavaScript adventure game.

https://alexnisnevich.github.io/untrusted/

Web Audio School

Interactive WebAudio tutorials.

https://mmckegg.github.io/web-audio-school/

XSS game

A game about tricking people into running code in their browsers.

https://xss-game.appspot.com