Evidencia: Conceptos básicos de programación y
JavaScript
Estudiante: Jeili Yulieth Cárdenas Coronado
Ficha: 3186611
Programa: Tecnólogo en Análisis y Desarrollo de Software
Introducción
Esta evidencia consolida conceptos básicos relacionados con los lenguajes de programación,
entornos de codificación, instalación y la sintaxis del lenguaje JavaScript. A continuación se
presenta la solución organizada punto por punto, con tablas explicativas, ejemplos de código y
imágenes ilustrativas (placeholders).
1. Diferencias principales entre lenguajes compilados e
interpretados
Aspecto Lenguajes Compilados Lenguajes Interpretados
Se transforma todo el código El código se ejecuta línea por
Proceso de
fuente a código máquina (archivo línea o bloque por bloque por un
ejecución
binario) antes intérprete en
de ejecutar. tiempo de ejecución.
Tiempo Normalmente más rápido al Suelen ser más lentos en ejecución
de ejecutarse (optimizaciones pura por la interpretación en
ejecución del compilador). tiempo real.
Errores se detectan en la compilación Muchos errores se detectan sólo
Depuración durante
(antes de ejecutar).
la ejecución.
Se distribuye el ejecutable Se distribuye el código
Distribución (no se entrega el fuente o bytecode, requiere
código fuente intérprete/VM en el
necesariamente). cliente.
Python, JavaScript (en forma
Ejemplos C, C++, Rust, Go tradicional),
Ruby, PHP
Ventaja típica Rendimiento y control de recursos. Flexibilidad y rapidez de
desarrollo.
Ejemplo práctico: C (compilado) -> gcc programa.c -o programa
Python (interpretado) -> python [Link]
1
Imagen ilustrativa (placeholder):
• ![Compilado_vs_Interpretado]
(imagen_comp_vs_interp.png)
2. Características principales de JavaScript
•Lenguaje interpretado/ejecutado en máquina virtual (históricamente): JavaScript se ejecuta en el
motor del navegador (como V8, SpiderMonkey) o en entornos server-side ([Link]) que
usan motores JS.
•Lenguaje dinámico y débilmente tipado: Las variables pueden cambiar de tipo en tiempo de
ejecución y no requieren declaración de tipo explícita.
•Orientado a objetos (basado en prototipos): No usa clases tradicionales (hasta ES6 se
clas introdujeron como azúcar sintáctico) — la herencia se basa en prototipos.
•Asíncrono
s y event-driven: Soporta callbacks, promesas async/ para manejar
y operaciones asíncronas (I/O, timers, fetch, etc.). await
•Multiparadigma: Soporta programación imperativa, funcional y orientada a objetos.
•Ecosistema enorme: Miles de librerías y frameworks (React, Vue, Angular, Express, etc.).
•Ejecutado en cliente y servidor: Navegadores y [Link].
Tabla resumen:
Característica Descripción breve
Tipado Dinámico, débilmente tipado
Paradigma Multiparadigma (funcional, OO, imperativo)
Ejecución Motores JS (V8, SpiderMonkey), navegadores,
[Link]
Asincronía Callbacks, Promesas, async/await
Herencia Prototípica (con class sintáctica desde ES6)
Imagen ilustrativa (placeholder):
• ![Ecosistema_JS]
(imagen_ecosistema_js.png)
3. Tipos de datos primitivos y uso en JavaScript
JavaScript (ES6+) tiene los siguientes tipos de datos primitivos básicos:
Tipo Descripción Ejemplo
let n = 42; let
Numb Números (enteros y pi =
er flotantes).
3.14;
2
Tipo Descripción Ejemplo
String Cadenas de texto. let s = "Hola";
Boolean true o false . let activo = true;
Undefined Variable declarada sin asignación. let x; //
undefined
Representa ausencia intencional
Null let nada = null;
de valor.
let big =
BigInt Enteros de precisión arbitraria.
9007199254740991n;
Symbol Identificadores únicos e let id =
inmutables. Symbol('id');
Object (no primitivo, Colecciones de pares clave-valor y let obj = {nombre:
pero
fundamental) estructuras complejas. 'Jeili'};
Ejemplos de uso:
// Number
let edad = 25;
let temperatura = -2.5;
// String
let nombre = 'Jeili';
let saludo = `Hola, ${nombre}!`;
// Boolean
let esAdulto = edad >= 18; // true
// Null y
undefined let
pendiente =
null; let
sinValor;
// BigInt
let idGrande = 123456789012345678901234567890n;
// Symbol
const TOKEN = Symbol('token');
// Object
const persona = { nombre: 'Jeili', ficha: 3186611 };
Tabla de conversión/ejemplos rápidos:
3
Operación Ejemplo Resultado
Concatenar string + 'Edad: ' + 25 'Edad:
number 25'
Sumar números (Number) 10 + 5 15
Convertir string a number Number('123') 123
Parsear entero parseInt('12px', 12
10)
Imagen ilustrativa (placeholder):
• ![Tipos_Primitivos_JS]
(imagen_tipos_primitivos.png)
4. Operadores en JavaScript
A. Operadores aritméticos
Operador Descripción Ejemplo
+ Suma / 2 + * 5 'a' + 'b' →
concatenación 3 , 'ab'
- Resta 5 - 2* 3
* Multiplicación 4 * * 12
3
/ División 10 / * 5
2
% Módulo 5 % * 1
2
** Exponenciación 2 ** * 8
3
B. Operadores de asignación
Operador Descripción Ejemplo
= Asignación let a =
5;
+= , -= , *= , a += 3; // ahora
/= Operadores combinados a = 8
C. Operadores de comparación
Operador Significado Ejemplo
== Igualdad con conversión de tipos 5 == '5' → true
=== Igualdad estricta (sin conversión) 5 === '5' →
false
!= Desigualdad con conversión 5 != '6' → true
4
Operador Significado Ejemplo
!== Desigualdad estricta 5 !== '5' →
true
> >= < <= Comparaciones relacionales 3 > 2 → true
D. Operadores lógicos
Operador Significado Ejemplo
&& AND lógico true && false →
false
|| OR lógico true || false →
true
! Negación !true → false
E. Operadores de incremento/decremento
+ , -- (prefijo y sufijo)
+
let i = 0;
[Link](i++); // 0 (post-incremento)
[Link](++i); // 2 (pre-incremento)
F. Operador ternario
let nota = 4.5;
let resultado = nota >= 3 ? 'Aprobado' : 'Reprobado';
Imagen ilustrativa (placeholder):
• ![Operadores_JS]
(imagen_operadores_js.png)
5. Entornos de codificación e instalación (básico)
Entorno de desarrollo local
•Editor/IDE recomendado: Visual Studio Code (liviano, extensible).
•[Link]: Instalar [Link] para ejecutar JavaScript fuera del navegador y usar NPM
(gestor de paquetes).
•Navegador con consola de desarrollador: Chrome, Firefox. Herramientas devtools
para depuración.
5
Pasos básicos de instalación:
1. Descargar e instalar Visual Studio Code desde su sitio oficial.
nod y np ).
2. Descargar e instalar [Link] (incluye
3. Opcional: Instalar extensiones en e mESLint, Prettier, Debugger for Chrome.
VS Code:
Comandos útiles:
node --
version npm
--version
npm init -y # crea
[Link] npm install
Imagen ilustrativa (placeholder):
• ![Instalacion_Node_VSCode]
(imagen_instalacion_entorno.png)
6. Ejemplo de pequeña aplicación (archivo único) — Demo explicada
Archivo: [Link]
ml
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Demo JavaScript</title>
</head>
<body>
<h1>Hola, JavaScript</h1>
<p id="demo"></p>
<script>
const nombre =
'Jeili'; const edad =
21;
[Link]('demo').textContent = `Estudiante:
${nombre} - Ficha: ${3186611}`;
// Función asíncrona de ejemplo
async function obtenerDatoSimulado() {
return new Promise(resolve => setTimeout(() =>
resolve('Dato cargado'), 1000));
}
(async () => {
const dato = await obtenerDatoSimulado();
6
[Link](dato);
})();
</script>
</body>
</html>
7. Imágenes ilustrativas incluidas
En el documento se incluyen placeholders para las siguientes imágenes (si desea que las
genere o las inserte, puedo crearlas o buscarlas y agregarlas):
1. Diagrama comparativo: Compilado vs Interpretado
2. Ecosistema de JavaScript (navegador, [Link], frameworks)
3. Tipos primitivos con ejemplos visuales
4. Tabla visual de operadores
5. Pasos de instalación (VS Code + [Link])
8. Fuentes y lecturas recomendadas
•Documentación MDN Web Docs ( JavaScript)
•Libro: "You Don’t Know JS" (Kyle Simpson)
•[Link] official documentation
•Documentación de V8 (motor de JavaScript)
9. Conclusión
Se presentan los conceptos solicitados: diferencias entre lenguajes compilados e interpretados,
características de JavaScript, tipos primitivos, operadores y guía básica de instalación y
ejecución. El material incluye tablas, ejemplos de código y marcadores para imágenes
ilustrativas que pueden incorporarse a solicitud.
Entrega: Documento con solución al taller (formato: PDF / Markdown). Si desea, puedo:
- Generar las imágenes ilustrativas e insertarlas en este documento.
- Exportar el documento a PDF listo para entrega.
Fin del documento.