SlideShare una empresa de Scribd logo
1 de 11
Programación web

Lenguaje script
-Sintaxis
-Elementos
-Aplicaciones
-Eventos script
-Efectos con lenguaje script


Jorge Luis Sánchez González
LENGUALE SCRIPT

Un lenguaje de script es un pequeño lenguaje de
programación cuyo código se inserta dentro del
documento HTML. Este código se ejecuta en el
navegador del usuario al cargar la página, o
cuando sucede algo especial como puede ser el
pulsar sobre un enlace.
Estos lenguajes permiten variar dinámicamente el
contenido     del     documento,    modificar   el
comportamiento normal del navegador, validar
formularios, realizar pequeños trucos visuales.
El primer lenguaje de script que vió la luz fue el
JavaScript de Netscape. Nacido con la versión 2.0
de este navegador y basado en la sintaxis de Java,
su utilidad y el casi absoluto monopolio que
entonces ejercía Netscape en el mercado de
navegadores permitieron que se popularizara y
extendiera su uso.
En informática un guion, archivo de órdenes o
archivo de procesamiento por lotes, vulgarmente
referidos con el barbarismo script, es un programa
usualmente simple, que por lo regular se almacena
en un archivo de texto plano. Los guiones son casi
siempre interpretados, pero no todo programa
interpretado es considerado un guion.
SINTAXIS
La sintaxis de un lenguaje de programación se
define como el conjunto de reglas que deben
seguirse al escribir el código fuente de los
programas para considerarse como correctos para
ese lenguaje de programación.
La sintaxis de JavaScript es muy similar a la de
otros lenguajes de programación como Java y C.
Las normas básicas que definen la sintaxis de
JavaScript son las siguientes:
No se tienen en cuenta los espacios en blanco y
las nuevas líneas.
Se distinguen las mayúsculas y minúsculas.
No se define el tipo de las variable
Se pueden incluir comentarios
ELEMENTOS
type: indica el tipo de elemento que se trata. Para
los elementos de tipo <input> (text, button,
checkbox, etc.) coincide con el valor de su atributo
type. Para las listas desplegables normales
(elemento <select>) su valor es select-one, lo que
permite diferenciarlas de las listas que permiten
seleccionar varios elementos a la vez y cuyo tipo
es select-multiple. Por último, en los elementos de
tipo <textarea>, el valor de type es textarea.
form: es una referencia directa al formulario al que
pertenece el elemento. Así, para acceder al
formulario de un elemento, se puede utilizar
document.getElementById("id_del_elemento").form
name: obtiene el valor del atributo name de
XHTML. Solamente se puede leer su valor, por lo
que no se puede modificar.
value: permite leer y modificar el valor del atributo
value de XHTML. Para los campos de texto (<input
type="text"> y <textarea>) obtiene el texto que ha
escrito el usuario. Para los botones obtiene el texto
que se muestra en el botón.
onclick: evento que se produce cuando se pincha
con el ratón sobre un elemento. Normalmente se
utiliza con cualquiera de los tipos de botones que
permite         definir       XHTML          (<input
type="button">, <input type="submit">, <input
type="image">).
APLICACIONES

Si bien hoy en día, JavaScript, es un lenguaje muy
usado, sus principales aplicaciones son:
Responder a eventos locales dentro de la
página, como apretar un botón, La realización de
cálculos en tiempo real. La validación de
formularios     dentro   de    una    página.   La
personalización de la página por el usuario, que le
permitirá tener una página web a su medida.
La inclusión de datos del propio sistema, como son
la hora y la fecha.
EVENTOS SCRIPT
Los eventos se usan para invocar instrucciones.
Así, el script se ejecuta secuencialmente, pero, para
conseguir introducir el carácter dinámico e
interactivo, debe cargarse en memoria y activarse o
invocarse sólo cuando se verifican situaciones
particulares como el ratón que pasa, un documento
que se carga.
El problema de la conciliación con las funciones
reside en el hecho de que a un evento puede ir
asociada una sola instrucción, pero la mayor parte
de las veces, la asociación está establecida con un
bloque de instrucciones y, por tanto, con las
funciones que toman el nombre de handler o
gestores de eventos.
Los eventos, para poder interrelacionar HTML con
Javascript, no se definen en la marca <SCRIPT>
(excepto en algún caso), sino que se insertan
dentro de las marcas HTML: el navegador
compatible con Javascript, al encontrarse con un
evento, lo interpreta y lo activa.
EFECTOS CON LENGUAJE SCRIPT

