JAVASCRIPT

Javascript es un lenguaje interpretado usado para múltiples propósitos pero solo

considerado como un complemento hasta ahora.

La clave de los motores más exitosos fue transformar el código Javascript en código
máquina para lograr velocidades de ejecución similares a aquellas encontradas en
aplicaciones de escritorio. Esta mejorada capacidad permitió superar viejas
limitaciones de rendimiento y confirmar el lenguaje Javascript como la mejor
opción para la web.

Para aprovechar esta prometedora plataforma de trabajo ofrecida por los nuevos
navegadores, Javascript fue expandido en relación con portabilidad e integración.
Incorporando Javascript

Siguiendo los mismos lineamientos que en CSS, existen tres técnicas para incorporar
código Javascript dentro de HTML. Sin embargo, al igual que en CSS, solo la
inclusión de archivos externos es la recomendada a usar en HTML5.

En línea
Esta es una técnica simple para insertar Javascript en nuestro documento 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.
Embebido

Para trabajar con códigos extensos y funciones personalizadas debemos agrupar los
códigos en un mismo lugar entre etiquetas <script>. El elemento <script> actúa
exactamente igual al elemento <style> usado para incorporar estilos CSS. Nos ayuda
a organizar el código en un solo lugar, afectando a los elementos HTML por medio de
referencias.
Archivos externos

Los códigos Javascript crecen exponencialmente cuando agregamos nuevas

funciones y aplicamos algunas de las APIs mencionadas previamente. Códigos
embebidos incrementan el tamaño de nuestros documentos y los hacen repetitivos
(cada documento debe volver a incluir los mismos códigos). Para reducir los tiempos
de descarga, incrementar nuestra productividad y poder distribuir y reusar nuestros
códigos en cada documento sin comprometer eficiencia, recomendamos grabar
todos los códigos Javascript en uno o más archivos externos y llamarlos usando el
atributo src:
Variables
Tipos de datos
Condicionales
Ciclos
Funciones
Funciones y Formularios

ElementById
Este selector nos permite encontrar elementos en el documento por medio del
valor de su atributo id.
Ventana Flotante

Archivo HTML

Archivo JS
jQuery

es una biblioteca multiplataforma de JavaScript, que permite simplificar la

manera de interactuar con los documentos HTML, manejar eventos, desarrollar
animaciones y agregar interacción con la técnica AJAX a páginas web.

al igual que otras bibliotecas, ofrece una serie de funcionalidades basadas en

JavaScript que de otra manera requerirían de mucho más código, es decir, con
las funciones propias de esta biblioteca se logran grandes resultados en menos
tiempo y espacio.
jQuery

La característica principal de la biblioteca es que permite cambiar el contenido

de una página web sin necesidad de recargarla, mediante la manipulación del
árbol DOM y peticiones AJAX. Para ello utiliza las funciones $( ).

Función $()

La forma de interactuar con la página es mediante la función $( ). recibe como

parámetro una expresión CSS o el nombre de una etiqueta HTML y devuelve
todos los nodos (elementos) que concuerden con la expresión. Esta expresión
es denominada selector en la terminología de jQuery.
jQuery

Una vez obtenidos los nodos, se les puede aplicar cualquiera de las funciones
que facilita la biblioteca.

O por ejemplo, efectos gráficos:

jQuery

Inicio de jQuery
Comúnmente antes de realizar cualquier acción en el documento, debemos
percatarnos de que el documento esté listo. Para ello usamos:

$(document).ready(main);
Aplicación

1. Llamando la biblioteca:
Aplicación

2. Modificación del Menú desplegable en Left:

Aplicación

3. Crear archivo menu.js y digitar el siguiente código: