Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

¿Qué es JavaScript?

No description
by

Ed L

on 20 October 2016

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of ¿Qué es JavaScript?

JavaScript
design by Dóri Sirály for Prezi
JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas web dinámicas.
Una página web dinámica es aquella que incorpora efectos como texto que aparece y desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con mensajes de aviso al
usuario.

A principios de los años 90, la mayoría de usuarios que se conectaban a Internet lo hacían con módems a una velocidad máxima de 28.8 kbps.
En esa época, empezaban a desarrollarse las primeras aplicaciones web y por tanto, las páginas web comenzaban a incluir formularios
complejos.
Brendan Eich, un programador que trabajaba en Netscape, pensó que podría solucionar este problema adaptando otras tecnologías existentes (como ScriptEase) al navegador Netscape Navigator 2.0, que iba a lanzarse en 1995. Inicialmente, Eich denominó a su lenguaje LiveScript.
¿Qué es JavaScript?
En este ejemplo, el script se incluye como un bloque de código dentro de una página XHTML. Por
tanto, en primer lugar se debe crear una página XHTML correcta que incluya la declaración del
DOCTYPE, el atributo xmlns, las secciones <head> y <body>, la etiqueta <title>, etc.
Aunque el código del script se puede incluir en cualquier parte de la página, se recomienda
incluirlo en la cabecera del documento, es decir, dentro de la etiqueta <head>.
Nuestro primer Script
Breve historia

Incluir JavaScript en el mismo documento XHTML
El código JavaScript se encierra entre etiquetas <script> y se incluye en cualquier parte del documento. Aunque es correcto incluir cualquier bloque de código en cualquier zona de la página, se recomienda definir el código JavaScript dentro de la cabecera del documento (dentro
de la etiqueta <head>):
Para que la página XHTML resultante sea válida, es necesario añadir el atributo type a la etiqueta <script>. Los valores que se incluyen en el atributo type están estandarizados y para el caso de JavaScript, el valor correcto es text/javascript.

El principal inconveniente es que si se quiere hacer una modificación en el bloque de código, esnecesario modificar todas las páginas que incluyen ese mismo bloque de código JavaScript
Cómo incluir JavaScript en documentos XHTML

• No se tienen en cuenta los espacios en blanco.

• Se distinguen las mayúsculas y minúsculas.

• No se define el tipo de las variables.

• No es necesario terminar cada sentencia con el carácter de punto y coma ;

• Se pueden incluir comentarios.

Desde su aparición, JavaScript siempre fue utilizado de forma masiva por la mayoría de sitios de Internet. La aparición de Flash disminuyó su popularidad, ya que Flash permitía realizar algunas acciones imposibles de llevar a cabo mediante JavaScript. Sin embargo, la aparición de las aplicaciones AJAX programadas con JavaScript le ha devuelto una popularidad sin igual dentro de los lenguajes de programación web.



Sintaxis
¿Qué es JavaScript?

Técnicamente, JavaScript es un lenguaje de programación interpretado, por lo que no es
necesario compilar los programas para ejecutarlos. En otras palabras, los programas escritos
con JavaScript se pueden probar directamente en cualquier navegador sin necesidad de
procesos intermedios.
A pesar de su nombre, JavaScript no guarda ninguna relación directa con el lenguaje de
programación Java. Legalmente, JavaScript es una marca registrada de la empresa Sun
Microsystems
Breve historia
Breve historia
Posteriormente, Netscape firmó una alianza con Sun Microsystems para el desarrollo del nuevo
lenguaje de programación. Además, justo antes del lanzamiento Netscape decidió cambiar el
nombre por el de JavaScript. La razón del cambio de nombre fue exclusivamente por marketing,
ya que Java era la palabra de moda en el mundo informático y de Internet de la época.
Breve historia
La primera versión de JavaScript fue un completo éxito y Netscape Navigator 3.0 ya incorporaba
la siguiente versión del lenguaje, la versión 1.1. Al mismo tiempo, Microsoft lanzó JScript con su
navegador Internet Explorer 3. JScript era una copia de JavaScript al que le cambiaron el nombre
para evitar problemas legales.

Para evitar una guerra de tecnologías, Netscape decidió que lo mejor sería estandarizar el
lenguaje JavaScript. De esta forma, en 1997 se envió la especificación JavaScript 1.1 al organismo
ECMA (European Computer Manufacturers Association).

El primer estándar que creó el comité
TC39 se denominó ECMA-262, en el que se definió por primera vez el lenguaje ECMAScript.
Por este motivo, algunos programadores prefieren la denominación ECMAScript para referirse al
lenguaje JavaScript. De hecho, JavaScript no es más que la implementación que realizó la
empresa Netscape del estándar
ECMAScript.
Definir JavaScript en un archivo externo

Las instrucciones JavaScript se pueden incluir en un archivo externo de tipo JavaScript que los documentos XHTML enlazan mediante la etiqueta <script>. Se pueden crear todos los archivos JavaScript que sean necesarios y cada documento XHTML puede enlazar tantos archivos JavaScript como necesite.
Incluir JavaScript en los elementos XHTML
Este último método es el menos utilizado, ya que consiste en incluir trozos de JavaScript dentro del código XHTML de la página.
El mayor inconveniente de este método es que ensucia innecesariamente el código XHTML de la
página y complica el mantenimiento del código JavaScript. En general, este método sólo se utiliza
para definir algunos eventos y en algunos otros casos especiales, como se verá más adelante
Definir JavaScript en un archivo externo

Además del atributo type, este método requiere definir el atributo src, que es el que indica la URL correspondiente al archivo JavaScript que se quiere enlazar. Cada etiqueta <script> solamente puede enlazar un único archivo, pero en una misma página se pueden incluir tantas etiquetas <script> como sean necesarias. Los archivos de tipo JavaScript son documentos normales de texto con la extensión .js, que se pueden crear con cualquier editor de texto como Notepad, Wordpad, EmEditor, UltraEdit, Vi, etc.
EJEMPLO
A continuación, el código JavaScript se debe incluir entre las etiquetas <script>...</script>.
Además, para que la página sea válida, es necesario definir el atributo type de la etiqueta
<script>. Técnicamente, el atributo type se corresponde con "el tipo MIME", que es un estándar
para identificar los diferentes tipos de contenidos. El "tipo MIME" correcto para JavaScript es
text/javascript..

EJEMPLO
Una vez definida la zona en la que se incluirá el script, se escriben todas las sentencias que forman la aplicación. Este primer ejemplo es tan sencillo que solamente incluye una sentencia:
alert("Hola Mundo!");

La instrucción alert() es una de las utilidades que incluye JavaScript y permite mostrar un
mensaje en la pantalla del usuario. Si se visualiza la página web de este primer script en
cualquier navegador, automáticamente se mostrará una ventana con el mensaje "Hola Mundo!".
EJEMPLO
Universidad Politécnica de Puebla
Edher Luis Lagunes Carvajal
Herramientas web
Ing. Jordi Jaromil Cruz Medrano
Full transcript