1
00:00:03,860 --> 00:00:10,845
Por último, aquí estamos en la cuarta y última tarea de este curso.

2
00:00:10,845 --> 00:00:13,350
¿Qué hacemos en esta tarea?

3
00:00:13,350 --> 00:00:19,225
Exploraremos los temas que hemos tratado en este módulo en particular.

4
00:00:19,225 --> 00:00:23,255
Comunicación cliente-servidor, el uso de API de descanso, rectangulares de descanso

5
00:00:23,255 --> 00:00:28,600
y animaciones en esta asignación en particular.

6
00:00:28,600 --> 00:00:32,360
Entonces, ¿cuáles son las diversas tareas en esta tarea?

7
00:00:32,360 --> 00:00:35,759
Esta tarea consistirá en cuatro tareas diferentes.

8
00:00:35,759 --> 00:00:41,155
Vamos a explorar todos y cada uno de ellos con un poco de detalle, a continuación.

9
00:00:41,155 --> 00:00:45,170
Así como actualizamos las encuestas de platos para usar

10
00:00:45,170 --> 00:00:49,780
cliente HTTP para contactar con el resto del servidor API,

11
00:00:49,780 --> 00:00:56,380
su primera tarea en esta tarea es actualizar el servicio de promociones para

12
00:00:56,380 --> 00:00:59,510
que el servicio de promoción vaya a buscar los datos

13
00:00:59,510 --> 00:01:03,320
requeridos sobre las promociones desde el lado del servidor.

14
00:01:03,320 --> 00:01:08,210
Por lo tanto, necesita implementar los tres métodos para obtener promociones,

15
00:01:08,210 --> 00:01:11,315
obtener promoción destacada y obtener promoción.

16
00:01:11,315 --> 00:01:13,310
Tres métodos diferentes allí,

17
00:01:13,310 --> 00:01:15,935
pero en particular vamos a hacer uso de la promoción

18
00:01:15,935 --> 00:01:19,760
get featured para obtener la información para renderizar

19
00:01:19,760 --> 00:01:23,090
la información sobre las promociones en

20
00:01:23,090 --> 00:01:27,930
la página de inicio de esta aplicación angular en particular.

21
00:01:27,930 --> 00:01:29,210
Así que en la primera tarea,

22
00:01:29,210 --> 00:01:34,175
necesita actualizar el servicio de promoción para utilizar el cliente HTTP y también

23
00:01:34,175 --> 00:01:36,380
actualizar el componente de inicio para hacer uso de

24
00:01:36,380 --> 00:01:39,530
el servicio de promoción para obtener los datos del servidor,

25
00:01:39,530 --> 00:01:44,105
y luego hacer esta formación de promoción en la página principal.

26
00:01:44,105 --> 00:01:48,080
Su segunda tarea en esta tarea es, por supuesto,

27
00:01:48,080 --> 00:01:52,815
actualizar el servicio líder para usar el cliente HTTP, oh,

28
00:01:52,815 --> 00:01:54,260
y buscar los datos del

29
00:01:54,260 --> 00:01:57,890
el servidor Json con el fin de renderizar la información sobre los líderes.

30
00:01:57,890 --> 00:02:02,150
Por lo tanto, el líder destacado aquí debe representarse usando el líder destacado get

31
00:02:02,150 --> 00:02:09,640
del servicio líder para obtener la información del servidor.

32
00:02:09,640 --> 00:02:12,380
Del mismo modo, yendo a la página acerca,

33
00:02:12,380 --> 00:02:15,785
la información sobre el liderazgo corporativo que

34
00:02:15,785 --> 00:02:19,670
renderizamos aquí debe ser obtenida del servicio líder

35
00:02:19,670 --> 00:02:22,895
usando el método get leaders que debería usar

36
00:02:22,895 --> 00:02:27,555
cliente HTTP para ir y buscar los datos desde el lado del servidor.

37
00:02:27,555 --> 00:02:32,735
Del mismo modo, actualice el método get leader en el servicio de líderes.

38
00:02:32,735 --> 00:02:37,625
Por lo tanto, esa es la segunda tarea en su asignación.

39
00:02:37,625 --> 00:02:43,160
Su tercera tarea en la asignación es activar el formulario de comentarios, el formulario reactivo

40
00:02:43,160 --> 00:02:46,640
que hemos creado en la página de contacto.

41
00:02:46,640 --> 00:02:49,340
Por lo tanto, en este formulario de comentarios cuando el usuario

42
00:02:49,340 --> 00:02:53,420
envía información válida y luego hace clic en el botón de enviar,

43
00:02:53,420 --> 00:02:56,810
esta información del formulario de comentarios debe ser proporcionada a

44
00:02:56,810 --> 00:02:59,120
un servicio de comentarios que vas a

45
00:02:59,120 --> 00:03:02,405
implementar como parte de la tercera tarea en esta tarea.

46
00:03:02,405 --> 00:03:07,670
El servicio de comentarios apoyará un método de envío de comentarios que

47
00:03:07,670 --> 00:03:13,565
toma la información de formulario enviada desde el componente de contacto,

48
00:03:13,565 --> 00:03:19,580
el método de envío del componente de conducta a su servicio de comentarios,

49
00:03:19,580 --> 00:03:23,465
y luego el método de envío de comentarios en el servicio de comentarios a su vez utilizará

50
00:03:23,465 --> 00:03:27,905
HTTP para publicar los datos en el servidor.

51
00:03:27,905 --> 00:03:36,110
El método de publicación toma la información del formulario que viene como un parámetro para enviar

52
00:03:36,110 --> 00:03:39,410
método de retroalimentación y luego publica esa información en

53
00:03:39,410 --> 00:03:46,205
la URL de retroalimentación en nuestro sitio de servidor Json.

54
00:03:46,205 --> 00:03:50,960
El envío de información a su servidor no va a ser instantáneo.

55
00:03:50,960 --> 00:03:54,890
Así que, en la cuarta tarea de esta tarea,

56
00:03:54,890 --> 00:03:58,520
vas a manejar el hecho de que el envío de la información

57
00:03:58,520 --> 00:04:02,450
desde el formulario de retroalimentación al servidor va a tomar algo de tiempo,

58
00:04:02,450 --> 00:04:06,530
y luego, una vez que la información se envía correctamente,

59
00:04:06,530 --> 00:04:12,050
tu vas a preguntar al usuario con la conformación desde el lado del servidor.

60
00:04:12,050 --> 00:04:16,515
Por lo tanto, tomemos este formulario y luego enviaremos el formulario aquí.

61
00:04:16,515 --> 00:04:22,110
Por lo tanto, permítanme escribir algo de información en el formulario.

62
00:04:39,500 --> 00:04:42,110
Así, una vez que el usuario escribe en

63
00:04:42,110 --> 00:04:45,680
toda la información válida en el formulario y luego haga clic en el botón de enviar,

64
00:04:45,680 --> 00:04:50,540
usted enviará esta información a través del servicio de comentarios al servidor para ser publicado.

65
00:04:50,540 --> 00:04:53,560
Hasta que el servidor responda a usted,

66
00:04:53,560 --> 00:05:01,805
debe mostrar un spinner de progreso en la pantalla y una vez que la información de retroalimentación es

67
00:05:01,805 --> 00:05:05,180
obtenida del lado del servidor y el lado del servidor confirma que

68
00:05:05,180 --> 00:05:10,220
la información del formulario de retroalimentación se ha enviado correctamente en el lado del servidor.

69
00:05:10,220 --> 00:05:14,855
Por lo tanto, aquí es donde cuando llamas al método de envío de comentarios,

70
00:05:14,855 --> 00:05:19,460
el método de envío de comentarios te devolverá un objeto de retroalimentación,

71
00:05:19,460 --> 00:05:24,335
por lo que te suscribes a eso porque el método de envío de comentarios devolverá un objeto observable.

72
00:05:24,335 --> 00:05:26,975
Así que te suscribes a eso y dentro de la suscripción,

73
00:05:26,975 --> 00:05:30,650
obtendrás el parámetro que es

74
00:05:30,650 --> 00:05:35,780
la información del formulario de comentarios que enviaste a través del método de enviar comentarios.

75
00:05:35,780 --> 00:05:46,400
Recordemos cómo manejamos la actualización del plato en el componente de detalle plato en el ejercicio.

76
00:05:46,400 --> 00:05:50,220
De la misma manera, cuando publique el formulario,

77
00:05:50,220 --> 00:05:53,255
el método de enviar comentarios le devolverá

78
00:05:53,255 --> 00:05:57,440
el objeto de comentarios publicado que regresa desde

79
00:05:57,440 --> 00:06:01,840
el lado del servidor para confirmar que el formulario se ha enviado correctamente.

80
00:06:01,840 --> 00:06:04,985
Así que, dentro de su componente de contacto,

81
00:06:04,985 --> 00:06:07,635
usted se suscribirá a eso y luego,

82
00:06:07,635 --> 00:06:11,090
cuando se obtenga el objeto de retroalimentación en ese punto,

83
00:06:11,090 --> 00:06:16,160
usted mostrará la información del objeto de retroalimentación como verá aquí.

84
00:06:16,160 --> 00:06:18,010
Así que, cuando envíe el formulario,

85
00:06:18,010 --> 00:06:21,080
usted notará inmediatamente el progreso spinner ir allí,

86
00:06:21,080 --> 00:06:24,410
y luego después de la presentación se complete usted mostrará la conformación

87
00:06:24,410 --> 00:06:28,190
durante cinco segundos aquí para mostrar lo

88
00:06:28,190 --> 00:06:29,990
información se ha publicado a

89
00:06:29,990 --> 00:06:33,740
el sitio del servidor y luego después de cinco segundos usted descartará eso y

90
00:06:33,740 --> 00:06:40,300
luego devolverá el formulario vacío a la pantalla.

91
00:06:40,300 --> 00:06:46,080
Usted también nota que en cada etapa estábamos usando la animación.

92
00:06:46,080 --> 00:06:52,940
Puede hacer uso de la animación de expansión para traer cada etapa a la pantalla.

93
00:06:52,940 --> 00:06:55,970
Entonces, cuando el usuario haga clic en el botón Enviar,

94
00:06:55,970 --> 00:06:59,480
ocultará primero el formulario

95
00:06:59,480 --> 00:07:03,860
y luego reemplazará ese formulario con el spinner de progreso en la vista.

96
00:07:03,860 --> 00:07:08,780
Entonces, cuando obtenga el objeto de retroalimentación de retorno de

97
00:07:08,780 --> 00:07:14,185
el lado del servidor para confirmar que donde el servidor ha sido actualizado,

98
00:07:14,185 --> 00:07:17,415
entonces en ese momento usted despedirá el spinner,

99
00:07:17,415 --> 00:07:20,780
se mostrará el contenido del objeto de retroalimentación en

100
00:07:20,780 --> 00:07:24,685
la pantalla durante cinco segundos como hemos visto allí.

101
00:07:24,685 --> 00:07:28,370
Luego, después de cinco segundos descartará eso y

102
00:07:28,370 --> 00:07:31,970
luego mostrará un formulario vacío en el punto para que

103
00:07:31,970 --> 00:07:39,830
el usuario pueda enviar la siguiente información de feedback si así lo desea.

104
00:07:39,830 --> 00:07:42,500
Ahora en el proceso de hacer esto,

105
00:07:42,500 --> 00:07:45,290
vas a tomar la ayuda del hecho de que cuando

106
00:07:45,290 --> 00:07:48,665
publiques algo en el servidor usando el método post,

107
00:07:48,665 --> 00:07:50,915
el servidor devolverá

108
00:07:50,915 --> 00:07:55,190
el objeto feedback de nuevo a usted en forma de un observable y que

109
00:07:55,190 --> 00:07:56,930
observable será pasado de vuelta a

110
00:07:56,930 --> 00:08:02,280
su componente de contacto a través del método de envío de comentarios.

111
00:08:02,280 --> 00:08:04,340
Cuando reciba ese observable,

112
00:08:04,340 --> 00:08:05,780
se suscribe a ese observable,

113
00:08:05,780 --> 00:08:09,410
y dentro del método de suscripción obtendrá acceso al objeto de retroalimentación

114
00:08:09,410 --> 00:08:13,710
confirmando que la información de retroalimentación ha sido publicada en el sitio del servidor.

115
00:08:13,710 --> 00:08:16,225
Luego, en ese punto,

116
00:08:16,225 --> 00:08:19,580
descartará el spinner de progreso, y luego,

117
00:08:19,580 --> 00:08:26,660
mostrará la información de retorno por una duración de cinco segundos en la pantalla,

118
00:08:26,660 --> 00:08:29,180
y luego descartará eso nuevamente,

119
00:08:29,180 --> 00:08:37,080
y luego reemplazará eso con un formulario de restablecimiento desde el sitio de la aplicación.

120
00:08:38,660 --> 00:08:44,735
Por lo tanto, estos pasos requieren que usted piense detenidamente en cómo

121
00:08:44,735 --> 00:08:50,620
implementa esta secuencia de etapas para la presentación del formulario.

122
00:08:50,620 --> 00:08:53,960
Algunos detalles más sobre esto se explican en

123
00:08:53,960 --> 00:09:01,550
los detalles de asignación que se dan en esta lección.

124
00:09:01,550 --> 00:09:06,200
Por lo tanto, lea eso y si tiene alguna pregunta por favor siéntase libre

125
00:09:06,200 --> 00:09:10,990
para publicar esas preguntas en el foro y allí será respondida.

126
00:09:10,990 --> 00:09:16,385
Ahora, esta cuarta tarea va a estar un poco más involucrada.

127
00:09:16,385 --> 00:09:22,159
Necesitas planificar tu secuencia de etapas correctamente.

128
00:09:22,159 --> 00:09:27,080
Usted se sorprenderá de que casi todas las partes que necesita

129
00:09:27,080 --> 00:09:31,430
hacer aquí se han encontrado en algún lugar u otro en los ejercicios anteriores.

130
00:09:31,430 --> 00:09:34,460
Entonces, esto no es nada totalmente nuevo para ti,

131
00:09:34,460 --> 00:09:37,025
pero solo necesitas recoger todas esas piezas y luego

132
00:09:37,025 --> 00:09:40,250
unirlas para implementar esta solución.

133
00:09:40,250 --> 00:09:43,930
Ya he demostrado que es factible hacerlo.

134
00:09:43,930 --> 00:09:48,515
Por lo tanto, eso completa la cuarta tarea de esta asignación.

135
00:09:48,515 --> 00:09:52,860
Diviértete completando esta tarea final.

136
00:09:52,860 --> 00:09:58,640
Estoy seguro de que aprenderá mucho completando estas cuatro tareas con éxito.

137
00:09:58,640 --> 00:10:00,050
Otra vez como dije,

138
00:10:00,050 --> 00:10:03,110
ninguna de estas tareas va a ser complicada.

139
00:10:03,110 --> 00:10:08,180
Usted ha visto trozos y trozos de ellos en los ejercicios anteriores.

140
00:10:08,180 --> 00:10:10,640
Por lo tanto, debe ser bastante sencillo que

141
00:10:10,640 --> 00:10:14,090
complete estos excepto que usted necesita tener cuidado en la planificación

142
00:10:14,090 --> 00:10:18,035
las etapas para el envío del formulario correctamente y luego usar

143
00:10:18,035 --> 00:10:21,440
variables adicionales juiciosamente para

144
00:10:21,440 --> 00:10:27,000
rastrear las diversas etapas de la presentación del formulario aquí.