Introducción a JavaScript: Conceptos Básicos, Apuntes de Programación Java

¡Descarga Introducción a JavaScript: Conceptos Básicos y más Apuntes en PDF de Programación Java solo en Docsity!

Para estas secciones, vamos a utilizar el editor de código Visual Studio Code https://code.visualstudio.com/, pero también puedes utilizar tu editor de código favorito.

1. Lo primero que vamos a hacer es crear un archivo HTML en Visual Studio Code (VSCode).

3. Insertamos la etiqueta

1. Después de guardar el documento podemos abrirlo desde algún navegador web (Chrome, Edge, Firefox, etc.) y ver el resultado.

7. Ahora se puede escribir el código alert('Hello, world!'); en el archivo .js que acabamos de generar e

indicar en el .html que el código JS que se ejecutará al momento de abrir el .html en el navegador, se encuentra en el archivo tutorial.js que se ha generado.

1. Abriendo el archivo .html en el navegador obtendremos:
2. ¡Felicidades!, ya sabes como crear scripts de JS, guardarlos y ejecutarlos.

1. Se podría declarar múltiples variables en una sola línea:

4. Nota: var en lugar de let - > la palabra reservada var puede ser usada también para declarar

variables, es posible que te encuentres con esta forma de declarar variables en códigos antiguos, por ahora, es importante que sepas que sirven para lo mismo. Por ejemplo:

5. Nota: sin let, sin var - > es posible declarar variables sin usar la palabra reservada let o var, el código

va a funcionar; sin embargo, no es una buena práctica.

1. Para declarar una variable constante (variable cuyo valor no puede cambiar), se usa la palabra reservada const en lugar de let, por ejemplo:

8. Nota: abrir herramientas de desarrollador - > Para poder ver el error anterior, fue necesario abrir

las herramientas de desarrollador que ofrece el navegador, por lo general esta sección se puede abrir pulsando la tecla f11 y en la sección de consola se muestran estos errores.

1. Similar a Python, podría decirse que Javascript es un lenguaje débilmente tipado; sin embargo, los valores en JavaScript siempre tienen algún tipo.
2. Además de ser débilmente tipado, Javascript tiene tipado dinámico, lo que quiere decir que las variables pueden ser reasignadas desde cualquier tipo de dato, a otro, por ejemplo:

11. Nota: comentarios- > En Javascript los comentarios se expresan anteponiendo dos barras inclinadas

anteriormente ( //) por ejemplo: //este es un comentario.

1. En Javascript existen cinco tipos de datos básicos, estos son: a. Entero (number): número sin parte decimal b. Flotante (number): número con parte decimal c. Gran entero (number) cuando el número entero es más grande que (2^53)-1 o menor a - (2^53)- 1 d. String (string): cadena de caracteres. e. Booleano (boolean): dos posibles valores falso o verdadero.
2. El operador typeof permite retornar el tipo de dato almacenado en una variable, en el siguiente ejemplo se muestran variables de cada uno de los tipos de datos mencionados anteriormente y este tipo de dato es mostrado mediante alert, por ejemplo:

1. Finalmente, el resultado:

17. nota: comillas en string- > En javascript se pueden definir texto dentro de comillas dobles y también

comillas sencillas, si se está concatenando algún operador o variable con ${} se debe definir dentro de la comilla inclinada (`).

18. Las variables de tipo string se pueden crear a través de comillas simples o dobles y cuentan con

diferentes métodos internos para manipulación de texto, como reemplazar palabras o caracteres. La

siguiente tabla resumen, muestra algunos de los métodos más comunes para una variable tipo string

llamada, a modo de ejemplo, str: Método/Atributo Acción str.length Retorna la longitud en caracteres del string str. [n] Retorna el carácter en la n posición str.toLowerCase() Retorna el string en minúscula str.toUpperCase() Retorna el string en mayúscula str.split(separador) Retorna un array de strings separados str.substr(inicio, fin) Retorna la posición del string definida por los valores de inicio y fin str.includes(str2) Define si str2 está incluido en str1; por lo que retorna true o false

1. console.log permite imprimir en consola los resultados, usando las herramientas de desarrollador del navegador, se puede abrir esta consola, por lo que el resultado del anterior código será:

1. En Javascript existen los siguientes operadores aritméticos: a. Adición (+). b. Substracción (-) c. Multiplicación () d. División (/) e. Residuo o resto (%) f. Exponenciación (*)