Project Based Learning

A list of programming tutorials in which learners build an application from scratch. These tutorials are divided into different primary programming languages. Some have intermix technologies and languages.

To get started, simply fork this repo. Please refer to CONTRIBUTING.md for contribution guidelines.

Table of Contents:

• C#
• C/C++
• Clojure
• Elixir
• Go
• Haskell
• HTML/CSS
• Java
• JavaScript
• Kotlin
• Lua
• OCaml
• PHP
• Python
• R
• Ruby
• Rust
• Swift
• Additional resources

C/C++:

• Build an Interpreter (Chapter 14 on is written in C)
• Write a Shell in C
• Write a FUSE Filesystem
• Build Your Own Text Editor
• Build Your Own Lisp
• How to Program an NES Game in C
• Write an OS from scratch
• How to Write an Emulator (CHIP-8 interpreter)
• Beginning Game Programming with C++ and SDL
• Implementing a Key-Value Store
• Writing a minimal x86-64 JIT compiler in C++
  • Part 1
  • Part 2
  • Part 3
• Build a Live Code-reloader Library for C++
• Write a hash table in C
• Let's Build a Simple Database
• Let's Write a Kernel
• Write a Bootloader in C
• Linux Container in 500 Lines of Code
• Write a C compiler
  • Part 1: Integers, Lexing and Code Generation
  • Part 2: Unary Operators
  • Part 3: Binary Operators
  • Part 4: Even More Binary Operators
  • Part 5: Local Variables
  • Part 6: Conditionals
  • Part 7: Compound Statements
  • Part 8: Loops
• Implementing a Language with LLVM

Network programming

• Let's Code a TCP/IP Stack

  • Part 1: Ethernet & ARP
  • Part 2: IPv4 & ICMPv4
  • Part 3: TCP Basics & Handshake
  • Part 4: TCP Data Flow & Socket API
  • Part 5: TCP Retransmission

• Programming concurrent servers

  • Part 1 - Introduction
  • Part 2 - Threads
  • Part 3 - Event-driven
  • Part 4 - libuv
  • Part 5 - Redis case study
  • Part 6 - Callbacks, Promises and async/await

OpenGL:

• Creating 2D Breakout game clone in C++ with OpenGL
  • Breakout
  • Setting up
  • Rendering Sprites
  • Levels
  • Collisions
    • Ball
    • Collision detection
    • Collision resolution
  • Particles
  • Postprocessing
  • Powerups
  • Audio
  • Render text
  • Final thoughts
• Handmade Hero
• How to Make Minecraft in C++/OpenGL

C#:

• Learn C# By Building a Simple RPG Game
• Create a Rogue-like game in C#
• Create a Blank App with C# and Xamarin (work in progress)
• Build iOS Photo Library App with Xamarin and Visual Studio

Clojure:

• Build a Twitter Bot with Clojure
• Bulding a Spell-Checker
• Building a JIRA integration with Clojure & Atlassian Connect

Elixir

• Building a Simple Chat App With Elixir and Phoenix

Java:

• Build an Interpreter (Chapter 4-13 is written in Java)
• Build a Simple HTTP Server with Java
• Build an Android Flashlight App
• Build a Spring Boot App with User Authentication

JavaScript:

• Build 30 things in 30 days with 30 tutorials
• Build an App in Pure JS

HTML and CSS:

• Build A Loading Screen

Mobile Application:

• Build a React Native Todo Application

Web Applications:

React:

• Create Serverless React.js Apps
• Create a Trello Clone
• Create a Character Voting App with React, Node, MongoDB and SocketIO
• React Tutorial: Cloning Yelp
• Build a Full Stack Movie Voting App with Test-First Development using Mocha, React, Redux and Immutable
• Build a Twitter Stream with React and Node
• Build a Serverless MERN Story App with Webtask.io
  • Part 1
  • Part 2
• Build A Simple Medium Clone using React.js and Node.js
• Integrate MailChimp in JS
• Build A Chrome Extension with React + Parcel
• Build A ToDo App With React Native
• Make a Chat Application

Angular:

• Build an Instagram Clone
• Build an offline-capable Hacker News client with Angular 2+
  • Part 1
  • Part 2
• Build a web application with Django and AngularJS

Node:

• Build A Simple Website With Node,Express and MongoDB
• Build a URL Shortener with Node, MongoDB and Hapi.js
• Build a real-time Markdown Editor with NodeJS
• Test-Driven Development with Node, Postgres and Knex
• Write a Twitter Bot in Node.js
  • Part 1
  • Part 2
• Create A Simple RESTFUL Web App

Vue

• Vue 2 + Firebase: How to build a Vue app with Firebase authentication system in 15 minutes
• Vue.js Application Tutorial – Creating a Simple Budgeting App with Vue

Others (Hapi, Express...):

• Build a Progressive Web Application (PWA)
  • Part 1
  • Part 2
  • Part 3
• Build A Support Ticket Application With AdonisJs
  • Part 1
  • Part 2

D3.js

• Learn D3 using examples

Game Development:

• Make 2D Breakout Game using Phaser
• Make Flappy Bird in HTML5 and JavaScript with Phaser
  • Part 1
  • Part 2

Desktop Application:

• Build a Music Player with React & Electron
  • Part 1
  • Part 2
  • Part 3

