pepoviola / awesome-learn-by-playing

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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!

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.

HTML

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

Git

  • Oh my git! [FREE]: An open source game about learning 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.

For kids

  • Cubetto PRIMO [PAID ๐Ÿ’ธ]: Award winning physical game that help kids age 3+ to learn to code.

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.

About

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

License:MIT License