1
00:00:00,762 --> 00:00:02,250
‫Narrador: Ahora que

2
00:00:02,250 --> 00:00:04,410
‫tiene una buena descripción general de

3
00:00:04,410 --> 00:00:06,290
‫cómo funciona la web detrás

4
00:00:06,290 --> 00:00:08,913
‫de escena, aprendamos qué es realmente el

5
00:00:08,913 --> 00:00:11,796
‫desarrollo web back-end y cómo se compara con

6
00:00:11,796 --> 00:00:14,415
‫el desarrollo front-end, porque esta es una

7
00:00:14,415 --> 00:00:17,666
‫distinción muy importante en la web. mundo del desarrollo.

8
00:00:17,666 --> 00:00:20,330
‫Entonces, para distinguir entre el front-end y

9
00:00:20,330 --> 00:00:21,730
‫el back-end

10
00:00:21,730 --> 00:00:23,980
‫de un sitio web y del

11
00:00:23,980 --> 00:00:25,619
‫desarrollo web en general,

12
00:00:25,619 --> 00:00:27,767
‫seguimos considerando la misma arquitectura

13
00:00:27,767 --> 00:00:29,950
‫cliente-servidor de la que hablamos antes.

14
00:00:29,950 --> 00:00:32,269
‫Entonces, en términos generales, el desarrollo de

15
00:00:32,269 --> 00:00:35,830
‫front-end se trata de todo lo que sucede en el navegador web.

16
00:00:35,830 --> 00:00:38,010
‫Entonces, se trata de diseñar y construir

17
00:00:38,010 --> 00:00:39,940
‫el sitio web final que será

18
00:00:39,940 --> 00:00:42,371
‫visible para el usuario y, por lo tanto,

19
00:00:42,371 --> 00:00:44,123
‫el nombre de la interfaz.

20
00:00:44,960 --> 00:00:46,188
‫El desarrollador

21
00:00:46,188 --> 00:00:50,024
‫de front-end utiliza las tecnologías básicas: HTML, CSS y JavaScript,

22
00:00:50,024 --> 00:00:54,028
‫que en conjunto forman la pila de tecnología de front-end.

23
00:00:54,028 --> 00:00:56,510
‫Ahora, muchos desarrolladores de front-end modernos agregan

24
00:00:56,510 --> 00:00:58,660
‫más cosas a la pila

25
00:00:58,660 --> 00:01:03,010
‫de front-end como React o Angular o Redux o GraphQL o lo que

26
00:01:03,010 --> 00:01:05,715
‫sea que esté de moda en estos días.

27
00:01:05,715 --> 00:01:09,150
‫Entonces, estas tecnologías facilitan el desarrollo de front-end y todas

28
00:01:09,150 --> 00:01:10,950
‫estas tecnologías juntas que

29
00:01:10,950 --> 00:01:12,930
‫un desarrollador o un equipo

30
00:01:12,930 --> 00:01:15,090
‫decide usar en el front-end, es

31
00:01:15,090 --> 00:01:17,169
‫su pila de front-end, ¿de acuerdo?

32
00:01:17,169 --> 00:01:19,170
‫Y probablemente ya conozcas la mayoría de

33
00:01:19,170 --> 00:01:21,320
‫estas cosas de todos modos, pero aún

34
00:01:21,320 --> 00:01:24,070
‫quiero darte una breve descripción de cómo todo encaja

35
00:01:24,070 --> 00:01:25,931
‫en el panorama general aquí.

36
00:01:25,931 --> 00:01:29,605
‫Muy bien, y ahora pasando al back-end.

37
00:01:29,605 --> 00:01:31,890
‫Esta parte del desarrollo web trata de

38
00:01:31,890 --> 00:01:34,313
‫todo lo que sucede en el servidor web,

39
00:01:34,313 --> 00:01:36,350
‫así que todo lo que es invisible

40
00:01:36,350 --> 00:01:37,912
‫para el usuario final

41
00:01:37,912 --> 00:01:40,768
‫y por lo tanto el nombre back-end, ¿de acuerdo?

42
00:01:40,768 --> 00:01:43,624
‫Y como ahora estamos hablando del

43
00:01:43,624 --> 00:01:47,800
‫sitio del servidor, definamos realmente qué es un servidor.

44
00:01:47,800 --> 00:01:50,745
‫Bueno, un servidor básico es realmente solo

45
00:01:50,745 --> 00:01:52,880
‫una computadora que está

46
00:01:52,880 --> 00:01:55,990
‫conectada a Internet que, primero, almacena los

47
00:01:55,990 --> 00:01:58,670
‫archivos de un sitio web como

48
00:01:58,670 --> 00:02:01,340
‫HTML, CSS e imágenes, y segundo,

