Introducción a JavaScript: qué es y primer script

JavaScript

• Sergio Andres Mazo
• Santiago Cabrera Marin
• Mateo Betancurt Grisales
• 

JavaScript

• ´JavaScript es un lenguaje de programación orientado a objetos, diseñado para el desarrollo de aplicaciones cliente/servidor a través de Internet. JavaScript permite desarrollar programas que se ejecutan directamente en el navegador (cliente) de manera que éste pueda ejecutar determinadas operaciones o tomar decisiones sin necesidad de acceder al servidor.
• 

JavaScript

• 
• Javascript añade interactividad a una pagina web, para lograr crear paginas web atractivas e interactivas trabaja en conjunto con HTML Y CSS.
• Cuando es usado JavaScript en una pagina web, las secuencias de comandos del lenguaje JavaScript son ejecutadas dentro del navegador. Es decir es un lenguaje interpretado

Nuestro primer JavaScript

• ´JavaScript reside dentro del documento HTML. A continuación vemos un documento HTML con etiquetas <head> y <body>, en el que escribiremos nuestro código JavaScript.
• ´En HTML, el código JavaScript debe ser insertado entre las etiquetas <script> y </script>
• Los comandos de JavaScript pueden ser colocados en las secciones <body> y <head> del código HTML de la página. En el ejemplo los hemos colocado dentro de la etiqueta <body>
• 

Salida (Practica1)

• 
• Caption: Vamos a usar JavaScript para imprimir “Exposicion JavaScript” en el navegador.
• La función document.write() escribe una cadena de texto dentro de tu documento HTML, esta función puede ser usada para escribir solo texto HTML o ambos.

Intérprete vs Compilador

• ´Intérprete es un programa capaz de analizar y ejecutar otros programas. Los intérpretes se diferencian de los compiladores en que mientras estos traducen un programa desde su descripción en un lenguaje de programación al código de máquina del sistema, los intérpretes sólo realizan la traducción a medida que sea necesaria, instrucción por instrucción, y normalmente no guardan el resultado de dicha traducción.
• ´Los intérpretes más comunes son los navegadores web Google Chrome y Mozilla.
• ´Los programas interpretados suelen ser más lentos que los compilados debido a la necesidad de traducir el programa mientras se ejecuta, pero a cambio son más flexibles como entornos de programación. Permiten ofrecer al programa interpretado un entorno no dependiente de la máquina donde se ejecuta el intérprete.

Conceptos básicos

• ´Variables: son contenedores para registrar datos. El valor de una variable puede cambiar a lo largo del programa. Utilice la palabra clave var para declarar una variable.
• qImportante: JavaScript es sensible a mayúsculas, por ejemplo, las variables lastName y lastname son dos variables diferentes.
• El signo de igualdad: en JavaScript, el signo de igualdad (=) es llamado el operador de “asignación”, a diferencia de un operador “igual que”.
• Nota: una variable puede ser declarada sin un valor. El valor puede requerir algun calculo, algo que será provisto luego, como entrada de usuario.
• Una variable declarada sin valor tendrá el valor “undefined” (no definido)

Utilizando variables

• ´Vamos asignar un valor a una variable y desplegarlo en el navegador:
• var x = 100;
• Document.write(x);
• Nota: cuando cambies el valor de x una vez, automáticamente cambiara en todas partes donde la hayas utilizado.
• Tener presente:
• Cada “instrucción” escrita es llamada una declaración, las declaraciones en JavaScript son separadas por punto y coma(;)
• Los guiones no están permitidos en JavaScript. Es un símbolo reservado para las substracciones.

Reglas para nombres de variables

• ´El primer carácter debe ser una letra, un guión bajo(_) o un signo de dólar($). Los caracteres siguientes pueden ser letras, dígitos, guiones bajos o signos de dólar($).
• ´Los números no son permitidos como primer carácter.
• ´Los nombres de variables no pueden incluir un operador matemático o lógico en el nombre. Por ejemplo, 2* algo o esto + esto;
• ´Los nombres en JavaScript no deben contener espacios.
• Nombrando variables
• Hay algunas otras reglas a seguir cuando nombras tus variables en JavaScript.
• No debes usar ningún símbolo especial, como mi#num%, etc.
• Asegúrate que no utilices ninguna de las siguientes palabras reservadas por JavaScript.

JavaScript

Cadena de texto

• ´Las cadenas de texto en JavaScript son utilizados para guardar y manipular los textos. Una cadena de texto puede ser cualquier texto que aparezca entre comillas (“). Se Puede usar comillas simples o dobles.
• qVar name= ‘John’;
• qVar text= “Mi nombre es John ”
• ´El carácter de escape barra inversa (\) convierte a los caracteres especiales en caracteres de texto y permite insertar otros caracteres especiales dentro de una cadena de texto.
• 

Bucles en Javascript

• ´Bucles: es usado comúnmente cuando creamos un bucle, estos son útiles en los casos en que quieras ejecutar el mismo código repetidamente, añadiendo valores diferentes cada vez. JavaScript tiene tres tipos de bucles for, while, y do while.
• qEl bucle for: es usado comúnmente cuando creamos un bucle
• For (declaracion1; declaracion2; declaracion3; )
• {
• }
• declaracion1 Es ejecutada antes de que el bucle (bloque de código) comience.
• Declaracion2 Determina la condición para ejecutar el bucle(el bloque de código)
• declaracion3 Es ejecutada cada vez y después que el bucle (el bloque de código) ha sido ejecutado.
• En el ejemplo se crea un bucle for que imprime números del 1 al 5.
• For(i=1; i<=5;i++){
• document.write(i+”<br/>”);
• }

Cinco proyectos JavaScript

• Node.js, programación asincrona en el servidor: Comenzamos con una librería y entorno de ejecución de E/S dirigida por eventos y por lo tanto asíncrona que se ejecuta sobre JavaScript
• Three.js es un motor 3D basado en Javascript repleto de características, tales como vistas de cámaras, objetos, luces y texturas. Permite hacer escenas 3D utilizando elementos Canvas, SVG, y WebGL
• PhoneGap tiene como objetivo disipar los temores de entrada de muchos desarrolladores al mundo de las aplicaciones móviles, gracias a su conjunto de herramientas HTML5 y CSS3
• Pdf.js, incrustar pdfs en canvas
• Impact.js: JavaScript siempre se ha decantado por ser una buena herramienta para hacer juegos en la web, aunque no acababa de despegar como el resto de alternativas. Pero Impact.js destaca como una poderosa herramienta para desarrollar juegoscon un motor basado en HTML y JavaScript.

Eventos más importantes

• 
• Caption: Gracias

Time line Javascript