index.html

---
layout: default
title: Tutorials 
i18n: en
---

<h1>Tutorials</h1>

<p class="lead">Each tutorial is like a self-contained lesson, explaining a
specific aspect of Mu so you have the skills needed to achieve your
learning and coding goals. Most of all, they're written to be both
educational and entertaining.</p>

<div class="row">
  <div class="col-sm-4 col-md-4">
    <div class="thumbnail">
      <a href="/en/tutorials/1.1/start">
      <img src="/img/en/tutorials/start.gif" alt="Start Here"
        class="img-responsive center-block img-rounded movie-light">
      </a>
      <div class="caption">
        <h3>Start Here!</h3>
        <p>All the basics you need to know to get started and help with first
        steps in using Mu. <strong>If you only read one thing, make it
        this!</strong></p>
        <p><a href="/en/tutorials/1.1/start" class="btn btn-primary"
           role="button">Read</a> Level: <strong>SUPER EASY</strong></p>
      </div>
    </div>
  </div>
  <div class="col-sm-4 col-md-4">
    <div class="thumbnail">
      <a href="/en/tutorials/1.1/modes">
      <img src="/img/en/tutorials/modes.png" alt="Using Modes"
        class="img-responsive center-block img-rounded movie-light">
      </a>
      <div class="caption">
        <h3>Using Modes</h3>
        <p>What are modes? How are they used in Mu? We show how
        modes help you make all sorts of fun and awesome projects.</p>
        <p><a href="/en/tutorials/1.1/modes" class="btn btn-primary"
           role="button">Read</a> Level: <strong>SUPER EASY</strong></p>
      </div>
    </div>
  </div>
  <div class="col-sm-4 col-md-4">
    <div class="thumbnail">
      <a href="/en/tutorials/1.1/files">
      <img src="/img/en/tutorials/where.png" alt="Files"
        class="img-responsive center-block img-rounded movie-light">
      </a>
      <div class="caption">
        <h3>Where are my Files?</h3>
        <p>Mu stores all your code in a special folder so it's always in 
        the right place. This tutorial explains where and how to find it.</p>
        <p><a href="/en/tutorials/1.1/files" class="btn btn-primary"
           role="button">Read</a> Level: <strong>SUPER EASY</strong></p>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-sm-4 col-md-4">
    <div class="thumbnail">
      <a href="/en/tutorials/1.1/python">
      <img src="/img/en/tutorials/python.png" alt="Python 3 Mode"
        class="img-responsive center-block img-rounded movie-light">
      </a>
      <div class="caption">
        <h3>Using Standard Python3</h3>
        <p><a href="http://python.org/">Python</a> is one of the world's most
        popular, powerful and easy to learn programming languages. This
        tutorial explains how to use Mu to write Python.</p>
        <p><a href="/en/tutorials/1.1/python" class="btn btn-primary"
           role="button">Read</a> Level: <strong>EASY</strong></p>
      </div>
    </div>
  </div>
  <div class="col-sm-4 col-md-4">
    <div class="thumbnail">
      <a href="/en/tutorials/1.1/adafruit">
      <img src="/img/en/tutorials/adafruit.gif" alt="Adafruit Mode"
        class="img-responsive center-block img-rounded movie-light">
      </a>
      <div class="caption">
        <h3>Adafruit Boards and Mu</h3>
        <p><a href="https://adafruit.com/">Adafruit</a> make amazing
        gizmos, circuit boards and mini-computers that run
        <a href="https://learn.adafruit.com/welcome-to-circuitpython/overview">CircuitPython</a>.
        This tutorial explains how it all works with Mu.</p>
        <p><a href="/en/tutorials/1.1/adafruit" class="btn btn-primary"
           role="button">Read</a> Level: <strong>EASY</strong></p>
      </div>
    </div>
  </div>
  <div class="col-sm-4 col-md-4">
    <div class="thumbnail">
      <a href="/en/tutorials/1.1/microbit">
      <img src="/img/en/tutorials/microbit.png" alt="BBC micro:bit Mode"
        class="img-responsive center-block img-rounded movie-light">
      </a>
      <div class="caption">
        <h3>Mu and micro:bit</h3>
        <p>The BBC <a href="http://microbit.org/">micro:bit</a> is a small
        thingamajig with buttons, lights and sensors. This tutorial shows how
        to use
        <a href="http://micropython.org/">MicroPython</a> to program it with
        Mu.</p>
        <p><a href="/en/tutorials/1.1/microbit" class="btn btn-primary"
           role="button">Read</a> Level: <strong>EASY</strong></p>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-sm-4 col-md-4">
    <div class="thumbnail">
      <a href="/en/tutorials/1.1/pgzero">
      <img src="/img/en/tutorials/pygame.gif" alt="Writing Games with Pygame Zero"
        class="img-responsive center-block img-rounded movie-light">
      </a>
      <div class="caption">
        <h3>Games with Pygame Zero</h3>
        <p>Writing computer games is super easy and lots of fun with the amazing
        <a href="https://pygame-zero.readthedocs.io/en/stable/">Pygame Zero</a>
        and Mu. This tutorial gets you started.</p>
        <p><a href="/en/tutorials/1.1/pgzero" class="btn btn-primary"
           role="button">Read</a> Level: <strong>EASY</strong></p>
      </div>
    </div>
  </div>
  <div class="col-sm-4 col-md-4">
    <div class="thumbnail">
      <a href="/en/tutorials/1.1/web">
      <img src="/img/en/tutorials/www.png" alt="Create Web Apps"
        class="img-responsive center-block img-rounded movie-light">
      </a>
      <div class="caption">
        <h3>Create Web Applications</h3>
        <p>Everyone uses websites like Google, Amazon, Facebook and
        Twitter. This tutorial shows you how to create your own site with
        Mu and Python.</p>
        <p><a href="/en/tutorials/1.1/web" class="btn btn-primary"
           role="button">Read</a> Level: <strong>EASY</strong></p>
      </div>
    </div>
  </div>
  <div class="col-sm-4 col-md-4">
    <div class="thumbnail">
      <a href="/en/tutorials/1.1/esp">
      <img src="/img/en/tutorials/esp.gif" alt="An ESP board"
        class="img-responsive center-block img-rounded movie-light">
      </a>
      <div class="caption">
        <h3>MicroPython on ESP</h3>
        <p>ESP8266 and ESP32 boards are small, cheap and connect to the
        Internet. Both run <a href="https://micropython.org/">MicroPython</a>
        and work well with Mu.</p>
        <p><a href="/en/tutorials/1.1/esp" class="btn btn-primary"
           role="button">Read</a> Level: <strong>EASY</strong></p>
      </div>
    </div>
  </div>
</div>
  <div class="col-sm-4 col-md-4">
    <div class="thumbnail">
      <a href="/en/tutorials/1.1/rp2040">
      <img src="/img/en/tutorials/rp2040_buttons.png" alt="rp2040 Mu Buttons"
        class="img-responsive center-block img-rounded movie-light">
      </a>
      <div class="caption">
        <h3>Raspberry Pi Pico and rp2040</h3>
        <p>The Raspberry Pi Foundation makes the rp2040 chipset, used in
          boards like the Pico and Pico W. Both run <a href="https://micropython.org/">MicroPython</a>
        and work well with Mu.</p>
        <p><a href="/en/tutorials/1.1/rp2040" class="btn btn-primary"
           role="button">Read</a> Level: <strong>EASY</strong></p>
      </div>
    </div>
  </div>
<div class="row">
  <div class="col-sm-4 col-md-4">
    <div class="thumbnail">
      <a href="/en/tutorials/1.1/repl">
      <img src="/img/en/tutorials/repl.png" alt="A Jupyter REPL"
        class="img-responsive center-block img-rounded movie-light">
      </a>
      <div class="caption">
        <h3>What is a REPL?</h3>
        <p>A REPL (Read, Evaluate, Print, Loop) is a super
        powerful way to talk directly with your computer in Python code. This
        tutorial shows you how.</p>
        <p><a href="/en/tutorials/1.1/repl" class="btn btn-primary"
           role="button">Read</a> Level: <strong>INTERMEDIATE</strong></p>
      </div>
    </div>
  </div>
  <div class="col-sm-4 col-md-4">
    <div class="thumbnail">
      <a href="/en/tutorials/1.1/debugger">
      <img src="/img/en/tutorials/debugger.png" alt="The Debugger"
        class="img-responsive center-block img-rounded movie-light">
      </a>
      <div class="caption">
        <h3>The Visual Debugger</h3>
        <p>The debugger lets you run Python3 code, stop it while
        it's running, look at the state of your program and step through the
        code one line at a time.</p>
        <p><a href="/en/tutorials/1.1/debugger" class="btn btn-primary"
           role="button">Read</a> Level: <strong>INTERMEDIATE</strong></p>
      </div>
    </div>
  </div>
  <div class="col-sm-4 col-md-4">
    <div class="thumbnail">
      <a href="/en/tutorials/1.1/plotter">
      <img src="/img/en/tutorials/plot.gif" alt="Plotting Data with Mu"
        class="img-responsive center-block img-rounded movie-light">
      </a>
      <div class="caption">
        <h3>Plotting Data with Mu</h3>
        <p>Programs generate data. Data can be plotted in ways that make it
        easy to understand. This tutorial explains how Mu's simple built-in
        plotter works.</p>
        <p><a href="/en/tutorials/1.1/plotter" class="btn btn-primary"
           role="button">Read</a> Level: <strong>INTERMEDIATE</strong></p>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-sm-4 col-md-4">
    <div class="thumbnail">
      <a href="/en/tutorials/1.1/pypi">
      <img src="/img/en/tutorials/pypi.png" alt="Plotting Data with Mu"
        class="img-responsive center-block img-rounded movie-light">
      </a>
      <div class="caption">
        <h3>Install Python Packages</h3>
        <p>Python has a HUGE number of packages of useful reusable code.
        This tutorial explains how to install them with Mu via the
        <a href="https://pypi.org/">Python Package Index</a> (PyPI).</p>
        <p><a href="/en/tutorials/1.1/pypi" class="btn btn-primary"
           role="button">Read</a> Level: <strong>INTERMEDIATE</strong></p>
      </div>
    </div>
  </div>
  <div class="col-sm-4 col-md-4">
    <div class="thumbnail">
      <a href="/en/tutorials/1.1/shortcuts">
      <img src="/img/en/tutorials/keyboard.png" alt="Keyboard Shortcuts"
        class="img-responsive center-block img-rounded movie-light">
      </a>
      <div class="caption">
        <h3>Keyboard Shortcuts</h3>
        <p>All the features of Mu can be activated with a keyboard shortcut
        so you don't need to move your hands from the keyboard to move a
        mouse.</p>
        <p><a href="/en/tutorials/1.1/shortcuts" class="btn btn-primary"
           role="button">Read</a> Level: <strong>ADVANCED(ish)</strong></p>
      </div>
    </div>
  </div>
  <div class="col-sm-4 col-md-4">
    <div class="thumbnail">
      <a href="/en/tutorials/1.1/logs">
      <img src="/img/en/tutorials/logs.png" alt="Logs and Configuration"
        class="img-responsive center-block img-rounded movie-light">
      </a>
      <div class="caption">
        <h3>Log Files and Configuration</h3>
        <p>Log files are a way to discover what Mu is doing in case
        anything goes wrong. It's also possible to configure some of Mu's
        behaviour.</p>
        <p><a href="/en/tutorials/1.1/logs" class="btn btn-primary"
           role="button">Read</a> Level: <strong>ADVANCED(ish)</strong></p>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-sm-4 col-md-4">
    <div class="thumbnail">
      <a href="/en/tutorials/1.1/problems">
      <img src="/img/en/tutorials/problem.png" alt="Problems"
        class="img-responsive center-block img-rounded movie-light">
      </a>
      <div class="caption">
        <h3>I've Found a Problem</h3>
        <p>As you'll see, computers mostly don't work. This tutorial shows you
        what to do with Mu when your code fails or, shock/horror, if Mu
        breaks.</p>
        <p><a href="/en/tutorials/1.1/problems" class="btn btn-primary"
           role="button">Read</a> Level: <strong>ADVANCED(ish)</strong></p>
      </div>
    </div>
  </div>
  <div class="col-sm-4 col-md-4">
    <div class="thumbnail">
      <a href="/en/tutorials/1.1/configuration">
      <img src="/img/en/tutorials/configuration.png" alt="Advanced Configuration"
        class="img-responsive center-block img-rounded movie-light">
      </a>
      <div class="caption">
        <h3>Advanced Configuration</h3>
        <p>If you need greater control of the way Mu behaves or you'd like to
        change some of the default settings, this tutorial explains the easy
        steps involved.</p>
        <p><a href="/en/tutorials/1.1/configuration" class="btn btn-primary"
           role="button">Read</a> Level: <strong>ADVANCED(ish)</strong></p>
      </div>
    </div>
  </div>
  <div class="col-sm-4 col-md-4">
    <div class="thumbnail">
      <a href="/en/tutorials/1.1/moving-on">
      <img src="/img/en/tutorials/bye.gif" alt="Moving On"
        class="img-responsive center-block img-rounded movie-light">
      </a>
      <div class="caption">
        <h3>Moving on from Mu</h3>
        <p>Mu helps you get started, but there will come a time when you will
        outgrow it. This tutorial explains your potential next steps.</p>
        <p><a href="/en/tutorials/1.1/moving-on" class="btn btn-primary"
           role="button">Read</a> Level: <strong>ADVANCED(ish)</strong></p>
      </div>
    </div>
  </div>
</div>