Inserción Curricular #3

Educación Financiera

El poder adquisitivo se refiere a la capacidad de una persona, empresa o país para adquirir bienes y servicios con una cantidad determinada de dinero. Este poder está influenciado por diversos factores que pueden aumentar o disminuir el valor real del dinero. A continuación, se detallan los principales elementos que afectan el poder adquisitivo:

1. Inflación

La inflación es el aumento generalizado y sostenido de los precios de bienes y servicios en una economía durante un período de tiempo. Cuando la inflación es alta, el poder adquisitivo disminuye, ya que con la misma cantidad de dinero se pueden comprar menos bienes y servicios. Por ejemplo, si la inflación anual es del 3%, un artículo que costaba $100 el año anterior ahora costará $103, reduciendo la cantidad de productos que se pueden adquirir con el mismo ingreso.

2. Tipos de Cambio

Los tipos de cambio determinan el valor de una moneda en relación con otra. Las fluctuaciones en los tipos de cambio afectan el poder adquisitivo, especialmente en economías dependientes de importaciones. Si la moneda local se devalúa frente a otras, los productos importados se encarecen, disminuyendo el poder adquisitivo de los consumidores locales. Por ejemplo, una devaluación del peso ecuatoriano frente al dólar encarecería los productos importados, reduciendo la capacidad de compra de los ecuatorianos.

3. Niveles de Ingreso y Empleo

El nivel de ingresos y la tasa de empleo son determinantes clave del poder adquisitivo. A medida que los salarios aumentan y más personas están empleadas, la capacidad de consumo de la población se incrementa. Por el contrario, salarios estancados o altas tasas de desempleo reducen el poder adquisitivo, limitando el acceso a bienes y servicios. Por ejemplo, en España, aunque la productividad ha crecido, los salarios no han aumentado al mismo ritmo, afectando negativamente el poder adquisitivo de los trabajadores

cincodias.elpais.com

.

4. Tasas de Interés

Las tasas de interés influyen en el costo del crédito y en el rendimiento de los ahorros. Tasas de interés altas encarecen los préstamos, desincentivando el consumo y la inversión, mientras que tasas bajas pueden fomentar el endeudamiento y el gasto. Además, las tasas de interés afectan el retorno de las inversiones y los ahorros, impactando el ingreso disponible y, por ende, el poder adquisitivo. Por ejemplo, en Estados Unidos, la Reserva Federal ha mantenido las tasas de interés sin cambios a pesar de las presiones inflacionarias, afectando las decisiones de consumo e inversión de los ciudadanos

elpais.com

.

5. Impuestos

La carga impositiva directa e indirecta influye en el ingreso disponible de los individuos y empresas. Impuestos elevados reducen el dinero que las personas pueden destinar al consumo, disminuyendo su poder adquisitivo. Por ejemplo, un aumento en el Impuesto al Valor Agregado (IVA) encarece los productos y servicios, reduciendo la capacidad de compra de los consumidores.

6. Oferta y Demanda de Bienes y Servicios

La oferta y demanda determinan los precios en una economía de mercado. Si la demanda de un bien supera su oferta, los precios tienden a subir, afectando el poder adquisitivo. Por ejemplo, una disminución en la producción de huevos en Estados Unidos llevó a un aumento del 15,2% en su precio, impactando el costo de vida de los consumidores

elpais.com

.

7. Crecimiento Económico

El crecimiento económico sostenido suele estar asociado con mejoras en el poder adquisitivo, ya que implica mayor producción, empleo e ingresos. Sin embargo, si el crecimiento no es inclusivo o está acompañado de alta inflación, los beneficios pueden no reflejarse en un aumento real del poder de compra de la población. Por ejemplo, en Argentina, la implementación de políticas económicas ortodoxas ha logrado una desaceleración de la inflación, lo que ha sido bien recibido por los mercados y ha mejorado el poder adquisitivo de los ciudadanos

reuters.com

.

Comprender estos factores es esencial para evaluar la salud económica de una nación y para que individuos y empresas tomen decisiones financieras informadas. Mantener un equilibrio entre estos elementos puede contribuir a la estabilidad y mejora del poder adquisitivo en una economía.

Uso de la función de texto length para el conteo de caracteres de un texto

 La página que se mostrará a continuación lo que hace es tomar el string que el usuario ingrese y mediante el parámetro .length, contar los caracteres y posteriormente devolver este número al usuario.

Código:

<html>

<script>

function calcular()

{

var v_texto = document.getElementById("texto").value;

var v_resultado = document.getElementById("resultado").value;

n = v_texto.length;

document.getElementById("resultado").value=n;

}

</script>

<body bgcolor=lightgreen>

<form name="form1" method="post" action="">

<center>

<h2>FUNCIONES TEXTO - CONTAR CARACTERES</h2>

<h3>

TEXTO: 

<input type="text" name="texto" id="texto"><p>

RESULTADO:

<input type="text" name="resultado" id="resultado" placeholder="Resultado"><p>

<input type="button" onclick="calcular()" name="r" id="r" value="Procesar"><p>

</h3>

</center>

</form>

</body>

</html>

Funcionalidad de la Página:

Cada caracter cuenta, incluso los espacios en blanco.

Strings

El objeto String se utiliza para representar y manipular una secuencia de caracteres.

Las cadenas son útiles para almacenar datos que se pueden representar en forma de texto. Algunas de las operaciones más utilizadas en cadenas son verificar su length, para construirlas y concatenarlas usando operadores de cadena + y +=, verificando la existencia o ubicación de subcadenas con indexOf() o extraer subcadenas con el método substring().

En los siguientes programas se trabajará con .length() el cual es un parámetro que extrae el número de caracteres que posee el string y con .charAt() el cual es otro parámetro encargado de tomar el caracter de la posición que se le indique.

Inserción Curricular #2

Educación para el Desarrollo Sostenible

1. Análisis Crítico de las Políticas sobre Movilidad Humana

Las políticas de movilidad humana varían entre países y regiones, reflejando diferencias en la protección de los derechos de los migrantes y refugiados. En general, se pueden identificar tres enfoques principales:


Enfoque Restrictivo: Implementado por países que endurecen sus fronteras y limitan la entrada de migrantes y refugiados, como en algunos estados de Europa y EE.UU. Estas medidas suelen generar vulnerabilidad y violaciones a los derechos humanos.

Enfoque Humanitario: Adoptado por organismos internacionales como la ONU y ACNUR, y algunos países de América Latina y Europa, busca garantizar derechos básicos a los migrantes, promoviendo protección y asistencia.

Enfoque de Integración: Se observa en naciones con políticas activas de inclusión, como Canadá y Alemania, que facilitan la inserción laboral, la educación y la seguridad social para los migrantes.

Si bien organismos como la ONU, ACNUR y la OIM han promovido acuerdos como el Pacto Mundial sobre Migración Segura, Ordenada y Regular, la implementación de estos instrumentos no siempre es efectiva, ya que depende de la voluntad política de cada país.

2. Retos y Problemas en las Políticas Actuales

Criminalización y discriminación: Muchos países asocian la migración con problemas de seguridad, promoviendo discursos xenofóbicos.

Barreras burocráticas: Excesivos trámites impiden el acceso a documentación legal, empleo y educación.

Condiciones precarias: Muchos migrantes y refugiados enfrentan explotación laboral, falta de vivienda y dificultades en el acceso a salud y educación.

Falta de cooperación internacional: Aunque existen acuerdos globales, la falta de coordinación entre países dificulta una respuesta efectiva.

3. Propuestas para la Protección e Integración Sostenible de los Migrantes y Refugiados

Para garantizar la equidad social y la integración de los migrantes en las comunidades receptoras, se proponen las siguientes acciones:



A nivel local:

Crear programas de inserción laboral con incentivos para empleadores.

Facilitar el acceso a educación y servicios de salud sin discriminación.

Implementar campañas contra la xenofobia y promover la convivencia intercultural.

A nivel regional:

Armonizar políticas migratorias entre países vecinos para facilitar la movilidad segura.

Desarrollar sistemas de reconocimiento de títulos académicos para evitar la sobrecualificación.

Establecer acuerdos de cooperación entre gobiernos y empresas para fomentar la inclusión económica.

A nivel global:

Fortalecer el cumplimiento de tratados internacionales sobre derechos de migrantes.

Aumentar el financiamiento de organismos como ACNUR para apoyar la asistencia humanitaria.

Promover políticas de reasentamiento y protección internacional para refugiados en situación de riesgo.

Conclusión

Para garantizar la equidad social en la movilidad humana, es fundamental que las políticas nacionales e internacionales prioricen la protección de los derechos de los migrantes y refugiados. La integración sostenible requiere la cooperación entre gobiernos, sociedad civil y organismos internacionales, promoviendo medidas que favorezcan la inclusión social, laboral y cultural de las personas en movilidad.

Uso del bucle for, operadores monarios y banderas para el cálculo de los números divisibles de una cantidad

 El siguiente programa trata sobre la aplicación del bucle for para encontrar los números divisibles de la cantidad proporcionada por el usuario. Como funciona el for es haciendo un bucle del cual se puede darle un inicio y un final, por lo general se inicia junto a una variable en 0 y se termina en cualquier cantidad o variable, junto a todo esto se utiliza un operador monario, por ejemplo variable++ el cual a la variable que hayas puesto, va aumentándole cantidad de uno en uno.

Código:

<HTML>

 <head>

</HEAD>  
<script>
   function Resultado()
   {
	   var sw=0;
	   var v_num = document.getElementById("numero").value;
	   for(i=2;i< v_num;i++) // i+=5  incremento   
	   {
	      var x= v_num % i;
		  if (x==0)
		  {
		      alert (i);
			  sw=1;
		  }
	   
	   } 
	   if(sw==0)
	   {  
	        alert ("numero primo");
	   }	
   }
 </script>  
   <BODY>
      PROGRAMA DIVISIBLES <P>
	  
	  INGRESE UN NUMERO:
	  <INPUT TYPE="TEXT" NAME="numero" id="numero"> <p>
	  
	  <input type= "submit" value="Procesar" Onclick="Resultado()">
	</body>
</HTML>

Funcionalidad de la Página:

Inserción Curricular #1

 

Educación Cívica, Ética e Integridad

El principio de igualdad es un fundamento esencial en los sistemas democráticos y establece que todas las personas deben ser tratadas con los mismos derechos y oportunidades, sin discriminación por razones de género, raza, condición económica, religión u otras características personales.

 

Una de las formas más claras de aplicar este principio en la vida política es a través del sufragio universal, que garantiza que todas las personas mayores de edad tengan el derecho a votar en igualdad de condiciones, sin importar su estatus social o económico.

 

El sufragio universal como condición de participación igualitaria

El voto permite que cada ciudadano tenga una voz en la toma de decisiones del Estado, asegurando que ningún grupo tenga privilegios sobre otro. Esto se manifiesta en varias características del sufragio:

 

Universalidad: Todos los ciudadanos, sin distinción, tienen derecho a votar.

Igualdad: Cada voto tiene el mismo valor, sin importar quién lo emita.

Libertad: Se garantiza que cada persona pueda elegir sin coacción.

Secreto: El voto es confidencial para evitar represalias o presiones.

En conclusión, el sufragio universal es una herramienta fundamental para garantizar la participación igualitaria en la sociedad, asegurando que todas las voces sean escuchadas y que el principio de igualdad se mantenga en la democracia.

Switch

La declaración switch evalúa una expresión, comparando el valor de esa expresión con una instancia case, y ejecuta declaraciones asociadas a ese case, así como las declaraciones en los case que siguen.

Ejemplo:

switch (numero) 

{ 

    case 1: 

    alert("Uno");

    break; 

    case 2: 

    alert("Dos");

    break; 

    case 3:

    alert("Tres");

    break; 

    default: 

    alert("Número no encontrado");

    break;

}

Lo que este ejemplo hace es verificar los diferentes casos brindados de la variable "numero", si uno coincide con un caso, realiza lo que el caso dicta, en este caso escribe el número en español. El default sirve para un caso en el que ninguno de los otros casos aplique, dando un mensaje de error.

Uso de condicionales if para la traducción de calificaciones

El siguiente programa implementa la función de <script> la cual nos permite diseñar la programación backend de la página. En este caso es utilizada para calcular diferentes estados de las notas utilizando sus respectivas fórmulas.

Código:

<html>

  <HEAD>

     <TITLE>

     PROGRAMA CALIFICACIONES