49
00:02:01,340 --> 00:02:04,073
‫ejecuta un servidor HTTP que es

50
00:02:04,073 --> 00:02:07,600
‫capaz de comprender URL, solicitudes y también entregar respuestas.

51
00:02:07,600 --> 00:02:10,167
‫Entonces, esta pieza de software

52
00:02:10,167 --> 00:02:13,480
‫de servidor HTTP es lo que realmente se comunica

53
00:02:13,480 --> 00:02:16,220
‫con el navegador mediante solicitudes y respuestas.

54
00:02:16,220 --> 00:02:18,230
‫Por lo tanto, es como el

55
00:02:18,230 --> 00:02:20,160
‫puente entre el front-end y

56
00:02:20,160 --> 00:02:23,140
‫el back-end de un sitio web o aplicación web.

57
00:02:23,140 --> 00:02:25,430
‫Ahora, un servidor web simple como el

58
00:02:25,430 --> 00:02:28,275
‫que acabo de describir se llama servidor estático,

59
00:02:28,275 --> 00:02:30,530
‫porque todo lo que realmente

60
00:02:30,530 --> 00:02:34,660
‫puede hacer es entregar archivos estáticos al cliente a través de HTTP.

61
00:02:34,660 --> 00:02:37,293
‫Si solo necesita alojar un sitio web simple, entonces

62
00:02:37,293 --> 00:02:39,570
‫esto es realmente todo lo que necesita.

63
00:02:39,570 --> 00:02:41,900
‫Pero si quieres llevarlo al siguiente nivel y

64
00:02:41,900 --> 00:02:43,950
‫crear aplicaciones web dinámicas que hablen

65
00:02:43,950 --> 00:02:46,365
‫con bases de datos y todas esas cosas

66
00:02:46,365 --> 00:02:49,720
‫buenas, usamos un servidor que también es capaz de ejecutar O

67
00:02:49,720 --> 00:02:51,548
‫aplicaciones dinámicas, al igual que

68
00:02:51,548 --> 00:02:53,520
‫el código que escribimos y ejecutamos

69
00:02:53,520 --> 00:02:55,779
‫en el sección de introducción del curso.

70
00:02:55,779 --> 00:02:58,800
‫A esto se le llama servidor dinámico, donde

71
00:02:58,800 --> 00:03:00,500
‫tenemos la aplicación OR

72
00:03:00,500 --> 00:03:02,610
‫ejecutándose, un servidor HTTP y,

73
00:03:02,610 --> 00:03:05,380
‫por supuesto, todos los archivos hablando entre sí.

74
00:03:05,380 --> 00:03:07,400
‫Y en algunos casos, eso es todo

75
00:03:07,400 --> 00:03:09,323
‫lo que necesitamos para las

76
00:03:09,323 --> 00:03:12,310
‫aplicaciones de quirófano, pero generalmente cuando creamos sitios web o

77
00:03:12,310 --> 00:03:14,610
‫aplicaciones dinámicos, también usamos una base de datos,

78
00:03:14,610 --> 00:03:17,379
‫a la que podemos acceder directamente desde nuestras aplicaciones.

79
00:03:17,379 --> 00:03:19,342
‫Por cierto, si el término

80
00:03:19,342 --> 00:03:21,820
‫sitios web o aplicaciones estáticos y dinámicos le

81
00:03:21,820 --> 00:03:23,894
‫resulta un poco confuso, no hay problema.

82
00:03:23,894 --> 00:03:26,487
‫Hablaremos de eso en el siguiente video.

83
00:03:26,487 --> 00:03:28,843
‫De todos modos, podemos usar la base

84
00:03:28,843 --> 00:03:32,004
‫de datos para almacenar cosas como usuarios o datos de aplicaciones

85
00:03:32,004 --> 00:03:34,778
‫o texto para completar una plantilla de sitio web.

86
00:03:34,778 --> 00:03:38,160
‫En cualquier aplicación seria, siempre habrá una base de datos

87
00:03:38,160 --> 00:03:40,370
‫y nuestro código de back-end

88
00:03:40,370 --> 00:03:42,676
‫se comunicará con esa base de datos.

89
00:03:42,676 --> 00:03:45,090
‫Entonces, algunas cosas habituales que se manejan

90
00:03:45,090 --> 00:03:47,200
‫en el back-end o en el

91
00:03:47,200 --> 00:03:50,088
‫lado del servidor, como también podemos llamarlo para crear perfiles

92
00:03:50,088 --> 00:03:53,406
‫de usuario, realizar inicios de sesión, enviar correos electrónicos, manejar pagos,

93
00:03:53,406 --> 00:03:56,810
‫recuperar y enviar datos de solicitud desde una base de datos

94
00:03:56,810 --> 00:03:59,850
‫a un cliente. , manipular datos en la base de

95
00:03:59,850 --> 00:04:02,517
‫datos, completar plantillas de sitios web y mucho más.

96
00:04:02,517 --> 00:04:05,020
‫Y haremos muchas de estas cosas interesantes a

97
00:04:05,020 --> 00:04:07,233
‫lo largo del curso, en realidad todas.

98
00:04:07,233 --> 00:04:10,800
‫Ahora sobre la tecnología, como puede adivinar, usaremos NodeJS

99
00:04:10,800 --> 00:04:14,235
‫como un servidor web dinámico y MongoDB como

100
00:04:14,235 --> 00:04:17,400
‫nuestra base de datos, es decir, datos

101
00:04:17,400 --> 00:04:19,294
‫o pila de back-end.

102
00:04:19,294 --> 00:04:22,670
‫Pero hay tantas tecnologías de back-end diferentes y

103
00:04:22,670 --> 00:04:25,040
‫pilas disponibles para el back-end.

104
00:04:25,040 --> 00:04:28,025
‫Cosas como PHP con base de datos MySQL o

105
00:04:28,025 --> 00:04:31,123
‫Python con base de datos PostgreSQL o algunas personas

106
00:04:31,123 --> 00:04:33,750
‫usan Ruby on Rails tal vez incluso

107
00:04:33,750 --> 00:04:36,120
‫con alguna otra base de datos.

108
00:04:36,120 --> 00:04:38,430
‫Pero, como quieres

109
00:04:38,430 --> 00:04:40,980
‫aprender NodeJS, usaremos exactamente eso.

110
00:04:40,980 --> 00:04:43,230
‫Y la base de datos más popular

111
00:04:43,230 --> 00:04:46,070
‫que se usa con Node es, sin duda, MongoDB.

112
00:04:46,070 --> 00:04:49,007
‫Y, entonces, esa es nuestra elección para una pila de back-end.

113
00:04:49,007 --> 00:04:52,237
‫Ahora, es posible que haya escuchado el término pila completa

114
00:04:52,237 --> 00:04:54,180
‫antes, y eso simplemente es

115
00:04:54,180 --> 00:04:56,710
‫el front-end más el back-end stack juntos.

116
00:04:56,710 --> 00:04:59,180
‫Por lo tanto, el desarrollador que hace desarrollo tanto

117
00:04:59,180 --> 00:05:01,209
‫de front-end como de back-end puede

118
00:05:01,209 --> 00:05:04,117
‫llamarse a sí mismo un desarrollador de pila completa, pero

119
00:05:04,117 --> 00:05:06,410
‫estos desarrolladores se están volviendo cada vez más

120
00:05:06,410 --> 00:05:08,150
‫raros, especialmente porque el front-end

121
00:05:08,150 --> 00:05:11,110
‫se está volviendo cada vez más complejo en estos días.

122
00:05:11,110 --> 00:05:14,630
‫Finalmente, otra cosa que quería mencionar rápidamente es que,

123
00:05:14,630 --> 00:05:17,150
‫como puede ver, usaremos Node aplicado

124
00:05:17,150 --> 00:05:19,400
‫al desarrollo web back-end y

125
00:05:19,400 --> 00:05:21,930
‫no algo como la programación de hardware.

126
00:05:21,930 --> 00:05:24,670
‫Por lo tanto, técnicamente puede usar Node

127
00:05:24,670 --> 00:05:27,240
‫para cosas como drones voladores,

128
00:05:27,240 --> 00:05:30,300
‫programar robots o desarrollar software para dispositivos IFT.

129
00:05:30,300 --> 00:05:32,610
‫Pero eso está fuera del alcance de este curso.

130
00:05:32,610 --> 00:05:35,670
‫Si desea programar dispositivos IFT con Node, bueno, este

131
00:05:35,670 --> 00:05:38,550
‫curso seguirá siendo útil para usted, simplemente no es

132
00:05:38,550 --> 00:05:40,650
‫el enfoque de los proyectos que

133
00:05:40,650 --> 00:05:42,528
‫vamos a construir, ¿de acuerdo?

134
00:05:42,528 --> 00:05:46,100
‫Muy bien, y supongo que eso resume la diferencia entre el lado

135
00:05:46,100 --> 00:05:48,425
‫del front-end y el lado del back-end del

136
00:05:48,425 --> 00:05:50,734
‫desarrollo web, para que en el futuro, tenga

137
00:05:50,734 --> 00:05:52,970
‫una buena idea de los dominios

138
00:05:52,970 --> 00:05:55,753
‫donde NodeDS se usa realmente en el mundo real.