jueves, 26 de mayo de 2022

Actividad 3.9 - Equipo 11

Estructuras Clase Array en JavaScript 

Los arrays son objetos similares a una lista cuyo prototipo proporciona métodos para efectuar operaciones de recorrido y de mutación. Tanto la longitud como el tipo de los elementos de un array son variables.

Los arrays son objetos similares a una lista cuyo prototipo proporciona métodos para efectuar operaciones de recorrido y de mutación. Tanto la longitud como el tipo de los elementos de un array son variables.


Ejemplo:

Crear un vector para almacenar los cinco sueldos de operarios y luego mostrar el total de los gastos en sueldos.


<!DOCTYPE html>
<html>
<head>
  <title>Ejemplo de JavaScript</title>
  <meta charset="UTF-8">
</head>
<body>
 
<script>
  function cargar(sueldos)
  {
    var f;
    for(f=0;f<sueldos.length;f++)
    {
      var v;
      v=prompt('Ingrese sueldo:','');
      sueldos[f]=parseInt(v); 
    }
  }
 
  function calcularGastos(sueldos)
  {
    var total=0;
    var f;
    for(f=0;f<sueldos.length;f++)
    {
      total=total+sueldos[f];
    }
    document.write('Listado de sueldos<br>');
    for(f=0;f<sueldos.length;f++)
    {
      document.write(sueldos[f]+'<br>');
    } 
    document.write('Total de gastos en sueldos:'+total); 
  }
 
  var sueldos;
  sueldos=new Array(5);
  cargar(sueldos);
  calcularGastos(sueldos);
</script>
 
</body>
</html>


Por su parte este programa comienza a ejecutarse a partir de las líneas que se encuentran fuera de la funciones:
var sueldos;
  sueldos=new Array(5);
  cargar(sueldos);
  calcularGastos(sueldos);
Los índices de los arrays de JavaScript comienzan en cero, es decir, el índice del primer
elemento de un array es 0, y el del último elemento es igual al valor de la propiedad length 
del array restándole 1.

Para conocer el tamaño del vector accedemos a la propiedad length
de la clase Array. 
de la clase Array. 
los meses del año. En una función solicitar el ingreso de un número entre 1 y
12. Mostrar a qué mes corresponde y cuántos días tiene dicho mes.
Para conocer el tamaño del vector accedemos a la propiedad length.
En la segunda función sumamos todas las componentes del vector, imprimimos en la 
página los valores y el total de gastos.






Leer más »
en No hay comentarios:

jueves, 19 de mayo de 2022

Actividad 3.5 - 4°E

 Estructuras

Programación orientada a objetos en JavaScript



Un objeto es una estructura que contiene tanto las variables, que se conocen como propiedades, como las funciones que manipulan dichas variables llamadas métodos. 
Desde esta estructura se ha desarrollado un nuevo modelo de programación que atribuye a los mismos características como herencia o polimorfismo. 


El modelo de la programación orientada a objetos normal y corriente separa los mismos en dos: clases e instancias (objetos):

Las clases en JavaScript no suponen la introducción de nuevos modelos en el lenguaje sino que ofrecen un enfoque más tradicional y simple en su declaración, acercando su sintaxis y concepción de POO a otras tecnologías con similares capacidades.  Las instancias o copias de una clase en JavaScript son creadas por medio de un constructor, su trabajo es inicializar un objeto con la información o estado que va a necesitar para operar.


Propiedades y métodos.


 Atributos o propiedades: Son las propiedades, cualidades distintivas de cada objeto. Tienen que ser mínimos para lograr hacer cada una de las operaciones que necesita la aplicación. 
objeto.propiedad
objeto.metodo(parametros)



Responsabilidades o Métodos

Es un algoritmo que se hace en contestación a un mensaje; respuestas a mensajes para saciar demandas. Un procedimiento se apoya en el nombre de la operación y sus argumentos. 

