Claro, aquí está la traducción al español:

1
00:00:00,750 --> 00:00:02,678
Así que comencemos este curso

2
00:00:02,678 --> 00:00:05,269
con la pregunta más importante primero,

3
00:00:05,269 --> 00:00:10,269
¿qué es exactamente el desarrollo web y qué significa eso para nosotros, los desarrolladores web?

4
00:00:10,530 --> 00:00:12,870
¿Qué hacen exactamente los desarrolladores web?

5
00:00:12,870 --> 00:00:15,470
¿Y qué sucede cuando nosotros,

6
00:00:15,470 --> 00:00:17,420
como usuarios regulares, ingresamos una dirección como amazon.com

7
00:00:17,420 --> 00:00:21,450
en el navegador y se carga el sitio web de Amazon.

8
00:00:21,450 --> 00:00:24,580
¿Qué está sucediendo detrás de escena?

9
00:00:24,580 --> 00:00:26,830
¿Qué ocurre cuando somos desarrolladores web o aspirantes a serlo?

10
00:00:26,830 --> 00:00:29,960
Debes ser capaz de entender esto

11
00:00:29,960 --> 00:00:32,830
porque te ayudará a comprender qué tipo de código

12
00:00:32,830 --> 00:00:35,570
tendrás que escribir y cómo funciona realmente "la cosa", internet,

13
00:00:35,570 --> 00:00:39,200
con la que estás trabajando.

14
00:00:39,200 --> 00:00:42,210
Ahora, para volver a las primeras dos preguntas,

15
00:00:42,210 --> 00:00:44,900
¿qué es el desarrollo web y qué hacen los desarrolladores web?

16
00:00:44,900 --> 00:00:48,640
Bueno, la respuesta es bastante directa.

17
00:00:48,640 --> 00:00:52,600
Los desarrolladores web generalmente construyen sitios web.

18
00:00:52,600 --> 00:00:56,240
Digo "generalmente"

19
00:00:56,240 --> 00:01:00,410
porque aprenderás a lo largo de este curso

20
00:01:00,410 --> 00:01:03,200
que los desarrolladores web también pueden crear otras cosas.

21
00:01:03,200 --> 00:01:05,370
Los sitios web están compuestos por varias piezas.

22
00:01:05,370 --> 00:01:09,070
Dependiendo del sitio web y de su complejidad, estarán involucradas diferentes piezas.

23
00:01:09,070 --> 00:01:10,990
Dicho esto, en este curso,

24
00:01:10,990 --> 00:01:12,610
aprenderás todo eso.

25
00:01:12,610 --> 00:01:14,420
Aprenderás cómo construir sitios web simples

26
00:01:14,420 --> 00:01:17,330
y más complejos, cómo escribir código

27
00:01:17,330 --> 00:01:20,330
que es invisible para la mayoría de los usuarios,

28
00:01:20,330 --> 00:01:23,330
así como cómo escribir código que afecta lo que los usuarios ven,

29
00:01:23,330 --> 00:01:26,330
y aprenderás cómo construir los llamados servicios web.

30
00:01:26,330 --> 00:01:29,960
Y lo que eso significa también, pero profundizaremos en eso más adelante.

31
00:01:29,960 --> 00:01:30,830
Así que todo eso está en este curso,

32
00:01:30,830 --> 00:01:32,281
pero en general, como desarrollador web,

33
00:01:32,281 --> 00:01:36,710
construyes sitios web y, por lo tanto, esto nos lleva

34
00:01:36,710 --> 00:01:38,890
a otra pregunta importante.

35
00:01:38,890 --> 00:01:40,504
¿Qué sucede detrás de escena

36
00:01:40,504 --> 00:01:45,504
cuando un visitante, como tú, ingresa una dirección como amazon.com

37
00:01:46,200 --> 00:01:49,630
en el navegador? ¿Cómo funciona realmente la web?

38
00:01:49,630 --> 00:01:51,620
¿Qué está sucediendo allí?

39
00:01:51,620 --> 00:01:53,010
Para entender esto,