Todos los scripts están con sus respectivos
ejemplos para hacerlos más fácil de entender. Free
Javascript.
Algunos de los Efectos presentados no funcionan
bien con Mozilla, la totalidad de ellos si funcionan
con internet explorer.
Puedes Utilizarlos en el desarrollo de tu sitio
web, los más utilizados son los popus o ventanas
emergentes,        puedes        crearlas        con
javascript, cargando automáticamente al entrar o
salir de una web o haciendo click en algún
hipervínculo.
Todos los efectos javascript pueden ser
modificados        en         su        formato
color, tamaño, ubicación, velocidad de carga o
descarga.

Más contenido relacionado

La actualidad más candente

Desarrollo de página web dinámica
Desarrollo de página web dinámicaDesarrollo de página web dinámica
Desarrollo de página web dinámicaJuan Carlos Medrano
 
RESUMEN DE JAVASCRIPT
RESUMEN DE JAVASCRIPTRESUMEN DE JAVASCRIPT
RESUMEN DE JAVASCRIPTAlejito Laaz
 
Programación orientada a eventos - Alejandro Solano
Programación orientada a eventos - Alejandro SolanoProgramación orientada a eventos - Alejandro Solano
Programación orientada a eventos - Alejandro Solano2008PA2Info3
 
Lenguaje de-programacion-java script-1
Lenguaje de-programacion-java script-1Lenguaje de-programacion-java script-1
Lenguaje de-programacion-java script-1Oscar Correa
 
Conceptos Basicos De ProgramacióN Dirigida A Eventos
Conceptos Basicos De ProgramacióN Dirigida A EventosConceptos Basicos De ProgramacióN Dirigida A Eventos
Conceptos Basicos De ProgramacióN Dirigida A Eventosarturoannear
 
Fundamentos de visual basic
Fundamentos de visual basicFundamentos de visual basic
Fundamentos de visual basicPedro Montero
 
Conceptos BáSicos Curso Online
Conceptos BáSicos                 Curso OnlineConceptos BáSicos                 Curso Online
Conceptos BáSicos Curso OnlineEdgar
 

La actualidad más candente (18)

Desarrollo de página web dinámica
Desarrollo de página web dinámicaDesarrollo de página web dinámica
Desarrollo de página web dinámica
 
Javascript
JavascriptJavascript
Javascript
 
Programación Java Script
Programación  Java ScriptProgramación  Java Script
Programación Java Script
 
Java script
Java scriptJava script
Java script
 
Net Beans
Net BeansNet Beans
Net Beans
 
RESUMEN DE JAVASCRIPT
RESUMEN DE JAVASCRIPTRESUMEN DE JAVASCRIPT
RESUMEN DE JAVASCRIPT
 
Java Scripts
Java ScriptsJava Scripts
Java Scripts
 
Programación orientada a eventos - Alejandro Solano
Programación orientada a eventos - Alejandro SolanoProgramación orientada a eventos - Alejandro Solano
Programación orientada a eventos - Alejandro Solano
 
Lenguaje de-programacion-java script-1
Lenguaje de-programacion-java script-1Lenguaje de-programacion-java script-1
Lenguaje de-programacion-java script-1
 
Javascript
JavascriptJavascript
Javascript
 
Conceptos Basicos De ProgramacióN Dirigida A Eventos
Conceptos Basicos De ProgramacióN Dirigida A EventosConceptos Basicos De ProgramacióN Dirigida A Eventos
Conceptos Basicos De ProgramacióN Dirigida A Eventos
 
JavaScript desde Cero
JavaScript desde CeroJavaScript desde Cero
JavaScript desde Cero
 
Java script
Java scriptJava script
Java script
 
Fundamentos de visual basic
Fundamentos de visual basicFundamentos de visual basic
Fundamentos de visual basic
 
Conceptos BáSicos Curso Online
Conceptos BáSicos                 Curso OnlineConceptos BáSicos                 Curso Online
Conceptos BáSicos Curso Online
 
Java script
Java scriptJava script
Java script
 
Javascript
JavascriptJavascript
Javascript
 
Java 123
Java 123Java 123
Java 123
 

Destacado (20)

Zoriontasunak
ZoriontasunakZoriontasunak
Zoriontasunak
 
Proyecto de programa ciencia ficcion
Proyecto de programa ciencia ficcionProyecto de programa ciencia ficcion
Proyecto de programa ciencia ficcion
 
Ainara 01 presentación1
Ainara 01 presentación1Ainara 01 presentación1
Ainara 01 presentación1
 
Práctica 3
Práctica 3Práctica 3
Práctica 3
 
Herramientas de windows
Herramientas  de  windowsHerramientas  de  windows
Herramientas de windows
 
torre de hanoi
torre de hanoitorre de hanoi
torre de hanoi
 
Alejandra caicedo tamayo, el respeto
Alejandra caicedo tamayo, el respetoAlejandra caicedo tamayo, el respeto
Alejandra caicedo tamayo, el respeto
 
El camino-recorrido-por-la-pedagogia
El camino-recorrido-por-la-pedagogiaEl camino-recorrido-por-la-pedagogia
El camino-recorrido-por-la-pedagogia
 
Sexualidad para párvulos
Sexualidad para párvulosSexualidad para párvulos
Sexualidad para párvulos
 
Escuelappadresmercedesa
EscuelappadresmercedesaEscuelappadresmercedesa
Escuelappadresmercedesa
 
Resolviendo triángulos rectángulos 2
Resolviendo triángulos rectángulos 2Resolviendo triángulos rectángulos 2
Resolviendo triángulos rectángulos 2
 
Ausiàs march (1)
Ausiàs march (1)Ausiàs march (1)
Ausiàs march (1)
 
Tenemos Maple
Tenemos MapleTenemos Maple
Tenemos Maple
 
Trabajo colaborativo.pptx 2
Trabajo colaborativo.pptx 2Trabajo colaborativo.pptx 2
Trabajo colaborativo.pptx 2
 
Esqueleto Y MúSculo
Esqueleto Y MúSculoEsqueleto Y MúSculo
Esqueleto Y MúSculo
 
Mis abuelos
Mis abuelosMis abuelos
Mis abuelos
 
Elegidos
ElegidosElegidos
Elegidos
 
Quinta sesión curso de Lliurex
Quinta sesión curso de LliurexQuinta sesión curso de Lliurex
Quinta sesión curso de Lliurex
 
Java
JavaJava
Java
 
Mi Discapacidad 2396
Mi Discapacidad 2396Mi Discapacidad 2396
Mi Discapacidad 2396
 

Similar a Programacion web jorge

Guia java script
Guia java scriptGuia java script
Guia java scriptmariaunefa
 
Programación del lado del cliente
Programación del lado del clienteProgramación del lado del cliente
Programación del lado del clienteGabriel Mondragón
 
Aprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptAprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptKarsarmi
 
Revision de tecnologias web
Revision de tecnologias webRevision de tecnologias web
Revision de tecnologias webFRISLY5
 
Programacion Orientada a Eventos
Programacion Orientada a EventosProgramacion Orientada a Eventos
Programacion Orientada a EventosLaura
 
