Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Javascript 01 - Introducción

    Cargado por

    ArielTala
    19 vistas11 páginas

    Título original

    Javascript 01- Introducción

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PPTX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como PPTX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    19 vistas11 páginas

    Javascript 01 - Introducción

    Cargado por

    ArielTala

    Copyright:

    © All Rights Reserved
    Descargue como PPTX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 11

    JAVASCRIPT

    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.
    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.
    PARA TENER UN ENFOQUE GLOBAL DE LO QUE ES JAVASCRIPT DIVIDIREMOS LOS LENGUAJES QUE INTERVIENEN EN LOS DESARROLLOS WEB EN ESTAS CATEGORÍAS:

    a) Metalenguajes: incluiríamos aquí HTML y CSS. No proveen la potencia que aporta la


    programación.

    b) Lenguajes de programación de propósito general: incluiríamos aquí lenguajes como C,


    C++, Visual Basic, PHP, etc., creados con el objetivo amplio de crear aplicaciones informáticas
    de todo tipo. Proporcionan toda la potencia de la programación.

    c) Lenguajes de programación de propósito específico: son lenguajes con toda la potencia


    de la programación pero orientados a una tarea concreta específica. Aquí incluiríamos
    JavaScript, como lenguaje que ha sido creado para facilitar la operación rápida en páginas web.
    Otros ejemplos: en webs tan populares como Facebook, Twitter o Youtube usan Javascript a raudales. Para ser más concretos, cuando en la
    red social apretamos un enlace para comentar algo, se muestra en la página un pequeño formulario que aparece como por arte de magia y
    luego se envía sin salirse de la propia página. También cuando votamos por un vídeo en Youtube o cuando se cuentan los caracteres que
    llevamos escritos en los mini-post de Twitter, se utiliza Javascript
    JAVASCRIPT DEL LADO DEL SERVIDOR

    Hemos comentado que JavaScript es un lenguaje que aparece en prácticamente todo desarrollo web
    como lenguaje del lado del cliente. No obstante, hace ya varios años que ha empezado a tener uso en algunos
    desarrollos web como lenguaje del lado del servidor para permitir desarrollos web completos.

    El desarrollo en JavaScript del lado del servidor se hace instalando en el servidor herramientas que
    permiten el uso de JavaScript del lado del servidor como:
    • Node.js: es quizás la herramienta más utilizada dentro de los desarrollos que usan JavaScript
    del lado del servidor. Node.js es un entorno de programación que incluye numerosas librerías
    preparadas para ser usadas por parte de los programadores.
    • Jaxer
    • RingoJS
    • EJScript
    • AppengineJS

    El desarrollo con JavaScript del lado del servidor permite crear desarrollos web completos, pero es una práctica
    que todavía no está generalizada y en cierta medida se sigue considerando no habitual, o al menos no
    recomendable para quienes no conozcan JavaScript básico.
    1- Incluir JavaScript en el mismo documento HTML (embebido – ejecución COMO
    directa) INCORPORAR
    El código 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 JAVASCRIPT EN
    recomienda definir el código JavaScript dentro de la cabecera del documento (dentro de la DOCUMENTOS
    etiqueta <head>):
    HTML
    <!DOCTYPE html>
    <head>
    <meta charset=“UTF-8” />
    Siguiendo los mismos lineamientos que
    <title>Ejemplo de código JavaScript en el propio documento</title>
    <script type="text/javascript"> en CSS, existen tres técnicas para
    alert("Un mensaje de prueba");
    incorporar código JavaScript dentro de
    </script>
    </head> HTML. Sin embargo, al igual que en
    <body>
    CSS, solo la inclusión de archivos
    <p>Un párrafo de texto.</p>
    </body> externos es la recomendada a usar.
    </html>

    Para que la página HTML 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.
    En HTML5 no debemos usar ningún atributo para especificar lenguaje. Ya no es necesario incluir
    el atributo type en la etiqueta <script>.
    2- Definir JavaScript en un archivo externo
    Las instrucciones JavaScript se pueden incluir en un archivo externo de tipo JavaScript que los
    COMO
    documentos HTML enlazan mediante la etiqueta <script>. INCORPORAR
    Se pueden crear todos los archivos JavaScript que sean necesarios y cada documento HTML
    puede enlazar tantos archivos JavaScript como necesite.
    JAVASCRIPT EN
    DOCUMENTOS
    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
    HTML
    ú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

    <!DOCTYPE HTML>
    <head>
    <meta charset=“UTF-8”>
    <title>Ejemplo de código JavaScript en el propio documento</title>
    <script type="text/javascript" src="/js/codigo.js"></script>
    </head>
    <body>
    <p>Un párrafo de texto.</p>
    </body>
    </html>

    Archivo codigo.js
    alert("Un mensaje de prueba");
    3- Incluir JavaScript en los elementos HTML – Respuesta a un evento COMO
    Este último método es el menos utilizado, ya que consiste en incluir trozos de JavaScript
    dentro del código HTML de la página: INCORPORAR
    JAVASCRIPT EN
    <!DOCTYPE HTML>
    <head> DOCUMENTOS
    <meta charset=“UTF-8”>
    <title>Ejemplo de código JavaScript en el propio documento</title> HTML
    </head>
    <body>
    <p onclick="alert('Un mensaje de prueba')">Un párrafo de texto.</p>
    </body>
    </html>;

    Esta es una técnica simple que se aprovecha de atributos disponibles en elementos HTML. Estos
    atributos son manejadores de eventos que ejecutan código de acuerdo a la acción del usuario.
    Los más usados son, en general, los relacionados con el ratón, como por ejemplo onclick,
    onMouseOver, u onMouseOut. Sin embargo, encontraremos sitios web que implementan
    eventos de teclado y de la ventana, ejecutando acciones luego de que una tecla es presionada o
    alguna condición en la ventana del navegador cambia (por ejemplo, onload u onfocus).

    Los eventos son acciones que realiza el usuario. Los programas como Javascript están
    preparados para atrapar determinadas acciones realizadas, en este caso sobre la página, y
    realizar acciones como respuesta. De este modo se pueden realizar programas interactivos, ya
    que controlamos los movimientos del usuario y respondemos a ellos.
    COMENTARIOS EN EL CODIGO
    Un comentario es una parte de código que no es interpretada por el navegador y cuya utilidad radica en facilitar la
    lectura al programador.

    El programador, a medida que desarrolla el script, va dejando frases o palabras sueltas, llamadas comentarios, que le
    ayudan a él o a cualquier otro a leer más fácilmente el script a la hora de modificarlo o depurarlo.

    Existen dos tipos de comentarios en el lenguaje. Uno de ellos, la doble barra, sirve para comentar una línea de
    código. El otro comentario lo podemos utilizar para comentar varias líneas y se indica con los signos /* para
    empezar el comentario y */ para terminarlo. Veamos unos ejemplos.

    <SCRIPT>
    //Este es un comentario de una línea
    /*Este comentario se puede extender por varias líneas.
    Las que quieras*/
    </SCRIPT>
    SEPARACION DE
    INSTRUCCIONES
    Las distintas instrucciones que contienen nuestros scripts se han de separar convenientemente para que el navegador
    no indique los correspondientes errores de sintaxis.

    Javascript tiene dos maneras de separar instrucciones:


    - La primera es a través del carácter punto y coma (;)
    - La segunda es a través de un salto de línea.

    Por esta razón Las sentencias Javascript no necesitan acabar en punto y coma a no ser que coloquemos dos
    instrucciones en la misma línea.

    No es una mala idea, de todos modos, acostumbrarse a utilizar el punto y coma después de cada instrucción pues
    otros lenguajes como Java o C obligan a utilizarlas y nos estaremos acostumbrando a realizar una sintaxis más
    parecida a la habitual en entornos de programación avanzados.

    También podría gustarte