O que você aprenderá_
- 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
Público alvo_
Desenvolvedores e desenvolvedoras Angular experientes e preocupados com a acessibilidade da sua aplicação.
Flavio Henrique de Souza Almeida
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.
Curso atualizado em 23/10/2023
Já estuda na Alura?
Comece o curso agoraEmenta
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
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
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
Acessibilidade
- A diretiva FocusTrap
- HostListener
- Finalizando FocusTrap
- Atalho para fechamento do modal
- A diretiva FocusBack
- document.activeElement
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
Descubra se esse curso é pra você! Leia as primeiras aulas
-
Formação
Angular: construindo aplicações acessíveis e avançando em testes automatizados
10h
De curso
68
Atividades
Escola
Front-end
Pessoas estudando esse curso nesse mês:
Estude com elas
Giovanni Gasperini
Wesley Bruno de Souza
ALEF OLIVEIRA
Carlos Daniel da Silva Araújo
Carlos Humberto Brasileiro Toscano
e mais 78 pessoas
e mais 78 pessoas
Faça parte da nossa comunidade no discord!
Troque conhecimentos com a comunidade da Alura
nossos alunos e alunas
Experiências de quem já mergulhou com a gente.
Flavio é foda, cara totalmente fora da curva... Nao importa por qual lado eu olhe, o curso foi muito bom.
Angular: avançando no design de componentes com acessibilidade
LUIZ FELIPE
Experiência boa. Além da profundidade do conteúdo, o instrutor conduz com a maestria de sempre em seus cursos. Complementa-se com as dicas e as saídas para solução dos erros. Muito bom o curso. Vale a pena.
Angular: avançando no design de componentes com acessibilidade
Luiz Peralta
Além da profundidade do conteúdo apresentado, a didática do Professor Flávio e fantástica. Conhecimento profundo e prático do Angular e também dos princípios e dos contornos para tornar um componente Acessível é domínio e praia do Professor Flávio. Parabéns Professor Flávio, Parabéns a ALURA por está criando uma cultura de desenvolvimento acessível. Incentivo fortemente ao Professor Flávio e a ALURA a darem continuidade com novos módulos desse assunto pois muitas questões de Acessibilidade precisam ser exploradas e apresentadas. Aguardo ansiosamente por estes novos módulos em breve.
Angular: avançando no design de componentes com acessibilidade
Antulio de Oliveira
Aprenda Angular com esse e outros cursos, comece agora!
Plus
De
R$ 1.800
12X
R$109
à vista
R$1.308
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
Pro
De
R$ 2.400
12X
R$149
à vista
R$1.788
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
- Luri powered by ChatGPT
Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com Luri até 100 mensagens por semana.
- Alura Língua (incluindo curso Inglês para Devs)
Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.
Acesso completo
durante 1 ano
Estude 24h/dia
onde e quando quiser
Novos cursos
todas as semanas