Formações Front-end Angular 19: primeiros passos

Formação Angular 19: primeiros passos

Aprenda Angular do zero com TypeScript, boas práticas e exemplos reais

* Esta formação faz parte dos nossos cursos de Front-end

Quero Estudar na Alura

61h

Para conclusão

Cursos

Vídeo extra

Artigos

Por que estudar Angular?

Já domina JavaScript e TypeScript e quer mergulhar no universo do Angular? Essa formação vai te levar do básico ao nível avançado, preparando você para o mercado.

Você começará construindo sua primeira aplicação Angular e entendendo conceitos como componentes, templates, inputs, outputs e ng-content para criar layouts dinâmicos e flexíveis. Depois, vai explorar diretivas, templates avançados e pipes, deixando suas páginas reativas e performáticas.

Aprenda também a trabalhar com formulários reativos, validação, consumo de APIs com HttpClient e criação de serviços, incluindo otimizações de segurança. Finalizamos com rotas, lazy loading e o sistema de signals do Angular 19, garantindo alta performance e boas práticas.

Vamos codar juntos?

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é! :)
Antônio Evaldo
Instrutor e Desenvolvedor de Software nas escolas de Front-end e de Programação da Alura, com foco em JavaScript. Sou técnico em Informática pelo IFPI e cursei Engenharia Elétrica na UFPI. Sou apaixonado por desenvolvimento web e por compartilhar conhecimento de forma encantadora. No tempo livre, assisto séries, filmes e animes.
Antônio Evaldo
Instrutor e Desenvolvedor de Software nas escolas de Front-end e de Programação da Alura, com foco em JavaScript. Sou técnico em Informática pelo IFPI e cursei Engenharia Elétrica na UFPI. Sou apaixonado por desenvolvimento web e por compartilhar conhecimento de forma encantadora. No tempo livre, assisto séries, filmes e animes.
Mônica Mazzochi Hillman
Bacharela em Tecnologias Digitais, especialista em User Experience e pós graduanda em Docência e Performance na Educação a Distância com experiência em suporte técnico de T.I e com tecnologias front-end. Atualmente é Tech Community Manager na Magalu Cloud e instrutora na Alura. Nas horas vagas gosta de assistir animes e produções da marvel, ouvir kpop e post-hardcore, jogar Valorant e TFT.
Mônica Mazzochi Hillman
Bacharela em Tecnologias Digitais, especialista em User Experience e pós graduanda em Docência e Performance na Educação a Distância com experiência em suporte técnico de T.I e com tecnologias front-end. Atualmente é Tech Community Manager na Magalu Cloud e instrutora na Alura. Nas horas vagas gosta de assistir animes e produções da marvel, ouvir kpop e post-hardcore, jogar Valorant e TFT.
Charleston Josué Campos
Charleston é um Engenheiro de Software com um enfoque especial em arquitetura, design e implementação de sistemas distribuídos, incluindo microsserviços e micro frontends. Com vasta experiência no desenvolvimento e integração de aplicativos complexos.
Charleston Josué Campos
Charleston é um Engenheiro de Software com um enfoque especial em arquitetura, design e implementação de sistemas distribuídos, incluindo microsserviços e micro frontends. Com vasta experiência no desenvolvimento e integração de aplicativos complexos.

Passo a passo

1 Primeiros passos no Angular
Nesse começo de jornada, você vai aprender o essencial para entrar no mundo do Angular com estilo. Vamos configurar o ambiente, criar sua primeira aplicação e entender como componentes, templates e diretivas trabalham juntos para construir interfaces modernas.
Além disso, você vai descobrir como passar dados entre componentes com inputs e outputs, usar ng-content para layouts dinâmicos e explorar o ciclo de vida dos componentes para maximizar a interatividade. Tudo isso na prática, construindo um app que já começa a mostrar o potencial do Angular 19.
- Curso Angular 19: estruture componentes com signals e controle de fluxo
  10h
- Artigo Entendendo os Signals do Angular | Alura
- Curso Angular 19: aplicando interação entre componentes com inputs e outputs
  10h
- Vídeo Se prepare para entrevistas de vagas de Front-End | Hipsters: Entrevista de Emprego Tech - YouTube
2 Templates, diretivas, gestão de estado e formulários
Agora é hora de dar vida às suas aplicações Angular. Vamos explorar templates e diretivas para criar interfaces dinâmicas e flexíveis, além de aprender a trabalhar com formulários reativos e dinâmicos.
Você vai dominar o controle de fluxo com diretivas como @if e @for, usar pipes para transformar dados e criar templates reutilizáveis com ng-template e ng-container. Nos formulários, vamos mergulhar em validações, tipagem estrita e construção de formulários que respondem às necessidades do usuário.
Tudo isso com muito código na prática, garantindo que você esteja pronto para criar aplicações robustas e interativas. Bora continuar?
- Curso Angular 19: diretivas, projeção de conteúdo e interações com o DOM
  10h
- Artigo Como usar a Guarda de Rotas Funcional em Angular? | Alura
- Curso Angular 19: aprenda a criar e validar reactive forms
  12h
3 Rotas
Nesse passo da formação você vai aprender a estruturar a navegação da sua aplicação Angular como um verdadeiro profissional. Vamos explorar rotas dinâmicas, rotas protegidas e estratégias que garantem uma experiência fluida para o usuário.
Além disso, você vai dominar o lazy loading, carregando apenas os módulos necessários para otimizar a performance da sua aplicação. É a cereja do bolo pra fechar sua jornada com o Angular 19 com chave de ouro. Bora fazer isso acontecer?
- Curso Angular 19: implementando Lazy Loading na sua aplicação
  02h
- Curso Angular 19: autenticação, proteção e manipulação de rotas
  06h
4 Serviços
Chegamos a um dos momentos mais importantes da sua jornada: aprender a conectar sua aplicação Angular ao mundo externo. Aqui, você vai dominar o sistema de injeção de dependências do Angular e criar serviços que organizam e centralizam a lógica do seu app.
Além disso, vamos configurar e usar o HttpClient para consumir APIs externas, aprender a lidar com requisições e respostas e até implementar interceptores para garantir segurança e eficiência.
É neste passo que sua aplicação começa a ganhar cara de produto real, capaz de trocar informações com o back-end de forma fluida e escalável.
- Curso Angular 19: criando serviços e consumindo API com HttpClient
  08h
- Artigo Services e injeção de dependência no Angular: o que são e como funcionam? | Alura