Você sabia que ao assinar um plano você terá acesso a TODOS os cursos do portal?
São mais de 4.000 horas de conteúdo, distribuídos em mais de 350 cursos completos!

Curso de Angular - Elementos Customizados: Componentes, Diretivas e Pipes

Aprenda como criar seus elementos no Angular

Veja uma aula de exemplo

Plano de acesso Anual

economize R$480
de 12x de R$97
por: 12x de R$57
ou R$ 684,00 à vista
  • 1 ano de acesso a todos os cursos da plataforma e muito mais!

Plano de acesso Mensal

Recorrente e sem fidelidade
por apenas
R$97/mês
Pagamento recorrente no boleto
ou cartão de crédito
  • 30 dias de acesso a todos os cursos da plataforma e muito mais!
Conheça os nossos planos de acesso total aos cursos
  • Conteúdo + de 4.000 horas de conteúdo
  • Conteúdo + de 200.000 alunos capacitados
  • Conteúdo + de 12 anos de experiência em EAD
  • Conteúdo cursos novos toda quarta-feira
Quero conhecer os planos

Sobre o curso

O Angular (antes conhecido como Angular 2) é o novo framework desenvolvido pela mesma equipe do Google que desenvolveu o famoso AngularJS. Ele foi feito do zero, mantendo apenas o nome. Nesta nova ferramenta foram seguidos padrões da web moderna, técnicas e boas práticas que foram aprendidas com os erros cometidos no desenvolvimento da ferramenta anterior. Por esses motivos, ele vem sendo amplamente requisitado no mercado para desenvolvimento web e mobile. Neste curso iremos aprender a trabalhar com componentes, diretivas e pipes, elementos indispensáveis para se criar elementos de interface e views.

Conhecimentos adquiridos

Neste curso iremos aprender sobre a criação e uso de componentes, diretivas e pipes. São vídeo aulas e apostilas que mostram como utilizar e criar estes elementos disponíveis no Angular. Também serão passados exercícios para que você possa fixar, praticar e aplicar o conteúdo aprendido durante o curso. Dentre várias outras coisas, você verá: - Componentes; - @Input e @Output properties; - Diretivas estruturais e de atributos; - HostListener e HostBinding; - Pipes.

Para quem é esse curso?

Este curso é destinado àqueles que já saibam o básico de Angular e queiram melhorar suas técnicas de desenvolvimento de elementos, aprendendo tudo sobre componentes, diretivas e pipes.

Quais os pré-requisitos para esse curso?

Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.

  • Curso com 1h54 horas de vídeos
  • Curso com certificado de 6 horas
  • Curso com 11 exercícios de fixação
Ambiente do Curso
Visual Studio Code
Google Chrome - 67
Node.js - 10.6.0
Angular CLI - 6.0.8
Metodologia
Videoaulas
Texto e imagens
Início imediato
Exemplos práticos
Testes de aprendizado
Baixar esta ementa

1 - Conheça o mundo dos Componentes
Apresentação do Curso Visualizar
O que são componentes?
Ciclo de Vida dos Componentes
A web pré e pós componentes Visualizar
Códigos do Curso
Repositório do Curso
2 - Começando com Componentes
Criando Componentes Visualizar
Trabalhando com o ciclo de vida
Input Properties
Output Properties
Two-way Data Bind - @Input e @Output juntos!
@ViewChild - Acessando o DOM
Dinamismo com Segurança - DOMSanitizer
Projeto: Componentizando itens de lista
Exercícios
3 - Aninhamento de Componentes
NgContent Visualizar
Múltiplos NgContents
4 - Estilização de Componentes
Template e Estilos Inline
Estilizando o Container e Conteúdo de Componentes - :host e >>
5 - Diretivas
NgClass
NgStyle Visualizar
Criando Diretivas de Atributos
Renderer2
HostListener
HostBinding
Criando Diretivas Estruturais
Projeto: Criando animações com diretivas
Exercícios
6 - Pipes
O que são Pipes?
Pipes do Angular
Criando Pipes
Projeto: Formatação com Pipes
Exercícios
7 - Conclusão
Depoimento / Brinde

Conheça nossos
planos de acesso!

Plano de acesso Anual

economize R$480
de 12x de R$97
por: 12x de R$57
ou R$ 684,00 à vista
  • 1 ano de acesso a todos os cursos
  • Plano de carreira personalizado
  • Cursos novos toda semana
  • Certificados digitais inclusos
  • Suporte direto com professores
  • Suporte com SLA de 4 horas úteis
  • Aplicativos para Android e iOS
  • Acesso offline através dos apps

Plano de acesso Mensal

Recorrente e sem fidelidade
por apenas
R$97/mês
Pagamento recorrente no boleto
ou cartão de crédito
  • 30 dias de acesso a todos os cursos
  • Plano de carreira personalizado
  • Cursos novos toda semana
  • Certificados digitais inclusos
  • Suporte direto com professores
  • Suporte com SLA de 4 horas úteis
  • Aplicativos para Android e iOS
  • Acesso offline através dos apps

Resultados de quem
já é nosso aluno!

  • Comentei no curso básico que senti falta de alguns tópicos do curso e, logo em seguida recebi um e-mail informando que o conteúdo desejado estaria neste curso de (Elementos Customizados, Diretivas e Pipes). Quero agradecer ao Sr. Felipe Monteiro pela atenção e informar que, o curso foi excelente, muito explicativo. Sanei minha dúvida e consegui resolver a questão no sistema que estava construindo. Frankilin Sarmento (Salvador - BA) Angular - Elementos Customizados: Componentes, Diretivas e Pipes
    Frankilin Sarmento
  • O curso superou as expectativas principalmente por utilizar a linguagem C e não o Pascal como de costume para quem está iniciando. Logicamente, algoritmos é um assunto que temos que praticar muito e muito mais para a organização de nossos pensamentos e a maneira de colocar o raciocínio em uma linguagem de programação. No lugar do Scratch, que foi bem interessante conhecer a ferramenta, até então nunca tinha ouvido falar, poderíamos treinar mais o Fluxograma em alguns algoritmos. Excelente curso. Super recomendo! Abraços. Carlos Xavier (Rio de Janeiro - RJ) Lógica de Programação Completo
    Carlos Xavier
  • Gostei muito do conteúdo e da forma apresentada, sem excesso de vídeos, com textos bem explicativos. Parabéns! Marcos Eduardo (São Paulo - SP) JavaScript Básico
    Marcos Eduardo
  • Perfeito! Sem reclamações ou críticas negativas para o curso e/ou professor. Curso básico mas com muito conteúdo importante que é usado 100% no dia-a-dia, com excelentes explicações e diversos exemplos. Davi Pinto (Novo Hamburgo - RS) HTML5 e CSS3 - Desenvolvimento web Básico
    Davi Pinto
  • Ótimas aulas, mais didáticas impossível, são muitas informações mas todas estão bem exemplificadas e simplificadas. Por ser um curso de vídeo aulas, e ter a possibilidade de acessar qualquer aula a qualquer instante, ajuda muito durante o processo de aprendizado, já que você só aprender botando a mão na massa. A medida que você vai usando o software e necessitando de algo, se houver dificuldades é só voltar na parte da aula que ensina e olhar novamente como faz, muito prático. Bruno tem um conhecimento absurdo sobre o assunto, e é muito didático! Espero que eu possa um dia ter um conhecimento que chegue perto do dele. No mais, tudo em ordem. Abraço! Pedro Pereira (Caruaru - PE) DaVinci Resolve - Color Grading
    Pedro Pereira
  • Curso de altíssima qualidade! Conteúdos programáticos bem pensados para um workflow profissional. Eu iniciei o curso com várias dúvidas sobre a transição entre Premiere e Davinci. E agora termino o curso com essas dúvidas sanadas. Certamente o Davinci será meu software de colorização daqui para frente. Sugestão: criar atividades/desafios para os alunos durante alguns módulos. Obrigado pelo curso, Bruno. E bóra editar! Vinícius Marchi (Porto Alegre - RS) DaVinci Resolve - Color Grading
    Vinícius Marchi

Garantia incondicional
de satisfação

Satisfação Garantida - 7 dias ou seu dinheiro de volta!

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!

