Jquery modulo-1
Upcoming SlideShare
Loading in...5
×
 

Jquery modulo-1

on

  • 406 views

Primera clase del curso JQuery para disenadores y publicistas.

Primera clase del curso JQuery para disenadores y publicistas.

Introduccion a javascript, ejemplos, ejercicios

Statistics

Views

Total Views
406
Views on SlideShare
406
Embed Views
0

Actions

Likes
0
Downloads
3
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Jquery modulo-1 Jquery modulo-1 Presentation Transcript

  • Módulo 1 Introduccion 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: @xzombiedev Skype: ralfaro.pinto LinkedIn: http://cl.linkedin.com/in/rodrigoalfaro/
  • Índice Bibliografía Que es el DOM? Introducción a Javascript Có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-childsiblings. DOM es un estándar creado por la W3C.
  • Que es el DOM?
  • Introducción a Javascript Javascript NO es JAVA
  • Introducción a Javascript Es 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 Javascript Ejemplo Como preparar una taza de café y beberlo? 1. 2. 3. 4. 5. 6. Hervir agua Preparar una taza con café en polvo Vaciar el agua hervida en la taza Agregar azucar/endulzante Revolver la mezcla Beberlo
  • Introducción a Javascript En 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>
  • Ejemplo Javascript manipulando el DOM de un archivo 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>
  • Ejemplo Javascript manipulando el DOM de un archivo 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