40
00:01:53,010 --> 00:01:57,010
quiero dar un paso atrás y mirar una analogía del mundo real

41
00:01:57,010 --> 00:02:00,680
porque navegar por la web y visitar un sitio web

42
00:02:00,680 --> 00:02:03,670
es como llamar a un amigo, podríamos decir,

43
00:02:03,670 --> 00:02:06,180
o enviarle un mensaje de texto a un amigo.

44
00:02:06,180 --> 00:02:08,840
Esta es una analogía que podemos hacer.

45
00:02:08,840 --> 00:02:10,900
Para entender esto mejor,

46
00:02:10,900 --> 00:02:14,670
veamos más de cerca esta analogía.

47
00:02:14,670 --> 00:02:18,290
Cuando llamas a un amigo, en última instancia, levantas el teléfono,

48
00:02:18,290 --> 00:02:22,880
marcas su número o le envías un mensaje de texto.

49
00:02:22,880 --> 00:02:26,030
Una vez que se establece la conexión,

50
00:02:26,030 --> 00:02:30,030
una vez que responden la llamada

, le dices algo,

51
00:02:30,030 --> 00:02:33,880
o le preguntas algo, lo saludas, lo que sea.

52
00:02:33,880 --> 00:02:37,420
Comienzas una conversación con tu amigo.

53
00:02:37,420 --> 00:02:41,710
Y después de saludar y tal vez contar algo,

54
00:02:41,710 --> 00:02:44,810
o preguntar algo, en algún momento,

55
00:02:44,810 --> 00:02:48,440
tu amigo probablemente te responderá.

56
00:02:48,440 --> 00:02:51,460
Él o ella te dirán algo a ti,

57
00:02:51,460 --> 00:02:54,900
o te enviarán otro mensaje de texto.

58
00:02:54,900 --> 00:02:57,370
Así es como tenemos una conversación por teléfono.

59
00:02:57,370 --> 00:03:01,200
Decimos algo, ellos dicen algo. Y así sucesivamente.

60
00:03:01,200 --> 00:03:05,230
Ahora, visitar un sitio web es bastante similar.

61
00:03:05,230 --> 00:03:09,340
Ahí estás sentado frente a tu computadora o laptop

62
00:03:09,340 --> 00:03:13,370
usando tu navegador, porque esa es la herramienta clave

63
00:03:13,370 --> 00:03:16,550
que necesitamos para visitar un sitio web. Necesitamos un navegador para esto,

64
00:03:16,550 --> 00:03:20,670
como probablemente ya sabes, porque lo usas todos los días.

65
00:03:20,670 --> 00:03:25,905
Y en ese navegador, ingresas una dirección como amazon.com

66
00:03:25,905 --> 00:03:28,270
o tal vez buscaste Amazon

67
00:03:28,270 --> 00:03:30,400
y hiciste clic en un resultado de búsqueda,

68
00:03:30,400 --> 00:03:33,483
pero de cualquier manera terminas con una dirección como esta

69
00:03:33,483 --> 00:03:36,510
en la barra de direcciones del navegador.

70
00:03:36,510 --> 00:03:40,000
Ahora, esta cosa de la dirección en realidad tiene un nombre oficial.

71
00:03:40,000 --> 00:03:40,833
Se llama URL,

72
00:03:41,740 --> 00:03:44,620
que significa localizador uniforme de recursos.

73
00:03:44,620 --> 00:03:46,150
Pero volveremos a esto más tarde,

74
00:03:46,150 --> 00:03:47,710
ingresas una dirección como esta.

75
00:03:47,710 --> 00:03:51,250
Y luego, lo que sucede a continuación es que tu navegador envía

76
00:03:51,250 --> 00:03:54,495
una solicitud a una computadora remota,

77
00:03:54,495 --> 00:03:57,455
en algún lugar de internet, en el mundo,

78
00:03:57,455 --> 00:04:02,420
una computadora operada por la compañía que es dueña del sitio web,

79
00:04:02,420 --> 00:04:04,190
que estás intentando visitar.

