Скачать или смотреть Live coding Angular: Estratégias de comunicação entre componentes, além do @Input e @Output

Curtiu o tema e quer continuar se aprofundando? Conheça o Angular - Curso Introdutório e desbloqueie o seu próximo nível em Angular GRATUITAMENTE: https://rseat.in/AngularCursoIntrodut...

Guia prático: a comunicação entre Componentes e o Estado no Angular: https://rseat.in/aUou-7kaj

Repositório do projeto: https://github.com/feelipefreitas/liv...

Nesta live especial, Felipe Freitas, desenvolvedor no Itaú, mergulha no universo do Angular para desvendar as melhores práticas de comunicação entre componentes e gerenciamento de estado. Aprenda a refatorar seu código, saindo do uso básico de Input/Output para a robustez dos Services e o poder do RXJS (Behavior Subject, Async Pipe), garantindo aplicações mais escaláveis e de fácil manutenção. Descubra por que Angular continua sendo uma escolha estratégica para sua carreira em 2025, especialmente em grandes empresas e bancos, e como ele se compara ao React em cenários de mercado.

Fique por dentro do lançamento da nova formação Angular da Rocketseat, com o primeiro nível chegando em agosto!

Gostou do conteúdo? Deixe seu like, compartilhe com a comunidade dev e inscreva-se no canal para não perder as próximas lives! Para saber mais sobre a formação Angular e aproveitar a Purple Week, acesse o link na descrição ou aponte seu celular para o QR Code na tela!

00:00:02 - 00:00:31 - Boas-vindas e introdução à live Angular
00:00:31 - 00:01:16 - Quem é o especialista em Angular?
00:01:16 - 00:02:17 - Qual a experiência do Felipe Freitas?
00:02:17 - 00:03:22 - Onde encontrar mais conteúdo Angular?
00:03:22 - 00:04:49 - Quais pré-requisitos para aprender Angular?
00:04:49 - 00:06:53 - Por que aprender Angular em 2025?
00:06:53 - 00:07:38 - Angular é melhor que React?
00:07:38 - 00:09:04 - Como conseguir desconto na Rocketseat?
00:09:04 - 00:09:30 - Onde baixar o código-fonte Angular?
00:09:30 - 00:10:19 - Qual problema da comunicação Input/Output?
00:10:19 - 00:12:09 - Como configurar um novo projeto Angular?
00:12:09 - 00:13:20 - Como iniciar e rodar uma aplicação Angular?
00:13:20 - 00:17:11 - Qual o objetivo do projeto Fake Shop?
00017:11 - 00:18:39 - Como integrar uma API externa no Angular?
00:18:39 - 00:19:58 - Por que usar Services para requisições?
00:20:26 - 00:22:09 - Como criar um Service injetável Angular?
00:22:09 - 00:23:50 - Como usar HttpClient para requisições?
00:23:50 - 00:29:38 - Como criar interfaces para tipagem?
00:29:38 - 00:33:48 - Como consumir um Service no AppComponent?
00:33:48 - 00:39:47 - Como passar dados com @Input?
00:42:50 - 00:47:32 - Como renderizar listas dinâmicas com @for?
00:47:32 - 00:51:09 - Como emitir eventos com @Output?
00:51:09 - 00:55:52 - Qual a melhor forma de adicionar itens?
00:55:52 - 01:01:09 - Como atualizar o contador de itens?
01:01:09 - 01:07:50 - Como controlar a visibilidade de um sidebar?
01:07:50 - 01:13:50 - Como exibir itens do carrinho?
01:13:50 - 01:25:52 - Como remover itens do carrinho?
01:26:48 - 01:36:08 - Como centralizar gerenciamento de estado?
01:36:08 - 01:41:27 - Como usar async pipe e @let?
01:41:27 - 01:44:46 - Como atualizar o header com o carrinho?
01:44:46 - 01:46:48 - Como gerenciar itens do carrinho?
01:46:48 - 01:50:23 - Como finalizar a compra e desabilitar?
01:50:23 - 01:51:12 - Quais os benefícios de refatorar o código?
01:51:12 - 01:55:07 - É preciso saber POO para Angular?
01:55:07 - 01:58:00 - Onde encontrar o código e promoções?
01:58:00 - 01:59:08 - Agradecimentos e próximos passos na Rocketseat

#Angular,#DesenvolvimentoWeb,#Frontend,#Programacao,#CarreiraDev,#Rocketseat,#RXJS,#TypeScript,#GerenciamentoDeEstado

-----

Conecte-se a 500mil devs e avance para o próximo nível com a nossa plataforma: https://rseat.in/rocketseat_

Cadastre-se na nossa plataforma: https://rseat.in/rocketseat_

Junte-se a mais de 392mil devs em nossa comunidade no Discord:   / discord  

Acompanhe a Rocketseat nas redes sociais:
TikTok: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat