Formações Front-end Explore o Framework Angular
Formação Explore o Framework Angular
Aprenda a trabalhar com o Framework criado e mantido pelo Google
* Esta formação faz parte dos nossos cursos de Front-end
Quero Estudar na Alura
56h
Para conclusão
7
Cursos
3
ArtigosPor que estudar Angular?
Criado e mantido pelo Google, o Angular é um framework tão completo, que é considerado uma verdadeira plataforma de desenvolvimento, possibilitando a criação de aplicações robustas, seguras e escaláveis, utilizando tecnologias como TypeScript, HTML e CSS. Nesta formação você aprenderá a:
- Compreender os conceitos de arquitetura do framework
- Desenvolver o seu primeiro CRUD (Criar, Ler, Atualizar e Deletar) usando o Angular
- Evoluir a aplicação com novas funcionalidades e refatoração de código
- Trabalhar com formulários orientados a templates, uso de diretivas e comunicação entre componentes
- Programar de forma reativa utilizando a biblioteca RxJS
Clique aqui e acesse o Tech Guide para acompanhar sua evolução e matricule-se na formação para planejar à sua trilha de estudos com acesso direto pelo Dashboard.
Em caso de dúvidas, acesse o Fórum ou interaja com a comunidade no Discord.
Vamos mergulhar?!
Por que estudar esta formação?
Guia de aprendizado
Conteúdos pensados para facilitar seu estudo
Do básico ao avançado
Formação completa para o mercado
Você dentro do mercado
Do zero ao sonhado emprego em sua área de interesse
Comece essa formação agora mesmo e capacite-se para seu próximo projeto!
Conheça os planos
Com quem você vai aprender?
Nayanne Batista
Nayanne (Nay) é uma paraibana arretada que fez transição de carreira para a TI depois de concluir um doutorado na área da saúde e ser professora no ensino superior. Graduada em Análise e Desenvolvimento de Sistemas, já atuou como Dev Frontend em projetos e hoje é Instrutora na Alura. Acredita completamente no poder transformador da educação e da tecnologia na vida das pessoas. Ama livros e café! :)
-
Nayanne Batista
Nayanne (Nay) é uma paraibana arretada que fez transição de carreira para a TI depois de concluir um doutorado na área da saúde e ser professora no ensino superior. Graduada em Análise e Desenvolvimento de Sistemas, já atuou como Dev Frontend em projetos e hoje é Instrutora na Alura. Acredita completamente no poder transformador da educação e da tecnologia na vida das pessoas. Ama livros e café! :)
DIEGO CARLOS MARTINS GAYOSO
Brasiliense, apaixonado por games e programação.
-
DIEGO CARLOS MARTINS GAYOSO
Brasiliense, apaixonado por games e programação.
Passo a passo
1 Bases do Angular
Neste passo você aprenderá como criar uma aplicação através da ferramenta Angular CLI e entender sua estrutura baseada em componentes. Também verá como aplicar os principais conceitos utilizados no Angular, como templates, diretivas, services e injeção de dependências.
Em seguida compreenderá como funciona a configuração de rotas da aplicação e utilizar o HTTPClient do Angular para fazer requisições ao back-end e desenvolver um CRUD.
Além disso entenderá como construir formulários e como aplicar validações.
-
Artigo Como começar com Angular
-
Artigo Node.js para Frameworks Front-end | Alura
-
Curso Angular 14: aplique os conceitos e desenvolva seu primeiro CRUD
10h - Utilize a ferramenta Angular CLI para criar um projeto e diversos tipos de arquivos
- Entenda a estrutura de um componente em Angular
- Aprenda como usar property binding, interpolação, event binding e two-way data binding
- Conheça algumas das principais diretivas do Angular
- Adicione navegação dinâmica entre componentes através das rotas
- Aplique injeção de dependências na aplicação
- Realize requisições HTTP através da classe HttpClient e desenvolva um CRUD
-
Curso Angular 14: evoluindo a aplicação
08h - Aprenda a construir formulários reativos
- Aplique validações no formulário através da classe Validators
- Acrescente a funcionalidade de busca na aplicação
- Adicione paginação aos dados
- Envie parâmetros na URL por meio do HttpParams
- Implemente a função "favoritar"
- Utilize o serviço Router para recarregar um componente
-
Artigo Angular: como funciona um componente? | Alura
-
Curso Angular: formulários orientados a templates
08h - Conheça o formulário orientado a template
- Entenda como usa o FormsModule e suas diretivas
- Sabia como utilizar validações padrões
- Entenda como criar diretivas validadoras
- Implemente validação assincrona com uso de API
-
2 Gerencie o ciclo de vida de componentes e fluxo de dados reativos com a biblioteca RxJS
No segundo passo, você aprenderá a controlar e gerenciar o comportamento de componentes em diferentes fases da sua vida, como inicialização, atualização, detecção de alterações e destruição. Também aplicará a biblioteca RxJS, permitindo a programação de maneira reativa no Angular, incluindo a criação de observables, uso de operadores de transformação e combinação, e a implementação de fluxo de dados assíncronos.
-
Curso Angular: ciclo de vida
06h - Entenda como funciona o ciclo de vida de componentes no Angular
- Conheça quais são os hooks de ciclo de vida
- Entenda como implementar cada hooks e criar as lógicas para cada um deles
-
Curso RxJS e Angular: programando de forma reativa
08h - Conheça o padrão de projeto Observer
- Entenda como utilizar Observables
- Saiba como debugar o fluxo do observable com o operador tap
- Aprenda a manipular os dados retornados do backend com o operador map
- Otimize a busca typeahead com os operadores switchMap, filter e debounceTime
- Realize unsubscribe automático através do pipe async
- Lide com erros na aplicação utilizando catchError e throwError
-
3 Melhore a experiência da pessoa usuária com animações e interações atrativas no Angular
Aprenda animações e interações atrativas e envolventes para melhorar a experiência da pessoa usuária em uma aplicação Angular. Neste passo também será possível entender como gerenciar o ciclo de vida dos componentes para otimizar a performance e garantir estabilidade da aplicação.
-
Curso Angular: torne sua aplicação interativa e personalizada com animações
06h - Aprenda a utilizar o módulo de animações do Angular
- Entenda como adicionar gatilhos nos elementos do template com o método trigger
- Saiba como animar diferentes estados do elemento com os métodos state e style
- Aplique diferentes formas de adicionar animações às transições de estado do elemento com os métodos transition e animate
- Conheça os estados reservados void e coringa
- Anime elementos que não estão anexados ao DOM com :enter e :leave
-
Curso Angular: aprimore suas técnicas de animação e crie interfaces ainda mais atraentes
08h - Adicione estilos intermediários às animações com keyframes
- Personalize a velocidade e aceleração usando cubic-bezier
- Crie animações simultâneas com group
- Anime elementos aninhados com query
- Atualize dados da aplicação utilizando BehaviorSubject
- Sequencie suas animações com stagger
- Desabilite animações quando nece
-
Escola
Front-end
Além dessa, a categoria Front-end conta com cursos de HTML, CSS, React, Angular, JavaScript, jQuery,e mais...
Conheça a Escola
