Ir al contenido principal

Conceptos básicos de JavaScript

Antes de empezar a programar nada debemos tener una serie de conceptos básicos que nos servirán a lo largo de toda la lección de JavaScript:

Algoritmo:
Son los pasos que sigue un programa para resolver el problema que se nos plantea. Por ejemplo, si queremos un programa que nos diga si somos mayores o menores de edad, después de insertar los datos a través de un formulario por ejemplo, la manera en que nuestro algoritmo actuaria sería algo así:

Recibir edad (recibir la información del formulario que hemos puesto como ejemplo)
Si edad < 18 (crear una condición) Eres menor de edad Sino Eres mayor de edad (Y devolvemos el resultado.)


Un conjunto de algoritmos da como resultado un programa.

Variable:
Una variable es como un almacén, allí puedes guardar la información. Las variables hay que declararlas de manera que tenemos distintos tipos de variables. El concepto de variable se entenderá mejor a la práctica, por ejemplo declaramos que la variable X, la variable Z y la variable Y son de tipo numérico (almacenarán números), así que ahora a podemos darles un valor. El algoritmo de un programa en el que podríamos usar estas tres variables sería por ejemplo el siguiente:

Elegir un valor para X
Elegir un valor para Y
Z=X+Y
Retornar el resultado de Z



De esta manera definiendo las variables X e Y obtendríamos su suma. El valor de esta suma queda almacenado en la variable Z que luego mostraríamos por pantalla. Las variables en JavaScript pueden ser de cadenas de texto, numéricas o de tipo verdadero/falso.

Función:
Éste es un término que veremos más adelante mejor explicado, pero como introducción diremos que es un proceso (puede ser por ejemplo un cálculo) que usamos varias veces y para no tener que repetir cada vez el código creamos el código una vez como función y luego la podemos llamar siempre que queramos.



                                       

Comentarios

Entradas populares de este blog

Estructura switch en JavaScript

La estructura switch nos sirve para cuando queremos que un programa haga algo muy concreto dependiendo del valor que tenga una variable. La estructura general es la siguiente:   switch ( variable ) { case X : comandos break; case Y : comandos break; case Z : comandos break; default: comandos break; } Y ahora veamos un ejemplo de un programa en el que podamos usar la estructura switch, por ejemplo, queremos que al insertar un número del 1 al 5 el programa nos lo escriba con letras: var numero; numero=prompt('Inserte un número del 1 al 5',''); numero=parseInt(numero); switch (numero) { case 1: alert('uno'); break; case 2: alert('dos'); break; case 3: alert('tres'); break; case 4: alert('cuatro'); break; case 5: alert('cinco'); break; default: alert('El número debe estar entre el 1 y el 5!'); break; } Lo que la estructura switch hace es comparar la variable numero con cada caso que nosot...

Primeros pasos para crear una pequeña web

Ahora que tenemos unos conocimientos basicos tanto de html como de javascript, podemos hacer una pequeña web con un proposito concreto. Haremos un ejemplo ficticio en el que hacemos una página para una protectora de animales, de forma que la gente podrá enviar solicitudes fácilmente para ayudar como voluntarios. Para diseñarla primero debemos seguir unos pasos: Definir el propósito de nuestra web: Esta pequeña web estará orientada a que la gente pueda contactar con nosotros fácilmente a la vez que demos la información necesaria de una forma clara. Definir cual sera el contenido: Contendrá una parte de información y un formulario de contacto. La información que proporcionaremos a los voluntarios potenciales será el lugar en el que pueden ayudar y los horarios de asistencia así como información sobre los trabajos que desarrollaran a lo largo de esas horas. En el formulario pediremos el nombre del voluntario, su edad y la experiencia. Decidir cómo la presentaremos: Ésta p...

Estructura y comandos básicos de un programa en JavaScript

Todo programa en JavaScript ha de seguir una serie de pautas antes de poder ejecutarse. Para explicar lo mas esencial de este lenguaje de programación empezaremos por un programa de lo más sencillo y lo explicaremos línea por línea. El programa que viene a continuación no es muy útil, pero irá bien para introducirse en este lenguaje: <Script language="javascript"> docmument.write("hello world"); </Script> Y ahora expliquémoslo: <Script language="javascript"> Esta primera línea lo único que marca es que, dentro de una página hecha en HTML vamos a insertar un código en JavaScript. docmument.write="hello world"; La segunda es el primero comando en JavaScript que veremos document.write. La función es simplemente la de mostrar un texto o una variable en pantalla. Si lo que queremos mostrar es un texto tendremos que poner las comillas (" ") en cambio no hacen falta si lo que queremos es mostrar una variable....