mike-north/awesome-learn-to-code mike-north/awesome-learn-to-code

  • Stars
    star
    165
  • Rank 228,906 (Top 5 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created about 6 years ago
  • Updated over 3 years ago
Twitter logo Share LinkedIn logo Share Facebook logo Share
mike-north/awesome-learn-to-code
github

mike-north

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A list of awesome resources for learning to code

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

More Repositories

1

chrome-github-boxcutter

A Google Chrome extension, for enhanced Github package manifests
JavaScript
459
star
2

typescript-courses

Mike North's TypeScript Courses
TypeScript
374
star
3

ember-api-actions

Trigger API actions in ember.js apps
TypeScript
332
star
4

ember-cli-materialize

Material Design (via Materialize) for Ember.js Apps
JavaScript
300
star
5

professional-ts

Mike North's Production-Grade TypeScript course
JavaScript
293
star
6

js-ts-monorepos

Mike's JS/TS Monorepos Course
TypeScript
223
star
7

ember-material-lite

Material Design Lite for Ember.js Apps
JavaScript
147
star
8

ember-phoenix

Phoenix Framework integration and tooling for Ember.js apps
JavaScript
138
star
9

ember-load

Application loading UI for Ember.js apps
JavaScript
130
star
10

types

TypeScript
101
star
11

ember-resize

Respond to window and view resizing easily in Ember.js
TypeScript
84
star
12

ember-lodash

Lodash as ES6 Modules for Ember.js Apps
JavaScript
76
star
13

ember-perf

Measure user-percieved performance data in your ember.js app
JavaScript
73
star
14

full-stack-ts

Mike North's full-stack TypeScript Course
TypeScript
71
star
15

ember-octane-workshop

Project for Mike's live ember octane workshop
JavaScript
52
star
16

ember-intercom-io

Deep intercom.io integration for Ember.js apps
JavaScript
52
star
17

jsonapi-typescript

TypeScript type information for JSON:API documents
TypeScript
51
star
18

ember-windoc

Window and document events (scroll, resize, move, etc...) the Ember.js way
JavaScript
43
star
19

ember-pin

Scroll-triggered fixed pieces of UI, for Ember.js
JavaScript
38
star
20

ember-anchor

Support for an #anchor like construct, in ember.js apps
JavaScript
30
star
21

making-typescript-stick

https://www.typescript-training.com/course/making-typescript-stick
TypeScript
29
star
22

json-typescript

TypeScript type definitions for JSON objects
TypeScript
29
star
23

ember-composability

Composability helpers for Ember.js apps
JavaScript
28
star
24

ember-data-preload

Eagerly load deeply nested ember-data relationships
JavaScript
27
star
25

ember-add-to-homescreen

📲 "Add to Home Screen" prompt for mobile web Ember.js experiences
JavaScript
23
star
26

ember-parallax

Parallax scrolling made easy for Ember.js apps
JavaScript
23
star
27

professional-ts-my-lib

TypeScript
19
star
28

ember-materialize-shim

A simple shim for using Materialize in Ember.js apps
JavaScript
19
star
29

peepchat-ui

The UI portion of an Ember.js Fastboot / Phoenix tutorial
JavaScript
18
star
30

ember-monaco

Monaco editor for Ember.js apps
JavaScript
18
star
31

banker

Banker is an asset serving layer for single-page web apps, built with ES2015
JavaScript
18
star
32

peepchat-api

The API portion of an Ember.js Fastboot / Phoenix Framework tutorial
Elixir
17
star
33

ember-orientation

Ember.js device orientation and device motion support
JavaScript
16
star
34

mdast-builder

Build a mdast structure w/ composable functions
TypeScript
15
star
35

ember-cli-document-title-northm

JavaScript
15
star
36

js-documentation-cases

Test cases for evaluating JS/TS documentation tools
TypeScript
14
star
37

ember-sharable

Rich social sharing metadata for Ember.js apps
JavaScript
13
star
38

ember-material-design-icons-shim

Simple shim for material design icons in Ember.js apps
JavaScript
13
star
39

ember-creditcard

credit card type detection and client-side validation for Ember.js apps
JavaScript
13
star
40

MWDCON-example

One codebase to generate a web app, desktop app and mobile app, using the Ember.js ecosystem and build tools.
Objective-C
12
star
41

wge-examples

Examples from my talk at Wicked Good Ember 2015
JavaScript
12
star
42

ember-rx-shim

A simple addon for adding RxJS 5 to your Ember.js app.
JavaScript
10
star
43

joyride-rails

Build easy feature tours, thanks to ZURB's joyride plugin
JavaScript
9
star
44

ember-multi

Objective-C
8
star
45

micro-observable

RxJS6-style observables in less than 1kb
TypeScript
7
star
46

ember-qunit-snapshots

Snapshot testing for QUnit in Ember.js apps
JavaScript
7
star
47

ember-deprecated

Ember.js deprecation helpers
JavaScript
7
star
48

dotfiles

Mike North's dotfiles
Shell
6
star
49

ember-ckeditor5

📝 CKEditor 5 (Balloon build) for Ember apps
JavaScript
6
star
50

ember-pure

Pure.css integration for ember.js apps
JavaScript
6
star
51

ember-literal

Ember.literal helper for disambiguating between property keys and string literals in computed properties
JavaScript
5
star
52

ember-oembed

Client-side oEmbed support for Ember.js apps
TypeScript
5
star
53

ember-calendly

Calendly integration for Ember.js apps
JavaScript
5
star
54

foundation-icons-rails

ZURB's foundation icons for use with Rails projects
Ruby
5
star
55

qunit-metadata

Add metadata to your QUnit test suite
TypeScript
5
star
56

ember-windowscroll

JavaScript
5
star
57

typever

An opinionated versioning strategy for TypeScript ambient types
TypeScript
5
star
58

ember-twiddle-eject

Convert an ember-twiddle gist into a full ember app
JavaScript
5
star
59

advanced-ember-wge2016

Advanced Ember.js Workshop, Wicked Good Ember 2016
JavaScript
4
star
60

ember-svg

An ember.js addon for native SVG components
JavaScript
4
star
61

ember-qunit-decorators

Use ES6 or TypeScript decorators for QUnit tests in your Ember app
JavaScript
4
star
62

FEM-Ember

JavaScript
4
star
63

ember-cli-table

A table component for Ember.js
JavaScript
4
star
64

jsconfco2016-ember-workshop

Ember.js workshop for JSConf Colombia 2016
JavaScript
3
star
65

emberfest2016-stateful-ui

🔥 Emberfest 2016 - Where does your state belong
JavaScript
3
star
66

qunit-decorators

QUnit decorators for use with ES6 or TypeScript
TypeScript
3
star
67

ember-sublime

Sublime Text 3 project settings for Ember.js apps and addons
JavaScript
3
star
68

hangman

JavaScript
2
star
69

emberconf-stateful-ui

EmberConf 2016 - Building Stateful UI
JavaScript
2
star
70

ember-c3-shim

Ember-cli shim for c3.js
JavaScript
2
star
71

ember-app

TypeScript
2
star
72

ember-addons-three-ways

Ember Addons, Served Three Ways - Global Ember Meetup
JavaScript
2
star
73

2021-02-17-pro-github

Python
2
star
74

learn-git

Python
2
star
75

qunit-snapshot

Snapshot testing for QUnit
TypeScript
1
star
76

ts-ember-addon-demo

ember-cli-typescript v2 being consumed by an ember app w/ no ts support
JavaScript
1
star
77

ember-asset-size-report

Generate asset size data from the production build of your ember-cli apps
JavaScript
1
star
78

FEM-Ember-Slides

1
star
79

my-reason-react-app

OCaml
1
star
80

flavordb-ruby

A ruby client for the FlavorDB API
Ruby
1
star
81

ember-octane-course-data

1
star
82

fem-ember-commently

Commently: The next billion dollar app, and a project for Front End Masters: Advanced Ember.js
CSS
1
star
83

adopt-a-corgi-api

JavaScript
1
star
84

certin

TypeScript
1
star
85

ember-super-form-example

JavaScript
1
star
86

placehold_it_rails

Rails helper to facilitate easy image placeholders from placehold.it
Ruby
1
star
87

ambient-type-testing-examples

TypeScript
1
star
88

ember-nvd3-shim

A simple fastboot-compatible shim for nvd3 in Ember.js apps
JavaScript
1
star
89

github-actions-for-ci

JavaScript
1
star
90

shipit-bot

TypeScript
1
star
91

ember-perfchallenges

An Ember app with some performance problems
HTML
1
star