Aprende JavaScript
JavaScript (abreviado comúnmente JS) es un lenguaje de programación interpretado, dialecto del estándar ECMAScript. Se define como orientado a objetos, basado en prototipos, imperativo, débilmente tipado y dinámico.
1. Sintaxis:
(Muy importante escribir ; después de cada línea (en la que se ejecuta una acción, por ejemplo después de las líneas de if o else no hace falta, pero si en las de confirm, declaración de variables, alert, etc. En algunas capturas no aparecerán los ; pero es debido un error del programador. Este error muestra lo fácil que es equivocarse a la hora de escribir un lenguaje de programación y no darse cuenta del mismo).
Puedes escribir texto para que salga en la consola con escribirlo simplemente entre comillas: "texto" --> en la consola saldrá lo que hayas escrito entre " ":
Puedes realizar operaciones matemáticas como sumas, restas, divisiones y productos con los símbolos (+, -, / y *).
Si utilizas una sintaxis que no pertenece a JavaScript el programa mostrará un error:
Para escribir comentarios de una sola línea se escribe doble barra seguido del comentario (// Lo que quieres comentar).
2. Utilidades del lenguaje:
JavaScript es utilizado para múltiples tareas (como se indica en la imagen). Puedes usarlo para que salten ventanas emergentes con el comando confirm("Texto de la ventana"):
Un ejemplo más de como crear una ventana emergente:
También puedes usar estas ventanas para obligar al usuario a introducir información con el comando prompt("Texto de la ventana"):
3. Tipos de variables:
Los strings son cadenas de texto, se escriben entre " ". Puedes contar la cantidad de caracteres que contiene mediante el comando length como ya se explicó anteriormente:
.length también cuenta como carácter los espacios en blanco. Otro tipo de variable son los booleans (true o false). En la siguiente diapositiva se muestra si el string es mayor que 10 (en este caso true).
4. Ejercicios:
La función console.log sirve para mostrar información el la consola, pues no siempre se muestra la información de cada línea. Para utilizarlo se escribe console.log("texto") o console.log(operación matemática)...
Mas ejemplos de booleans en la siguiente diapositiva (si la longitud de Mercedes es menor que 122, si la de Jorge Luis Borges es mayor que 8 y si 8*2 es igual a 16).
Para escribir condiciones se utiliza la estructura if-else: (if algo < otraCosa){haz esto}else{haz esto otro} En la línea de if puedes utilizar >, ===, !==, etc.
En este ejercicio se te obliga a ingresar tu nombre y si su longitud es mayor que 4 caracteres se te informa.
La información también la puedes mostrar en ventanas emergentes con el comando alert:
Más ejercicios de condicionales (se comprueba si 4*2 es mayor que 10 y si es así te escribe en pantalla "La condición es verdadera", sino "La condición es falsa").
Es importante la sintaxis, las condiciones dentro de ( ), los contenidos de if y else entre { }... En caso de que haya errores el propio programa te indica la línea con una cruz roja al inicio de la misma:
Un poco resumiendo lo anterior se muestra un ejemplo de programa donde si 12/4 es igual a la longitud del string "Ari" te salta una ventana emergente donde pone que se va a ejecutar el primer bloque, si no es igual entonces te escribe que se ejecutará el segundo bloque.
En el siguiente ejercicio se imprimirá en la consola el residuo de 3 divisiones.
Aquí se compara si el residuo de una división es 0, si es así se muestra que el primer número es par, sino se muestra que es impar.
En los strings se pueden buscar substrings, partes de la cadena de texto. Para ello hay que indicar la el orden de la primera letra a buscar (teniendo en cuenta que se empieza a contar por 0) y el orden de la última a buscar --> substring(orden primera letra, orden última letra).
Ejemplos de substrings en la siguiente captura:
Para crear variables es hay que indicarle al programa que vas a crear una variable, despues el nombre de la variable y su valor. El siguiente programa crea una variable llamada miEdad con un valor de 17 y después lo muestra en pantalla.
El siguiente programa crea una variable con el nombre de un pais, muestra en consola su longitud y sus tres primeras letras.
Aquí se crea una variable que tiene de valor mi edad (escrito en letras), después se muestra en pantalla su valor, después se modifica su valor pasando a ser las 2 primeras letras y por último se vuelve a mostrar el valor.
Se crea una variable miColor y después se muestra la longitud de su valor.
El siguiente programa hace saltar una ventana que ingrese un valor, si ingresas SI se muestra que terminaste el curso, sino se muestra que no lo terminaste.
1. Sintaxis:
(Muy importante escribir ; después de cada línea (en la que se ejecuta una acción, por ejemplo después de las líneas de if o else no hace falta, pero si en las de confirm, declaración de variables, alert, etc. En algunas capturas no aparecerán los ; pero es debido un error del programador. Este error muestra lo fácil que es equivocarse a la hora de escribir un lenguaje de programación y no darse cuenta del mismo).
Puedes escribir texto para que salga en la consola con escribirlo simplemente entre comillas: "texto" --> en la consola saldrá lo que hayas escrito entre " ":
Puedes averiguar cuantos caracteres tiene una cadena con la instrucción length. Para ello escribe la cadena y después .length ("texto".length):
Puedes realizar operaciones matemáticas como sumas, restas, divisiones y productos con los símbolos (+, -, / y *).
Si utilizas una sintaxis que no pertenece a JavaScript el programa mostrará un error:
Para escribir comentarios de una sola línea se escribe doble barra seguido del comentario (// Lo que quieres comentar).
2. Utilidades del lenguaje:
JavaScript es utilizado para múltiples tareas (como se indica en la imagen). Puedes usarlo para que salten ventanas emergentes con el comando confirm("Texto de la ventana"):
Un ejemplo más de como crear una ventana emergente:
También puedes usar estas ventanas para obligar al usuario a introducir información con el comando prompt("Texto de la ventana"):
3. Tipos de variables:
Los strings son cadenas de texto, se escriben entre " ". Puedes contar la cantidad de caracteres que contiene mediante el comando length como ya se explicó anteriormente:
.length también cuenta como carácter los espacios en blanco. Otro tipo de variable son los booleans (true o false). En la siguiente diapositiva se muestra si el string es mayor que 10 (en este caso true).
4. Ejercicios:
La función console.log sirve para mostrar información el la consola, pues no siempre se muestra la información de cada línea. Para utilizarlo se escribe console.log("texto") o console.log(operación matemática)...
Mas ejemplos de booleans en la siguiente diapositiva (si la longitud de Mercedes es menor que 122, si la de Jorge Luis Borges es mayor que 8 y si 8*2 es igual a 16).
Para escribir condiciones se utiliza la estructura if-else: (if algo < otraCosa){haz esto}else{haz esto otro} En la línea de if puedes utilizar >, ===, !==, etc.
En este ejercicio se te obliga a ingresar tu nombre y si su longitud es mayor que 4 caracteres se te informa.
La información también la puedes mostrar en ventanas emergentes con el comando alert:
Más ejercicios de condicionales (se comprueba si 4*2 es mayor que 10 y si es así te escribe en pantalla "La condición es verdadera", sino "La condición es falsa").
Es importante la sintaxis, las condiciones dentro de ( ), los contenidos de if y else entre { }... En caso de que haya errores el propio programa te indica la línea con una cruz roja al inicio de la misma:
Un poco resumiendo lo anterior se muestra un ejemplo de programa donde si 12/4 es igual a la longitud del string "Ari" te salta una ventana emergente donde pone que se va a ejecutar el primer bloque, si no es igual entonces te escribe que se ejecutará el segundo bloque.
En el siguiente ejercicio se imprimirá en la consola el residuo de 3 divisiones.
Aquí se compara si el residuo de una división es 0, si es así se muestra que el primer número es par, sino se muestra que es impar.
En los strings se pueden buscar substrings, partes de la cadena de texto. Para ello hay que indicar la el orden de la primera letra a buscar (teniendo en cuenta que se empieza a contar por 0) y el orden de la última a buscar --> substring(orden primera letra, orden última letra).
Ejemplos de substrings en la siguiente captura:
Para crear variables es hay que indicarle al programa que vas a crear una variable, despues el nombre de la variable y su valor. El siguiente programa crea una variable llamada miEdad con un valor de 17 y después lo muestra en pantalla.
El siguiente programa crea una variable con el nombre de un pais, muestra en consola su longitud y sus tres primeras letras.
Aquí se crea una variable que tiene de valor mi edad (escrito en letras), después se muestra en pantalla su valor, después se modifica su valor pasando a ser las 2 primeras letras y por último se vuelve a mostrar el valor.
Se crea una variable miColor y después se muestra la longitud de su valor.
El siguiente programa hace saltar una ventana que ingrese un valor, si ingresas SI se muestra que terminaste el curso, sino se muestra que no lo terminaste.
Comentarios
Publicar un comentario