## 3.2.1 Über MakeCode

⚠️ **Die folgenden Anweisungen gelten für das Windows-System (im Google Chrome- oder Microsoft Edge-Browser), können aber auch als Referenz dienen, wenn Sie ein anderes System verwenden.**

**MakeCode-Programmierung:**

Öffnen Sie die Online-Version von Makecode: [https://makecode.microbit.org/](https://makecode.microbit.org/)

MakeCode:

![Img](./media/A637.png)

Im Code-Editor-Bereich gibt es immer zwei Blöcke, “**on start**” und “**forever**”. **Nach dem Einschalten/Reset läuft der Code in “on start” einmal, während der Code in “forever” in einer Schleife ausgeführt wird.**

Klicken Sie auf “**JS JavaScript**”, um die JavaScript-Sprache zu prüfen.

![Img](./media/A754.png)

Klicken Sie auf den Pfeil, um zur Sprache “**Python**” zu wechseln.

![Img](./media/A814.png)

**Wählen Sie die Sprache der Oberfläche:**

![Img](./media/Animation-3.gif)

Detaillierte Schritte:

(1) Klicken Sie auf Einstellungen:

![Img](./media/A301.png)

(2) Klicken Sie auf “Language”:

![Img](./media/A302.png)

(3) Wählen Sie eine Ihnen vertraute Sprache. Hier stellen wir sie auf “English”.

![Img](./media/A303.png)

## 3.2.2 MakeCode-Erweiterungen

### 3.2.2.1 Eine Erweiterung hinzufügen

⚠️ **Wir stellen Ihnen die Hexadezimal-Code-Dateien (.hex) für jedes Projekt zur Verfügung. Sie können eine davon direkt in MakeCode importieren oder die Code-Blöcke manuell erstellen. Bei letzterer Methode müssen Bibliotheksdateien hinzugefügt werden.**

⚠️ **<span style="color: rgb(255, 76, 65);">Hinweis:</span>** Suchen Sie diesen Link auf der Erweiterungsseite: `https://github.com/keyestudio/pxt-environment-kit-master`

![Img](./media/Animation-4.gif)

Detaillierte Schritte:

1\. Öffnen Sie MakeCode und klicken Sie auf ![Img](./media/A806.png)(Einstellungen), um zu den “**Extensions**” zu gelangen.

![Img](./media/A842.png)

Oder klicken Sie oben unter **Advanced** auf “**Extensions**”.

![Img](./media/A900.png)

2\. Suchen Sie nach Stichwörtern oder dem GitHub-Link der Erweiterung, die Sie laden möchten.

![Img](./media/A909.png)

3\. Hier suchen wir nach: `https://github.com/keyestudio/pxt-environment-kit-master`. Klicken Sie ![Img](./media/A3257.png) und Sie sehen “**Environment-and-Science**”

![Img](./media/A306.png)

4\. Laden Sie sie.

![Img](./media/A3316.png)

5\. Geladen:

![Img](./media/A335.png)

### 3.2.2.2 Erweiterungen aktualisieren/löschen

⚠️ **Unter normalen Umständen müssen Erweiterungen, nachdem sie hinzugefügt wurden, nicht gelöscht werden. Der folgende Abschnitt dient nur dazu, zu zeigen, wie man unnötige Erweiterungen entfernt.**

![Img](./media/Animation-4.gif)

Detaillierter Schritt:

1\. Klicken Sie auf “**JavaScript**”, um in den Textcode zu wechseln.

![Img](./media/A724.png)

2\. Klicken Sie auf “**Explorer**”.

![Img](./media/A749.png)

3\. Finden Sie “**Environment-and-Science**” und klicken Sie ![Img](./media/A813.png), um es zu löschen.

![Img](./media/A824.png)

4\. “**Remove it**”.

![Img](./media/A727.png)

## 3.2.3 MakeCode-Code herunterladen

### 3.2.3.1 Code importieren

Hier nehmen wir das Projekt "**heartbeat**" als Beispiel, um zu zeigen, wie man Code in MakeCode importiert.

![Img](./media/Animation-2.gif)

Detaillierte Schritte:

1\. Verbinden Sie das Board über ein USB-Kabel mit dem Computer.

![Img](./media/A800.png)

Wenn die rote LED auf der Rückseite des Boards leuchtet, bedeutet das, dass das Board mit Strom versorgt wird. Wenn Ihr Computer über das USB-Kabel mit dem Mainboard kommuniziert, blinkt die gelbe LED.

Dann erscheint das micro:bit-Board auf Ihrem Computer als Laufwerk mit dem Namen “MICROBIT”. Bitte beachten Sie, dass es sich dabei nicht um ein gewöhnliches USB-Laufwerk handelt, wie unten gezeigt.

![Img](./media/A849.png)

2\. Öffnen Sie die Web-Version von MakeCode oder die Windows 10 APP zum Programmieren und klicken Sie auf “**Import**”.

![Img](./media/A956.png)

3\. “**Import File...**”

![Img](./media/A042.png)

4\. “**Choose File**”.

![Img](./media/A06.png)

5\. Wählen Sie die Code-Datei, die Sie öffnen möchten. Hier wählen wir “**heartbeat.hex**”.

![Img](./media/A28.png)

6\. “**Go ahead √**”, um sie in MakeCode zu importieren.

![Img](./media/A149.png)

Außerdem können Sie die Datei auch direkt in MakeCode ziehen.

![Img](./media/A202.png)

7\. Importiert:

![Img](./media/A217.png)

### 3.2.3.2 Code herunterladen (WebUSB)

Wenn WebUSB von **Google Chrome**/**Microsoft Edge** aktiviert ist, können Sie über die Online-Webseite direkt auf Ihr micro USB-Hardwaregerät zugreifen. Daher können Sie einfach auf “**Download**” klicken, um den Code auf das micro:bit-Board herunterzuladen.

![Img](./media/Animation.gif)

Detaillierte Schritte:

#### 3.2.3.2.1 Geräte koppeln

1\. Verbinden Sie das Board über ein USB-Kabel mit dem Computer.

![Img](./media/A951.png)

2\. Klicken Sie auf “**...**” und “**Connect device**”.

![Img](./media/A028.png)

3\. “**Next**”.

![Img](./media/A046.png)

4\. “**Pair**”.

![Img](./media/A104.png)

5\. Wählen Sie das entsprechende “**device**” und klicken Sie auf “**Connect**”.

![Img](./media/A127.png)

6\. “**Done**”.

![Img](./media/A144.png)

#### 3.2.3.2.2 Programm herunterladen

Nach der Verbindung klicken Sie auf “**Download**” ![Img](./media/A212.png) und es ändert sich zu ![Img](./media/A220.png).

![Img](./media/A232.png)

⚠️ **ACHTUNG:**

Wenn kein Gerät zur Auswahl steht, lesen Sie bitte den folgenden Link zur Fehlerbehebung:

[https://makecode.microbit.org/device/usb/webusb/troubleshoot](https://makecode.microbit.org/device/usb/webusb/troubleshoot)

Wenn Ihr micro:bit-Board seine Firmware aktualisieren muss, siehe bitte:

[https://microbit.org/guide/firmware/](https://microbit.org/guide/firmware/)

### 3.2.3.3 Code herunterladen (non-WebUSB)

1\. Verbinden Sie das Board über ein USB-Kabel mit dem Computer.

![Img](./media/A800.png)

Wenn die rote LED auf der Rückseite des Boards leuchtet, bedeutet das, dass das Board mit Strom versorgt wird. Wenn Ihr Computer über das USB-Kabel mit dem Mainboard kommuniziert, blinkt die gelbe LED.

Dann erscheint das micro:bit-Board auf Ihrem Computer als Laufwerk mit dem Namen “MICROBIT”. Bitte beachten Sie, dass es sich dabei nicht um ein gewöhnliches USB-Laufwerk handelt, wie unten gezeigt.

![Img](./media/A849.png)

2\. Wenn Sie den Code in einem anderen Browser importiert haben, gehen Sie bitte wie folgt vor:

![Img](./media/Animations-1.gif)

Detaillierte Schritte:

① Klicken Sie auf “**Download**”, um eine “**.hex**”-Datei zu speichern (ein Format, das vom micro:bit gelesen werden kann). Kopieren Sie diese anschließend auf das micro:bit-Laufwerk.

Für Windows können Sie es auch über “**Send to → MICROBIT**” auswählen, um die “**.hex**” auf das micro:bit zu kopieren. Während dieses Vorgangs blinkt die gelbe Anzeige auf der Rückseite des Boards. Wenn der Vorgang abgeschlossen ist, hört die Lampe auf zu blinken und bleibt an.

![Img](./media/A319.png)

![Img](./media/A449.png)

Oder ziehen Sie die “**.hex**” direkt in MICROBIT.

![Img](./media/A341.png)

![Img](./media/A345.png)

② Nachdem Sie den Code auf das micro:bit-Board hochgeladen haben, zeigt die eingebaute 5×5-LED-Matrix ![Img](./media/A903.png) und ![Img](./media/A910.png) in einer Schleife an.

![Img](./media/A22.png)

⚠️ **Tipp 1:** Für Windows-10-Systeme können Sie auch die MakeCode Windows 10 App wählen. Klicken Sie auf [Get Windows 10 App](https://apps.microsoft.com/detail/9nmqdq2xzkwk?hl=en-gb&gl=CN) zum Programmieren, und klicken Sie dann einfach auf “**Download**”, um den Code auf dem micro:bit-Board zu speichern.

⚠️ **Tipp 2:** Jedes Mal, wenn Sie programmieren, wird das MICROBIT-Laufwerk automatisch eingeblendet und wieder ausgeblendet, aber die hexadezimale (.hex)-Datei, die Sie darauf kopiert haben, wird nicht angezeigt. Das Board empfängt und führt nur die zuletzt hochgeladene Datei (.hex) aus, speichert sie jedoch nicht!