## 3.2.1 Acerca de MakeCode

⚠️ **Las siguientes instrucciones se aplican al sistema Windows (en el navegador Google Chrome o Microsoft Edge) pero también pueden servir como referencia si está utilizando un sistema diferente.**

**Programación con MakeCode:**

Abra la versión en línea de Makecode: [https://makecode.microbit.org/](https://makecode.microbit.org/)

MakeCode:

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

En el área de edición de código, siempre hay dos bloques, “**on start**” y “**forever**”. **Después de encender/restablecer, el código en “on start” se ejecuta una vez, mientras que el de “forever” se ejecuta en bucle.**

Haga clic en “**JS JavaScript**” para ver el lenguaje JavaScript.

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

Haga clic en la flecha para cambiar al lenguaje “**Python**”.

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

**Seleccione el idioma de la interfaz:**

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

Pasos detallados:

(1) Haga clic en configuración:

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

(2) Haga clic en “Language”:

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

(3) Seleccione un idioma con el que se sienta familiarizado. Aquí lo configuramos en “English”.

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

## 3.2.2 Extensiones de MakeCode

### 3.2.2.1 Agregar una Extensión

⚠️ **Le proporcionamos archivos de código hexadecimal (.hex) de cada proyecto. Puede importar uno directamente en MakeCode o construir los bloques de código manualmente. Para este último método, es necesario agregar archivos de la librería.**

⚠️ **<span style="color: rgb(255, 76, 65);">Nota:</span>** Busque este enlace en la página de extensiones: `https://github.com/keyestudio/pxt-environment-kit-master`

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

Pasos detallados:

1\. Abra MakeCode y haga clic ![Img](./media/A806.png)(settings) para entrar en “**Extensions**”.

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

O haga clic en “**Extensions**” encima de **Advanced**.

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

2\. Busque las palabras clave o el enlace de GitHub de la extensión que desea cargar.

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

3\. Aquí busque: `https://github.com/keyestudio/pxt-environment-kit-master`. Haga clic ![Img](./media/A3257.png) y verá “**Environment-and-Science**”

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

4\. Cárguela.

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

5\. Cargada:

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

### 3.2.2.2 Actualizar/Eliminar Extensiones

⚠️ **En circunstancias normales, una vez agregadas las extensiones, no es necesario eliminarlas. La siguiente parte es solo para aprender cómo eliminar extensiones innecesarias.**

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

Paso detallado:

1\. Haga clic en “**JavaScript**” para cambiar al código en texto.

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

2\. Haga clic en “**Explorer**”.

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

3\. Busque “**Environment-and-Science**” y haga clic ![Img](./media/A813.png) para eliminarla.

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

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

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

## 3.2.3 Descarga de Código en MakeCode

### 3.2.3.1 Importar Código

Aquí tomamos el proyecto "**heartbeat**" como ejemplo para introducir cómo importar código a MakeCode.

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

Pasos detallados:

1\. Conecte la placa al ordenador mediante un cable USB.

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

Si el LED rojo en la parte posterior de la placa está encendido, eso significa que la placa está alimentada. Cuando su ordenador se comunique con la placa principal a través del cable USB, el LED amarillo de la placa parpadeará.

Entonces la placa micro:bit aparecerá en su ordenador como un controlador llamado “MICROBIT”. Tenga en cuenta que no es un disco USB ordinario como se muestra a continuación.

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

2\. Abra la versión web de MakeCode o la APP de Windows 10 para programar, y haga clic en “**Import**”.

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

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

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

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

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

5\. Elija el archivo de código que desea abrir. Aquí elegimos “**heartbeat.hex**”.

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

6\. “**Go ahead √**” para importarlo a MakeCode.

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

Además, también puede arrastrar directamente el archivo a MakeCode.

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

7\. Importado:

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

### 3.2.3.2 Descargar Código (WebUSB)

Si WebUSB de **Google Chrome**/**Microsoft Edge** está habilitado, puede acceder a su dispositivo de hardware micro USB directamente a través de la página web. Por lo tanto, puede simplemente hacer clic en “**Download**” para descargar el código a la placa micro:bit.

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

Pasos detallados:

#### 3.2.3.2.1 Emparejamiento de dispositivos

1\. Conecte la placa al ordenador mediante un cable USB.

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

2\. Haga clic en “**...**” y “**Connect device**”.

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

3\. “**Next**”.

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

4\. “**Pair**”.

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

5\. Seleccione el “**device**” correspondiente y “**Connect**”.

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

6\. “**Done**”.

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

#### 3.2.3.2.2 Descargar Programa

Después de la conexión, haga clic en “**Download**”![Img](./media/A212.png) y cambiará a ![Img](./media/A220.png).

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

⚠️ **ATENCIÓN:**

Si no hay ningún dispositivo para elegir, por favor consulte el siguiente enlace para solucionar problemas:

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

Si su placa micro:bit necesita actualizar su firmware, por favor consulte:

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

### 3.2.3.3 Descargar Código (sin WebUSB)

1\. Conecte la placa al ordenador mediante un cable USB.

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

Si el LED rojo en la parte posterior de la placa está encendido, eso significa que la placa está alimentada. Cuando su ordenador se comunique con la placa principal a través del cable USB, el LED amarillo de la placa parpadeará.

Entonces la placa micro:bit aparecerá en su ordenador como un controlador llamado “MICROBIT”. Tenga en cuenta que no es un disco USB ordinario como se muestra a continuación.

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

2\. Si importó el código en otro navegador, por favor siga:

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

Pasos detallados:

① Haga clic en “**Download**” para guardar un archivo “**.hex**” (un formato que puede ser leído por micro:bit). Después de eso, cópielo y péguelo en la placa micro:bit.

Para Windows, también puede seleccionarlo en “**Send to → MICROBIT**” para copiar el “**.hex**” al micro:bit. Durante este proceso, el indicador amarillo en la parte posterior de la placa parpadeará. Cuando termine, la luz deja de parpadear y permanece encendida.

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

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

O arrastre directamente el “**.hex**” a MICROBIT.

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

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

② Después de subir el código a la placa micro:bit, la matriz de LED 5×5 en la placa muestra ![Img](./media/A903.png) y ![Img](./media/A910.png) en bucle.

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

⚠️ **Consejo 1:** Para el sistema Windows 10, también puede elegir la App de MakeCode para Windows 10. Haga clic en [Get Windows 10 App](https://apps.microsoft.com/detail/9nmqdq2xzkwk?hl=en-gb&gl=CN) para programar, y luego simplemente haga clic en “**Download**” para guardar el código en la placa micro:bit.

⚠️ **Consejo 2:** Cada vez que programe, el disco MICROBIT aparecerá automáticamente y luego volverá a desaparecer, pero el archivo hexadecimal(**.hex**) que haya copiado en él no se mostrará. ¡La placa solo recibe y ejecuta el último archivo (**.hex**) cargado pero no lo almacena!