JAVASCRIPT

ING DEYVIS EMANUEL GUERRA CRUZ

Desarrollo de Aplicaciones Web
¿Qué es JavaScript o JS?
JavaScript es uno de los lenguajes más potentes, y el más usado en desarrollo web.

Podemos también realizar conexiones y coger datos de recursos externos, como pueden ser
servidores o APIs.

Además, con JavaScript podremos modificar nuestras páginas web, tanto el código HTML como
CSS, creando mayor dinamismo a la hora de representar el contenido.

Puedes hacer casi cualquier cosa con JavaScript. Desde crear cosas sencillas como carruseles de
imágenes o respuestas a eventos, hasta crear aplicaciones basadas en bases de datos.

JavaScript es un robusto lenguaje de programación que se puede aplicar a un documento HTML y

usarse para crear interactividad dinámica en los sitios web.

JavaScript es el lenguaje de programación que debes usar para añadir características interactivas
a tu sitio web.
¿Qué es JavaScript o JS?

DESARROLLO WEB
FRONTEND DEVELOPER
APK
ANDROID /
IOS

BACKEND DEVELOPER

FULLSTACK APPS DE ESCRITORIO

MICROCONTROLADORES
FRAMEWORKS LIBRERIAS

• Un framework, en cambio, es • El propósito principal de una

un marco de trabajo que trae un librería es ejecutar una acción
conjunto de librerías y “sub- concreta para reutilizar el código.
frameworks” que consiguen que • Llamamos librería a un conjunto
el desarrollo de una aplicación sea de funciones, clases y métodos
más rápido. Algunos ejemplos codificados en un lenguaje de
conocidos: Django en Python, programación, que ofrece una
Symfony en PHP y Spring en Java. interfaz o un contrato definido
• Un framework te brinda un set de para una funcionalidad específica.
herramientas para desarrollar • Una librería te permite solucionar
sistemas o aplicaciones. un problema concreto
Ecma International
• Ecma International es una organización internacional basada en
membresías de estándares para la comunicación y la información.
Adquirió el nombre Ecma International en 1994, cuando la European
Computer Manufacturers Association (ECMA) cambió su nombre para
expresar su alcance internacional. Como consecuencia de esta
decisión, el nombre ya no se considera un acrónimo y no se escribe
completamente en mayúsculas.
• La organización fue fundada en 1961 para estandarizar los sistemas
informatizados en Europa. La membresía está abierta a las empresas
que producen, comercializan o desarrollan sistemas informáticos o de
comunicación en Europa.
• Los objetivos de Ecma International son desarrollar, en cooperación con las
organizaciones de estándares nacionales, europeas e internacionales, estándares y
reportes técnicos con el fin de facilitar y normalizar el uso de las tecnologías de
información y comunicación y dispositivos electrónicos; promover el uso correcto de
los estándares, mediante la influencia en el medio en el que se aplican; y,
finalmente, hacer públicos estos estándares y reportes técnicos de forma impresa o
electrónica, pudiendo ser copiados por las partes interesadas de manera libre.
• Por más de cuarenta años, Ecma ha contribuido activamente en la normalización a
nivel mundial de la tecnología de la información y las telecomunicaciones. Más de
400 Estándares Ecma y 100 Reportes técnicos Ecma han sido publicados, de los
cuales más de 2/3 de ellos han sido adoptados como estándares y/o reportes
técnicos a nivel internacional.
• A diferencia de los cuerpos de normalización nacionales, Ecma es una organización
basada en membresías, que se enorgullece de su visión orientada a los negocios
para los estándares, que se dice que guía a mejores especificaciones en menos
tiempo debido a la disminución de los procesos burocráticos enfocados en obtener
un consenso.
 ECMA-334: ECMA-335:
especificación de C#. especificación del CLI.

ECMA-368:
ECMA-372:
especificación de la
especificación de C+
capa física y acceso al
+/CLI (extensiones de
medio de la tecnología
C++ para CLI).
Ultra WideBand
ECMA 2015 O ECMAJavascript
• ECMAScript es una especificación de lenguaje de programación
publicada por ECMA International. El desarrollo empezó en 1996 y
estuvo basado en el popular lenguaje JavaScript propuesto como
estándar por Netscape Communications Corporation. Actualmente
está aceptado como el estándar ISO 16262.
• ECMAScript 2015 es un estándar que fue ratificado en junio de 2015,
ES2015 es una actualización importante del idioma, y la primera
actualización importante del lenguaje desde ES5 se estandarizó en
2009. La implementación de estas características en los principales
motores de JavaScript ya está en marcha. Cabe recalcar que
ECMAScript 2015 es lo mismo que ES2015.
FRAMEWORKS

VUE ANGULAR REACT

La etiqueta <script>

La etiqueta <script> se usa para definir un script de JavaScript

del lado del cliente.

El elemento script puede contener el propio script o usando

el atributo src referencia a un script externo en otro fichero.

JavaScript se usa para la manipulación de imágenes, validación

de formularios, cambios dinámicos de contenido, etc.
Insertar JavaScript en nuestro proyecto
Puede ser añadido de dos formas:

Interna: Mediante la etiqueta <script>

Externa: Mediante la etiqueta script llamando a un archivo externo especificando su ruta con el atributo “src”.
Tiene la ventaja de que separa el HTML del JS, haciendo que sean más fáciles de leer y mantener.
Opciones para la salida de datos en JS

JavaScript puede mostrar datos de formas diferentes:

• Mediante la consola del navegador utilizando console.log( ).
• Escribiendo en una caja de alertas, usando window.alert( ).
• Escribiendo en un elemento HTML, utilizando innerHTML. Para acceder a un elemento podemos usar el
método element = document.getElementById(id).
• Escribiendo en la salida estándar de HTML, mediante document.write( ). Esto es solo recomendable en fases
de prueba.
Sintaxis de JavaScript

La sintaxis de JavaScript define como el código de los programas está construido. Nos vamos a encontrar lo
siguiente:

• Valores: Pueden ser literales, constantes o variables, que almacenan los valores de los datos.

• Operadores: Hay aritméticos, de comparación y lógicos.

• Expresiones: Combinan operadores, valores literales y variables; que dan como resultado un valor.

• Palabras clave: Identifican una acción a realizar, como puede ser crear una variable.

• Comentarios: Parte del código que no debe ser ejecutado y sirven para la comprensión del código.

• Identificadores: Son nombres que sirven para identificar variables, funciones o palabras clave.
Variables y constantes
Las variables son contenedores para valores que se asignan a los datos, y que pueden cambiar durante la ejecución
del programa.

Las constantes son contenedores de valores que no se modifican en ningún momento.

Estos dos tipos de contenedores deben ser identificados con nombres únicos. Se les asigna un valor mediante el
signo “=“, pudiendo ser igualado su valor a otra variable, a un valor o a una expresión.

Las variables se declaran mediante las palabras var (se puede declarar más de una vez) y let (si solo se va a
declarar una vez). Tras ser declarada, una variable no tiene valor (undefined), y este debe ser asignado.

Las constantes son declaradas mediante la palabra const, y su valor no debe ser reasignado una vez se declara.
Tipos de datos
• Las convenciones de codificación son un conjunto de normas para un
lenguaje de programación específico que recomiendan estilos de
programación, buenas prácticas y métodos para mantener el aspecto
del código fuente.. Estas convenciones incluyen la organización de
archivos, la indentación, los comentarios, las declaraciones los espacio
en blanco, las llaves de apertura y cerrado…
• Se recomienda a los desarrolladores de software que sigan estas
convenciones para ayudar a mejorar la legibilidad del código fuente y
facilitar el mantenimiento del software. Las razones principales de la
existencia de estas convenciones son para reducir los esfuerzos a la hora
de leer y entender el código fuente y mantener el standard de estilo
adecuado al lenguaje de programación, de esta manera nos centramos
en revisar los puntos mas importantes de nuestro código fuente más
que en sintaxis y estilos.
Nombre Descripción Ejemplo

Todo minúsculas. ❌ No se usa porque en palabras compuestas puede

lowercase confundir. precioproducto

UPPERCASE Todo mayúsculas. ❌ No se usa porque en palabras compuestas puede PRECIOPRODUCTO

confundir.

camelCase Primera palabra, todo minúsculas. El resto, todo minúsculas salvo primera precioProducto
letra.

PascalCase Idem, pero las palabras empiezan con la primera letra mayúscula. Se usa en PrecioProducto
Clases.

snake_case Las palabras se separan con un guión bajo y se escriben siempre en precio_producto
minúsculas.

UPPER_SNAKE_CASE Se usa en constantes ajustables frecuentemente por el programador. PRECIO_PRODUCTO

kebab-case Palabras separadas con un guión normal y en minúsculas. Usadas en precio-producto

HTML/CSS.

dot.case Palabras en minúsculas separadas por puntos. ❌ En Javascript no se puede precio.producto

usar.

Húngara Prefijo (minúsculas) con el tipo de dato (n = número, t = texto, ...). ❌ nPrecioProducto
Desaconsejada.
Tipos de datos

PRIMITIVOS DE REFERENCIA
• Number • Array
• String • Object
• Boolean • Functions
• Undefined • Clases
• Null
Tipos de datos
El concepto de tipo de datos es muy importante en programación. Nos dan información respecto a los valores de las
variables que estamos utilizando, y dictaminan de qué manera podemos utilizarlos.
Las variables en JS pueden cambiar de tipo de forma dinámica, es decir, se puede reutilizar la misma variable para
alojar otro tipo de datos. Los más importantes son:

• Strings: Contienen cadenas de caracteres entre comillas.

• Numbers: Contienen números, tanto enteros como decimales.

• Booleanos: Pueden tomar dos valores, true o false.

Tipos de datos
• Arrays: Contienen diferentes elementos, cada uno con un índice comenzando por el 0.

• Objetos: Tienen distintas propiedades que se representan mediante pares nombre-valor, separadas por comas.

• Undefined: Representa un dato sin valor. Es el que toman las variables al ser declaradas.

Podemos obtener el tipo de una dato mediante el operador typeof.