Bunker - Frontend ✨
Esta trilha foi criada com o objetivo de capacitar o time frontend em habilidades essenciais que abrangem acessibilidade, otimização de performance, boas práticas de desenvolvimento com React e Next.js, além de ferramentas modernas de CI/CD e testes.
A trilha começa com um foco especial em acessibilidade, abordando desde a escrita de códigos semânticos até a implementação de componentes interativos acessíveis utilizando JavaScript e WAI-ARIA. Também explora ferramentas como o NVDA para melhorar projetos e garantir que todos os usuários possam ter uma experiência completa.
Seguindo para o desenvolvimento com CSS e layouts, os cursos abordam a construção de layouts modernos e responsivos utilizando Grid, Flexbox e abordagens mobile-first, fundamentais para criar interfaces adaptáveis e amigáveis a diferentes dispositivos.
Na parte de React e Next.js, a trilha se aprofunda no desenvolvimento de interfaces robustas, otimizando a performance, gerenciando estados globais com Redux e formulários com React Hook Form e Zod. O uso de ferramentas como Storybook para documentação e Google Lighthouse para análise de performance também são explorados.
Finalmente, o conteúdo foca em práticas de automação e testes, abordando integração contínua com GitHub Actions e a escrita de testes end-to-end utilizando Cypress, garantindo que as aplicações desenvolvidas sejam de alta qualidade e bem documentadas.
Esta trilha foi pensada para promover uma jornada de aprendizado contínuo e eficiente, garantindo que os desenvolvedores aprimorem suas habilidades técnicas e desenvolvam aplicações acessíveis, performáticas e bem testadas.
Passo a passo
-
1
Conteúdo do plano
-
Curso Acessibilidade no HTML: escrevendo códigos semânticos para inclusão -
Curso Acessibilidade Web: manipulando WAI-ARIA e elementos interativos com Javascript -
Curso Acessibilidade web parte 2: componentes acessíveis com um pouco de JavaScript -
Curso Acessibilidade em HTML, CSS e JavaScript: avaliando e melhorando um projeto com o NVDA -
Curso React: acessibilidade para desenvolver interfaces inclusivas -
Curso CSS: construindo layouts com Grid -
Curso CSS: Flexbox e layouts responsivos -
Curso HTML e CSS: responsividade com mobile-first -
Curso Next.js: conheça o framework React -
Curso Next.js: implementando autenticação com Auth.js -
Curso NextJS: CI e CD para Front-end com o Github Actions -
Curso NextJS: documentando seu Front-end com o Storybook -
Curso React: eleve o nível da sua documentação no Storybook -
Curso React: gerencie e valide formulários com o React Hook Form -
Curso React: eleve o nível de seus formulários com Zod e o React Hook Form -
Curso React: otimizando a performance -
Curso React: identificando problemas de performance com o Google Lighthouse -
Curso React: gerenciamento de estados globais com Redux -
Curso React: Mutabilidade x Imutabilidade no Redux Toolkit com Immer -
Curso React: escreva testes end to end com Cypress -
Curso React: avançando em testes e2e com Cypress
-