80
00:04:04,190 --> 00:04:07,290
En este caso, una computadora operada por Amazon.

81
00:04:07,290 --> 00:04:09,720
Tu navegador envía una solicitud a esta computadora.

82
00:04:09,720 --> 00:04:12,769
Y este proceso está estandarizado porque en el desarrollo web,

83
00:04:12,769 --> 00:04:15,283
muchas cosas están estandarizadas para asegurar

84
00:04:15,283 --> 00:04:17,920
que las diferentes partes involucradas

85
00:04:17,920 --> 00:04:21,120
como el navegador y esta computadora remota hablen

86
00:04:21,120 --> 00:04:23,360
el mismo tipo de lenguaje.

87
00:04:23,360 --> 00:04:26,990
El estándar que se utiliza aquí

88
00:04:26,990 --> 00:04:29,360
para controlar que se envíe una solicitud de este tipo.

89
00:04:29,360 --> 00:04:33,524
Y que esta solicitud esté estructurada de manera estandarizada

90
00:04:33,524 --> 00:04:35,520
se llama HTTP,

91
00:04:35,520 --> 00:04:38,665
que significa protocolo de transferencia de hipertexto,

92
00:04:38,665 --> 00:04:43,665
o a menudo verás HTTPS, donde la S significa seguro,

93
00:04:48,980 --> 00:04:51,500
lo que significa que la comunicación está encriptada

94
00:04:51,500 --> 00:04:54,970
entre el navegador y esta computadora remota.

95
00:04:54,970 --> 00:04:57,030
Ahora, no necesitas preocuparte demasiado por esto

96
00:04:57,030 --> 00:04:59,700
porque ese es el protocolo que el navegador utilizará

97
00:04:59,700 --> 00:05:02,257
por defecto, pero esa es la explicación

98
00:05:02,257 --> 00:05:06,588
de por qué a veces en algunas URL ves algo como

99
00:05:06,588 --> 00:05:11,588
HTTP://, o HTTPS:// al frente de la dirección.

100
00:05:14,340 --> 00:05:17,310
Típicamente, el navegador lo agrega automáticamente,

101
00:

05:17,310 --> 00:05:19,450
porque ese es el protocolo predeterminado

102
00:05:19,450 --> 00:05:23,153
que se utiliza para hablar con esta computadora remota.

103
00:05:24,010 --> 00:05:26,000
Ahora, en esta computadora remota,

104
00:05:26,000 --> 00:05:29,560
tenemos el código del sitio web que se necesita

105
00:05:29,560 --> 00:05:31,360
para mostrar algo en la pantalla.

106
00:05:31,360 --> 00:05:34,700
Y este código, por supuesto, es escrito por desarrolladores web.

107
00:05:34,700 --> 00:05:38,860
En este ejemplo aquí, desarrolladores web que trabajan para Amazon.

108
00:05:38,860 --> 00:05:42,240
Ahora, este código del sitio web puede tener diferente complejidad,

109
00:05:42,240 --> 00:05:45,646
y puede haber pasos más complejos involucrados

110
00:05:45,646 --> 00:05:47,820
para producir este código.

111
00:05:47,820 --> 00:05:49,080
Pero lo aprenderemos

112
00:05:49,080 --> 00:05:50,879
a lo largo del curso paso a paso.

113
00:05:50,879 --> 00:05:51,712
En última instancia,

114
00:05:51,712 --> 00:05:55,191
este código contiene un montón de instrucciones para el navegador

115
00:05:55,191 --> 00:05:58,960
que le indican qué debe mostrar en la pantalla.

116
00:05:58,960 --> 00:06:00,820
Qué contenido debe mostrar

117
00:06:00,820 --> 00:06:02,830
y cómo debe lucir el contenido,

118
00:06:02,830 --> 00:06:04,460
cómo debe estar estilizado.

119
00:06:04,460 --> 00:06:06,180
Por lo tanto, es este código,

120
00:06:06,180 --> 00:06:08,680
estas instrucciones para el navegador que, en última instancia,

121
00:06:08,680 --> 00:06:13,160
son enviadas de vuelta por esta computadora remota en una respuesta

