WebMatrix 3.- Herramienta para el Desarrollo Web Moderno


Hi mis Geeks Smile

En está ocasión les comparto un video promocional donde nos explica en menos de un minuto porque usar está increíble herramienta. Winking smile

 

Además te invitamos a unirte a nuestra comunidad de desarrolladores, para saber más cliquea el banner:

401981_10151621250275934_746832058_n

 

Sin más me despido,

@PeterConchaR
Microsoft Student Partner Lead LATAM

Web Developer HTML5, CSS3 and JavaScript

Community Lead Avanet

https://ptrconcha.wordpress.com/

 

 

HTML5.- Desarrollo y Buenas Prácticas con JavaScript [Evento]


Untitled

Hi mis geeks Open-mouthed smile

Esta vez les escribo para compartirles el feedback de lo que fue la pasada charla (03/09/2013) que brinde para la PUCE (Pontificia Universidad Católica del Ecuador) donde hablamos sobre una breve introducción de lo que es JavaScript para que los chicos se motiven a desarrollar con ello y darles una guía de cuales son los primeros pasos que deben seguir.

A continuación les comparto la presentación y el video de la charla. Y también si desean apoyar a comunidades estudiantiles los invito a brindar su follow al Microsoft Student Tech Club (STC)  de la PUCE.

Facebook https://www.facebook.com/PuceCelula.net

Twitter: https://twitter.com/NetPUCE

 

No olvides de RT y de seguirme aquí abajito en twitter Smile , si tienes alguna duda puedes responder el tweet Winking smile

 

Sin más me despido,

@PeterConchaR
Microsoft Student Partner Lead LATAM

Web Developer HTML5, CSS3 and JavaScript

Community Lead Avanet

https://ptrconcha.wordpress.com/

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