Descripción: Clase 6 de Programación, Prof. Gonzalo Müller
Programación
Clase 6. Javascript Prof. Gonzalo Müller
[email protected]
Facultad de Ingeniería Universidad Central de Venezuela
Clase Anterior
Programas. Sistemas Operativos: Funciones, Tipos. Lenguajes de Programación: Nivel: Alto, Medio, Bajo, Maquina. Ejecución: Compilados, Interpretados. JavaScript. HTML: Estructura Básica de un Documento HTML: Encabezado, Cuerpo. Etiquetas HTML y Atributos HTML. HTML lienzo en blanco para comenzar la obra. Programación – Prof. Gonzalo Müller – Clase 6 – GM - 2
Lenguaje de programación Interpretado Creación de un programa utilizando un lenguaje de programación interpretado Algoritmo
Leer n
n=n+1
n=n-1
Escribir n Fin
Programación – Prof. Gonzalo Müller – Clase 6 – GM - 3
Lenguaje de programación Interpretado Creación de un programa utilizando un lenguaje de programación interpretado Algoritmo
Leer n
n=n+1
n=n-1
Escribir n Fin
Editor de Texto
Programación – Prof. Gonzalo Müller – Clase 6 – GM - 4
Lenguaje de programación Interpretado Creación de un programa utilizando un lenguaje de programación interpretado Algoritmo
Leer n
n=n+1
n=n-1
Escribir n Fin
Editor de Texto Programa fuente: Java, JavaScript, etc. Programa fuente: Contiene las instrucciones en el lenguaje de programación
Programación – Prof. Gonzalo Müller – Clase 6 – GM - 5
Lenguaje de programación Interpretado Creación de un programa utilizando un lenguaje de programación interpretado Algoritmo
Leer n
n=n+1
n=n-1
Escribir n Fin
Editor de Texto Programa fuente: Java, JavaScript, etc. Interprete (Navegador)
Programa fuente: Contiene las instrucciones en el lenguaje de programación
Programación – Prof. Gonzalo Müller – Clase 6 – GM - 6
Lenguaje de programación Interpretado Creación de un programa utilizando un lenguaje de programación interpretado Algoritmo
Leer n
n=n+1
n=n-1
Escribir n Fin
Editor de Texto Programa fuente: Java, JavaScript, etc. Interprete (Navegador)
Programa fuente: Contiene las instrucciones en el lenguaje de programación
Programa en ejecución Programación – Prof. Gonzalo Müller – Clase 6 – GM - 7
Lenguaje de programación Interpretado Creación de un programa utilizando un lenguaje de programación interpretado Algoritmo
Leer n
n=n+1
Corrección de errores algorítmicos
n=n-1
Escribir n Fin
Editor de Texto
Corrección de errores de sintaxis
Programa fuente: Java, JavaScript, etc. Interprete (Navegador)
Programa fuente: Contiene las instrucciones en el lenguaje de programación
Programa en ejecución Programación – Prof. Gonzalo Müller – Clase 6 – GM - 8
JavaScript
El vocabulario de JavaScript esta compuesto: Identificadores. Palabras Claves (keywords). Constantes. Operadores. Separadores. Comentarios.
Programación – Prof. Gonzalo Müller – Clase 6 – GM - 9
Vocabulario de JavaScript
Identificador: Es el nombre que el programador coloca para referirse a una determinada variables o función.
x =
−b ±
Raices ( a , b , c ) =
2
b − 4 ac Variables 2a −b ±
2
b − 4 ac 2a Variables
Función Programación – Prof. Gonzalo Müller – Clase 6 – GM - 10
Vocabulario de JavaScript
Reglas para definir un Identificador: 1. Se forma con una secuencia de los siguientes caracteres: a
bcdefghijklmnopqrstuvwxyz
A
BCDEFGHIJKLMNOPQRST UVWXYZ
0
123456789
_
Programación – Prof. Gonzalo Müller – Clase 6 – GM - 11
Vocabulario de JavaScript 2. No puede contener espacios en blanco, ni ningún otro carácter diferente de los indicados en anteriormente. 3. El primer carácter no puede ser un dígito. 4. Hay distinción entre las letras mayúsculas y minúsculas. Recomendación: utilizar nombres que tengan un significado para el dato ó función que representan. Programación – Prof. Gonzalo Müller – Clase 6 – GM - 12
Vocabulario de JavaScript Ejemplo: NumeroDatos numeroDatos Numero_Datos Numero Datos Numero.Datos 1Datos Programación – Prof. Gonzalo Müller – Clase 6 – GM - 13
Vocabulario de JavaScript Ejemplo: NumeroDatos numeroDatos
Correcto
Numero_Datos Numero Datos Numero.Datos Incorrecto 1Datos Programación – Prof. Gonzalo Müller – Clase 6 – GM - 14
Vocabulario de JavaScript Ejemplo: NumeroDatos numeroDatos
Diferentes
Numero_Datos Numero Datos Numero.Datos 1Datos Programación – Prof. Gonzalo Müller – Clase 6 – GM - 15
Vocabulario de JavaScript
Palabras clave: están constituidos por una serie de palabras que define el lenguaje y que el programador no puede utilizar como identificador ya que tiene una función específica. break
continue
do
for
import
new
this
void
case
else
function
in
return
typeof
while
comment
delete
export
if
label
swith
var
with
abstract
true
null
protected boolean
public
byte
int
short
char
interface static
double
long
false
native
throws
final
transient
float
package
goto
private
alert
prompt
confirm
Programación – Prof. Gonzalo Müller – Clase 6 – GM - 16
Vocabulario de JavaScript
Constantes: Numéricas. Lógicas. Texto.
Programación – Prof. Gonzalo Müller – Clase 6 – GM - 17
Vocabulario de JavaScript
Constantes Numéricas: Enteras: Formada con secuencia de dígitos del 0 al 9, –, +. Reales: Formada con secuencia de dígitos del 0 al 9, , –, +, e, E y/o . .
Constantes Lógicas:
Verdadero: true.
Falso: false.
Constantes Texto:
Encerradas entre comillas. Programación – Prof. Gonzalo Müller – Clase 6 – GM - 18
Vocabulario de JavaScript Ejemplo: Entera sin signo: 25
12564
Entera con signo: -678 -789 Real: 908.5 567e10 Texto: “Lenguaje C++ es el mejor”
Programación – Prof. Gonzalo Müller – Clase 6 – GM - 19
Vocabulario de JavaScript
Operadores: Son signos especiales o un conjunto de ellos que indican diferentes operaciones a realizar
+ * = …
Programación – Prof. Gonzalo Müller – Clase 6 – GM - 20
Vocabulario de JavaScript
Operadores: Asignación. Aritméticos. Relacionales. Lógicos.
Programación – Prof. Gonzalo Müller – Clase 6 – GM - 21
Vocabulario de JavaScript
Operador Asignación, = : Coloca un valor dado a una variable. Una constante. El valor de otra variable. El resultado de una expresión. Constante Variable = Valor
Variable Expresión
Siempre a la izquierda Programación – Prof. Gonzalo Müller – Clase 6 – GM - 22
Vocabulario de JavaScript Ejemplo: A = 1000 A = B A = (A + 1)/2 + B*6 D = 200 R = 4.5 R = 25.5*X +Y
Programación – Prof. Gonzalo Müller – Clase 6 – GM - 23
Vocabulario de JavaScript
Operadores Aritméticos: Suma: + Resta: Multiplicación: * División: /
El resultado es siempre es un numero real.
Residuo de división entera: % Se utilizan con variables y constantes para formar expresiones aritméticas. Programación – Prof. Gonzalo Müller – Clase 6 – GM - 24
Vocabulario de JavaScript
Operadores Relacionales: Mayor que: > Menor que: < Igual que: == Mayor o igual que: >= Menor o igual que: