1
00:00:03,860 --> 00:00:10,845
Finalmente, aqui estamos nós na quarta e última tarefa deste curso.

2
00:00:10,845 --> 00:00:13,350
O que fazemos nesta tarefa?

3
00:00:13,350 --> 00:00:19,225
Vamos explorar os tópicos que abordamos neste módulo específico.

4
00:00:19,225 --> 00:00:23,255
Comunicação cliente-servidor, o uso da API de descanso,

5
00:00:23,255 --> 00:00:28,600
retangulares de descanso e animações nesta atribuição específica.

6
00:00:28,600 --> 00:00:32,360
Então, quais são as várias tarefas nesta atribuição?

7
00:00:32,360 --> 00:00:35,759
Esta atribuição consistirá em quatro tarefas diferentes.

8
00:00:35,759 --> 00:00:41,155
Vamos explorar cada um deles em um pequeno detalhe, a seguir.

9
00:00:41,155 --> 00:00:45,170
Assim como atualizamos as pesquisas de prato para usar o cliente HTTP

10
00:00:45,170 --> 00:00:49,780
para entrar em contato com o servidor de API restante,

11
00:00:49,780 --> 00:00:56,380
sua primeira tarefa nesta atribuição é atualizar o serviço de promoções para

12
00:00:56,380 --> 00:00:59,510
que o serviço de promoção irá buscar os dados

13
00:00:59,510 --> 00:01:03,320
necessários sobre as promoções do lado do servidor.

14
00:01:03,320 --> 00:01:08,210
Então, você precisa implementar os três métodos que recebem promoções,

15
00:01:08,210 --> 00:01:11,315
obter promoção em destaque e obter promoção.

16
00:01:11,315 --> 00:01:13,310
Três métodos diferentes lá,

17
00:01:13,310 --> 00:01:15,935
mas em particular estaremos fazendo uso da promoção get featured

18
00:01:15,935 --> 00:01:19,760
para obter as informações para renderizar

19
00:01:19,760 --> 00:01:23,090
as informações sobre as promoções em

20
00:01:23,090 --> 00:01:27,930
a página inicial para este aplicativo angular particular.

21
00:01:27,930 --> 00:01:29,210
Então, na primeira tarefa,

22
00:01:29,210 --> 00:01:34,175
você precisa atualizar o serviço de promoção para usar o cliente HTTP e também

23
00:01:34,175 --> 00:01:36,380
atualizar o componente home para fazer uso de

24
00:01:36,380 --> 00:01:39,530
o serviço de promoção para buscar os dados do servidor,

25
00:01:39,530 --> 00:01:44,105
e, em seguida, renderizar esta formação de promoção na página inicial.

26
00:01:44,105 --> 00:01:48,080
Sua segunda tarefa nesta atribuição é, claro,

27
00:01:48,080 --> 00:01:52,815
atualizar o serviço líder para usar o cliente HTTP, oh,

28
00:01:52,815 --> 00:01:54,260
e buscar os dados de

29
00:01:54,260 --> 00:01:57,890
o servidor Json, a fim de renderizar as informações sobre os líderes.

30
00:01:57,890 --> 00:02:02,150
Então, o líder em destaque aqui deve ser renderizado usando o get

31
00:02:02,150 --> 00:02:09,640
em destaque líder do serviço líder para buscar as informações do servidor.

32
00:02:09,640 --> 00:02:12,380
Da mesma forma, indo para a página sobre,

33
00:02:12,380 --> 00:02:15,785
as informações sobre a liderança corporativa que

34
00:02:15,785 --> 00:02:19,670
renderizamos aqui devem ser obtidas do serviço líder

35
00:02:19,670 --> 00:02:22,895
usando o método get leaders que deve usar o cliente HTTP

36
00:02:22,895 --> 00:02:27,555
para ir buscar os dados do lado do servidor.

37
00:02:27,555 --> 00:02:32,735
Da mesma forma, atualize o método get leader no serviço líder.

38
00:02:32,735 --> 00:02:37,625
Então, essa é a segunda tarefa em sua tarefa.

39
00:02:37,625 --> 00:02:43,160
Sua terceira tarefa na atribuição é ativar o formulário de feedback,

40
00:02:43,160 --> 00:02:46,640
formulário reativo que criamos na página de contato.

41
00:02:46,640 --> 00:02:49,340
Então, neste formulário de feedback quando o usuário

42
00:02:49,340 --> 00:02:53,420
envia informações válidas e, em seguida, clica no botão enviar,

43
00:02:53,420 --> 00:02:56,810
esta informação do formulário de feedback deve ser fornecida para

44
00:02:56,810 --> 00:02:59,120
um serviço de feedback que você está indo para

45
00:02:59,120 --> 00:03:02,405
implementar como parte da terceira tarefa nesta atribuição.

46
00:03:02,405 --> 00:03:07,670
O serviço de feedback suportará um método de feedback de envio que

47
00:03:07,670 --> 00:03:13,565
assume o formulário de informações enviadas do componente de contato,

48
00:03:13,565 --> 00:03:19,580
o método de envio do componente de conduta para seu serviço de feedback,

49
00:03:19,580 --> 00:03:23,465
e, em seguida, o método de envio de feedback no serviço de feedback, por sua vez, usará

50
00:03:23,465 --> 00:03:27,905
HTTP para postar os dados no servidor.

51
00:03:27,905 --> 00:03:36,110
O método post toma as informações do formulário que vem como um parâmetro para que enviar

52
00:03:36,110 --> 00:03:39,410
método de feedback e, em seguida, publica essas informações para

53
00:03:39,410 --> 00:03:46,205
o URL de feedback em nosso site servidor Json.

54
00:03:46,205 --> 00:03:50,960
O envio de informações para o seu servidor não será instantâneo.

55
00:03:50,960 --> 00:03:54,890
Então, na quarta tarefa nesta atribuição,

56
00:03:54,890 --> 00:03:58,520
você vai lidar com o fato de que a submissão da informação

57
00:03:58,520 --> 00:04:02,450
do formulário de feedback para o servidor vai levar algum tempo,

58
00:04:02,450 --> 00:04:06,530
e, em seguida, uma vez que a informação é enviada com sucesso,

59
00:04:06,530 --> 00:04:12,050
você vai pedir ao usuário com a conformação do lado do servidor.

60
00:04:12,050 --> 00:04:16,515
Então, vamos tomar este formulário e, em seguida, vamos enviar o formulário aqui.

61
00:04:16,515 --> 00:04:22,110
Então, deixe-me digitar algumas informações no formulário.

62
00:04:39,500 --> 00:04:42,110
Assim, uma vez que o usuário digita

63
00:04:42,110 --> 00:04:45,680
todas as informações válidas no formulário e, em seguida, clica no botão enviar,

64
00:04:45,680 --> 00:04:50,540
você enviará essas informações através do serviço de feedback para o servidor a ser postado.

65
00:04:50,540 --> 00:04:53,560
Até que o servidor responda a você,

66
00:04:53,560 --> 00:05:01,805
você deve exibir um girador de progresso na tela e uma vez que as informações de feedback são

67
00:05:01,805 --> 00:05:05,180
obtidas do lado do servidor e o lado do servidor confirma que

68
00:05:05,180 --> 00:05:10,220
as informações do formulário de feedback foram enviadas com sucesso no lado do servidor.

69
00:05:10,220 --> 00:05:14,855
Então, este é o lugar onde quando você chamar o método enviar feedback,

70
00:05:14,855 --> 00:05:19,460
o método enviar feedback irá retornar um objeto de feedback,

71
00:05:19,460 --> 00:05:24,335
para que você assine isso porque o método enviar feedback retornará um observável.

72
00:05:24,335 --> 00:05:26,975
Então você se inscreve para isso e dentro do subscrito,

73
00:05:26,975 --> 00:05:30,650
você obterá o parâmetro que é

74
00:05:30,650 --> 00:05:35,780
a informação do formulário de feedback que você enviou através do método de enviar feedback.

75
00:05:35,780 --> 00:05:46,400
Lembre-se de como lidamos com a atualização do prato no componente de detalhe do prato no exercício.

76
00:05:46,400 --> 00:05:50,220
Da mesma forma, quando você postar o formulário,

77
00:05:50,220 --> 00:05:53,255
o método de envio de feedback retornará

78
00:05:53,255 --> 00:05:57,440
o objeto de feedback postado voltando de

79
00:05:57,440 --> 00:06:01,840
do lado do servidor para confirmar que o formulário foi enviado com sucesso.

80
00:06:01,840 --> 00:06:04,985
Então, dentro do seu componente de contato,

81
00:06:04,985 --> 00:06:07,635
você vai se inscrever para isso e, em seguida,

82
00:06:07,635 --> 00:06:11,090
quando o objeto de feedback é obtido nesse ponto,

83
00:06:11,090 --> 00:06:16,160
você irá exibir as informações do objeto de feedback como você verá aqui.

84
00:06:16,160 --> 00:06:18,010
Então, quando eu enviar o formulário,

85
00:06:18,010 --> 00:06:21,080
você vai notar imediatamente o spinner progresso indo para lá,

86
00:06:21,080 --> 00:06:24,410
e depois que a submissão é concluída você vai mostrar a conformação

87
00:06:24,410 --> 00:06:28,190
por cinco segundos aqui para mostrar o que

88
00:06:28,190 --> 00:06:29,990
informações foi postado para

89
00:06:29,990 --> 00:06:33,740
o site do servidor e depois de cinco segundos você irá descartar isso e

90
00:06:33,740 --> 00:06:40,300
, em seguida, trazer de volta o formulário vazio para a tela.

91
00:06:40,300 --> 00:06:46,080
Você também percebe que em cada estágio estávamos usando animação.

92
00:06:46,080 --> 00:06:52,940
Você pode fazer uso da animação de expansão para trazer cada estágio para a tela.

93
00:06:52,940 --> 00:06:55,970
Então, quando o usuário clica no botão enviar,

94
00:06:55,970 --> 00:06:59,480
você vai esconder o formulário

95
00:06:59,480 --> 00:07:03,860
primeiro e, em seguida, substituir esse formulário com o girador de progresso na exibição.

96
00:07:03,860 --> 00:07:08,780
Então, quando você obter o objeto de retorno de

97
00:07:08,780 --> 00:07:14,185
o lado do servidor para confirmar que onde o servidor foi atualizado,

98
00:07:14,185 --> 00:07:17,415
então nesse ponto você vai descartar o spinner,

99
00:07:17,415 --> 00:07:20,780
você vai mostrar o conteúdo do objeto de feedback na

100
00:07:20,780 --> 00:07:24,685
a tela por cinco segundos como vimos lá.

101
00:07:24,685 --> 00:07:28,370
Então, depois de cinco segundos você vai descartar isso e

102
00:07:28,370 --> 00:07:31,970
então você vai mostrar um formulário vazio no ponto para que

103
00:07:31,970 --> 00:07:39,830
o usuário pode enviar as próximas informações de feedback se ele ou ela escolher.

104
00:07:39,830 --> 00:07:42,500
Agora, no processo de fazer isso,

105
00:07:42,500 --> 00:07:45,290
você vai ter a ajuda do fato de que quando

106
00:07:45,290 --> 00:07:48,665
você postar qualquer coisa no servidor usando o método post,

107
00:07:48,665 --> 00:07:50,915
o servidor irá retornar

108
00:07:50,915 --> 00:07:55,190
o objeto de feedback de volta para você na forma de um observável e que

109
00:07:55,190 --> 00:07:56,930
observável será passado de volta para

110
00:07:56,930 --> 00:08:02,280
seu componente de contato por meio do método de envio de feedback.

111
00:08:02,280 --> 00:08:04,340
Quando você receber esse observável,

112
00:08:04,340 --> 00:08:05,780
você se inscreve para que observável,

113
00:08:05,780 --> 00:08:09,410
e dentro do método de assinatura você terá acesso ao objeto de feedback

114
00:08:09,410 --> 00:08:13,710
confirmando que as informações de feedback foram publicadas no site do servidor.

115
00:08:13,710 --> 00:08:16,225
Então, nesse ponto,

116
00:08:16,225 --> 00:08:19,580
você vai descartar o spinner progresso e, em seguida,

117
00:08:19,580 --> 00:08:26,660
mostrar as informações de retorno para uma duração de cinco segundos na tela,

118
00:08:26,660 --> 00:08:29,180
e depois disso você vai descartar isso novamente,

119
00:08:29,180 --> 00:08:37,080
e, em seguida, substituir isso por um formulário de redefinição do site do aplicativo.

120
00:08:38,660 --> 00:08:44,735
Então, esses passos exigem que você pense com muito cuidado sobre como você

121
00:08:44,735 --> 00:08:50,620
implementar esta sequência de estágios para a submissão do formulário.

122
00:08:50,620 --> 00:08:53,960
Alguns mais detalhes sobre isso são explicados em

123
00:08:53,960 --> 00:09:01,550
os detalhes da atribuição que são fornecidos nesta lição.

124
00:09:01,550 --> 00:09:06,200
Então, leia isso e se você tiver alguma dúvida por favor sinta-se livre

125
00:09:06,200 --> 00:09:10,990
para postar essas perguntas no fórum e ele será respondido lá.

126
00:09:10,990 --> 00:09:16,385
Agora, esta quarta tarefa vai ser um pouco mais envolvida.

127
00:09:16,385 --> 00:09:22,159
Você precisa planejar sua sequência de estágios corretamente.

128
00:09:22,159 --> 00:09:27,080
Você vai se surpreender que quase todas as partes que você precisa

129
00:09:27,080 --> 00:09:31,430
fazer aqui você encontrou em algum lugar ou outro nos exercícios anteriores.

130
00:09:31,430 --> 00:09:34,460
Então, isso não é nada totalmente novo para você,

131
00:09:34,460 --> 00:09:37,025
mas você só precisa pegar todas essas peças e, em seguida,

132
00:09:37,025 --> 00:09:40,250
juntá-las para implementar esta solução.

133
00:09:40,250 --> 00:09:43,930
Eu já demonstrei que é viável fazê-lo.

134
00:09:43,930 --> 00:09:48,515
Então, isso completa a quarta tarefa nesta atribuição.

135
00:09:48,515 --> 00:09:52,860
Divirta-se completando esta tarefa final.

136
00:09:52,860 --> 00:09:58,640
Tenho certeza que você aprenderá muito concluindo essas quatro tarefas com sucesso.

137
00:09:58,640 --> 00:10:00,050
Mais uma vez, como eu disse,

138
00:10:00,050 --> 00:10:03,110
nenhuma dessas tarefas vai ser complicada.

139
00:10:03,110 --> 00:10:08,180
Você já viu pedaços e pedaços deles nos exercícios anteriores.

140
00:10:08,180 --> 00:10:10,640
Então, deve ser bastante simples para

141
00:10:10,640 --> 00:10:14,090
completar estes, exceto que você precisa ter cuidado no planejamento

142
00:10:14,090 --> 00:10:18,035
as etapas para a apresentação do formulário corretamente e, em seguida, usar

143
00:10:18,035 --> 00:10:21,440
variáveis adicionais judiciosamente para

144
00:10:21,440 --> 00:10:27,000
acompanhar as várias etapas da submissão do formulário aqui.