Javascript: praticando o uso do local storage
Aprenda a usar o `localStorage` para armazenar e sincronizar dados no navegador, criando aplicações web interativas com HTML e CSS.
Ver mais ›Como instrutor eu já gravei vários cursos na Alura
Principalmente sobre React, já contribuí com vários cursos, como contextAPI, testes, validação de formulários e muito mais.
React: praticando o consumo de APIs
Aprenda a consumir APIs em React de forma segura, usando `useEffect`, `useState` e boas práticas com variáveis de ambiente.
Ver mais ›React com Typescript: aplique Hooks e Context API tipados
Entenda como tipar seus hooks do React com o Typescript e explore os poderes da context API tipada.
Ver mais ›Radix UI: criando componentes acessíveis e personalizáveis
Aprenda a instalar e configurar a Radix UI em projetos React, criando componentes acessíveis e dinâmicos como menus e acordeões, personalizados para seu design system com foco em acessibilidade.
Ver mais ›React: explore e aprofunde seus conhecimentos nos hooks essenciais
Entenda a origem, função e aplicação dos principais React Hooks (useState, useEffect, useContext, useReducer), como utilizá-los corretamente em projetos React.
Ver mais ›React: transforme sua aplicação web em uma PWA
Aprenda a transformar aplicações React em PWAs, explorando Service Workers, estratégias de cache, funcionamento offline e ferramentas como vitePWA e Workbox.
Ver mais ›CSS: aplique responsividade usando media queries
Use media queries para criar layouts responsivos e aplique técnicas de layout fluido com medidas flexíveis, imagens responsivas usando srcset e muito mais.
Ver mais ›React: desenvolva aplicações tipadas e escaláveis com Typescript
Crie aplicações React fortemente tipadas com os super poderes do Typescript. Entenda os diferentes tipos, estruturas do TS e muito mais.
Ver mais ›Mobx: gerenciando estados em aplicações React
Aprenda a instalar e configurar o MobX em projetos React, organizando o estado com stores, observáveis, ações, derivações, reações automáticas e integração com Context API.
Ver mais ›Redux Toolkit: explorando a arquitetura Flux
Aprenda sobre gerenciamento de estados globais de suas aplicações React usando o Redux Toolkit e arquitetura flux.
Ver mais ›CSS: explorando seletores e utilizando variáveis
Entenda como utilizar seletores avançados de CSS para estilizar elementos de forma específica e aplique variáveis CSS em seus projetos.
Ver mais ›React: escreva testes end to end com Cypress
Aprenda a usar o Cypress para escrever testes de ponta a ponta, criando comandos personalizados, testando formulários, múltiplas páginas e jornadas de usuário.
Ver mais ›React: gerencie e valide formulários com o React Hook Form
Aprenda a usar o React Hook Form para criar formulários com validações personalizadas, gerenciamento de erros, integração com APIs e bibliotecas externas.
Ver mais ›React: eleve o nível de seus formulários com Zod e o React Hook Form
Utilize a biblioteca Zod para validar formulários com esquemas tipados, aplicando transformações e refinamentos, integrando com React Hook Form e Supabase.
Ver mais ›React: implemente notificações push e sincronização em background
Implemente notificações push personalizadas em PWAs com Firebase Cloud Messaging e Service Workers, criando campanhas segmentadas e garantindo funcionalidade offline com sincronização em background.
Ver mais ›React: gerencie estados globalmente com Context API
Aplique a Context API para evitar o 'prop drilling', simplificando o compartilhamento de dados entre componentes.
Ver mais ›React: acessibilidade para desenvolver interfaces inclusivas
Domine os princípios de acessibilidade em React, criando componentes com controle de foco, uso de eventos, padrões WAI-ARIA, marcação semântica e testes com ferramentas e leitores de tela.
Ver mais ›React: eleve o nível da sua documentação no Storybook
Crie modais e dropdowns acessíveis com Next.js, Tailwind e Headless UI, documente seus componentes com Storybook, teste visualmente com Chromatic e publique sua biblioteca na Vercel.
Ver mais ›React: evolua o seu Design System com TailwindCSS
Aprenda a criar uma biblioteca de componentes escalável com Next.js, Tailwind CSS, Storybook, Atomic Design, estilização condicional com cva e classnames, e componentes acessíveis com Headless UI.
Ver mais ›React: versione e publique o seu Design System
Aprenda a publicar sua biblioteca de componentes no npm, gerenciar versões com versionamento semântico, lidar com breaking changes, escolher licenças adequadas e criar uma documentação clara para uso e instalação.
Ver mais ›React: avançando em testes e2e com Cypress
Aprenda boas práticas de organização de testes no Cypress, testando APIs, usando mocks e stubs, realizando testes com dados dinâmicos e em diferentes tamanhos de tela e muito mais.
Ver mais ›React: testes de integração e mocks no Front-end
Aprenda a testar rotas, componentes, hooks e APIs em React, utilizando testes de integração, mocks e relatórios de cobertura, além de proteger seu repositório no GitHub com actions para garantir a segurança do código.
Ver mais ›React JS: crie testes com Jest e Testing Library e garanta o funcionamento do Front-end
Entenda a importância dos testes no desenvolvimento Front-end, aprenda a usar Jest e React Testing Library para escrever testes automatizados, simular comportamentos do usuário e garantir a qualidade da aplicação.
Ver mais ›