Skip to content

Instantly share code, notes, and snippets.

@gastonambrogi

gastonambrogi/1_variables.md

Last active September 17, 2017 15:44
Show Gist options
  • Save gastonambrogi/a893cb7e720285e3658727b7e9d324bc to your computer and use it in GitHub Desktop.
Save gastonambrogi/a893cb7e720285e3658727b7e9d324bc to your computer and use it in GitHub Desktop.
Download ZIP
Ejercicios Javascript 101 - 2017
Raw
1_variables.md

Variables

  1. En esta actividad necesitamos definir variables que almacenen la cantidad de elementos de nuestro botiquín. En él tenemos 3 apósitos adhesivos, 1 alcohol en gel, 1 blister (tableta) de aspirinas y 2 pares de guantes de latex. A su vez, es necesario mostrar las cantidades en la consola (Pista: Usa console.log();)

  2. Defina las variables necesarias para mostrar el nombre de los elementos que contiene nuestro botiquin.

  3. Muestre en la consola, el nombre de cada elemento del botiquín junto con la cantidad correspondiente.

  4. ¿Que sucede si queremos ver la cantidad de algún elemento que no definimos en el botiquín? Ejemplo: cantidadDeVendas.

  5. ¿Que problema tiene la siguiente sentencia?

console.log("Nuevo botiquín');
Raw
2_operadores_expresiones.md

Operadores y Expresiones

  1. Pasamos por una farmacia y trajimos 1 caja de 10 apósitos adhesivos y 2 blisters de aspirinas. Actualice las cantidades de los elementos correspondientes en nuestro botiquín.

  2. Defina una variable que tenga la cantidad total de aspirinas del botiquín sabiendo que cada blister tiene 10 aspirinas.

  3. Defina la variable quedanApositos la cual determine si quedan apósitos disponibles.

  4. Muestre en la consola, el nombre de cada elemento del botiquín junto con la cantidad correspondiente.

  5. ¿Que problema tiene el siguiente código?

var cantidadApositosAdhesivos = '3';
cantidadApositosAdhesivos = cantidadApositosAdhesivos + 10;
console.log(cantidadApositosAdhesivos);
Raw
3_arrays.md

Arrays

  1. Defina el botiquín como un arreglo con el nombre de los elementos que contiene.

  2. Muestre en la consola la cantidad de elementos que contiene el botiquín.

  3. Obtenga el primer elemento y el ultimo que contiene el botiquín. (Tip: Los índices de los arrays comienzan desde 0.)

  4. Defina un arreglo con las cantidades de cada elemento del botiquín en la misma posicion definida anteriormente. Luego muestre la cantidad de aspirinas que tiene el botiquín como NOMBRE: CANTIDAD.

  5. Pasamos nuevamente por la farmacia y trajimos 1 paquete de gasas. Agregue este elemento al botiquín. (Pista: Llame al método push sobre el botiquin)

  6. Quite el último elemento agregado del botiquín. (Pista: Llame al método pop sobre el botiquin)

  7. ¿Qué elemento tomaremos en esta sentencia?

console.log(botiquin[ botiquin.length ]);
Raw
4_estructuras_control.md

Estructuras de control

  1. Muestre en la consola un mensaje si aun quedan apósitos en el botiquin, en caso contrario muestre el mensaje 'Hacen falta apósitos!'.

  2. Recorra el botiquín y muestre de a uno por vez los elementos en la consola. (Pista: Usa la sentencia while).

  3. Recorra el botiquín y muestre el mensaje 'Aun quedan gasas en el botiquin.' si hay gasas en el botiquín.

Raw
5_objetos.md

Objetos

  1. Defina una variable que almacene la información de los apósitos como un objeto y muestre sus propiedades en la consola. (Pista: Defina el objeto con las propiedades nombre y cantidad).

  2. Cambie el nombre de los apósitos por 'Curitas' y muestrelo en la consola.

  3. Agregue la propiedad fechaDeVencimiento a un objeto de aspirinas con el valor '12/18'.

  4. Cambie todos los elementos del botiquín a objetos con la misma estructura.

  5. Recorra el botiquín con los nuevos objetos mostrando el nombre y la cantidad de cada elemento.

  6. ¿Qué diferencia encuentra de usar objetos sobre las soluciones del comienzo de curso?

Raw
6_funciones.md

Funciones

  1. Declare una función que muestre el mensaje 'Bienvenidos al botiquín virtual!'.

  2. Declare una función que reciba tu nombre como parametro y lo una al mensaje de bienvenida.

  3. Utilice la función nativa de JavaScript prompt() para ingresar tu nombre y luego envielo como parametro a la función anterior.

  4. Declare una función que calcule y retorne la cantidad de aspirinas que hay en el botiquín a partir de los blisters que hay en él (Tal cual hicimos en el ejercicio 2 de Operadores);

  5. ¿Qué sucederá si la función anterior la llamamos sin enviarle los parametros necesarios?

console.log(aspirinasEnBotiquin());

  1. Defina la función sonIguales que determine si 2 objetos del botiquín son iguales o no. A su vez, escriba un programa que use esta función y muestre un mensaje a partir de su resultado.

  2. Defina la función mostrarBotiquin que muestre lo que contiene nuestro botiquín (que recibe como parametro) en forma de tabla como se describe abajo. Al momento de presentar las aspirinas, muestre la cantidad aspirinas, no de blisters (Tip: Reusa las funciones anterior).

Bienvenido Gastón al botiquin virtual!

Este es tu botiquín:

Elemento Cantidad
Curitas 13
... ...
Raw
7_aplicacion_web.md

Aplicación Web

1 - Abrir https://jsbin.com/sihabu/edit?html,css,js,output

2 - Guardar tu propia copia de la app haciendo click en File y luego en Clone

3 - Con el fin de inicializar el estado deseado del botiquín, ejecutar las siguientes funciones:

  • saveKit
  • loadKit
  • displayKit

4 - Con el fin de permitirle al usuario modificar el botiquín, definir las siguientes funciones:

  • onNewItem
  • onChangeCount
  • onChangeName
  • onIncrement
  • onDecrement
  • onRemove
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment