República Bolivariana de Venezuela

Ministerio del Poder Popular para la Educación Universitaria

Universidad Politécnica Territorial de Paria “Luis Mariano Rivera”
Programa Nacional de Formación en Informática
Carúpano – Estado Sucre

Instructora: Integrantes:

Neluisé González Anyluz Felce

C.I:27.993.471

Sección:

I21
Mayo, 13/05/20

1. ¿Qué es Javascript?

Es un lenguaje con muchas posibilidades, utilizado para crear pequeños

programas que luego son insertados en una página web y en programas más
grandes, orientados a objetos mucho más complejos. Con Javascript podemos
crear diferentes efectos e interactuar con nuestros usuarios.

Este lenguaje posee varias características, entre ellas podemos mencionar que es
un lenguaje basado en acciones que posee menos restricciones. Además, es un
lenguaje que utiliza Windows y sistemas X-Windows, gran parte de la
programación en este lenguaje está centrada en describir objetos, escribir
funciones que respondan a movimientos del mouse, aperturas, utilización de
teclas, cargas de páginas entre otros.

Es necesario resaltar que hay dos tipos de JavaScript: por un lado está el que se
ejecuta en el cliente, este es el Javascript propiamente dicho, aunque
técnicamente se denomina Navigator JavaScript. Pero también existe un
Javascript que se ejecuta en el servidor, es más reciente y se denomina LiveWire
Javascript.

2. Uso del lenguaje. (Para que sirve?)

Todos los navegadores modernos incluyen un intérprete o motor de JavaScript,

que traduce e interpreta las instrucciones escritas en este lenguaje en las páginas.

Esto permite la rapidez e inmediatez que no es posible en otros lenguajes como

PHP que se ejecutan en el servidor web.

Funciona desde el navegador, por lo que muchas funciones están disponibles en

las páginas, aun sin conexión.

Se puede comprobar con todos los ejemplos que mostramos más abajo en esta
misma página, si la guardamos y cargamos sin conexión.

JavaScript es casi imprescindible actualmente en la web moderna y está detrás de

gran mayoría de recursos disponibles en internet.

Crea todo tipo de programación bien sea pequeños o de objetos complejos, por lo
que es el lenguaje más versátil y estable que se conoce. El lenguaje no tiene nada
que ver con Java, tiene una estructura bastante fácil y de alto nivel, es simple de
aprender y se adapta fácilmente al lenguaje humano ya que está formado por
texto y script.

Los scripts son secuencias de comando que se forman desde el lado del cliente y
no del servidor, sin necesidad de desencajar el código para su fuente de ejecución
mediante unos procesos, aunque también se da la transformación de JavaScript
para aplicación desde el lado del servidor, es de muy poco uso, el script
representa pequeñas acciones, eventos o efectos que se acoplan entre sí para
crear grandes programas.
3. Breve historia del lenguaje

JavaScript fue desarrollado por Brenda Eich de Netscape con el nombre de

Mocha, el cual con el tiempo lo renombraron a livescript, para después quedar
finalmente con JavaScript, el cambio surgió debido a que en el momento de que
Netscape agrego compatibilidad con la tecnología Java en su navegador web
Netscape Navegation en la versión 2002 en 1995, por lo que a su vez trajo una
confusión, dando que el lenguaje es una prolongación de Java y se ha
denominado como una estrategia de mercadotecnia para que Netscape tenga un
prestigio y modificar el ámbito de los nuevos lenguajes de programación web.

Microsoft dio como nombre a JavaScript como “JScript” para así evitar problemas
con la agencia de la marca, JScript fue adoptado con la versión 3.0 de Internet
Explorer, en el año 1996, aunque los dialectos pueden ser parecidos a los
términos “JavaScript” y “JScript” se utilizan indistintamente y JScript es
incompatible con la de ECMA en muchos aspectos.

4. ¿Qué se necesita para programar con JavaScript?

