aprendiendo javascript en una hora javascripting ejercicios resueltos

Hola amigos en este blog vamos a hablar sobre la forma de ir aprendiendo javascript en una hora o menos con javascripting que es un workshop creado por nodeschool.

Bueno en este blog estaré más que todo colocando las respuestas y una explicación bastante corta de cada ejercicio para que se pueda entender, si quieres saber cómo instalar este workshop puedes visitar este enlace: curso de javascript.

Tener en cuenta antes de empezar:

  • Tener instalado node.js en la computadora.
  • Instalar el workshop según las especificaciones.
  • Tener la lógica de programación.
  • Este curso solo enseña lo básico.
  • El tutorial está hecho en linux pero se puede en cualquier sistema.
  • No se enseñará nada de ECMACSCRIPT 6.

introducción:

  • Creamos el archivo con el siguiente comando: touch introduction.js.

  • dentro del archivo escribimos el siguiente código:

console.log('Hello');  
  • Comprobamos que todo esté bien con el siguiente comando javascripting verify introduction.js y si está bien volvemos a escribir javascripting para seguir con el siguiente ejercicio.

variables:

  • Creamos el archivo con el siguiente comando: touch variables.js.

  • dentro del archivo escribimos el siguiente código:

var example = 'some string';//variable example se le asigna el estring some string

console.log(example);//imprimimos la variable en consola
  • Comprobamos que todo esté bien con el siguiente comando javascripting verify variables.js y si está bien volvemos a escribir javascripting para seguir con el siguiente ejercicio.

strings:

  • Creamos el archivo con el siguiente comando: touch strings.js.

  • dentro del archivo escribimos el siguiente código:

var someString = 'this is a string';//asignamos el texto a la variable someString

console.log(someString);//imprimimos en consola el texto que contiene someString  
  • Comprobamos que todo esté bien con el siguiente comando javascripting verify strings.js y si está bien volvemos a escribir javascripting para seguir con el siguiente ejercicio.

longitud de strings:

  • Creamos el archivo con el siguiente comando: touch string-length.js.

  • dentro del archivo escribimos el siguiente código:

var example = 'example string'; //declaramos una variable

console.log(example.length); //imprimimos el cálculo del largo
  • Comprobamos que todo esté bien con el siguiente comando javascripting verify string-length.js y si está bien volvemos a escribir javascripting para seguir con el siguiente ejercicio.

modificando strings:

  • Creamos el archivo con el siguiente comando: touch revising-strings.js.

  • dentro del archivo escribimos el siguiente código:

var pizza = 'pizza in alright'; //declaramos una variable  
//el método replace recibe la palabra a cambiar y agrega una nueva
pizza = pizza.replace('in alright', 'is wonderful');  
//imprimimos en consola el nuevo resultado
console.log(pizza);
  • Comprobamos que todo esté bien con el siguiente comando javascripting verify revising-strings.js y si está bien volvemos a escribir javascripting para seguir con el siguiente ejercicio.

numeros:

  • Creamos el archivo con el siguiente comando: touch numbers.js.

  • dentro del archivo escribimos el siguiente código:

var ejemplo = 123456789;//asignamos un numero entero a la variable ejemplo  
console.log(ejemplo); //imprimimos el número entero en la consola
  • Comprobamos que todo esté bien con el siguiente comando javascripting verify numbers.js y si está bien volvemos a escribir javascripting para seguir con el siguiente ejercicio.

redondeando números:

  • Creamos el archivo con el siguiente comando: touch rounding-numbers.js.

  • dentro del archivo escribimos el siguiente código:

var roundUp = 1.5; //variable roundUp con valor a 1.5

var rounded = Math.round(roundUp);// variable rounded con el valor redondeao de la variable roundUp

console.log(rounded); //imprime 2
  • Comprobamos que todo esté bien con el siguiente comando javascripting verify rounding-numbers.js y si está bien volvemos a escribir javascripting para seguir con el siguiente ejercicio.

números a string:

  • Creamos el archivo con el siguiente comando: touch number-to-string.js.

  • dentro del archivo escribimos el siguiente código:

var n = 128; //variable n con el valor 128  
    n.toString(); //la convertimos a string
    console.log(n); //imprimimos su nuevo valor
  • Comprobamos que todo esté bien con el siguiente comando javascripting verify number-to-string.js y si está bien volvemos a escribir javascripting para seguir con el siguiente ejercicio.

bloque condicional:

  • Creamos el archivo con el siguiente comando: if-statement.js.

  • dentro del archivo escribimos el siguiente código:

var fruit = 'orange'; //variable fruit con el string orange

if (fruit.length > 5) {  //comparación del largo de caracteres  
  console.log('The fruit name has more than five characters.');//si es mayor a 5 imprime esto
}else {
  console.log('the fruit name has five characters or less.');
}//de lo contrario imprime esto
  • Comprobamos que todo esté bien con el siguiente comando javascripting verify if-statement.js y si está bien volvemos a escribir javascripting para seguir con el siguiente ejercicio.

iterando con for:

  • Creamos el archivo con el siguiente comando: touch for-loop.js.

  • dentro del archivo escribimos el siguiente código:

var total = 0;//variable total inicia a 0  
var limit = 10;//variable limit valor 10

for (var i = 0; i < limit; i++) {//variable i inicia a 0, termina cuando sea menor a 10 y aumenta de uno en uno  
  total+=i; //a la variable total se le suma el valor de la variable i
}
console.log(total); //se imprime el total  
  • Comprobamos que todo esté bien con el siguiente comando javascripting verify for-loop.js y si está bien volvemos a escribir javascripting para seguir con el siguiente ejercicio.

