Descrição do Resumo:

O conhecimento em Frameworks de Desenvolvimento Front-End é uma competência essencial e de alta recorrência nos concursos públicos de Tecnologia da Informação.

Este resumo aborda de forma completa os seguintes tópicos, cobrindo o ecossistema de desenvolvimento do lado do cliente (client-side):

Conceitos Fundamentais: Análise dos padrões de arquitetura SPA (Single Page Application) e PWA (Progressive Web Application), que são a base das aplicações web modernas.
Ferramentas e Frameworks: Um estudo detalhado das principais tecnologias do mercado, incluindo:
- jQuery: Manipulação de DOM, eventos e AJAX.
- Bootstrap 5: Criação de layouts responsivos com o sistema de grid, componentes e utilitários.
- Angular, React e Vue.js: Arquitetura de componentes, data binding, gerenciamento de estado e os diferenciais de cada um.
- Webpack: O conceito de module bundling para otimização de projetos.

O material é finalizado com a resolução e análise de dezenas de questões de concursos públicos sobre os temas abordados.

Bons estudos,

Equipe Resumos de TI

Conteúdo do Resumo:

Introdução
- O Papel dos Frameworks Front-End
- SPA (Single Page Application)
  - Funcionamento
  - Vantagens do Modelo SPA
- PWA (Progressive Web Application)
  - Os 3 Pilares Técnicos do PWA
  - Características e Vantagens de um PWA
jQuery
- O Seletor $
  - Seletores de Hierarquia e Irmãos
- O Evento de “Documento Pronto”
  - Diferença entre .ready() vs. window.onload
- Manipulação de DOM
- Manipulação de Eventos
- Requisições AJAX
- jQuery e os Frameworks Modernos
Bootstrap
- O Sistema de Grid
- Componentes
- Pré-estilizados
- Classes Utilitárias
Angular
- A Arquitetura de Componentes
- Data Binding: A Comunicação entre Lógica e Template
  - One-Way Binding (Comunicação Unidirecional)
  - Two-Way Binding (Comunicação Bidirecional)
- Diretivas: Modificando o Comportamento do DOM
React
- Os 3 Pilares do React
  - Componentes (Components)
  - JSX (JavaScript XML)
  - Virtual DOM (DOM Virtual)
- Gerenciando Dados: Props vs. State
- Hooks
Vue.js
- A Anatomia de um Componente Vue (.vue)
- Reatividade: O Coração do Vue
- Os Conceitos-Chave
  - Diretivas (Directives)
  - Interpolação de Dados
  - Props vs. Data
  - Propriedades Computadas (Computed Properties)
  - Métodos (Methods)
Webpack
- O Grafo de Dependências
- Os 4 Conceitos-Chave da Configuração
- Relação com outros Frameworks