Lenguaje-de-programacion-JavaScript-1.pdf
Lenguaje-de-programacion-JavaScript-1.pdfLenguaje-de-programacion-JavaScript-1.pdf
Lenguaje-de-programacion-JavaScript-1.pdfJaviMartin21
 
Lenguaje de-programacion-java script-1
Lenguaje de-programacion-java script-1Lenguaje de-programacion-java script-1
Lenguaje de-programacion-java script-1giancarlos
 
Depurando Java Script - Programador PHP
Depurando Java Script - Programador PHPDepurando Java Script - Programador PHP
Depurando Java Script - Programador PHPJuan Belón Pérez
 
ProgramacióN Java Script
ProgramacióN Java ScriptProgramacióN Java Script
ProgramacióN Java ScriptEdgar
 
Introducción a javascript
Introducción a javascriptIntroducción a javascript
Introducción a javascriptSimoney Llamas
 

Similar a Programacion web jorge (20)

Clase 4 JavaScript Básico
Clase 4 JavaScript BásicoClase 4 JavaScript Básico
Clase 4 JavaScript Básico
 
Guia java script
Guia java scriptGuia java script
Guia java script
 
Programación del lado del cliente
Programación del lado del clienteProgramación del lado del cliente
Programación del lado del cliente
 
ProgramacióN Java Script
ProgramacióN Java ScriptProgramacióN Java Script
ProgramacióN Java Script
 
ProgramacióN Java Script
ProgramacióN Java ScriptProgramacióN Java Script
ProgramacióN Java Script
 
Java script
Java scriptJava script
Java script
 
Aprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptAprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScript
 
Javacript
JavacriptJavacript
Javacript
 
Programando en html
Programando en htmlProgramando en html
Programando en html
 
Ekipo 2
Ekipo 2Ekipo 2
Ekipo 2
 
Revision de tecnologias web
Revision de tecnologias webRevision de tecnologias web
Revision de tecnologias web
 
Programacion Orientada a Eventos
Programacion Orientada a EventosProgramacion Orientada a Eventos
Programacion Orientada a Eventos
 
EQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILASEQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILAS
 
Lenguaje-de-programacion-JavaScript-1.pdf
Lenguaje-de-programacion-JavaScript-1.pdfLenguaje-de-programacion-JavaScript-1.pdf
Lenguaje-de-programacion-JavaScript-1.pdf
 
Lenguaje de-programacion-java script-1
Lenguaje de-programacion-java script-1Lenguaje de-programacion-java script-1
Lenguaje de-programacion-java script-1
 
Depurando Java Script - Programador PHP
Depurando Java Script - Programador PHPDepurando Java Script - Programador PHP
Depurando Java Script - Programador PHP
 
JavaScript
JavaScriptJavaScript
JavaScript
 
HTML
HTMLHTML
HTML
 
ProgramacióN Java Script
ProgramacióN Java ScriptProgramacióN Java Script
ProgramacióN Java Script
 
Introducción a javascript
Introducción a javascriptIntroducción a javascript
Introducción a javascript
 

