Vocabulario inglés: Signos, símbolos o caracteres especiales

En esta sección del curso sobre vocabulario técnico para desarrolladores y programadores web, aprenderemos sobre los signos, símbolos o caracteres especiales utilizados comúnmente en el desarrollo de software y programación. Estos símbolos desempeñan un papel crucial en la escritura de código y la comunicación entre los desarrolladores. Además, esta simbología es necesaria para poder deletrear partes de código fuente o contenido específico de una página o aplicación web.

1. Vocabulario inglés: Signos o símbolos de código (Code sign or symbol)

A continuación, se muestra una lista de los caracteres especiales más destacados en el entorno de la programación con sus términos en inglés y español.

2. Ejemplos de uso de los símbolos o caracteres especiales en desarrollo y programación de aplicaciones web

Aunque cada símbolo o carácter especial tiene múltiples usos según el lenguaje de programación en el que estemos desarrollando. Veamos cómo se usan estos signos de código en los lenguajes de programación más destacados.

• <: Se utiliza en HTML para indicar un tag de apertura. Por ejemplo: <div> indica el inicio de un elemento de tipo div.
• >: Se utiliza en HTML para indicar un tag de cierre. Por ejemplo: </div> indica el fin de un elemento de tipo div.
• /: Se utiliza en varios contextos, por ejemplo, en rutas de archivos en sistemas operativos como Windows (C:/Users/Username/Document) o como operador de división en matemáticas (a / b).
• \: Se utiliza en rutas de archivos en sistemas operativos como Windows (C:\Users\Username\Document).
• `: Se utiliza en JavaScript para definir cadenas de plantillas (template literals). Por ejemplo: `Hola ${nombre}`.
• @: Se utiliza en algunos lenguajes de programación, como en C# para indicar atributos o en JavaScript para algunas funciones especiales, como en el contexto de las promesas.
• &: Se utiliza en HTML para representar el carácter de referencia de entidad. Por ejemplo, & representa el símbolo &.
• $: En jQuery para seleccionar elementos por id, como en $('#elementId').
• ~: En CSS para referirse al selector de hermanos adyacentes, como en elemento1 ~ elemento2.
• ?: Se utiliza como operador ternario en algunos lenguajes de programación, para representar una pregunta o condición.
• !: Se utiliza en varios contextos, como en operaciones de negación en algunos lenguajes de programación, o como parte de un comentario en algunos sistemas de marcado, como HTML (<!-- comentario -->).
• «: No tiene un uso específico en la mayoría de los lenguajes de programación, pero podría usarse como parte de una cadena de texto en algunos casos.
• ' y ": Se utiliza para delimitar cadenas de texto en muchos lenguajes de programación, como en JavaScript o Python: ('texto') o ("texto").
• (: Se utiliza para delimitar parámetros en funciones o métodos, o para agrupar expresiones en matemáticas.
• ): Se utiliza para cerrar la lista de parámetros en funciones o métodos.
• {: Se utiliza para delimitar bloques de código en muchos lenguajes de programación, como en JavaScript, Java, C++, entre otros.
• }: Se utiliza para cerrar bloques de código en CSS.
• [: Se utiliza para delimitar arrays en muchos lenguajes de programación.
• ]: Se utiliza para cerrar arrays.
• |: En SQL, se utiliza en cláusulas SELECT para especificar múltiples columnas, como en SELECT columna1 | columna2 FROM tabla.
• #: Se utiliza para representar comentarios en algunos lenguajes de programación, como Python (# comentario), o para indicar identificadores en CSS (#id).
• *: Se utiliza como operador de multiplicación en matemáticas o para representar punteros en algunos lenguajes de programación, como en C o C++.
• =: Se utiliza para asignar un valor a una variable en muchos lenguajes de programación.
• +: Se utiliza como operador de adición en matemáticas o para concatenar cadenas de texto en muchos lenguajes de programación.
• -: Se utiliza como operador de resta en matemáticas o para representar valores negativos, así como en operaciones de asignación o como operador aritmético en muchos lenguajes de programación.
• _: Se utiliza en nombres de variables o identificadores en algunos lenguajes de programación.
• %: Se utiliza como operador de módulo en matemáticas o para representar porcentajes en algunos contextos.
• .: Se utiliza para acceder a miembros de objetos o clases en muchos lenguajes de programación, así como para representar el punto decimal en números.
• :: Se utiliza para separar claves de valores en pares clave-valor, como en objetos JavaScript ({clave: valor}), o para definir etiquetas en algunos lenguajes de programación.
• ,: Se utiliza para separar elementos en una lista, como en la definición de parámetros de funciones o en la declaración de arreglos.
• ;: Se utiliza para terminar instrucciones en muchos lenguajes de programación.

3. Ejercicios sobre signos o símbolos de código

Completa los siguientes ejercicios para practicar el vocabulario en inglés relacionado con símbolos o signos comúnmente utilizados en la codificación. Complete the following exercises to practice English vocabulary related to symbols or signs commonly used in coding.

3.1. Ejercicio 1: Completa los huecos con los nombres de los símbolos

Arrastra el nombre del signo en inglés junto con su símbolo a las cajas correspondientes. Drag the English sign name along with its symbol to the correct boxes.

3.2. Ejercicio 2: Dictado de código HTML

Se proporciona el siguiente código HTML para un ejercicio de dictado que te permitirá practicar con los símbolos. Arrastra los símbolos que faltan en los espacios en blanco. Puedes utilizar las pistas emergentes para identificar qué símbolo corresponde a cada espacio en blanco. The following HTML code is provided for a dictation exercise to practice with symbols. Drag the missing symbols into the gaps. You can use the tooltip hints to identify which symbol corresponds to each gap.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Dictation & symbols exercise</title>
    <style>
        h1 {color:green!important;}
    </style>
</head>
<body>
    <h1>Do you need help?</h1>
    <p>Email: <a href="mailto:example@example.com">example@example.com</a></p>
    <p>Phone: <a href="tel:+234567890">+(234) 567-890</a></p>
</body>
</html>