Saltar navegación

DWEC 14/10/2026 - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 14 de octubre de 2026 por Eduardo R.

1 visualizaciones

Más información Transcripción

Descargar la transcripción

Vamos a programarnos un ejercicio que nos pida unos valores, nuestro nombre, nuestro apellido y que lo saque por pantalla. 00:00:04
De acuerdo, con lo cual vamos a ver, vemos que aquí no se ve, ponemos un index y vemos que no podemos tocar la extensión. 00:00:20
Vamos a entrar aquí en configuración, un poco, ver, mostrar, extensión de nombre de archivos, tenemos aquí, ponemos html, abrir com, bueno y tenemos ahí visual studio code, bueno lo abro directamente, ya está, abro el visor, vale. 00:00:30
ahora, vamos a poner el código, html, cierra html, la cabecera, cierra la cabecera, le ponemos un título, pedir datos, ponemos el cuerpo, vale, input, un input tipo, 00:01:35
vamos a ver, necesitaríamos 00:02:43
¿qué necesitamos? 00:02:55
un script para estar llamando 00:02:57
dirección, no vamos a ponerlo 00:02:58
en otra carpeta 00:03:05
lo copiamos 00:03:06
y ponemos aquí un script 00:03:08
y está aquí para el apellido 00:03:12
vamos a ver que tal va quedando 00:03:24
vale, me hace falta 00:03:46
cerrarlo 00:03:55
bueno, vamos a ir a 00:03:58
apellido de autoridad 00:04:35
enviar 00:04:35
salvar 00:04:38
vamos a ver que tal va quedando 00:04:46
vale, le queda por ahí un poco 00:04:48
¿qué tal Manuel? 00:04:54
bueno, pues estaba grabando 00:05:17
un pequeño ejercicio 00:05:18
¿cómo se llama esto? 00:05:19
de que tenemos 00:05:22
unos campos de texto 00:05:24
¿de acuerdo? nombre, apellido 00:05:26
le damos al botón 00:05:28
enviar y que salga 00:05:31
un alert 00:05:33
a ver si os dais cuenta 00:05:34
es que la mayoría del temario tampoco 00:05:57
en estos niveles suelen ser más 00:05:59
más 00:06:02
¿cómo se llama esto? 00:06:03
daros cuenta de 00:06:05
a ver, ¿dónde está aquí? 00:06:07
aquí, que el primer tema 00:06:11
de acuerdo, que tenemos puesto 00:06:13
pues es 00:06:15
la mayoría es 00:06:17
teoría, y el ejercicio 00:06:19
como hemos dicho, va a ser de tipo 00:06:21
práctico 00:06:23
de acuerdo, va a ser sencillito 00:06:24
y bueno, pues 00:06:26
bueno, no sé si es primer tema 00:06:30
pero bueno, tendremos que poner algunas preguntas 00:06:32
tal, y 00:06:33
cosas sencillitas 00:06:35
de acuerdo, y 00:06:37
aquí lo único que viene un poco es como estar instalando 00:06:39
el visor 00:06:42
y un poco como 00:06:42
conectar el HTML 00:06:46
con el Javascript 00:06:47
y digo, pues ya que estamos 00:06:51
aquí, si, a ver 00:06:53
al final el examen le he dicho que vamos a hacer unas pequeñas una pequeña unos pequeños cambios 00:07:01
de acuerdo con respecto al año pasado pues si lo tienes aquí pues lo quieres alguno de 00:07:08
acuerdo este es uno de los visores que se puede estar utilizando de acuerdo vale bueno vamos a 00:07:20
entonces tenemos aquí en enviar y deberíamos de crear este escrito aquí vamos a esto yo lo 00:07:35
he hecho en php vamos a ver con javascript con sexto haber recogido una variable es el 00:07:56
javascript cuando la envía de un archivo a otro cometiendo la centro del mismo de un mismo de 00:08:03
mismo archivo ahora deberíamos de coger para tenemos aquí la función enviar y yo le estaba 00:08:10
pensando yo lo había pensado era pasarlo por parámetro pero no sabía poder esto se suele 00:09:30
hacer más en php a ver como un formulario si exactamente es un formulario estoy creando un 00:09:38
formulario lo tengo por aquí de acuerdo pondré aquí el nombre lo que pasa es que esto no debería 00:09:47
ser por javascript porque javascript sería para para validar el formulario y cuando le damos al 00:09:56
clic lo debemos de estar recogiendo por javascript sí perdón este ejercicio es para php no es para 00:10:09
javascript, php, a ver, javascript valdría para validar el formulario, no para enviar 00:10:19
los parámetros, venga, pues vamos a hacer, vamos a ver, ¿cómo vamos a proteger que 00:10:33
ponga a lo mejor bien el nombre, el apellido, vamos a validar un formulario, entonces sería 00:10:52
mejor. Nombre, apellido. Bueno, ya está puesto así. Sí, exactamente. Bueno, de hecho deberíamos de... ¿Cómo se llama esto? Podríamos empezar también 00:10:57
con algo así, pero Nuria no ha dado HTML. Vale. Vale, tenemos un formulario. Vamos a quitar esto por aquí. Vamos a ver. Tenemos un formulario. 00:12:26
por esperar esté mirando a ver el botón enviar que no está puesto este código validar dónde 00:14:04
está la función validar aquí tipo tipo subir enviar vale es esta de aquí esta línea un 00:14:23
solito bueno pues con esto a ver durian durian bueno pues ahora estamos viendo vamos a ver un 00:14:35
poco en cuestión de temario ahora mismo solamente lo validamos en javascript pero luego también hay 00:16:00
que hacerlo con php en la siguiente que tengamos aquí estamos por aquí ahora mismo cuando la 00:16:08
vayamos a enviar el vuelo le demos al botón enviar se va a validar una vez con javascript es decir lo 00:16:26
vamos a validar aquí pero luego esto se va a tener que enviar a una página página 2 punto php por 00:16:33
ejemplo de hecho está de ser php y en la segunda página el que lo recibe h2 recuerdo página 2 php 00:16:44
Debería también validar, vamos a echar un vistazo al código, tenemos una variable que hemos puesto que se llame edad, le ponemos un let para indicar que es una variable en javascript 00:16:56
bueno antes que nada estamos en el código javascript y tenemos aquí la función validar 00:17:42
qué es cuando lo hacemos el subir cuando hagamos un clic en el botón de enviar se llama a validar 00:17:54
en este caso sólo tenemos una variable que es la edad de acuerdo y qué es lo que hacemos cogemos 00:18:03
el elemento y cogemos el elemento cuya etiqueta sea edad que está aquí y lo que cogemos es su 00:18:13
valor en otras palabras una pregunta vosotros habéis utilizado javascript vale vale vale pues 00:18:26
vamos a ver un poco si tenéis razón porque estoy aquí hablando un poco así un poco más voy a y 00:18:53
vamos a verlo también un poco de forma gráfica vamos a ver aquí aquí está bueno pues aquí tenemos 00:19:04
nuestro formulario lo vemos aquí y vemos aquí el nombre el apellido la edad de acuerdo tenemos aquí 00:19:21
el de la edad 00:19:33
vamos a ver 00:19:37
que no los que alguien 00:19:41
pone en el campo edad y pone mil años 00:19:42
¿de acuerdo? 00:19:45
¿qué pasaría con eso? 00:19:49
si cojo yo aquí 00:19:51
y pongo una edad 00:19:52
mil años 00:19:53
porque eso se debería de controlar 00:19:55
de alguna manera 00:19:59
¿de acuerdo? 00:20:00
¿cómo lo vamos a controlar? 00:20:02
con javascript 00:20:03
vamos a ver lo que se hace 00:20:07
bueno, vamos a cambiarlo 00:20:12
un poquito, de acuerdo, si no ya que tenemos aquí 00:20:20
un poco el este, tenemos aquí que poner 00:20:22
a, pero realmente 00:20:24
si, este es un formulario, pero 00:20:25
tienes que coger el valor 00:20:32
vamos a ver, tenemos aquí 00:20:33
y como cogemos este valor 1000 00:20:40
que hemos puesto aquí 00:20:42
vamos a borrar 00:20:43
un poco, aunque lo tenga luego en el otro lado 00:20:45
un momentito 00:20:47
vale, esto de aquí, vale, le damos aquí, aquí, lo borramos y vamos a dejar así un poco el código, hemos cogido, bien, ajá, convalúe, exactamente, 00:20:50
Entonces, decimos, venga, tenemos aquí puesto un poquito, venga, eduardo, rojo, tenemos ahí un mil, tenemos calle maestros y un correo electrónico, eduardo.rojo, que esto también podría cambiar, educa.madrid.org, ¿de acuerdo? 00:21:06
Y llegas aquí y me dejaría enviar un... que haya alguien que ha puesto que yo tengo mil años, ¿de acuerdo? 00:21:28
El que tenemos aquí, pues, no sé yo, sería que estuviera comprendido en un rango de edad, ¿de acuerdo? 00:21:37
Entonces, lo que hay que hacer es, vamos a ver que le dé a enviar, ¿de acuerdo? 00:21:45
Antes de que yo, por ejemplo, le dé ahora a enviar, ¿y qué ha pasado? 00:21:50
que me ha dejado enviarlo 00:21:54
bueno, pues lo que tendría que hacer 00:21:57
lo que hay en muchas páginas web 00:21:59
es controlar 00:22:00
que no me envíe 00:22:02
datos incorrectos 00:22:05
¿de acuerdo? 00:22:07
entonces, ponemos aquí 00:22:11
Eduardo, rojo 00:22:13
Sanchez, edad 00:22:15
perdón, mil años 00:22:17
dirección 00:22:19
maestros 00:22:21
y mi correo electrónico 00:22:24
y vosotros llegáis 00:22:25
y tenéis aquí en edad 00:22:33
que pone aquí como se llama 00:22:35
el identificador, que pone 00:22:36
fijaros, os paso aquí 00:22:38
este pequeño código 00:22:41
y cual es el que tenéis que coger 00:22:42
bueno, pues este de aquí es una etiqueta 00:22:45
bien 00:22:47
y lo que tenéis que poner 00:22:49
lo tenéis que mirar por 00:22:51
el identificador 00:22:53
de acuerdo, lo que importa 00:22:55
es a donde pone 00:22:57
y de edad 00:22:58
que se corresponde que es este cuadrito 00:23:00
el identificador de este cuadrito 00:23:03
y va a tener un valor 00:23:05
que es como lo ha dicho Nuria 00:23:06
que es donde pone 00:23:08
el value 00:23:10
¿de acuerdo? 00:23:11
entonces vamos a examinar 00:23:15
esta línea de código, ¿qué es lo que hacemos? 00:23:17
si, podríamos estar 00:23:26
cambiándole 00:23:28
cambiándole el tipo 00:23:28
no sé si nos daría algún tipo de 00:23:31
de problemas con creo que lo hace automáticamente la conversión en javascript si directamente le 00:23:37
metes un un número directamente lo coge a ver qué es lo que es lo que has puesto nuria coge 00:23:48
todos los ides igualedad en el documento y recoge su valor hombre lo suyo sería también estar 00:24:13
mirando del resto ahora mismo lo hemos hecho con uno pero lo suyo también sería estar comprobando 00:24:19
los todos bueno sería recoger todos los ides podías poner un foro que fuera recogiendo y que 00:24:24
fueran cada uno dando una vuelta aunque tampoco es muy grande y se podía hacer uno por uno los 00:24:34
sitios serían luego una vez que ya has puesto la edad estar comprobando a lo mejor todos uno 00:24:38
por uno bueno vamos a continuar entonces ya te dice estamos aquí documento elemento por edad 00:24:43
donde pone edad donde pone edad lo pone aquí y vamos a el valor esto es equivalente a poner 00:24:54
aquí bueno el valor que hay aquí dentro tenemos un mil y si ponemos un 20 sería un 20 venga vais 00:25:05
a probar un poco el momento del código y vamos a poner aquí edad y que me saque una leer a ver 00:25:18
el valor vamos a comprobar que el código este debería de funcionar estaba modificando el código 00:25:26
con el cual lo debería de cerrar lo deberíamos de abrir eduardo y rojo vamos a poner 20 maestro 00:25:37
Eduardo y aquí te permitiría 00:25:49
poner cualquier cosa si fijáis 00:25:51
porque no le he puesto ninguna validación 00:25:53
Javascript, le damos a enviar 00:25:55
y me debería de salir esta alerta 00:25:57
con el valor 20 00:25:59
que es el que tiene dentro 00:26:01
y aparece el 20 00:26:02
bueno, ahora lo ha enviado 00:26:05
y como no hay ninguna página en el action 00:26:10
la página 2.php 00:26:12
no existe 00:26:15
por eso no 00:26:15
por eso no aparece nada 00:26:17
Vamos a hacerlo ahora 00:26:20
Y vamos a dar la edad que esté comprendida en un valor real 00:26:29
¿Cómo pondríais que la edad estuviera 00:26:33
Comprendida entre a lo mejor 00:26:35
Un año y 100 años 00:26:38
Se podría hacer en el validar, ¿no? 00:26:41
Con un if, por ejemplo 00:27:04
Sí, exactamente 00:27:05
Es así como se hace 00:27:07
Ya tienes aquí el valor 00:27:09
Si te das cuenta, el valor que está aquí dentro 00:27:12
de acuerdo el valor que tienes aquí dentro que es este 20 pues lo hemos cogido antes sería común 00:27:14
y con él sí aunque meterlo aquí en html vas a meterlo en html te refieres a estar metiéndote 00:27:28
aquí dentro del código este a lo mejor sería otro tipo de nomenclatura en php vamos a comprobarlo 00:27:44
unir edad vamos a hacer una pequeña una pequeña prueba a ver edad mayor que 1 creo que es así y 00:28:00
edad menor que 100 es que me creó y lo decía por esto creo que este es el símbolo para para 00:28:29
javascript lo ponemos así y vamos a poner aquí un alert y ponemos por ejemplo si es 00:28:38
claro que se contesta el lenguaje de programación y luego si no lo miramos en internet en google 00:28:51
a ver que nos dice aler y pondríamos vamos a poner aquí edad correcta aunque lo sé yo sería 00:28:55
que si esa edad incorrecta a lo mejor lo podemos poner así mejor que pongo un alert y sería así 00:29:02
si pones si una edad que es mayor a lo mejor de 100 años porque ponga edad incorrecta aunque se 00:29:09
puede llegar vale que tendría un poco más de comprensión vamos a comprobar el código vamos 00:29:16
a ver le damos a recargar le ponemos aquí y bueno si no ponemos nada y ponemos por aquí 00:29:23
unerse edad correcta para que salga algo vamos a salvarlo le damos aquí y vamos a poner un 20 00:29:31
que vamos a enviar edad correcta vale se envía el formulario y vamos a ponerle una edad 110 00:29:53
y le vamos a darle ahora a enviar y te sale edad incorrecta bueno pues igual que hemos 00:30:04
estado que hemos estado validando la edad con javascript de acuerdo 00:30:13
también lo podemos hacer con el resto por ejemplo con el correo electrónico de acuerdo podemos 00:30:22
llegar aquí podemos exigir la longitud del correo electrónico o por ejemplo podéis programarlo el 00:30:28
el siguiente que sería para el teléfono por ejemplo que tendría el teléfono la longitud 00:30:36
de acuerdo que longitud tiene un teléfono un teléfono móvil pues podéis estar mirando la 00:30:45
longitud del teléfono los caracteres a ver que no me permita por ejemplo el número de teléfono 00:30:51
que ponga caracteres extraños en el email esto sería poniendo más funciones y huevos 00:31:02
hemos puesto perdonar igual bueno en esta función únicamente igual que hemos cogido la edad pues 00:31:10
ahora aquí pondríamos en vez de edad pues cogeríamos teléfono bueno ahí es poner el 00:31:18
este pero aquí pondría por ejemplo que lo pusiéramos en otro lado teléfono y tendrías 00:31:25
que poner aquí un nuevo campo. 00:31:33
Bueno, Núria, 00:31:47
¿tú ya habías hecho algo así? 00:31:47
David, ¿qué tal? 00:31:53
Bien, bien, bien. 00:31:56
Me he liado. Pensaba que era hoy... 00:31:58
Pensaba que era martes, mi febrero y fierro. 00:32:01
Con esto del lunes que era fiesta. 00:32:02
Sí, sí. Y bueno, ¿y esto ya lo habías hecho, David? 00:32:04
Bueno, esto más o menos 00:32:10
sí que lo he hecho... 00:32:11
Lo he practicado alguna vez. 00:32:13
No mucho. 00:32:16
Me he dejado escrita, pues, que sea fiera, 00:32:17
pero más o menos alguna cosa sí 00:32:19
sí que he hecho de hecho yo pensé por ejemplo yo pensaba seguir el correo electrónico sé que 00:32:21
bueno en vez de validar lo mejor con javascript sí que se puede utilizar con el propio input 00:32:26
puedes utilizar te partes type email me parece y ya automáticamente html ya te valida es un 00:32:35
correo electrónico correcto por ejemplo creo ahora mismo claro claro porque ahora estamos 00:32:42
en html5 sí claro es decir que también podéis estar utilizando lo que había comentado creo 00:32:48
que lo que han comentado antes de acuerdo de que en html también se puede hacer y para los 00:32:58
y para los de la edad me parece que también puedes poner un rango minimax no lo recuerdo 00:33:07
de tal forma también se debería también estar con un válido también como javascript las cosas 00:33:15
Pero bueno, es lo que dices tú, si ya en el HTML te lo permite, bueno, pues nada, el siguiente día continuamos con otra ejercicio más. 00:33:23
Pero bueno, ya estáis viendo un poco qué es lo que se está pidiendo un poco en el curso, que son pequeños ejercicios de este tipo. 00:33:37
Vale, y bueno, de hecho mañana, ¿no? Mañana a las 4 y 10. 00:33:48
Sí, a segunda hora. 00:33:51
Vale, vale. 00:33:55
Pues nada, si queréis el próximo día continuamos 00:33:56
un poco con el resto de los campos 00:34:01
Perfecto 00:34:03
Venga, hasta luego 00:34:09
Materias:
Informática
Etiquetas:
Redes locales
Niveles educativos:
▼ Mostrar / ocultar niveles
  • Formación Profesional
    • Ciclo formativo de grado básico
      • Primer Curso
      • Segundo Curso
    • Ciclo formativo de grado medio
      • Primer Curso
      • Segundo Curso
    • Ciclo formativo de grado superior
      • Primer Curso
      • Segundo Curso
Autor/es:
Eduardo Rojo Sánchez
Subido por:
Eduardo R.
Licencia:
Dominio público
Visualizaciones:
1
Fecha:
14 de octubre de 2026 - 20:24
Visibilidad:
Clave
Centro:
IES CIFP a Distancia Ignacio Ellacuría
Duración:
34′ 24″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
124.48 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid