Operaciones Básicas

Consola desde Google Chrome

Desde OSX se puede abrir utilizando las teclas ⌘ + ⌥ + J ,en Windows se puede abrir con las siguientes teclas Ctrl + Shift + J. Luego seleccionas la pestaña Console

Operaciones Matemáticas

3+3
6

3*3
9

3/3
1
"Tu edad "+"es"+20+"años"
Tu edad es 20 años

Mi primera Declaración

Un comando esencial para desplegar un mensaje en la pantalla es alert

alert("Hola Mundo")

Otro ejemplo es un pequeño programa que imprime 300 veces un mensaje:

for (var i=0; i<300; i++){document.write("Hola ");}

El comando de escape para los cáracteres especiales es \ por ejemplo:

alert("\"Hola!\"")

tambien es posible usar comillas simples ' en vez de doble comillas "

alert('\"Hola!\"')

JavaScript es case sensitive es decir

FOR 
for 
For 

son palabras completamente diferentes.

Para hacer más fácil la lectura de un algoritmo es mejor no escribir todo en una línea, por ejemplo:

for (var i=0; i<300; i++) {
document.write("Hola Mundo!");
}

Desde la consola de google para poder hacer un salto de linea se debe presionar Shift + Enter en caso contrario google ejecuta la aplicación al presionar sólo Enter.

Para escribir comentarios en JavaScript se puede utilizar dos slash // en el caso de una linea. Para el caso de múltiples líneas se puede utilizar /* */ similar a MSQL.

Entregando y Recibiendo Datos.

Creando Variables

var nombre;
var apellido;

El nombre de las variables puede sólo contener letras, números, guion bajo _ o el signo $.

Las palabras reservadas de JavaScript son:

break   case     class    catch 
const   continue debugger default
delete  do       else     export
extends finally  for      function
if      import   in       instanceof
let     new      return   super
switch  this     throw    try    
typeof  var      void     while 
with    yield
nombre="Roberto";
apellido="Parra";

Tipos de Datos

JavaScript reconoce automáticamente tres tipos de datos, Cadenas, Numeros y Booleanos.

Datos tipo Cadena (String)

Una vez definido una variable string se pueden fácilmente usar algunos trucos, por ejemplo el largo del string.

nombre.length
7

Tambien se puede usar directamente sobre un string.

"Soy una frase".length
13

El comando indexOf sirve para conocer la posición de una letra.

"Soy una frase".indexOf("una")
4

En JavaScript todos los conteos comienzan desde Cero.

"Soy una frase".indexOf("S")
0

Datos Numéricos (Number)

Si se usa un String junto a un número con el comando + JavaScript asume que ambos elementos son String, ya un string se puede concatenar con cualquier cosa.

"10" + 10
"1010"

Por otro lado para el mismo caso pero usando el comando * sólo se refiere a multiplicar, JavaScript asume que todo lo que hay son números ya que no hay forma de multiplicar palabras

"10" * 10
100

Datos Booleanos (Verdadero o Falso)

1<10
true

2===2 //¿Es 2 exactamente igual a 2?
true

10>20
false

Preguntándole al Usuario

prompt("¿Cuál es tu nombre?");

Para asignar a una variable

nombre=prompt("¿Cuál es tu nombre?");
alert(nombre);

Usando document.write()

En JavaScript una páguina web es llamada document

document.write("¿Cómo estás? <br>");
document.write("Bien! <br>");
document.write("Genial!");

Puedes limpiar la pantalla tipiando en el browser chrome://newtab

Jugando con Aplicaciones Web

Usaremos http://jsfiddle.net

Revisar “Ruby on Rails” y “Node.js”

http://rubyonrails.org

https://www.ibm.com/developerworks/ssa/opensource/library/os-nodejs/