├── .editorconfig ├── .gitattributes ├── LICENSE └── README.md /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | end_of_line = lf 6 | insert_final_newline = true 7 | indent_style = space 8 | indent_size = 2 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | trim_trailing_whitespace = false 13 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | * text=auto eol=lf 2 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) Yrgo, högre yrkesutbildning Göteborg 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: 6 | 7 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 8 | 9 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 10 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Awesome Educational Games 2 | 3 | [Awesome Educational Games](https://en.m.wikipedia.org/wiki/Educational_game) 4 | 5 | > A curated list of awesome [educational games](https://en.m.wikipedia.org/wiki/Educational_game) to learn editors, languages, programming, etc. 6 | 7 | *Please read the [contribution guidelines](CONTRIBUTING.md) before contributing.* 8 | 9 | > [Educational games](https://en.m.wikipedia.org/wiki/Educational_game) are designed to teach people about certain subjects, expand concepts, reinforce development, understand an historical event or culture, or assist them in learning a skill as they play - [Wikipedia](https://en.m.wikipedia.org/wiki/Educational_game) 10 | 11 | #### Contents 12 | 13 | - [Art & Design](#art--design) 14 | - [Articles](#articles) 15 | - [CSS](#css) 16 | - [Editors](#editors) 17 | - [Languages](#languages) 18 | - [Math & Computer Science](#math--computer-science) 19 | - [Music](#music) 20 | - [Programming](#programming) 21 | 22 | ## Art & Design 23 | 24 | - [Canon Explains Exposure](http://www.canonoutsideofauto.ca/) - Learn how to give your photographs just the right amount of light. 25 | - [Can't Unsee](https://cantunsee.space/) - A game where your attention to details earns you a lot of coins. 26 | - [Font Memory Game](https://betterwebtype.com/font-memory-game) - Recognizing different styles of fonts is one of the most challenging parts of typography. 27 | - [Method of Action](https://method.ac/) - A collection of games that teach you design principles. 28 | - [The Bézier Game](https://bezier.method.ac/) - Bézier Curves 29 | - [Color](https://color.method.ac/) - Color 30 | - [Shape Type](https://shape.method.ac/) - Letter Shaping 31 | - [Kern Type](https://type.method.ac/) - Kerning 32 | - [Pixactly](http://pixact.ly/) - A pixels test to quiz your knowledge. 33 | - [The Boolean Game](https://boolean.method.ac/) - Learn how to use boolean operations in Sketch, Figma, and other vector editors. 34 | 35 | ## Articles 36 | 37 | - [Educational Video Games Can Boost Motivation to Learn](https://www.nyu.edu/about/news-publications/news/2013/november/educational-video-games-can-boost-motivation-to-learn-nyu-cuny-study-shows-.html) - An article by New York University. 38 | - [Fact or Fiction?: Video Games Are the Future of Education](https://www.nyu.edu/about/news-publications/news/2013/november/educational-video-games-can-boost-motivation-to-learn-nyu-cuny-study-shows-.html) - An article by Scientific American. 39 | - [Five Reasons to Use Games in the Classroom](https://www.educationworld.com/a_curr/reasons-to-play-games-in-the-classroom.shtml) - An article by Education World. 40 | 41 | ## CSS 42 | 43 | - [CSS Diner](https://flukeout.github.io/) - It's a little game to help you learn CSS selectors. 44 | - [CSS Grid Garden](http://cssgridgarden.com/) - A game for learning CSS grid layout. 45 | - [Flexbox Defense](http://www.flexboxdefense.com/) - Unlike other tower defense games, you must position your towers using CSS! 46 | - [Flexbox Froggy](http://flexboxfroggy.com/) - A game for learning CSS flexbox. 47 | - [Flexbox with Webflow](https://www.flexboxgame.com/) - Learn and master flexbox in 28 interactive levels—without writing code. 48 | 49 | ## Editors 50 | 51 | - [Open Vim](https://www.openvim.com/) - Interactive Vim tutorial. 52 | - [Vim Adventures](https://vim-adventures.com/) - Learning Vim while playing a game. 53 | - [Vim Genius](http://vimgenius.com/) - Increase your speed and improve your muscle memory with Vim Genius. 54 | 55 | ## Languages 56 | 57 | - [Drops](https://languagedrops.com/) - Learn useful words and phrases in a languge of your choosing, with fun gameplay. 58 | - [Duolingo](https://www.duolingo.com/) - Learn Spanish, French and other languages for free. 59 | 60 | ## Math & Computer Science 61 | 62 | - [Alligator Eggs!](http://worrydream.com/#!/AlligatorEggs) - A pen-and-paper game for children that teaches lambda calculus. 63 | - [CS Unplugged](https://csunplugged.org/en/) - A collection of classroom activities that teach computer science concepts without using computers. 64 | - [Finitris](http://www.postcrashgames.com/finitris/) - See what goes into running a regular expression. 65 | - [Guess The Correlation](http://guessthecorrelation.com/) - Try to guess how correlated the two variables in a scatter plot are. 66 | 67 | ## Music 68 | 69 | - [Learning Music](https://learningmusic.ableton.com) - Explore the fundamentals of music via Ableton's interactive website. 70 | - [Learning Synths](https://learningsynths.ableton.com/) - Learn the basics of using synthesizers (or synths). 71 | - [Pianu](https://pianu.com) - Learn how to play the piano in-browser. 72 | 73 | ## Programming 74 | 75 | - [BOX-256](http://box-256.com/) - Program a fictional CPU with assembly to output graphics. 76 | - [Bashcrawl](https://gitlab.com/slackermedia/bashcrawl) - Learn Linux commands by playing a simple text adventure . 77 | - [Clips the Game](https://md5crypt.github.io/clipsgame/) - A demanding logic game based on the clips rule engine. 78 | - [Code Avengers](https://www.codeavengers.com/) - Learn to build websites, apps and games in a fun and effective way. 79 | - [Code School](https://www.pluralsight.com/codeschool ) - Learn to code in the comfort of your browser. 80 | - [Code.org](https://code.org/) - Every student in every school should have the opportunity to learn computer science. 81 | - [Codecademy](https://www.codecademy.com/) - Learn to code interactively, for free. 82 | - [CodeCombat](https://codecombat.com/) - The most engaging coding game for learning programming. 83 | - [CodinGame](https://www.codingame.com/start) - A challenge-based training platform where you can play with the hottest programming topics. 84 | - [Cube Composer](https://david-peter.de/cube-composer/) - A puzzle game inspired by functional programming. 85 | - [Deadlock Empire](https://deadlockempire.github.io/) - Solve puzzles with concurrency. 86 | - [Free Code Camp](https://www.freecodecamp.org/) - An open source community that helps you learn to code. 87 | - [Learn Git Branching](https://learngitbranching.js.org/) - Interactive Git tutorial that emphasizes branching. 88 | - [Mimo](https://getmimo.com/) - Learn how to become a developer on mobile. 89 | - [Programming Games Wiki](http://programminggames.org/) - A long-standing catalogue of programming games through the years. 90 | - [RegexOne](https://regexone.com/lesson/introduction_abcs) - Learn Regular Expressions with simple, interactive exercises. 91 | - [ReturnTrue](https://alf.nu/ReturnTrue) - A game were you learn about booleans, return true to win. 92 | - [Screeps](https://screeps.com/) - The world's first MMO strategy sandbox game for programmers. 93 | - [SQL Murder Mystery](https://mystery.knightlab.com/) - Solve a crime while practicing database skills. 94 | - [Swift Playgrounds](https://www.apple.com/swift/playgrounds/) - Learn to code on your iPad in a seriously fun way. 95 | - [Untrusted](https://alexnisnevich.github.io/untrusted/) - Learn while playing a JavaScript adventure game. 96 | - [WarriorJS](https://github.com/olistic/warriorjs) - Using JavaScript, program a warrior to climb a tall tower, fight monsters and rescue captives. 97 | - [Web Audio School](https://mmckegg.github.io/web-audio-school/) - Interactive WebAudio tutorials. 98 | - [XSS game](https://xss-game.appspot.com) - A game about tricking people into running code in their browsers. 99 | --------------------------------------------------------------------------------