1
00:00:00,000 --> 00:00:03,112
[MÚSICA]

2
00:00:03,112 --> 00:00:06,571
O que é desenvolvimento web de pilha completa?

3
00:00:06,571 --> 00:00:13,028
Deixe-me esclarecer alguns termos para que possamos começar com um entendimento comum

4
00:00:13,028 --> 00:00:18,781
de desenvolvimento web pilha completa como aplicado nesta especialização.

5
00:00:18,781 --> 00:00:22,640
Muitas vezes ouvimos pessoas falando sobre o front-end e o back-end.

6
00:00:22,640 --> 00:00:27,362
O front-end é onde estamos entregando o conteúdo ao usuário,

7
00:00:27,362 --> 00:00:32,363
geralmente em um navegador, onde o usuário acessa as informações.

8
00:00:32,363 --> 00:00:36,815
E é aqui que usamos tecnologias como HTML,

9
00:00:36,815 --> 00:00:41,822
CSS e Javascript para renderizar o conteúdo para o usuário.

10
00:00:41,822 --> 00:00:46,963
Essa entrega de informações é suportada

11
00:00:46,963 --> 00:00:52,615
nos bastidores por um suporte de back-end, que normalmente é

12
00:00:52,615 --> 00:00:59,039
implementado nos dias de hoje usando tecnologias como PHP Java,

13
00:00:59,039 --> 00:01:03,163
ASP.NET, Ruby, Python ou NodeJS.

14
00:01:03,163 --> 00:01:07,303
Muitas vezes ouvimos pessoas falando sobre a arquitetura de três níveis para

15
00:01:07,303 --> 00:01:08,451
desenvolvimento web.

16
00:01:08,451 --> 00:01:12,965
Nesta abordagem, toda a aplicação web é organizada em três

17
00:01:12,965 --> 00:01:14,320
camadas diferentes.

18
00:01:14,320 --> 00:01:16,073
A camada de apresentação,

19
00:01:16,073 --> 00:01:20,462
que se preocupa com a entrega das informações ao usuário.

20
00:01:20,462 --> 00:01:25,053
Portanto, esta é geralmente as preocupações relacionadas à UI que são tratadas

21
00:01:25,053 --> 00:01:26,896
na camada de apresentação.

22
00:01:26,896 --> 00:01:32,181
A camada lógica de negócios, por outro lado, está mais preocupada com os dados,

23
00:01:32,181 --> 00:01:36,145
a validação de dados, o processamento dinâmico de conteúdo e

24
00:01:36,145 --> 00:01:39,582
a geração do conteúdo a ser entregue ao usuário.

25
00:01:39,582 --> 00:01:44,355
Esse backup é feito nos bastidores com a camada de persistência de dados ou

26
00:01:44,355 --> 00:01:46,012
a camada de acesso a dados.

27
00:01:46,012 --> 00:01:52,392
Portanto, isso se preocupa com a forma como armazenamos e interagimos com os dados,

28
00:01:52,392 --> 00:01:59,361
geralmente na forma de um banco de dados, e acessamos esses dados por meio de uma API.

29
00:01:59,361 --> 00:02:04,070
Explorando isso ainda mais, vamos ver o que é implementado tipicamente

30
00:02:04,070 --> 00:02:08,466
no desenvolvimento web tradicional em cada uma dessas três camadas.

31
00:02:08,466 --> 00:02:12,976
A camada lógica de negócios geralmente é implementada

32
00:02:12,976 --> 00:02:17,816
atualmente usando tecnologias como Ruby, Python

33
00:02:17,816 --> 00:02:21,120
, PHP, Java, C++ ou ASP.net.

34
00:02:21,120 --> 00:02:25,884
Essa camada lógica de negócios está interagindo nos bastidores,

35
00:02:25,884 --> 00:02:31,747
com os dados persistentes, normalmente armazenados no banco de dados relacional e

36
00:02:31,747 --> 00:02:34,780
acessados pela camada lógica de negócios.

37
00:02:34,780 --> 00:02:39,752
A camada lógica de negócios também está preocupada com a renderização de informações

38
00:02:39,752 --> 00:02:44,510
para o lado frontal tipicamente a renderização formal do lado do servidor nos dias de hoje.

39
00:02:44,510 --> 00:02:49,061
Assim, o HTML, CSS e JavaScript é gerado no lado do servidor e

40
00:02:49,061 --> 00:02:52,972
, em seguida, enviado para o lado do cliente na forma de uma página web.

41
00:02:52,972 --> 00:02:58,863
Nesta abordagem, precisamos de especialistas em cada uma dessas três camadas.

42
00:02:58,863 --> 00:03:04,638
Então, um especialista em front-end normalmente seria bem versado em HTML,