122
00:06:13,160 --> 00:06:16,990
a tu navegador y el navegador luego sabe

123
00:06:16,990 --> 00:06:18,840
cómo manejar estas instrucciones

124
00:06:18,840 --> 00:06:21,440
porque también están estandarizadas.

125
00:06:21,440 --> 00:06:24,440
Los lenguajes de programación que se pueden usar para escribir

126
00:06:24,440 --> 00:06:26,850
estas instrucciones están estandarizados

127
00:06:26,850 --> 00:06:30,620
y el navegador luego mostrará algo en la pantalla.

128
00:06:30,620 --> 00:06:32,550
Así es como funciona la web.

129
00:06:32,550 --> 00:06:36,079
Y aunque me tomé un tiempo para describir este ciclo de solicitud y respuesta,

130
00:06:36,079 --> 00:06:39,237
por supuesto, normalmente solo toma un par de milisegundos.

131
00:06:39,237 --> 00:06:42,760
Es súper eficiente y rápido.

132
00:06:42,760 --> 00:06:44,810
Y por eso visitar sitios web es súper rápido.

133
00:06:44,810 --> 00:06:49,340
Ahora, en este panorama general,

134
00:06:49,340 --> 00:06:50,800
hay otros cuatro términos que vale la pena conocer.

135
00:06:50,800 --> 00:06:53,570
Típicamente, llamamos al navegador y a nosotros usando el navegador,

136
00:06:53,570 --> 00:06:54,869
el cliente o el front-end.

137
00:06:54,869 --> 00:06:58,919
Y llamamos a la computadora remota que aloja el sitio web,

138
00:06:58,919 --> 00:07:02,030
así que tiene este sitio web y nos lo envía de vuelta.

139
00:07:02,030 --> 00:07:05,920
Llamamos a esta computadora remota, el servidor o el back-end,

140
00:07:05,920 --> 00:07:09,390
porque esta computadora sirve el sitio web a nosotros,

141
00:07:09,390 --> 00:07:12,710
el cliente que está solicitando el sitio web.

142
00:07:12,710 --> 00:07:14,670
Estos son más términos que vale la pena conocer,

143
00:07:14,670 --> 00:07:18,810
pero ahora este panorama general nos lleva

144
00:07:18,810 --> 00:07:29,640
a la siguiente pregunta importante.

145
00:07:29,640 --> 00:07:33,140
Necesitamos echar un vistazo más de cerca a esta respuesta

146
00:07:33,140 --> 00:07:35,010
y estas instrucciones para el navegador,

147
00:07:35,010 --> 00:07:39,410
porque eso nos ayuda a comprender qué código debemos escribir

148
00:07:39,410 --> 00:07:41,243
como desarrolladores web, porque, por supuesto,

149
00:07:41,243 --> 00:07:45,150
eso siempre es importante para nosotros,

150
00:07:45,150 --> 00:07:48,107
qué tipo de código debemos escribir

151
00:07:48,107 --> 00:07:50,930
y qué lenguajes de programación debemos usar

.

152
00:07:50,930 --> 00:07:54,680
Bueno, esos son los temas que cubriremos en los próximos capítulos.

153
00:07:54,680 --> 00:07:56,743
Hemos abordado algunas preguntas importantes,

154
00:07:56,743 --> 00:07:58,180
qué es el desarrollo web,

155
00:07:58,180 --> 00:07:59,620
qué hacen los desarrolladores web,

156
00:07:59,620 --> 00:08:03,580
y qué sucede detrás de escena cuando visitamos un sitio web.

157
00:08:03,580 --> 00:08:07,280
Espero que esto te haya dado una idea general de la web

158
00:08:07,280 --> 00:08:08,720
y cómo funciona.

159
00:08:08,720 --> 00:08:11,520
Y estoy emocionado de continuar

160
00:08:11,520 --> 00:08:14,573
este viaje contigo para aprender más sobre el desarrollo web.

161
00:08:14,573 --> 00:08:15,743
Entonces, continuemos.