Edit on Replit

Welcome to Code with Replit

In this series of tutorials, you'll go from beginner to expert in coding with Replit. While these lessons are designed to be taken in order, they each make sense on their own too, so feel free to jump in wherever looks the most interesting to you.

Part 1 - beginner tutorials - Replit features

The first part of the series teaches you to use specific Replit features. You'll learn how to use Replit for everything from solving basic maths problems to building production grade software, integrating with other tools like GitHub.

Part 2 - intermediate tutorials - building fun and useful projects

In the second part of the series, you'll work through a set of projects, including chatbots, games, and more. We are constantly expanding these, so feel free to let us know if there are any topics you want to see included.

Video introduction

You can also see the very first tutorial - an introduction to Replit - in video-form below.

Part 1: beginner tutorials - Replit features

In this section of the course, you'll learn the basic of Replit. But that doesn't mean you won't build some fun stuff along the way.

Lesson 1: Introduction to Replit and using the IDE

Learn the basics of the Replit IDE. Why use an online IDE and what are all those different panes? Build a simple program to solve your maths homework.

Lesson 2: Working with files using Replit

Computers were initially created to read and write files, and although we've come a long way files remain central to everything we do. Learn how to create them, read from them, write to them, and import and export them in bulk.

Lesson 3: Managing dependencies with Replit

No one is an island, and if you build software you'll build it on top of existing modules that others have written. Here we show you how to work with other people's code in a variety of ways: in many cases all you need to do is import antigravity and fly away.

Lesson 4: Data science: plotting and graphing

Data is only useful if it can be easily understood. Plots, charts, and graphs are the easiest way to know what's happening in the world around you. And did you know that data science is the sexiest job of the 21st century. Follow along to plot every city in the USA and find out if richer people live longer.

Lesson 5: Pair programming and using multiplayer

Did we mention that no one is an island? Coders don't have to work alone. You can invite your friends to code along with you, a technique used by beginners and experts alike. Learn how to code collaboratively, as if you were using a Google Doc.

Lesson 6: Running projects from GitHub

Most open source software lives on GitHub and it's easy to take advantage of all of this free software by pulling code from GitHub to Replit and running it with one click. Some software needs to be configured in specific ways so you'll also learn how to modify what happens when you press that big green "run" button.

Lesson 7: Building a game with PyGame

Do you want to develop games? Of course, you can do that with Replit to. We'll build a 2D juggling game using PyGame in this lesson and you'll learn more about graphics programming at the same time: sprites, physics, and more.

Lesson 8: Can you keep a secret? What about from time travellers?

Have you been hacked? It's only a matter of time if you haven't. Learn how to keep your secrets safe, even when coding in public spaces. Pro tip: if you accidentally paste a password into your code and then remove it, others might still find it in your history, so you'll learn how to navigate that too.

Lesson 9: Building a web application with TDD

It's time to put everything we have learned together. You'll build a full web application: backend, frontend and database, using Flask. And we'll follow test-driven-development best-practices along the way so you can be sure your code does what you think it does.

Lesson 10: Become an elite hacker with productivity hacks

Have you seen the Matrix? Learn to be the Neo of coding by getting more than one cursor, using keyboard shortcuts, and all of the other productivity features that Replit offers. You'll be soon producing more code in less time.

Lesson 11: Keeping your data in check with the Replit database

Now that you are starting to build larger and more complicated applications, it is time to start using databases to keep your data clean and secure.

Lesson 12: Repl audio - control (or create) your music with code

Find, download, play, and control the volume of your music, all in code. If that's not enough, create your own music too.

This is the part where you realize that the possibilities are endless while you learn how to control your music with code.

Part 2 - Build your own projects

Lesson 13: Steganography - hiding messages in images

Share secret messages with your friends by hiding them inside images with steganography, Python and Replit.

Lesson 14: 2D platform game with PyGame and Replit

Build a fun 2D platform game while learning all about Python game development. It's is easily expandable with endless possibilities so let your imagination run wild!

Lesson 15: Building a Chat App with Node.js and Replit

Build a Replit-to-Replit chat app - one server will coordinate between multiple clients so you can chat oldschool style (in the terminal) with your friends.

Lesson 16: Build a static site generator in Python

Build your own static site generator to build a custom blog from scratch.

Lesson 17: Build a predictive text engine

Build an autocomplete bot that can generate its own sentences.

