[DW] Aula 01 - Desenvolvimento Web Moderno

Durante os anos 90, muitos usuários acessavam sites apenas para ler notícias ou ver informações institucionais, sem poder interagir ou modificar o conteúdo.
Pergunta: Esse cenário descreve qual fase da Web?

• Web 1.0

• Web 2.0

• Web 3.0

• Web Semântica

Com a chegada das redes sociais e plataformas de vídeo, os usuários passaram a criar, compartilhar e comentar conteúdo em tempo real.
Pergunta: Qual característica técnica foi fundamental para essa transição?

• HTML estático

• HTTP e APIs

• • Protocolo FTP

• WebAssembly

Combine as seguintes características e suas respectivas camadas da arquitetura full stack do desenvolvimento web.

• Back-end

• Interface em que o usuário interage com a aplicação

• Banco de dados (DB)

• Responsável pela persistência dos dados e regras de negócios

• APIs

• Trata as solicitações feitas pelo usuário e devolve os dados

• Protocolo HTTP/HTTPS

• Permite que a comunicação entre usuário e servidor seja entendida

• Front-end

• Reúne os dados de forma estruturada

Na visão da Web 3.0, um usuário poderia controlar totalmente seus próprios dados, sem depender de uma empresa central para armazená-los.
Pergunta: Qual tecnologia é frequentemente associada a essa proposta?

• HTTP

• CSS

• Blockchain

• IA

Um site de notícias precisa que a interface carregue rápido no navegador e que os artigos sejam atualizados automaticamente sem recarregar a página.
Pergunta: Qual parte da arquitetura full stack é responsável por exibir e atualizar a interface para o usuário?

• Backend

• Frontend

• Banco de dados

• API Gateway

Ao preencher um formulário de cadastro, os dados são enviados para um servidor, validados e salvos no banco de dados.
Pergunta: Onde acontece essa lógica principal?

• Frontend

• Banco de Dados

• Backend

• Protocolo HTTP

Um aplicativo de previsão do tempo precisa buscar dados de temperatura e umidade de um servidor e exibir na tela do celular.
Pergunta: Qual formato de resposta é mais comum para essa comunicação entre frontend e backend?

• DOCX

• PDF

• CSV

• JSON

Um aplicativo de transporte calcula o tempo estimado de chegada com base em dados de trânsito coletados de milhares de motoristas em tempo real.
Pergunta: Essa é uma aplicação prática de:

• LLM (IA)

• Web 2.0

• Big Data

• JavaScript

Contexto: Imagine que uma startup de Recife está desenvolvendo uma plataforma web para gerenciar pedidos de pequenos restaurantes. A equipe precisa lidar com diversas etapas do processo de construção de software, desde a concepção até o uso de tecnologias emergentes.

Para o frontend, a equipe escolheu trabalhar com​ (a)   ,​ (b)   e ​ (c)   , criando interfaces responsivas e fáceis de usar.​

​ O sistema consome dados de uma ​ (d)   no formato​ (e)   , permitindo comunicação entre o frontend e o servidor.

• HTML
• CSS
• JavaScript
• API
• JSON