Solo necesita hacer un recorrido de la gramática en primer lugar para estar seguro
de que se alcanzará cada programa de duración finita en un tiempo determinado
(si hace un recorrido en primer lugar de profundidad, se quedará impresionado al
explorar todos los programas que consisten únicamente en un variable cuyo
nombre es una secuencia cada vez más larga de 'A's, o algo así.

5. ¿Dónde insertar el código JavaScript en la página?

Hay dos formas de incluir JavaScript en HTML y hacer que funcionen juntos. Ahora
que hemos hablado sobre JavaScript y hemos visto cuáles pueden ser algunas de
sus ventajas, echemos un vistazo a algunas de las formas en que podemos
conectar JavaScript con HTML.

JavaScript en HTML es un complemento muy útil. Los lenguajes de programación

son fundamentales a la hora de diseñar y desarrollar una web, por eso, de cara al
SEO, manejar estos dos lenguajes es muy importante.

HTML sería la base de nuestro trabajo de programación, el lenguaje que nos va a

permitir disponer de una web completamente activa, en la que nuestros productos
se muestren correctamente, si por ejemplo, disponemos de una comercio online.

JavaScript nos va a permitir ampliar nuestras acciones, con funciones de

programación específicas, con las que podremos personalizar completamente las
funciones de nuestra web.

En cuanto al SEO, como sabes, Google tiene en cuenta más de 200 parámetros
diferentes a la hora de valorar una web y posicionarla, muchos de ellos se refieren
en exclusiva a la arquitectura web y a su programación, por eso es importante
contar con programadores expertos, capaces de ajustar la estructura del lenguaje
de nuestra web a lo que Google espera de ella.

-Código en la página

Es una página que contiene una lista de códigos de caracteres y sus

correspondientes glifos (caracteres). Por ejemplo, con la página de códigos 437
(se usa con la mayoría de las versiones en inglés de Windows) el número de
código de caracteres 160 es una "a" con acento (á) En hexadecimal, este carácter
sería el número de código A0. Para las computadoras que usan la página de
códigos 437, mantenga presionada la tecla Alt en el teclado y luego ingrese "160"
en el teclado numérico.

-Código externo

Hay dos tipos de situaciones en las cuales lo que queremos incluir en la entrada
desde nuestro ordenador no es texto, imagen o vídeo, y que se resuelven
incluyendo un código HTML denominado normalmente "código EMBED". Estas
situaciones son:

Cuando queremos ofrecer un documento hecho por nosotros.

Aquí podemos optar por subir el archivo a un espacio web (si disponemos de él) y
colocar en nuestra entrada un enlace a la URL del archivo.

Pero si no tenemos espacio web o no queremos usarlo, tendríamos la opción de

subir el archivo a algún servicio de visualización de documentos, como Scribd, e
incluir en nuestra entrada el código EMBED que ese servicio nos ofrecerá.

Cuando queremos incluir algo que hemos encontrado en internet pero que es
público y está compartido:

Si se trata de un servicio Web 2.0 que ofrezca código EMBED, incluiremos este
código en nuestra entrada.
 Si es parte de una Web normal, podremos añadir un "iframe" con la URL de la
Web que la visualice como si se tratase de una ventana incluida en nuestra
entrada.

Todas estas situaciones las resolveremos dentro del editor de entradas, en la ficha
de "Edición de HTML".

6. Funciones alert y prompt

La Función Prompt

Como el nombre sugiere, la función prompt da el resultado a un mensaje que

informará al usuario de cualquier cosa que el programador desea hacer.

Por ejemplo, el desarrollador quiere pedir al usuario que “firmar” la información

dada a través de un símbolo del sistema. El código será de esta manera:

var popup=window.prompt("Porfavor inicialice")

En este código, un mensaje pop-up pidiendo al usuario que introduzca iniciales

para asegurarse de que la interacción es certificada. Funciones adicionales
relacionadas con el (popup) variables podrían ser explotados como los cambios en
la ventana.

Como ya decíamos al principio la función (el método) prompt() nos solicitará algo
para continuar. Aquí pasamos dos argumentos, el primero es el texto que saldrá
en la ventana, el segundo es el valor por defecto de la caja de texto, si lo dejamos
vacío no se mostrará nada.

Un ejemplo pidiendo un número:

JavaScript

Prompt('Por favor introduce un numero', '4567');

Prompt('Por favor introduce un numero', '4567');

Un ejemplo pidiendo un nombre:

JavaScript

Prompt('Por favor introduce tu nombre', 'Vicky el Vikingo');

Prompt('Por favor introduce tu nombre', 'Vicky el Vikingo');

Un ejemplo sin valor por defecto:

JavaScript

Prompt('Por favor introduce lo que quieras', '');

Prompt('Por favor introduce lo que quieras', '');

Creamos unos botones para mostrar los prompt() usando el evento onclick de los
botones:

XHTML

<input type="button" onclick="prompt('Por favor introduce tu nombre', 'Vicky el

Vikingo')" value="Pedir nombre"/>

<input type="button" onclick="prompt('Por favor introduce un número', '4567')"

value="Pedir número"/>

<input type="button" onclick="prompt('Por favor introduce lo que quieras', '')"

value="Pedir vacío"/>

<input type="button" onclick="prompt('Por favor introduce tu nombre', 'Vicky el

Vikingo')" value="Pedir nombre"/>

<input type="button" onclick="prompt('Por favor introduce un número', '4567')"

value="Pedir número"/>

<input type="button" onclick="prompt('Por favor introduce lo que quieras', '')"

value="Pedir vacío"/>

La Función Alert

Esta función es un poco más sencillo en comparación con la función prompt. Que
no hace nada más que no sea una persona para informar sobre la acción. El
código es de esta manera:

window.alert("Hola...!")

Tan pronto como el usuario hace clic en el cuadro de la función que se adjunta,
una nueva ventana pop-up diciendo “Hola!” Hay miles de razones por las cuales
usted necesita agregar una función de alerta. Esto podría ser usado para informar
al usuario de que la entrada de datos no es correcta o simplemente para advertir
al usuario de que algo drástico está a punto de suceder en la solicitud en línea.
Primero alert() cuya estructura incluye un argumento entre los paréntesis que es el
mensaje que aparecerá en la ventana emergente:

JavaScript

alert('Esto es un alert... ¡Bien hecho!');

alert('Esto es un alert... ¡Bien hecho!');

Podemos crear un botón en HTML para mostrar el alert() usando el evento onclick
del botón:

XHTML

<input type="button" value="Mostrar alert" onclick="alert('Esto es un alert... ¡Bien

hecho!')"/>

<input type="button" value="Mostrar alert" onclick="alert('Esto es un alert... ¡Bien

hecho!')"/>

7. Variables y tipo de datos. Función Typeof

El operador typeof devuelve una cadena que indica el tipo del operando sin
evaluarlo. operando es la cadena, variable, palabra clave u objeto para el que se
devolverá su tipo. Los paréntesis son opcionales.

Suponga que define las siguientes variables:

var miFuncion = new Function("5+2")

var forma = "redonda"

var tamano = 1

var hoy = new Date()

El operador typeof devuelve los siguientes resultados para estas variables

typeof miFuncion === 'function'

typeof forma === 'string'

typeof tamano === 'number'

typeof hoy === 'object'

typeof noExiste === 'undefined'

Para las palabras clave true y null, el operador typeof devuelve los siguientes
resultados:

typeof true === 'boolean'

typeof null === 'object'

Para un número o una cadena, el operador typeof devuelve los siguientes

resultados:

typeof 62 === 'number'

typeof 'Hola mundo' === 'string'

Para valores de propiedades, el operador typeof devuelve el tipo del valor que
contiene la propiedad:

typeof document.lastModified === 'string'

typeof window.length === 'number'

typeof Math.LN2 === 'number'

Para métodos y funciones, el operador typeof devuelve los resultados siguientes:

typeof blur === 'function'

typeof eval === 'function'

typeof parseInt === 'function'

typeof shape.split === 'function'

Para objetos predefinidos, el operador typeof devuelve los siguientes resultados:

typeof Date === 'function'

typeof Function === 'function'

typeof Math === 'object'

typeof Object === 'function'

typeof String === 'function'

Las variables son localidades de memoria en las que pueden almacenarse datos.
Cada una tiene un nombre, un tipo y valor. Java tiene tres tipos de variables: de
instancia, de clase y locales.

Variables de instancia.

Se utilizan para definir los atributos de un objeto.

Variables de clase.

Son similares a las variables de instancia, con la excepción de que sus valores
son los mismos para todas las instancias de la clase.

Variables locales.

Se declaran y se utilizan dentro de las definiciones de los métodos.

A diferencia de otros lenguajes, Java no tiene variables globales, es decir,

variables que son vistas en cualquier parte del programa.

Java es un lenguaje "fuertemente tipeado o tipificado" por lo que es necesario

especificar el tipo de dato para cada una de las variables que se vayan a utilizar
en un programa. El nombre de la variable debe de ser un identificador válido, y se
usa para referirse a los datos que contiene una variable.

El tipo de una variable determina los valores que puede almacenar y las
operaciones que se pueden hacer sobre ella. Para dar a una variable un tipo y un
nombre, se escribe una declaración de una variable, que tiene la siguiente forma:

TipoDato nombreVariable;

Ej.

String nombre; // variable de tipo String

int edad; // variable de tipo int

Punto p; // variable del tipo Punto

Se pueden escribir varios nombres de variables del mismo tipo en una sola línea,

int x, y, z;

String nombre, apellido;

También se puede asignar un valor inicial a las variables al momento de crearlas,

String nombre, apellido="MiApellido";

int edad = 24;

Las variables en Java pueden ser uno de los siguientes tipos:

Tipo primitivo.

Una variable de tipo primitivo contiene un solo valor del tamaño y formato
apropiado de su tipo: un número, un carácter, o un valor booleano.

La tabla siguiente lista los tipos de datos primitivos soportados por Java.

Tipo Descripción Tamaño/Formato

Números enteros

byte Entero byte 8-bit 2's

short Entero corto 16-bit 2's

int Entero 32-bit 2's

long Entero largo 64-bit 2's

Números reales

float Punto flotante 32-bit IEEE 754

double Punto flotante de doble presición 64-bit IEEE 754

Otros tipos

char Un solo carácter 16-bit caracteres Unicode

boolean Un valor booleano true o false

En Java, cualquier numérico con punto flotante automáticamente se considera

double. Para que sea considerado float se agrega una letra "f" o "F" al final del
valor.

double d = 10.50;

float f = 10.50F;
 Referencia.

Los arreglos, las clases y las interfaces son del tipo referencia. El valor de una
variable del tipo referencia es una dirección de un conjunto de valores
representados por una variable.

Las referencias en Java no son como en C++, éstas son identificadores de

instancias de alguna clase en particular.

Ej.

String cad; //referencia a un objeto de la clase String

Punto p; //referencia a un objeto de la clase Punto

int[] var_arreglo; //referencia a un arreglo de enteros

8. Operadores aritméticos. Contadores.

Los operadores Aritméticos toman valores numéricos (ya sean literales o

variables) como sus operandos y retornan un valor numérico único. Los
operadores aritméticos estándar son adición o suma (+), sustracción o resta (-),
multiplicación (*), y división (/).

Estos operadores trabajan al igual que en la mayoría de otros lenguajes de

programacion, excepto el operador /, que retorna una división de punto flotante en
JavaScript, no una división truncada como en lenguajes tales como C o Java. Por
ejemplo:

// Number addition and subtraction

console.log(2 + 3 - 1);

// expected output: 4

// Number multiplication and division

console.log(4 * 3 / 2); // 12 / 2

// expected output: 6
// Number remainder and exponential

console.log(11 % 3 ** 2); // 11 % 9

// expected output: 2

Contador en Java Script

Nuestra actividad en JavaScript es procesar los eventos que generan estos

controles (un evento es una acción que se dispara, por ejemplo si se presiona un
botón).

Un contador es una variable en la memoria que se incrementará en una unidad

cada vez que se ejecute el proceso.

Cuando ejecutamos el codigo html en un explorador, la variable empieza en 0, al

momento de dar click al boton que se formo incia el ciclo de la variable, en este
caso aumenta 1

a continuacion se presentara el index con el codigo que se ha creado para la

comprobacion del contador.

Ejemplo

<html>

<head> Contador en Java Script </head>

<body>

<script type="text/javascript">

var contador=0;

function incrementar()

contador++;

alert('El contador ahora vale :' + contador);

</script>
<form>

<input type="button" onClick="incrementar()" value="incrementar">

</form>

</body>

</html>

x=15;

x++;

x=16

9. Concatenación y conversión de tipos

La concatenación de cadenas significa la unión secuencial de dos cadenas para

formar una sola.

En la mayoría de lenguajes como PHP la concatenación se realiza con el carácter

“.”. En Javascript se debe utilizar el signo (+) o utilizar el método concat().

En los siguientes dos ejemplo, la variable cadena 3 contiene la cadena “Buenos

días a todos”:

Var cadena1 = "Buenos días"; var cadena2 = “a todos"; var cadena3 = cadena1 +
cadena2;

El siguiente ejemplo equivale al ejemplo de arriba:

var cadena1 = "Buenos días"; var cadena2 = “a todos"; var cadena3 =

cadena1.concat(cadena2);

Como han dicho Emeeus y the-breaker, existen muchas pero muchas formas de
convertir un valor a otro en javascript, pero ten en cuenta que convertir a tipos
especificos en javascript, no funciona como en otros lenguajes de programacion
como por ejemplo java, aca en javascript, solo tenemos tres palabras magicas
para definir variables, teniendo en cuenta esto, tenemos las siguientes formas de
convertir datos:

1.) Number to String

numero.toString(); //Cualquier numero flotante o no flotante tiene este metodo
para convertir a cadena de texto.

2.) String to Number

parseFloat(str);

parseInt(str);

A las funciones parseFloat y parseInt que se pueden referenciar de manera global

porque son propiedad del objeto superglobal window, podemos pasarle una
cadena de texto (string) y nos retornaran el numero correspondiente según la
función usada.

Para más información acerca de parseFloat y parseInt:

parseFloat parseInt

3.) Integer, Float y Double

las clases Integer, Float, Double, no son tipos, son clases, algo diferente seria int,
float, double, (estos si son tipos), esto en otros lenguajes, ya que por ejemplo en
javascript la clase Float no existe, Double mucho menos e Integer tampoco existen
en javascript, como se convierten entonces numeros con tipos int, float y double?,
respuesta:

En javascript no es necesario convertir a tipos de datos numericos especificos si

el tipo de dato original es un dato de tipo numerico (Number), esto debido a que
para javascript, los tipos int, float y double son lo mismo, un numero, esto significa
que por ese lado nunca tendrás un error de tipos, OJO esto aplica solo si el dato
original es un numero.

En caso de que el dato original sea una cadena de texto, puedes usar según lo
que requieras, las funciones parseFloat o parseInt vistas anteriormente, parseInt
es el equivalente a que te devuelva un dato de tipo int o Integer, y parseFloat es el
equivalente a que te devuelva SIEMPRE un dato de tipo double, (javascript toma
cualquier valor flotante con un tamaño equivalente al de un double), asi el numero
no sea muy grande, y como javascript no distingue entre tipos de numeros
especificos, para javascript ese 'double', puede ser tratado tambien como un 'float'
tranquilamente.
4.) Boolean to String

