SlideShare una empresa de Scribd logo
JavaScript
José Baldomero Silva Hernández
josesilvauptp@gmail.com
https://t.me/Jobasiher2
Programación II POT2312
Es el lenguaje de
programación encargado
de dotar de mayor
interactividad y dinamismo
a las páginas web.
01
¿Qué es JavaScript?
El código JavaScript, en la
mayoría de los casos, se
mezcla con el propio
código HTML para generar
la página.
02
Maneras de escribir
scripts JavaScript
Ejecución directa
Es el método de ejecutar
scripts más básico. En este
caso se incluyen las
instrucciones dentro de la
etiqueta <script> .
Ejemplo
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Ejemplo ejecución directa</title>
</head>
<body>
<h1>Página con Javascript</h1>
<p>Esta página tiene un cuadro de diálogo, que se
mostrará nada más el navegador la procese.</p>
<script>
var personas = 4;
var importeEntradas = 3500000;
alert('Necesitas ' + personas * importeEntradas + '
Bs. para que entren todos al cine');
</script>
<p>Cuando el usuario pulse aceptar en el cuadro de
diálogo, el navegador mostrará la página completa.</p>
</body>
</html>
Maneras de escribir
scripts JavaScript
Respuesta a evento
Atributos que se colocan
dentro de la etiqueta que
queremos que responda a las
acciones del usuario.
Ejemplo
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Ejemplo pasar ratón por encima</title>
</head>
<body>
<h1>Ejemplo Javascript</h1>
<span id="mielemento">Pasa el ratón por
aquí</span>
<script>
var pasadas = 0;
function anunciarPasadas() {
pasadas = pasadas + 1;
alert('Has pasado el ratón encima ' + pasadas + '
veces');
}
document.getElementById('mielemento').addEventListen
er('mouseenter', anunciarPasadas);
</script>
</body>
</html>
<script>
//Este es un comentario
de una línea
/*Este comentario se
puede extender
por varias líneas.
Las que quieras*/
</script>
Comentarios en el
código
En JavaScript se han de
respetar las mayúsculas
y las minúsculas.
No es lo mismo la
función alert() que la
función Alert().
Mayúsculas y
minúsculas
es a través del carácter
punto y coma (;)
var input;
if (input == undefined)
{
doThis();
} else
{
doThat();
}
Separación de
instrucciones
Sintaxis
JavaScript tiene una sintaxis
muy parecida a la de Java
Declaraciones en JavaScript
const
Declara un nombre de
constante de solo lectura y
ámbito de bloque.
Variables globales
<script>
var variableGlobal
</script>
Variables locales
<script>
function miFuncion ()
{
var variableLocal
}
</script>
var
Declara una variable,
opcionalmente la inicia a un
valor.
let
Declara una variable local
con ámbito de bloque,
opcionalmente la inicia a un
valor.
Tipos de datos
true y false
Booleano
Una secuencia de caracteres que
representan un valor de texto.
String
Un número entero o un número con
coma flotante.
Number
Un valor nulo
null
Un número entero con precisión
arbitraria.
BigInt
Operadores
Operadores de asignación
= Asignación.
+= Asignación con suma.
-= Asignación con resta
*= Asignación de la multiplicación
/= Asignación de la división
%= Se obtiene el resto y se
asigna
Operadores lógicos
! Operador NO o negación.
&& Operador Y.
|| Operador O.
Operadores aritméticos
+ Suma de dos valores
- Resta de dos valores
* Multiplicación de dos valores
/ División de dos valores
% El resto de la división de
dos números
++ Incremento en una unidad
-- Decremento en una unidad
Operadores de cadenas
+ Concatena dos cadenas
Operadores condicionales
== Comprueba si son iguales
!= Comprueba si dos son distintos
> Mayor que
< Menor que
>= Mayor igual
<= Menor igual
Estructuras de Control
If
Switch
For
W
hile
while (condition){
statement;
}
while
switch (expression) {
case label_1: statements_1; break;
case label_2: statements_2; break;
}
switch
if (condition) { statement_1; }
else { statement_2; }
if...else
for ([expresiónInicial]; [expresiónCondicional];
[expresiónDeActualización])
{ statement; }
for
101001101001000010101
0011110111011011011010
101000011100101011001
010100111010100010101
0001011010110110110100
010101110001010100010
1000101110101100010011
010011010010000101010
0111101110110110110101
010000111001010110010
101001110101000101010
0010110101101101101001
unciones
F
Una función se debe definir con una sintaxis especial
Las funciones son uno de los bloques de
construcción fundamentales en JavaScript.
Una función en JavaScript es similar a un
procedimiento. Un conjunto de instrucciones
que realiza una tarea o calcula un valor.
function nombrefuncion()
{
instrucciones de la función;
}
function escribirBienvenida()
{
document.write("<H1>Hola a todos</H1>")
}
escribirBienvenida()
Ejemplo
Funciones
Objetos incorporados
POO
Clases
para realizar funciones
matemáticas.
Math
para el trabajo con cadenas de caracteres
String
para realizar algunas cosas con números
Number
para el trabajo con fechas.
Date
Las clases se
escriben con la
primera letra en
mayúsculas.
Tiene que quedar
claro que una
clase es una
especie de
"declaración de
características y
funcionalidades"
de los objetos.
Las clases que
se encuentran
disponibles de
manera nativa en
Javascript
POO
JavaScript
JavaScript

Más contenido relacionado

PDF
Jimenez Plascencia Tarea Sesion 3
PPTX
Programación en c++
PPT
05 sentencias basicas
DOCX
Tarea sesion3
DOCX
Programaion de codigos PHP.
PPTX
Tarea de la sesión 3
PDF
DATOS LENGUAJE C
PPTX
Funciones - Conceptos básicos
Jimenez Plascencia Tarea Sesion 3
Programación en c++
05 sentencias basicas
Tarea sesion3
Programaion de codigos PHP.
Tarea de la sesión 3
DATOS LENGUAJE C
Funciones - Conceptos básicos

La actualidad más candente (19)

PPT
Javascript
PPTX
Practicawebdelasesion3
PDF
Aplicación de apuntadores watch
PPT
Clase09 java script
PPTX
PPTX
Parámetros en shell script
PPTX
Twig
PPT
Entrada y salida de datos en c
PPTX
Practicawebsesion3
PPT
Operaciones entre cadenas y valores numéricos en lenguaje C
PPT
Misael
PPTX
Java script operaciones
PPTX
Primeros Programas Shell Script
PPTX
Gotoxy
PPT
While Shell Script
DOCX
Variables
PPTX
La estructura basica_para_c_
PDF
Estructuras de Control Repetitivo
PPTX
Funciones PHP
Javascript
Practicawebdelasesion3
Aplicación de apuntadores watch
Clase09 java script
Parámetros en shell script
Twig
Entrada y salida de datos en c
Practicawebsesion3
Operaciones entre cadenas y valores numéricos en lenguaje C
Misael
Java script operaciones
Primeros Programas Shell Script
Gotoxy
While Shell Script
Variables
La estructura basica_para_c_
Estructuras de Control Repetitivo
Funciones PHP
Publicidad

Similar a JavaScript (20)

PPTX
Javascript 1
PPT
Java script(diapositivas)
PDF
34655909 javascript
PDF
MF0951_uf1305 Desarrollo de Aplicaciones Web
PPT
Introducción a la Programación en Javascript. Clase 1
PPTX
Presentación JavaScript
PDF
Manual basico de PHP
PDF
Php informacion
PDF
Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...
DOCX
Guía JavaScript
PDF
Guia JavaScript INCES Militar - Kurt Gude
PPTX
Conceptos de algoritmo, programa y lenguaje de
PPTX
Conceptos de algoritmo, programa y lenguaje de
PPTX
Conceptos de algoritmo, programa y lenguaje de
PPTX
Conceptos de algoritmo, programa y lenguaje de
DOC
Manual de php basico
Javascript 1
Java script(diapositivas)
34655909 javascript
MF0951_uf1305 Desarrollo de Aplicaciones Web
Introducción a la Programación en Javascript. Clase 1
Presentación JavaScript
Manual basico de PHP
Php informacion
Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...
Guía JavaScript
Guia JavaScript INCES Militar - Kurt Gude
Conceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje de
Manual de php basico
Publicidad

Último (20)

DOCX
III Ciclo _ Plan Anual 2025.docx PARA ESTUDIANTES DE PRIMARIA
PDF
COMUNICACION EFECTIVA PARA LA EDUCACION .pdf
PDF
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
PDF
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
PDF
TRAUMA_Y_RECUPERACION consecuencias de la violencia JUDITH HERMAN
PDF
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
PDF
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
PDF
Educación Artística y Desarrollo Humano - Howard Gardner Ccesa007.pdf
PDF
Breve historia de los Incas -- Patricia Temoche [Temoche, Patricia] -- Breve ...
DOCX
V UNIDAD - SEGUNDO GRADO. del mes de agosto
PDF
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
PDF
Lección 6 Escuela Sab. A través del mar rojo.pdf
PDF
el - LIBRO-PACTO-EDUCATIVO-GLOBAL-OIEC.pdf
PDF
biología es un libro sobre casi todo el tema de biología
PDF
Tomo 1 de biologia gratis ultra plusenmas
DOCX
Tarea De El Colegio Coding For Kids 1 y 2
PDF
benveniste-problemas-de-linguistica-general-i-cap-6 (1)_compressed.pdf
PDF
Didactica de la Investigacion Educativa SUE Ccesa007.pdf
PDF
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
PDF
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
III Ciclo _ Plan Anual 2025.docx PARA ESTUDIANTES DE PRIMARIA
COMUNICACION EFECTIVA PARA LA EDUCACION .pdf
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
TRAUMA_Y_RECUPERACION consecuencias de la violencia JUDITH HERMAN
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
Educación Artística y Desarrollo Humano - Howard Gardner Ccesa007.pdf
Breve historia de los Incas -- Patricia Temoche [Temoche, Patricia] -- Breve ...
V UNIDAD - SEGUNDO GRADO. del mes de agosto
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
Lección 6 Escuela Sab. A través del mar rojo.pdf
el - LIBRO-PACTO-EDUCATIVO-GLOBAL-OIEC.pdf
biología es un libro sobre casi todo el tema de biología
Tomo 1 de biologia gratis ultra plusenmas
Tarea De El Colegio Coding For Kids 1 y 2
benveniste-problemas-de-linguistica-general-i-cap-6 (1)_compressed.pdf
Didactica de la Investigacion Educativa SUE Ccesa007.pdf
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf

JavaScript

  • 1. JavaScript José Baldomero Silva Hernández josesilvauptp@gmail.com https://t.me/Jobasiher2 Programación II POT2312
  • 2. Es el lenguaje de programación encargado de dotar de mayor interactividad y dinamismo a las páginas web. 01 ¿Qué es JavaScript? El código JavaScript, en la mayoría de los casos, se mezcla con el propio código HTML para generar la página. 02
  • 3. Maneras de escribir scripts JavaScript Ejecución directa Es el método de ejecutar scripts más básico. En este caso se incluyen las instrucciones dentro de la etiqueta <script> . Ejemplo <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <title>Ejemplo ejecución directa</title> </head> <body> <h1>Página con Javascript</h1> <p>Esta página tiene un cuadro de diálogo, que se mostrará nada más el navegador la procese.</p> <script> var personas = 4; var importeEntradas = 3500000; alert('Necesitas ' + personas * importeEntradas + ' Bs. para que entren todos al cine'); </script> <p>Cuando el usuario pulse aceptar en el cuadro de diálogo, el navegador mostrará la página completa.</p> </body> </html>
  • 4. Maneras de escribir scripts JavaScript Respuesta a evento Atributos que se colocan dentro de la etiqueta que queremos que responda a las acciones del usuario. Ejemplo <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <title>Ejemplo pasar ratón por encima</title> </head> <body> <h1>Ejemplo Javascript</h1> <span id="mielemento">Pasa el ratón por aquí</span> <script> var pasadas = 0; function anunciarPasadas() { pasadas = pasadas + 1; alert('Has pasado el ratón encima ' + pasadas + ' veces'); } document.getElementById('mielemento').addEventListen er('mouseenter', anunciarPasadas); </script> </body> </html>
  • 5. <script> //Este es un comentario de una línea /*Este comentario se puede extender por varias líneas. Las que quieras*/ </script> Comentarios en el código En JavaScript se han de respetar las mayúsculas y las minúsculas. No es lo mismo la función alert() que la función Alert(). Mayúsculas y minúsculas es a través del carácter punto y coma (;) var input; if (input == undefined) { doThis(); } else { doThat(); } Separación de instrucciones Sintaxis JavaScript tiene una sintaxis muy parecida a la de Java
  • 6. Declaraciones en JavaScript const Declara un nombre de constante de solo lectura y ámbito de bloque. Variables globales <script> var variableGlobal </script> Variables locales <script> function miFuncion () { var variableLocal } </script> var Declara una variable, opcionalmente la inicia a un valor. let Declara una variable local con ámbito de bloque, opcionalmente la inicia a un valor.
  • 7. Tipos de datos true y false Booleano Una secuencia de caracteres que representan un valor de texto. String Un número entero o un número con coma flotante. Number Un valor nulo null Un número entero con precisión arbitraria. BigInt
  • 8. Operadores Operadores de asignación = Asignación. += Asignación con suma. -= Asignación con resta *= Asignación de la multiplicación /= Asignación de la división %= Se obtiene el resto y se asigna Operadores lógicos ! Operador NO o negación. && Operador Y. || Operador O. Operadores aritméticos + Suma de dos valores - Resta de dos valores * Multiplicación de dos valores / División de dos valores % El resto de la división de dos números ++ Incremento en una unidad -- Decremento en una unidad Operadores de cadenas + Concatena dos cadenas Operadores condicionales == Comprueba si son iguales != Comprueba si dos son distintos > Mayor que < Menor que >= Mayor igual <= Menor igual
  • 9. Estructuras de Control If Switch For W hile while (condition){ statement; } while switch (expression) { case label_1: statements_1; break; case label_2: statements_2; break; } switch if (condition) { statement_1; } else { statement_2; } if...else for ([expresiónInicial]; [expresiónCondicional]; [expresiónDeActualización]) { statement; } for
  • 10. 101001101001000010101 0011110111011011011010 101000011100101011001 010100111010100010101 0001011010110110110100 010101110001010100010 1000101110101100010011 010011010010000101010 0111101110110110110101 010000111001010110010 101001110101000101010 0010110101101101101001 unciones F Una función se debe definir con una sintaxis especial Las funciones son uno de los bloques de construcción fundamentales en JavaScript. Una función en JavaScript es similar a un procedimiento. Un conjunto de instrucciones que realiza una tarea o calcula un valor. function nombrefuncion() { instrucciones de la función; } function escribirBienvenida() { document.write("<H1>Hola a todos</H1>") } escribirBienvenida() Ejemplo Funciones
  • 11. Objetos incorporados POO Clases para realizar funciones matemáticas. Math para el trabajo con cadenas de caracteres String para realizar algunas cosas con números Number para el trabajo con fechas. Date Las clases se escriben con la primera letra en mayúsculas. Tiene que quedar claro que una clase es una especie de "declaración de características y funcionalidades" de los objetos. Las clases que se encuentran disponibles de manera nativa en Javascript POO