[MUSIC]
Bem-vindo a este curso sobre Frameworks JavaScript Front-End: Angular.
Este é o segundo curso de especialização em aplicações móveis de pilha completa e
multi-plataforma.
Este curso trata de frameworks JavaScript, Angular em particular.
Você deve estar se perguntando, é Angular dois, ou é Angular?
Vamos esclarecer isso na primeira lição sobre introdução ao Angular
neste curso.
Estou feliz que você decidiu participar deste curso.
E espero que você se divirta passando por este curso.
Antes de embarcar neste curso,
Eu quero ter certeza de que você tem conhecimento suficiente de HTML e CSS.
E também bom conhecimento de trabalho de JavaScript, especialmente ES 5 JavaScript.
Agora, este curso vamos usar Typescript como a linguagem para
escrever nossos aplicativos Angulares.
Agora, se você está se perguntando devo saber Typescript e
devo saber ES 2015+, a versão mais recente do JavaScript?
Bem, sua quilometragem pode variar.
Minha abordagem para aprender essas novas línguas é usá-las e
, em seguida, aprender ao longo do caminho.
Então é isso que vamos fazer neste curso.
Eu não vou apresentar explicitamente você ao Typescript especificamente neste curso.
Mas em vez disso, como escrevemos o código, vou ilustrar várias características
de Typescript no contexto de Angular como você desenvolve
a aplicação Angular, nos exercícios como parte deste curso.
Outro ponto que eu gostaria fortemente de esclarecer nesta fase
é que eu olho para o desenvolvimento web e design como duas partes.
A primeira parte é o próprio Web Design, a Experiência do Usuário ou
User Inferface Design, o Design Visual, a Prototipagem, as cores,
gráficos e animação.
E todos os aspectos de como um site ou
até mesmo um aplicativo móvel deve ser projetado.
Agora há o outro aspecto que está construindo e
implantação de aplicativos web e aplicativos móveis.
Agora, neste curso, vamos nos concentrar mais na criação e implantação
de aplicativos web.
Se você está procurando o aspecto de design de web design e desenvolvimento,
então este não é o curso certo para você.
Quando eu falo sobre essa implantação, construção e desenvolvimento
de aplicativos web, estamos falando de habilidades de aprendizagem
que são essenciais para traduzir um design em um código de trabalho.
Então aqui, nesta especialização, já aprendemos sobre o Bootstrap 4.
Neste curso, vamos aprender sobre Angular.
Então vamos aprender sobre Ionic e NativeScript.
E, em seguida, também desenvolvimento do lado do servidor usando nó e nó ecossistema.
Então essa é a concentração deste curso em particular.
Então, estamos falando de codificação real, em vez de design de site.
A outra questão que surgirá em sua mente é o que exatamente é full stack
desenvolvimento web?
Se você já fez o curso anterior,
Eu apresentei você para o desenvolvimento web pilha completa.
Caso contrário, a primeira lição neste curso
seria uma introdução rápida ao desenvolvimento web de pilha completa.
E vamos colocar este curso no contexto do desenvolvimento web pilha completa.
Então é por isso que no primeiro curso cobrimos Bootstrap 4,
neste curso vamos nos concentrar em Angular.
Em seguida, no próximo curso, vamos olhar para Ionic e Cordova para
fazendo multiplicado para desenvolvimento móvel.
Então vamos olhar para NativeScript no quarto curso.
E, finalmente, vamos olhar para o desenvolvimento do lado do servidor,
incluindo ambos fazendo a camada lógica de negócios usando o ecossistema Node.
E a camada de armazenamento de dados usando MongoDB nesta especialização.
Este curso específico, como você espera, concentra-se em Angular.
Você será apresentado aos vários aspectos do quadro Angular através
um conjunto de exercícios que construir uns sobre os outros.
Então é uma sequência de exercícios onde vou introduzir vários conceitos angulares.
E então mostraremos imediatamente como aplicamos esses conceitos no contexto
de uma aplicação Angular que desenvolveremos ao longo deste curso.
Agora, ao longo do caminho, quando projetamos as vistas de Angular,
vamos fazer uso do material Angular, para fazer a interface do usuário de nossos componentes Angulares.
E faremos layouts usando o Angular Flex-Layout neste curso.
A alternativa seria usar o Bootstrap 4 que aprendemos anteriormente.
Mas eu percebi que este curso também irá fornecer a você
uma oportunidade de aprender mais uma estrutura de interface do usuário front-end.
Isso é Material Angular e Flex-Layout Angular para
fazendo exatamente as mesmas coisas que fizemos com o Bootstrap 4.
Dessa forma, você aprende duas maneiras diferentes de abordar o design da interface
usando o Bootstrap 4 ou o Material Angular mais o Layout Flexível Angular.
Nós também vamos apresentá-lo ao básico de digitação
através dos exercícios como dobramos nossa aplicação Angular.
O curso em si será organizado em quatro módulos.
Os quatro módulos são projetados para corresponder a quatro semanas deste curso.
Mas é claro, deixe-me enfatizar para você
que você não precisa ser pressionado pelos prazos que temos neste curso.
Você pode tomar seu próprio tempo para passar pelo curso.
É mais importante entender todos e cada aspecto do Angular.
Se precisar de mais tempo, sinta-se à vontade para passar para a próxima sessão deste curso.
E depois continue.
Todo o trabalho que você tiver concluído em uma sessão será automaticamente transferido
para a próxima sessão do curso.
Portanto, não deixe que os prazos o pressionem a se apressar para concluir este curso.
Agora, tendo dado essa idéia geral,
vamos olhar para o que cada um dos quatro módulos irá cobrir neste curso.
O primeiro módulo irá apresentá-lo ao Full Stack Web Development,
a idéia geral e a visão de imagem grande.
Logo depois, veremos uma breve visão geral do Git e Node.
Se você fez o curso anterior do Bootstrap 4,
então você teria coberto esses dois já no curso anterior.
Então você pode pular rapidamente para
a primeira lição que lhe apresenta Angular, a introdução ao Angular.
Após a introdução ao quadro Angular e, em seguida, configurar nosso aplicativo Angular
usando material Angular e Angular Flex-Layout.
Então vamos passar para estudar mais sobre componentes angulares.
Qual é o papel dos componentes angulares na concepção de um aplicativo Angular e
projetar as várias visualizações que serão suportadas em seu aplicativo Angular.
Isso deve levá-lo até a primeira tarefa neste curso.
O segundo módulo concentra-se em serviços angulares, roteamento
e aplicativos de página única.
Nós analisamos como o feedback Angular suporta o acesso aos dados e
como podemos fazer uso de serviços para acessar os dados.
Além disso, como podemos fazer uso de dados na concepção
nossas visualizações para nossos vários componentes angulares.
Então é aí que o aspecto de ligação de dados entra na imagem.
Então vamos olhar para Roteamento Angular e
como podemos implementar aplicações de página única em Angular.
Eu vou explicar para você o que é um aplicativo de página única e
então vamos olhar para como podemos projetar um usando o quadro Angular.
E isso o levará até a segunda tarefa neste curso.
O terceiro módulo concentra-se em formas angulares.
Em seguida, veremos as Formas Reativas Angulares e
também como a programação Angular e Reativa funcionam juntas.
E como Angular aproveita a programação reativa para
implementando várias formas de suporte dentro do aplicativo Angular.
Então, vamos olhar para formulários orientados por modelos, então vamos olhar para formulários angulares reativos,
então vamos olhar para como Angular suporta promessas.
E então também dê uma breve olhada na programação reativa em RXJs no contexto
de como Angular aproveita RXJs para suportar vários recursos dentro da estrutura.
Isso o levará até a terceira tarefa neste curso.
O módulo final analisa a comunicação cliente-servidor.
Como seu aplicativo Angular pode se comunicar com um servidor
que fornece dados que podem ser obtidos do lado do servidor e
então usado para renderizar as exibições dentro de seu aplicativo Angular.
Correspondentemente, também veremos como as alterações que você deseja que
faça nos dados podem ser refletidas de volta para o lado do servidor,
do seu aplicativo Angular.
Vamos olhar para Angular e o módulo HTTP dentro Angular.
Vamos ver como a API REST é aproveitada para
projetar seu aplicativo Angular,
nós também veremos Animações e Diretivas em Angular.
Em particular, diretivas de atributo em Angular.
Vamos olhar para as diretivas de estrutura no primeiro módulo.
Vamos olhar para o teste de aplicativos angulares brevemente e, em seguida,
olhar para como vamos construir e implantar nosso aplicativo Angular em um servidor.
E isso deve levá-lo até a tarefa final neste curso.
Ao longo do caminho, também temos uma trilha de honras embutida neste curso.
Se você quiser trabalhar em seu próprio projeto usando Angular,
então a trilha de honras lhe dá a oportunidade de trabalhar
em seu próprio projeto dentro deste curso específico.
Então dê uma olhada na pista de honras, e se isso lhe interessa, você também pode prosseguir
desenvolvendo seu próprio projeto Angular dentro do contexto deste curso.
Espero que você goste de passar por este curso e aprender Angular.
A última palavra que vou deixar é ser paciente.
Angular requer muita paciência para aprender.
Haverá muitos conceitos e tecnologias
que você encontrará à medida que passar por este curso.
Por favor, não se apresse apenas para completar o curso.
Aproveite seu próprio tempo para entender cada passo antes de terminar este curso.
Espero que você goste de fazer este curso.
[MÚSICA]