Java Script (JS) Prof. Martín Contreras
¿Qué es? Es un lenguaje interpretado Se define como orientado a objetos Mejoras la interfaz del usuario y páginas web dinámicas.
Características Imperativo y Estructurado: Contiene estructuras de lenguaje C (if, ciclos, switch, etc…). Dinámicos: Tipado Dinámico( es compatible con varios tipos de datos) Objetual (esta formado todo por objetos)
Características Funcional: Primera Clase (suelen ser llamados como ciudadanos de primera clase) Entorno de ejecución (en HTML se trabaja con la etiqueta <script>)
Ejemplo 1: Alert() = permite mostrar un recuadro de alerta al usuario.
<title> JavaScript </title> </head> <body> <!DOCTYPE html> <html> <head> <title> JavaScript </title> </head> <body> <section> <p onclick=“alert(‘Esto es un alert de java script’)”> HAGA CLICK</p> <p>NO HAGA CLICK</p> </section> </body> </html> Función onclick = “” ( permite ejecutar el evento que esta dentro de ella, solo dándole click sobre la misma )
Ejemplo 2: Funciones. function nombre_funcion (parametros){ cuerpo }
<!DOCTYPE html> <html> <head> <title> JavaScript </title> <script> function alerta (){ alert(“Estamos utilizando funciones”); } </script> </head> <body> <section> <button onclick=“alerta ()”> HAGA CLICK </button> <input onclick=“alerta ()” value=“HAGA CLICK” type=“button”> <p>NO HAGA CLICK</p> </section> </body> </html>
Ejemplo 3: getElementsByTagName : referencia un elemento por su nombre o palabra clave. getElementById referencia un elemento por el valor de su atributo id. getElementsByClassName es una nueva incorporación que nos permite referenciar un elemento por el valor de su atributo class.
Ejemplo 4: Cambiar de Vista. Envío a una vista anterior.
Ejemplo 5: Creación de variables. Instanciación de Eventos Envío de información a una etiqueta que contenga ID o CLASS
Actividad. Deberán completar el siguiente tutorial de Java Script. Escribir en su cuaderno cada una de las funciones, eventos, objetos, y decir para que funcionan cada una de ellas. Hasta el tutorial que dice: “ Introducción a la programación”.
URL https://www.codecademy.com/es/tracks/javascr ipt-traduccion-al-espanol-america-latina-clone