Miscellaneous:

• How to Build a Web Framework in Less Than 20 Lines of Code
• Build Yourself a Redux
• How to write your own Virtual DOM

Kotlin:

• Keddit - Learn Kotlin While Developing an Android Application

Lua:

LÖVE:

• BYTEPATH: Creation of a Complete Game with Lua and LÖVE
  • Part 0: Introduction
  • Part 1: Game Loop
  • Part 2: Libraries
  • Part 3: Rooms and Areas
  • Part 4: Exercises
  • Part 5: Game Basics
  • Part 6: Player Basics
  • Part 7: Player Stats and Attacks
  • Part 8: Enemies
  • Part 9: Director and Gameplay Loop
  • Part 10: Coding Practices
  • Part 11: Passives
  • Part 12: More Passives
  • Part 13: Skill Tree
  • Part 14: Console
  • Part 15: Final

Python:

Web Scraping:

• Mining Twitter Data with Python
• Scrape a Website with Scrapy and MongoDB
• How To Scrape With Python and Selenium WebDriver

Web Applications:

• Build a Microblog with Flask
• Create a Blog Web App In Django
  • Part I : Introduction
  • Part II : Extension To Add More Features
• Choose Your Own Adventure Presentations
• Build a Todo List with Flask and RethinkDB
• Build a Todo List with Django and Test-Driven Development
• Build a RESTful Microservice in Python
• Microservices with Docker, Flask, and React
• Build A Simple Web App With Flask

Bots:

• Build a Reddit Bot
• How to Make a Reddit Bot - YouTube
• Build a Facebook Messenger Bot
• Making a Reddit + Facebook Messenger Bot
• How To Create a Telegram Bot Using Python
  • Part 1
  • Part 2
• Create a Twitter Bot In Python

Data Science:

• Learn Python For Data Science by Doing Several Projects:
  • Part 1: Introduction
  • Part 2: Twitter Sentiment Analysis
  • Part 3: Recommendation Systems
  • Part 4: Predicting Stock Prices
  • Part 5: Deep Dream in TensorFlow
  • Part 6: Genetic Algorithms

Machine Learning:

• Write Linear Regression From Scratch in Python
• Step-By-Step Machine Learning In Python
• Predict Quality Of Wine
• Solving A Fruits Classification Problem

Deep Learning:

• Using Convolutional Neural Nets to Detect Facial Keypoints
• Generate an Average Face using Python and OpenCV
• Break A Captcha System using CNNs
• Use pre-trained Inception model to provide image predictions
• Create your first CNN
• Build A Facial Recognition Pipeline
• Build An Image Caption Generator
• Make your Own Face Recognition System
• Train a Language Detection AI in 20 minutes
• Learn Twitter Sentiment Analysis -
  • Part I
  • Part II
  • Part III
  • Part IV
• Use Transfer Learning for custom image classification

Miscellaneous:

• Build a Simple Interpreter
• Build a Simple Blockchain in Python
• Write a NoSQL Database in Python
• Building a Gas Pump Scanner with OpenCV/Python/iOS
• Build a Distributed Streaming System with Python and Kafka
• Writing a basic x86-64 JIT compiler from scratch in stock Python

Go:

• Create a Real Time Chat App with Golang, Angular 2, and WebSocket
• Building Go Web Applications and Microservices Using Gin
• How to Use Godog for Behavior-driven Development in Go et started with Godog
• Building Blockchain in Go
  • Part 1: Basic Prototype
  • Part 2: Proof of Work
  • Part 3: Persistence and CLI
  • Part 4: Transactions 1
  • Part 5: Address
  • Part 6: Transactions 2
  • Part 7: Network
• Build Web Application with GoLang

PHP:

• How To Build A Blog With Laravel
• Make Your Own Blog (in Pure PHP)
• Build A Real Estate Website Example with SilverStripe
• Building Realtime Chat App with Laravel 5.4 and VueJS
• Build A Social Network: Laravel 5 - Youtube

OCaml:

• Implement a Language with LLVM in OCaml

Ruby:

• Build a Network Stack with Ruby

Ruby on Rails:

• Build Instagram From Scratch with Ruby on Rails
• Build a CMS with Ruby on Rails
• Build a Social Network using Rails

Haskell:

• Write You a Haskell - Build a modern functional compiler
• Write Yourself a Scheme in 48 hours
• Write You A Scheme, Version 2
• Roll Your Own IRC Bot
• Let's Build A Basic Compiler in Haskell
• Making Movie Monad
• Making a Website with Haskell (outdated)

R:

• Build Web Apps with Shiny
• Build A Cryptocurrency Bot

Rust:

• A Simple Web App in Rust
  • Part 1
  • Part 2a
  • Part 2b
• Write an OS in pure Rust
• Build a browser engine in Rust
• Write a Microservice in Rust
• Learning Rust with Too Many Linked Lists
• Rust in Detail: Writing Scalable Chat Service from Scratch
  • Part 1: Implementing WebSocket. Introduction.
  • Part 2: Sending and Receiving Messages

Swift:

• Hacking with Swift - Learn Swift by doing 39 projects

Additional Resources

• React Redux Links
• Full Stack Python
• Node School
• ScotchIO
• Exercism
• Egghead.io
• Michael Herman's Blog
• Thinkster.io
• C Project Based Tutorials