Glosario visual

Blockly tiene mucho vocabulario para sus diferentes componentes visuales. En este documento, se desglosan algunos de los más importantes que debes conocer para comenzar a usar Blockly.

Workspace

El espacio de trabajo es el componente de nivel más alto en Blockly. Contiene todos los demás componentes. Aquí es donde programarás.

Un espacio de trabajo con una caja de herramientas de categorías, barras de desplazamiento, papelera y controles de zoom.

Caja de herramientas

La caja de herramientas contiene los bloques que usas para programar. Los bloques se pueden arrastrar al espacio de trabajo.

Existen dos tipos principales de cajas de herramientas: las desplegables y las de categorías. Ambos se pueden mostrar de forma vertical y horizontal.

Caja de herramientas desplegable

Las cajas de herramientas desplegables (también conocidas como cajas de herramientas simples) tienen un conjunto de bloques que se muestra en todo momento.

Un espacio de trabajo con una caja de herramientas desplegable que contiene cuatro bloques.

Caja de herramientas de categorías

Las cajas de herramientas de categorías tienen varios conjuntos de bloques.

Un espacio de trabajo con una caja de herramientas de categorías que incluye ocho categorías (Lógica, Bucles, Matemáticas, etcétera). No se ven bloques porque no se abrió ninguna categoría.

Si haces clic en un elemento de categoría, se abrirá un menú desplegable que muestra los bloques de la categoría.

La misma caja de herramientas de espacio de trabajo y categoría que en la imagen anterior, excepto que la categoría Lógica está abierta y muestra siete bloques de lógica (si-hacer, comparación, y-o, etcétera).

Papelera

La papelera te permite borrar bloques arrastrándolos y soltándolos. También puedes hacer clic en la papelera para abrir un menú desplegable que contiene los bloques que borraste y recuperarlos.

Un espacio de trabajo con un cesto de basura en la esquina inferior derecha.

Controles de zoom

Los controles de zoom acercan y alejan el espacio de trabajo cuando haces clic en ellos.

Un espacio de trabajo con controles de zoom sobre la papelera.

Menú contextual

El menú contextual aparece cuando haces clic con el botón derecho o mantienes presionado ciertos elementos del espacio de trabajo (por ejemplo, el fondo del espacio de trabajo o los bloques). Se muestra una lista de acciones que puedes realizar en ese elemento.

Se abre un menú contextual sobre un bloque if-do. El menú tiene los elementos "Duplicar", "Agregar comentarios", "Entradas intercaladas", "Contraer bloque", "Inhabilitar bloque", "Borrar bloque" y "Ayuda".

Bloqueos

Los bloques son los elementos que usas para programar. Representan expresiones y sentencias en lenguajes de programación basados en texto.

Un bloque if-do, un bloque de números y un bloque para crear una lista.

Bloque de pila

Una pila de bloques es cualquier colección de bloques conectados. Podrían estar conectadas de forma horizontal o vertical.

Un bloque si-hacer con dos bloques conectados a él. Un bloque de comparación numérica está conectado a la entrada if y un bloque de repetición está conectado a la entrada do.

Bloque de sombra

Un bloque fantasma es un bloque editable, pero no se puede mover y está conectado a otro bloque. Puedes arrastrar bloques que no sean sombra sobre bloques sombra para sobrescribirlos.

Un bloque para redondear números conectado a un bloque de números sombreado y un bloque de impresión conectado a un bloque de texto sombreado. Los bloques sombra se muestran en gris para indicar que son bloques predeterminados y que puedes arrastrar otros bloques sobre ellos.

Marcador de inserción

Un marcador de inserción es una vista previa de dónde se conectará una pila de bloques si se suelta. Parece una versión gris de un bloque.

Un bloque condicional con un marcador que muestra dónde se insertará otro bloque.

Bloquea partes

Los bloques tienen varias partes diferentes que puedes editar y con las que puedes interactuar para programar.

Campos

Un campo es un elemento visual que se encuentra en un bloque. Puede ser editable (como una entrada de texto) o solo informativa (como una etiqueta). Un campo siempre está contenido en una entrada.

Un bloque con tres campos: la etiqueta "repeat", un menú desplegable con la opción "while" elegida y la etiqueta "do".

Conexiones

Una conexión es un lugar en un bloque al que se pueden conectar otros bloques.

Conexión Imagen
Salida una conexión de salida
Entrada una conexión de entrada
Anterior una conexión anterior
Siguiente una conexión siguiente

Entradas

Una entrada es un contenedor de campos y conexiones. Un bloque se compila renderizando sus entradas en una o más filas como ladrillos.

Bloque creado a partir de una entrada de valor, una entrada de fin de fila y una entrada de instrucción.

Todas las entradas pueden contener campos. Solo las entradas de valor y de instrucción pueden contener una conexión.

Tipo de entrada Tipo de conexión Notas
De prueba Ninguno
Fin de la fila Ninguno Fuerza a la siguiente entrada a iniciar una fila nueva.
Valor Entrada
Declaración Siguiente

Íconos

Un ícono es un elemento visual que se encuentra en un bloque. Siempre se ubican en la esquina superior izquierda del bloque y, a menudo, crean burbujas.

Un bloque if-do con un ícono de mutador y un ícono de comentario.

El mismo bloque con las burbujas de mutador y comentario abiertas. La burbuja de mutador te permite agregar cláusulas else al bloque, y la burbuja de comentarios te permite ingresar un comentario sobre el bloque.