HTML5.- Introducción a JavaScript en WebMatrix


imageJavaScript es el lenguaje usado en la Web.

JavaScript se utiliza en miles de millones de páginas Web para añadir funcionalidad, validar formularios, comunicarse con el servidor y mucho más.

JavaScript es fácil de aprender. Tan solo como todo en la vida hay que practicarlo  Smile

 

Qué hace JavaScript en HTML5?

Bueno JavaScript o también abreviado muchas veces JS por la extensión de los archivos “.js”. Sirve para desencadenar o activar eventos en base a acciones del cliente (ocurre del lado del navegador) por eso se lo conoce como un lenguaje del lado del cliente. Entonces esto se resume a que JavaScript nos va ayudar a dar dinamismo a la página.

Algo muy importante a rescatar que es muy cierto que hoy en día existe frameworks basado en JavaScript pero antes de eso es muy recomendable conocer lo que es JavaScript para entender como trabaja todo esto.

 

Qué es un evento en JavaScript?

Es cuando desencadenamos una porción de código en base a una acción del usuario.

 

Antes de empezar…

Debemos recordar siempre que en JavaScript:

  • Es sensible a mayúsculas y minúsculas (Case Sensitive).
  • Se puede comentar de dos maneras:

image

  • Los “{ }” se utilizan para definir fragmentos de código.
  • El “;” nos ayuda a marcar el final de una sentincia.

image

  • Existen dos formas de incorporar código JavaScript en nuestro proyecto:
    • Externamente: cuando se hace referencia aún archivo “.js”.
    • Internamente: cuando el código JavaScript se encuentra en la misma página.

image

 

Ejemplo del día

Ahora daremos paso al ejemplo del día para ir practicando Smile

Vista desde el editor

image

Lo que hemos hecho es abrir los tags desde la línea 7 para crear nuestro código JavaScript y procedimos a crear una función que inspeccionara nuestro documento en búsqueda del Id “parrafoPrincipal” para almacenar la fecha actual dentro de la etiqueta HTML que posea ese Id.

Todo esto va ocurrir al realizar clic en el botón que este seria nuestro evento.

Vista desde el Navegador

 

image

Luego de hacer Clic

 

image

 

Eso es todo por hoy muchach@s recuerden visitar el pensum del curso y de realizar sus consultas o comentarios vía twitter a @PeterConchaR  respondiendo fácilmente el tweet de aquí abajito, si te gusto no olvides RT y para no perderte los siguientes post sígueme. Wink

No olvides seguir en twitter a:

Para estar al día con las entradas de la comunidad Avanet.

WordPress Tags: HTML5,Javascript,WebMatrix

Anuncios