43
00:03:04,638 --> 00:03:06,471
CSS e JavaScript.

44
00:03:06,471 --> 00:03:11,151
O especialista em lógica de negócios seria bem versado em uma

45
00:03:11,151 --> 00:03:16,373
das tecnologias que é usado para implementar a lógica de negócios.

46
00:03:16,373 --> 00:03:21,031
E então você precisa de um especialista em dados que seja bem versado nas

47
00:03:21,031 --> 00:03:24,862
relações dos sistemas de gerenciamento de banco de dados.

48
00:03:24,862 --> 00:03:29,813
Há uma tendência crescente para usar uma única linguagem

49
00:03:29,813 --> 00:03:34,482
para implementar toda a pilha, sendo este JavaScript.

50
00:03:34,482 --> 00:03:37,721
Assim, você poderia ter o front-end implementado, por

51
00:03:37,721 --> 00:03:42,541
exemplo, como um aplicativo de página única usando frameworks como Angular.

52
00:03:42,541 --> 00:03:47,224
Você tem o lado do servidor, ou a camada lógica de negócios que está sendo implementada

53
00:03:47,224 --> 00:03:52,074
usando tecnologias como NodeJS, que também é dependente do JavaScript.

54
00:03:52,074 --> 00:03:56,865
E então você tem o armazenamento de dados em si sendo implementado usando

55
00:03:56,865 --> 00:04:02,453
tecnologias como MongoDB que armazena dados na forma de documentos JSON.

56
00:04:02,453 --> 00:04:08,122
E a troca de informações entre o lado do servidor e

57
00:04:08,122 --> 00:04:13,908
o lado do cliente geralmente é feita usando JSON como o formato e o

58
00:04:13,908 --> 00:04:18,533
lado do servidor suporta um ponto final da API de descanso.

59
00:04:18,533 --> 00:04:24,433
Vamos cobrir todas essas tecnologias como parte desta especialização.

60
00:04:24,433 --> 00:04:29,083
Então, à medida que você passar pela especialização, você verá que no

61
00:04:29,083 --> 00:04:33,295
site da camada de apresentação, vamos cobrir Bootstrap 4 e

62
00:04:33,295 --> 00:04:37,173
Angular para implementar aplicações front-end.

63
00:04:37,173 --> 00:04:43,363
Em seguida, na camada lógica de negócios, estaremos usando módulos JS e JS,

64
00:04:43,363 --> 00:04:48,679
e Express para implementar a camada lógica de negócios.

65
00:04:48,679 --> 00:04:53,026
Nós também vamos considerar back-end como um serviço, e,

66
00:04:53,026 --> 00:04:57,712
em seguida, o suporte de dados implementado usando MongoDB.

67
00:04:57,712 --> 00:05:00,616
À medida que você passa pela especialização,

68
00:05:00,616 --> 00:05:05,544
os cursos mais vagos que você encontrará na especialização

69
00:05:05,544 --> 00:05:11,002
Incluem o primeiro curso que lida com frameworks front-end web UI.

70
00:05:11,002 --> 00:05:18,061
Vamos cobrir Bootstrap 4 em detalhes suficientes no primeiro curso.

71
00:05:18,061 --> 00:05:25,723
Também encontraremos ferramentas de desenvolvimento web baseadas no ecossistema NodeJS.

72
00:05:25,723 --> 00:05:31,782
O segundo curso irá lidar com Frameworks JavaScript front-end,

73
00:05:31,782 --> 00:05:35,281
em particular Angular em grande detalhe.

74
00:05:35,281 --> 00:05:40,861
No terceiro curso, vamos olhar para o desenvolvimento móvel híbrido

75
00:05:40,861 --> 00:05:45,823
usando tecnologias como Ionic Framework e Cordova.

76
00:05:45,823 --> 00:05:52,632
Também consideraremos o Nativescript como mais uma abordagem para

77
00:05:52,632 --> 00:05:58,673
fazer o desenvolvimento móvel híbrido no quarto curso.

78
00:05:58,673 --> 00:06:03,514
O curso final, claro, nos traz para o lado do servidor,

79
00:06:03,514 --> 00:06:08,973
onde vamos olhar para o desenvolvimento do lado do servidor usando NodeJS,

80
00:06:08,973 --> 00:06:14,638
módulos NodeJS, Express, MongoDB, e Backend as a Service,

81
00:06:14,638 --> 00:06:18,354
em particular usando loop back framework.

82
00:06:18,354 --> 00:06:22,953
Isso conclui todo o desenvolvimento da Web Full Stack e a

83
00:06:22,953 --> 00:06:25,644
especialização móvel híbrida.

84
00:06:25,644 --> 00:06:28,959
[ MUSIC]