Fundamentos de Javascript

Javascript

Javascript es uno de los lenguajes mas populares del mundo

Se puede utilizar en:

  • web
  • servidores
  • procesamiento de datos
  • aplicaciones móviles
  • videojuegos

Entorno de prueba

https://jsbin.com

Variables

var x = 5;

var myVar = "Hola";

var y = x;

console.log("el valor de y es: ", y);

Tipos

var x = 40; // esto es un numero

var decimal = 50.3; // esto es un numero decimal

var myVar = "hola"; // esta es una cadena de texto 

var isMonday = true; // esto es un valor booleano

Operadores

var x = 40; // con = asignamos un valor a una variable

var a = 1 + 3; // resultado 4: podemos utilizar los operadores matematicos + - * /

var b = 5 % 2; // resultado 1: operador modulo o resto 

x++; // operador incremento suma 1 al valor anterior

a--; // operador decremento resta 1 al valor anterior

b+=3; // esto es igual a b = b + 3;

Ejercicio 1

  • Crea una variable x con un valor inicial de tu edad.

  • Incrementa de 1

  • Multiplica por el numero de personas en esta clase

  • Decrementa de 1

  • Suma el dia de hoy

  • Calcula resto del modulo en base 2

  • A cada paso imprime el valor de x en la consola.

Cadena de texto o string

var x = 'hola'; // podemos utilizar '

var y = "hola"; // podemos utilizar "

var myVar = "tambien 'hola' es posible"; // podemos combinar " y '

var myVar2 = 'tambien "hola" es posible'; // podemos combinar " y '

var myVar3 = "tambien \"hola\" es posible"; 

// con \" podemos utilizar una doble " dentro una string

/* esto es un comentario */

Composición de cadenas de texto

var a = "hola"; 

var b = "mundo"; 

var c = a+b; // holamundo

var x = `Hola mundo`; // se puede utilizar `

var myVar3 = `Hola ${b}`;  // Hola mundo -> se calculan las variables dentro de la string

Ejercicio 2

  • Crea una variable myName tu nombre

  • Crea una variable myAge con tu edad

  • Compone la frase "Hola, mi nombre es MYNAME y soy "muy" joven porque tengo 'solo' MYAGE años" dentro de la variable myText

  • imprime el valor de myName, myAge y myText en la consola.

  • intenta combinar el uso de ' " y `

  • ¿cual es mas comodo?

Operadores booleanos o de comparación

== // iguales 

=== // iguales (y del mismo tipo)

!myVar // negación de myVar

!= // distintos

!== // non idénticos 

< // menor

> // major

<= // menor o igual

>= // major o igual

Ejercicio 3

5=="5" // true or false? 

5==="5" // true or false? 

!true // true or false? 

0!=false // true or false? 

0!==false // true or false? 

0<5 // true or false? 

0>5 // true or false? 

5<=5 // true or false? 

5>=0 // true or false?

Operadores lógicos booleanos

&& // and 

|| // or


// Ejemplos: 

var x = 4;
var y = 5;

x>0 && y<10 && x<=y  // true

x>0 && y<10 && y<=x  // false

x>10 || y<10  // true

Condición: if...else if...else

var x = 20;

if (x < 100){
    console.log("x es minor de 100")
}else{
    console.log("x es major de 100")
}


if (x < 10){
    console.log("x es minor de 10")
}else if (x<100){
    console.log("x es un valor entre 10 y 100")
}else{
    console.log("x es major de 100")
}

Ejercicio 4

  • Crea una variable x con un valor inicial de tu edad.

  • Revisa si eres mayor o menor de edad

  • Usa el operador modulo % para ver si tu edad es par o impar

  • Intenta escribir con operadores booleanos esta condicion "si mi edad es par o si soy mayor y mi nombre no es "Paolo" escribe el valor contrario de falso, si no escribe "hola"

Array o colección 

var frutas = ["manzana","pera", "platano", "fresa", "melocoton"];

console.log("que fruta hay en posición 2?", frutas[2]);


// se empieza a contar desde 0

//si quiero añadir un elemento:

frutas.push("albaricoque")


//si quiero crear un array vacio:

var myArray = [];

// con la propriedad length puedo conocer el tamaño de un array

frutas.length // 6

Ejercicio 5

  • Crea una variable students con un array vacio.

  • añade todos los estudiantes de la clase.

  • imprime en pantalla el numero de estudiantes.

Ciclo for

for (var i = 0; i < 10; i++){
    console.log(i);
};

//con un array 
var frutas = ["manzana","pera", "platano", "fresa", "melocoton"];

for (var a of frutas){
    console.log(a);
};

for (var b in frutas){
    console.log(frutas[b]);
};

Ejercicio 6

 

  • Imprime todos los nombres de los alumnos del array students en las 3 formas posibles, utilizando for, for in y for of.

Funciones

function nameFuncion(...parametros...){
//operaciones

    return "valor"; // <--- el valor retornado

}

// ejemplo: 

function multi(a,b){
    return a*b;
}

const multi = function(a,b){
    return a*b
}

const multi = (a,b) => {
  return a*b
}

Objetos

const person = {
    name: "Paolo",
    age: 18
}


console.log("que edad tiene Paolo?", person.age);

Fundamentos de Javascript

By Paolo Mosca

Made with Slides.com

Fundamentos de Javascript

  • 150

More from Paolo Mosca