Skip to content

mike-north/awesome-learn-to-code

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

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

Programming languages

  • 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.
  • 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
  • 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++ 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
  • .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
  • 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
  • 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
  • Codewars - ๐Ÿ•ธ๐Ÿ’ช - Improve your skills by training with others on real code challenges
  • 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
  • Cyber Dojo - ๐Ÿ•ธ๐Ÿ’ช - Hone your programming skills in a huge range of languages, writing code to pass tests
  • Codewars - ๐Ÿ•ธ๐Ÿ’ช - Improve your skills by training with others on real code challenges
  • CodinGame - ๐Ÿ•ธ๐ŸŽฎ - Games and Programming Challenges to Code Better
  • 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 - ๐Ÿ’ฐ๐Ÿ“ผ - Write bulletproof, easily maintainable web applications with Elm, the functional programming language that is transforming web application development! - Richard Feldman (NoRedInk) via Frontend Masters
  • Cyber Dojo - ๐Ÿ•ธ๐Ÿ’ช - Hone your programming skills in a huge range of languages, writing code to pass tests
  • .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
  • Cyber Dojo - ๐Ÿ•ธ๐Ÿ’ช - Hone your programming skills in a huge range of languages, writing code to pass tests
  • 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
  • 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
  • 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
  • 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
  • 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

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.

Frameworks for building web applications that run in the browser

  • 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
  • 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 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
  • 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.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 - ๐Ÿ’ฐ๐Ÿ“ผ - 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
  • 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
  • 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
  • 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
  • CodinGame - ๐Ÿ•ธ๐ŸŽฎ - Games and Programming Challenges to Code Better
  • CodinGame - ๐Ÿ•ธ๐ŸŽฎ - Games and Programming Challenges to Code Better
  • CodinGame - ๐Ÿ•ธ๐ŸŽฎ - Games and Programming Challenges to Code Better
  • 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
  • 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
  • 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
  • Cyber Dojo - ๐Ÿ•ธ๐Ÿ’ช - Hone your programming skills in a huge range of languages, writing code to pass tests
  • DataCamp Light - ๐Ÿ•ธ๐Ÿ— - Embeddable R and Python examples
  • 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
  • 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
  • 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
  • Codewars - ๐Ÿ•ธ๐Ÿ’ช - Improve your skills by training with others on real code challenges
  • 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.
  • 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
  • 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
  • .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

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
  • 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 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 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
  • 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 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.

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

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