1
00:00:00,000 --> 00:00:04,800
[MÚSICA].

2
00:00:04,800 --> 00:00:08,410
Vamos ter uma rápida visão e entendimento
dos Services do Angular.

3
00:00:09,660 --> 00:00:10,910
Quais são eles?

4
00:00:10,910 --> 00:00:12,130
Por que precisamos deles?

5
00:00:12,130 --> 00:00:15,600
E como eles podem ajudar a construir
nossa aplicação Angular?

6
00:00:17,650 --> 00:00:20,480
A primeira pergunta,
Por que precisamos de Services?

7
00:00:22,400 --> 00:00:24,980
Quando desenvolvemos uma repetição em angular,

8
00:00:24,980 --> 00:00:29,675
Nós queremos manter nossos componentes
o mais leve possível

9
00:00:29,675 --> 00:00:34,640
Eles podem principalmente se concentrar
em atuar como um mediador entre

10
00:00:34,640 --> 00:00:39,900
a visão e a lógica da aplicação
a visão e o modelo.

11
00:00:39,900 --> 00:00:44,344
O componente poderia
prover um modelo de visão

12
00:00:44,344 --> 00:00:49,960
Com a habilidade para
nosso componente angular.

13
00:00:49,960 --> 00:00:54,570
Na classe do componente nós queremos

14
00:00:54,570 --> 00:00:59,440
delegar todo o trabalho de
pegar dados do servidor.

15
00:00:59,440 --> 00:01:05,650
Validando os inputs do usuário e
registrando as informações para um service.

16
00:01:05,650 --> 00:01:11,290
Então o service é uma funcionalidade que
está disponível para prover esse tipo de

17
00:01:11,290 --> 00:01:17,260
Recursos que nossos componentes
podem aproveitar para realizar seu trabalho.

18
00:01:18,760 --> 00:01:23,420
Então é ai que a necessidade de
um service aparece.

19
00:01:23,420 --> 00:01:28,720
Nós tentamos fatoras a lógica da aplicação
em serviços e deixar eles fazerem tudo

20
00:01:28,720 --> 00:01:35,120
o trabalho mais pesado de lógica
da aplicação

21
00:01:35,120 --> 00:01:41,480
e o serviço vai cuidar de coisas como
a comunicação com o servidor,

22
00:01:41,480 --> 00:01:45,040
validação e muitos outros recursos.

23
00:01:46,240 --> 00:01:50,260
Nesse contexto você vai encontrar o termo
chamado de injeção de dependência

24
00:01:50,260 --> 00:01:52,230
Que nós falamos vamos falar
com um pouco mais de talhe.

25
00:01:55,100 --> 00:01:58,210
Voltando para essa estrutura
de nosso componente,

26
00:01:58,210 --> 00:02:01,930
Nós vemos que agora nós temos o
componente o template.

27
00:02:01,930 --> 00:02:05,300
Então o template toma conta de
renderizar a view para

28
00:02:05,300 --> 00:02:09,540
Nosso componente e para o componente também
gerencia as propriedades e

29
00:02:09,540 --> 00:02:14,880
A matriz que vai servir para o template
exibir a informação.

30
00:02:14,880 --> 00:02:19,290
Agora, o componente pode então
obter ajuda de um serviço

31
00:02:19,290 --> 00:02:25,350
Nesse caso o serviço vai ser injetado
dentro do serviço para prover

32
00:02:25,350 --> 00:02:30,050
Certos recursos para o
componente fazer uso.

33
00:02:30,050 --> 00:02:33,230
Então o serviço se encarrega de
fazer todo o trabalho

34
00:02:33,230 --> 00:02:38,040
Por trás das cenas que facilitam o componente
de ser capaz de prover.

35
00:02:38,040 --> 00:02:39,970
Bem as propriedades dos métodos para

36
00:02:39,970 --> 00:02:43,390
O template fazer uso enquanto
renderiza a view.

37
00:02:43,390 --> 00:02:47,930
E transportar a inteção do usuário

38
00:02:47,930 --> 00:02:52,290
Ações correlatas de volta para o modelo
de trás das cenas.

39
00:02:53,580 --> 00:02:56,210
No contexto do serviço

40
00:02:56,210 --> 00:03:00,560
Você vai frequentemente ouvir pessoas
mencionando conceitos relacionados.

41
00:03:00,560 --> 00:03:03,850
Coisas como injeção de dependência

42
00:03:03,850 --> 00:03:06,818
Que nós falamos vamos falar
com um pouco mais de talhe.

43
00:03:06,818 --> 00:03:12,349
Aqui também ouviremos sobre
as promises.

44
00:03:13,750 --> 00:03:18,060
Nós vamos falar sobre promises
no próximo módulo.

45
00:03:18,060 --> 00:03:19,900
Eu prometo isso.

46
00:03:19,900 --> 00:03:21,640
E finalmente, você também vai ouvir

47
00:03:23,610 --> 00:03:27,100
pessoas falando sobre ouso de
reactive JavaScript.

48
00:03:27,100 --> 00:03:30,450
Agora, quando nós usamos serviços como
indicado por JavaScript reactive ou

49
00:03:30,450 --> 00:03:33,660
ajuda na realização de certas coisas.

50
00:03:33,660 --> 00:03:38,050
Então nós também vamos dar uma olhada
no contexto reativo do angular

51
00:03:38,050 --> 00:03:40,530
No próximo módulo.

52
00:03:40,530 --> 00:03:46,141
Agora que nós temos um entendimento básico
dos serviços, vamos usá-los em nossa

53
00:03:46,141 --> 00:03:51,306
Aplicação e então conhecer
os services praticando,

54
00:03:51,306 --> 00:03:55,780
implementando alguns serviços
para nossa aplicação angular.

55
00:03:55,780 --> 00:04:02,299
[MÚSICA]
Tradução: Marisa Hart / Helena Lucas Rosa
Revisão: Julia R. Yuri