Hola a todos, hoy les quiero presentar los primeros pasos para empezar a programar en Java Script. Un lenguaje muy didáctico y amigable en el entorno del Front-end.
En esta ocasión vamos a hablar de sus principales elementos, datos, operadores lógicos y entre otros para comenzar a entenderlo. Así que Empecemos…
Introducción
Java Script es un lenguaje de programación orientado a objetivos de multiplataforma, este lenguaje es únicamente dinámico para la parte visual del cliente, JavaScript puede conectarse a los objetivos de su entorno para proporcionar un control programático sobre ellos. Para saber más acer del lenguaje, les invito a wikipedia donde podrán ver a fondo la historia de este pequeño y ligero lenguaje.
Descargar Editor de Texto “Sublime Text“
Antes de empezar a codificar necesitamos instalar y configurar sublime Text, una ventaja del sublime es que es muy sencillo de usarlo. Te dejo el enlace de la página oficial del sublime text para que lo puedas descargar.
Introducción a las Sentencias de tipos de datos
Para empezar a familiarizarte con las primeras sentencias de tipos de datos donde tenemos el:
alert(¨Mensaje de Alerta¨), document.write(¨Comentarios¨), document.getsElementsByTagName(), promp(¨Comentarios¨) y consolelog().
Ahora vamos a definir la funcionalidad de cada sentencia.
alert() – El alert() – Un cuadro de alerta es siempre usado para asegurarse de que la información llegue al usuario.
Cuando una caja de alerta se muestra, el usuario tendrá que hacer clic en “Aceptar” para continua.
document.write() – La funcion document.write de Javascript permite escribir en una página texto, el resultado de una funcion o ambos.
Se utilizan en cualquier de las siguientes formas:
document.write('texto');
document.write(+función);
document.write(+1raFunción+2daFunción);
document.getsElementsByTagName() – Envuelve una colección de todos los elementos del documento con el nombre de etiqueta especificado, como un objeto NodeList (representa una colección de nodos, donde a los nodos se les puede acceder por números de índice).
promp() – Un cuadro de entrada (prompt) es a menudo usado si deseas que el cliente introduzca un valor antes de introducir una página.
Cuando aparezca una ventana de aviso, el usuario tendrá que hacer clic en el boton “Aceptar” o “Cancelar” para continuar después ingresar un valor de entrada.
Si el usuario hace clic en “Aceptar”, el cuadro devuelve el valor de entrada. Pero si el usuario hace clic en “Cancelar”, el cuadro devuelve null.
console.log() – Console es el objeto Javascript que representa a la consola y con el método Javascript console.log podemos volcar el contenido sobre la consola. A la hora de volcar los datos podemos hacerlo de dos formas. O volcando una cadena de texto o volcando un objeto.
console.log("Esto es un mensaje en la consola");
Operadores relacionales y Lógicos de JavaScript
== | Igual a | x == 8 | Falso |
x == 5 | Verdadero | ||
x == “5” | Verdadero | ||
=== | Igual al valor t igual al tipo | x === 5 | Verdadero |
x === “5” | Falso | ||
!= | No igual | x != 8 | Verdadero |
!== | not equal value or not equal type | x !== 5 | Falso |
x !== “5” | Verdadero | ||
x !== 8 | Verdadero | ||
> | Mayo que | x > 8 | Falso |
< | Menor que | x < 8 | Verdadero |
>= | Mayor or mayor igual | x >= 8 | Falso |
<= | Menor or menor igual | x <= 8 | Verdadero |
En la siguiente tabla podríamos utilizar los siguientes valores.
Tipo | Operador | Ejemplo | Descripción |
---|---|---|---|
AND | && | expession1 && expression2 | Ambas expresiones deben retornar Verdadero si es que resulta verdadero. |
OR | || | expession1 || expression2 | Unas de las expresiones deben retornar Verdadero si es que la expresión es verdadera. |
NOT | ! | !expression | Si la expresión retorna Falso entonces mostrará verdadero. |
Además tenemos que considerar la clase function(). Unas de clases más utilizadas en el código de JavaScript. Una función es un bloque de anunciado que contiene un comportamiento más enfocado a generar una variable más desarrollada.
Puedes usar una función declarativa o una función expresiva.
¿Qué es una función declarativa?
Una función declarativa define una variable función con nombre sin necesidad de asignación de variables. Las declaraciones de una función se producen como construcciones independientes y no se pueden anidar dentro de bloques no funcionales. Es útil pensar en ellos como hermanos en las declaraciones de las variables. Así como las declaraciones de las variables deben comenzar con “var”, las declaraciones de las funciones deben comenzar con “function()”.
Ejemplo:
function numero() {
return 3;
}
¿Qué es una función expresiva?
Una expresión expresiva define una función como parte de una sintaxis de expresión más grande (normalmente una asignación de una variable). Funciones definidas a través de Funciones Las expresiones pueden ser nombradas o anónimas. Las funciones expresivas no deben comenzar con “función” tal como se muestra en el siguiente ejemplo a continuación.
var a = function() {
return 3;
}
//named function expression
var a = function bar() {
return 3;
}
//self invoking function expression
(function sayHello() {
alert(“hello!”);
})();
Si deseas saber más acerca JavaScript, te invito a que visites la página de w3school.com/js/ donde encontrarás diversos elementos acerca del lenguaje. Espero que te haya quedado muy claro esta pequeño intro para que empieces a familiarizarte con JavaScript. Nos vemos en nuestro próximo artículo.
Esta entrada tiene 0 comentarios