semana 3 - javascript
TRANSCRIPT
-
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