1
00:00:00,180 --> 00:00:02,740
estamos hablando que los navegadores

2
00:00:02,740 --> 00:00:04,099
realmente se tragan todo

3
00:00:04,099 --> 00:00:06,400
pero a nosotros nos gustaría que nuestra página

4
00:00:06,400 --> 00:00:08,400
estuviera validada, fuera de verdad una hoja

5
00:00:08,400 --> 00:00:10,759
en condiciones, lo mismo nos va a pasar con las hojas de estilo

6
00:00:10,759 --> 00:00:12,080
y

7
00:00:12,080 --> 00:00:14,380
tenemos diversos programas

8
00:00:14,380 --> 00:00:15,300
para comprobar

9
00:00:15,300 --> 00:00:18,640
como se valida un lenguaje de marcas

10
00:00:18,640 --> 00:00:20,660
voy a ir a este enlace que ya lo tengo abierto aquí

11
00:00:20,660 --> 00:00:23,079
y voy a

12
00:00:23,079 --> 00:00:25,079
ver

13
00:00:25,079 --> 00:00:26,339
voy a intentar subir

14
00:00:26,339 --> 00:00:28,320
un fichero para

15
00:00:28,320 --> 00:00:30,679
que nos lo valide, ese fichero

16
00:00:30,679 --> 00:00:32,320
corresponde a esta información

17
00:00:32,320 --> 00:00:34,359
es un ejemplo que ya teníamos pero al cual

18
00:00:34,359 --> 00:00:36,380
hemos introducido algo que sabemos que está

19
00:00:36,380 --> 00:00:38,259
erróneo, aquí empieza la etiqueta

20
00:00:38,259 --> 00:00:39,859
P que vemos que finaliza aquí

21
00:00:39,859 --> 00:00:42,399
y sin embargo la etiqueta SPAN

22
00:00:42,399 --> 00:00:44,159
la hemos dejado aquí

23
00:00:44,159 --> 00:00:46,619
no están anidadas, no está una dentro de otra

24
00:00:46,619 --> 00:00:48,579
bueno, vamos a

25
00:00:48,579 --> 00:00:49,659
subir este ficherito

26
00:00:49,659 --> 00:00:52,119
vamos a subir este ficherito

27
00:00:52,119 --> 00:00:53,100
aquí

28
00:00:53,100 --> 00:00:56,460
vamos a subir ese ficherito

29
00:00:56,460 --> 00:00:58,299
ahí chequeamos

30
00:00:58,299 --> 00:01:00,520
Y vamos a ver que nos indica

31
00:01:00,520 --> 00:01:03,359
Pues efectivamente se da cuenta rápidamente

32
00:01:03,359 --> 00:01:05,620
Dicen área 17, columna 31

33
00:01:05,620 --> 00:01:06,420
Hasta no sé qué

34
00:01:06,420 --> 00:01:08,480
Hemos cerrado esto

35
00:01:08,480 --> 00:01:11,299
Teniendo esto sin cerrar

36
00:01:11,299 --> 00:01:11,920
¿De acuerdo?

37
00:01:12,799 --> 00:01:15,640
Bueno, pues muy bien, ya sabemos que hay errores en nuestra página

38
00:01:15,640 --> 00:01:16,760
Vale

39
00:01:16,760 --> 00:01:19,180
¿Podríamos verlo con nuestro propio navegador?

40
00:01:20,079 --> 00:01:21,439
Pues podríamos

41
00:01:21,439 --> 00:01:22,859
Esto es un método muy rápido

42
00:01:22,859 --> 00:01:25,439
Que deberíamos hacerlo en nuestras páginas habituales

43
00:01:25,439 --> 00:01:25,939
¿De acuerdo?

44
00:01:25,939 --> 00:01:33,540
Por supuesto, como lo hemos visto aquí, podemos ir directamente a una dirección que ya esté, ¿de acuerdo?

45
00:01:33,700 --> 00:01:38,340
O validarlo de esta manera, o incluso escribir nuestra página aquí directamente.

46
00:01:39,459 --> 00:01:45,540
Bien, además, como características, se le puede incluir tipos de validación y tipos distintos.

47
00:01:46,500 --> 00:01:49,120
Bueno, vamos a ver nuestra página como la vemos en nuestro navegador.

48
00:01:49,120 --> 00:01:50,560
está nuestra página en el navegador

49
00:01:50,560 --> 00:01:53,299
sabemos que nuestro span empieza aproximadamente

50
00:01:53,299 --> 00:01:55,000
por aquí y acaba aquí

51
00:01:55,000 --> 00:01:57,280
y nuestro párrafo empieza aquí y acaba

52
00:01:57,280 --> 00:01:59,379
aquí, esto es lo que sabemos

53
00:01:59,379 --> 00:02:01,239
entonces le dices, bueno, da algún error

54
00:02:01,239 --> 00:02:01,980
si veo el fuente

55
00:02:01,980 --> 00:02:05,400
pues no, no me está diciendo nada raro

56
00:02:05,400 --> 00:02:07,180
no me dice nada raro, con lo cual

57
00:02:07,180 --> 00:02:08,879
con esta información no me vale

58
00:02:08,879 --> 00:02:11,159
pero simplemente sin utilizar

59
00:02:11,159 --> 00:02:12,280
ni siquiera ningún

60
00:02:12,280 --> 00:02:14,879
plugin ni nada por el estilo

61
00:02:14,879 --> 00:02:17,659
si yo me voy a más herramientas

62
00:02:17,659 --> 00:02:20,039
y herramientas para desarrolladores dentro de Chrome

63
00:02:20,039 --> 00:02:21,800
o en Firefox, el equivalente

64
00:02:21,800 --> 00:02:23,939
yo estoy viendo

65
00:02:23,939 --> 00:02:25,219
esta información de esta manera

66
00:02:25,219 --> 00:02:27,159
digo anda que curioso

67
00:02:27,159 --> 00:02:29,580
aquí me abre como un árbol

68
00:02:29,580 --> 00:02:31,240
en el cual está mi cabecera

69
00:02:31,240 --> 00:02:33,879
perfecto, después está mi cuerpo

70
00:02:33,879 --> 00:02:36,379
perfecto, hay un párrafo

71
00:02:36,379 --> 00:02:38,039
que termina, que está aquí

72
00:02:38,039 --> 00:02:40,539
que dentro tiene un span que lo cierra

73
00:02:40,539 --> 00:02:41,800
digo anda que curioso

74
00:02:41,800 --> 00:02:44,240
como ha movido el navegador

75
00:02:44,240 --> 00:02:46,219
por su cuenta, este span que estaba

76
00:02:46,219 --> 00:02:48,139
aquí fuera, lo ha metido aquí

77
00:02:48,139 --> 00:02:50,139
dentro, ¿ven? ha cambiado

78
00:02:50,139 --> 00:02:52,460
el árbol, el árbol de nuestro documento

79
00:02:52,460 --> 00:02:53,979
lo ha cambiado completamente

80
00:02:53,979 --> 00:02:56,139
entonces, si coincide con lo que

81
00:02:56,139 --> 00:02:58,180
nosotros teníamos pensado, perfecto

82
00:02:58,180 --> 00:02:59,439
si no coincide

83
00:02:59,439 --> 00:03:01,979
pues está claro que está mal

84
00:03:01,979 --> 00:03:04,000
y es posible que este documento que nosotros

85
00:03:04,000 --> 00:03:06,000
habíamos dibujado, nuestra idea

86
00:03:06,000 --> 00:03:08,259
realmente no fuera esta, sino poner aquí

87
00:03:08,259 --> 00:03:09,979
span, aquí

88
00:03:09,979 --> 00:03:11,560
fin de span y aquí

89
00:03:11,560 --> 00:03:13,819
nuestro párrafo, ¿de acuerdo?

90
00:03:14,460 --> 00:03:16,020
de tal manera que simplemente en la

91
00:03:16,020 --> 00:03:38,740
Vemos ya que el árbol lo ha modificado. Esta parte en la cual nos ayudamos de herramientas propias de desarrolladores son muy útiles para emocionar cuestiones. Por ejemplo, yo pincho aquí. A ver si consigo pinchar ahí. Bueno, no consigo pinchar ahí. Bueno, pues ya está.

92
00:03:38,740 --> 00:03:45,680
Cuando estoy por aquí, puedo ir viendo en qué zonas estoy trabajando, ¿de acuerdo?

93
00:03:46,139 --> 00:03:48,680
Puedo ir viendo las zonas en las que voy trabajando.

94
00:03:49,560 --> 00:03:52,539
Aquí estoy teniendo problemas precisamente porque el documento no estaba bien

95
00:03:52,539 --> 00:03:56,699
y él no sabe muy bien en qué zona estamos trabajando.

96
00:03:56,879 --> 00:04:02,979
Miren, cuando paso por encima, cómo él va abajo a las zonas correspondientes, ¿vale?

97
00:04:03,159 --> 00:04:05,460
¿De acuerdo? Él sabe en qué zonas estamos.

98
00:04:05,460 --> 00:04:10,520
Con lo cual esto lo vamos a utilizar a menudo en el desarrollo de nuestras páginas

99
00:04:10,520 --> 00:04:13,800
Además muchos de ellos permiten escribir dentro

100
00:04:13,800 --> 00:04:17,579
Permiten cambiar la información que tenemos dentro y probar cómo quedaría

101
00:04:17,579 --> 00:04:22,579
O cambiar estilos, por ejemplo, si yo a ver de poner oblicuo pongo normal

102
00:04:22,579 --> 00:04:25,339
Cómo nos quedaría la información, ¿de acuerdo?

103
00:04:25,339 --> 00:04:29,240
Nos permite escribir en muchos sitios para probar cosas de esta página

104
00:04:29,240 --> 00:04:32,019
Son muy interesantes estas herramientas de desarrollo

105
00:04:32,019 --> 00:04:41,339
Igual que vamos a poder validar el lenguaje de marcas en HTML, vamos a poder validar nuestros CSS, ver si los enlaces corresponden a algo adecuado o no.

106
00:04:41,980 --> 00:04:45,639
Y hay herramientas ya integradas que miran todo a la vez.

107
00:04:47,000 --> 00:04:54,019
Muy interesante el tema de validar para no tener grandes problemas con nuestras páginas que estemos utilizando.