Se, após 7 dias, você decidir que a TreinaWeb não é para você, devolvemos o seu dinheiro sem fazer perguntas. Basta enviar um email na área de contato aqui no site.

Ou seja, a partir do momento em que você fizer sua inscrição, você terá acesso às mais 4.000 horas de curso, com os melhores profissionais do mercado, com uma metodologia inovadora... e se mesmo assim você não gostar, você pode pedir o seu dinheiro de volta em até 7 dias.

Imagine se tudo na vida viesse com uma garantia como essa.

FAQ - Perguntas Frequentes

Confira as principais dúvidas de quem
procura a TreinaWeb para se capacitar.

  • A TreinaWeb é a única escola online de tecnologia com mais de 12 anos de história. É a maior do segmento, com mais de 4.000 horas de conteúdo em cursos online. Além disso, cerca de 200.000 alunos já estudaram e estudam por aqui. Entre muitas outras coisas, a TreinaWeb oferece:
    • Formações completas e com foco no mercado de trabalho.
    • Formação personalizada e individual, criada por um professor orientador.
    • Cursos novos e atualizações pontuais toda semana.
    • Opção de estudar no seu tempo, a qualquer hora e lugar.
    • Suporte incluso com professores especialistas.
    • Certificados dos cursos com hora/aula.
    • Satisfação garantida ou seu dinheiro de volta!
  • SIM! Com toda a certeza! Pois oferecemos cursos partindo exatamente do zero. Inclusive temos cursos de Lógica de Programação, que é onde você vai ver todo o fundamento por trás das linguagens. Na contratação de qualquer plano você ainda tem direito às formações personalizadas, onde nossos professores especialistas irão te acompanhar. E você está atrás dos cursos de edição de vídeo, design e marketing digital, claro que você também não precisa saber nada sobre programação.

  • Nossa metodologia une o que há de melhor no ensino de tecnologia à distância: videoaulas, apostilas, exercícios de fixação, testes de conhecimento e passo a passo de projetos completos. Aprenda de verdade com cursos completos de programação, edição de vídeo, design e marketing digital.

  • No instante que sua compra for aprovada, automaticamente você ganhará o acesso a nossa área do aluno, onde poderá escolher os cursos que irá fazer. Caso, por qualquer motivo, você não consiga acessar de imediato, basta entrar em contato que nós te ajudaremos! Você poderá assistir de qualquer lugar: Do computador, notebook, tablet, smartv ou smartphone.

  • Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste! Se, após 7 dias, você decidir que a TreinaWeb não é para você, devolvemos o seu dinheiro sem fazer perguntas. Basta enviar um email na área de contato aqui no site.

  • A TreinaWeb é para quem:
    • Quer entrar no ramo digital com o pé direito;
    • É programador e quer ir para um outro nível;
    • Já programa e quer ampliar o nível e estudar outras linguagens;
    • É um programador avançado e tem TreinaWeb um aliado para novas tecnologias e tendências;
    • Busca profissionalizar-se em uma área em pleno crescimento;
    • Ama design e sabe que aqui estão os melhores cursos da área;
    • Quer aprender a fazer e editar os seus próprios vídeos;
    • Sonha em ser um Videomaker profissional.
  • 100% Segura. Todo o processo de compra possui certificado SSL. Nenhuma informação do seu cartão de crédito é mantida em nosso banco de dados. E assim que aprovada a sua compra/matrícula, você receberá imediatamente todos os dados de acesso à sua área de aluno e as aulas.

  • Sim e esse é um dos diferenciais da TreinaWeb. Oferecemos total suporte com professores especialistas. Nossa equipe de instrutores está sempre pronta para te ajudar e tirar todas as suas dúvidas. Além disso, Na contratação de qualquer plano você ainda tem direito às formações personalizadas, onde nossos professores irão te acompanhar e te orientar.

  • Todos os nossos cursos onlines de programação, design e edição de vídeo contam com certificados. Um certificado novo será disponibilizado na área de aluno, sempre que você concluir um novo curso. Com o seu nome e horas/curso. Lembrando, que estes certificados podem ser utilizados para cumprir cargas horárias de cursos extras em faculdades.