técnicas de programación en cliente
DESCRIPTION
Técnicas de Programación en Cliente. Lenguaje JavaScript. Objetivos. Conocer las características de los lenguajes de scripts en general y específicamente de JavaScript Conocer los Tipos de Páginas Web y cuando deben utilizarse. Conocer la sintaxis básica del lenguaje JavaScript. Objetivos. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/1.jpg)
Técnicas de Programación en
Cliente
LenguajeLenguaje JavaScriptJavaScript
![Page 2: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/2.jpg)
ObjetivosObjetivos• Conocer las características de los
lenguajes de scripts en general y específicamente de JavaScript
• Conocer los Tipos de Páginas Web y cuando deben utilizarse.
• Conocer la sintaxis básica del lenguaje JavaScript
![Page 3: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/3.jpg)
ObjetivosObjetivos• Conocer el modelo de objetos de
JavaScript
• Conocer el modelo de eventos de JavaScript
• Conocer técnicas de programación para generar páginas dinámicas en cliente e interactuar con el usuario.
![Page 4: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/4.jpg)
Características de Características de Lenguajes de ScriptsLenguajes de Scripts
• Son interpretados no compilados
• Los errores de sintaxis se detectan en tiempo de ejecución
• No requieren grandes cantidades de espacio al ser archivos de texto
• Pueden ser transportados a cualquier plataforma que los soporte
• Los cambios son más fáciles de hacer
• Se crean/modifican en cualquier editor de texto
![Page 5: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/5.jpg)
Lenguajes de Scripts en Lenguajes de Scripts en Clientes WebClientes Web
• La forma más habitual para dotar de dinamismo(interacción con el usuario y páginas dinámicas) en cliente a una pagina web, es el uso de Scripts (guiones)
![Page 6: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/6.jpg)
Características de Lenguajes Características de Lenguajes de Scripts en Clientede Scripts en Cliente
• Las instrucciones se ejecutan en el momento de la carga de la página web
• Se pueden incluir tantos scripts como se considere necesario ya sea en el <HEAD> como en cualquier parte del cuerpo <BODY>
• Las funciones o scripts se pueden ejecutar como respuesta a un evento generado en el cliente
![Page 7: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/7.jpg)
Características de Lenguajes Características de Lenguajes de Scripts en Clientede Scripts en Cliente
• Liberan al servidor de una gran carga de computo
• Disminuyen el trafico innecesario por la red
• Ofrece respuesta inmediata al usuario
• Permiten la creación dinámica de paginas en el cliente y la validación de datos en formularios
• Permiten utilizar recursos locales como CPU, RAM,etc.
![Page 8: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/8.jpg)
Desventajas de Lenguajes Desventajas de Lenguajes de Scripts en Clientede Scripts en Cliente
• No funcionan en cualquier browser
• Son tecnologías propietarias
• Interpretados no compilados
• Restricciones de acceso a los recursos cliente
• Existen diferentes versiones
• Son difíciles de depurar
![Page 9: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/9.jpg)
• Es un lenguaje de programación interpretado y basado en objetos que permite crear documentos web dinámicos y tiene la capacidad de capturar y responder a eventos o sucesos generados por el cliente
Lenguaje JavaScriptLenguaje JavaScript
![Page 10: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/10.jpg)
Características: JavaScriptCaracterísticas: JavaScript• Su sintaxis es similar a la de Java
• Débilmente tipado
• Es case sensitivo
• No existen las constantes
• Basado no orientado a objetos
• “Universalidad” de uso
• Seguridad de ejecución
• Páginas más ligeras de cargar
![Page 11: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/11.jpg)
Sintaxis Básica: JavaScriptSintaxis Básica: JavaScript
• Un lenguaje de programación esta formado por palabras básicas denominadas tokens que tienen un significado especial.
• JavaScriptJavaScript clasifica los tokens en 5 grupos: identificadores, palabras reservadas, literales, operadores y separadores.
![Page 12: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/12.jpg)
Sintaxis Básica: IdentificadoresSintaxis Básica: Identificadores
• Son nombres que representan una variable, un método o un objeto.
Un identificador puede estar compuesto por:
• Letras (A..Z, a..z)
• Subguiones o guión bajo ( _ )
• Números (0..9)
![Page 13: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/13.jpg)
Sintaxis Básica: IdentificadoresSintaxis Básica: Identificadores
Restricciones que deben cumplir:
• Los identificadores no pueden coincidir con las palabras reservadas del lenguaje.
• Los identificadores no pueden incluir separadores
• Deben iniciar con una letra o un subguión
![Page 14: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/14.jpg)
Sintaxis Básica: IdentificadoresSintaxis Básica: Identificadores
Ejemplos
Correctos:
Variable1, V, v, Variable_n
Incorrectos:
1Variable, variable@, buenos dias, false, true, otra;variable
![Page 15: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/15.jpg)
Sintaxis Básica: Palabras Sintaxis Básica: Palabras ReservadasReservadas
• Todo lenguaje se reserva determinados identificadores para usos específicos a los cuales se les denomina palabras reservadas y no pueden ser usadas como identificadores
![Page 16: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/16.jpg)
Sintaxis Básica: Palabras ReservadasSintaxis Básica: Palabras Reservadas
abstract
boolean
break
byte
case
cath
char
class
const
continue
default
delete
do
double
else
extends
false
final
finally
float
for
function
goto
if
implements
import
in
Instanceof
int
interface
labeled
long
native
new
null
package
![Page 17: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/17.jpg)
Sintaxis Básica: Palabras ReservadasSintaxis Básica: Palabras Reservadas
private
protected
public
return
short
static
super
switch
sinchronized
this
throw
throws
transient
true
by
typeof
var
void
while
with
![Page 18: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/18.jpg)
Sintaxis Básica: LiteralesSintaxis Básica: Literales
• Un literal se utiliza para representar valores fijos y está compuesto por combinaciones de números o de caracteres.
• Un literal representa un valor que no varía durante la ejecución de un Script.
![Page 19: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/19.jpg)
Sintaxis Básica: LiteralesSintaxis Básica: Literales
En JavaScript existen 5 tipos de literales:
• Enteros
• Reales
• Booleanos
• Strings(cadenas de caracteres)
• Caracteres especiales
![Page 20: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/20.jpg)
Sintaxis Básica: LiteralesSintaxis Básica: Literales
Entero:• representa un valor numérico entero
expresado en base decimal, octal o hexadecimal.
• Literal decimal: combinación de números del 0 al 9 (el primer dígito no debe ser 0)
• Ejemplo: 10, 245, 3459, 898
![Page 21: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/21.jpg)
Sintaxis Básica: LiteralesSintaxis Básica: Literales
Entero:• Literal octal: combinación de
números del 0 al 7 (el primer dígito debe ser 0)
• Ejemplo: 07, 020, 0233
![Page 22: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/22.jpg)
Sintaxis Básica: LiteralesSintaxis Básica: Literales
Entero:• Literal hexadecimal: combinación de
números del 0 al 9 y letras a..f ó A..F (debe iniciar con los caracteres 0x)
• Ejemplo: 0xF,0Xf, 0X10, 0xf000
![Page 23: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/23.jpg)
Sintaxis Básica: LiteralesSintaxis Básica: Literales
Real:• Representa un valor numérico real y
puede expresarse tanto en notación científica como estándar.
Ejemplo Notación Normal:
var x=123.56;
y = 0.234;
var z = 400.25;
![Page 24: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/24.jpg)
Sintaxis Básica: LiteralesSintaxis Básica: Literales
Real:• Notación científica: se puede utilizar la
letra e ó E para indicar el exponente y tanto la base como el exponente pueden ir precedidos por el signo + ó -
Ejemplos:
var numero1=+234E-3;
var numero2=25E-2, numero3=-1e-6;
![Page 25: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/25.jpg)
Sintaxis Básica: LiteralesSintaxis Básica: LiteralesBooleano:• Son las palabras reservadas true y false(en
minúsculas) estos literales tienen asignado el valor 1 y 0 respectivamente.
• Las expresiones lógicas devuelven uno de estos valores: true o false
Ejemplos:var cierto=true, falso=false;
return(true);
![Page 26: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/26.jpg)
Sintaxis Básica: LiteralesSintaxis Básica: Literales
String:• Son combinaciones de caracteres
(incluyendo la cadena vacía). Un literal de tipo string debe incluirse entre comillas dobles o simples
Ejemplos
var x1=”Ejemplo1”,x2=’ejemplo2’;
![Page 27: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/27.jpg)
Sintaxis Básica: LiteralesSintaxis Básica: Literales
Caracteres especiales:• Son caracteres que tienen un
significado especial para JavaScript. Si deseamos que estos no se interpreten debemos incluir un carácter de escape.
![Page 28: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/28.jpg)
Sintaxis Básica: LiteralesSintaxis Básica: LiteralesCaracteres especiales:\b borra el último carácter
\f genera alimentación de línea
\n genera el carácter línea nueva
\r genera el carácter retorno de carro
\t genera un tabulador
\\ carácter \
\’ carácter ’
\” carácter ”
![Page 29: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/29.jpg)
Sintaxis Básica: OperadoresSintaxis Básica: Operadores
• Un operador es un símbolo que expresa la operación a realizar con los operandos.
Operadores: • Aritméticos: *, /, +, - ,%
• Lógicos: &&, ||, !
• Relacionales: <, >, <=, >=, ==,!=
![Page 30: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/30.jpg)
Sintaxis Básica: SeparadoresSintaxis Básica: Separadores
• Los separadores son caracteres que permiten separar tokens o combinaciones de estos, como por ejemplo expresiones.
• Separadores: espacio en blanco, la tabulación y el retorno de carro.
*Estos no pueden formar parte de un identificador
![Page 31: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/31.jpg)
Sintaxis Básica: SeparadoresSintaxis Básica: SeparadoresEjemplos:
var x, a, b, c;
a = 1;
b = 5;
c = 6;
x = a + b * c;
![Page 32: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/32.jpg)
Sintaxis Básica: VARIABLESSintaxis Básica: VARIABLES
• Una variable es una posición de memoria a la que se le asigna un nombre o identificador y a la que se puede acceder para obtener o modificar el valor almacenado
![Page 33: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/33.jpg)
Sintaxis Básica: VARIABLESSintaxis Básica: VARIABLES
Ambito de una variable
• Global: si no esta dentro de ninguna de las funciones.
• Local: si se ha definido dentro de una función ó es un parámetro.
* Cuando se utilizan variables no declaradas JavaScript las declara como globales.
![Page 34: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/34.jpg)
Sintaxis Básica: VARIABLESSintaxis Básica: VARIABLES
Tipos de Variables JavaScript:Tipo Ejemplo
number 3.1416 200
boolean true false
string ”abcd” ’cadena’
function typeof isNaN
object document window
![Page 35: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/35.jpg)
Sintaxis Básica: VARIABLESSintaxis Básica: VARIABLES
Tipos de Variables JavaScript:• Las variables de tipo number pueden
contener enteros ó reales
• Las variables de tipo boolean pueden contener el valor true ó false
• Las variables de tipo string contienen cadenas de caracteres
![Page 36: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/36.jpg)
Sintaxis Básica: VARIABLESSintaxis Básica: VARIABLES
Tipos de Variables JavaScript:• Las variables de tipo function pueden
hacer referencia a funciones propias del lenguaje JavaScript o a funciones definidas por el usuario.
• Las variables de tipo object contienen objetos(propiedades y métodos)
![Page 37: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/37.jpg)
Sintaxis Básica: CONSTANTESSintaxis Básica: CONSTANTES
• Una constante es una variable cuyo valor no sufre modificaciones durante la ejecución del programa
• JavaScript no soporta el concepto de constante
• Es responsabilidad del programador no modificar los valores constantes
![Page 38: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/38.jpg)
Sintaxis Básica: EXPRESIONESSintaxis Básica: EXPRESIONES
• Una expresión es una sentencia o conjunto de sentencias que devuelven un único valor. Una expresión puede devolver uno de los cinco tipos de datos que reconoce JavaScript.
![Page 39: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/39.jpg)
Sintaxis Básica: EXPRESIONESSintaxis Básica: EXPRESIONES
• Ejemplos
x = 110;
fin = false;
(x > 15) && (fin==false);
document.lastModified;
![Page 40: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/40.jpg)
Sintaxis Básica: COMENTARIOSSintaxis Básica: COMENTARIOS
• Cuando se desarrolla un programa es recomendable documentarlo por medio de comentarios para facilitar su comprensión.
• JavaScript permite insertar comentarios de una sola línea con el carácter // y de varias líneas iniciando con /* y finalizando con */
![Page 41: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/41.jpg)
Sintaxis Básica: COMENTARIOSSintaxis Básica: COMENTARIOS
Ejemplo:
// Comentario de una sola línea
/* Comentario que ocupa más
de una línea*/
![Page 42: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/42.jpg)
Sintaxis Básica: FUNCIONESSintaxis Básica: FUNCIONES
• Una función es una secuencia de instrucciones caracterizada por un nombre y que puede ejecutarse tantas veces como sea necesario simplemente llamando a la función por el nombre que la identifica
![Page 43: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/43.jpg)
Sintaxis Básica: FUNCIONESSintaxis Básica: FUNCIONES
Objetivos de las funciones JavaScript
• Estructurar el código de la aplicación
• Evitar repeticiones de segmentos de código.
• Permitir que un script se ejecute ante determinados eventos.
![Page 44: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/44.jpg)
Sintaxis Básica: FUNCIONESSintaxis Básica: FUNCIONES
Ejemplo:<SCRIPT Language=“JavaScript”>
var x=10;
function cuadrado(valor) {
valor = valor * valor;
return(valor);
}
cuadrado(x);
document.write(x);
</SCRIPT>
![Page 45: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/45.jpg)
OPERADORES: JavaScriptOPERADORES: JavaScript• En JavaScript existe una variedad de
operadores que actúan sobre los distintos tipos de datos. Estos operadores se clasifican en unarios y binarios
Operador de asignación =, ejemplos:
a = 3 * 4;
b = b +1;
c = a + b;
![Page 46: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/46.jpg)
OPERADORES: JavaScriptOPERADORES: JavaScriptOperadores Aritméticos
Significado Ejemplo
+ Suma a + b
- Resta a - b
- Niega -a
* Producto a * b
/ Cociente a / b
% Módulo a % b
![Page 47: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/47.jpg)
OPERADORES: JavaScriptOPERADORES: JavaScriptOperadores Aritméticos abreviados
+= b += 3 b =b + 3
-= b -= 3 b =b - 3
*= b *= 3 b =b * 3
/= b /= 3 b =b / 3
%= b %= 3 b =b % 3
++ ++b, b++ b=b + 1
-- --b, b-- b=b - 1
![Page 48: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/48.jpg)
OPERADORES: JavaScriptOPERADORES: JavaScriptOperadores de Comparación
== igual a == b
!= distinto a != b
> mayor que a > b
< menor que a < b
>= mayor o igual que a >= b
<= menor o igual que a <= b
=== estrictamente igual a===b
!== estrictamente distinto a!==b
![Page 49: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/49.jpg)
OPERADORES: JavaScriptOPERADORES: JavaScriptOperadores Lógicos
&& AND ('y' lógica) (a>0) && (b>0)
|| OR ('o' lógica) (a>0) || (b>1)
! NOT ('no' lógica) !(a>0)
![Page 50: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/50.jpg)
OPERADORES: JavaScriptOPERADORES: JavaScriptOperadores para strings
sign significado ejemplo
+ concatenar s1 + s2
== ¿son iguales? s1 == s2
!= ¿son distintos? s1 != s2
> ¿s1 mayor que s2? s1 > s2
>= ¿s1 mayor o igual que s2? s1 >= s2
< ¿s1 menor que s2? s1 < s2
<= ¿s1 mayor que s2? s1 <= s2
![Page 51: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/51.jpg)
OPERADORES: JavaScriptOPERADORES: JavaScriptOperador typeof
– Se utiliza para conocer el tipo de dato con el que se está trabajando. Los distintos tipos de dato que puede devolver el operador typeof son las cadenas: ‘number’, ‘string’, ‘boolean’, ‘function’, ‘object’ y ‘undefined’
Sintaxis:
tipo = typeof variable;
Ejemplo:
(typeof dato==‘number’)? ++dato:”no es número”;
![Page 52: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/52.jpg)
OPERADORES: JavaScriptOPERADORES: JavaScriptOperadores a nivel de bits
& AND bit a bit 2 & 3 => 2
| OR bit a bit 2 | 3 => 3
^ XOR bit a bit 2 ^ 3 => 1
~ NOT bit a bit ~2 => 1
>> rotación a derecha 2 << 2 => 8
<< rotación a izquierda 134>>2 =>33
![Page 53: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/53.jpg)
Estructuras de ControlEstructuras de Control• JavaScript cuenta con las siguientes
estructuras de control
Condicionales: if...else...
Bucles:
for, for...in, while, do...while, break y continue
Sentencia etiquetada
Sentencia with
Sentencia switch
![Page 54: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/54.jpg)
Estructuras de ControlEstructuras de ControlSentencias condicionales
Sintaxis:
if (condición) {
//instrucciones
} [else {
//instrucciones
}]
![Page 55: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/55.jpg)
Estructuras de ControlEstructuras de ControlBucles: for
Sintaxis:
for ([valor_inicial];[condición];[incremento])
{
//instrucciones
}
![Page 56: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/56.jpg)
Estructuras de ControlEstructuras de ControlBucles: for...in
Sintaxis:
for ( variable in [objeto|matriz])
{
//instrucciones
}
![Page 57: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/57.jpg)
Estructuras de ControlEstructuras de ControlBucles: while
Sintaxis:
while (condición)
{
//instrucciones
}
![Page 58: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/58.jpg)
Estructuras de ControlEstructuras de ControlBucles: do..while
Sintaxis:
do
{
//instrucciones
} while(condición)
![Page 59: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/59.jpg)
Estructuras de ControlEstructuras de ControlBucles: with
Sintaxis:
with(objeto)
{
//instrucciones
}
![Page 60: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/60.jpg)
Estructuras de ControlEstructuras de ControlBucles: switch
Sintaxis:
switch(expresión)
{
case etiqueta: //instrucciones;[break;]
case etiqueta: //instrucciones;[break;]
[default]: //instrucciones;
}
![Page 61: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/61.jpg)
Técnicas para insertar ScriptsTécnicas para insertar Scripts
•En la etiqueta HTML
•En el encabezado ó en el cuerpo de la una página Web
•En un Archivo .js
![Page 62: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/62.jpg)
Técnicas para insertar ScriptsTécnicas para insertar Scripts
En la etiqueta HTML
• ESTA SUJETA A LA OCURRENCIA DE UN EVENTO Y SU SINTAXIS ES:
<etiqueta evento1="instruccion1;instrucciónN;" evento2="instruccion1;instrucciónN;"></etiqueta>
![Page 63: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/63.jpg)
Técnicas para insertar ScriptsTécnicas para insertar Scripts
•En el encabezado de la pagina Web
<script language="JavaScript">//DECLARAR VARIABLES GLOBALES//DECLARAR FUNCIONES//INSTRUCCIONES JAVASCRIPT</script>
![Page 64: Técnicas de Programación en Cliente](https://reader036.vdocumento.com/reader036/viewer/2022062321/56812a53550346895d8da2b6/html5/thumbnails/64.jpg)
Técnicas para insertar ScriptsTécnicas para insertar Scripts
En un Archivo .JSa) Se debe crear un archivo con el código JavaScript.
b) Se debe enlazar las paginas donde se usará el código con el archivo .js por medio de la etiqueta script. La sintaxis es:
<script language="JavaScript" src="URL_SCRIPT.JS">
</script>