Indice
Introducción………………………………………………………………………….Pag.4
JavaScript……………………………………………………………………………Pag.5
Tipo de datos en JavaScript……………………………………………………….Pag.6
Operadores en JavaScript…………………………………………………………Pag.7
Concepto uso y sintaxis de las estructuras de control en JavaScript………...Pag.8
Var y Let en JavaScript…………………………………………………………….Pag.9
Salida de Datos en JavaScript……….. ……………………………………….…Pag.10
Métodos en JavaScript…………………………………………………………….Pag.11
Funciones en JavaScript…………………………………………………………..Pag.12
DOM (Document Object Model)......................................................................Pag.14
Referencias bibliográficas…………………………………………………………Pag.15
Introducción:
JavaScript es la clave si se trata de mayor dinamismo a tu página web es la que se
se encarga de personalizar una página web para que pueda ser más interactiva y
que puede crear varias cosas como la creación de las animaciones y efectos
visuales y así como la manipulación del DOM(Document Object Model) esto no sirve
para que haiga un poco más de contenido que se pueda
Pag.4
JavaScript:
JavaScript es un lenguaje de programación interpretado utilizado para agregar
interactividad y dinamismo a las páginas web. Fue creado por Brendan Eich en 1995
en Netscape Communications.
Ventajas:
Permite crear páginas web dinámicas e interactivas.
Es multiplataforma y de código abierto.
Cuenta con una extensa comunidad y numerosos frameworks.
Se usa en aplicaciones móviles, de escritorio y análisis de datos.
Desventajas:
Puede ser vulnerable a ataques de seguridad.
Su aprendizaje y depuración pueden ser complejos.
Existen diferencias entre navegadores y limitaciones de acceso a recursos del
sistema.
Un uso ineficiente puede afectar el rendimiento.
La variedad de bibliotecas puede generar confusión.
Pag.5
Tipo de datos en JavaScript:
Los tipos de datos en JavaScript representan las diferentes categorías de valores
que se pueden usar en el lenguaje:
1. String: Secuencia de caracteres (let nombre = "Juan";).
2. Number: Números enteros o decimales (let edad = 25;).
3. BigInt: Números enteros muy grandes (let granNumero =
12345678901234567890n;).
4. Boolean: Valores lógicos true o false (let isAdmin = true;).
5. Undefined: Variable sin valor asignado (let variable;).
6. Null: Representa un valor nulo o vacío (let variable = null;).
7. Symbol: Valor único e inmutable (let simbolo = Symbol('mi-simbolo');).
8. Object: Colección de propiedades y valores (let persona = { nombre: 'Juan', edad:
25 };).
Cada tipo de dato tiene usos específicos en JavaScript
Pag.6
Operadores en JavaScript:
Los operadores en JavaScript permiten realizar operaciones sobre valores y
variables. Se dividen en tres categorías principales:
Operadores Aritméticos (usados para cálculos matemáticos):
+ (suma), - (resta), * (multiplicación), / (división), % (módulo), ** (exponente).
Operadores Lógicos (usados en evaluaciones condicionales):
&& (AND), || (OR), ! (NOT).
Operadores Relacionales (usados para comparaciones):
== (igualdad), != (desigualdad), === (igualdad estricta), !== (desigualdad estricta), >
(mayor que), < (menor que), >= (mayor o igual), <= (menor o igual).
Los operadores siguen una precedencia específica, donde los aritméticos se
evalúan antes que los lógicos.
Pag.7
Concepto uso y sintaxis de las estructuras de control en JavaScript:
Las estructuras de control en JavaScript permiten gestionar el flujo de ejecución de
un programa. Se dividen en:
Condicionales (ejecutan código según una condición):
if: Ejecuta un bloque si la condición es verdadera.
if-else: Ejecuta un bloque si la condición es verdadera y otro si es falsa.
Bucles (repiten código mientras se cumpla una condición):
for: Se ejecuta un número determinado de veces.
while: Se ejecuta mientras la condición sea verdadera.
do-while: Se ejecuta al menos una vez y luego mientras la condición siga siendo
verdadera.
Selección múltiple:
switch: Evalúa una expresión y ejecuta el bloque de código correspondiente a un
caso específico.
Estas estructuras permiten tomar decisiones y repetir tareas de manera eficiente en
un programa.
Pag.8
Var y Let en JavaScript:
En JavaScript, var y let se usan para declarar variables, pero tienen diferencias
clave:
var (tradicional)
Ámbito de función: Disponible en toda la función donde se declara.
Hoisting: Se eleva al inicio de la función.
Permite redeclaración en el mismo ámbito.
let (moderno, ES6)
Ámbito de bloque: Solo disponible dentro del bloque donde se declara.
No se eleva como var.
No permite redeclaración en el mismo bloque.
Diferencias clave:
1. var tiene ámbito de función, let tiene ámbito de bloque.
2. var se eleva (hoisting), let no.
3. var permite redeclaración, let no.
Recomendación:
Se recomienda usar let en lugar de var porque es más seguro y moderno.
Pag.9
Salida de Datos en JavaScript:
En JavaScript, existen tres formas comunes de salida de datos:
1. [Link]: Escribe texto en el documento HTML.
Ejemplo: [Link]("Hola, mundo!");
Uso: Mostrar información en la página web.
2. [Link]: Muestra texto en la consola del navegador.
Ejemplo: [Link]("Hola, mundo!");
Uso: Depuración y seguimiento de código.
3. alert: Muestra un mensaje emergente en la pantalla.
Ejemplo: alert("Hola, mundo!");
Uso: Informar al usuario sobre eventos importantes.
Diferencias clave:
[Link] modifica el HTML.
[Link] se usa para depuració[Link] interrumpe la interacción del usuario.
Pag.10
Métodos en JavaScript:
Métodos (acciones sobre objetos)
this: Hace referencia al objeto actual.
Cadenas: toUpperCase(), toLowerCase(), trim().
Arrays: push(), pop(), sort().
Objetos: keys(), values(), entries().
Pag.11
Funciones en JavaScript:
Las funciones en JavaScript son bloques de código que realizan una tarea
específica y pueden ser llamados múltiples veces desde diferentes partes del
programa. Aquí te presento algunas características y tipos de funciones en
JavaScript:
Características de las funciones en JavaScript
1. Declaración: Las funciones se declaran utilizando la palabra clave `function`.
2. Nombre: Las funciones tienen un nombre que se utiliza para llamarlas.
3. Parámetros: Las funciones pueden recibir parámetros que se utilizan dentro de la
función.
4. Retorno: Las funciones pueden retornar valores que se utilizan en la llamada a la
función.
Tipos de funciones en JavaScript
1. Funciones declarativas: Son las funciones que se declaran utilizando la palabra
clave `function`.
2. Funciones expresivas: Son las funciones que se asignan a una variable o se
pasan como argumento a otra función.
3. Funciones anónimas: Son las funciones que no tienen nombre.
4. Funciones flecha: Son las funciones que se declaran utilizando la sintaxis de
flecha (`=>`).
5. Métodos: Son las funciones que se definen dentro de un objeto.
Ejemplos de funciones en JavaScript
1. Función declarativa:
```
function saludar(nombre) {
[Link](`Hola, ${nombre}!`);
}
```2. Función expresiva:
```const sumar = function(a, b) {
return a + b;
};
```
Pag.12
3. *Función anónima*:
```
setTimeout(function() {
[Link]('¡Hola!');
}, 2000);
```
4. Función flecha:
```
const sumar = (a, b) => a + b;
```
5. Método:
```
const persona = {
nombre: 'Juan',
edad: 30,
saludar: function() {
[Link](`Hola, soy ${[Link]}!`);
}
};
Pag.13
DOM (Document Object Model):
Permite manipular el HTML desde JavaScript.
Métodos clave:
[Link](id): Selecciona un elemento por su ID.
[Link](selector): Selecciona múltiples elementos.
[Link](evento, función): Agrega eventos.
[Link]: Modifica estilos CSS.
Pag14
Referencias bibliográficas:
[Link]
=[Link]
WGMEQIHZqmMxwQFnoECEEQAQ&usg=AOvVaw3rbyOJWrzZ98eqAk
3K8B2r
[Link]
=[Link]
script&ved=2ahUKEwiuwa3b47qMAxWGMEQIHZqmMxwQFnoECEwQ
AQ&usg=AOvVaw16eVQAn15FImrPS9xDVOoT
[Link]
=[Link]
AxXHKEQIHYe_MQkQFnoECEoQAQ&usg=AOvVaw3ji-8lbGkLb2vLYbeI
d0sl
Pag.15
