by joulco _virtual

Tienes más en: https://investigacionesoperativas.blogspot.com/

En este curso usamos las etiquetas HTML (el último estándar era (año 2020) el HTML5), usamos alguna librería JS, algún código JAVASCRIPT y algún código CSS.👌 (Ojo!!! somos poco ortodoxos y las usamos indistintamente).

Nuestras máquinas (computer) usan el protocolo TCP / IP (no te preocupes por esto, solo es el estándar para entenderse entre sí estas máquinas).

Hagamos un sucinto comentario de lo qué es INTERNETE 👀:

No es más que un conjunto de redes de comunicación enlazadas entre sí.

De varios servicios que ofrece Internet, solo usaremos la Web o WWW (desarrollada entre marzo de 1989 y diciembre de 1990).

Cuando escribes una dirección al cliente (URL de tú navegador), este la remite al servidor Web, mandándote los datos solicitados. Todo esto mediante los estándares implementados. No te explicamos el proceso que se sigue.

Puedes buscar más información por la WWW (Hipertexto, protocolos, distintos servicios, lo que se te ocurra, etc).

Asegúrate que tu navegador tenga habilitado JavaScript.

El Grupo de investigación usa el navegador Google Chrome.

En general usamos cualquier editor de texto sin plantilla, pero para esta ocasión (y para este curso facilote) usamos algún editor gratuito con plantilla. Nos descargamos, el que quieras, el motivo de esto es que usando la plantilla que tiene grabada el editor es más difícil cometer un error y el computer nos devolverá el resultado correcto.

Te dejaremos en un Anexo, una lista de palabras clave, para que experimentes y escribas tús propios programas.

Entra en tú buscador de Software y te descargas un editor de páginas Web (gratuito).

Te saldrá una plantilla y multitud de opciones, algo así:

<!DOCTYPE html>

<html>

</html>

No te preocupes si no es igual lo que te aparece en tú pantalla.

👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀

Empecemos con las etiquetas HTML, tienen esta forma:

<html>

</html>

👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👂👂👂👀👀👀👀👀👀👀

Probemos nuestro primer programa.

1) Abre el editor HTML

2) Escribe esto entre head y body

<html>

<head>

<title>Título</title>

</head>

<body>

<h1>Subtítulo</h1>

<p>Texto</p>

</body>

</html>

Como vemos todas las etiquetas empiezan y terminan con la misma acción y van entre corchetes, queremos decir esto:

El código empieza con:

<...> y acaba con:

</...>

<html></html> o bien cualquier otra <title></title> u otra:

Y así con el resto.(Compruébalas).

Si necesitamos hacer comentarios los colocaremos entre las etiquetas <! - ... -> y así el navegador ignora nuestro comentario (esto solo nos sirve mientras programamos).

La etiqueta <title></title> solo sirve para definir un título en la barra de herramientas del navegador.

<html>

<head>

<! - Título ->

<title>Título</title>

</head>

<body>

<! - Subtítulo ->

<h1>Subtítulo</h1>

<p>Texto</p>

</body>

</html>

Siempre usaremos letras con números para guardar los archivos (ej. "curso1.html"):

No usaremos otros caracteres para nombrar los archivos y siempre sin acento).

Haz "click" sobre "curso1.html" o cómo lo llames.

Te aparece esto:

Subtítulo

Texto

¿Es muy sencillote?, ¿verdad?. ¿Pero dónde está Título?. 💔

Prueba:

<html>

<head>

<title>Título</title>

</head>

<body>

</body>

</html>

Guárdalo en "curso1_1.html" o cómo lo llames.

Haz "click" sobre "curso1_1.html" o cómo lo llames.

Te aparece esto:

Vaya. ahora no aparece na de na.

La etiqueta <title></title> define el título "Título" en la barra de herramientas del navegador y no aparece en la página Web.

Prueba:

<html>

<head>

<title>My página Web</title>

</head>

<body>

<h2>Subtítulo</h2>

<p>Texto</p>

</body>

</html>

Lo guardamos como:

Lo guardas dónde quieras y le pones el nombre que quieras.

El Grupo lo guarda en "escritorio", con el nombre:

curso1_2. html

Haz "click" sobre "curso1_2.html".

¿Qué te aparece en la pantalla?:

la cabecera

Título

Subtitulo

Texto

Un texto siempre se alinea, por defecto, a la izquierda de la página Web.

Hay varias etiquetas h, hasta (6).

Las <h></h> que indican la cabecera de tú página Web (se usan para jerarquizar el contenido de la página Web).

Además de las etiqueta <h></h> hemos aprendido a introducir texto mediante un salto de línea con las etiquetas <p></p>

Revisa el software anterior buscando estas etiquetas.

Ahora le añadiremos más contenido.

😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎

Vamos a mezclarlo con funciones JavaScript, explicamos como agregar texto e imágenes de JavaScript en el HTML de una página Web:

1.- document.write() (su resultado es lento).

2.- document.getElementById("IDENTIFICADOR").innerHTML

Javascript es un lenguaje del lado del cliente. En un principio JavaScript no era un lenguaje, con el paso del tiempo JavaScript se ha convertido en un lenguaje de programación propio.

Aquí lo usamos para añadir características dinámicas a la página Web (añadir botones como en una red social, animación, fotos, imágenes, base de datos, etc).

JavaScript distingue entre mayúsculas y minúsculas.

Utiliza la misma plantilla que el editor HTML:

<html>

</html>

Un <script de JavaScript> no se puede colocar en cualquier parte del documento.

Se añade entre los <body>"código JavaScript"</body>

El código JavaScript queda entre las etiquetas, <script> </script>, de esta forma:

<html>

<body>

</body>

</html>

Lo guardamos como:

Lo guardas dónde quieras y le pones el nombre que quieras.

El Grupo lo guarda en "escritorio", con el nombre:

curso1_3. html

Haz "click" sobre "curso1_3.html".

¿Qué te aparece en la pantalla?:

código JavaScript

<p id="IDENTIFICADOR"></p> hace que un elemento sea único para su uso posterior.

Prueba:

<html>

<body>

document.getElementById("IDENTIFICADOR").innerHTML = "Texto en JavaScript";

</script>

</body>

</html>

👀👀👀👀

El texto ponlo entre comillas. Mira:

<html>

<body>

document.write("Texto en JavaScript");

</script>

</body>

</html>

Haz "click" sobre "curso1_4.html".

Ahora que ya sabes más repasa programas anteriores.

👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀

Cambiar formato (colores, formas, tipografía, etc) con HTML:

Más adelante veremos que también se puede hacer con CSS

> insertar una línea horizontal separadora, <hr></hr>:

<html>

<head>

<title>My página Web</title>

</head>

<body>

<h2>Subtítulo</h2>

<p>Texto</p>

</body>

</html>

Haz "click" sobre "curso1_5.html". Te aparece una línea fina entre las palabras Título y Subtitulo:

Título

〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰

Subtítulo

<html>

<head>

</head>

<body>

<p> Línea de 10000 pixel de largo</p>

<h2>Subtítulo</h2>

<p>Texto</p>

</body>

</html>

Lo guardamos.

Haz "click" sobre "curso1_6.html".

Te aparece una línea fina de determinada longitud entre las palabras Título y Subtitulo.

Las líneas horizontales se alinean, por defecto, en el centro de la página Web.

<html>

<head>

</head>

<body>

<p> Línea de 1000 pixel de largo</p>

<h2>Subtítulo</h2>

<p>Texto</p>

</body>

</html>

Lo guardamos.

Haz "click" sobre "curso1_7.html".

Te aparece una línea fina de determinada longitud entre las palabras Título y Subtitulo pero empieza a la derecha de la página Web, no en el centro.

💣💣💣💣💣💣💣💣💣💣💣💣💣💣💣💣💣💣💣💣💣💣

👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀

Ahora aprendemos a hacer marquesinas, sí, aún se sigue usando, no es lo normal (suele estar bien para anunciar algo importante de tú página Web).

Aquí lo usamos para nuestro título:

<html>

<head>

<title>My página Web</title>

<marquee>My página Web</marquee>

</head>

<body>

<h2>Subtítulo</h2>

<p>Texto</p>

</body>

</html>

Probemos con un monigote:

<html>

<head>

<title>My página Web</title>

</head>

<body>

<h2>Subtítulo</h2>

<p>Texto</p>

</body>

</html>

Lo guardamos.

El Grupo lo guarda en "escritorio", con el nombre:

curso1_8. html

Haz "click" sobre "curso1_8.html".

¿El programa siguiente imprime 2?:

<html>

<body>

document.write( 1 + 1 );

</script>

</body>

</html>

En JavaScript hay que definir previamente las variables:

La palabra clave let es una forma de definir las variables. También var

Pon el signo "+" para usar una variable, en lugar de texto.

¿Qué ocurre aquí?. Fíjate:

<html>

<body>

var X = 1;

var Y = 1;

var Z = X + Y;

document.getElementById("IDENTIFICADOR").innerHTML = "Resultado: " + Z;

</script>

</body>

</html>

¿Qué ocurre si quitas + Z?

Ahora que ya sabes más repasa programas anteriores.

Operación IF / ELSE en Javascript:

IF es una de las órdenes más utilizadas para tomar una decisión.

Como siempre el código JavaScript queda entre las etiquetas, <script> </script>, de esta forma:

<html>

<body>

if (código JavaScript, operador, etc) {"resultado" }

</script>

</body>

</html>

Operadores de comparación:

Igual (==)

Estrictamente igual (===)

Desigualdad estricta (!==)

Mayor que (>)

Mayor o igual que (>=)

Menor que (<)

Menor o igual (<=)

<html>

<body>

var V=300000

var C=300000

if (V == C) {document.write("La velocidad de la Luz es de 300000 Km / s ")}

</script>

</body>

</html>

ELSE se pone si no se cumple la condición:

<html>

<body>

var V=300000

var C=300000

if (V == C) {document.write("La velocidad de la Luz es de 300000 Km / s ")}

else{ document.write("La velocidad de la Luz no es de 300000 Km / s en el Eter")}

</script>

</body>

</html>

Investiga, haz otras pruebas con otras etiquetas. Es algo que resultará útil (en un futuro).

Ahora que ya sabes más repasa programas anteriores.

👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀

Vamos a introducir los códigos CSS para dar formato

a elementos individuales y a toda la página Web:

Los códigos CSS son los que le dan aspecto general a toda la página (colores,formas), aunque este formato también se puede dar con etiquetas HTML o JavaScript (como hemos visto).

Si en el futuro queremos cambiar el formato, iremos modificando línea a línea si es necesario.

Podemos darle formato a un programa de los anteriores.Tenemos el código, <hr style>:

probemos a ponerle el ancho y largo que queramos, <hr style="height:20%">

¿Hay 2 líneas?, haced variaciones y jugad (convertid las dos líneas en una).

<html>

<body>

<p>Una línea horizontal hecha con CSS :</p>

</body>

</html>

Lo guardamos como:

Lo guardas dónde quieras y le pones el nombre que quieras.

El Grupo lo guarda en "escritorio", con el nombre:

curso1_9. html

Haz "click" sobre "curso1_9.html".

Prueba quitándole ;background-color:red

Investiga más Tags (futuro anexo).

Ahora que ya sabes más repasa programas anteriores.

👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀

Bucle, for:

Hacer algo hasta que se cumpla una condición.

<html>

<body>

let RESULTADO = "";

for (let X = 1; X < 3; X++) document.write( X )= RESULTADO ;

</script>

</body>

</html>

Variable X, RESULTADO

El bucle empieza con X = 1, el bucle funciona hasta que X<3, el bucle aumenta cada vez X++

No se cumple (porque X siempre es 1).

Fíjate:

<html>

<body>

let RESULTADO = "";

for ( let X = 1; X < 3; X++ ) { RESULTADO += + X + "<br>"; }

document.getElementById("IDENTIFICADOR").innerHTML = RESULTADO ;

</script>

</body>

</html>

Por qué cumple?

Ahora que ya sabes más repasa programas anteriores.

👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀

Matrices(unidimensionales):

Una matriz contiene varios valores o variables con un número de referencia. Se accede a esos valores a través de esa referencia .

En JavaScript todas las matrices (unidimensionales) son indexadas.

<html>

<body>

const ABC = ["a", "b", "c"];

document.getElementById("IDENTIFICADOR").innerHTML = ABC;

</script>

</body>

</html>

¿const ABC = ["a", "b", "c"]; es la matriz?:

El algoritmo considera que el valor "a" es el primero dentro de la matriz, luego "b" como el segundo y así sucesivamente:

<html>

<body>

const ABC = ["a", "b", "c"];

document.getElementById("IDENTIFICADOR").innerHTML = ABC[0];

</script>

</body>

</html>

O también:

<html>

<body>

const ABC = ["a", "b", "c"];

document.getElementById("IDENTIFICADOR").innerHTML = ABC[1];

</script>

</body>

</html>

Haz tus propias pruebas.

👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀

Veamos las listas sin ordenar y con viñetas:

<html>

<head>

<title>My página Web</title>

<marquee>My página Web</marquee>

</head>

<body>

<ul>

<li>Texto1</li>

<li>Texto2</li>

</ul>

</body>

</html>

Hagamos algún experimento, variando etiquetas a nuestro gusto:

<html>

<head>

<title>My página Web</title>

<marquee direction="right" height="2%">My página Web</marquee>

</head>

<body>

<h2>Subtítulo</h2>

<p>Texto</p>

</body>

</html>

Haced variaciones y jugad.

<html>

<head>

<style>

p { color: red;}

</style>

<title>My página Web</title>

<marquee direction="right" height="2%">My página Web</marquee>

</head>

<body>

<h2>Subtítulo</h2>

<p>Texto</p>

</body>

</html>

Lo guardamos como:

Lo guardas dónde quieras y le pones el nombre que quieras.

El Grupo lo guarda en "escritorio", con el nombre:

curso1_10. html

Haz "click" sobre "curso1_10.html".

👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀

Veamos las listas numeradas:

<html>

<head>

<title>My página Web</title>

<marquee>My página Web</marquee>

</head>

<body>

<ol>

<li>Texto1</li>

<li>Texto2</li>

</ol>

</body>

</html>

Otro experimento:

<html>

<head>

<style>

p1 { color: red;}

p2 { color: blue;}

p3 { color: red;}

</style>

<title>My página Web</title>

<marquee direction="right" height="2%">My página Web</marquee>

</head>

<body>

<h1>Título</h1>

<h2>Subtítulo</h2>

<p1>Texto</p1>

<p2>Texto</p2>

<p3>Texto</p3>

</body>

</html>

Lo guardamos como:

Lo guardas dónde quieras y le pones el nombre que quieras.

El Grupo lo guarda en "escritorio", con el nombre:

curso1_11. html

Haz "click" sobre "curso1:11.html".

Observa que cada <p> lleva asociada un número y un color.

<ol> </ol>, etiquetas para crear una lista ordenada

<ul> </ul>, etiquetas para crear una lista desordenada

<li> </li>, etiquetas que recogen el contenido de un elemento de una lista, sea ordenada o no.

Ahora que ya sabes más repasa programas anteriores.

💀💀💀💀💀💀💀💀💀💀💀💀💀💀💀

Ahora ya sabemos un poco más, recapitulemos:

<!DOCTYPE html>, indica al navegador que el documento está basado en el estándar HTML

<html></html> , encierra todo el contenido de la página Web.

<head></head>, incluye todo lo que quieras que no sea visible a los visitantes de la página web (títulos, formato de código, estilos, código CSS, juego de caracteres).

👀👀👀👀👀

<body></body>, encierra el contenido que deseas mostrar a los visitantes de la página Web.

👀👀👀

Hay 6 etiquetas <h></h> que indican la cabecera de una página Web (se usan para jerarquizar el contenido de la web).

Hemos aprendido a introducir un salto de línea con las etiquetas <p></p> con texto.

<hr> línea horizontal en HTML.

<hr style> para códigos CSS en línea.

<br></br>,escribe texto e introduce un solo salto de línea, no añade espacios entre párrafos.

👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀

Empecemos con las tablas (nos sirven para ubicar elementos tanto en fila como en columna):

Lo primero es definir <table>,

luego número de filas que tiene la tabla con <tr> ,

número de columnas que tiene la tabla con <td>,

para definir el encabezado (interior de esa celda) con <th>

<html>

<table>

<body>

<tr>

<th>celda1</th>

<th>celda2</th>

<th>celda3</th>

</tr>

</table>

</body>

</html>

¿El anterior programa está bien escrito?

💣💣💣💣💣💣💣💣💣💣💣💣💣💣💣💣💣💣💣💣💣💣💣

<html>

<head>

<style>

table, th, td { border: 4px solid red; border-collapse: collapse; }

</style>

</head>

<body>

<table>

<tr>

<th>celda1</th>

</tr>

</table>

</body>

</html>

Fíjate, ahora si aparecen los bordes de la cabecera.

<html>

<body>

<tr>

<th>celda1</th>

<th>celda2</th>

<th>celda3</th>

</tr>

</table>

</body>

</html>

Dentro de cada celda organizamos y posicionamos los distintos elementos de la página Web.

<html>

<head>

<style>

table, th, td { border: 4px solid red; border-collapse: collapse; }

</style>

</head>

<body>

<table>

<tr>

<th>celda1</th>

</tr>

</table>

</body>

</html>

Añadir filas y columnas: Experimenta (imagina cómo se hace):

<html>

<head>

<style>

table, th, td { border: 1px solid lime; border-collapse: collapse; }

</style>

</head>

<body>

<table>

<tr>

<th>Celda 1</th>

<th>Celda 2</th>

</tr>

<tr>

<td>Celda 3</td>

<td>Celda 4</td>

</tr>

</table>

</body>

</html>

Lo guardamos.

curso1_12. html

Haz "click" sobre "curso1_12.html".

Experimenta con formatos dentro de las celdas.

Nosotros la usamos bastante para botones de "Envio" en formularios.

👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀

Vamos con los formularios:

Los formularios permiten que el visitante se ponga en contacto ( por ejemplo puede proporcionar datos para una tienda virtual).

Para que nosotros o cualquier visitante pueda enviar y recibir información es necesario que un servidor procese los datos a través de un lenguaje informático como el PHP.

Un formulario también lo podéis programar directamente en PHP o mediante JavaScrtpt, si queréis usar otro método.

Aquí solo veremos el método "POST" (los datos enviados no serán visibles en la dirección de la página).

La estructura de un formulario siempre es:<form> </form>, encierra todo el contenido de un formulario .

1.- Inicio con la etiqueta <form>

2.- Introducción de datos (que se enviarán a través de los controles).

3.- Botones de envio (puede ser almacenando la información o mediante correo electrónico).

4.- Y cierre con la etiqueta </form>.

💁💁💁💁💁💁💁💁💁💁💁💁💁💁💁💁💁💁💁💁💁💁💁💁💁💁

1.- Inicio:

👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀

2.- Controles:

Existen varios, investiga y experimenta.

<label> </label>, define el título de un control del formulario.

<input>, introducción de datos tecleándolos un visitante.La función se asigna a su atributo type.

<input>, espera que el visitante introduzca texto.

Puedes darle un máximo de carácteres.

<select> </select>, introducción de datos tecleándolos un visitante, entre una selección de opciones.

<select>, introducción de datos entre una serie de opciones, cada una de las opciones se representa con la acción <option> y <value>

<button> </button>, representa un botón en un formulario de una página Web.

<textarea> </textarea>,campo para introducir una cantidad de carácteres de texto.

👀👀👀👀👀👀👀

3.- Envio del formulario:

👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀

<html>

<body>>

<! - Pequeño programa auxiliar en PHP ->

<p>Nombre y apellidos:</p>

<p>Selecciona:</p>

<option value="opcion1">Opción 1</option>

<option value="opcion2">Opción 2</option>

<option value="opcion3">Opción 3</option>

</select>

<p>Texto:</p>

<textarea name="" rows="2" cols="25">Aquí puedes escribir un texto de 2 líneas

y 25 columnas</textarea>

<button type="submit">Enviar</button>

</form>

</body>

</html>

Lo guardamos como:

Lo guardas dónde quieras y le pones el nombre que quieras.

El Grupo lo guarda en "escritorio", con el nombre:

curso1_13. html

Haz "click" sobre "curso1_13.html".

¿Se puede resetear?, investigalo.

🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃

Creación de Hipervínculos:

Un hipervínculo es un enlace que puede saltar a otra página Web, dentro del mismo documento o saltar a otro documento (una imagen, un archivo multimedia, dirección de correo electrónico, un programa, un documento dentro de la misma página Web).

1.- Marcadores / Hipervínculos locales:

<html>

<head>

<style>

table, th, td { border: 4px solid red; border-collapse: collapse; }

</style>

</head>

<body>

<table>

<tr>

<th>Celda 1</th>

<th>Celda 2</th>

</tr>

<tr>

<td>Celda 3</td>

<td>Celda 4</td>

</tr>

</table>

<a href="#nombre">Marcador</a>

</body>

</html>

Al hacer "clik" en "Marcador" nos vuelve a llevar a las celdas.

1.- Hipervínculos de texto:

<html>

<head>

<title>My página Web</title>

<marquee>My página Web</marquee>

</head>

<body>

<ol>

<li>Hipervínculo de texto:</li>

</ol>

</body>

</html>

2.- Hipervínculos de gráficos:

<html>

<head>

<title>My página Web</title

<marquee>Haz clik en el gráfico</marquee>

</head>

<body>

</body>

</html>

3.- Hipervínculos de correo electrónico:

<html>

<head>

<title>My página Web</title

</head>

<marquee>Haz clik en enviar</marquee><body>

<a href="mailto:correo@outlook.com">enviar correo electrónico</a>

</body>

</html>

Llama a una función, oprimiendo encima de la palabra (función onclick), y que devuelva la fecha ( Date () u otra función):

<html>

<body>

<button type="button"

onclick="document.getElementById('FECHA').innerHTML = Date()"> Click.</button>

</body>

</html>

💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢💢

Imágenes en las páginas Web:

Los gráficos que se usan en las páginas Web son del tipo JPG, GIF

src, especifica la ruta para llegar a una imagen.

alt, especifica las características de una imagen, describe la imagen si el navegador no puede encontrar la imagen, mostrará el texto alternativo:

<img>, incrusta (vincula) una imagen en una página Web.

Desde archivo:

<html>

<body>

</body>

</html>

No se ve muy bien. Usa width y height, para aumentar o disminuir los Pixel.

Prueba:

<html>

<body>

</body>

</html>

Desde otro sitio web:

<html>

<body>

</body>

</html>

Investiga, incrusta: vídeos, imágenes en movimiento.

Aquí continuamos con PHP, https://aspjavascript.blogspot.com/

Existen tecnologías con las que también se puede desarrollar una página Web con HTML, CSS y JavaScript como la ASP. ASP sirve para crear aplicaciones dinámicas en Internet (ASP no es un lenguaje de programación en sí mismo).

Hay tecnologías similares como es la PHP (que es el lenguaje más utilizado para el desarrollo de aplicaciones Web del lado del servidor).

La información general de ASP.NET y descarga necesaria

la puedes obtener de la página Web:https://docs.microsoft.com/eses/aspnet/overview

www.php.net

Aquí continuamos con PHP, https://aspjavascript.blogspot.com/