JAVASCRIPT
María Alejandra Canache V
Alejandro Quiñones
JAVASCRIPT
JAVASCRIPT
JavaScript es un lenguaje de programación esencial que
desempeña un papel fundamental tanto en el lado del cliente como
en el lado del servidor en el desarrollo de aplicaciones web. En el
lado del cliente, JavaScript se utiliza para agregar interactividad y
dinamismo a las páginas web, permitiendo a los usuarios
interactuar con el contenido de manera fluida y receptiva. Esto
incluye la manipulación del DOM (Document Object Model), la
gestión de eventos del usuario, la validación de formularios y la
realización de solicitudes asíncronas al servidor. Por otro lado, en el
lado del servidor, JavaScript es utilizado a través de tecnologías
como [Link] para construir aplicaciones web escalables y
eficientes.
¿QUÉ PUEDO HACER CON
JAVASCRIPT?
¿QUÉ PUEDO HACER CON
JAVASCRIPT
DESARROLLO WEB
DESARROLLO DE JUEGOS
DESARROLLO DE APLICACIONES MÓVILES
DESARROLLO DE EXTENSIONES DE NAVEGADOR
DESARROLLO DE APLICACIONES DE SERVIDOR
CARACTERÍSTICAS DE JAVASCRIPT
FLEXIBILIDAD
INTERACTIVIDAD EN EL NAVEGADOR
PROGRAMACIÓN ORIENTADA A OBJETOS
FUNCIONES DE ORDEN SUPERIOR
ASINCRONÍA
AMPLIA BIBLIOTECA Y ECOSISTEMA
INTEGRACIÓN CON HTML Y CSS
NAVEGADOR COMO ENTORNO DE
EJECUCIÓN
JavaScript es un lenguaje que se escribió para
los exploradores web, por ende todos los
exploradores web en la actualidad tienen un
motor que se encarga de ejecutar JavaScript y
se llama JavaScript Engine, en el caso de Google
Chrome se llama V8, es de código abierto, es
decir, cualquier persona en el mundo puede
leer el código fuente.
NAVEGADOR COMO ENTORNO DE
EJECUCIÓN
Por presentar esta característica de ser de código abierto, un desarrollador,
llamado Ryan Dahl, logró embeber este motor de Chome V8, dentro de código
C++ y al hacer esto, permitió que código JavaScript pueda ser ejecutado
practicamente en cualquier lado. Por lo que gracias a este trabajo puede ser
ejecutado en servidores, app de escritorio, app móviles, videojuegos e incluso
microcontroladores. Este código escrito en C++ del motor V8 se llama [Link]
VARIABLES
Una variable es un contenedor para
almacenar datos en la memoria durante
la ejecución de un programa. En
JavaScript, las variables pueden
contener diferentes tipos de datos,
como números, cadenas de texto,
booleanos, arreglos u objetos.
VARIABLES
REGLAS PARA ESCRIBIR VARIABLES
El nombre de la variable debe comenzar con letras o guión bajo (_), pero NO con
números.
Las variables no pueden ser nombradas con palabras reservadas.
Existen tres convenciones para nombrar variables:
UpperCamelCase (La primera palabra debe iniciar con
mayúsculas)
camelCase (LA MÁS UTILIZADA POR JAVASCRIPT)
snake_case (Las palabras se separan con un guión bajo y se
escriben siempre en minúsculas)
VARIABLES
VAR, LET Y CONST
SCOPE VARIABLES
VAR LET CONST
Scope de Scope de Scope de
Función Bloque Bloque
VARIABLES
DECLARACIÓN DE VARIABLES
Declaración de variable = Inicialización de variable
operador de asignación
TIPOS DE DATOS
Datos Primitivos Datos de Referencia
NUMBER
ARRAY
STRING
OBJECT
BOOLEAN
FUNCTIONS
UNDEFINED
CLASES
NULL
TIPOS DE DATOS
Datos Primitivos
NUMBER
STRING
Los valores primitivos son datos
simples y básicos que representan
BOOLEAN
un solo valor.
UNDEFINED
NULL
TIPOS DE DATOS
Datos de Referencia
Los valores de referencia son ARRAY
objetos complejos que representan OBJECT
conjuntos de datos más complejos y
FUNCTIONS
estructurados.
CLASES
TIPOS DE DATOS
PRIMITIVOS
TIPOS DE DATOS
Número (Number): El tipo de datos number
se utiliza para representar valores numéricos.
Pueden ser números enteros o números de
punto flotante.
Cadena de texto (String): El tipo de datos
string se utiliza para representar texto. Las
cadenas se encierran entre comillas simples
('') o comillas dobles ("").
TIPOS DE DATOS
Booleano (Boolean): El tipo de datos
boolean representa un valor de verdadero
(true) o falso (false). Se utilizan para evaluar
condiciones y controlar el flujo de ejecución.
Undefined: Una variable a la que no se le ha
asignado valor es de tipo undefined. Un método o
sentencia también devuelve undefined si la
variable que se está evaluando no tiene asignado
un valor. Una función devuelve undefined si no se
ha devuelto un valor.
TIPOS DE DATOS
REFERENCIA
TIPOS DE DATOS
Array: Los arrays son objetos similares a una
lista cuyo prototipo proporciona métodos
para efectuar operaciones de recorrido y de
mutación. Tanto la longitud como el tipo de
los elementos de un array son variables.
Objeto (Object): El tipo de datos object se
utiliza para almacenar colecciones de
propiedades y sus valores asociados. Los
objetos se definen utilizando llaves {} y
contienen pares clave-valor.
TIPOS DE DATOS
Function: un conjunto de instrucciones que
realiza una tarea o calcula un valor, pero para
que un procedimiento califique como
función, debe tomar alguna entrada y
devolver una salida donde hay alguna
relación obvia entre la entrada y la salida.
TIPOS DE
OPERADORES
OPERADORES
Operadores Aritméticos: Los operadores aritméticos en JavaScript son: + (suma),
- (resta), * (multiplicación), / (división) y % (módulo).
OPERADORES
Operadores de Asignación: El operador de
asignación más común es =. Se utiliza para
asignar el valor de la expresión de la derecha (la
variable), a la izquierda.
También existen operadores de asignación
compuestos que combinan una operación
aritmética con la asignación. Algunos ejemplos
son: +=, /=, %=.
OPERADORES
Operadores de Comparación: Estos operadores se utilizan para comparar dos
valores y devolver un resultado booleano (true o false).
Los operadores de comparación en JavaScript son: == (igualdad), !=
(desigualdad), === (igualdad estricta), !== (desigualdad estricta), > (mayor que),
< (menor que), >= (mayor o igual que) y <= (menor o igual que).
SENTENCIAS
CONDICIONALES
SENTENCIAS
CONDICIONALES
ESTRUCTURA IF
SENTENCIAS
CONDICIONALES
ESTRUCTURA IF
SENTENCIAS
CONDICIONALES
ESTRUCTURA IF - ELSE
SENTENCIAS
CONDICIONALES
ESTRUCTURA SWITCH