Esto es muy sencillo, simplemente usa el metodo toString:

let miBooleano = true;

booleano.toString(); //Output: 'true'

5.) String to Boolean:

Para convertir de string a boolean, (cosa que normalmente no es estrictamente

necesaria en muchos casos en javascript), javascript no provee una solución,
función o metodo directo, por lo que una forma de hacerlo es mediante un
operador ternario:

function toStrictBoolean(str){

return str == "true" ? true : false;

console.log(typeof(toStrictBoolean('true')));

Ampliar

6.) char a string y viceversa

Javascript no distingue entre char y string, para javascript un solo caracter:

let char = 'A';

Es lo mismo que una cadena de texto (string):

let string = 'ABCDEFGH lo que sea etc...';

Como resultado en javascript no existe conversion de string a char o de char a

string, de hecho en javascript nisiquiera existe el tipo char, el char es mas bien
representado como tipo string, por lo que no te preocupes por esta conversión.

Extras
Hay otra forma de convertir para el caso de string a int, ojo, solo para convertir de
string a int, no funciona viceversa y tampoco devuelve flotantes (siempre devuelve
enteros), y es por medio de el operador binario |:

let miVariable = "7.42";

miVariable es un string que contiene el 7.42, ahora probemos una conversion

rápida:

MiVariable = miVariable | 0; //El resultado es que ahora es un tipo entero y

guarda el valor 7.

Aparte esta misma forma se puede usar en vez de usar la función parseInt para
convertir números flotantes a enteros rápidamente:

let pi = 3.1416;

pi = pi | 0;

console.log(pi);

10. Comentarios

Los comentarios son partes del programa que el intérprete no lee y que, por tanto,
sirven para explicar y aclarar. Van comprendidos entre barras y asteriscos como
en el ejemplo siguiente:

/*comentario*/

El comentario puede constar de más de una línea o de una sola, mientras que el
intérprete no acepta el comentario nidificado.

Otro tipo de comentario es la barra doble, tomada prestada del lenguaje C, si bien
es válida sólo para comentarios de una sola línea aunque no la ocupen por entero:

ent x: //commento

Los comentarios Javascript no pueden insertarse fuera de las marcas que

individúan el script, ya que, en caso contrario, HTML los considera parte del texto.
Y viceversa: no se pueden usar las marcas de comentarios HTML dentro del
script. El único comentario admisible es el que permite encerrar todos los script en
las marcas de comentario de HTML, haciendo que se abran tras la marca de script
y que se cierren antes del cierre de la marca:

<script language="JavaScript">
<!--

alert("Welcome!");

//-->

</script>