Cursos técnicos gratuitos en línea

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Cursos técnicos gratuitos en línea"

Alberto Blázquez Gil
hace 5 años
Vistas:

1 Microsoft Virtual Academy Cursos técnicos gratuitos en línea Tome un curso gratuito en línea.

2 Aprendiendo a Programar

3 Qué es Javascript? Es un lenguaje de programación que los browser directamente leen e interpretan en el momento en que cargamos nuestra página web. Se usa principalmente del lado del cliente, o sea, en nuestra computadora, implementado como parte de un navegador web y nos permite hacer mejoras en la interfaz de usuario y páginas web dinámicas. Todos los navegadores modernos interpretan el código JavaScript integrado en las páginas web, como Internet Explorer, Firefox, Chrome u Opera.

4 Microsoft Virtual Academy Librerías en Javascript

5 Eventos

6 Programación del lado del cliente

7 Programación del lado del cliente

8 Un primer ejemplo en JS <!DOCTYPE html> <html> <head> <title>mi primer programa en Javascript</title> </head> <body> <script language= javascript type= text/javascript > document.write( <h1>hola Mundo desde Javascript</h1> ); document.write( <br/>este es mi primer programa en Javascript! ); </script> </body> </html>

9 Corriendo nuestro ejemplo

10 Funciones <script language= javascript type= text/javascript > function decirhola() { document.write( Hola Mundo ); } </script> <script language= javascript type= text/javascript > decirhola(); </script>

11 Librerías La otra manera de incluir funcionalidades en JS en nuestros programas, reutilizando código ya escrito, es llamando a librerías externas. Esto lo podemos hacer poniendo una línea como la siguiente: <script language= javascript type= text/javascript src= attached.js ></script> De esta manera, es que podremos utilizar librerías como jquery, que veremos en la próxima sección, solamente incluyendo el llamado a la misma insertando la siguiente línea en el head: <script src=" Lo que haremos entonces será simplemente, esperar la ocurrencia de un evento y cuando ello ocurra, llamar alguna función de Javascript para que realice algún tipo de acción Para mas información:

12 jquery jquery es una librería de JavaScript que funciona de manera rápida, es liviana y rica en funcionalidad. jquery permite manipular el HTML para modificarlo dinámicamente, nos permite un mejor manejo de eventos, animación y Ajax (que veremos luego), de manera mucho más simple que funciona en prácticamente todos los navegadores. JQuery se puede descargar e incluirlo en nuestro proyecto directamente, o se puede utilizar desde un servidor remoto, como vimos anteriormente.

13 Instrucciones de jquery

14 Instrucciones de jquery

15 Microsoft Virtual Academy Eventos en profundidad

16 Microsoft Virtual Academy Programación orientada a eventos

17 Algunos eventos comunes

18 Recursos

2016 Microsoft Corporation. All rights reserved. The text in this document is available under the Creative Commons Attribution 3.0 License, additional terms may apply.

This document does not provide you with any legal rights to any intellectual property in any Microsoft product. You may copy and use this document for your internal, reference purposes.

19 2016 Microsoft Corporation. All rights reserved. The text in this document is available under the Creative Commons Attribution 3.0 License, additional terms may apply. All other content contained in this document (including, without limitation, trademarks, logos, images, etc.) are not included within the Creative Commons license grant. This document does not provide you with any legal rights to any intellectual property in any Microsoft product. You may copy and use this document for your internal, reference purposes. This document is provided "as-is." Information and views expressed in this document, including URL and other Internet Web site references, may change without notice. You bear the risk of using it. Some examples are for illustration only and are fictitious. No real association is intended or inferred. Microsoft makes no warranties, express or implied, with respect to the information provided here.

Documentos relacionados

Cursos técnicos gratuitos en línea

Microsoft Virtual Academy Cursos técnicos gratuitos en línea Tome un curso gratuito en línea. http://www.microsoftvirtualacademy.com Microsoft Virtual Academy Aprendiendo a Programar Módulo I - Introducción