1
00:00:03,860 --> 00:00:10,845
Infine, eccoci al quarto e ultimo incarico di questo corso.

2
00:00:10,845 --> 00:00:13,350
Cosa facciamo in questo incarico?

3
00:00:13,350 --> 00:00:19,225
Esploreremo gli argomenti trattati in questo particolare modulo.

4
00:00:19,225 --> 00:00:23,255
Comunicazione client-server, l'uso di API di

5
00:00:23,255 --> 00:00:28,600
riposo, rettangoli di riposo e animazioni in questo particolare incarico.

6
00:00:28,600 --> 00:00:32,360
Quindi, quali sono i vari compiti in questo compito?

7
00:00:32,360 --> 00:00:35,759
Questo incarico sarà composto da quattro compiti diversi.

8
00:00:35,759 --> 00:00:41,155
Esaminiamo ognuno di loro in un piccolo dettaglio, il prossimo.

9
00:00:41,155 --> 00:00:45,170
Proprio come abbiamo aggiornato i sondaggi piatto per utilizzare il

10
00:00:45,170 --> 00:00:49,780
client HTTP per contattare il server API resto,

11
00:00:49,780 --> 00:00:56,380
il tuo primo compito in questo compito è quello di aggiornare il servizio di promozioni in modo

12
00:00:56,380 --> 00:00:59,510
che il servizio di promozione vada a recuperare i dati

13
00:00:59,510 --> 00:01:03,320
richiesti sulle promozioni dal lato server.

14
00:01:03,320 --> 00:01:08,210
Quindi, è necessario implementare i tre metodi che ottenere promozioni,

15
00:01:08,210 --> 00:01:11,315
ottenere promozione in primo piano, e ottenere promozione.

16
00:01:11,315 --> 00:01:13,310
Tre diversi metodi lì,

17
00:01:13,310 --> 00:01:15,935
ma in particolare faremo uso della

18
00:01:15,935 --> 00:01:19,760
promozione get featured per ottenere le informazioni per rendere

19
00:01:19,760 --> 00:01:23,090
le informazioni sulle promozioni

20
00:01:23,090 --> 00:01:27,930
sulla homepage per questa particolare applicazione angolare.

21
00:01:27,930 --> 00:01:29,210
Quindi, nella prima attività,

22
00:01:29,210 --> 00:01:34,175
è necessario aggiornare il servizio di promozione per utilizzare il client HTTP e anche

23
00:01:34,175 --> 00:01:36,380
aggiornare il componente home per fare uso

24
00:01:36,380 --> 00:01:39,530
del servizio di promozione per recuperare i dati dal server,

25
00:01:39,530 --> 00:01:44,105
e quindi rendere questa formazione di promozione nella homepage.

26
00:01:44,105 --> 00:01:48,080
Il tuo secondo compito in questo compito è, naturalmente,

27
00:01:48,080 --> 00:01:52,815
aggiornare il servizio leader per utilizzare il client HTTP, oh,

28
00:01:52,815 --> 00:01:54,260
e recuperare i dati dal

29
00:01:54,260 --> 00:01:57,890
server Json per rendere le informazioni sui leader.

30
00:01:57,890 --> 00:02:02,150
Quindi, il leader in primo piano qui dovrebbe essere reso usando il

31
00:02:02,150 --> 00:02:09,640
leader get in primo piano dal servizio leader per recuperare le informazioni dal server.

32
00:02:09,640 --> 00:02:12,380
Allo stesso modo, andando alla pagina about,

33
00:02:12,380 --> 00:02:15,785
le informazioni sulla leadership aziendale che

34
00:02:15,785 --> 00:02:19,670
rendiamo qui dovrebbero essere recuperate dal servizio leader

35
00:02:19,670 --> 00:02:22,895
utilizzando il metodo get leader che dovrebbe usare il

36
00:02:22,895 --> 00:02:27,555
client HTTP per andare a recuperare i dati dal lato server.

37
00:02:27,555 --> 00:02:32,735
Analogamente, aggiornare il metodo get leader nel servizio leader.

38
00:02:32,735 --> 00:02:37,625
Quindi, questo è il secondo compito del tuo incarico. Il

39
00:02:37,625 --> 00:02:43,160
tuo terzo compito nell'assegnazione è quello di attivare il modulo di feedback,

40
00:02:43,160 --> 00:02:46,640
modulo reattivo che abbiamo creato nella pagina dei contatti.

41
00:02:46,640 --> 00:02:49,340
Quindi, in questo modulo di feedback quando l'utente

42
00:02:49,340 --> 00:02:53,420
invia informazioni valide e quindi fa clic sul pulsante di invio,

43
00:02:53,420 --> 00:02:56,810
queste informazioni del modulo di feedback devono essere fornite a

44
00:02:56,810 --> 00:02:59,120
un servizio di feedback che si sta per

45
00:02:59,120 --> 00:03:02,405
implementare come parte della terza attività in questo compito.

46
00:03:02,405 --> 00:03:07,670
Il servizio di feedback supporterà un metodo di feedback di invio che

47
00:03:07,670 --> 00:03:13,565
prende le informazioni del modulo inviate dal componente di contatto,

48
00:03:13,565 --> 00:03:19,580
il metodo on submit del componente di condotta al loro servizio di feedback,

49
00:03:19,580 --> 00:03:23,465
e quindi il metodo di feedback di invio nel servizio di feedback a sua volta utilizzerà il

50
00:03:23,465 --> 00:03:27,905
client HTTP per pubblicare i dati sul server.

51
00:03:27,905 --> 00:03:36,110
Il metodo post prende le informazioni del modulo che viene in come parametro per quel

52
00:03:36,110 --> 00:03:39,410
metodo di feedback di invio e quindi invia tali informazioni

53
00:03:39,410 --> 00:03:46,205
all'URL di feedback sul nostro sito server Json.

54
00:03:46,205 --> 00:03:50,960
L' invio di informazioni al server non sarà istantaneo.

55
00:03:50,960 --> 00:03:54,890
Quindi, nella quarta attività in questo compito,

56
00:03:54,890 --> 00:03:58,520
gestirai il fatto che l'invio delle informazioni

57
00:03:58,520 --> 00:04:02,450
dal modulo di feedback al server richiederà una certa quantità di tempo,

58
00:04:02,450 --> 00:04:06,530
e poi dopo una volta inviate le informazioni con successo,

59
00:04:06,530 --> 00:04:12,050
chiederà all'utente con la conformazione dal lato server.

60
00:04:12,050 --> 00:04:16,515
Quindi, prendiamo questo modulo e poi invieremo il modulo qui.

61
00:04:16,515 --> 00:04:22,110
Quindi, lasciami digitare alcune informazioni nel modulo.

62
00:04:39,500 --> 00:04:42,110
Quindi, una volta che l'utente digita

63
00:04:42,110 --> 00:04:45,680
tutte le informazioni valide nel modulo e quindi fa clic sul pulsante di invio,

64
00:04:45,680 --> 00:04:50,540
invierai queste informazioni attraverso il servizio di feedback al server da pubblicare.

65
00:04:50,540 --> 00:04:53,560
Fino a quando il server non ti risponde,

66
00:04:53,560 --> 00:05:01,805
dovresti visualizzare uno spinner di avanzamento sullo schermo e una volta

67
00:05:01,805 --> 00:05:05,180
ottenute le informazioni di feedback dal lato server e dal lato server confermano che

68
00:05:05,180 --> 00:05:10,220
le informazioni del modulo di feedback sono state inviate correttamente sul lato server.

69
00:05:10,220 --> 00:05:14,855
Quindi, questo è dove quando chiami il metodo di invio del feedback,

70
00:05:14,855 --> 00:05:19,460
il metodo di invio del feedback ti restituirà un oggetto di feedback,

71
00:05:19,460 --> 00:05:24,335
quindi ti iscrivi a quello perché il metodo di invio del feedback restituirà un osservabile.

72
00:05:24,335 --> 00:05:26,975
Quindi ti iscrivi a questo e all'interno della sottoscrizione,

73
00:05:26,975 --> 00:05:30,650
otterrai il parametro che è

74
00:05:30,650 --> 00:05:35,780
l'informazione del modulo di feedback che hai inviato attraverso il metodo di invio del feedback.

75
00:05:35,780 --> 00:05:46,400
Ricordiamo come gestiamo l'aggiornamento del piatto nella componente dettaglio piatto nell'esercizio.

76
00:05:46,400 --> 00:05:50,220
Allo stesso modo, quando pubblichi il modulo,

77
00:05:50,220 --> 00:05:53,255
il metodo di invio del feedback ti restituirà

78
00:05:53,255 --> 00:05:57,440
l'oggetto feedback postato che ritorna

79
00:05:57,440 --> 00:06:01,840
dal lato server per confermare che il modulo è stato inviato correttamente.

80
00:06:01,840 --> 00:06:04,985
Quindi, all'interno del tuo componente di contatto,

81
00:06:04,985 --> 00:06:07,635
ti iscriverai a quello e poi,

82
00:06:07,635 --> 00:06:11,090
quando l'oggetto feedback viene ottenuto a quel punto,

83
00:06:11,090 --> 00:06:16,160
visualizzerai le informazioni dall'oggetto feedback come vedrai qui.

84
00:06:16,160 --> 00:06:18,010
Quindi, quando invio il modulo,

85
00:06:18,010 --> 00:06:21,080
noterai immediatamente lo spinner di avanzamento andando lì,

86
00:06:21,080 --> 00:06:24,410
e poi dopo che la presentazione è completa mostrerai la conformazione

87
00:06:24,410 --> 00:06:28,190
per cinque secondi qui per mostrare quali

88
00:06:28,190 --> 00:06:29,990
informazioni sono state pubblicate

89
00:06:29,990 --> 00:06:33,740
sul sito del server e poi dopo cinque secondi lo farai respingerlo e

90
00:06:33,740 --> 00:06:40,300
quindi riportare il modulo vuoto sullo schermo.

91
00:06:40,300 --> 00:06:46,080
Si nota anche che in ogni fase stavamo usando l'animazione.

92
00:06:46,080 --> 00:06:52,940
È possibile utilizzare l'animazione di espansione per portare in ogni fase sullo schermo.

93
00:06:52,940 --> 00:06:55,970
Quindi, quando l'utente fa clic sul pulsante di invio,

94
00:06:55,970 --> 00:06:59,480
nasconderai

95
00:06:59,480 --> 00:07:03,860
prima il modulo e quindi sostituirai quel modulo con lo spinner di avanzamento nella vista.

96
00:07:03,860 --> 00:07:08,780
Quindi, quando si ottiene l'oggetto di feedback di ritorno dal

97
00:07:08,780 --> 00:07:14,185
lato server per confermare che dove il server è stato aggiornato,

98
00:07:14,185 --> 00:07:17,415
quindi a quel punto si chiude lo spinner,

99
00:07:17,415 --> 00:07:20,780
si mostrerà il contenuto dell'oggetto feedback

100
00:07:20,780 --> 00:07:24,685
sullo schermo per cinque secondi come abbiamo visto lì.

101
00:07:24,685 --> 00:07:28,370
Quindi, dopo cinque secondi lo respingerai e

102
00:07:28,370 --> 00:07:31,970
poi mostrerai un modulo vuoto nel punto in modo che

103
00:07:31,970 --> 00:07:39,830
l'utente possa inviare le informazioni di feedback successive se lui o lei sceglie di farlo.

104
00:07:39,830 --> 00:07:42,500
Ora nel processo di farlo,

105
00:07:42,500 --> 00:07:45,290
prenderai l'aiuto del fatto che quando

106
00:07:45,290 --> 00:07:48,665
pubblichi qualcosa sul server usando il metodo post,

107
00:07:48,665 --> 00:07:50,915
il server restituirà

