1
00:00:02,270 --> 00:00:06,345
O que é o desenvolvimento Web Full Stack?.

2
00:00:06,345 --> 00:00:11,565
Deixe-me esclarecer alguns termos para que possamos começar com um entendimento comum

3
00:00:11,565 --> 00:00:18,035
de desenvolvimento web pilha completa como aplicado nesta especialização.

4
00:00:18,035 --> 00:00:22,415
Muitas vezes ouvimos pessoas falando sobre o front-end e o back-end.

5
00:00:22,415 --> 00:00:27,000
O front-end é onde estamos entregando o conteúdo ao usuário,

6
00:00:27,000 --> 00:00:32,335
geralmente em um navegador onde o usuário acessa as informações.

7
00:00:32,335 --> 00:00:36,740
É aqui que usamos tecnologias como HTML,

8
00:00:36,740 --> 00:00:41,475
CSS e JavaScript para renderizar o conteúdo para o usuário.

9
00:00:41,475 --> 00:00:48,380
Esta entrega de informações é suportada nos bastidores por

10
00:00:48,380 --> 00:00:57,180
um suporte back-end que é normalmente implementado nos dias de hoje usando tecnologias como PHP

11
00:00:57,180 --> 00:01:02,770
, Java, ASP.NET, Ruby, Python ou NodeJS.

12
00:01:02,770 --> 00:01:08,320
Muitas vezes ouvimos pessoas falando sobre a arquitetura de três níveis para desenvolvimento web.

13
00:01:08,320 --> 00:01:14,260
Nesta abordagem, toda a aplicação web é organizada em três camadas diferentes.

14
00:01:14,260 --> 00:01:20,580
A camada de apresentação que se preocupa com a entrega das informações para o usuário.

15
00:01:20,580 --> 00:01:23,390
Então, esta é geralmente as

16
00:01:23,390 --> 00:01:26,780
preocupações relacionadas à interface do usuário que são tratadas na camada de apresentação.

17
00:01:26,780 --> 00:01:29,840
A camada lógica de negócios, por outro lado, está

18
00:01:29,840 --> 00:01:32,760
mais preocupado com os dados, a validação de dados,

19
00:01:32,760 --> 00:01:39,285
o processamento de conteúdo dinâmico e gerar o conteúdo a ser entregue ao usuário.

20
00:01:39,285 --> 00:01:42,545
Esse backup é feito nos bastidores

21
00:01:42,545 --> 00:01:46,090
com a camada de persistência de dados ou a camada de acesso a dados.

22
00:01:46,090 --> 00:01:52,085
Então, isso se preocupa com a forma como armazenamos e interagimos com os dados,

23
00:01:52,085 --> 00:01:58,620
normalmente na forma de um banco de dados e acessamos esses dados por meio de uma API.

24
00:01:58,620 --> 00:02:03,020
Explorando isso ainda mais, vamos ver o que é implementado

25
00:02:03,020 --> 00:02:08,145
tipicamente no desenvolvimento web tradicional em cada uma dessas três camadas.

26
00:02:08,145 --> 00:02:13,520
A camada lógica de negócios geralmente é implementada nos dias de hoje usando tecnologias como Ruby

27
00:02:13,520 --> 00:02:19,250
, Python, PHP, Java, C++ ou ASP.NET.

28
00:02:19,250 --> 00:02:25,520
Essa camada lógica de negócios está interagindo nos bastidores com

29
00:02:25,520 --> 00:02:28,340
os dados persistentes normalmente armazenados em

30
00:02:28,340 --> 00:02:34,465
um banco de dados relacional e acessados pela camada lógica de negócios.

31
00:02:34,465 --> 00:02:37,415
A camada lógica de negócios também está preocupada

32
00:02:37,415 --> 00:02:41,015
com a renderização de informações para o lado frontal,

33
00:02:41,015 --> 00:02:44,415
normalmente, na forma de renderização do lado do servidor neste caso.

34
00:02:44,415 --> 00:02:47,540
Assim, o HTML, CSS e JavaScript é gerado no

35
00:02:47,540 --> 00:02:52,530
lado do servidor e, em seguida, enviado para o lado do cliente na forma de uma página web.

36
00:02:52,530 --> 00:02:58,870
Nesta abordagem, precisamos de especialistas em cada uma dessas três camadas.

37
00:02:58,870 --> 00:03:06,465
Assim, um especialista em front-end normalmente seria bem versado em HTML, CSS e JavaScript.

38
00:03:06,465 --> 00:03:10,310
O especialista em lógica de negócios seria

39
00:03:10,310 --> 00:03:14,975
bem versado em uma das tecnologias que é usado para

40
00:03:14,975 --> 00:03:17,375
implementar a lógica de negócios e, em seguida, você precisa de

41
00:03:17,375 --> 00:03:24,275
um especialista em dados que será bem versado no sistema de gerenciamento de banco de dados relacional.

42
00:03:24,275 --> 00:03:29,480
Há uma tendência crescente para o uso de uma única linguagem

43
00:03:29,480 --> 00:03:34,510
para implementar toda a pilha, sendo este JavaScript.

44
00:03:34,510 --> 00:03:38,300
Então, você poderia ter o front-end implementado, por exemplo,

45
00:03:38,300 --> 00:03:43,805
como um aplicativo de página única usando frameworks como Angular ou React.

46
00:03:43,805 --> 00:03:46,520
Você tem o lado do servidor ou

47
00:03:46,520 --> 00:03:51,130
a camada lógica de negócios que está sendo implementada usando tecnologias como NodeJS,

48
00:03:51,130 --> 00:03:53,425
que também é dependente do JavaScript.

49
00:03:53,425 --> 00:03:58,430
Então você tem o armazenamento de dados em si sendo implementado usando tecnologias

50
00:03:58,430 --> 00:04:03,960
como MongoDB que armazena dados na forma de documentos JSON.

51
00:04:03,960 --> 00:04:11,525
A troca de informações entre o lado do servidor e o lado do cliente geralmente é feita

52
00:04:11,525 --> 00:04:19,760
usando JSON como o formato e o lado do servidor suporta um ponto de extremidade da API REST.

53
00:04:19,760 --> 00:04:25,065
Vamos cobrir todas essas tecnologias como parte desta especialização.

54
00:04:25,065 --> 00:04:27,870
Então, à medida que você passar por essa especialização,

55
00:04:27,870 --> 00:04:31,370
você verá que no lado da camada de apresentação,

56
00:04:31,370 --> 00:04:33,795
vamos cobrir Bootstrap 4,

57
00:04:33,795 --> 00:04:39,665
um Angular ou React para implementar aplicativos front-end.

58
00:04:39,665 --> 00:04:42,350
Em seguida, na camada lógica de negócios,

59
00:04:42,350 --> 00:04:45,154
estaremos usando módulos NodeJS e NodeJS

60
00:04:45,154 --> 00:04:51,230
e Express para implementar a camada lógica de negócios.

61
00:04:51,230 --> 00:04:54,920
Vamos também considerar back-end como um serviço e, em seguida,

62
00:04:54,920 --> 00:04:59,760
o suporte de dados implementado usando MongoDB.