1
00:00:03,420 --> 00:00:09,220
Agora que temos uma boa compreensão de frameworks JavaScript,

2
00:00:09,220 --> 00:00:12,145
vamos falar especificamente sobre Angular,

3
00:00:12,145 --> 00:00:14,475
uma breve história de Angular,

4
00:00:14,475 --> 00:00:16,140
de onde veio,

5
00:00:16,140 --> 00:00:20,800
e algumas características salientes de Angular antes de ir

6
00:00:20,800 --> 00:00:26,560
para começar nosso primeiro exercício prático com Angular.

7
00:00:26,560 --> 00:00:29,950
Falando um pouco sobre a história de Angular,

8
00:00:29,950 --> 00:00:35,110
Angular evoluiu de sua encarnação anterior como AngularJS.

9
00:00:35,110 --> 00:00:42,590
Angulars foi projetado principalmente por Misko Hevy e foi introduzido por volta de 2012,

10
00:00:42,590 --> 00:00:47,855
e rapidamente se tornou uma estrutura de aplicação de dados muito popular.

11
00:00:47,855 --> 00:00:52,765
Angular que estamos falando neste curso

12
00:00:52,765 --> 00:00:58,725
foi uma completa reimplementação da estrutura Angular.

13
00:00:58,725 --> 00:01:05,980
Então, Angular como você vê agora é um animal totalmente novo com suas próprias novas características,

14
00:01:05,980 --> 00:01:14,220
mas deve alguns de seus conceitos e características à versão anterior do Angular.

15
00:01:14,220 --> 00:01:18,919
Então, você veria alguma terminologia comum entre ambos AngularJS e Angular,

16
00:01:18,919 --> 00:01:23,110
e algumas das abordagens comuns para resolver o problema entre ambos.

17
00:01:23,110 --> 00:01:28,070
Mas a sintaxe angular é significativamente diferente de

18
00:01:28,070 --> 00:01:33,770
a sintaxe AngularJS se você estava familiarizado com AngularJS.

19
00:01:33,770 --> 00:01:37,640
Então, isso requer que você se retreine completamente

20
00:01:37,640 --> 00:01:43,015
na maneira Angular de resolver problemas.

21
00:01:43,015 --> 00:01:50,720
Angular é uma abordagem baseada em componentes para implementar aplicações web.

22
00:01:50,720 --> 00:01:56,315
Então, componente tornou-se a frente e centro de Angular agora.

23
00:01:56,315 --> 00:01:59,830
Embora, a abordagem baseada em componentes foi retroportado para

24
00:01:59,830 --> 00:02:04,060
AngularJS também a partir AngularJS versão 1.5.

25
00:02:04,060 --> 00:02:08,540
Então, se você tem sido abordagem baseada em componentes com AngularJS,

26
00:02:08,540 --> 00:02:14,460
você estará em um território um pouco familiar se você entrar em Angular.

27
00:02:14,460 --> 00:02:19,280
Angular foi projetado desde o início

28
00:02:19,280 --> 00:02:24,325
com suporte móvel para que você possa facilmente abordar plataformas móveis,

29
00:02:24,325 --> 00:02:29,840
e também fornece renderização no lado do servidor para acelerar

30
00:02:29,840 --> 00:02:37,400
a renderização de seu aplicativo web nos navegadores.

31
00:02:37,400 --> 00:02:43,065
Além disso, Angular fornece poderoso motor de modelagem e poderoso suporte de modelagem.

32
00:02:43,065 --> 00:02:48,260
Vamos ver alguns destes em mais detalhes à medida que avançamos neste curso.

33
00:02:48,260 --> 00:02:50,765
Para resumir, o que exatamente é Angular?

34
00:02:50,765 --> 00:02:56,250
Angular é uma estrutura estrutural para projetar aplicações web dinâmicas.

35
00:02:56,250 --> 00:03:00,405
A abordagem baseada em HTML que vimos,

36
00:03:00,405 --> 00:03:06,010
por exemplo, com Bootstrap resulta em documentos principalmente estáticos, é claro,

37
00:03:06,010 --> 00:03:07,720
com jQuery e AJAX,

38
00:03:07,720 --> 00:03:15,430
você pode fazer um pouco de comportamento dinâmico em seus sites usando Bootstrap anteriormente,

39
00:03:15,430 --> 00:03:17,870
mas Angular preenche a lacuna para apoiar

40
00:03:17,870 --> 00:03:23,595
totalmente aplicativos dinâmicos, aplicativos dinâmicos orientados por dados.

41
00:03:23,595 --> 00:03:26,110
Utiliza uma abordagem declarativa.

42
00:03:26,110 --> 00:03:31,000
Falamos sobre a abordagem de programação declarativa na palestra anterior,

43
00:03:31,000 --> 00:03:37,205
então é isso que Angular adota como sua forma de resolver os problemas.

44
00:03:37,205 --> 00:03:39,180
Quando você vem ao mundo Angular,

45
00:03:39,180 --> 00:03:43,025
você vai logo bombardeado com muito vocabulário Angular.

46
00:03:43,025 --> 00:03:46,520
Você ouvirá pessoas falando sobre ligação de dados unidirecional e bidirecional,

47
00:03:46,520 --> 00:03:52,460
e, em seguida, componentes obviamente e então você ouve pessoas falando sobre diretivas,

48
00:03:52,460 --> 00:03:59,005
em seguida, roteamento, modelos e módulos, serviço,

49
00:03:59,005 --> 00:04:03,724
então você vai ouvir as pessoas falar sobre provedor e testes,

50
00:04:03,724 --> 00:04:09,055
e muitos mais, e muito em breve Você vai ficar sobrecarregado com a terminologia.

51
00:04:09,055 --> 00:04:13,855
Neste curso, tomaremos uma abordagem suave em relação a esta terminologia.

52
00:04:13,855 --> 00:04:17,690
Nós não vamos nos incomodar muito com a terminologia, mas

53
00:04:17,690 --> 00:04:23,135
em vez disso entender como nós realmente fazemos uso de Angular.

54
00:04:23,135 --> 00:04:27,125
Com uma compreensão razoável de

55
00:04:27,125 --> 00:04:31,785
esta terminologia, mas como fazemos uso de Angular para resolver problemas?

56
00:04:31,785 --> 00:04:37,685
Estes termos são maravilhosos para polvilhar em sua conversa em coquetéis.

57
00:04:37,685 --> 00:04:40,730
Se você pode até mesmo tentar essas linhas de coleta, “Baby,

58
00:04:40,730 --> 00:04:42,960
você gostaria de ver meus componentes,

59
00:04:42,960 --> 00:04:46,750
ou você trazer os dados e eu serei o provedor.”

60
00:04:46,750 --> 00:04:50,035
Agora, dependendo de quão bem você pode carregá-lo fora,

61
00:04:50,035 --> 00:04:53,310
você pode ser um grande sucesso ou você vai ser atingido.

62
00:04:53,310 --> 00:04:57,520
Às vezes, quando você pesquisa Angular na web,

63
00:04:57,520 --> 00:05:00,850
você vai vê-lo sendo referido como Angular Dois,

64
00:05:00,850 --> 00:05:04,465
e você vai estar se perguntando, é Angular Dois ou é Angular?

65
00:05:04,465 --> 00:05:07,115
Bem, para deixar mais claro,

66
00:05:07,115 --> 00:05:10,790
em um post recente no blog no site Angular,

67
00:05:10,790 --> 00:05:14,570
eles fizeram uma clara distinção entre por que eles vão estar chamando

68
00:05:14,570 --> 00:05:19,940
esta nova estrutura como apenas Angular em vez de Angular Dois,

69
00:05:19,940 --> 00:05:22,055
ou Angular Três, ou Angular Quatro.

70
00:05:22,055 --> 00:05:25,140
Angular entrou em erupção o versionamento semântico

71
00:05:25,140 --> 00:05:30,710
para marcar as várias versões do Angular como o lançamento.

72
00:05:30,710 --> 00:05:34,920
Versionamento semântico que usa a sintaxe como versão principal,

73
00:05:34,920 --> 00:05:36,685
versão secundária e patch.

74
00:05:36,685 --> 00:05:40,450
Patch significa que estas são principalmente correções de bugs,

75
00:05:40,450 --> 00:05:42,985
versão menor que significa pequenas melhorias,

76
00:05:42,985 --> 00:05:46,720
e uma versão principal talvez introduzindo mudanças quebradas.

77
00:05:46,720 --> 00:05:50,940
Então, agora, estamos na versão Angular Six

78
00:05:50,940 --> 00:05:59,530
e Angular Seven versão que vem em setembro ou outubro de 2018,

79
00:05:59,530 --> 00:06:01,670
e a cada seis meses depois,

80
00:06:01,670 --> 00:06:03,980
você verá uma versão importante sendo lançada.

81
00:06:03,980 --> 00:06:05,875
Agora, do seu ponto de vista,

82
00:06:05,875 --> 00:06:07,535
uma vez que você começar,

83
00:06:07,535 --> 00:06:10,820
Angular desenvolvedores prometeram manter

84
00:06:10,820 --> 00:06:16,355
retrocompatibilidade com a aplicação de sintaxe anterior

85
00:06:16,355 --> 00:06:20,825
e um caminho de atualização bem definido

86
00:06:20,825 --> 00:06:25,545
para aqueles que querem passar para as versões mais recentes do Angular.

87
00:06:25,545 --> 00:06:28,300
Então, não se preocupe muito com isso,

88
00:06:28,300 --> 00:06:33,335
o que você vai aprender vai mantê-lo em bom começo por muito tempo.

89
00:06:33,335 --> 00:06:36,940
Não vai ser como de AngularJS para Angular,

90
00:06:36,940 --> 00:06:45,865
esse tipo de mudança de quebra não será visto nas versões futuras do Angular.

91
00:06:45,865 --> 00:06:51,890
Hora de passar para nossos primeiros termos no exercício Angular onde vamos instalar

92
00:06:51,890 --> 00:06:59,250
o angular-cli e, em seguida, criar nosso primeiro aplicativo Angular usando angular-cli.