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

2
00:00:02,250 --> 00:00:04,410
‫você tem uma boa visão geral

3
00:00:04,410 --> 00:00:06,290
‫de como a web funciona

4
00:00:06,290 --> 00:00:08,913
‫nos bastidores, vamos aprender sobre o que o

5
00:00:08,913 --> 00:00:11,796
‫desenvolvimento back-end da web realmente é e como ele

6
00:00:11,796 --> 00:00:14,415
‫se compara ao desenvolvimento front-end, porque esta

7
00:00:14,415 --> 00:00:17,666
‫é uma distinção muito importante na web mundo do desenvolvimento.

8
00:00:17,666 --> 00:00:20,330
‫Portanto, para distinguir entre o front-end e

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

10
00:00:21,730 --> 00:00:23,980
‫de um site e do desenvolvimento

11
00:00:23,980 --> 00:00:25,619
‫web como um todo,

12
00:00:25,619 --> 00:00:27,767
‫ainda consideramos a mesma arquitetura

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

14
00:00:29,950 --> 00:00:32,269
‫Portanto, em termos gerais, o desenvolvimento

15
00:00:32,269 --> 00:00:35,830
‫front-end envolve tudo o que acontece no navegador da web.

16
00:00:35,830 --> 00:00:38,010
‫Portanto, trata-se de projetar e construir

17
00:00:38,010 --> 00:00:39,940
‫o site final que ficará

18
00:00:39,940 --> 00:00:42,371
‫visível para o usuário e, portanto, o

19
00:00:42,371 --> 00:00:44,123
‫nome do front-end.

20
00:00:44,960 --> 00:00:46,188
‫O desenvolvedor

21
00:00:46,188 --> 00:00:50,024
‫front-end usa as tecnologias básicas: HTML, CSS e

22
00:00:50,024 --> 00:00:54,028
‫JavaScript, que juntos formam a pilha de tecnologia front-end.

23
00:00:54,028 --> 00:00:56,510
‫Agora, muitos desenvolvedores de front-end modernos

24
00:00:56,510 --> 00:00:58,660
‫adicionam mais coisas à pilha

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

26
00:01:03,010 --> 00:01:05,715
‫o que quer que seja legal atualmente.

27
00:01:05,715 --> 00:01:09,150
‫Portanto, essas tecnologias tornam o desenvolvimento front-end mais fácil

28
00:01:09,150 --> 00:01:10,950
‫e todas essas tecnologias

29
00:01:10,950 --> 00:01:12,930
‫juntas que um desenvolvedor ou

30
00:01:12,930 --> 00:01:15,090
‫uma equipe decide usar no front-end,

31
00:01:15,090 --> 00:01:17,169
‫é a pilha de front-end, certo?

32
00:01:17,169 --> 00:01:19,170
‫E você provavelmente já sabe a

33
00:01:19,170 --> 00:01:21,320
‫maior parte dessas coisas, mas ainda quero

34
00:01:21,320 --> 00:01:24,070
‫dar uma breve visão geral de como tudo se

35
00:01:24,070 --> 00:01:25,931
‫encaixa no quadro geral aqui.

36
00:01:25,931 --> 00:01:29,605
‫Tudo bem, e agora passando para o back-end.

37
00:01:29,605 --> 00:01:31,890
‫Essa parte do desenvolvimento web é

38
00:01:31,890 --> 00:01:34,313
‫sobre tudo que acontece no servidor

39
00:01:34,313 --> 00:01:36,350
‫web, então tudo que é

40
00:01:36,350 --> 00:01:37,912
‫invisível para o

41
00:01:37,912 --> 00:01:40,768
‫usuário final e portanto o nome back-end, ok?

42
00:01:40,768 --> 00:01:43,624
‫E já que estamos falando sobre o

43
00:01:43,624 --> 00:01:47,800
‫site do servidor agora, vamos definir o que realmente é um servidor.

44
00:01:47,800 --> 00:01:50,745
‫Bem, um servidor básico é realmente apenas

45
00:01:50,745 --> 00:01:52,880
‫um computador conectado

46
00:01:52,880 --> 00:01:55,990
‫à internet que, primeiro, armazena os arquivos

47
00:01:55,990 --> 00:01:58,670
‫de um site como HTML, CSS

48
00:01:58,670 --> 00:02:01,340
‫e imagens e, segundo, executa

49
00:02:01,340 --> 00:02:04,073
‫um servidor HTTP que é capaz

50
00:02:04,073 --> 00:02:07,600
‫de entender URLs, solicitações e também entregar respostas.

51
00:02:07,600 --> 00:02:10,167
‫Portanto, esse software de servidor

52
00:02:10,167 --> 00:02:13,480
‫HTTP é o que realmente se comunica com

53
00:02:13,480 --> 00:02:16,220
‫o navegador usando solicitações e respostas.

54
00:02:16,220 --> 00:02:18,230
‫Portanto, é como a ponte entre

55
00:02:18,230 --> 00:02:20,160
‫o front-end e o

56
00:02:20,160 --> 00:02:23,140
‫back-end de um site ou aplicativo da web.

57
00:02:23,140 --> 00:02:25,430
‫Agora, um servidor web simples como o

58
00:02:25,430 --> 00:02:28,275
‫que acabei de descrever é chamado de servidor

59
00:02:28,275 --> 00:02:30,530
‫estático, porque tudo o que

60
00:02:30,530 --> 00:02:34,660
‫ele pode realmente fazer é servir arquivos estáticos ao cliente via HTTP.

61
00:02:34,660 --> 00:02:37,293
‫Se você só precisa hospedar um site simples, isso

62
00:02:37,293 --> 00:02:39,570
‫é realmente tudo de que você precisa.

63
00:02:39,570 --> 00:02:41,900
‫Mas se você quiser ir para o próximo

64
00:02:41,900 --> 00:02:43,950
‫nível e criar aplicativos da web dinâmicos

65
00:02:43,950 --> 00:02:46,365
‫que conversem com bancos de dados e todas

66
00:02:46,365 --> 00:02:49,720
‫essas coisas boas, usamos um servidor que também é capaz de

67
00:02:49,720 --> 00:02:51,548
‫executar aplicativos dinâmicos OR, assim

68
00:02:51,548 --> 00:02:53,520
‫como o código que escrevemos e

69
00:02:53,520 --> 00:02:55,779
‫executamos no seção de introdução do curso.

70
00:02:55,779 --> 00:02:58,800
‫Isso é então chamado de servidor dinâmico, onde

71
00:02:58,800 --> 00:03:00,500
‫temos o aplicativo OR

72
00:03:00,500 --> 00:03:02,610
‫em execução, um servidor HTTP

73
00:03:02,610 --> 00:03:05,380
‫e, claro, os arquivos todos se comunicando.

74
00:03:05,380 --> 00:03:07,400
‫E, em alguns casos, isso é

75
00:03:07,400 --> 00:03:09,323
‫tudo de que precisamos

76
00:03:09,323 --> 00:03:12,310
‫para aplicativos OR, mas geralmente quando construímos sites ou

77
00:03:12,310 --> 00:03:14,610
‫aplicativos dinâmicos, também usamos um banco de

78
00:03:14,610 --> 00:03:17,379
‫dados, que podemos acessar diretamente de nossos aplicativos.

79
00:03:17,379 --> 00:03:19,342
‫A propósito, se o termo

80
00:03:19,342 --> 00:03:21,820
‫sites ou aplicativos estáticos e dinâmicos for um

81
00:03:21,820 --> 00:03:23,894
‫pouco confuso para você, não há problema.

82
00:03:23,894 --> 00:03:26,487
‫Falaremos sobre isso no próximo vídeo.

83
00:03:26,487 --> 00:03:28,843
‫De qualquer forma, podemos usar o banco

84
00:03:28,843 --> 00:03:32,004
‫de dados para armazenar coisas como usuários ou dados de

85
00:03:32,004 --> 00:03:34,778
‫aplicativos ou texto para preencher um modelo de site.

86
00:03:34,778 --> 00:03:38,160
‫Em qualquer aplicação séria, sempre haverá um banco de dados

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

88
00:03:40,370 --> 00:03:42,676
‫se comunicará com esse banco de dados.

89
00:03:42,676 --> 00:03:45,090
‫Então, algumas coisas comuns que são tratadas

90
00:03:45,090 --> 00:03:47,200
‫no back-end ou no lado

91
00:03:47,200 --> 00:03:50,088
‫do servidor, como também podemos chamá-lo para criar perfis

92
00:03:50,088 --> 00:03:53,406
‫de usuário, realizar log-in, enviar e-mails, lidar com o pagamento,

93
00:03:53,406 --> 00:03:56,810
‫recuperar e enviar dados de solicitação de um banco de dados

94
00:03:56,810 --> 00:03:59,850
‫para um cliente , manipular dados no banco de

95
00:03:59,850 --> 00:04:02,517
‫dados, preencher modelos de sites e muito mais.