</TITLE>

  </HEAD>

  <script>

   function calcular()

   {

      var v_individual = document.getElementById("individual").value;

  var v_grupal = document.getElementById("grupal").value;

  var v_proyecto = document.getElementById("proyecto").value;

  var v_examen = document.getElementById("examen").value;

  var v_promedio;

  var v_equivalencia;

  v_setenta = (v_individual/100)*35;

  v_setentad = (v_grupal/100)*35;

  v_quinceu = (v_examen/100)*15;

  v_quinced = (v_proyecto/100)*15;

  v_promedio = v_setenta + v_setentad + v_quinceu + v_quinced;

  document.getElementById("promedio").value = v_promedio.toFixed(2);

  if(v_promedio>=9.01&&v_promedio<=10)

  {

v_equivalencia = "A+";

  }

  else if(v_promedio>=8.01&&v_promedio<=9)

  {

v_equivalencia = "A-";

  }

  else if(v_promedio>=7.01&&v_promedio<=8)

  {

v_equivalencia = "B+";

  }

  else if(v_promedio>=6.01&&v_promedio<=7)

  {

v_equivalencia = "B-";

  }

  else if(v_promedio>=5.01&&v_promedio<=6)

  {

v_equivalencia = "C+";

  }

  else if(v_promedio>=4.01&&v_promedio<=5)

  {

v_equivalencia = "C-";

  }

  else if(v_promedio>=3.01&&v_promedio<=4)

  {

v_equivalencia = "D+";

  }

  else if(v_promedio>=2.01&&v_promedio<=3)

  {

v_equivalencia = "D-";

  }

  else if(v_promedio>=1.01&&v_promedio<=2)

  {

v_equivalencia = "E+";

  }

  else if(v_promedio>=0&&v_promedio<=1)

  {

v_equivalencia = "E-";

  }

  document.getElementById("equivalencia").value = v_equivalencia;

   }

  

  </script>

  

  <BODY bgcolor="lightgreen">

   <b>PROGRAMA CALIFICACIONES  </b><P>

   Nombre: 

   <input type="text" name="nombre" id="nombre"> <p>

    Seleccionar Asignatura:

     <select name="asignatura">

<option>MATEMATICA</OPTION>

<option>PROGRAMACION</OPTION>

<option>E. FISICA</OPTION>

</SELECT> <P>

   Actividades Individuales: 

   <input type="text" name="individual" id="individual"> <p>

   Actividades Grupales: 

   <input type="text" name="grupal" id="grupal"> <p>

   Exámen: 

   <input type="text" name="examen" id="examen"> <p>

   Proyecto Interdisciplinario:

   <input type="text" name="proyecto" id="proyecto"> <p>

   Promedio: 

   <input type="text" name="promedio" id="promedio"> <p> 

   Equivalencia: 

   <input type="text" name="equivalencia" id="equivalencia"> <p>   

   

   <input type="submit" name="procesar" value="Calcular" Onclick="calcular()">

  </body>

<html>

Funcionalidad de la Página:

Javascript

JavaScript es un lenguaje de programación o de secuencias de comandos que te permite implementar funciones complejas en páginas web, cada vez que una página web hace algo más que sentarse allí y mostrar información estática para que la veas, muestra oportunas actualizaciones de contenido, mapas interactivos, animación de Gráficos 2D/3D, desplazamiento de máquinas reproductoras de vídeo, etc., puedes apostar que probablemente JavaScript está involucrado.

Ventajas de Javascript:

