🌐 HTML - Conceitos Iniciais

📚 História do HTML

Linha do Tempo do HTML

1945

Vannevar Bush - Memex
Propôs uma máquina para criar conexões entre documentos, precursora do hipertexto.

1960

Ted Nelson - Projeto Xanadu
Criou o termo "hipertexto" e imaginou documentos interligados em janelas paralelas.

1990

Tim Berners-Lee - HTML
Desenvolveu o HTML no CERN, baseado em SGML, criando a World Wide Web.

2014

HTML5
Versão atual com recursos multimídia, semântica melhorada e APIs modernas.

💡 Curiosidade: O primeiro site da história ainda está online! Acesse: info.cern.ch/hypertext/WWW/TheProject.html

💼 Termos Utilizados Atualmente

🎨 FRONT-END

O que é: Interface gráfica da aplicação

Tecnologias: HTML, CSS, JavaScript

Função: Criar a experiência do usuário

⚙️ BACK-END

O que é: Lógica de servidor e banco de dados

Tecnologias: Java, PHP, Python, Node.js

Função: Processar dados e regras de negócio

🔄 FULL-STACK

O que é: Desenvolvedor completo

Conhecimentos: Front-end + Back-end

Vantagem: Visão completa do projeto

🛠️ FRAMEWORK

O que é: Conjunto de ferramentas

Exemplos: React, Vue, Angular, Laravel

Função: Acelerar o desenvolvimento

🔌 API

O que é: Interface de comunicação

Função: Conectar sistemas diferentes

Formato: JSON, XML, REST

☁️ CLOUD

O que é: Serviços em nuvem

Exemplos: AWS, Azure, Google Cloud

Vantagem: Escalabilidade e disponibilidade

🎯 Dica de Carreira: Comece escolhendo uma área (front-end OU back-end) para se especializar primeiro. Depois expanda para full-stack quando dominar bem uma das pontas!

🌐 Arquitetura Cliente versus Servidor

/* Como funciona uma requisição web */ 1. Usuário digita URL no navegador 2. Navegador envia requisição HTTP para servidor 3. Servidor processa a requisição 4. Servidor retorna HTML, CSS e JavaScript 5. Navegador renderiza a página para o usuário

Fluxo de Comunicação Web

1. CLIENTE
(Navegador)

→

2. REQUISIÇÃO
HTTP

→

3. SERVIDOR
(Processa)

6. USUÁRIO
(Visualiza)

←

5. RENDERIZAÇÃO
(Navegador)

←

4. RESPOSTA
HTML/CSS/JS

/* Exemplo de requisição HTTP básica */ GET /index.html HTTP/1.1 Host: www.meusite.com User-Agent: Mozilla/5.0... /* Resposta do servidor */ HTTP/1.1 200 OK Content-Type: text/html; charset=UTF-8 <!DOCTYPE html> <html> <head><title>Meu Site</title></head> <body><h1>Olá, Mundo!</h1></body> </html>

💡 Importante: Este processo acontece milhões de vezes por segundo na internet! Cada clique, cada imagem carregada, cada formulário enviado usa esta arquitetura cliente-servidor.

🌐 Conceitos Iniciais - História e Fundamentos