96
00:04:02,517 --> 00:04:05,020
‫E faremos muitas dessas coisas emocionantes ao longo

97
00:04:05,020 --> 00:04:07,233
‫do curso, na verdade, todas elas realmente.

98
00:04:07,233 --> 00:04:10,800
‫Agora, sobre a tecnologia, como você pode imaginar, vamos usar

99
00:04:10,800 --> 00:04:14,235
‫o NodeJS como um servidor web dinâmico e o

100
00:04:14,235 --> 00:04:17,400
‫MongoDB como nosso banco de dados, ou seja, dados

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

102
00:04:19,294 --> 00:04:22,670
‫Mas existem tantas tecnologias de back-end diferentes e

103
00:04:22,670 --> 00:04:25,040
‫pilhas disponíveis para o back-end.

104
00:04:25,040 --> 00:04:28,025
‫Coisas como PHP com banco de dados MySQL ou

105
00:04:28,025 --> 00:04:31,123
‫Python com banco de dados PostgreSQL ou algumas pessoas

106
00:04:31,123 --> 00:04:33,750
‫usam Ruby on Rails talvez até mesmo

107
00:04:33,750 --> 00:04:36,120
‫com algum outro banco de dados.

108
00:04:36,120 --> 00:04:38,430
‫Mas, uma vez que você quer

109
00:04:38,430 --> 00:04:40,980
‫aprender NodeJS bem, vamos usar exatamente isso.

110
00:04:40,980 --> 00:04:43,230
‫E o banco de dados mais popular

111
00:04:43,230 --> 00:04:46,070
‫que é usado com o Node é, sem dúvida, o MongoDB.

112
00:04:46,070 --> 00:04:49,007
‫E, portanto, essa é nossa escolha para uma pilha de back-end.

113
00:04:49,007 --> 00:04:52,237
‫Agora, você deve ter ouvido o termo pilha completa antes, e

114
00:04:52,237 --> 00:04:54,180
‫isso significa simplesmente as pilhas

115
00:04:54,180 --> 00:04:56,710
‫de front-end mais as pilhas de back-end juntas.

116
00:04:56,710 --> 00:04:59,180
‫Portanto, o desenvolvedor que faz o desenvolvimento

117
00:04:59,180 --> 00:05:01,209
‫front-end e back-end pode se

118
00:05:01,209 --> 00:05:04,117
‫autodenominar um desenvolvedor full stack, mas esses desenvolvedores

119
00:05:04,117 --> 00:05:06,410
‫estão cada vez mais raros, especialmente porque

120
00:05:06,410 --> 00:05:08,150
‫o front-end está se

121
00:05:08,150 --> 00:05:11,110
‫tornando cada vez mais complexo nos dias de hoje.

122
00:05:11,110 --> 00:05:14,630
‫Por fim, outra coisa que gostaria de mencionar rapidamente é que,

123
00:05:14,630 --> 00:05:17,150
‫como você pode ver, usaremos o Node

124
00:05:17,150 --> 00:05:19,400
‫aplicado ao desenvolvimento back-end da web

125
00:05:19,400 --> 00:05:21,930
‫e não algo como programação de hardware.

126
00:05:21,930 --> 00:05:24,670
‫Portanto, você pode usar tecnicamente o Node

127
00:05:24,670 --> 00:05:27,240
‫para coisas como drones voadores, robôs

128
00:05:27,240 --> 00:05:30,300
‫de programação ou desenvolvimento de software para dispositivos IFT.

129
00:05:30,300 --> 00:05:32,610
‫Mas, isso está fora do escopo deste curso.

130
00:05:32,610 --> 00:05:35,670
‫Se você deseja programar dispositivos IFT com Node, bem,

131
00:05:35,670 --> 00:05:38,550
‫este curso ainda será útil para você, apenas

132
00:05:38,550 --> 00:05:40,650
‫não é o foco dos projetos

133
00:05:40,650 --> 00:05:42,528
‫que iremos construir, ok?

134
00:05:42,528 --> 00:05:46,100
‫Tudo bem, acho que isso resume a diferença entre o front-end

135
00:05:46,100 --> 00:05:48,425
‫e o back-end do desenvolvimento web, de

136
00:05:48,425 --> 00:05:50,734
‫modo que, daqui para frente, você terá

137
00:05:50,734 --> 00:05:52,970
‫uma boa ideia dos domínios em

138
00:05:52,970 --> 00:05:55,753
‫que o NodeDS é realmente usado no mundo real.