## 3.2.1 Over MakeCode

⚠️ **De volgende instructies gelden voor het Windows-systeem (in Google Chrome of Microsoft Edge-browser), maar kunnen ook als referentie dienen als u een ander systeem gebruikt.**

**MakeCode-programmering:**

Open de online versie van MakeCode: [https://makecode.microbit.org/](https://makecode.microbit.org/)

MakeCode:

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

In het codebewerkingsgebied staan altijd twee blokken, “**on start**” en “**forever**”. **Na inschakelen/resetten wordt de code in “on start” één keer uitgevoerd, terwijl die in “forever” in een lus wordt uitgevoerd.**

Klik op “**JS JavaScript**” om JavaScript te bekijken.

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

Klik op de pijl om over te schakelen naar de **Python**-taal.

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

**Selecteer de taal van de interface:**

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

Gedetailleerde stappen:

(1) Klik op instellingen:

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

(2) Klik op “Taal”:

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

(3) Kies een taal waarmee u vertrouwd bent. Hier stellen we het in op “English”.

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

## 3.2.2 MakeCode-extensies

### 3.2.2.1 Een extensie toevoegen

⚠️ **We leveren hexadecimale codebestanden (.hex) van elk project. U kunt er direct een importeren in MakeCode of de codeblokken handmatig opbouwen. Voor die laatste methode moeten bibliotheekbestanden worden toegevoegd.**

⚠️ **<span style="color: rgb(255, 76, 65);">Opmerking:</span>** Zoek deze link op de extensiepagina: `https://github.com/keyestudio/pxt-environment-kit-master`

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

Gedetailleerde stappen:

1\. Open MakeCode en klik op ![Img](./media/A806.png) (instellingen) om “**Extensies**” te openen.

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

Of klik op “**Extensies**” boven **Geavanceerd**.

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

2\. Zoek naar trefwoorden of de GitHub-link van de extensie die u wilt laden.

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

3\. Zoek hier naar: `https://github.com/keyestudio/pxt-environment-kit-master`. Klik op ![Img](./media/A3257.png) en u ziet “**Environment-and-Science**”

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

4\. Laad deze. 

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

5\. Geladen:

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

### 3.2.2.2 Extensies bijwerken/verwijderen

⚠️ **Onder normale omstandigheden hoeft u, nadat extensies zijn toegevoegd, ze niet te verwijderen. Het volgende gedeelte is alleen om te leren hoe u onnodige extensies kunt verwijderen.**

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

Gedetailleerde stap:

1\. Klik op “**JavaScript**” om over te schakelen naar tekstcode.

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

2\. Klik op “**Explorer**”.

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

3\. Zoek “**Environment-and-Science**” en klik op ![Img](./media/A813.png) om deze te verwijderen.

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

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

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

## 3.2.3 MakeCode-code downloaden

### 3.2.3.1 Code importeren

Hier gebruiken we het project "**heartbeat**" als voorbeeld om uit te leggen hoe u code naar MakeCode importeert.

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

Gedetailleerde stappen:

1\. Verbind de micro:bit met de computer via de USB-kabel.

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

Als de rode LED aan de achterkant van het board brandt, betekent dit dat het board van stroom wordt voorzien. Wanneer uw computer via de USB-kabel met de hoofdboard communiceert, knippert de gele LED. 

Vervolgens verschijnt de micro:bit op uw computer als een schijf met de naam “MICROBIT”. Houd er rekening mee dat het geen gewone USB-schijf is, zoals hieronder weergegeven.

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

2\. Open de webversie van MakeCode of de Windows 10-app om te programmeren, en klik op “**Import**”.

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

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

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

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

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

5\. Kies het codebestand dat u wilt openen. Hier kiezen we “**heartbeat.hex**”.

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

6\. Klik op “**Go ahead √**” om het in MakeCode te importeren.

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

Daarnaast kunt u het bestand ook direct naar MakeCode slepen.

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

7\. Geïmporteerd:

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

### 3.2.3.2 Code downloaden (WebUSB)

Als WebUSB in **Google Chrome**/**Microsoft Edge** is ingeschakeld, kunt u rechtstreeks toegang krijgen tot uw micro-USB-hardwareapparaat via de online webpagina. U kunt daarom gewoon op “**Download**” klikken om de code naar de micro:bit te downloaden.

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

Gedetailleerde stappen:

#### 3.2.3.2.1 Apparaten koppelen

1\. Verbind de micro:bit met de computer via de USB-kabel.

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

2\. Klik op “**...**” en op “**Connect device**”.

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

3\. “**Next**”.

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

4\. “**Pair**”.

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

5\. Selecteer het overeenkomstige “**device**” en klik op “**Connect**”.

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

6\. “**Done**”.

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

#### 3.2.3.2.2 Programma downloaden

Na verbinding klikt u op “**Download**”![Img](./media/A212.png) en dit verandert in ![Img](./media/A220.png).

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

⚠️ **LET OP:**

Als er geen apparaat is om uit te kiezen, raadpleeg dan de volgende link voor het oplossen van problemen:

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

Als uw micro:bit board zijn firmware moet bijwerken, raadpleeg dan:

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

### 3.2.3.3 Code downloaden (niet-WebUSB)

1\. Verbind de micro:bit met de computer via de USB-kabel.

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

Als de rode LED aan de achterkant van het board brandt, betekent dit dat het board van stroom wordt voorzien. Wanneer uw computer via de USB-kabel met de hoofdboard communiceert, knippert de gele LED. 

Vervolgens verschijnt de micro:bit op uw computer als een schijf met de naam “MICROBIT”. Houd er rekening mee dat het geen gewone USB-schijf is, zoals hieronder weergegeven.

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

2\. Als u de code in een andere browser importeert, volg dan het volgende:

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

Gedetailleerde stappen:

① Klik op “**Download**” om een “**.hex**” bestand op te slaan (een formaat dat door de micro:bit kan worden gelezen). Daarna kopieert en plakt u het naar de micro:bit. 

Voor Windows kunt u het ook selecteren en kiezen voor “**Send to → MICROBIT**” om het “**.hex**” naar de micro:bit te kopiëren. Tijdens dit proces knippert de gele indicator aan de achterkant van het board. Wanneer het klaar is stopt het knipperen en blijft het lampje aan.

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

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

Of sleep het “**.hex**” direct naar MICROBIT.

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

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

② Nadat u de code naar de micro:bit hebt geüpload, toont de ingebouwde 5×5 LED-matrix afwisselend ![Img](./media/A903.png) en ![Img](./media/A910.png).

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

⚠️ **Tip 1:** Voor Windows 10 kunt u ook kiezen voor de MakeCode Windows 10-app. Klik op [Get Windows 10 App](https://apps.microsoft.com/detail/9nmqdq2xzkwk?hl=en-gb&gl=CN) om te programmeren, en klik vervolgens op “**Download**” om de code op de micro:bit op te slaan.

⚠️ **Tip 2:** Elke keer dat u programmeert verschijnt de MICROBIT-schijf automatisch kort en verdwijnt weer, maar het hexadecimale(**.hex**) bestand dat u ernaar hebt gekopieerd wordt niet weergegeven. Het board ontvangt en voert alleen het laatst geüploade bestand(**.hex**) uit, maar slaat het niet op!