56h

Para conclusão

7
Cursos
3
Artigos

Por 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. 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. 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. 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

Comece hoje mesmo os cursos de Explore o Framework Angular. Matricule-se agora!

Plus

De
R$ 1.800
12X
R$109
à vista R$1.308
  • Acesso a TODOS os cursos da Alura

    Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

Matricule-se

Pro

De
R$ 2.400
12X
R$149
à vista R$1.788
  • Acesso a TODOS os cursos da Alura

    Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Luri powered by ChatGPT

    Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com Luri até 100 mensagens por semana.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas