Bem-vindo ao Guia do Frontend! Este repositório é o ponto de partida perfeito para quem quer mergulhar no universo do desenvolvimento frontend. Aqui, você encontrará uma série de arquivos recheados de conceitos, exemplos práticos e links úteis para o desenvolvimento.
Gosto muito do site roadmap.sh, pois nele é possível encontrar trilhas e recursos valiosos para o aprendizado de diferentes áreas da TI. Como pode ser visualizado na figura a seguir a trilha de front end deles abrange desde os fundamentos da Web, como HTML, CSS e JavaScript, até frameworks populares, como React, Vue e Angular.
Não se sinta pressionado a seguir cada passo desta trilha rigidamente. O desenvolvimento frontend é uma jornada pessoal, e você pode adaptar seu percurso de acordo com seus interesses, necessidades e objetivos. Use este roadmap como uma bússola, mas sinta-se à vontade para explorar caminhos que despertem mais sua curiosidade.
- Estrutura Básica
- Tags Básicas
- Seções
- Nomenclatura
- Cabeçalhos
- Texto
- Formulário
- Listas
- Tabelas
- Links
- Meta Tags
- SEO
- Sitemap XML
- robots.txt
- Google Hacking
- SEO Poisoning
- Black Hat SEO
- Acessibilidade
- ARIA
- Internacionalização
- HTML Injection
- Estrutura Básica
- Reset CSS
- Organização
- Cores
- Fontes
- Texto
- Background
- Imagens
- Unidades de Medida
- Modelo de Caixa
- Bordas
- Dimensionamento
- Display
- Flexbox
- Grid Layout
- Posição
- Media Query
- Responsividade
- Pseudo Classes
- Variáveis
- Trasnformações 2D
- Transformações 3D
- Animações
- Sombras
- CSS Injection
- Variáveis
- Conversões para Boolean
- Estruturas Condicionais
- Arrays
- Maps
- Sets
- Estruturas de Repetições
- Funções
- Escopo
- Objetos
- Orientação ao Protótipo
- Classes
- Destructuring
- Null e Undefined
- Json
- Importação e Exportação
- Importações Dinâmicas
- Tratamento de Erros
- Captura de Erros não Tratados
- Promises
- Funções Assíncronas
- Fetch
- Axios
- Axios Interceptors
- Modo Estrito
- Browser Object Model
- WebStorage
- Cookies
- Métodos do DOM
- Formulários
- Eventos
- Javascript: Mdn Web Docs
- Learn Javascript: W3Schools
- Javascript Reference: W3Schools
- Javascript: Tutorials Point
- Introdução
- Variáveis
- Type Assertions
- Funções
- Generics
- Tipos de Funções
- Classes
- Interfaces
- Tipos Literais
- Enums
- Polimorfismo Estrutural
- Typescript Compiler
- Inicializando Projetos com o CRA
- Inicializando Projetos com o Vite
- Componentes
- Renderização
- JSX
- Renderização Condicional
- Eventos
- Formulários
- Formulários Controlados vs Não Controlados
- Formulários Controlados
- Formulários Não Controlados
- Contextos
- React Router
- Rotas Protegidas
- Parâmetros de Rota com React Router
- Estilização
- Styled Components
- Themes e Tokens
- Memoização
- Lazy Loading
- useState
- useEffect
- useRef
- useReducer
- useCallback
- Hooks Personalizados
- React Hook Form
- Zod
- Formulários Dinâmicos com React Hook Form e Zod
- React Input Mask
- Formik
- Yup
- Zustand
- Recoil
- React Query
- Configuração do Jest e React Testing Library com Vite
- Configuração com o Vite
- Testes de Componentes
- Seletores e Consulta de Elementos
- Testes de Interações do Usuário
- Exemplos de Testes Unitários
Este guia está em constante crescimento, e sua contribuição é mais do que bem-vinda! Se você tem dicas, exemplos adicionais ou quer corrigir algo, sinta-se à vontade para abrir uma issue ou enviar um pull request. Vamos tornar este guia ainda mais incrível!
Divirta-se codificando! 🚀✨