2. • Lenguaje de programación de código
que permiten agregar interactividad
y dinamismo a las páginas y hacerles
mas interesantes y útiles a los
usuarios.
3. REQUISITOS
• Conocer HTML (Lenguaje de Etiquetas)
• Conocer CSS (Apariencia)
• Tener Instalado un navegador
5. JAVA Y JAVASCRIPTS
• No son los mismo
• No tienen ninguna relación
• No tienen que ver uno con el otro
• Solo se parecen en el nombre
6. JAVA
Es un lenguaje de
programación de
propósito genera, que
puede crear
aplicaciones para
todo, puede
ejecutarse en un
servidor, en la web, en
estaciones de trabajo,
en aplicaciones
moviles.
JAVASCRIPTS
Lenguaje de
programación de
propósito concreto.
Tiene un objetivo
concreto, se ejecuta
solo en navegadores,
no es posible
ejecutarse en un
servidor, estaciones de
trabajo, orientado solo
en la web, Ej google
maps
7. CARACTERISTICAS DE JAVASCRIPTS
• Se ejecuta local (No en servidor)
• Es interpretado (No compilador)
• Es de respuesta inmediata
• Agrega interactividad a los sitios web
• Proporciona efectos visuales dinámicos
– Efectos de menú, efecto de transición
• Esta basado en 3 tecnologías
– HTML – CSS - Interactividad
8. HISTORIA
• Inventado por Netscape en 1995
• En los últimos tiempos ha experimentado un
reconocimiento como google maps, yahoo, etc
• Esta presente en diferentes aplicaciones como
– Dreamweaver
– Photoshop
– Pgmas para Iphone/Ipad/Android
9. JQUERY
• Es un conjunto de utilidades las cuales no
necesitan ser programadas, de hecho ya fueron
programadas, probadas y podemos utilizarlas
de una manera muy simplificada.
• Query nos permite agregar efectos y
funcionalidades complejas a nuestro sitio web,
como por ejemplo: galerías de fotos dinámicas
y elegantes, validación de formularios,
calendarios, hacer aparecer y desaparecer
elementos en nuestra página y muchas otras
poderosas opciones.
10. AGREGANDO JAVASCRIPTS A UNA
PAGINA
• El código de Javascripts va dentro de la página
web entre las etiquetas
<script> </script>
Puede ir en cualquier parte de la página:
En el head – En el body - En un archivo externo
con extensión .js
<head>
<scripts>
alert(“Hola Mundo”) </scripts>
11. ARCHIVOS EXTERNOS
• Dentro de la página lo incluyo asi:
<script src=“ejemplo.js”></script>
• Para enlazar con una biblioteca Jquery
<script src=“archivo.js”></script>
<script>
$(function() {
$(“body”).hide().fadeIn(3000);
}):