Black Friday 20% de desconto
Tá acabando

0

dias

00

hrs

00

min

00

seg

Curso de Angular: Avançando no design de componentes com acessibilidade

78

Alunos neste curso

Faça esse curso de Angular e:

  • Crie uma API modal do zero
  • Aplique regras de acessibilidade da WCAG
  • Aprenda a criar componentes dinamicamente
  • Descubra como o Angular funciona por debaixo dos panos
  • Avance no uso de diretivas
  • Crie animações com auxílio do módulo Animations

Conteúdo Detalhado

  1. Definição de uma API

    • Visão geral da API Modal
    • Sobre uma API minimalista
    • Definindo a interface da nossa API
    • Injeção de ng-template
  2. Componente Modal

    • Minimizando as dependências do componente
    • Modal Component
    • ngTemplateOutlet
    • ComponentFactoryResolver
    • ComponentRef vs ModalRef
    • Um pouco sobre z-index e stacking order
    • O serviço BodyInjector
    • Sobre ApplicationRef
    • AttachView
    • Hostview
    • Sobre EmbeddedViewRef
  3. Lapidando nosso Componente

    • Estilizando o componente
    • Angular e o velho problema com animações
    • Introdução ao módulo Animations
    • FadeIn
    • As funções trigger, transition e style
    • FadeOut
    • Bônus: Animações com ngIf
    • Marcando um template para animação
    • Fechando o modal ao clicar no overlay
    • Parando a propagação de eventos
  4. Acessibilidade

    • A diretiva FocusTrap
    • HostListener
    • Finalizando FocusTrap
    • Atalho para fechamento do modal
    • A diretiva FocusBack
    • document.activeElement
  5. Avançando na acessibilidade

    • Suportando Screen Readers
    • Reactive Forms
    • Lidando com botões desabilitados
    • disabled vs aria-disabled
    • Acessibilidade e validação
    • O atributo aria-invalid
    • Diferenças entre screen readers

Primeira aula de Angular: Avançando no design de componentes com acessibilidade

Instrutores

  • Flávio é desenvolvedor e instrutor, focado no desenvolvimento com Angular e procurando conciliar o frontend com o backend. Palestrou em conferências como QCON e MobileConf. É autor do best-seller "Cangaceiro JavaScript". Além da sua graduação e MBA em TI, também é graduado em Psicologia, aplicando os aprendizados desta área no desenvolvimento de software e de aplicações web.

Conteúdo relacionado

Cursos de Angular em Front-end

Leia nossos artigos de Front-end

Público alvo

Desenvolvedores e desenvolvedoras Angular experientes e preocupados com a acessibilidade da sua aplicação.

Última atualização

21/10/2020

Já é aluno?

Começar o Curso
Tá acabando

0

dias

00

hrs

00

min

00

seg

  • 1244 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

  • Desconto 20%

Premium

Desconto 20%
  • 1244 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$75 R$60
à vista R$900 R$720
Matricule-se

Premium Plus

Desconto 20%
  • 1244 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$100 R$80
à vista R$1.200 R$960
Matricule-se

Max

Desconto 20%
  • 1244 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$120 R$96
à vista R$1.440 R$1.152
Matricule-se
Conheça os Planos para Empresas

Acesso por 1 ano

Estude 24h/dia onde e quando quiser

Novos cursos todas as semanas