Programacion web jorge

  • 1. Programación web Lenguaje script -Sintaxis -Elementos -Aplicaciones -Eventos script -Efectos con lenguaje script Jorge Luis Sánchez González
  • 2. LENGUALE SCRIPT Un lenguaje de script es un pequeño lenguaje de programación cuyo código se inserta dentro del documento HTML. Este código se ejecuta en el navegador del usuario al cargar la página, o cuando sucede algo especial como puede ser el pulsar sobre un enlace. Estos lenguajes permiten variar dinámicamente el contenido del documento, modificar el comportamiento normal del navegador, validar formularios, realizar pequeños trucos visuales.
  • 3. El primer lenguaje de script que vió la luz fue el JavaScript de Netscape. Nacido con la versión 2.0 de este navegador y basado en la sintaxis de Java, su utilidad y el casi absoluto monopolio que entonces ejercía Netscape en el mercado de navegadores permitieron que se popularizara y extendiera su uso. En informática un guion, archivo de órdenes o archivo de procesamiento por lotes, vulgarmente referidos con el barbarismo script, es un programa usualmente simple, que por lo regular se almacena en un archivo de texto plano. Los guiones son casi siempre interpretados, pero no todo programa interpretado es considerado un guion.
  • 4. SINTAXIS La sintaxis de un lenguaje de programación se define como el conjunto de reglas que deben seguirse al escribir el código fuente de los programas para considerarse como correctos para ese lenguaje de programación. La sintaxis de JavaScript es muy similar a la de otros lenguajes de programación como Java y C. Las normas básicas que definen la sintaxis de JavaScript son las siguientes: No se tienen en cuenta los espacios en blanco y las nuevas líneas. Se distinguen las mayúsculas y minúsculas. No se define el tipo de las variable Se pueden incluir comentarios
  • 5. ELEMENTOS type: indica el tipo de elemento que se trata. Para los elementos de tipo <input> (text, button, checkbox, etc.) coincide con el valor de su atributo type. Para las listas desplegables normales (elemento <select>) su valor es select-one, lo que permite diferenciarlas de las listas que permiten seleccionar varios elementos a la vez y cuyo tipo es select-multiple. Por último, en los elementos de tipo <textarea>, el valor de type es textarea. form: es una referencia directa al formulario al que pertenece el elemento. Así, para acceder al formulario de un elemento, se puede utilizar document.getElementById("id_del_elemento").form
  • 6. name: obtiene el valor del atributo name de XHTML. Solamente se puede leer su valor, por lo que no se puede modificar. value: permite leer y modificar el valor del atributo value de XHTML. Para los campos de texto (<input type="text"> y <textarea>) obtiene el texto que ha escrito el usuario. Para los botones obtiene el texto que se muestra en el botón. onclick: evento que se produce cuando se pincha con el ratón sobre un elemento. Normalmente se utiliza con cualquiera de los tipos de botones que permite definir XHTML (<input type="button">, <input type="submit">, <input type="image">).
  • 7. APLICACIONES Si bien hoy en día, JavaScript, es un lenguaje muy usado, sus principales aplicaciones son: Responder a eventos locales dentro de la página, como apretar un botón, La realización de cálculos en tiempo real. La validación de formularios dentro de una página. La personalización de la página por el usuario, que le permitirá tener una página web a su medida. La inclusión de datos del propio sistema, como son la hora y la fecha.
  • 8. EVENTOS SCRIPT Los eventos se usan para invocar instrucciones. Así, el script se ejecuta secuencialmente, pero, para conseguir introducir el carácter dinámico e interactivo, debe cargarse en memoria y activarse o invocarse sólo cuando se verifican situaciones particulares como el ratón que pasa, un documento que se carga. El problema de la conciliación con las funciones reside en el hecho de que a un evento puede ir asociada una sola instrucción, pero la mayor parte de las veces, la asociación está establecida con un bloque de instrucciones y, por tanto, con las funciones que toman el nombre de handler o gestores de eventos.
  • 9. Los eventos, para poder interrelacionar HTML con Javascript, no se definen en la marca <SCRIPT> (excepto en algún caso), sino que se insertan dentro de las marcas HTML: el navegador compatible con Javascript, al encontrarse con un evento, lo interpreta y lo activa.
  • 10. EFECTOS CON LENGUAJE SCRIPT Todos los scripts están con sus respectivos ejemplos para hacerlos más fácil de entender. Free Javascript. Algunos de los Efectos presentados no funcionan bien con Mozilla, la totalidad de ellos si funcionan con internet explorer. Puedes Utilizarlos en el desarrollo de tu sitio web, los más utilizados son los popus o ventanas emergentes, puedes crearlas con javascript, cargando automáticamente al entrar o salir de una web o haciendo click en algún hipervínculo.
  • 11. Todos los efectos javascript pueden ser modificados en su formato color, tamaño, ubicación, velocidad de carga o descarga.