/awesome-learn-to-code

A list of awesome resources for learning to code

Primary LanguageTypeScriptMIT LicenseMIT

Awesome Resources For Learning To Code

A curated list of sites, tools, resources and other things that help when learning about programming

Table of Contents
Legend
Icon Meaning
💰 Not Free
❖ Windows
OS
🕸 Web
📱 Mobile
🎮 Game
🏗 Playground
👍 Practice

Playgrounds

Web-based tools for running code right in a web browser

  • .NET Fiddle - 🕸🏗 - A .NET sandbox for developers to quickly try out code and share C#, F# and VB.NET code snippets.
  • C++ Shell - 🕸🏗 - Run C++ code in your browser, using different language versions and compiler optimization settings
  • CodePen - 🕸🏗 - A social development environment for front-end designers and developers.
  • CodeSandbox - 🕸🏗 - The online editor for React, Vue, Angular, Preact and Svelte apps
  • DataCamp Light - 🕸🏗 - Embeddable R and Python examples
  • Go Playground - 🕸🏗 - Run and share Go snippets from the comfort of your browser
  • JS Bin - 🕸🏗 - Collaborative JavaScript Debugging
  • JSFiddle - 🕸🏗 - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
  • PhpFiddle - 🕸🏗 - Php/MySQL execution environment in your web browser
  • Plunker - 🕸🏗 - An online community for creating, collaborating on and sharing your web development ideas.
  • Python Fiddle - 🕸🏗 - Python IDE for the web
  • RubyFiddle - 🕸🏗 - Run Ruby snippets in your web browser
  • Rust Playground - 🕸🏗 - Run and share Rust snippets from the comfort of your browser
  • SQL Fiddle - 🕸🏗 - Run SQL snippets in your web browser, using PostgreSQL, MySQL, Oracle, SQLite and MS SQL Server
  • Stackblitz - 🕸🏗 - The online IDE for web applications, Powered by Visual Studio Code. Instantly create Angular, Ionic, React and Svelte projects with TypeScript or JavaScript

Languages

Programming languages

Assembly

  • Human Resource Machine - 💰📱🎮 - A mobile game that teaches you how low-level programming (i.e., Assembler) works
  • Shenzhen I/O - ❖🎮 - BUILD CIRCUITS. WRITE CODE. RTFM.
  • TIS-100 - 💰❖🎮 - Rewrite corrupted code segments to repair the TIS-100 and unlock its secrets.

Bash

  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better
  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests
  • Introduction to Bash, VIM & Regex - 💰📼 - Take control of the Unix command line, automate tasks with shell scripts, compose regular expressions and easily edit files with the popular Vim editor. - James Halliday (Substack) via Frontend Masters
  • TechIO - 🕸🏗💪 - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises

C

  • Codewars - 🕸💪 - Improve your skills by training with others on real code challenges
  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better
  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests
  • workat.tech - 🕸💪 - Learn to code through an interactive course with content, quizzes and coding playground.

C++

  • C++ Shell - 🕸🏗 - Run C++ code in your browser, using different language versions and compiler optimization settings
  • Codewars - 🕸💪 - Improve your skills by training with others on real code challenges
  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests
  • Edabit - 🕸💪 - Work through a wide array of bite-sized programming challenges, that increase in difficulty as you progress
  • Solo Learn - 🕸 - Learn to code for free using challenges. Offers lessons for multiple programming languages.
  • TechIO - 🕸🏗💪 - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises

C#

  • .NET Fiddle - 🕸🏗 - A .NET sandbox for developers to quickly try out code and share C#, F# and VB.NET code snippets.
  • Codehunt - 🕸🎮 - Learn how to code by playing a game
  • Codewars - 🕸💪 - Improve your skills by training with others on real code challenges
  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better
  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests
  • Edabit - 🕸💪 - Work through a wide array of bite-sized programming challenges, that increase in difficulty as you progress
  • Robocode - ❖🎮 - Develop a robot battle tank to battle against others in Java or .NET
  • Solo Learn - 🕸 - Learn to code for free using challenges. Offers lessons for multiple programming languages.
  • TechIO - 🕸🏗💪 - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises

Clojure

  • Codewars - 🕸💪 - Improve your skills by training with others on real code challenges
  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better
  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests

Coffeescript

  • Code Monkey - 🕸🎮 - Using CoffeeScript, build your own games in HTML5.
  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests

Crystal

  • Codewars - 🕸💪 - Improve your skills by training with others on real code challenges

CSS

  • CSS Diner - 🕸🎮 - Practice your advanced CSS3 selectors with 32 levels of interactive challenges
  • CSS Grids and Flexbox for Responsive Web Design - 💰📼 - Master CSS Grid and Flexbox, the latest tools and tricks to layout beautiful, responsive web applications with less code. - Jen Kramer (Harvard) via Frontend Masters
  • CSS In-Depth, v2 - 💰📼 - Take a deep-dive into the essential features of CSS, while also exploring CSS features you probably didn’t even know existed! - Estelle Weyl (Standardista) via Frontend Masters
  • CSS3 In-Depth - 💰📼 - Learn how deep the CSS3 rabbit hole goes from transitions and animations to generated content in this jam-packed video training course. - Estelle Weyl (Standardista) via Frontend Masters
  • CodePen - 🕸🏗 - A social development environment for front-end designers and developers.
  • CodeSandbox - 🕸🏗 - The online editor for React, Vue, Angular, Preact and Svelte apps
  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better
  • Flexbox Defense - 🕸🎮 - Use flexbox to move your defenses into position and defend against waves of incoming enemies
  • Flexbox Froggy - 🕸🎮 - A game for learning CSS flexbox
  • Introduction to HTML5 and CSS3 - 💰📼 - Christopher Schmitt, author of HTML5 Cookbook, covers HTML5 features such as audio, video and geolocation and then dives into many of CSS3′s features. - Christopher Schmitt (Frontend Masters) via Frontend Masters
  • JS Bin - 🕸🏗 - Collaborative JavaScript Debugging
  • JSFiddle - 🕸🏗 - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
  • Motion Design with CSS - 💰📼 - Animation is crucial to developing interactive designs and interfaces, and CSS is one of the most performant ways to animate! - Rachel Nabors (Rachel Nabors, LLC) via Frontend Masters
  • Next from Codeevolve - 🕸 - Learn to code with interactive exercises and quizzes
  • Plunker - 🕸🏗 - An online community for creating, collaborating on and sharing your web development ideas.
  • Scalable Modular Architecture for CSS (SMACSS) - 💰📼 - Make your CSS more maintainable and modular using Jonathan Snook's Scalable Modular Architecture for CSS (SMACSS) methodology. - Jonathan Snook (Snook.ca Web Development, Inc.) via Frontend Masters
  • Solo Learn - 🕸 - Learn to code for free using challenges. Offers lessons for multiple programming languages.
  • Stackblitz - 🕸🏗 - The online IDE for web applications, Powered by Visual Studio Code. Instantly create Angular, Ionic, React and Svelte projects with TypeScript or JavaScript
  • TechIO - 🕸🏗💪 - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises

D

  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests

Dart

  • Codewars - 🕸💪 - Improve your skills by training with others on real code challenges
  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better

Elixir

  • Codewars - 🕸💪 - Improve your skills by training with others on real code challenges
  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests
  • TechIO - 🕸🏗💪 - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises

Elm

  • Elm - 💰📼 - Write bulletproof, easily maintainable web applications with Elm, the functional programming language that is transforming web application development! - Richard Feldman (NoRedInk) via Frontend Masters

Erlang

  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests

F#

  • .NET Fiddle - 🕸🏗 - A .NET sandbox for developers to quickly try out code and share C#, F# and VB.NET code snippets.
  • Codewars - 🕸💪 - Improve your skills by training with others on real code challenges
  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better
  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests

Fortran

  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests

Go

  • Codewars - 🕸💪 - Improve your skills by training with others on real code challenges
  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better
  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests
  • Go Playground - 🕸🏗 - Run and share Go snippets from the comfort of your browser
  • TechIO - 🕸🏗💪 - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises

Groovy

  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better
  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests
  • TechIO - 🕸🏗💪 - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises

Haskell

  • Codewars - 🕸💪 - Improve your skills by training with others on real code challenges
  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better
  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests
  • TechIO - 🕸🏗💪 - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises

Java

  • CodeCombat - 🕸🎮 - Learn how to code by playing a game
  • Codeacademy - 🕸🎓 - Free platform for online learning web technologies, computer programming and data science.
  • Codehunt - 🕸🎮 - Learn how to code by playing a game
  • Codewars - 🕸💪 - Improve your skills by training with others on real code challenges
  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better
  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests
  • Edabit - 🕸💪 - Work through a wide array of bite-sized programming challenges, that increase in difficulty as you progress
  • Next from Codeevolve - 🕸 - Learn to code with interactive exercises and quizzes
  • Robocode - ❖🎮 - Develop a robot battle tank to battle against others in Java or .NET
  • Solo Learn - 🕸 - Learn to code for free using challenges. Offers lessons for multiple programming languages.
  • TechIO - 🕸🏗💪 - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises

JavaScript

  • A Practical Guide to Algorithms with JavaScript - 💰📼 - Learn to solve algorithms and analyze them efficiently in both an interview setting and also in your day-to-day development. - Bianca Gandolfo (Bitovi) via Frontend Masters
  • Advanced Asynchronous JavaScript - 💰📼 - Go beyond the fundamentals of asynchronous JavaScript and use features and techniques that will help you reduce code and create smarter applications. - Jafar Husain (Netflix) via Frontend Masters
  • Advanced JavaScript - 💰📼 - Learn from Kyle Simpson, the author of "You Don't Know JavaScript" series on the inner workings of JavaScript in detail and more! - Kyle Simpson (You Don't Know JS) via Frontend Masters
  • Check I/O - 🕸🎮 - Improve your coding skills by solving engaging challenges and fun task using Python and JavaScript
  • CodeCombat - 🕸🎮 - Learn how to code by playing a game
  • CodePen - 🕸🏗 - A social development environment for front-end designers and developers.
  • CodeSandbox - 🕸🏗 - The online editor for React, Vue, Angular, Preact and Svelte apps
  • Codeacademy - 🕸🎓 - Free platform for online learning web technologies, computer programming and data science.
  • Codewars - 🕸💪 - Improve your skills by training with others on real code challenges
  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better
  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests
  • Data Structures and Algorithms in JavaScript - 💰📼 - Learn the most common data structures and algorithms in Computer Science in-depth taught with JavaScript. - Bianca Gandolfo (Bitovi) via Frontend Masters
  • Deep JavaScript Foundations - 💰📼 - Master JavaScript deeply learning scope and closure, functions, the prototype system, closure, types, coercion and new ES6 features in JavaScript! - Kyle Simpson (You Don't Know JS) via Frontend Masters
  • ES6: The Right Parts - 💰📼 - Learn new ES6 JavaScript language features like arrow function, destructuring, generators & more to write cleaner and more productive, readable programs. - Kyle Simpson (You Don't Know JS) via Frontend Masters
  • Edabit - 🕸💪 - Work through a wide array of bite-sized programming challenges, that increase in difficulty as you progress
  • Free Code Camp - 🕸🎓 - The king of free coding camps. Learn to code and help nonprofits. Extensive curriculum.
  • Functional-Light JavaScript, v2 - 💰📼 - Improve your code with functional patterns like pure functions, compose & map/reduce/filter...plus advanced concepts like fusion, transducing and monads! - Kyle Simpson (You Don't Know JS) via Frontend Masters
  • Functional-Lite JavaScript - 💰📼 - Practical take on functional JavaScript so you can use techniques like pure functions, map/reduce/filter and recursion to improve your programming today! - Kyle Simpson (You Don't Know JS) via Frontend Masters
  • Grasshopper - 📱🎮 - fun, quick lessons on your phone that teach you to write real JavaScript.
  • Hardcore Functional Programming in JavaScript - 💰📼 - Discover functional programming and build an example web app using abstract interfaces like Monads, Functors, Monoids and Applicatives. - Brian Lonsdorf (Salesforce) via Frontend Masters
  • Introduction to JavaScript Programming - 💰📼 - Master JavaScript with our online training and learn one of the easiest languages to get started with and one of the most powerful. - Kyle Simpson (You Don't Know JS) via Frontend Masters
  • JS Bin - 🕸🏗 - Collaborative JavaScript Debugging
  • JSFiddle - 🕸🏗 - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
  • Next from Codeevolve - 🕸 - Learn to code with interactive exercises and quizzes
  • Organizing JavaScript Functionality - 💰📼 - Before you use a framework, learn how to organize the different bits of JavaScript (modularizing, decoupling, etc) with this advanced JavaScript course. - Kyle Simpson (You Don't Know JS) via Frontend Masters
  • Plunker - 🕸🏗 - An online community for creating, collaborating on and sharing your web development ideas.
  • Screeps - 💰❖🎮 - Screeps is an open source MMO RTS sandbox game for programmers, wherein the core mechanic is programming your units AI. You control your colony by writing JavaScript which operate 24/7 in the single persistent world filled by other players on par with you.
  • Solo Learn - 🕸 - Learn to code for free using challenges. Offers lessons for multiple programming languages.
  • Stackblitz - 🕸🏗 - The online IDE for web applications, Powered by Visual Studio Code. Instantly create Angular, Ionic, React and Svelte projects with TypeScript or JavaScript
  • TechIO - 🕸🏗💪 - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises
  • The Good Parts of JavaScript and the Web - 💰📼 - Learn the history of JavaScript and details of the language with special attention on functions. Plus how browsers work, how servers work and security. - Douglas Crockford (Paypal) via Frontend Masters
  • The Odin Project - 🕸🎓 - A full stack (and open source) Ruby/JS bootcamp

Node.js

Run JavaScript in a places other than a web browser, using Chrome's V8 engine

  • Node School - 🕸 - Open source workshops that teach web software skills. Do them on your own or at a workshop nearby.

Client Web Frameworks

Frameworks for building web applications that run in the browser

Angular

  • Build Web Apps with Angular 2 - 💰📼 - Angular 2 is an incredibly powerful evolution of AngularJS. We are going discover why Angular 2 is half the framework with twice the power! - Lukas Ruebbelke (VenturPlex) via Frontend Masters
  • Building Awesome Web Apps with Angular 2 - 💰📼 - Explore the Angular 2 JavaScript framework from the ground up using Components, Services and the CLI to write awesome web applications! - Lukas Ruebbelke (VenturPlex) via Frontend Masters
  • Reactive Angular 2 - 💰📼 - Learn how to build functional, reactive web applications in Angular 2 with a Redux-inspired library, @ngrx/store and observables from Rx.js. - Lukas Ruebbelke (VenturPlex) via Frontend Masters
  • Reactive Angular 2 with ngrx - 💰📼 - Learn how to build functional, reactive web applications in Angular 2 with a Redux inspired library, @ngrx/store and observables from Rx.js. - Lukas Ruebbelke (VenturPlex) via Frontend Masters

JQuery

  • Advanced JS Fundamentals to jQuery & Pure DOM Scripting - 💰📼 - Gain an advanced JavaScript techniques and an understanding of difficult JavaScript concepts like closure, type comparators, coercion and delete. - Justin Meyer (Bitovi) via Frontend Masters
  • Introduction to JavaScript and jQuery - 💰📼 - Karl Swedberg, author of Learning jQuery, teaches the JavaScript language; including closures, anonymous functions, and implicit versus explicit iteration. - Karl Swedberg (Learning jQuery) via Frontend Masters
  • Learning jQuery - 💰📼 - Karl Swedberg leverages his experience on the jQuery Team to give a thorough walkthrough of the most important parts of jQuery. - Karl Swedberg (Learning jQuery) via Frontend Masters
  • Next from Codeevolve - 🕸 - Learn to code with interactive exercises and quizzes
  • Solo Learn - 🕸 - Learn to code for free using challenges. Offers lessons for multiple programming languages.
  • jQuery Plugins and jQuery UI - 💰📼 - Scott Gonzalez, lead developer for jQuery UI, dives into writing jQuery plugins, making plugins stateful and gives an in-depth look at jQuery UI. - Scott Gonzalez (Clipper Magazine) via Frontend Masters

Angular.js

  • Angular 1.x Essentials - 💰📼 - "AngularJS In Action" Author Lukas Ruebbelke dives into AngularJS scope, two-way data binding and directives with real-world examples. - Lukas Ruebbelke (VenturPlex) via Frontend Masters

Ember.js

  • Advanced Ember 2.x - 💰📼 - Mike demonstrates recent Ember 2.x framework advancements to show you how to debug, customize, test and deploy applications with confidence. - Mike North (LinkedIn) via Frontend Masters
  • Ember 2.x - 💰📼 - Become a master in Ember.js and be well-suited to build complex and highly interactive apps with this course. - Mike North (LinkedIn) via Frontend Masters

Backbone

  • Backbone.js (with Introduction to Testing) - 💰📼 - Core Contributor Sam Breed teaches you Backbone JS's lightweight approach to building client-side MVC applications and unit testing in Mocha and Sinon.JS. - Sam Breed (Credit Karma) via Frontend Masters

Meteor.js

  • Meteor - 💰📼 - Built by a team of MIT engineers, Meteor is a full stack open source framework for building web and mobile apps in pure JavaScript. - Chris Mather (Lively, Inc.) via Frontend Masters

React.js

  • Advanced React Patterns - 💰📼 - Simplify large React applications by separating your component logic, state and display properties to make React components more flexible and usable! - Kent C. Dodds (PayPal) via Frontend Masters
  • Advanced State Management in React (feat. Redux and MobX) - 💰📼 - Steve Kinney (SendGrid) via Frontend Masters
  • Building Web Apps (with React, Ampersand, ES6 and Webpack) - 💰📼 - Everything you need to build and deploy a maintainable single page app. Build an app from scratch using React, Ampersand, ES6 (ES2015), and Webpack. - Henrik Joreteg (Ampersand.js) via Frontend Masters
  • Complete Intro to React v2 (feat. Router v4 and Redux) - 💰📼 - More than an intro, build an entire real-world web application in layers using React and the library's ecosystem, like Router v4, Redux and Jest. - Brian Holt (Microsoft) via Frontend Masters
  • Complete Intro to React, v3 (feat. Redux, Router & Flow) - 💰📼 - Much more than an intro, you’ll not just learn React, but also a proven set of tools including Router v4 for paging, Jest for testing, Redux and Flow! - Brian Holt (Microsoft) via Frontend Masters
  • Complete Introduction to React (feat. Redux and React Router) - 💰📼 - Brian Holt (Netflix) introduces you to React plus surrounding ecosystem including: Redux for state management, React Router for navigation and more! - Brian Holt (Microsoft) via Frontend Masters
  • Firebase + React: Real-time, Serverless Web Apps - 💰📼 - Learn to use Firebase to deploy sophisticated web and mobile applications without having to build your own complex, server-side infrastructure. - Steve Kinney (SendGrid) via Frontend Masters
  • Rapid Development on AWS: React, Node.js & GraphQL - 💰📼 - Learn to build on AWS’ cloud services and its world-class infrastructure to easily add authentication, storage, databases, and APIs into your apps! - Steve Kinney (SendGrid) via Frontend Masters
  • React Native (feat. Redux) - 💰📼 - Use React Native to build native mobile apps in iOS and Android with JavaScript! Effectively build cross-platform mobile apps. - Scott Moss (Tipe) via Frontend Masters
  • React.js (with Introduction to Flux Architecture) - 💰📼 - Learn from experts how to use React and become a master at creating user interfaces by Facebook and Instagram. - Ryan Florence (React Training) via Frontend Masters
  • Reactive Angular 2 - 💰📼 - Learn how to build functional, reactive web applications in Angular 2 with a Redux-inspired library, @ngrx/store and observables from Rx.js. - Lukas Ruebbelke (VenturPlex) via Frontend Masters
  • Reactive Angular 2 with ngrx - 💰📼 - Learn how to build functional, reactive web applications in Angular 2 with a Redux inspired library, @ngrx/store and observables from Rx.js. - Lukas Ruebbelke (VenturPlex) via Frontend Masters
  • Testing JavaScript Applications (feat. React and Redux) - 💰📼 - Bulletproof your JavaScript and Node environments. Learn how you can test React, Redux, and Node Express applications! - Kent C. Dodds (PayPal) via Frontend Masters
  • Testing React Applications, v2 - 💰📼 - Fix errors before your app reaches the end user by writing maintainable unit test & integration tests for your React applications! - Kent C. Dodds (PayPal) via Frontend Masters

Vue.js

  • Advanced Vue.js Features from the Ground Up - 💰📼 - Learn how to build accessible routing, state management, form validation and internationalization from the ground up by composing basic Vue.js features. - Evan You (Creator of Vue.js) via Frontend Masters
  • Introduction to Vue.js - 💰📼 - Vue.js brings together the best features of the javascript framework landscape elegantly. Build complex and maintainable applications faster! - Sarah Drasner (Microsoft) via Frontend Masters

Kotlin

  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better
  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests
  • TechIO - 🕸🏗💪 - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises

Lua

  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better

Objective-C

  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better

OCaml

  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better

Pascal

  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better

Perl

  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests

Php

  • Codewars - 🕸💪 - Improve your skills by training with others on real code challenges
  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better
  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests
  • Edabit - 🕸💪 - Work through a wide array of bite-sized programming challenges, that increase in difficulty as you progress
  • PhpFiddle - 🕸🏗 - Php/MySQL execution environment in your web browser
  • Solo Learn - 🕸 - Learn to code for free using challenges. Offers lessons for multiple programming languages.
  • TechIO - 🕸🏗💪 - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises

Python

  • Check I/O - 🕸🎮 - Improve your coding skills by solving engaging challenges and fun task using Python and JavaScript
  • CodeCombat - 🕸🎮 - Learn how to code by playing a game
  • Codeacademy - 🕸🎓 - Free platform for online learning web technologies, computer programming and data science.
  • Codewars - 🕸💪 - Improve your skills by training with others on real code challenges
  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests
  • DataCamp Light - 🕸🏗 - Embeddable R and Python examples
  • Edabit - 🕸💪 - Work through a wide array of bite-sized programming challenges, that increase in difficulty as you progress
  • Next from Codeevolve - 🕸 - Learn to code with interactive exercises and quizzes
  • Python Fiddle - 🕸🏗 - Python IDE for the web
  • Solo Learn - 🕸 - Learn to code for free using challenges. Offers lessons for multiple programming languages.
  • TechIO - 🕸🏗💪 - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises

R

  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests
  • DataCamp Light - 🕸🏗 - Embeddable R and Python examples

Ruby

  • Codeacademy - 🕸🎓 - Free platform for online learning web technologies, computer programming and data science.
  • Codewars - 🕸💪 - Improve your skills by training with others on real code challenges
  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better
  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests
  • Edabit - 🕸💪 - Work through a wide array of bite-sized programming challenges, that increase in difficulty as you progress
  • Ruby Warrior - 🕸🎮 - A triumphant quest of adventure, love & destiny all within a few lines of code
  • RubyFiddle - 🕸🏗 - Run Ruby snippets in your web browser
  • Solo Learn - 🕸 - Learn to code for free using challenges. Offers lessons for multiple programming languages.
  • TechIO - 🕸🏗💪 - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises
  • The Odin Project - 🕸🎓 - A full stack (and open source) Ruby/JS bootcamp

Rust

  • Codewars - 🕸💪 - Improve your skills by training with others on real code challenges
  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better
  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests
  • Rust Playground - 🕸🏗 - Run and share Rust snippets from the comfort of your browser
  • TechIO - 🕸🏗💪 - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises

Scala

  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better
  • Robocode - ❖🎮 - Develop a robot battle tank to battle against others in Java or .NET
  • TechIO - 🕸🏗💪 - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises

Shell

  • Codewars - 🕸💪 - Improve your skills by training with others on real code challenges

SQL

  • Codewars - 🕸💪 - Improve your skills by training with others on real code challenges
  • Next from Codeevolve - 🕸 - Learn to code with interactive exercises and quizzes
  • SQL Fiddle - 🕸🏗 - Run SQL snippets in your web browser, using PostgreSQL, MySQL, Oracle, SQLite and MS SQL Server
  • SQL Fundamentals - 💰📼 - Learn SQL, the most popular language for storing, querying and analyzing the relational data that powers your server-side applications. - Mike North (LinkedIn) via Frontend Masters
  • Solo Learn - 🕸 - Learn to code for free using challenges. Offers lessons for multiple programming languages.

Swift

  • Codewars - 🕸💪 - Improve your skills by training with others on real code challenges
  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better
  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests
  • Edabit - 🕸💪 - Work through a wide array of bite-sized programming challenges, that increase in difficulty as you progress
  • Solo Learn - 🕸 - Learn to code for free using challenges. Offers lessons for multiple programming languages.
  • Swift Playgrounds - 📱🎮 - Learn swift by playing games on your iPad
  • TechIO - 🕸🏗💪 - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises

TypeScript

  • CodePen - 🕸🏗 - A social development environment for front-end designers and developers.
  • CodeSandbox - 🕸🏗 - The online editor for React, Vue, Angular, Preact and Svelte apps
  • Codewars - 🕸💪 - Improve your skills by training with others on real code challenges
  • Stackblitz - 🕸🏗 - The online IDE for web applications, Powered by Visual Studio Code. Instantly create Angular, Ionic, React and Svelte projects with TypeScript or JavaScript
  • TypeScript Fundamentals - 💰📼 - TypeScript combines modern JavaScript language features with a powerful and flexible type system, to make building high-performance and scalable apps easy! - Mike North (LinkedIn) via Frontend Masters

VB.NET

  • .NET Fiddle - 🕸🏗 - A .NET sandbox for developers to quickly try out code and share C#, F# and VB.NET code snippets.
  • CodinGame - 🕸🎮 - Games and Programming Challenges to Code Better
  • Robocode - ❖🎮 - Develop a robot battle tank to battle against others in Java or .NET

Tools & Editors

Build tools, text editors, IDEs and more

  • Firebase + React: Real-time, Serverless Web Apps - 💰📼 - Learn to use Firebase to deploy sophisticated web and mobile applications without having to build your own complex, server-side infrastructure. - Steve Kinney (SendGrid) via Frontend Masters
  • Rapid Development on AWS: React, Node.js & GraphQL - 💰📼 - Learn to build on AWS’ cloud services and its world-class infrastructure to easily add authentication, storage, databases, and APIs into your apps! - Steve Kinney (SendGrid) via Frontend Masters
  • Serverless with AWS Lambda - 💰📼 - Get started with AWS Lambda functions and then learn to test, debug and deploy then to build a real API powered by lambda functions. - Scott Moss (Tipe) via Frontend Masters
  • Untrusted - 🕸🎮 - Use JavaScript to guide Dr. Eval through a machine continuum!
  • Vim Adventures - 🕸🎮 - An online game based on VIM's keyboard shortcuts. It's the "Zelda meets text editing" game. So come have some fun and learn some VIM!
  • Zero to Production Node.js on Amazon Web Services - 💰📼 - Equip yourself with the knowledge to build, test, deploy, and scale Node.js web applications in production on Amazon Web Services. - Kevin Whinnery (Twilio Node Module) via Frontend Masters

Webpack

  • Web Performance with Webpack - 💰📼 - Make websites load instantly using Webpack for lazy loading JavaScript with code splitting, removing unused code with tree shaking and prefetching assets. - Sean Larkin (Microsoft) via Frontend Masters
  • Webpack 2 Deep Dive - 💰📼 - Building and deploying complex front-end applications can get complicated. Webpack simplifies this with tons of features catering to all JavaScript apps. - Kent C. Dodds (PayPal) via Frontend Masters
  • Webpack 4 Fundamentals - 💰📼 - Learn the core concepts of Webpack 4. Start from scratch by adding Webpack with npm and build up a pipeline with popular loaders from the Webpack ecosystem! - Sean Larkin (Microsoft) via Frontend Masters
  • Webpack Plugins System - 💰📼 - Learn the Webpack 4 plugin system, tour the Webpack source code and learn to build custom plugins and custom Webpack loaders. - Sean Larkin (Microsoft) via Frontend Masters

Git

  • Git Games - 🕸🎮 - A terminal based game that teaches both new and advances users some pretty cool features of the git scm (source control management) system
  • Git In-depth - 💰📼 - A deep dive into git, this course is for developers who use it every day and want to learn inner workings and use advanced techniques in git. - Nina Zakharenko (Microsoft) via Frontend Masters
  • Learn Git Branching - 🕸🎮 - "The most visual and interactive way to learn Git on the web"
  • Next from Codeevolve - 🕸 - Learn to code with interactive exercises and quizzes

Visual Studio Code

  • Visual Studio Code - 💰📼 - Visual Studio Code is a modern, full-featured code editor built from the ground for the needs of web developers - JavaScript developers in particular. - Mike North (LinkedIn) via Frontend Masters

Chrome Developer Tools

  • Mastering Chrome Developer Tools - 💰📼 - Learn to use ALL the built-in Chrome developer tools to debug and optimize websites and web applications! - Jon Kuperman (Adobe) via Frontend Masters

General Programming

General computer programming skills & techniques

  • Human Resource Machine - 💰📱🎮 - A mobile game that teaches you how low-level programming (i.e., Assembler) works
  • Khan Academy - 🕸 - Learn anything for free, forever.

Data Science

The scientific methods, processes, algorithms and systems used to extract knowledge and insights from data

  • Codeacademy - 🕸🎓 - Free platform for online learning web technologies, computer programming and data science.
  • Solo Learn - 🕸 - Learn to code for free using challenges. Offers lessons for multiple programming languages.

Practice Platform

Collections of exercises to help you sharpen your skills and learn at your own pace. Good for practice once you've mastered the basics

  • Codewars - 🕸💪 - Improve your skills by training with others on real code challenges
  • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests
  • Edabit - 🕸💪 - Work through a wide array of bite-sized programming challenges, that increase in difficulty as you progress
  • TechIO - 🕸🏗💪 - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises

Learning platforms and bootcamps

Curated and structured education that leads to leveling up your skills through exercises, projects and quizzes

  • Codeacademy - 🕸🎓 - Free platform for online learning web technologies, computer programming and data science.
  • Free Code Camp - 🕸🎓 - The king of free coding camps. Learn to code and help nonprofits. Extensive curriculum.
  • Khan Academy - 🕸 - Learn anything for free, forever.
  • Node School - 🕸 - Open source workshops that teach web software skills. Do them on your own or at a workshop nearby.
  • Solo Learn - 🕸 - Learn to code for free using challenges. Offers lessons for multiple programming languages.
  • The Odin Project - 🕸🎓 - A full stack (and open source) Ruby/JS bootcamp

Sources

Copyright

(c) 2018 Mike North