Curso Completo de Desenvolvedor Angular: Do Zero à Maestria

Fique pronto para o trabalho com Angular! Domine a versão mais recente do Angular e aprenda a construir aplicativos de grande escala que o diferenciam

Avaliação: 4.3 de 51726 avaliações

Total de horas: 27.5

Aulas: 323

Nível: Todos os níveis

Fique pronto para o trabalho com Angular! Domine a versão mais recente do Angular e aprenda a construir aplicativos de grande escala que o diferenciam.

Recém-lançado com as melhores práticas e tendências do Angular para 2023! Junte-se a uma comunidade online ao vivo com mais de 600.000+ desenvolvedores e um curso ministrado por especialistas do setor que trabalharam tanto no Vale do Silício quanto em Toronto com o Angular. Usando a versão mais recente do Angular, este curso é focado em eficiência e em transformá-lo em um desenvolvedor Angular profissional. Nunca mais perca tempo com tutoriais confusos, desatualizados e incompletos! Os graduados dos cursos de John agora estão trabalhando no Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook (Meta) e outras grandes empresas de tecnologia por um motivo. Garantimos que este é o recurso online mais abrangente sobre o Angular. Este curso baseado em projetos irá apresentá-lo a toda a cadeia de ferramentas moderna de um desenvolvedor Angular (formalmente AngularJS/Angular.js) em 2023. Ao longo do caminho, construiremos um aplicativo de compartilhamento de vídeos massivo usando Angular, TypeScript, WebAssembly, Rust, RxJS, TailwindCSS, Firebase e muito mais! Este será um aplicativo Fullstack. Também construiremos outros mini projetos ao longo do caminho para que você se sinta confiante em implantar qualquer projeto Angular em produção no futuro por conta própria! Todo o código será fornecido passo a passo e mesmo que você não goste de codificar junto, você terá acesso a todo o código dos projetos que construímos para que qualquer pessoa inscrita no curso tenha seu próprio projeto para colocar em seu portfólio imediatamente. Por fim, este curso estará em constante evolução e atualização à medida que o cenário muda. Assim como o ecossistema do Angular evolui, queremos que este curso seja constantemente atualizado com palestras e recursos para que você possa voltar a ele e encontrar as melhores práticas mais recentes do Angular a qualquer momento no futuro.

Aqui está o que o curso abordará:

1. INICIANDO O ANGULAR - Nesta seção, exploraremos como uma aplicação Angular é iniciada no navegador. Ao contrário de outros frameworks, o Angular fornece aos desenvolvedores muitos códigos iniciais para um projeto inicial. Como o Angular carrega uma aplicação? O que é compilação antecipada? O que são plataformas? Esses são os tipos de perguntas que serão respondidas nesta seção, juntamente com uma introdução a módulos e componentes.
2. (Opcional) TYPESCRIPT - Nesta seção, os alunos aprenderão os fundamentos do TypeScript. Embora seja opcional, o Angular é amplamente escrito com TypeScript. O objetivo desta seção é deixá-lo atualizado sobre o TypeScript para o desenvolvimento Angular. Os tópicos incluem anotações de tipo, inferência de tipo, genéricos, interfaces e decoradores.
3. FUNDAMENTOS DE COMPONENTES - Nesta seção, exploraremos os componentes em profundidade. Os componentes são considerados os blocos de construção de uma aplicação. Eles são uma funcionalidade para ensinar aos navegadores novas tags HTML. Começaremos desde o básico do binding de propriedades e avançaremos para tópicos como inputs/outputs, projeção de conteúdo e ganchos de ciclo de vida.
4. TRANSFORMANDO CONTEÚDO - Nesta seção, daremos o próximo passo no trabalho com componentes, descobrindo diretivas e pipes. Eles são uma funcionalidade para transformar a saída de conteúdo, seja em aparência ou comportamento. O Angular possui dezenas de pipes e diretivas, a maioria das quais será abordada.
5. PROJETO PRINCIPAL: DESIGN DE COMPONENTES - Nesta seção, finalmente começaremos a trabalhar no projeto principal deste curso. Vamos construir um aplicativo de compartilhamento de vídeos para jogadores! Construir aplicativos de grande escala pode ser desafiador. Você aprenderá como estruturar uma aplicação utilizando padrões de design comuns para componentes. Conceitos como serviços, singletons, projeção de conteúdo de vários slots, lidar com vazamentos de memória e integração com TailwindCSS são discutidos nesta seção.
6. PROJETO PRINCIPAL: FORMULÁRIOS REATIVOS - Nesta seção, começaremos a trabalhar no registro de contas com formulários reativos. Formulários podem ser complicados de lidar. O Angular possui um módulo para nos ajudar a lidar com validação, envio e renderização de formulários. Esta seção se concentrará em lidar com formulários no Angular.
7. PROJETO PRINCIPAL: FORMULÁRIOS DE TEMPLATE - Nesta seção, vamos analisar um módulo alternativo para trabalhar com formulários chamado formulários de template. Vamos falar sobre as diferenças entre formulários de template e formulários reativos. No final, você terá uma boa ideia de quando usar cada sistema de módulo.
8. INTRODUÇÃO AO RXJS - Nesta seção, aprenderemos sobre o RXJS para nos ajudar a lidar com operações assíncronas. O RXJS é uma biblioteca que nos ajuda a lidar com fluxos de dados e alimentá-los em vários componentes. Em alguns casos, você pode precisar se inscrever em várias fontes de dados. Com o RxJS, podemos simplificar facilmente o fluxo de dados do início ao fim.
9. PROJETO PRINCIPAL: AUTENTICAÇÃO - Nesta seção, voltaremos ao nosso projeto principal para adicionar autenticação. Nos bastidores, integraremos o Firebase para nos ajudar a armazenar dados do usuário, lidar com tokens e autenticar usuários. Por fim, usaremos o RxJS para nos ajudar a lidar com a resposta do Firebase.
10. PROJETO PRINCIPAL: VALIDADORES PERSONALIZADOS - Nesta palestra, vamos revisitar os formulários para lidar com validação personalizada. A validação síncrona e assíncrona é suportada no Angular. Isso nos levará a um padrão de design chamado funções de fábrica para criar validadores dinâmicos. Mais importante ainda, aprenderemos como lidar com erros personalizados.
11. PROJETO PRINCIPAL: ROTEAMENTO - Nesta seção, aprenderemos como o roteamento abrirá as portas para organizar nosso projeto em páginas/componentes separados. Por baixo dos panos, o Angular aproveita a API de histórico para aumentar o desempenho do aplicativo, impedindo o navegador de baixar novamente os ativos na navegação. O Angular está repleto de recursos que suportam parâmetros, consultas, curingas, geração de links, redirecionamento e muito mais.
12. PROJETO PRINCIPAL: ENVIO DE ARQUIVOS - Nesta seção, começaremos a enviar arquivos para o Firebase. É vital que validemos os arquivos com o Firebase. Não queremos que os usuários baixem acidentalmente um arquivo malicioso ao assistir vídeos. Abordaremos como impor a validação com as regras do Firebase. Depois disso, armazenaremos informações adicionais em um banco de dados. Até mesmo abordaremos como implementar uma solução alternativa caso o recurso de arrastar e soltar não esteja disponível.
13. WEBASSEMBLY E RUST - Nesta seção, vamos nos afastar do projeto principal para discutir o WebAssembly e o Rust. O WebAssembly é uma nova tecnologia para interagir com o hardware do usuário a partir do navegador. Não vai demorar muito para que o WebAssembly se torne uma habilidade comum entre os desenvolvedores. Esteja à frente da curva aprendendo como ele pode nos ajudar a trazer experiências de desktop para o navegador. Não se