Jquery modulo-1

Módulo 1Introduccion Javascript

https://copy.com/0pCBjtZs4lq8

Sobre el profesor :(Software engineer with 10 years experience, I have developed multiple platforms and languages.

I am a web enthusiast and share experiences.

Twitter: @xzombiedevSkype: ralfaro.pintoLinkedIn: http://cl.linkedin.com/in/rodrigoalfaro/

ÍndiceBibliografíaQue es el DOM?Introducción a JavascriptCómo utilizar javascript en una página web?Ejemplo Javascript manipulando el DOM de un archivo html

Bibliografía● Beginning Javascript, 4th Edition, Paul Wilton, Jeremy McPeak, Editorial

Wrox. ISBN: 978-0-470-52593-7

● JQuery 1.4, Plugin Development, Giulio Bai, PACKT Opensource, ISBN: 978-1-849512-24-4

● Beginning web programming with html, xhtml, and css, John Duckett, 2nd Edition, Wiley Publishing Inc., ISBN: 978-0-470-25931-3

Que es el DOM?Document Object Model o Modelo en objeto para la representación de documentos.

DOM es la interfaz de aplicaciones (API) para visualizar documentos publicados en la red.

La terminología que se utiliza para entender los objetos es parent-child-siblings.

DOM es un estándar creado por la W3C.

Que es el DOM?

Introducción a Javascript

Javascript NO es JAVA

Introducción a JavascriptEs un lenguaje de programación interpretado que funciona con HTML. Envía instrucciones para que el computador realice una determinada acción.

Estas acciones van desde mostrar un texto, imagen a procesar datos en memoria. A estas instrucciones se les conoce como “Código” que se procesan leyendo el código desde arriba hacia abajo.

El código que se escribe se puede describir como las acciones sucesivas que conlleva realizar un tipo de operación determinada.

Introducción a JavascriptEjemplo

Como preparar una taza de café y beberlo?

1. Hervir agua2. Preparar una taza con café en polvo3. Vaciar el agua hervida en la taza4. Agregar azucar/endulzante5. Revolver la mezcla6. Beberlo

Introducción a JavascriptEn el ejemplo, el código se ejecuta(Run) desde el nro. 1 en orden consecutivo hasta el nro. 6

Javascript es un lenguaje interpretado (no compilado) por el browser (Chrome, Safari, Internet Explorer, Firefox, etc.). El intérprete (browser) convierte el código Javascript a lenguaje de máquina (binarios) en tiempo de ejecución de la página web.

Sus principales usos son:

● Procesar datos en memoria.● Interacción de objetos con el usuario.

Cómo utilizar Javascript en una página web?Para ejecutar el código Javascript en un documento html se utiliza el tag <script></script> que se ubica dentro de la etiqueta <head></head>

Ejemplo:<DOCTYPE html><html>

<head><title></title><script></script>

</head></html>

Cómo utilizar Javascript en una página web?El código se puede escribir en la misma página html o se puede vincular a un archivo externo si se piensa en utilizar el código en más de una página.

Ejemplo llamando a codigo Javascript sin archivo externo:<script></script>

Ejemplo llamando a codigo Javascript con archivo externo:<script src=”js/mi-funcion.js”></script>

La ventaja de usar un archivo externo es que puedes escribir código complejo y mantenerlo desde un único archivo.

Ejemplo Javascript manipulando el DOM de un archivo html

Escriba el siguiente código es su editor de desarrollo favorito y luego ejecute con un browser:

<DOCTYPE html><html><head><title>Ejemplo 1, Modulo 1</title><script>document.bgColor = "#FF0000";</script></head><body bgcolor="#FFFFFF"><p>Parrafo 1</p></body></html>


Escriba el siguiente código y ejecute en un browser.

<DOCTYPE html><html>

<head><title>Ejemplo 2, Modulo 1</title><script>

function CambiarTxt(){document.getElementById('ResultadoP').innerHTML = "Este texto fue escrito mediante

Javascript.";}

</script></head><body>

<p id="ResultadoP">Texto a cambiar</p><input type="button" value="Cambiar Texto" onclick="CambiarTxt();"/>

</body></html>


Operaciones aritméticas básicas en Javascript.

ejemplo3-mod1.html

Ejercicios● Cambiar color de fondo en pagina html● Agregar clase de css a div en pagina html para cambiar tamaño de fuente

y color

Documents

Jquery modulo-1