En bloque

Biblioteca de JavaScript

Blockly es una biblioteca del lado del cliente para el lenguaje de programación JavaScript que permite crear lenguajes de programación visual (VPL) y editores basados ​​en bloques . Es un proyecto de Google y es un software gratuito y de código abierto publicado bajo la Licencia Apache 2.0 . ^[2] Normalmente se ejecuta en un navegador web y visualmente se parece al lenguaje Scratch .

Blockly utiliza bloques visuales que se vinculan entre sí para facilitar la escritura de código y puede generar código en JavaScript , Lua , Dart , Python o PHP . También se puede personalizar para generar código en cualquier lenguaje de programación textual . ^[3]

Historia

El desarrollo de Blockly comenzó en el verano de 2011. El primer lanzamiento público fue en mayo de 2012 en Maker Faire . Blockly fue diseñado originalmente como un reemplazo para OpenBlocks en App Inventor . ^[4] Neil Fraser comenzó el proyecto con Quynh Neutron, Ellen Spertus y Mark Friedman como colaboradores.

Interfaz de usuario

La interfaz gráfica de usuario (GUI) predeterminada del editor Blockly consta de una caja de herramientas, que contiene los bloques disponibles y donde el usuario puede seleccionar bloques, y un espacio de trabajo, donde el usuario puede arrastrar, soltar y reorganizar bloques. El espacio de trabajo también incluye, de forma predeterminada, íconos de zoom y una papelera para eliminar bloques. ^[5] El editor se puede modificar fácilmente para personalizar y limitar las funciones de edición y los bloques disponibles.

Personalización

Blockly incluye un conjunto de bloques visuales para operaciones comunes y se puede personalizar agregando más bloques. Los nuevos bloques requieren una definición de bloque y un generador. La definición describe la apariencia del bloque (interfaz de usuario) y el generador describe la traducción del bloque a código ejecutable. Las definiciones y los generadores se pueden escribir en JavaScript o utilizando un conjunto visual de bloques, Block Factory , que permite que los nuevos bloques se describan utilizando bloques visuales existentes; la intención es facilitar la creación de nuevos bloques.

Aplicaciones

Blockly se utiliza en varios proyectos destacados, entre ellos:

• Scratch del MIT , entorno de programación visual para educación ^[6]
• App Inventor del MIT , para crear aplicaciones para Android. ^[7]
• CoCo del MIT, sitio web de programación colaborativa visual para educación.
• Code.org , para enseñar programación introductoria a millones de estudiantes en su programa Hora del Código ^[8]
• MakeCode de Microsoft, "una plataforma gratuita en línea para aprender a codificar donde cualquiera puede crear juegos, codificar dispositivos y modificar Minecraft" ^{[9] [10]}
• RoboBlockly , un entorno de simulación de robots basado en la web para aprender codificación y matemáticas
• PICAXE , para controlar sus microchips educativos ^[11]
• SAM Labs , en "soluciones educativas" para aprender a codificar en STEAM ^{[ se necesita aclaración ] [12]}

Características

• Basado en la web utilizando gráficos vectoriales escalables (SVG)
• JavaScript completamente del lado del cliente
• Compatibilidad con los principales navegadores web, incluidos: Chrome , Firefox , Safari , Opera y Edge
• Soporte para muchas construcciones programáticas, incluidas variables , funciones y matrices.
• Compatibilidad con verificación de tipos mínima, diseñada para lenguajes tipados dinámicamente
• Fácil de ampliar con bloques personalizados.
• Generación de código limpio ^[13]
• Ejecución de código paso a paso para el seguimiento y depuración de código ^[14]
• Localizado en más de 100 idiomas ^[15]
• Compatibilidad con idiomas de izquierda a derecha y de derecha a izquierda ^[16]

Referencias

1. "Lanzamiento del parche 3 del primer trimestre de 2022 · google/Blockly". GitHub .
2. Metz, Cade. "Google Blockly te permite hackear sin teclado". Wired .
3. "Blockly de Google te enseña a crear aplicaciones". NBC Bay Area .
4. "Grupos de Google". Groups.google.com . Consultado el 16 de enero de 2018 .
5. Black, Lucy (12 de junio de 2012). «Google Blockly: un lenguaje gráfico diferente». I-programmer . Consultado el 3 de julio de 2019 .
6. "Nuevos bloques de programación de Scratch 3.0, creados sobre Blockly". Google .
7. "MIT App Inventor 2". MIT .
8. "Traducir Code.org". Code.org .
9. "Microsoft MakeCode". Microsoft .
10. "Educación en Ciencias de la Computación con Microsoft MakeCode". Microsoft .
11. "PICAXE en bloque". PICAXE . Consultado el 5 de julio de 2020 .
12. "Bloques de SAM Labs: Introducción a Workbench". edu.workbencheducation.com . Consultado el 10 de octubre de 2020 .
13. "Demostración de Blockly: código". Blockly-demo.appspot.com . Consultado el 16 de enero de 2018 .
14. "Demostración de Blockly: JS-Interpreter". Ejemplos de Blockly . Consultado el 24 de febrero de 2023 .
15. "Estadísticas de localización del módulo principal de Blockly". Translatewiki.net . Consultado el 16 de enero de 2018 .
16. "Demostración de Blockly: RTL". Muestras de Blockly . Consultado el 24 de febrero de 2023 .

Enlaces externos

• Sitio web oficial