Git Product home page Git Product logo

awesome-learn-by-playing's Introduction

Awesome Learn by playing Awesome

A collection of tech resources that allow you to learn new things by playing games

Rationale

Learning new things doesn't have to have to be boring, especially in tech! This repository tries to collect some interesting resources that could help you to get some new tech skills by playing games.

CSS

  • CSS Battle [FREE]: Test your CSS skills by solving coding challenges. Can you re-create in pure CSS all the pictures presented to you? How close can you get?
  • CSS Dinner [FREE]: Solve challenges by arranging dishes and food and learn about CSS selectors.
  • Grid Garder [FREE]: Write CSS code to grow your carrot garden while learning about CSS grid.
  • Flexbox defense [FREE]: Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS (and flexbox)!
  • Flexbox froggy [FREE]: A game where you help Froggy and friends by writing CSS code (especially using CSS flexbox)!
  • Flexbox Zombies [PAID ๐Ÿ’ธ]: A beautifully illustrated game where you have to survive the zombie apocalypse by mastering CSS flexbox skills!
  • Grid Critters [PAID ๐Ÿ’ธ]: Your mission is to use your ship's powerful Grid tool to save alien critters from extinction and learn CSS grid in the process!
  • Hex Invaders [FREE]: Learn about HEX colors by shooting off aliens!
  • CSS Speedrun [FREE]: Test your skills with CSS selectors!
  • Perfect Paragraph [FREE]: A web typography learning game.
  • Kerntype [FREE]: Train your eyes to become a pro at kerning with this fun kerning game.

JavaScript

  • JS Robot [FREE]: Help a tiny robot collecting coins and survive through various levels while learning the basics of JavaScript.
  • Elevator Saga [FREE]: A beautiful (and increasingly difficult) game where your goal is to program elevators using JavaScript. Can you make the elevators efficiently move people through floors and avoid backlogs?
  • WarriorJS [FREE]: Code your way through dungeons, prove your skills, and get hired.
  • Untrusted [FREE]: A text-based dungeon crawler where you progress with the aid of JavaScript.
  • Code Monster [FREE]: Learn the basic of JavaScript on the browser by helping a little monster.
  • Service Workies [PAID ๐Ÿ’ธ]: Help Kolohe survive and defeat dragons as you learn the basics of PWAs (Progressive Web Apps).
  • JavaScript Fight Club [FREE]: Program your army of knigts to win epic battles against other players.
  • Screeps [PAID ๐Ÿ’ธ]: An open source MMO RTS sandbox game for programming enthusiasts, wherein the core mechanic is programming your units AI. You control your colony by writing JavaScript.
  • yare.io [FREE]: Real-Time Strategy game where you control your units by writing JavaScript code.

HTML

  • Emmet Game [FREE]: Learn about CSS selectors and HTML in this guess game that uses Emmet

Git

Python

Ruby

  • RubyWarrior [FREE]: Game written in Ruby for learning Ruby and artificial intelligence.

Scala

  • Scalatron [FREE]: A free, open-source programming game in which bots, written in Scala, compete in a virtual arena for energy and survival.

Regex

  • regxkcd [FREE]: Battle a powerful artificial intelligence in a game of regular expressions!
  • Regex Cross word [FREE]: Solve crossword where your only hint are regexes!
  • Regex Golf [FREE]: Warm yourself up, a regex at the time!
  • RegHEX [FREE]: An hexagonal regex crossword. Only for the brave!

VIM

  • VIM Adventures [FREE]: Learn VIM while playing a pixel art adventure game!

Security & Hacking

  • Tryhackme [FREE WITH PREMIUM TIER]: Learn all things security (pentesting, web security, system hardening) by completing hacking missions!
  • Hacker 101 Capture The Flag [FREE]: Game designed to let you learn to hack in a safe, rewarding environment.
  • Hack the box [FREE]: A dynamically growing hacking community and take your cybersecurity skills to the next level through the most captivating, gamified, hands-on training experience!
  • Embedded Security Capture The Flag [FREE]: You've been given access to a device that controls a lock. Your job: defeat the lock by exploiting bugs in the device's code.
  • Cypher [PAID ๐Ÿ’ธ]: Visit a cryptography museum and solve the cryptographic challenges.

For kids

Other

  • NAND Game [FREE]: You are going to build a computer starting from basic components. A great way to learn about computer architectures.
  • Rogue bit [PAID ๐Ÿ’ธ]: You play the game as a single bit of computer memory. You can invade other bytes around you and thus modify their values. A puzzle game that will make you truly understand and appreciate low level concepts like bitwise operations and ASCII tables.
  • SHENZHEN I/O [PAID ๐Ÿ’ธ]: A game where you build circuits using a variety of components from different manufacturers, like microcontrollers, memory, logic gates, and LCD screens.
  • Box256 [FREE]: a 8-bit fantasy computer, with 256 bytes of memory, 16 color 16x16 display. It is also a programming game, where the player tries to pass the graphics tests and optimize the code to perfection.
  • Colobot [FREE]: a real-time strategy game, where you can program your units (bots) in a language called CBOT, which is similar to C++ and Java. Your mission is to find a new planet to live and survive. You can save the humanity and get programming skills!
  • MHRD [PAID ๐Ÿ’ธ]: A hardware design game, in which you design various hardware circuits in a hardware description language.
  • Human Resource Machine [PAID ๐Ÿ’ธ]: uses the concept of a corporate office worker assigned to perform tasks that involve moving objects between an inbox, an outbox, and to and from storage areas as a metaphor for assembly language concepts.
  • SQL Murder Mystery [FREE]: Solve a murder mystery with your SQL skills.
  • While True: learn() [PAID ๐Ÿ’ธ]: Play and discover how Machine Learning works.
  • Turing Complete [PAID ๐Ÿ’ธ]: learn about logic and cpu architecture with puzzles.

Contributing

Everyone is very welcome to contribute to this project. You can contribute just by submitting bugs or suggesting improvements by opening an issue on GitHub.

License

Licensed under MIT License. ยฉ Luciano Mammino.

awesome-learn-by-playing's People

Contributors

antigones avatar dukeluo avatar ilmanzo avatar lmammino avatar lucarainone avatar monguz-it avatar raibaz avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.