GUIA BÁSICO DE ESTUDOS FRONT-END

Nível 1: Fundamentos

HTML5: A linguagem de marcação que usamos para estruturar e dar significado ao nosso conteúdo web.
CSS3: A linguagem de estilo para descrever a apresentação desses documentos HTML.

JavaScript básico (ES6+): A linguagem de programação que permite criar conteúdo dinâmico na web.
CSS Avançado: Inclui tópicos como Flexbox, Grid e Animações.
Frameworks JavaScript modernos: Inclui bibliotecas e frameworks como React, Vue e Angular.
TypeScript: Um superconjunto de JavaScript que adiciona tipagem estática.
Webpack: Uma ferramenta de empacotamento de módulo estático para aplicações JavaScript modernas.

Testes unitários: Ferramentas como Jest e Cypress podem ser usadas para testar seu código.
Server-side rendering: Uma técnica popular para renderizar uma página da web normalmente do lado do cliente, mas do lado do servidor.
Gerenciamento de estado: Gerencie o estado da sua aplicação de forma eficaz e previsível.
Progressive Web Apps (PWA): Aplicações web que carregam como páginas regulares da web, mas podem oferecer funcionalidades como trabalho offline, notificações push e acesso ao dispositivo.
GraphQL: Uma linguagem de consulta para a sua API.

Performance Web: Inclui tópicos como Web Vitals e Lighthouse.
Arquitetura de aplicações web: Inclui padrões de projeto como Clean Architecture e Domain-Driven Design.
Acessibilidade: Garantir que a sua web app seja acessível a todos os usuários, incluindo aqueles com deficiências. Inclui tópicos como WCAG e ARIA.
SEO (Search Engine Optimization): A prática de aumentar a quantidade e qualidade do tráfego para o seu website através de resultados de motores de busca orgânicos.
Web Components: Conjunto de tecnologias que permitem aos desenvolvedores criar widgets HTML reutilizáveis. Inclui bibliotecas como Stencil e LitElement.