Velocidad: JavaScript tiende a ser muy rápido porque a menudo se ejecuta inmediatamente en el navegador. Entonces mientras no requiera recursos externos, JavaScript no tiene permitido retrasarse por llamados del servidor backend.
Simplicidad: La sintaxis de JavaScript está inspirada por Java y es relativamente sencillo de aprender comparado a otros lenguajes de programación populares como C++.
Popularidad: JavaScript esta por todas partes de la web, y con la llegada de Node.js, se ha incrementado su uso en backend. Hay incontables recursos para aprender JavaScript. Tanto StackOverflow como GitHub muestran un creciente número de proyectos que usan JavaScript, y la popularidad que ha alcanzado en los recientes años se espera que siga creciendo.
Compatibilidad: A diferencia de PHP u otros lenguajes scripting, JavaScript puede ser usado en cualquier página web. JavaScript puede ser usado en diferentes tipos de aplicaciones gracias al soporte en otros lenguajes como Pearl y PHP.
Server Load: JavaScript es client-side, entonces esto reduce la demanda de servidores en general, y las aplicaciones sencillas puede que no necesiten el servidor del todo.
Interfaces sencillas: JavaScript puede ser usado para crear características como arrastrar y soltar, y componentes tales como las diapositivas, lo cual mejora enormemente la interfaz de usuario y la experiencia del sitio.
Funcionalidad extendida: Los desarrolladores pueden extender la funcionalidad de las páginas web mediante fragmentos de JavaScript para un tercer grupo de extensiones como Greasemonkey.
Versatilidad: Hay muchos métodos para usar JavaScript mediante servidores Node.js. Si tú estas en bootstrap Node.js con Express, puedes usar un documento database como MongoDB, y usar JavaScript en el frontend para clientes. Es posible desarrollar una aplicación completa de JavaScript desde principio a fin solo usando JavaScript.
Actualizaciones: Desde que la llegada de ECMAScript 5 (la especificación escrita en que se basa JavaScript), ECMA International se ha dedicado a actualizar JavaScript anualmente. Hasta el momento, hemos recibido soporte para el navegador ES6 en 2017 y esperamos que ES7 sea soportado en un futuro.

Desventajas:

Seguridad: El código se ejecuta en el navegador del usuario, lo que lo hace vulnerable a ataques como XSS (Cross-Site Scripting).
Inconsistencia entre navegadores: Algunas funciones pueden comportarse de manera diferente dependiendo del navegador.
Rendimiento: Aunque es rápido, JavaScript puede volverse lento si se ejecutan tareas pesadas en el hilo principal.
Depuración compleja: Aunque hay herramientas, los errores pueden ser difíciles de rastrear debido a su naturaleza interpretada.
Manejo de tipos débil: Puede causar problemas inesperados, ya que permite conversiones de tipos automáticas.
Problemas con el DOM: Manipular el DOM puede volverse lento e ineficiente en páginas grandes.
Problemas de escalabilidad: No está diseñado originalmente para proyectos grandes, lo que puede generar dificultades en el mantenimiento del código.

Uso de los input dentro de HTML para la realización de un cuestionario

 En la siguiente página, se aplican las distintas herramientas de selección en un cuestionario de la materia "Historia" haciendo uso de distintas herramientas como el radio y el checkbox.

Código:

<html>

<head>

<title>

Cuestionario Historia

</title>

</head>

<body bgcolor="lightgreen">

<form name="Cuestionario">

<center>

<h1>Cuestionario de Historia<p>

</center>

<h3>1.- ¿En qué año ocurrió la revolución francesa?</h3><p>

<input type="Radio" name="Preg1"> 1834 <p>

<input type="Radio" name="Preg1"> 1932 <p>

<input type="Radio" name="Preg1"> 1789 <p>

<input type="Radio" name="Preg1"> 1734 <p>

<h3>2.- ¿Quién fue el primer presidente de los Estados Unidos?</h3><p>

<input type="Text" name="Preg2">

<h3>3.- ¿Quiénes fundaron Roma?</h3><p>

<input type="Checkbox" name="Preg3"> Rómulo <p>

<input type="Checkbox" name="Preg3"> Julio César <p>

<input type="Checkbox" name="Preg3"> Marco Antonio <p>

<input type="Checkbox" name="Preg3"> Remo <p>

<input type="Checkbox" name="Preg3"> Aristóteles <p>

<h3>4.- Seleccione los líderes más reconocidos de la Segunda Guerra Mundial</h3><p>

<input type="Checkbox" name="Preg4"> Adolf Hitler <p>

<input type="Checkbox" name="Preg4"> Benito Mussolinni <p>

<input type="Checkbox" name="Preg4"> Charles Chaplin <p>

<input type="Checkbox" name="Preg4"> Vladimir Lenin <p>

<input type="Checkbox" name="Preg4"> Frank Sinatra <p>

<h3>5.- ¿Qué civilización fue responsable de la construcción de las pirámides de Giza?</h3><p>

<select name="Preg5">

<option></option>

<option>Civilización Griega</option>

<option>Civilización Romana</option>

<option>Civilización China</option>

<option>civilización Mesopotámica</option>