Clases


      - Atributos (Propiedades),
      - Comportamiento (operaciones o métodos) y
      - Relaciones con otros objetos.
Unidad que encapsula códigos y datos para los procedimientos.
Todos los ejemplares de una clase se comportan de manera semejante en contestación a mensajes semejantes.
La clase a la cual pertenece un objeto establece la conducta del objeto.
Una clase tiene encomendadas actividades que ejecutan los métodos.

Objetos: Son cada una de las cosas con identidad propia. Se relacionan entre si. Tienen atributos o características y poseen funciones ,al igual que, métodos que tienen que consumar.

Para acceder a los métodos y propiedades de un objeto debemos utilizar la siguiente sintaxis:

Son las responsabilidades que debería consumar la clase.

El nombre del procedimiento identifica una operación que se realiza. Un procedimiento está definido por la clase del objeto receptor, todos los objetos de una clase utilizan el mismo procedimiento en contestación a mensajes semejantes.

Las clases están definidas por:

Una clase es una representación de una iniciativa o criterio.

Terminología

  • Clase: Define las características del Objeto.
  • Objeto: Una instancia de una Clase.
  • Propiedad: Una característica del Objeto, como el color.
  • Método: Una capacidad del Objeto, como caminar.
  • Constructor: Es un método llamado en el momento de la creación de instancias.
  • Herencia: Una Clase puede heredar características de otra Clase.
  • Encapsulamiento: Una Clase sólo define las características del Objeto, un Método sólo define cómo se ejecuta el Método.
  • Abstracción: La conjunción de herencia compleja, métodos y propiedades que un objeto debe ser capaz de simular en un modelo de la realidad.
  • Polimorfismo: Diferentes Clases podrían definir el mismo método o propiedad.










Leer más »
en No hay comentarios:

miércoles, 11 de mayo de 2022

Actividad 3.1

 Funciones con parámetros

 Explicaremos con un caso muestra, una funcionalidad que tiene datos de ingreso.

 Ejemplo: Confeccionar una funcionalidad que reciba 2 números y muestre en la página los valores entendidos entre ellos de uno en uno. Cargar por teclado aquellos 2 valores. 

<!DOCTYPE html>
<html>
<head>
  <title>Ejemplo de JavaScript</title>
  <meta charset="UTF-8">
</head>
<body>
 
<script>
  function mostrarComprendidos(x1,x2)
  {
    var inicio;
    for(inicio=x1;inicio<=x2;inicio++)
    {
      document.write(inicio+' ');
    }
  }
 
  var valor1,valor2;
  valor1=prompt('Ingrese valor inferior:','');
  valor1=parseInt(valor1);
  valor2=prompt('Ingrese valor superior:','');
  valor2=parseInt(valor2);
  mostrarComprendidos(valor1,valor2);
</script>
 
</body>
</html>

El programa de JavaScript comienza a ejecutarse donde definimos las cambiantes valor1 y valor2 y no donde se define la funcionalidad.

 Después de cargar ambos valores por teclado se denomina a la funcionalidad mostrarComprendidos y le enviamos las cambiantes valor1 y valor2. Los límites x1 y x2 reciben los contenidos de las cambiantes valor1 y valor2.

 Es fundamental percibir que a la funcionalidad la tenemos la posibilidad de llamar la proporción de veces que la necesitemos.

 Los nombres de los límites, en esta situación se denominan x1 y x2, no precisamente se tienen que llamar igual que las cambiantes que le pasamos una vez que la llamamos a la funcionalidad, en esta situación le pasamos los valores valor1 y valor2. 







Leer más »
en No hay comentarios:

lunes, 9 de mayo de 2022

Actividad 3.1

 Base de datos

Uno de los empleos primordiales de PHP es la entrada a una base de datos en el servidor. Las operaciones primordiales se realizan utilizando como lenguaje el SQL.