108
00:07:50,915 --> 00:07:55,190
l'oggetto feedback sotto forma di osservabile e quell'

109
00:07:55,190 --> 00:07:56,930
osservabile verrà restituito al

110
00:07:56,930 --> 00:08:02,280
tuo tramite il metodo di invio del feedback.

111
00:08:02,280 --> 00:08:04,340
Quando ricevi tale osservabile,

112
00:08:04,340 --> 00:08:05,780
ti iscrivi a tale osservabile

113
00:08:05,780 --> 00:08:09,410
e all'interno del metodo di sottoscrizione avrai accesso all'oggetto feedback

114
00:08:09,410 --> 00:08:13,710
che conferma che le informazioni sul feedback sono state pubblicate sul sito del server.

115
00:08:13,710 --> 00:08:16,225
Quindi, a quel punto,

116
00:08:16,225 --> 00:08:19,580
respingerai lo spinner di avanzamento e quindi

117
00:08:19,580 --> 00:08:26,660
mostrerai le informazioni di ritorno per una durata di cinque secondi sullo schermo,

118
00:08:26,660 --> 00:08:29,180
quindi dopodiché lo respingerai di nuovo

119
00:08:29,180 --> 00:08:37,080
e quindi sostituirai con un modulo di reset dal sito di applicazione.

120
00:08:38,660 --> 00:08:44,735
Quindi, questi passaggi richiedono di riflettere molto attentamente su come

121
00:08:44,735 --> 00:08:50,620
implementare questa sequenza di fasi per l'invio del modulo.

122
00:08:50,620 --> 00:08:53,960
Alcuni dettagli su questo argomento sono spiegati

123
00:08:53,960 --> 00:09:01,550
nei dettagli dell'assegnazione forniti in questa lezione.

124
00:09:01,550 --> 00:09:06,200
Quindi, leggere e se avete domande non esitate

125
00:09:06,200 --> 00:09:10,990
a postare queste domande nel forum e vi sarà risposta lì.

126
00:09:10,990 --> 00:09:16,385
Ora, questo quarto compito sarà un po' più coinvolto.

127
00:09:16,385 --> 00:09:22,159
Devi pianificare correttamente la tua sequenza di fasi.

128
00:09:22,159 --> 00:09:27,080
Sarai sorpreso che quasi ogni parte che devi

129
00:09:27,080 --> 00:09:31,430
fare qui hai incontrato da qualche parte o l'altra negli esercizi precedenti.

130
00:09:31,430 --> 00:09:34,460
Quindi, questo non è nulla di completamente nuovo per

131
00:09:34,460 --> 00:09:37,025
te, ma devi solo raccogliere tutti quei pezzi e poi

132
00:09:37,025 --> 00:09:40,250
unirli insieme per implementare questa soluzione.

133
00:09:40,250 --> 00:09:43,930
Ho già dimostrato che è possibile farlo.

134
00:09:43,930 --> 00:09:48,515
Quindi, questo completa il quarto compito in questo compito.

135
00:09:48,515 --> 00:09:52,860
Divertiti a completare questo compito finale.

136
00:09:52,860 --> 00:09:58,640
Sono sicuro che imparerai molto completando questi quattro compiti con successo.

137
00:09:58,640 --> 00:10:00,050
Ancora una volta, come ho detto,

138
00:10:00,050 --> 00:10:03,110
nessuno di questi compiti sarà complicato.

139
00:10:03,110 --> 00:10:08,180
Hai visto pezzi e pezzi di loro negli esercizi precedenti.

140
00:10:08,180 --> 00:10:10,640
Quindi, dovrebbe essere abbastanza semplice

141
00:10:10,640 --> 00:10:14,090
completare questi tranne che è necessario fare attenzione nel pianificare

142
00:10:14,090 --> 00:10:18,035
correttamente le fasi per l'invio del modulo e quindi utilizzare

143
00:10:18,035 --> 00:10:21,440
ulteriori variabili giudiziosamente per

144
00:10:21,440 --> 00:10:27,000
tenere traccia delle varie fasi della presentazione del modulo qui.