Hoy voy a empezar un curso de Javascript y Jquery, así aprendéis a la vez que yo.
En éste manual supondré que tenéis alguna noción de programación así que iré por faena y sin explicar cosas básicas.
Sin más dilación empiezo con él:
Comentarios:
// -> Comentario de una línea
/*
-> Comentario de varias líneas
*/
Imprimir texto:
document.write("texto"); // Imprimirá texto en el documento como si fuera HTML plano.
alert("texto"); // Mostrará una alerta en el navegador.
Tipos de variables:
En JS se pueden usar las variables de tipo Interger (enteros), Float (flotantes), String (Cadenas de texto), Objetos, Booleanos y Elementos HTML.
Todas las variables se pueden asignar de esta forma:
var variable = "texto"
; O bien:
var variable = 5;
Los textos van con comillas, mientas que los números van sin ellas. NO se tiene que poner el tipo de variable que es cada una, JS lo reconocerá solo.
Operadores:
+ - * / % // Operadores aritméticos
++ -- // Agrega o decrementa uno al valor de la variable.
= // Asignación
< > == != <= >= // Comparaciones entre elementos o variables.
&& || ! (AND, OR, NOT) // Comparadores lógicos
+ // Se usa para concatenar.
¿Cómo concatenar?
//declaramos una variable de ejemplo
var ejemplo = Manuel
alert("Hola " +ejemplo);
Condicionales:
If-ElseIf-Else:
if(CONDICIÓN1){
Bloque_de_código1;
}
elseif(CONDICIÓN2){
Bloque_de_código2;
}
elseif(CONDICIÓN3){
Bloque_de_código3;
}
else{
Código_Default;
}
Ejemplo de condición:
var edad= 18
if(edad>18){
document.write("Eres MAYOR de edad.");
}
elseif(edad<18){
document.write("Eres MENOR de edad");
}
else{
document.write("Tienes 18 años");
}
Switch:
var variable="a" //Entraría en a. Si ponemos b, sería b. Si ponemos por ejemplo, C, debería salir a Default.
switch(variable){
case 'a':
códigoA;
break;
case 'b':
códigoB;
break;
default:
códigoC;
break;
}
Si no pusiéramos el Break, el código seguiría sin evaluar el siguiente case, metiéndose por dentro del código. Esto puede ser útil en algunos casos pero por el momento, pondremos el break.Cosas que podemos hacer con unas variables, unos Booleanos y un condicional.
var login=true;
var comprobar=login?'Bienvenido':'Adios'; // Aquí con el "?" estamos haciendo un if. Si Login = true escribirá Bienvenido, si no, será Adios. ¿Para qué es útil esto? Para no tener que andar escribiendo todo el rato IF.
alert(comprobar);
Funciones:
¿Qué es una función?
Una función es un bloque de código en la que se puede llamar cuando se quiera, se le pueden pasar argumentos, etc.
Ahora lo veremos más en detalle.
// Definimos la función de cualquiera de las 2 formas.
function cuadrado(num){
num * num;
}
var cuadrado = function(){
num * num;
}
// De estas formas podemos llamar a la función.
var resultado = cuadrado ();
alert(cuadrado());
// ¿Y cómo le pasamos un valor a num? Muy fácil.
var resultado = cuadrado();
alert(cuadrado(3)); // Esto nos debería dar 9.
Bucles:
For:
for(variable=0;variable<100;variable++){
bloque de código;
}
for(declaramos la variable;mientras variable sea menor, mayor o lo que sea a X; variable++)
While:var variable = 0
while(variable < 100){
bloque de código;
variable++;
}
Do while:
var variable = 0;
Do{
bloque de código;
variable++;
}while (variable < 100);
¡Espero que os guste y apoyéis el curso!