Archive for Javascript

leccion 4:caracteres de escape, operadores en javascript

En esta lección veremos cuales son los caracteres de escape y para que funcionan, asi mismo  los diferentes operadores de este lenguaje:

Caracteres de escape

\  esta secuencia muestra una barra invertida, “”
” esta secuencia despliega una comilla doble en pantalla
‘ esta secuencia despliega una comilla simple en pantalla
f esta secuencia inserta un salto de pagina
t esta secuencia indica un tabulador
n esta secuencia es un salto de linea
b esta secuencia indica retroceder un caracter
r esta secuencia indica un retorno de  carro

Operadores

como todos los lenguajes en javascript se manejan diferentes operadores, veamoslos:
Numericos:
=   asignación, se utiliza para asignar un valor a una variable. Ejemplo:  x = 5;
+  suma
-  resta
*  multiplicación
/  división
++  incremento en 1
– decremente en 1

Comparativos
== igualdad, se utiliza para comparar si una variable es igual a otra
>= mayor o igual que, compara si el numero a la izquierda es mayor ogial al de la derecha.
<=menor o igual que, compara si el numero de la izquierda es mayor o igual al de la derecha
> mayor que, compara si el numero a la izquierda es mayor al de la derecha
< menor que, compara si el numero a la izquierda es menor al de la derecha
!= diferente de, compara si tanto la variable a la izquierda como la de la derecha son diferentes
Otros operadores:
===  operador de igualdad estricta
!==  operador de negación estricta

leccion 3:variables y tipos de datos en javascript

Javascript igual que otros lenguajes tambien maneja variables y diferentes tipos de datos, sin embargo la declaración de variables en javascript es distinta, esta puede ser explicita o implicita, y en adición a esto, no se asigna directamente el tipo de dato a una variable, si no que javascript identificara el tipo de dato automaticamente.

Declaración de variables:

Como ya se menciono existen 2 tipos de declaración de variables en javascript, la explicita e implicita. Para la declaración explicita utilizamos la palabra reservada “var” seguida de el nombre de la variable que queremos declarar, en cuanto a la declaración implicita, simplemente no utilizamos la palabra “var”, si no que inicializamos una variable con un valor el cual se le asigna. Para comprender un poco mejor vea los siguientes ejemplos.

Declaración explicita, ejemplo:
var a; /*declaración explicita de una variable llamada “a”*/
var b,c,d; /*declaración explicita de variabels “b”,”c” y “d”*/

Declaración implicita, ejemplo:
x=1; /*notese que no se utiliza la palabra var, simplemente se inicializa una variable
directamente con un valor asignado, en este caso vale 1*/

Es importante recordar que para declarar variables, los nombres de las mismas deben comenzar siempre con una letra, nunca deben comenzar con numeros o caracteres especiales, logicamente tampoco pueden variables tener los mismos nombres que palabras reservadas.

Tipos de datos

Principalmente en javascript se manejan 3 grandes tipos de datos, se puede decir que son las cadenas de caracteres o “Strings”, los datos del tipo numerico, y por ultimo los “especiales”, me refiero a especiales a datos como el tipo boleano(de verdadero y falso) u otros como la fecha, que javascript tiene una forma especial de manejarlos. Por ahora nos enfocaremos principalmente en “Strings”, datos numericos y boleanos.

Strings, Cadenas de caractes o texto:
Para declarar una variable de texto vasta con declarar una variable explicita o implicitamente, y asignarle un valor de texto, de la siguiente manera:
var texto1;
texto1=”esta es una cadena”; /*de esta manera texto1 automaticamente esta convirtiendose en una variable del tipo String*/

Recordemos que todo el texto debe ser asignado utilizando comillas para encerrar el texto.

Variables Numericas:
Para declarar variables numericas, al igual que con las variabels de texto, simplemente basta con asignarle un valor numerico de la siguiente forma:
var numero1;
numero1=14; /*Es importante no incluir comillas, ya que de ser incluidas se tratara como un texto*/

Para declarar numeros nunca deben ser utilizadas las comillas, estas pueden ser simples ‘  ‘ o dobles ” “

Variables boleanas:
Estas variables solo toman 2 valores diferentes, y para declarar estas variables, se utilizan las palabras reservadas “true” y “false”, estas son asignadas sin comillas de la siguiente manera.

var variableboleana;

variableboleana = true;
variableboleana = false;

Estas son las bases de javascript para comprender variables y tipos de datos que se manejan en este lenguaje, no olvides revisar la sección de videotutoriales, o bien la sección de codigo fuente y busca programas y scripts ejemplos de javascript para comprender mejor estos conceptos.

leccion 2: Sintaxis y Comentarios en javascript

Javascript al igual que todos los lenguajes de programación tiene su propia sintaxis y forma correcta de escribirse, y asi mismo tiene sus reglas.
Acontinuación algunas reglas basicas para programar en javascript.

1.La primera regla al programar en javascript es que javascript es sensible a mayusculas y minusculas, de manera que todas y cada una de las funciones de javascript deben ser escritas correctamente, por lo que es preferible utilizar siempre letras minusculas para no crear confusiones en el codigo y tener errores.

2.Tenemos que recordar que en javascript todas las lineas de codigo deben terminar con punto y coma”;” de no hacerlo pueden generarse errores.

3. Los comentarios en javascript no son muy diferentes a otros lenguajes de programación. Se puede iniciar un comentario con barra y asterisco “/*” y terminar con asterisco barra “*/” y todo lo escrito entre los mismos simbolos sera comentario. En el siguiente ejemplo se muestra un comentario:

<script language=”javascript”>

/* Esto es un comentario en javascript*/

</script>

4. Funciones: las funciones en javascript se escriben colocalndo primero una palabra reservada seguida de parentesis. Las funciones nativas de javascript suelen estar en minusculas. Un ejemplo de esto es el uso de la funcion mas basica “alert()” que utilizamos para desplegar un mensaje. Asi como en el clasico ejemplo de “hola mundo”.

<script language=”javascript”>

alert(“hola mundo”);

</script>

Estas fueron algunas reglas basicas para escribir correctamente programas en javascript, recuerda utilizar preferiblemente letras minusculas en todos tus programas, no olvides que al utilizar funciones en javascript estas deben ir seguidas de los parentesis.

leccion 1:primer programa en javascript

Bien, es hora de comenzar a programr en javascript. Lo primero que tenemos que hacer es crear una plantilla ne html para poder colocar alli nuestro codigo en java script.

Creando la plantilla en html para programar:

1.Abre tu editor de texto favorito como el bloc de notas en windows o gedit en linux o cualquier otro.

2.Escribe el siguiente codigo html:
<html>
<head>
<title>Primer programa en JavaScript</title>

<script language=”javascript”>
<!– AQUI IRA TODA TU PROGRAMACION EN JAVASCRIPT –>
</script>

</head>
<body></body>
</html>

3.Guarda el archivo que creaste en un fichero con el nombre que desees, solo asegurate que debes colocarla extension html (htm tambiein funciona) para que el archivo sea reconocido como un archivo de html y puedas ver tus programas en javascript.

Continuando con la programación

Bien, ahora ya tenemos nuestra plantilla en html. Ahora para escribir tu codigo en javascript, debes escribirlo dentro de los tags ‘<script language=”javascript”></script>’
Es importante resaltar que el codigo en javascript se podra ejecutar sin necesidad de colocar el parametro ‘language=”javascript”‘ sin embargo esto no es 100% correcto dentro de la programación profesional, de hecho es poco eficiente ya que el navegador de internet tiene que identificar el lenguaje de programacion que estas utilizando, por lo que el codigo se ejecutara un poco mas lento.

Primer programa

Ahora bien para nuestro primer programa podemos desplegar un simple mensaje de hola mundo, para hacerlo puedes usar el siguiente codigo.

<html>
<head>
<title>Primer programa en JavaScript</title>

<script language=”javascript”>
alert(“hola mundo”);
</script>

</head>
<body></body>
</html>

La funcion alert despliega una ventana de aviso, con el texto que tengamos dentro.
!Felicidades¡ Si has seguido las instrucciones, guarda tu archivo html, y ejecutalo en tu navegador web, ya has creado tu primer programa en javascript.