Scribd
Cargar
9 vistas10 páginas

HTML

Este documento introduce Javascript y jQuery. Explica que Javascript se usa para dar comportamiento y efectos a las páginas web, mientras que jQuery facilita el uso de Javascript mediante la adición de nuevos eventos y funcionalidades como llamadas AJAX. También describe la estructura básica de una página web y cómo integrar Javascript en HTML.

Cargado por

Julhino Egoavil Espinoza
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPT, PDF, TXT o lee en línea desde Scribd
9 vistas10 páginas

HTML

Este documento introduce Javascript y jQuery. Explica que Javascript se usa para dar comportamiento y efectos a las páginas web, mientras que jQuery facilita el uso de Javascript mediante la adición de nuevos eventos y funcionalidades como llamadas AJAX. También describe la estructura básica de una página web y cómo integrar Javascript en HTML.

Cargado por

Julhino Egoavil Espinoza
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPT, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 10

INTRODUCCION JAVASCRIPT

Ing. Julhino Egoavil E


2023
• Índice
• Javascript
Estructura de una página web

Página Web
• Párrafos •Tablas
Estructura •• Encabezados • Capas
Listas • Etc.
HTML
• Textos
Contenido • Imágenes
• Enlaces

• Colores • Fondos
Apariencia • Tipografías •
• Alineación •
Tamaños
Etc.
CSS

• Efectos
Comportamiento • Validaciones
• Automatización Javascript
Javascript

• Inicialmente se llamaba LiveScript.


• Lenguaje de guiones (script).
• Con el respaldo de SUN en 1995 pasó a llamarse
JavaScript.
• Es un lenguaje interpretado.
• Se ejecuta en el cliente, nunca en el servidor.
• Parte de un conjunto limitado de objetos y clases
• No permite interacción cliente-servidor,
únicamente opera en el cliente (Conseguido con
jQuery).
Javascript

• Diseñado para programas sencillos y pequeños.


• Muy utilizado para validación de datos.
• Utilizado junto con CSS para poner efectos en las
páginas de Web.
• Es independiente de la plataforma.
• Es bajamente tipado.
• Fácil de aprender, pero difícil de depurar.
• Gran parecido con Java pero mucho más limitado.
Javascript

• Javascript se integra en HTML de dos maneras:


• Como fichero *.js incluido en la misma sección
que los CSS.
• Como código directamente en el fichero HTML
haciendo uso de la etiqueta <script>
• Algunos navegadores no soportan scripts por lo
que tendremos que tenerlo en cuenta.
• Para tratar el problema haremos uso de la
etiqueta <noscript>
Javascript

• La declaración de variables se hace sin especificar


el tipo:
• var miVariable;
• Si intento hacer una operación no permitida sobre
el tipo que contiene la variable tendré un error.
• Para mostrar mensajes por pantalla haré uso de:
• alert("texto del mensaje")
• Los métodos se declaran con la etiqueta function:
• function hola(){ … }
• Para devolver un valor haremos uso de
Javascript

• La llamada a los métodos Javascript se hará desde


elementos HTML.
• Los elementos HTML tienen asociados
determinados eventos cuando su estado cambie.
• En esos eventos podemos llamar a código
Javascript.
• Haciendo uso de Jquery como extensión de
Javascript podremos realizar funcionalidad antes de
que un documento se cargue.
Javascript: jQuery

• Jquery es una librería Javascript que pretende


facilitar el uso del código Javascript a los
programadores.
• Añade un conjunto nuevo de eventos a los ya
existentes HTML.
• Permite hacer llamdas AJAX, por lo que permite
que, el cliente, llame directamente al servidor.
• Incorpora librerías de componentes HTML con
funcionalidad enriquecida que podemos usar con
poco esfuerzo. jQuery
• Tutorial: jQuery tutorial
Javascript: jQuery

• Al igual que en CSS haremos uso de selectores


para recuperar un elemento concreto.
• La sintaxis es $(selector):
• $("p"): recuperaría todos los elementos HTML
de tipo <p>
• $(".test"): recuperaría todos los elementos
HTML cuyo atributo "class" fuera "test".
• $("#test"): recuperaría todos los elementos
HTML cuyo atributo "id" fuera "test".

También podría gustarte