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
If you prefer video, here's a quick start walkthrough, or read the text tutorials below.
Part 1: beginner tutorials - Replit features
In this section of the course, you'll learn the basics of Replit. But that doesn't mean you won't build some fun stuff along the way.
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.
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.
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.
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.
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.
Building a game with PyGame
Do you want to develop games? Of course, you can do that with Replit too. 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.
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.
Creating a name-splitting application using test driven development
Build a system to split users' names into first name and last name. We'll follow test-driven-development best-practices along the way so you can be sure your code does what you think it does.
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.
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.
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
Steganography - hiding messages in images
Share secret messages with your friends by hiding them inside images with steganography, Python and Replit.
2D platform game with PyGame and Replit
Build a fun 2D platform game while learning all about Python game development. It's easily expandable with endless possibilities so let your imagination run wild!
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 old-school style (in the terminal) with your friends.
Build a static site generator in Python
Build your own static site generator to build a custom blog from scratch.
Build a predictive text engine
Build an autocomplete bot that can generate its own sentences.
Telegram Notes Bot
Take notes on Telegram and have a bot automatically publish them to a web application.
Build a Snake Game with PyGame
Revisit PyGame again to build the classic Snake game.
Build Your Online Store's Checkout Process with Stripe
Build an online store and integrate Stripe's checkout process.
Build a Snake Game with Kaboom.js
Build the classic Snake game while learning all about Kaboom.js game development.
Build a Personal Stock Market dashboard
Build a single-page web dashboard for tracking your stock portfolio.
Building Asteroids Game with Kaboom.js
Revisit Kaboom.js again to build the classic Asteroids game.
Build a Space Shooter Game with Kaboom.js
Continue to learn about Kaboom.js by building a Space Shooter game with a platformer feel.
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.
Generate PDF reports from spreadsheet data
Build a web application that takes in data from spreadsheets and use it to create slick PDF reports.
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 real time gameplay across the internet and Kaboom.js as the game engine.
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.
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.
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.
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.
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.
Build an escrow contract on the Ethereum blockchain with Solidity and Replit
Learn more on developing Ethereum smart contracts using the Solidity programming language on Replit and deploying the contracts to a blockchain.
Creative coding with Replit
Explore the tools provided by Replit for creating graphics, 3D worlds, games, sounds, and other more creative things.
Build Flappy Bird with Kaboom
Revisit the Kaboom game engine on Replit by building a Flappy Bird game.
Build a physics playground with Kaboom
Explore the advanced usage of the Kaboom game development framework by building a 2D Physics engine.
Build a block-breaking game with Kaboom
Revisit the Kaboom game engine on Replit by building a block-breaking game similar to classics like Atari's Breakout and Taito's Arkanoid.
Rendering 3D scenes with three.js
Learn how to render 3D scenes with three.js to make websites using 3D elements and advanced animations, or even complex 3D games.
Two-Player Wordle Clone Python Rich
Build a command line variant of the popular Wordle game for two players, similar to hangman.
Host Your Startup's Blog On Replit With Hugo and Nix
See how to host a basic Blog on Replit, using Hugo as a static site generator.
Build Space Invaders With Kaboom
Build the classic game Space Invaders, using Kaboom.
Build A Robot Nft
Create your first artwork NFTs on the Replit test net.
Build A Robot Nft P2
Deploy the NFTs that you created in part 1.
Build Smart Contract Oracle
Learn about advanced smart-contract features like oracles and build your own on the Replit test net.
Game Of Life Kaboom
Build Game of Life with Kaboom - a 'game' that shows off how powerful simple procedural programming can be.
Discord Role Bot
Build an advanced Discord bot that can assign roles to people in your community.
3D Obstacle Avoiding Game With Three.js
Build a 3D game with ThreeJS where you have to avoid the oncoming obstacles.
Other tutorials
Here are some other tutorials hosted on the blog and third-party sites.
Setting Up Your Own Mastodon Instance with Replit
Learn how to install and host a fullstack application on Replit as you follow along this tutorial to host Mastodon an open-source social networking software on Replit.
Deploying a Django application on replit
Learn how to deploy a Django application on Replit.
Using Replit and Google Sheets to Make a Simple Google Forms Alternative
Learn how to create a Python web application that lets you build dynamic forms to display different sections given specific conditions.
Getting Started with Rust on Replit
Build a guessing game whilst learning how to use Rust on Replit.
Getting Started with the SpaceTraders API on Replit
Learn how to use Replit to play SpaceTraders an online multiplayer game where you buy a spaceship, explore space, and set up trades.
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 afterward 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 onbokeh
)
Here's an example of the finished app.