Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

awesome-learn-to-code

A list of awesome resources for learning to code
https://github.com/mike-north/awesome-learn-to-code

Last synced: 1 day ago
JSON representation

  • [Assembly](http://www.azillionmonkeys.com/qed/asmexample.html)

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

  • [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)

    • CSS Diner - 🕸🎮 - Practice your advanced CSS3 selectors with 32 levels of interactive challenges
    • 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*
    • 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*
    • 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*
    • 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*
    • 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
    • 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*

  • [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

      • 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.
      • Plunker - 🕸🏗 - An online community for creating, collaborating on and sharing your web development ideas.
      • 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*
      • 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*
      • 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*
      • 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*
      • 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*
      • 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*
      • 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*
      • JS Bin - 🕸🏗 - Collaborative JavaScript Debugging
      • JSFiddle - 🕸🏗 - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

    • [Client Web Frameworks](https://en.wikipedia.org/wiki/Web_framework)

      • JQuery
      • Angular.js
      • Backbone
      • Vue.js
      • 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*
      • 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*
      • 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*
      • 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*
      • 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*
      • 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*
      • 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*
      • 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*
      • 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*
      • 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*
      • 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*
      • 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*
      • 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*

  • [Php](https://secure.php.net/)

    • [Client Web Frameworks](https://en.wikipedia.org/wiki/Web_framework)

      • PhpFiddle - 🕸🏗 - Php/MySQL execution environment in your web browser
      • PhpFiddle - 🕸🏗 - Php/MySQL execution environment in your web browser

  • [Rust](https://rust-lang.org)

    • [Client Web Frameworks](https://en.wikipedia.org/wiki/Web_framework)

      • Rust Playground - 🕸🏗 - Run and share Rust snippets from the comfort of your browser

  • [Python](https://www.python.org/)

    • [Client Web Frameworks](https://en.wikipedia.org/wiki/Web_framework)

      • Python Fiddle - 🕸🏗 - Python IDE for the web
      • 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

  • [Ruby](https://www.ruby-lang.org/)

    • [Client Web Frameworks](https://en.wikipedia.org/wiki/Web_framework)

      • RubyFiddle - 🕸🏗 - Run Ruby snippets in your web browser

  • [VB.NET](https://docs.microsoft.com/en-us/dotnet/visual-basic/getting-started/)

    • [Client Web Frameworks](https://en.wikipedia.org/wiki/Web_framework)

      • Tools & Editors
      • 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*
      • 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*
      • 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*
      • 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*

  • [Chrome Developer Tools](https://developers.google.com/web/tools/chrome-devtools/)

    • [Client Web Frameworks](https://en.wikipedia.org/wiki/Web_framework)

      • General Programming
      • Data Science
      • Cyber Dojo - 🕸💪 - Hone your programming skills in a huge range of languages, writing code to pass tests
      • Learning platforms and bootcamps
      • Node School - 🕸 - Open source workshops that teach web software skills. Do them on your own or at a workshop nearby.
      • The Odin Project - 🕸🎓 - A full stack (and open source) Ruby/JS bootcamp
      • 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*
      • Khan Academy - 🕸 - Learn anything for free, forever.
      • 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.

  • [Webpack](https://webpack.js.org/)

    • [Client Web Frameworks](https://en.wikipedia.org/wiki/Web_framework)

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

  • [Visual Studio Code](https://code.visualstudio.com/)

    • [Client Web Frameworks](https://en.wikipedia.org/wiki/Web_framework)

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

  • [Elm](https://elm-lang.org/)

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

  • [C#](https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/)

    • .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
    • Edabit - 🕸💪 - Work through a wide array of bite-sized programming challenges, that increase in difficulty as you progress

  • [Git](https://git-scm.com/)

    • [Client Web Frameworks](https://en.wikipedia.org/wiki/Web_framework)

      • 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

  • [C](https://en.wikipedia.org/wiki/C_(programming_language))

    • workat.tech - 🕸💪 - Learn to code through an interactive course with content, quizzes and coding playground.
    • Codewars - 🕸💪 - Improve your skills by training with others on real code challenges

  • [Bash](https://www.gnu.org/software/bash/)

    • 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

  • [Go](https://golang.org/)

    • Go Playground - 🕸🏗 - Run and share Go snippets from the comfort of your browser

  • [TypeScript](http://typescriptlang.org/)

    • [Client Web Frameworks](https://en.wikipedia.org/wiki/Web_framework)

      • 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*
      • Stackblitz - 🕸🏗 - The online IDE for web applications, Powered by Visual Studio Code. Instantly create Angular, Ionic, React and Svelte projects with TypeScript or JavaScript
      • CodeSandbox - 🕸🏗 - The online editor for React, Vue, Angular, Preact and Svelte apps
      • CodePen - 🕸🏗 - A social development environment for front-end designers and developers.

  • [SQL](https://www.postgresql.org/)

    • [Client Web Frameworks](https://en.wikipedia.org/wiki/Web_framework)

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

  • [C++](https://en.cppreference.com/w/)

    • Solo Learn - 🕸 - Learn to code for free using challenges. Offers lessons for multiple programming languages.

  • [R](https://www.r-project.org/)

    • [Client Web Frameworks](https://en.wikipedia.org/wiki/Web_framework)

Categories
[JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) 46 [Chrome Developer Tools](https://developers.google.com/web/tools/chrome-devtools/) 10 [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS) 9 [VB.NET](https://docs.microsoft.com/en-us/dotnet/visual-basic/getting-started/) 6 [Webpack](https://webpack.js.org/) 4 [Git](https://git-scm.com/) 4 [TypeScript](http://typescriptlang.org/) 4 [C#](https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/) 3 [Python](https://www.python.org/) 3 [C](https://en.wikipedia.org/wiki/C_(programming_language)) 2 [Assembly](http://www.azillionmonkeys.com/qed/asmexample.html) 2 [Bash](https://www.gnu.org/software/bash/) 2 [Php](https://secure.php.net/) 2 [C++](https://en.cppreference.com/w/) 1 [Elm](https://elm-lang.org/) 1 [Ruby](https://www.ruby-lang.org/) 1 [Go](https://golang.org/) 1 [Visual Studio Code](https://code.visualstudio.com/) 1 [Rust](https://rust-lang.org) 1 [SQL](https://www.postgresql.org/) 1 [R](https://www.r-project.org/) 1
Sub Categories
[Client Web Frameworks](https://en.wikipedia.org/wiki/Web_framework) 67