<option>Civilización Maya</option>

<option>civilización Española</option>

<option>Civilización Árabe</option>

<option>Civilización Egipcia</option>

<option>Civilización Inglesa</option>

<option>Civilización Inca</option>

</select>

<h3>6.- ¿Qué tratado dió fin a la Primera Guerra Mundial?</h3><p>

<input type="Text" name="Preg6">

<h3>7.- ¿Cuántos barcos se utilizó durante el descubrimiento de América?</h3><p>

<input type="Number" name="Preg7">

<h3>8.- ¿Quién fue el líder del movimiento por los derechos civiles en los Estados Unidos durante los años 60, famoso por su discurso "Tengo un sueño"?<p>

<input type="Text" name="Preg8">

<h3>9.- ¿En qué año ocurrió la caída del muro de Berlín?</h3><p>

<input type="Radio" name="Preg9"> 1934 <p>

<input type="Radio" name="Preg9"> 1743 <p>

<input type="Radio" name="Preg9"> 2006 <p>

<input type="Radio" name="Preg9"> 1923 <p>

<input type="Radio" name="Preg9"> 1989 <p>

<h3>10.- ¿Qué organización se fundó tras el fin de la Segunda Guerra Mundial?</h3><p>

<select name="Preg10">

<option></option>

<option> ONU </option>

<option> OMS </option>

<option> FFAA </option>

<option> CNE </option>

<option> GOM </option>

</select>

<p>Déjanos tu comentario:<p>

<textarea name="Comentarios" cols="32" rows="8">

</textarea><p>

<input type="Submit" name="boton1" value="Enviar">

<input type="Reset" name="boton2" value="Limpiar">

</form>

</body>

</html>

Funcionamiento de la Página:

Uso de los elementos input en HTML para el despliegue de un formulario

La página a continuación es un ejemplo realizado como prueba de los diferentes elementos en HTML. Básicamente la funcionalidad de este es el permitir ingresar texto en cajas de texto, fecha utilizando el input type="date", número usando el input de number, se aplican los radios y checkbox junto a las listas desplegables y finalmente se implementan botones para subir los datos o borrar la información ingresada.

Código:

<html>

<head>

<title>

Formulario Ejemplo

</title>

</head>

<body bgcolor="lightgreen">

FICHA DE ESTUDIANTES DE TUTORIA<p>

<form name="datos">

Nombre:

<input type="TEXT" name="Nombre"><p>

Apellido:

<input type="TEXT" name="Apellido"><p>

Teléfono:

<input type="TEXT" name="Telefono"><p>

Fecha de nacimiento:

<input type="DATE" name="Fecha"><p>

Dirección:

<input type="TEXT" name="Direccion"><p>

Parroquia:<p>

<input type="RADIO" name="Parroquia">Pifo <p>

<input type="RADIO" name="Parroquia">Tababela <p>

<input type="RADIO" name="Parroquia">Yaruquí <p>

<input type="RADIO" name="Parroquia">Checa <p>

<input type="RADIO" name="Parroquia">El Quinche <p>

Género:<p>

<input type="RADIO" name="Genero">Masculino <p>

<input type="RADIO" name="Genero">Femenino <p>

Hobbies:<p>

<input type="checkbox" name="h01">Redes Sociales<p>

<input type="checkbox" name="h02">Juegos en Red<p>

<input type="checkbox" name="h03">Deportes<p>

<input type="checkbox" name="h04">Leer<p>

Número De Hermanos:<p>

<input type="number" name="Nhermanos"><p>

Estado Civil:<p>

<select name="Estado Civil">

<option>Soltero</option>

<option>Casado</option>

<option>Divorciado</option>

<option>Viudo</option>

</select>

<p>Comentarios:<p>

<textarea name="Comentarios" cols="32" rows="8">

</textarea><p>

<input type="Submit" name="boton1" value="Enviar">

<input type="Reset" name="boton2" value="Limpiar">

</form>

</body>

</html>

Funcionamiento de la Página:

Elementos HTML

HTML posee distintos elementos los cuales tienen distintas funcionalidades y buscan el facilitar la estructuración de las páginas web.

Algunos de ellos son:

LISTA DESPLEGABLE

Una lista desplegable HTML (También conocidas como combo box en los lenguajes de programación) permiten a los usuarios de una página web, seleccionar un valor de una lista de opciones, como las que vez cuando te piden ingresar tu país de nacimiento.

Para crear una lista se usa la etiqueta SELECT, que usualmente debe llevar un nombre y un ID, el nombre se usa para que el programa que procese los datos del formulario pueda saber qué información está recibiendo. El ID se utiliza para poder acceder a ella por medio de JavaScript, por ejemplo, para validar si se ha llenado, para agregar o eliminar opciones dinámicamente, etc.

<select name="color">

<option>Verde</option>


<option>Azul</option>

<option>Rojo</option>

</select>

RADIO

Los elementos input de tipo radio se utilizan generalmente en grupos de radio: colecciones de botones de radio que describen un conjunto de opciones relacionadas.

Solo un botón de radio en un grupo dado puede estar seleccionado al mismo tiempo. Los botones de radio generalmente se representan como pequeños círculos, que se rellenan o resaltan cuando están seleccionados.

<input type="Radio" name="color">Rojo<p>

<input type="Radio" name="color">Verde<p>


<input type="Radio" name="color">Azul<p>

TEXT

Define un campo de texto, es el atributo más usado y se usa para introducir una línea de texto. Se puede introducir cualquier carácter, letras, números, etc. Los navegadores lo presentan como una caja de texto de una longitud de 20 caracteres. Esta longitud se puede variar con el atributo size, este valor se refiere a la longitud de visualización de la caja, pero el usuario puede introducir más caracteres; si queremos controlar esa cantidad podemos utilizar los atributos maxlength y minlength que indican el máximo y el mínimo de caracteres que puede introducir el usuario.

<input type="text" name="Color" id="Color">

NUMBER

Los elementos input del tipo number son usados para permitir al usuario ingresar un número. Éstos incluyen validación incorporada para rechazar entradas no numéricas.

El navegador puede optar por proveer flechas de pasos para permitir al usuario, usando su ratón o simplemente pulsando con la punta del dedo, incrementar y decrementar el valor.

<input type="number" name="edad">

CHECKBOX

Un checkbox en HTML es un tipo de input que le permite a los usuarios seleccionar opciones que pueden tener un valor binario, esto quiere decir que pueden estar marcadas o desmarcadas. Su estructura es bastante intuitiva y es muy importante hacer uso de ellos en situaciones en donde hay que tomar decisiones como «Aceptar términos y condiciones» o «seleccionar categorías de interés».

<input type="checkbox" name="Color1" value="Rojo">

<input type="checkbox" name="Color2" value="Verde">

<input type="checkbox" name="Color3" value="Azul">

BUTTON

El elemento HTML <input type="button"> es una versión específica del elemento <input>, que se usa para crear un botón en el que se puede hacer click sin ningún valor por defecto, es decir, no tiene un comportamiento predeterminado como por ejemplo <input type="reset"> .

Programación Web

¿Qué es?

La programación web sirve para crear páginas y sitios en Internet. Para poder hacerlo, se utilizan distintos lenguajes específicos que permiten desarrollar la creatividad humana. Estos lenguajes se fundamentan en la posibilidad de enlazar a través de hipervínculos distintas páginas web, lo que genera la interconexión que conocemos hoy como Internet.

Gracias a la programación web en Internet, los servidores comenzaron a adaptarse a estas nuevas tecnologías y lenguajes y mejorar sus servicios. Esto ha permitido la generación de un diálogo online con los usuarios, de manera que estos puedan recibir la información más rápido y eficientemente. ¿Cómo se puede conseguir esto? Usando distintos lenguajes, los cuales pasamos a contarte a continuación.

Lenguajes para la Programación Web

PHP

Este lenguaje es de código abierto y se usa mucho debido a su capacidad de incrustarse en HTML. El código se ejecuta en el servidor web, después genera HTML y, finalmente, se envía al cliente. Se considera un código seguro y confiable y está principalmente enfocado al desarrollo de aplicaciones web dinámicas

Perl

Este lenguaje práctico permite extraer información de archivos de texto y generar informes a partir de su contenido. Está especialmente extendido a la hora de construir aplicaciones CGI para web. Se considera uno de los lenguajes más sencillos, es muy eficiente y de alto rendimiento. Sin embargo, uno de sus contras más destacados es que puede ser difícil de leer.

