Fale com a gente no WhatsApp Fale com a gente no WhatsApp

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

Aprenda como criar seus elementos no Angular

Nível Intermediário Categoria Desenvolvimento Front-end

  • Curso com 01h55 de vídeos
  • Certificado com 8 horas
  • 11 exercícios

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

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

O que irá aprender?

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.

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

Metodologia

  • Videoaulas
  • Texto e imagens
  • Início Imediato
  • Testes de aprendizado

Ambiente do curso

  • Visual Studio Code
  • Google Chrome - 67
  • Node.js - 10.6.0
  • Angular CLI - 6.0.8

Sobre o professor

Akira Hanashiro

Akira Hanashiro

Professor especialista em Desenvolvimento Front-end na TreinaWeb. Akira, Felipe, Hana, Hanashiro ou Hanakira, é graduado em Análise e Desenvolvimento de Sistemas, pós-graduado em Projetos e Desenvolvimento de Aplicações Web e MBA em Machine Learning, é entusiasta no desenvolvimento de jogos e multi-task. Fala japonês fluente, mas não tem com quem conversar.

Conteúdo programático

  1. Conheça o mundo dos Componentes

    Veja o que são componentes e o motivo de precisarmos deles

    6 aulas
    • Apresentação do Curso
    • O que são componentes?
    • Ciclo de Vida dos Componentes
    • A web pré e pós componentes
    • Códigos do Curso
    • Repositório do Curso
  2. Começando com Componentes

    Aprenda a criar seu primeiro componente

    11 aulas
    • Apresentação
    • Criando Componentes
    • 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
    • Resumo
    • Questionário
  3. Aninhamento de Componentes

    Veja como podemos aninhar componentes, criando elementos de interface mais complexos

    4 aulas
    • Apresentação
    • NgContent
    • Múltiplos NgContents
    • Resumo
  4. Estilização de Componentes

    Aprenda como funciona a estilização de componentes

    4 aulas
    • Apresentação
    • Template e Estilos Inline
    • Estilizando o Container e Conteúdo de Componentes - :host e >>
    • Resumo
  5. Diretivas

    Conheça as diretivas, atributos que alteram o comportamento dos elementos

    11 aulas
    • Apresentação
    • NgClass
    • NgStyle
    • Criando Diretivas de Atributos
    • Renderer2
    • HostListener
    • HostBinding
    • Criando Diretivas Estruturais
    • Projeto: Criando animações com diretivas
    • Resumo
    • Questionário
  6. Pipes

    Aprenda a criar Pipes e simplifique a exibição de dados em suas templates

    7 aulas
    • Apresentação
    • O que são Pipes?
    • Pipes do Angular
    • Criando Pipes
    • Projeto: Formatação com Pipes
    • Resumo
    • Questionário
Download da ementa

Cursos relacionados

Formação em que esse curso está inserido

Utilizada e amada por milhares! Veja mais opiniões reais

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da plataforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Um ano de acesso completo

Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:

  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Suporte direto com professores
  • Aplicativos para Android e iOS
  • Plano de carreira personalizado
  • Certificados digitais inclusos
  • Suporte com SLA de 4 horas úteis
  • Acesso offline através dos apps
R$ 129,00 ECONOMIZE R$ 960,00
12x R$ 49,00 sem juros, no cartão de crédito
Matricule-se agora
Garantia incondicional de satisfação
Garantia incondicional de satisfação

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