Documentos de Académico
Documentos de Profesional
Documentos de Cultura
JavaScript
2023
Contenido
Historia de la programación....................................................................................................................................................1
¿Qué es JavaScript?................................................................................................................................................................4
....................................................................................................................................4
Evolución de JavaScript...........................................................................................................................................................8
Características de JavaScript....................................................................................................................................................13
Fundamentos de la programación JavaScript..............................................................................................................................14
Conceptos básicos: clases, variables,....................................................................................................................................15
Switch................................................................................................................................................................................... 18
Operadores lógicos...............................................................................................................................................................20
Bucles.................................................................................................................................................................................... 21
Clases.................................................................................................................................................................................... 22
Funciones, objetos, eventos.................................................................................................................................................23
Eventos:................................................................................................................................................................................ 25
Ventajas y desventajas de JavaScript:...................................................................................................................................26
Frameworks JavaScript.........................................................................................................................................................28
El Futuro de JavaScript..........................................................................................................................................................29
Historia de la programación
El Primer Hallazgo De Algo Relacionado Con La Programación Lo Encontramos En
1801 De La Mano De Joseph Marie Jacquard Y Su Telar Programable. Con El Se Da
A Luz Al Primer Sistema De Programación, Integrado En Un Telar Que Leía El
Código Introducido Y Automatizaba Los Procesos. JavaScript:
Php
C#
C++
X++
DESCRIPCION NATURALEZA
4135 comercio al x mayor y x menor 2,400,000
240810 Iva generado 19% 456,000
23657595 autorretención en renta 9,600
135595 autorretención en renta 9,600
1305 clientes 2,856,000
SUMAS IGUALES 2,865,600 2,865,600
“Visual Basic”.
En 1970 tuvo lugar la creación de Pascal, que al igual que BASIC, nació como una
En 1972 llegó el lenguaje C, y el resto es historia. C fue creado por Dennis Ritchie
adquiriría una relevancia vital, hasta acabar convirtiéndose en uno de los lenguajes
Finalmente en 1979 tiene lugar otro hito histórico para la programación: se crea el
Con la llegada de 1990 y la década de internet, fueron numerosos los nuevos lenguajes de programación que
surgieron. Muchos de ellos alcanzaron una gran popularidad y siguen siendo masivamente utilizados
actualmente. Entre ellos destacamos algunos como HTML, Python, Visual Basic, Java, JavaScript o PHP que están
mermada como consecuencia de la gran completitud de los lenguajes ya diseñados. Hechos relevantes
Scratch, lenguaje de programación creado en 2006 con una complejidad más reducida para facilitar un
Kotlin en 2012, hoy bautizado como uno de los mejores lenguajes para programar en Android.
Actualmente, son muchos los lenguajes de programación utilizados, cada uno especializado en una
función diferente. Sin duda, cada vez serán más las aplicaciones de estos lenguajes, hasta que puedan
adquirir funcionalidades tan impensables como las que podemos realizar ahora si echamos una vista
hacia atrás.
¿Qué es JavaScript?
máxima de 28.8 kbps. Esa velocidad era más que suficiente para
gran cosa más que servir como una inmensa biblioteca donde los
Evolución de JavaScript
Aunque JavaScript surgió como un lenguaje de script para mejorar las capacidades de la web de
la época allá por 1995 por la extinta Netscape, JavaScript no ha dejado de evolucionar desde
por Nombas.
Brendan Eich, un programador que trabajaba en Netscape, pensó que podría solucionar las
navegador Netscape Navigator 2.0, que iba a lanzarse en aquel año. Inicialmente, Eich denominó
Fue entonces cuando, justo antes del lanzamiento, Netscape decidió cambiar el nombre por el de
JavaScript y firmó una alianza con Sun Microsystems para continuar el desarrollo del nuevo
lenguaje de programación.
Esto contribuyó todavía más al empuje y popularización del lenguaje, pero comenzaron a
culminó con el estándar ECMA-262. Este estándar dicta la base del lenguaje ECMAScript a través
Getters y setters.
ECMAScript 6:
Módulos.
Generators.
Proxys.
Destructuring assignments.
Name objects.
Iterators.
Array comprehensions.
String templates.
Características de JavaScript
JavaScript fue ideado para dotar a la web de capacidades interactivas que le ayudarán a dar el
salto al siguiente nivel permitiendo crear una interfaz de usuario activa, lo que ofrece
retroalimentación a los visitantes según navegan por sus páginas. Por ejemplo, es común usar
válida. Sin necesidad de enviar ninguna información al servidor, el programa realiza los cálculos
Con JavaScript podemos crear sobre la marcha páginas HTML personalizadas, dependiendo de
las acciones ejecutadas por el usuario. Supongamos que estamos en una web de seguros, con
opciones personalizadas, etc y lanzar eventos en función del día y hora en donde nos
encontremos.
escritura de guiones (lenguaje de scripting). Un guión Script es un programa que está contenido
En las páginas HTML, como está incluido en la etiqueta <script>, el texto del guión no aparece en
todo lo que queramos hacer. Esto hace que podamos usar diferentes técnicas para poder hacer
nuestro código lo más eficiente posible. En otras palabras el lenguaje se adapta a tu estilo de
programación. Pero siendo sincero no vas a aprender JavaScript en una semana, posiblemente te
tome más de 6 meses en entender el lenguaje y las herramientas para crear aplicaciones
increíbles. El esfuerzo es algo que valdrá totalmente la pena y vas a estar en un viaje de
aprendizaje increíble.
Por ejemplo, declarar variables - contenedores en los que puedes almacenar valores - es un buen
ejemplo. Primero declaramos la variable con la palabra clave var, seguida del nombre que le
quieras dar:
var nombreVariable;
nombreVariable = 'pato';
Y por supuesto podemos ahorrar tiempo si hacemos las dos cosas a la vez:
A partir de aquí vamos definiendo nuestro Script con una lista de enunciados que se van
ejecutando a medida que se cargan pero, para organizar mejor nuestro código, podemos
alternativas. Es decir, según un supuesto, que nuestro programa tome un camino u otro. Para
if … else
Se trata de la estructura de control más simple. Básicamente lo que decimos es que sí se cumple
una condición se tomará un camino y en caso que no se cumpla tomará otro camino alternativo.
if(condición){
} else {
}
Por ejemplo:
if (p_manzana>100){
} else {
}
Claro está que si necesitamos concatenar diferentes If...else nuestro árbol de decisión puede ser
un poco complicado de mantener por lo que se suele ser más efectivo emplear la estructura
Switch
Por medio de switch se puede listar una serie de bloques de enunciados que se ejecuten
dependiendo del valor de una variable. Esto resulta en un manejo mucho más eficiente de nuestro
código.
La sintaxis sería:
switch (variable){
case(valor1):
o #código
o break;
case(valor2):
o #código
o break;
case(valor3):
o #código
o break;
default:
o break;
}
Nota: break indica que el bloque de código puede dejar de interpretarse cuando se haya dado una
Operadores lógicos
Las posibilidades de establecer condiciones permiten hacer nuestro código mucho más fácil de
entender y mantener. Para mejorar sus posibilidades y al igual que todos los lenguajes de
Este tipo de operadores permite obtener solo dos resultados, por lo que se conocen también
como booleanos, porque hacen uso de los principios del álgebra de Boole. Los resultados
son Verdadero o Falso. La sintaxis especifica una serie de reglas de construcción que deberán
NOT (!)
!expr Retorna true Si la expresión son incorrectas.
lógico
Bucles
Los bucles ofrecen una manera rápida y sencilla de hacer algo repetidamente. Esto es
especialmente útil si necesitamos que nuestro programa realice una acción de manera reiterada.
En JavaScript hay varias formas de representar los bucles. El emplear el más adecuado depende
de nuestra preferencia para determinar sus puntos de inicio y fin. Quizá el más conocido es for:
var contar;
// contamos del 1 al 4
console.log('cuento' + contar);
};
Otro bucle que debemos conocer es do...while. Esta sentencia establece que mientras se cumpla
la condición el bucle seguirá ejecutándose. Una sentencia do...while se mostrará como sigue:
do
sentencia
while (condicion);
Ejemplo:
do {
i += 1;
console.log(i);
En el siguiente ejemplo, mientras que el valor de la variable i sea inferior a 5 el bucle tendrá lugar.
Clases
Las clases fueron una de las grandes novedades introducidas en ECMAScript 2015 y son de
hecho "funciones especiales", son una mejora sintáctica sobre la herencia basada en prototipos
de JavaScript. Las clases de JavaScript proveen una sintaxis mucho más clara y simple para
Las clases son de hecho "funciones especiales", tal y como el caso de las expresiones de
class Poligono {
constructor(alto, ancho) {
this.alto = alto;
TECNOLOGO EN GESTION CONTABLE DE INFORMACION FINANCIERA
2694368
Juanita Vidal - Jonier Barragán
this.ancho = ancho;
}
}
function square(number) {
}
Las últimas versiones de JavaScript siguen un diseño pensando para resolver los paradigmas de
Dichas propiedades suelen ser el resultado de una asociación entre un nombre y un valor pero
también podemos asociar una función o método que permite realizar operaciones o lanzar
eventos.
Los objetos en JavaScript, al igual que en muchos otros lenguajes de programación, pueden ser
comparados con objetos de la vida real. El concepto de Objetos en JavaScript se puede entender
miAuto.marca = "Seat";
miAuto.modelo = "127";
miAuto.año = 1972;
Eventos:
Cuando hablamos de eventos en JavaScript tenemos que pensar en cómo el HTML interactúa
con el usuario. Una web no solo ofrece un contenido estático, a menudo se muestran formularios
o se requiere estar atentos a lo que hace el navegador. Algunos ejemplos de eventos en HTML
Una de las características de JavaScript es el permitir ejecutar código cuando se detectan estos
Evento Descripción
JavaScript contaba con cierta leyenda negra. Los programadores más puristas de la época veían
programación. Con el tiempo esto ha dejado de ser así, sobre todo con la llegada de ECMAScript
4 y su evolución posterior, hasta el punto de ser uno de los lenguajes de programación más
demandado en la actualidad.
Es soportado por los navegadores más populares y es compatible con los dispositivos más
Es muy versátil, puesto que es muy útil para desarrollar páginas dinámicas y aplicaciones web.
Es multiplataforma, puede ser ejecutado de manera híbrida en cualquier sistema operativo móvil.
Es el único lenguaje que permite trabajar modo FullStack en cualquier tipo de desarrollo de
programación.
Pero como decíamos también tiene otras características no tan positivas, estas son:
En el FrontEnd sus códigos son visibles, por lo tanto pueden ser leídos por cualquier usuario.
Sus opciones 3D son limitadas, si se quiere utilizar este lenguaje de programación para crear un
Sus script son limitados por razones de seguridad y no es posible realizar todo con JavaScript, por
Frameworks JavaScript
Como lenguaje de programación la evolución de JavaScript ha sido enorme y sigue creciendo
mediante nuevas implementaciones, frameworks y librerías que se utilizan para diferentes usos.
Todo esto hace imposible para los desarrolladores poder conocer todo de este lenguaje. Es aquí
donde los frameworks se presentan como una especie de navaja suiza para facilitar su trabajo.
Angular.js: este framework es desarrollado por Google y por tanto uno de los más populares. En
la práctica no necesita presentación al ser el framework MVW ( Model View WhatEver) que se ha
encargado de traer orden a las aplicaciones JavaScript y potenciar las Arquitecturas SPA.
Meteor.js: uno de los frameworks JavaScript que está adquiriendo mayor tracción en el mercado.
Pensado para desarrollar aplicaciones JavaScript puedan ejecutar su código en entornos cliente
cliente y servidor.
TECNOLOGO EN GESTION CONTABLE DE INFORMACION FINANCIERA
2694368
Juanita Vidal - Jonier Barragán
jQuery.js: uno de los clásicos, han pasado muchos años desde que apareció en el mercado y se
El Futuro de JavaScript
En sus inicios JavaScript era utilizado para crear animaciones e interacciones sencillas en los
no solo en el navegador del usuario. Esto ha generado un cambio de paradigma importante hasta
el punto que en la actualidad podemos utilizar código JavaScript para cualquier cosa que se nos
ocurra.
Para darnos cuenta de la importancia que esto ha supuesto solo citar que Netflix utiliza
JavaScript para construir sus aplicaciones para todos los dispositivos que soporta.
divertido” sino también algo que nos permite programar lo que queramos en completa libertad y
casi sin recurrir a código procedente de otros lenguajes. Es fácil entender que su futuro y
frameworks.
JAVASECRIPT PHP