Blockly es una biblioteca del lado del cliente para el lenguaje de programación JavaScript para crear editores y lenguajes de programación visual (VPL) basados en bloques. Un proyecto de Google , 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 . También se está implementando para los sistemas operativos móviles Android e iOS , aunque no todas sus funciones basadas en navegador estarán disponibles en esas plataformas.
Autor (es) original (es) | Neil Fraser, Quynh Neutron, Ellen Spertus y Mark Friedman |
---|---|
Desarrollador (es) | Google , MIT |
Versión inicial | Mayo de 2012 |
Lanzamiento estable | Q1 2021/25 de marzo de 2021 [1] |
Repositorio | github |
Escrito en | JavaScript |
Sistema operativo | Android , iOS |
Plataforma | navegador web |
Tamaño | 150 KB |
Disponible en | 50 idiomas |
Lista de idiomas inglés | |
Tipo | Biblioteca |
Licencia | Apache 2.0 |
Sitio web | desarrolladores |
Blockly utiliza bloques visuales que se enlazan 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 en bloque comenzó en el verano de 2011. El primer lanzamiento público fue en mayo de 2012 en Maker Faire . Blockly se diseñó originalmente como un reemplazo de 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 un usuario puede seleccionar bloques, y un espacio de trabajo, donde un usuario puede arrastrar y soltar y reorganizar bloques. El espacio de trabajo también incluye, de forma predeterminada, iconos de zoom y una papelera para eliminar bloques. [5] El editor se puede modificar fácilmente para personalizar y limitar las funciones y bloques de edición disponibles.
Personalización
Blockly incluye un conjunto de bloques visuales para operaciones comunes y se puede personalizar agregando más bloques. Los bloques nuevos 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 usando un conjunto visual de bloques, Block Factory , que permite describir nuevos bloques usando bloques visuales existentes; la intención es facilitar la creación de nuevos bloques.
Aplicaciones
Blockly se utiliza en varios proyectos notables, que incluyen:
- Scratch del MIT , entorno de programación visual para la educación [6]
- App Inventor del MIT , para crear aplicaciones para Android [7]
- Blockly Games, un conjunto de juegos educativos que enseñan conceptos de programación como bucles y condicionales [8] [9]
- Code.org , para enseñar programación introductoria a millones de estudiantes en su programa La hora del código [10]
- RoboBlockly , un entorno de simulación de robots basado en la web para aprender codificación y matemáticas
- Wonder Workshop , para controlar sus robots educativos Dot y Dash [11]
- KodeKLIX, para controlar sus componentes electrónicos acoplables [12]
- PICAXE , para controlar sus microchips educativos [13]
- SAM Labs , en soluciones de educación STEAM para aprender a codificar [14]
Características
- Basado en la web con gráficos vectoriales escalables (SVG), sin Flash
- JavaScript completamente del lado del cliente
- Compatibilidad con los principales navegadores web, incluidos: Chrome , Firefox , Safari , Opera , Internet Explorer (IE)
- Soporte móvil en Android e iOS
- Soporte para muchas construcciones programáticas, incluidas variables , funciones , matrices
- Comprobación de tipo mínima compatible, diseñada para lenguajes de escritura débil
- Fácil de extender con bloques personalizados. Usa la fábrica de bloques para hacer nuevos bloques.
- Generación de código limpio [15]
- Ejecución de código paso a paso para rastrear y depurar código [16]
- Localizado en más de 50 idiomas [17]
- Compatibilidad con idiomas de izquierda a derecha y de derecha a izquierda [18]
Referencias
- ^ https://github.com/google/blockly/releases/tag/5.20210325.0
- ^ "Google Blockly te permite hackear sin teclado" . Cableado .
- ^ "Blockly de Google te enseña a crear aplicaciones" . Área de la bahía de NBC .
- ^ "Grupos de Google" . Groups.google.com . Consultado el 16 de enero de 2018 .
- ^ Black, Lucy (12 de junio de 2012). "Google Blockly - un lenguaje gráfico con una diferencia" . Yo-programador . Consultado el 3 de julio de 2019 .
- ^ "Nuevos bloques de programación de Scratch 3.0, construido sobre Blockly" . Google .
- ^ "MIT App Inventor 2" . MIT .
- ^ "Google presenta a los niños a la codificación a través del proyecto Blockly Games" . EWeek .
- ^ "Blockly: Maze Archives - BrainPOP Educators" . BrainPop .
- ^ "Traducir Code.org" . Code.org .
- ^ "Wonder Workshop Blockly" . Wonder Workshop . Consultado el 3 de julio de 2019 .
- ^ "Interfaz de codificación del kit KodeKLIX STEM" . KodeKLIX . Consultado el 5 de julio de 2020 .
- ^ "PICAXE Blockly" . PICAXE . Consultado el 5 de julio de 2020 .
- ^ "Bloques de SAM Labs: Introducción a Workbench" . edu.workbencheducation.com . Consultado el 10 de octubre de 2020 .
- ^ "Demo de Blockly" . Blockly-demo.appspot.com . Consultado el 16 de enero de 2018 .
- ^ "Blockly Demo: JS Interpreter" . Blockly-demo.appspot.com . Consultado el 16 de enero de 2018 .
- ^ "Estadísticas de localización para el módulo principal de Blockly" . Translatewiki.net . Consultado el 16 de enero de 2018 .
- ^ "Demo de Blockly: RTL" . Blockly-demo.appspot.com . Consultado el 16 de enero de 2018 .
enlaces externos
- Página web oficial
- Blockly en GitHub