Aprenda los conceptos básicos de JavaScript con MakeCode - 💡 Fix My Ideas

Aprenda los conceptos básicos de JavaScript con MakeCode

Aprenda los conceptos básicos de JavaScript con MakeCode


Autor: Ethan Holmes, 2019

Sin lugar a dudas, una de las habilidades más valiosas en nuestro mundo moderno es poder programar.

Estamos rodeados de tecnología; Ser capaz de programarlo lo dobla a tu voluntad. Hay innumerables formas de comenzar a ser programador, pero pocas son tan emocionantes como trabajar con microcontroladores. Estos diminutos dispositivos informáticos le permiten interactuar con un mundo virtual y llegar al mundo físico.

Figura a

Lea los artículos de la revista aquí en Hacer:. ¿Aún no tienes una suscripción? Consigue uno hoy.

MakeCode, un nuevo entorno de codificación de Microsoft, no es el primer lenguaje de programación de bloques, pero es la mejor solución implementada que he visto. Estos idiomas no confían estrictamente en que el usuario conozca una extensa sintaxis específica, sino que les permite crear aplicaciones al apilar los comandos en una interfaz de arrastrar y soltar (Figura A).

Piensa en escribir código desde cero como ser un poeta; tienes todo el idioma inglés a tu disposición, pero encontrar las palabras correctas y hacerlas fluir es una habilidad que requiere tiempo y paciencia para dominar. Por otro lado, la programación en bloque es como la poesía magnética pegada al refrigerador de tu amigo. Incluso los asistentes a la fiesta más alegres pueden reunir uno o dos toques de lima de las palabras disponibles para alegrar los esfuerzos de limpieza de su anfitrión cuando se encuentran al día siguiente.

Figura b

Una de las numerosas características que ayuda a MakeCode a elevarse por encima del paquete es que no solo te deja atascado en la zona de bloques, sino que puedes alternar sin problemas hacia una ventana de código real. Cuando agrega un bloque al programa (Figura B) y cambia a la vista de código, la función equivalente se muestra en JavaScript (JS), el idioma detrás de MakeCode (Figura C). Por supuesto, si luego realiza cambios en ese código en JS y vuelve a la ventana de bloqueo, los bloques se actualizarán con estos cambios. Esta capacidad de flip-flop ayuda a los nuevos programadores a comenzar con los bloques, pero rápidamente captan la sintaxis JS que se puede usar para escribir aplicaciones fuera de MakeCode.

Figura c

JavaScript es una tecnología fundamental de la internet moderna. Permite a los desarrolladores escribir aplicaciones enriquecidas que no siempre tienen que confiar en el servidor para hacer la informática, pero permiten que parte del trabajo se realice localmente en el navegador. Gmail, Facebook, Makezine.com, incluso el sitio propio de MakeCode confían en JavaScript para poder funcionar. Para aquellos de ustedes que son programadores y desean "salir del nerd", el equipo de MakeCode incluso implementó un compilador que toma el código creado por el usuario y lo prepara para la placa de desarrollo elegida en JS, sin necesidad de volver al servidor .

Apoyo de la Junta

Diseñados para la computación física, hay algunos tableros que actualmente son compatibles con MakeCode, incluyendo el micro: bit BBC, Circuit Playground Express de Adafruit, el chip Chibi y la placa de desarrollo SAMD21 de SparkFun. Si bien la mayoría de estos sistemas están actualmente en versión beta, el micro: bit es el mejor compatible. Esta pequeña potencia de una tabla es ideal para comenzar. Mientras que su Arduino Uno estándar tiene un único LED controlable integrado, el micro: bit tiene una matriz de 5 × 5 LED, acelerómetro incorporado (movimiento y sacudida), magnetómetro (brújula y detector de metales), dos botones, sensores de luz y temperatura , e incluso la radio Bluetooth Low Energy. Todo esto en conjunto significa que se pueden completar muchos proyectos sin tener que enchufar otro componente.

La implementación de MakeCode es totalmente compatible con estos componentes y, en el caso de la radio, incluso agrega alguna funcionalidad a la placa, permitiendo que dos micro: bits se comuniquen entre sí sin pasar por el proceso de emparejamiento estándar requerido para la mayoría de los dispositivos Bluetooth. La combinación de MakeCode y micro: bit es fácil de comenzar y, sin embargo, es bastante potente; Cuando estaba seleccionando una plataforma para enseñar a 200 adolescentes de Arabia Saudita a trabajar con microcontroladores, elegí este par.

Comenzar con MakeCode y sus plataformas compatibles es fácil. No hay descargas, ni controladores, ni configuración real. MakeCode se ejecuta completamente en el navegador, por lo que solo necesita una conexión a Internet para usarlo. Gracias al simulador incorporado, ni siquiera necesita una placa real.

Haciendo código

Figura d

Vamos a probarlo. Primero, vaya a makecode.com y seleccione el tablero que desea usar. Usaré el micro: bit para todos los ejemplos aquí. Una vez que el nuevo proyecto esté abierto, una interfaz simple lo recibirá con un tablero de desarrollo simulado a la izquierda, una lista de comandos en el medio y una ventana de código que contiene sus primeros dos bloques a la derecha (Figura D). Estos bloques de inicio serán vagamente familiares para cualquiera que haya hecho alguna programación de Arduino antes; "Inicio" y "Para siempre" son el equivalente de MakeCode de "Inicio" y "Bucle", estas dos funciones son la base de cada aplicación. Cualquier código que se agregue al bloque de "Inicio" se ejecutará cada vez que se encienda, reinicie o reinicie el dispositivo. Esto facilita la adición de código que solo desea ejecutar una vez para cosas como configurar la posición inicial de un motor o encender un sensor. El bloque "Forever" se ejecuta después del inicio, pero se ejecuta una y otra vez sin detenerse hasta que el dispositivo se apaga o se reinicia (en ese momento se ejecutará el inicio, seguido de una vez más para siempre).

Al pasar el ratón sobre los bloques se ofrecen descripciones claras de sus funciones.

Agregar código a estos dos primeros bloques es tan simple como arrastrar y soltar. Entre la ventana de código y la simulación, encontrará los comandos para construir su aplicación. Estos se dividen en grupos de comandos similares. Para el micro: bit esto incluye Básico, Entrada, Música, LED, Radio, Bucles, Lógica, Variables, Matemáticas y Avanzado (lo dejaré para que lo explore por su cuenta). Si no encuentra el comando que está buscando en un grupo determinado, no olvide hacer clic en el botón "más". También recuerde desplazarse por las opciones, ya que algunas podrían estar ocultas de su pantalla.

Figura E. Crear secuencias de eventos anidando fragmentos de código.

En el micro: bit, MakeCode le permite acceder a la matriz de LED en una variedad de formas que le quitan mucho trabajo al usarla. No solo puede alternar cada LED individualmente, sino que también puede mostrar o desplazar palabras completas, oraciones e íconos a través de la matriz. Todo sin que el usuario necesite crear un búfer o controlar individualmente cada LED en la matriz (Figura E).

Cada categoría de función de código ofrece múltiples opciones para permitirle crear intrincadas creaciones de código.

Bloques de apilamiento

Los bloques de MakeCode se unen, apilando para hacer la aplicación final. Algunos bloques encajan dentro de otros y tienen formas que ayudan a indicar esto. Una queja que tengo es que a veces las formas de bloques son demasiado similares; es difícil saber qué bloque funcionará o no funcionará. Me encantaría un sistema en el que hacer clic en un bloque o en un zócalo vacío cambiará los elementos disponibles para mostrar solo aquellas opciones que se pueden usar con el elemento en el que se hizo clic. En mi opinión, esto sería muy similar a cómo funciona intellisense en las herramientas de desarrollo profesional de Microsoft.

Cada vez que se agrega un bloque o se cambia una variable, la ventana de simulación se actualiza automáticamente, mostrando cómo funcionará el código en el tablero. Me impresionó mucho la primera vez que me mostraron que no solo lo hará con los componentes de la placa, sino que también le mostrará cómo conectar componentes externos básicos para ayudar al usuario a aprender también a los circuitos. Imagino un futuro en el que se admitan más sensores y salidas, lo que le brinda al usuario una excelente manera de desarrollar su proyecto completo virtualmente antes de comprar una sola pieza de hardware.

¡MakeCode funciona muy bien en dispositivos móviles también!

Una vez completada, la aplicación compilada se puede descargar a su computadora o cargar directamente en el dispositivo. Los dispositivos compatibles con MakeCode aparecen como unidades de almacenamiento flash en su computadora, lo que significa que no requieren controladores para funcionar. Todo lo que se necesita para programar el propio dispositivo es copiar el archivo .hex que se descargó de la página al dispositivo mientras está conectado a USB. Arrastra, suelta, listo. El dispositivo comenzará a ejecutar el código que se copió en él.

Si tuviera que aprovechar alguna crítica real contra el sistema, sería que hace que el dispositivo no responda. Probablemente, esto sea algo que alguien nuevo en el uso de microcontroladores nunca notaría, pero para aquellos que están familiarizados con su capacidad de captura en tiempo real, el peso adicional de todo el código que facilita las cosas hace que el dispositivo final sea lento.

Foto de Hep Svadja.

panorama

Realmente espero que Microsoft se comprometa con MakeCode y continúe mejorándolo. Para aquellos de ustedes que están pensando en comenzar con los microcontroladores y especialmente aquellos de ustedes que son educadores y podrían estar trabajando con grupos grandes, denles una oportunidad a los bloques, podrían encontrar que les ayuden a construir los arquitectos de software del futuro.



Puede Que Le Interesen

Esta semana en preparación: AI Drone Pilot, el monstruo de Frankenstein reinventado y más

Esta semana en preparación: AI Drone Pilot, el monstruo de Frankenstein reinventado y más


Guardabarros y guardabarros para bicicletas de bricolaje - Transporte

Guardabarros y guardabarros para bicicletas de bricolaje - Transporte


Actualizaciones en vivo: Maker Faire Rome 2017

Actualizaciones en vivo: Maker Faire Rome 2017


4,000 millas en un barco de cartón de jugo casero

4,000 millas en un barco de cartón de jugo casero