PHP implementa diversas funcionalidades conforme con la base de datos a usar. Hay funcionalidades en la actualidad para entrar a las próximas servidores de bases de datos:

- MySQL

- MariaDB

- Microsoft SQL Server

- Oracle

- PostgreSQL

- SysBase

- FrontBase

- Informix

- InterBase

- Ingres

- mSQL

- dBase

- SQLlite



Una vez que instaló el ámbito de XAMPP en un inicio para laborar con PHP, se instaló el MySQL o MariaDB.

Para producir una base de datos el XAMPP instala además un programa codificado en PHP que nos posibilita interactuar con el MySQL o MariaDB.

Este programa se denomina PHPMyAdmin (como observaremos nos posibilita producir las bases de datos, tablas, índices, usuarios etcétera.)







en No hay comentarios:

sábado, 2 de abril de 2022

Actividad 9 - Equipo 11

 Acumulador en JavaScript

El concepto de acumulador se explicara a continuación con un ejemplo. 

Problema: Desarrollar un programa que permita la carga de 5 valores por teclado y nos muestre posteriormente la suma.

<!DOCTYPE html>

<html>

<head>

  <title>Ejemplo de JavaScript</title>

  <meta charset="UTF-8">

</head>

<body>

 

<script>

  var x=1;

  var suma=0;

  var valor;

  while (x<=5)

  {

    valor=prompt('Ingrese valor:','');

    valor=parseInt(valor);

    suma=suma+valor;

    x=x+1;

  }

  document.write('La suma de los valores es '+suma+'<br>');

</script>

 

</body>

</html>


En este problema, llevamos un contador denominado x que nos sirve para contar las vueltas que debería repetir el while.
 Además surge el término de acumulador, el cual es un tipo particular de variable que aumenta o decrementa con valores cambiantes a lo largo de la ejecución del programa. Hemos dado el nombre de suma a el acumulador en el programa.
 
Cada periodo que se repita la composición repetitiva, la variable suma aumenta con el contenido ingresado en la variable costo.

 La prueba se hace dándole valores a las cambiantes: 

valor       suma        x          

0           0

(Antes de entrar a la estructura repetitiva estos son los valores).

5           5           1

16          21          2

7           28          3

10          38          4

2           40          5


Este es un seguimiento del programa postulado. Los números que toma la variable valor dependerá de qué cifras cargue el operador a lo largo de la ejecución del programa.

 Se debe considerar que una vez que en la variable valor se carga el primer número (en éste ejemplo es el costo 5), al cargarse el segundo valor (16), el valor anterior 5 se pierde, por esto la necesidad de ir almacenando en la variable suma el valor acumulado de los valores ingresados. 










Leer más »
en No hay comentarios:
Etiquetas:

domingo, 20 de marzo de 2022

Actividad 5

 Estructura switch en javascript


 La instrucción switch es una opción para remplazar en varias situaciones los if/else if.

 De todos métodos se puede utilizar en ciertas situaciones donde la condición se verifica si es igual a cierto costo. No tenemos la posibilidad de preguntar por más grande o menor.

 Con una ejemplificación sencilla, observaremos cual es su sintaxis. Confeccionar un programa que solicite que ingrese un costo entre 1 y 5. Después demostrar en castellano el costo ingresado. Demostrar un mensaje de error en caso de haber ingresado un costo que no esté en dicho rango. 

Ejemplo:

<!DOCTYPE html>

<html>

<head>

  <title>Ejemplo de JavaScript</title>

  <meta charset="UTF-8">

</head>

<body>

 

<script>

  var valor;

  valor=prompt('Ingrese un valor comprendido entre 1 y 5:','');

  //Convertimos a entero

  valor=parseInt(valor);

  switch (valor) {

    case 1: document.write('uno');

            break;

    case 2: document.write('dos');

            break;

    case 3: document.write('tres');

            break;

    case 4: document.write('cuatro');

            break;

    case 5: document.write('cinco');

            break;


    default:document.write('debe ingresar un valor comprendido entre 1 y 5.');

 }

</script>

</body>

</html>


Debemos considerar que la variable que analizamos debería ir luego de la instrucción switch entre paréntesis, ada costo que se examina debería ir después del vocablo clave 'case' y seguido a ambos puntos de vista, las indicaciones a realizar, en caso de comprobar dicho costo la variable que examina el switch. 

 Es fundamental contar con el término clave 'break' al finalizar cada caso. La indicaciones que hay luego del vocablo clave 'default' se ejecutan en caso que la variable no se verifique en cualquier case. 

Plantearemos un segundo problema para ver que podemos utilizar variables de tipo cadena con la instrucción switch.
Ingresar por teclado el nombre de un color (rojo, verde o azul), luego mostraremos un mensaje indicando el color ingresado:

Ejemplo:

<!DOCTYPE html>

<html>

<head>

  <title>Ejemplo de JavaScript</title>

  <meta charset="UTF-8">

</head>

<body>

 

<script>

  var col;

col=prompt('Ingrese alguno de estos tres colores (rojo, verde, azul)' ,'');

  switch (col) {

    case 'rojo': document.write('se ingresó rojo');

                 break;

    case 'verde': document.write('se ingresó verde');

                 break;

    case 'azul': document.write('se ingresó azul');

                 break;

  }

</script>

 

</body>

</html>


Al comprobar las cadenas debemos encerrarlas entre comillas el valor a analizar:

    case 'rojo': document.write('se ingresó rojo');

                 break;













en No hay comentarios:

viernes, 11 de marzo de 2022

Actividad 2-1

 Operadores lógicos && (y) en las estructuras condicionales.

El operador &&, que se lo lee como "Y". Se emplea una vez que en una estructura condicional se disponen 2 condiciones.

Cuando vinculamos 2 o más condiciones con el operador "&&" ambas condiciones tienen que ser verdaderas para que el resultado de la condición compuesta de Verdadero y continúe por la rama del verdadero de la estructura condicional. La condición debería ir entre paréntesis en forma forzosa.

La implementación de operadores lógicos permiten en varios casos, proponer algoritmos más cortos y comprensibles. Cómo en el siguiente código:

<!DOCTYPE html>

<html>

<head>

 <title>Ejemplo de JavaScript</title>

 <meta charset="UTF-8">

</head>

<body>

<script>

 var num1,num2,num3;

 num1=prompt('Ingrese primer número:','');

 num2=prompt('Ingrese segundo número:','');

 num3=prompt('Ingrese tercer número:','');

 num1=parseInt(num1);

 num2=parseInt(num2);

 num3=parseInt(num3);

if (num1>num2 && num1>num3)

 {

 document.write('el mayor es el '+num1);

 }

 else

 {

 if (num2>num3)

 {

 document.write('el mayor es el '+num2);

 }

 else

 {

 document.write('el mayor es el '+num3);

 }

 }

</script>

</body>

</html>


 Si el contenido de la variable num1 es más grande al contenido de la variable num2 Y si el contenido de la variable num1 es mayor al contenido de la variable num3 entonces la condición compuesta resulta verdadera. Si una de las condiciones primordiales es falsa, la condición compuesta da falsa y continúa por la rama del falso.

Es mencionar que se presentará el contenido de num1 si y únicamente si num1>num2 y num1>num3. En caso de ser Falsa la condición analizamos el contenido de num2 y num3 para ver cual tiene un valor más grande. En la segunda composición condicional, al haber una condición fácil, no se necesitan operadores lógicos. 






















en No hay comentarios:
Suscribirse a: Entradas (Atom)

Actividad 3.9 - Equipo 11

Estructuras Clase Array en JavaScript   Los arrays son objetos similares a una lista cuyo prototipo proporciona métodos para efectuar operac...