Blockly es una biblioteca que añade un editor de código visual a las aplicaciones web y móviles. El editor Blockly utiliza bloques gráficos entrelazados para representar conceptos de código como variables, expresiones lógicas, bucles, etc. Permite a los usuarios aplicar los principios de programación sin tener que preocuparse por la sintaxis o la intimidación de un cursor parpadeante en la línea de comandos.
Blockly es para desarrolladores. Las aplicaciones de Blockly son para estudiantes. Si estás aquí para utilizar aplicaciones educativas en lugar de construirlas, echa un vistazo a estas oportunidades de aprendizaje de ciencias de la computación.
Construir una aplicación Blockly
Desde la perspectiva del usuario, Blockly es una forma intuitiva y visual de construir código. Desde la perspectiva del desarrollador, Blockly es una interfaz de usuario lista para crear un lenguaje visual que emite código sintácticamente correcto generado por el usuario. Blockly puede exportar bloques a muchos lenguajes de programación, incluyendo estas opciones populares:
JavaScript
Python
PHP
Lua
Dart
Este es un desglose de alto nivel de lo que se necesita para construir una aplicación Blockly:
Integrar el editor de Blockly. El editor de Blockly, en su forma más simple, consiste en una caja de herramientas para almacenar los tipos de bloques, y un espacio de trabajo para organizar los bloques. Aprende más sobre la integración de Blockly en los documentos de inicio.
Crea los bloques de tu aplicación. Una vez que tengas Blockly en tu aplicación, tienes que crear bloques para que tus usuarios codifiquen con ellos, y luego añadirlos a tu caja de herramientas de Blockly. Aprende cómo hacerlo en Crear bloques personalizados.
Construye el resto de la aplicación. Por sí mismo, Blockly es sólo una forma de generar código. El corazón de tu aplicación está en decidir qué hacer con ese código.
Los puntos fuertes de Blockly y otras opciones
Blockly es uno de los crecientes entornos de programación visual. Decidir cuál usar en tu aplicación es un paso importante, así que aquí están algunos de los mayores puntos fuertes de Blockly para ayudarte a tomar la decisión:
Código exportable. Los usuarios pueden extraer sus programas basados en bloques a los lenguajes de programación habituales y pasar sin problemas a la programación basada en texto.
Código abierto. Todo en Blockly es abierto: puedes bifurcarlo, hackearlo y utilizarlo en tus propios sitios y aplicaciones Android.
Extensible. Adapta Blockly a tus necesidades añadiendo bloques personalizados para tu API o eliminando bloques y funcionalidades innecesarias.
Muy capaz. Blockly no es un juguete. Puede implementar tareas de programación complejas como el cálculo de la desviación estándar en un solo bloque.
Internacional. Blockly ha sido traducido a más de 40 idiomas, incluyendo versiones de derecha a izquierda para el árabe y el hebreo.
¿Qué es Blockly?
Si quieres programar un sitio web que reaccione a las entradas de los usuarios, no te quedará otra que lidiar con lenguajes de programación. Incluso si desarrollas una aplicación, en general deberás trabajar con un lenguaje de programación de alto nivel. Aunque hoy en día existen recursos adecuados para aprender a utilizar Python, JavaScript y otros, interiorizar los comandos y rutinas complejas supone un esfuerzo considerable. Además, cuando lo único que quieres es dar tus primeros pasos con la programación o solo necesitas unas directivas concretas, muchas veces los recursos son excesivos.
Aquí es donde Blockly demuestra su utilidad: Blockly es un proyecto de Google que muestra largos fragmentos de código basado en texto en bloques visuales. Estos bloques se pueden unir arrastrando y soltando. De este modo, se puede crear una sintaxis compleja de forma rápida y sencilla. Blockly es una biblioteca que proporciona un editor de código visual, por lo que la sintaxis de los programas creados de esta manera permanece en segundo plano. Blockly permite crear secuencias complejas de manera fácil, sin necesidad de saber qué comando se necesita exactamente en cada lenguaje de programación.
¿Para qué se puede usar Blockly?
Se puede usar Blockly por un gran número de razones. Por ejemplo, si quieres crear un sitio web que responda a los usuarios, pero no tienes grandes conocimientos de programación, puedes utilizar esta biblioteca. Sin embargo, también los desarrolladores de software más avezados pueden utilizar este editor de código visual para crear programas pequeños rápidamente.
Además, su planteamiento lúdico permite comprender las relaciones rápidamente al programar. Es más fácil entender la frase “repetir 5 veces” que “for int i = 0, i < 5, i++;”, aunque ambas quieran decir lo mismo. Por esto, Blockly se utiliza a menudo en entornos pedagógicos. Blockly es una buena elección para los niños que deseen programar su primer software. La representación visual de los fragmentos de código permite obtener resultados sorprendentes de forma rápida y sencilla.
Su interfaz visual hace que el código sea claro y fácil de entender. Como las piezas de un rompecabezas, los bloques se van encajando entre ellos y se pueden convertir a código. Aunque Blockly es una biblioteca de JavaScript, permite producir código fuente en diferentes lenguajes de manera predeterminada, entre los que se incluyen JavaScript, Python, PHP, Lua, Dart y XML. El editor se puede utilizar con facilidad en un navegador.
La programación visual ha dejado de ser algo nuevo. De hecho, muchos proveedores ya la utilizan para crear páginas web. Estos programas de construcción de páginas web, fáciles de usar, como el que nos ocupa, tienen una interfaz simple e intuitiva.
El código escrito se mantiene completamente en segundo plano, de modo que incluso los inexpertos pueden obtener increíbles resultados.
Nota
Blockly es muy similar a Scratch. Sin embargo, mientras que Blockly está más orientado a los desarrolladores profesionales en un contexto empresarial, Scratch fue concebido ante todo como medio pedagógico. Cómo Hacer Jabón Casero, Metodos y Recetas 2023
¿Qué funciones se pueden utilizar con Blockly?
En el editor visual de código de Blockly se ofrecen ocho categorías con diferentes funciones:
Lógica describe acciones.
Bucles son estructuras de control y se repiten hasta que se produce una determinada acción.
Matemáticas sirve para realizar varias operaciones aritméticas y generar números aleatorios.
Texto puede acceder a entradas y generar salidas individuales.
Listas es una función para generar listas en combinación con bloques de texto o de matemáticas.
Color sirve para aplicar color al texto o al fondo.
Variables es para cálculos o funciones.
Funciones describe el comportamiento de la página cuando se detecta una entrada determinada.
Los bloques permiten diferentes posibilidades de combinación. Los bucles y las funciones pueden combinarse con la lógica y las variables. La lógica y las variables, a su vez, pueden combinarse con las matemáticas, el texto, las listas y el color. Con solo estas combinaciones, pueden cubrirse muchos de los fundamentos de los diversos lenguajes de programación.
Ejemplo de Blockly
Aprender a trabajar con Blockly es muy sencillo: se abre una categoría y se arrastra el bloque de código deseado con el ratón al espacio de trabajo. Allí puedes ajustar los bloques individuales y vincularlos a otros. Si una combinación no es posible, el bloque no encajará y no se incluirá en el código fuente. Cada pieza individual o grupo de bloques del puzle se pueden borrar de nuevo del área de trabajo sin problema. Las líneas correspondientes se eliminarán también del código fuente.
Este simple código se puede traducir a diferentes lenguajes de programación. En JavaScript, el código fuente tendría este aspecto:
var int;
Int = 1;
while (int <= 3) {
window.alert('Hello, World!');
Int = int + 1;
}
Por supuesto, esto no es más que un ejemplo muy primitivo de código. Sin embargo, enseñar a decir al ordenador “¡Hola, mundo!” es siempre la primera lección al aprender un lenguaje de programación.
¿En qué áreas se utiliza Blockly?
Mientras que la aplicación está dirigida, sobre todo, a estudiantes y personas que acaban de empezar a programar, la biblioteca en sí está orientada a desarrolladores: con muy poco esfuerzo, estos pueden crear sus propios bloques de funciones y lógica para convertir la biblioteca en una aplicación autónoma.
Si quieres desarrollar tus propios bloques dentro de Blockly, tienes dos opciones: por un lado, dispones de la API de JavaScript, que se utiliza principalmente para aplicaciones web. Por otro lado, hay una interfaz JSON que también funciona con Android y iOS. Sin embargo, en el formato JSON solo se pueden elegir los bloques más utilizados. Se puede consultar una documentación muy extensa en GitHub. Asimismo, Google ofrece unas directivas detalladas para el uso y el desarrollo de Blockly.
YouTube, Stack Overflow y GitHub contienen innumerables tutoriales y documentación sobre cómo utilizar la biblioteca de forma eficaz. Entre sus muchas posibilidades, se pueden programar varios interruptores y receptores para controlar los hogares inteligentes. Como el programa permite conectar varios lenguajes, tu imaginación no tendrá límite.
En resumen: una buena alternativa a los lenguajes de programación complejos
Para los principiantes, es especialmente atractivo el hecho de que el programa escribe siempre con la sintaxis correcta y nunca olvida un punto y coma o unas comillas. Su modo de empleo, tan lúdico, facilita el trabajo en los proyectos, incluso como principiante, y así ganar experiencia. Con él aprenderás rápidamente las posibilidades del lenguaje y podrás diseñar instintivamente prototipos y maquetas.
Blockly no deja de ser simple, pero puede agilizar considerablemente el flujo de trabajo. Su biblioteca se puede integrar con facilidad en los proyectos existentes, y facilita aún más el desarrollo de proyectos grandes. Sin embargo, es importante familiarizarse con las funciones. El código fuente creado con Blockly se puede incorporar a un gran número de proyectos, gracias al gran número de lenguajes con los que es compatible. Por ello, esta solución de código abierto es una herramienta útil para mucha gente, además de los estudiantes.
Blockly Games
Blockly Games de Google es una serie de juegos educativos que enseñan a programar. Se basa en la biblioteca Blockly. Todo el código es gratuito y de código abierto.
Aquí tienes la lista de los juegos hechos con blockly y que puedes ver o jugar aqui
- Puzzle es una rápida introducción a las formas de Blockly y a cómo encajan las piezas.
- Maze es una introducción a los bucles y condicionales. Comienza de forma sencilla, pero cada nivel es más desafiante que el anterior.
- Bird es una inmersión profunda en los condicionales. Se explora el flujo de control con condiciones cada vez más complejas.
- Turtle es una inmersión profunda en los bucles. Utiliza bucles anidados para pintar un cuadro. Luego publica tu arte para que el mundo lo vea.
- Movie es una introducción a las ecuaciones matemáticas. Utiliza las matemáticas para animar una película. Luego publica tu película para que el mundo la vea.
- La música es una introducción a las funciones. Utiliza funciones para componer música. A continuación, publica tu música para que el mundo la escuche.
- Pond Tutor introduce la programación basada en texto. Los niveles cambian entre bloques y JavaScript real en un editor de texto.
- Pond es un concurso abierto para programar el pato más inteligente. Utiliza bloques o JavaScript.
Que es Blockly de Google
Blockly es una biblioteca que añade un editor de código visual a las aplicaciones web y móviles. El editor Blockly utiliza bloques gráficos entrelazados pa
adsl
es
https://adsltodo.es/static/images/adsl-que-es-blockly-de-google-1312-0.jpg
2024-09-28
Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente