7/24/2019 Semana 3 - Javascript

1/19

JAVASCRIPT

SEMANA 3:

FACULTAD DE INGENIERIA DE SISTEMAS,CMPUTO Y TELECOMUNICACIONES

Lenguaje de Programac!n III

"#$%&' Docen(e) Ing* Maga++ane Mor!n-.oj.omm/gma+*com

7/24/2019 Semana 3 - Javascript

2/19

JavascriptContenido

Qu es Javascript?

Programacin del lado del cliente.

Aspectos generales del lenguaje. Validaciones de Formulario.

7/24/2019 Semana 3 - Javascript

3/19

Qu es Javascript?

Javascript es un lenguaje liviano, cuya

principal caracterstica es !ue tra"aja del

lado cliente, ya !ue el navegador soportala carga de procesamiento.

Javascript puede ser insertado en p#ginas

$%&' o "ien ser agregado como

re(erencias, al igual !ue las )ojas deestilos o *++.

7/24/2019 Semana 3 - Javascript

4/19

Programacin del lado del cliente

ste lenguaje tra"aja a travs de lo !ue se

conoce como -& /document o"ject

model0, lo !ue le otorga (acilidades deacceder de (orma inmediata o "ien a

travs de eventos, a los o"jetos !ue

componen un $%&', permitiendo dar

e(ectos gr#(icos, escri"ir en documentos y

validaciones entre otras cosas, sin ocupar

recursos del servidor.

7/24/2019 Semana 3 - Javascript

5/19

Aspectos Generales del Lenguaje

s un lenguaje de programacin.

1o de"e con(undir Java con Javascript.

Javascript por si slo no permite lacreacin de aplicaciones independientes.1ecesita estar inserto en un documento$%&' para poder operar.

Para programarlo slo necesita de uneditor de te2to o de )tml !ue le permitaeditar sus documentos.

7/24/2019 Semana 3 - Javascript

6/19

Sintaxis de Javascript

-eclaracin de Varia"le3

Var strnom"re4

peradores3

53 suma y6o concatenacin

7 3 8esta.6 3 divisin.

9 3 multiplicacin.

7/24/2019 Semana 3 - Javascript

7/19

Sintaxis de Javascript

*omentarios3

69... 9 6 :lo!ue de comentarios.

66 comentarios lnea a lnea.

+entencias de *ontrol, iteracin y salto3

;(

+

7/24/2019 Semana 3 - Javascript

8/19

anejo de !"jetos

Javascript reside en el $%&', dentro

de los tags script o un arc)ivo

aparte.

7/24/2019 Semana 3 - Javascript

9/19

anejo de !"jetos

Para acceder a un o"jeto dentro del

-& siempre de"e utiliar un

document.

'as aplicaciones javascript son

manejadas por eventos.

1o todos los eventos soncompati"les con todos los "ro

7/24/2019 Semana 3 - Javascript

10/19

anejo de !"jetos

-entro de los eventos podemos destacar3 on*lic>3 cuando el usuario )ace un clic> en un

elemento.

on'oad3la p#gina se carga en el "ro

7/24/2019 Semana 3 - Javascript

11/19

anejo de !"jetos

%odo o"jeto tiene un id o "ien un

name , y de"e ser de(inido si se

!uiere acceder a travs dejavascript.

'os manejadores de eventos

dependen de los o"jetos. 'os o"jetos tienen mtodos y

atri"utos.

7/24/2019 Semana 3 - Javascript

12/19

#e$inicin de %unciones

'as (unciones se de(inen con la pala"ra

reservada (unction y en min@sculas.

-e"en tener un return como norma. 'a (uncion puede reci"ir par#metros no

importando su tipo.

*mo todo lenguaje maneja pala"ras

reservadas. -e"e respetar esto si no tendr#

pro"lemas de de"ug nada gratos.

jemplo3

(unction validar/varia"le0

7/24/2019 Semana 3 - Javascript

13/19

#e$inicin de %unciones

l contenido de una (uncin va entre llaves. B

*ada sentencia Javascript de"e terminar con

punto y coma /40 'as may@sculas y min@sculas de"en ser

respetadas.

'as comillas simples /C0 representan te2to.

'a (uncin de"e ir de(inda con un nom"re eindependiente si reci"e o no par#metros con

parntesis redondos.

7/24/2019 Semana 3 - Javascript

14/19

&alidaciones de %ormularios

8ecuerde !ue mientras menos sean las

cone2iones !ue tenga !ue e(ectuar al servidor

mejor.

Dno de los principales errores es cuando se

valida el (ormulario en el servidor.

Para validar (ormularios de"e ocupar

Javascript, independiente sea a mano o

automatia"le a travs de alg@n editor.

8ecuerde !ue el envo de un (ormulario se

realia a travs del mtodo su"mit del mismo.

7/24/2019 Semana 3 - Javascript

15/19

!"jeto 'indo'

=indo

7/24/2019 Semana 3 - Javascript

16/19

!"jeto #ocument

l o"jeto document es el !ue tiene el contenido de toda la p#gina !ue se

est# visualiando. sto incluye el te2to, im#genes, enlaces, (ormularios.

Atri"utos3

:gcolor

Forms

%itle

&todos3

pen/0

*lose/0

=rite/0

=riteln/0

7/24/2019 Semana 3 - Javascript

17/19

!"jeto Location

ste o"jeto contiene la D8' actual as como algunos

datos de inters respecto a esta D8'.

Permite e2traer in(ormacin de una D8' a travs de

sus atri"utos, como )ostname, )re(, port, protocol

entre otras cosas.

-entro de la jerar!ua de o"jetos es la tercera.

&todos3 8eload/0

8eplace/cadenaDrl0

7/24/2019 Semana 3 - Javascript

18/19

!"jeto (istor)

ste o"jeto se encarga de almacenar una lista con lossitios por los !ue se )a estado navegando.

Atri"utos3

*urrent. 1e2t

'engt)

Previous

&todos3 :ac>/0.

For

7/24/2019 Semana 3 - Javascript

19/19

!"jeto *avigator

ste o"jeto simplemente nos da in(ormacin relativa

al navegador !ue est utiliando el usuario.

Atri"utos3

app1ame

appVersion

&todos3

Javaen"led/0