Descargar la presentación
La descarga está en progreso. Por favor, espere
1
DESARROLLO DE PORTALES INTERACTIVOS
UNIDAD 1 Desarrollo estructural de portales web R.A.1.1 Utiliza estándares de documentación de sistemas ágiles para la documentación de funciones en páginas web, considerando los requerimientos funcionales de los usuarios a fin de generar código autodocumentado de fácil mantenimiento.
2
Javascript es un lenguaje que puede ser utilizado por profesionales y para quienes se inician en el desarrollo y diseño de sitios web. No requiere de compilación ya que el lenguaje funciona del lado del cliente, los navegadores son los encargados de interpretar estos códigos.
3
Javascript tiene la ventaja de ser incorporado en cualquier página web, puede ser ejecutado sin la necesidad de instalar otro programa para ser visualizado
4
CARACTERISTICAS Java por su parte tiene como principal característica ser un lenguaje independiente de la plataforma. Se puede crear todo tipo de programa que puede ser ejecutado en cualquier ordenador del mercado: Linux, Windows, Apple, etc. Debido a sus características también es muy utilizado para internet.
5
¿Qué es Javascript? Javascript es un lenguaje con muchas posibilidades, utilizado para crear pequeños programas que luego son insertados en una página web.
6
¿Dónde puedo ver funcionando Javascript?
Entre los diferentes servicios que se encuentran realizados con Javascript en Internet se encuentran: Correo Chat Buscadores de Información También podemos encontrar o crear códigos para insertarlos en las páginas como: Reloj Contadores de visitas Fechas Calculadoras Validadores de formularios Detectores de navegadores e idiomas
7
¿Cómo IDENTIFICAR CODIGO JAVASCRIPT?
El código javascript podemos encontrarlo dentro de las etiquetas <body></body> de nuestras páginas web. Por lo general se insertan entre: <script></script>. También pueden estar ubicados en ficheros externos usando: <script type="text/javascript" src="micodigo.js"></script>
8
QUE ME PERMITE REALIZAR
Variables: var = “Hola”, n=103 Condiciones: if(i<10){ … } Ciclos: for(i; i<10; i++){ … } Arreglos: var miArreglo = new Array(“12”, “77”, “5”) Funciones: Ppopias del lenguaje y predefinidas por los usuarios Comentarios para una sola línea: // Comentarios Permite la programación orientada a objetos: document.write("Hola"); Las variables pueden ser definidas como: string, integer, flota, bolean simplemente utilizando “var”. Podemos usar “+” para concatenar cadenas y variables. Comentarios para varias lineas: /* Comentarios */
9
ES COMPATIBLE CON OTROS NAVEGADORES
Javascript es soportado por la mayoría de los navegadores como Internet Explorer, Netscape, Opera, Mozilla Firefox, entre otros.
10
B. Elaboración de comentarios para funciones y programas en extenso.
COMENTARIOS JAVASCRIPT JavaScript. En concreto hay dos tipos de comentarios permitidos, los comentarios en línea que comienzan con una doble barra: //, y los comentarios multilínea, que comienzan con /* y terminan con */.
11
COMENTARIOS EN JAVA SCRIPT
<html> <head> <title>Portal web - aprenderaprogramar.com</title> <meta charset="utf-8"> <script type="text/javascript"> /* Funciones JavaScript Versión 0.1 Autor: César Krall Curso: Tutorial básico del programador web: JavaScript desde cero */ //Función que muestra mensaje de bienvenida function mostrarMensaje1() { alert('Bienvenido al curso JavaScript de aprenderaprogramar.com'); } function mostrarMensaje2() { //Mensaje si se hace click sobre párrafo alert('Ha hecho click sobre el párrafo inferior'); } </script> </head> <body> <div> <p>Aquí un párrafo de texto situado antes de la imagen, dentro de un div contenedor</p> <img onclick="mostrarMensaje1()" src=" alt="Notepad++" title="Notepad++, un útil editor de texto"> <p style="background-color:yellow;" onclick="mostrarMensaje2()">Aquí otro párrafo de texto. JavaScript es un lenguaje utilizado para dotar de efectos dinámicos a las páginas web. </p> </div> </body> </html>
12
COMENTARIOS Comentarios
Los comentarios son partes del programa que el intérprete no lee y que, por tanto, sirven para explicar y aclarar. Van comprendidos entre barras y asteriscos como en el ejemplo siguiente: /*comentario*/ El comentario puede constar de más de una línea o de una sola, mientras queel intérprete no acepta el comentario nidificado.
13
Otro tipo de comentario es la barra doble, tomada prestada del lenguaje C, si bien es válida sólo para comentarios de una sola línea aunque no la ocupen por entero: ent x: //commento
14
Los comentarios Javascript no pueden insertarse fuera de las marcas que individuan el script, ya que, en caso contrario, HTML los considera parte del texto. Y viceversa: no se pueden usar las marcas de comentarios HTML dentro del script. El único comentario admisible es el que permite encerrar todos los script en las marcas de comentario de HTML, haciendo que se abran tras la marca de script y que se cierren antes del cierre de la marca: <script language="JavaScript"> <!-- alert("Welcome!"); //--> </script>
15
Espacios en blanco A Javascript no le interesan los espacios en blanco, excepto los que se encuentran en las cadenas, por lo que se pueden omitir o también aumentar. Su uso, de todas formas, aumenta la legibilidad del programa por lo que aconsejamos vivamente su uso
16
COMILLAS Comillas Un elemento importante son las comillas, tanto simples (' '), como dobles (" "). Las comillas dobles se usan para encerrar partes de código Javascript, y, junto con las simples, para encerrar también las cadenas (secuencias de caracteres). Por ello, es necesario prestar atención a nidificar dos cadenas comprendidas entre comillas simples, así como a usar las comillas dobles para las cadenas si éstas sirven ya para encerrar código Javascript.
Presentaciones similares
