1
00:00:02,230 --> 00:00:06,260
O que é o desenvolvimento Web Full Stack?

2
00:00:06,260 --> 00:00:09,240
Deixe-me esclarecer alguns termos Então,

3
00:00:09,240 --> 00:00:11,915
que começamos um entendimento comum de

4
00:00:11,915 --> 00:00:17,895
desenvolvimento web pilha completa como aplicado nesta sessão especial.

5
00:00:17,895 --> 00:00:22,360
Muitas vezes ouvimos pessoas falando sobre o frond end e backend.

6
00:00:22,360 --> 00:00:28,095
O frond end é onde estamos entregando o conteúdo para o usuário, normalmente,

7
00:00:28,095 --> 00:00:32,135
em um navegador onde eles usam acessa as informações,

8
00:00:32,135 --> 00:00:36,800
e é aqui que usamos tecnologias como HTML,

9
00:00:36,800 --> 00:00:41,435
CSS e JavaScript para renderizar o conteúdo para o usuário.

10
00:00:41,435 --> 00:00:48,275
Esta entrega de informações é suportada nos bastidores por

11
00:00:48,275 --> 00:00:56,825
um suporte back-end que é normalmente implementado nos dias de hoje usando tecnologias como PHP

12
00:00:56,825 --> 00:01:02,670
, Java, ASP.NET, Ruby, Python ou NodeJS.

13
00:01:02,670 --> 00:01:08,279
Muitas vezes ouvimos pessoas falando sobre a arquitetura de três níveis para Desenvolvimento Web.

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

15
00:01:14,235 --> 00:01:20,500
A camada de apresentação, que está preocupado com a entrega do para o usuário

16
00:01:20,500 --> 00:01:21,545
, Então, esta é geralmente

17
00:01:21,545 --> 00:01:26,710
as preocupações relacionadas à UI que são tratadas na camada de apresentação.

18
00:01:26,710 --> 00:01:29,070
O Business Logic Layer, por outro lado,

19
00:01:29,070 --> 00:01:32,670
está mais preocupado com os dados, a validação de dados,

20
00:01:32,670 --> 00:01:34,570
o processamento dinâmico de conteúdo

21
00:01:34,570 --> 00:01:39,260
e a geração do conteúdo a ser entregue ao usuário.

22
00:01:39,260 --> 00:01:42,500
Esse backup é feito nos bastidores

23
00:01:42,500 --> 00:01:46,030
com a camada de persistência de dados ou a camada de acesso a dados.

24
00:01:46,030 --> 00:01:52,000
Então, isso se preocupa com a forma como armazenamos e interagimos com os dados,

25
00:01:52,000 --> 00:01:58,650
normalmente, na forma de um banco de dados e acessamos esses dados por meio de uma API.

26
00:01:58,650 --> 00:02:02,950
Explorando isso ainda mais, vamos ver o que é implementado

27
00:02:02,950 --> 00:02:08,255
tipicamente no desenvolvimento web tradicional em cada uma dessas três camadas.

28
00:02:08,255 --> 00:02:13,490
O Business Logic Layer é geralmente implementado nos dias de hoje usando tecnologias como Ruby,

29
00:02:13,490 --> 00:02:19,220
Python, PHP, JAVA, C++ ou ASP.NET.

30
00:02:19,220 --> 00:02:25,430
Esta Camada Lógica de Negócios está interagindo nos bastidores com

31
00:02:25,430 --> 00:02:28,260
os dados persistentes normalmente armazenados em

32
00:02:28,260 --> 00:02:34,395
um banco de dados relacional e acessados pela Camada Lógica de Negócios.

33
00:02:34,395 --> 00:02:37,360
O Business Logic Layer também está preocupado

34
00:02:37,360 --> 00:02:40,970
com a renderização de informações para o lado frontal,

35
00:02:40,970 --> 00:02:44,285
normalmente, na forma de renderização do lado do servidor nos dias de hoje.

36
00:02:44,285 --> 00:02:47,480
Assim, o HTML, CSS e JavaScript é gerado no

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

38
00:02:52,460 --> 00:02:58,925
Nesta abordagem, precisamos de especialistas em cada uma dessas três camadas.

39
00:02:58,925 --> 00:03:01,010
Assim, especialistas em frond end, normalmente,

40
00:03:01,010 --> 00:03:06,390
seriam bem versados em HTML, CSS e JavaScript.

41
00:03:06,390 --> 00:03:10,280
O especialista em lógica de negócios seria

42
00:03:10,280 --> 00:03:14,390
bem versado em uma das tecnologias que é usado

43
00:03:14,390 --> 00:03:17,310
para implementar a lógica de negócios e, em seguida, você precisa de

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

45
00:03:24,120 --> 00:03:27,810
Há uma tendência crescente para usar

46
00:03:27,810 --> 00:03:32,225
uma única linguagem para implementar toda a pilha,

47
00:03:32,225 --> 00:03:37,530
isto é JavaScript para que você possa ter o frond end implementado,

48
00:03:37,530 --> 00:03:43,800
por exemplo, como um aplicativo de página única usando frameworks como Angular ou React.

49
00:03:43,800 --> 00:03:46,450
Você tem o lado do servidor ou

50
00:03:46,450 --> 00:03:51,080
o Business Logic Layer sendo implementado usando tecnologias como NodeJS,

51
00:03:51,080 --> 00:03:56,165
que também é dependente e JavaScript e, em seguida, você tem o armazenamento de dados, em si,

52
00:03:56,165 --> 00:03:59,525
sendo implementado usando tecnologias como MongoDB,

53
00:03:59,525 --> 00:04:03,605
que armazena dados na forma de documentos JSON.

54
00:04:03,605 --> 00:04:10,640
E a troca de informações entre o lado do servidor e o lado do cliente geralmente é

55
00:04:10,640 --> 00:04:19,690
feita usando JSON como o formato e o lado do servidor suporta um ponto final da API REST.

56
00:04:19,690 --> 00:04:24,990
Vamos cobrir essas tecnologias como parte desta especialização.

57
00:04:24,990 --> 00:04:27,875
Então, à medida que você passar pela especialização,

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

59
00:04:31,370 --> 00:04:35,510
vamos cobrir Bootstrap quatro e Angular ou

60
00:04:35,510 --> 00:04:40,420
React para implementar aplicações frond end enquanto

61
00:04:40,420 --> 00:04:45,115
na camada lógica de negócios usaremos módulos NodeJS e NodeJS

62
00:04:45,115 --> 00:04:51,100
e express para implementando a Camada Lógica de Negócios.

63
00:04:51,100 --> 00:04:54,720
Vamos também considerar back-end como um serviço e

64
00:04:54,720 --> 00:04:59,400
, em seguida, o suporte de dados implementado usando MongoDB.