Lesson 18: Telegram Notes Bot

Take notes on Telegram and have a bot automatically publish them to a web application.

Lesson 19: Build a Snake Game with PyGame

Revisit PyGame again to build the classic Snake game.

Lesson 20: Build Your Online Store's Checkout Process with Stripe

Build an online store and integrate Stripe's checkout process.

Lesson 21: Build a Snake Game with Kaboom.js

Build the classic Snake game while learning all about Kaboom.js game development.

Lesson 22: Build a Personal Stock Market dashboard

Build a single-page web dashboard for tracking your stock portfolio.

Lesson 23: Building Asteroids Game with Kaboom.js

Revisit Kaboom.js again to build the classic Asteroids game.

Lesson 24: Build a Space Shooter Game with Kaboom.js

Continue to learn about Kaboom.js by building a Space Shooter game with a platformer feel.

Lesson 25: Building a pseudo-3D game with Kaboom.js

Learn how to leverage early game design techniques to build a pseudo-3D game in a 2D game engine like Kaboom.js.

Lesson 26: Generate PDF reports from spreadsheet data

Build a web application that takes in data from spreadsheets and use it to create slick PDF reports.

Lesson 27: Building tic-tac-toe with WebSocket and Kaboom.js

Build a 2-player online tic-tac-toe game using a Node.js server, Socket.IO for realtime gameplay across the internet and Kaboom.js as the game engine.

Lesson 28: Build a team technical challenge website with replit.web

Learn how to use the replit.web framework to build a leaderboard website for an online technical challenge in the vein of Advent of Code or Hackasat.

Lesson 29: Build a paid content site with replit.web and Stripe

Revisit the replit.web framework and combine it with Stripe to build a digital content storefront.

Lesson 30: Building with Nix on Replit

Learn how to leverage the power of Nix on Replit, to run third-party programs, build a production-grade web stack, with a database and support for multiple web servers or to write programs in a language not officially supported on Replit.

Lesson 31: Build an email news digest app with Nix, Python and Celery

Revisit Nix on Replit to build a multi component app that allows users to subscribe to RSS and Atom feeds and receive scheduled emails with news updates.

Lesson 32: Building a Mario-like side-scroller with Kaboom.js

Learn more on the capabilities of the Kaboom game engine by building a Mario-like side-scroller game.

Other tutorials

Here are some other tutorials hosted on third-party sites.

Beginner web scraping with Python and Replit

Learn more about what web scraping is, how websites are built, and how to automatically scrape data from websites.

Building news word clouds using Python and Replit

Extending the beginner's web scraping tutorial, you'll build a more advanced scraper that extracts the plain text from news articles, stripping away the 'boilerplate' content, such as text in sidebars.

Building a Discord Bot with Python and Replit

Build an echo bot using the Discord API. Your bot will always respond with exactly what you send it, but you can customize it afterwards to do something more useful.

Building a Discord bot with Node.js and Replit

A NodeJS version of the Discord bot tutorial above. Even if you prefer Python, it's good to go through this one too to get experience with other languages.

Creating and hosting a basic web application with Django and Replit

Build a django web application and host it with Replit. You'll use geolocation a weather API to show the user their local weather forecast.

Building a CRM app with NodeJS, Replit, and MongoDB

Another web application, but using NodeJS instead of Django. This is a different application where you'll build a basic app to manage customer information.

Introduction to Machine Learning with Python and Replit

Build a machine-learning based text classifier. We skip the maths but show how you can use machine learning libraries to implement useful solutions without in-depth theoretical knowledge.

Quicksort tutorial: Python implementation with line by line explanation

Whether you're applying for jobs or just like algorithms, it's useful to understand how sorting works. In real projects, most of the time you'll just call .sort(), but here you'll build a sorter from scratch and understand how it works.

Spotify API project 1: Simple online mixtape

During this hands-on tutorial you'll learn how to use Python to:

  • collect data from web-based APIs
  • create a data-driven web application

You'll be working with the Spotify API to complete your own web app, using the MixTape template and Replit database. Here's a completed example.

Spotify API project 2: Song seeder and analytics web app

This tutorial follows on from the MixTape tutorial

  • Object-oriented programming (creating classes and methods)
  • Processing, aggregating and analysing data using pandas
  • Data visualisation using chartify (a package based on bokeh)

Here's an example of the finished app.