arrays :

  • Creamos el archivo con el siguiente comando: touch arrays.js.

  • dentro del archivo escribimos el siguiente código:

//array con tres valores
var pizzaToppings = ['tomato sauce', 'cheese', 'pepperoni'];  
//imprimimos todo el array
console.log(pizzaToppings);  
  • Comprobamos que todo esté bien con el siguiente comando javascripting verify arrays.js y si está bien volvemos a escribir javascripting para seguir con el siguiente ejercicio.

filtrado de arrays:

  • Creamos el archivo con el siguiente comando: touch filtrado-de-arrays.js.

  • dentro del archivo escribimos el siguiente código:

//array de números
var numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];  
//asignamos a la variable filter el nuevo array number con los numeros pares
var filtered = numbers.filter(function EvenNumbers(number) {  
  return number % 2 === 0;
});
//imprimimos el array
console.log(filtered);  
  • Comprobamos que todo esté bien con el siguiente comando javascripting verify filtrado-de-arrays.js y si está bien volvemos a escribir javascripting para seguir con el siguiente ejercicio.

accediendo arrays :

  • Creamos el archivo con el siguiente comando: touch accediendo-valores-array.js.

  • dentro del archivo escribimos el siguiente código:

var food = ['apple', 'pizza', 'pear'];//array de 3 strings  
console.log(food[1]);//imprimimos la palabra pizza  
  • Comprobamos que todo esté bien con el siguiente comando javascripting verify accediendo-valores-array.js y si está bien volvemos a escribir javascripting para seguir con el siguiente ejercicio.

recorriendo arrays:

  • Creamos el archivo con el siguiente comando: touch looping-through-arrays.js.

  • dentro del archivo escribimos el siguiente código:

var pets = ['cat', 'dog', 'rat']; //array de tres strings

for (var i = 0; i < pets.length; i++) {  
  pets[i] = pets[i] + 's';  //ciclo for los recorre y agrega la letra s
}
console.log(pets); //imprime el array modificado  
  • Comprobamos que todo esté bien con el siguiente comando javascripting verify looping-through-arrays.js y si está bien volvemos a escribir javascripting para seguir con el siguiente ejercicio.

objetos:

  • Creamos el archivo con el siguiente comando: touch objects.js.

  • dentro del archivo escribimos el siguiente código:

var pizza = {  //objeto con nombre pizza  
       toppings: ['cheese', 'sauce', 'pepperoni'],//un array
       crust: 'deep dish',//un string
       serves: 2//un numero
     };
console.log(pizza);//objeto en pantalla  
  • Comprobamos que todo esté bien con el siguiente comando javascripting verify objects.js y si está bien volvemos a escribir javascripting para seguir con el siguiente ejercicio.

propiedades de objetos:

  • Creamos el archivo con el siguiente comando: touch object-properties.js.

  • dentro del archivo escribimos el siguiente código:

var food = {  
      types: 'only pizza'
   };

console.log(food.types);//imprimimos el valor de la propiedad types del objeto food  
  • Comprobamos que todo esté bien con el siguiente comando javascripting verify object-properties.js y si está bien volvemos a escribir javascripting para seguir con el siguiente ejercicio.

funciones:

  • Creamos el archivo con el siguiente comando: touch functions.js.

  • dentro del archivo escribimos el siguiente código:

function eat(food) { //función con nombre eat recibe un parámetro  
  return food + ' tasted really good.';//regresa el parámetro más un string concatenado
}
console.log(eat('bananas'));//se imprime la función y se envía un argumento bananas  
  • Comprobamos que todo esté bien con el siguiente comando javascripting verify functions.js y si está bien volvemos a escribir javascripting para seguir con el siguiente ejercicio.

argumento de funciones:

  • Creamos el archivo con el siguiente comando: touch function-arguments.js.

  • dentro del archivo escribimos el siguiente código:

function math(p,s,t){ //función con 3 parámetros  
   return (s*t)+p;  //el segundo multiplica al tercero y el resultado suma al primero
}
console.log(math(53,61,67));  //se llama la función y se ingresan tres argumentos  
  • Comprobamos que todo esté bien con el siguiente comando javascripting verify function-arguments.js y si está bien volvemos a escribir javascripting para seguir con el siguiente ejercicio.

Contexto/scope:

  • Creamos el archivo con el siguiente comando: touch scope.js.

  • dentro del archivo escribimos el siguiente código:

var a = 1, b = 2, c = 3;

(function firstFunction(){
  var b = 5, c = 6;
  (function secondFunction(){
    var b = 8;
    console.log("a: "+a+", b: "+b+", c: "+c);
    (function thirdFunction(){
      var a = 7, c = 9;
      (function fourthFunction(){
        var a = 1, c = 8;
      })();
    })();
  })();
})();
  • Comprobamos que todo esté bien con el siguiente comando javascripting verify scope.js y si está bien volvemos a escribir javascripting para seguir con el siguiente ejercicio.

Tutorial completo:

Javascript es uno de los lenguajes mejores pagados en el mundo y uno de los más usados, y posiblemente el futuro de muchas cosas gracias a node.js y a muchos frameworks que reinventaron el uso de este lenguaje, por lo que si quieres estar al día y especializarte te invito que compres cursos de paga en inglés y de buena calidad así sean caros