Java

Java es un lenguaje de código abierto cuya popularidad es indiscutible. Se comercializó por primera vez en 1995 y está detrás de muchas webs, apps, consolas, móviles… Si tienes un smartphone Android, tienes que saber que es Java quien impulsa este sistema operativo. Este software destaca por ser de distribución libre y multiplataforma, pero tiene una ejecución lenta y un difícil aprendizaje.

C++

Este lenguaje permite manipular objetos y tiene como base el lenguaje C. Está considerado como uno de los lenguajes de programación multiparadigma. Entre sus principales ventajas encontramos que es muy didáctico, permite programar con múltiples estilos y admite la compilación del código en múltiples plataformas. Sin embargo, es complejo a la hora de programar bases de datos, no está recomendado para páginas web y es más pesado que otros programas parecidos.

C#

C# fue creado por Microsoft y se diseñó para ejecutarse en la plataforma .NET. Sirve para desarrollar juegos, servicios web XML, componentes distribuidos… Su sintaxis tiene un gran reconocimiento, su lenguaje es potente y soporta la mayoría de los paradigmas. No obstante, tiene una curva de aprendizaje muy elevada y no hay una documentación apropiada al respecto de esta herramienta.

JavaScript

Terminamos esta breve lista mencionando el lenguaje de programación más importante: JavaScript. Lo utilizan un 80% de los desarrolladores y está presente en cerca del 95% de sitios web. Es un lenguaje ligero, multiplataforma, estructurado y orientado a objetos y eventos. Es seguro y fiable, además de compatible con la mayoría de navegadores.

Sin embargo, presenta algunos puntos débiles: no proporciona muchos recursos, soporta mal el 3D, puede ser vulnerable y antes de procesar el código es necesario descargarlo.

Herencia y polimorfismo

 En Javascript

Herencia

La herencia, en términos simples, es como construir a partir de cimientos ya existentes. Imagina que tienes un conjunto de piezas de LEGO y decides crear una nueva estructura utilizando algunas de estas piezas.

La herencia en la programación sigue un principio similar, permitiéndote definir nuevas clases basadas en clases previamente existentes, aprovechando y extendiendo su funcionalidad. Así, puedes ahorrar tiempo y esfuerzo al reutilizar código ya probado y adaptarlo a tus necesidades, proporcionando una base sólida para tu programa.

Polimorfismo

El polimorfismo es la capacidad de un objeto para adquirir múltiples formas o comportamientos. Volviendo a nuestra analogía LEGO, es como tener una pieza que puede encajar en varios lugares o tener varios usos según el contexto.

En la programación, esto se traduce en la habilidad de una clase para implementar métodos con el mismo nombre pero con comportamientos distintos, dependiendo de la clase específica con la que se esté interactuando. Esto añade flexibilidad y extensibilidad a tu código, permitiendo adaptarse a diferentes situaciones y requerimientos.

Programación Orientada a Objetos

La Programación Orientada a Objetos (POO) es un paradigma de programación, es decir, un modelo o un estilo de programación que nos da unas guías sobre cómo trabajar con él. Se basa en el concepto de clases y objetos. Este tipo de programación se utiliza para estructurar un programa de software en piezas simples y reutilizables de planos de código (clases) para crear instancias individuales de objetos. 

A lo largo de la historia, han ido apareciendo diferentes paradigmas de programación. Lenguajes secuenciales como COBOL o procedimentales como Basic o C, se centraban más en la lógica que en los datos. Otros más modernos como Java, C# y Python, utilizan paradigmas para definir los programas, siendo la Programación Orientada a Objetos la más popular. 

Con el paradigma de Programación Orientado a Objetos lo que buscamos es dejar de centrarnos en la lógica pura de los programas, para empezar a pensar en objetos, lo que constituye la base de este paradigma. Esto nos ayuda muchísimo en sistemas grandes, ya que en vez de pensar en funciones, pensamos en las relaciones o interacciones de los diferentes componentes del sistema.

Un programador diseña un programa de software organizando piezas de información y comportamientos relacionados en una plantilla llamada clase. Luego, se crean objetos individuales a partir de la plantilla de clase. Todo el programa de software se ejecuta haciendo que varios objetos interactúen entre sí para crear un programa más grande.