Frontend : conceitos e aplicações- 01.pptx

PROGRAMAÇÃO
FRONT-END
Pedreiras - MA, 2025
Prof. André Barreto

O QUE É PROGRAMAÇÃO FRONT-END?
FRONTEND?

Programação front-end é o
desenvolvimento da interface visual
de sites ou aplicações web, ou seja,
tudo o que o usuário vê e com que
interage diretamente (ou
indiretamente).
FRONTEND?
REFERÊN
CIA

FRONT-END
FRONT-END?
“Frente” “Acabamento”

IMAGINE A SEGUINTE SITUAÇÃO
FRONTEND?

ENTENDENDO UM POUCO COMO “A
WEB” SE FORMOU
A INTERNET
REFERÊN
CIA

O PRIMEIRO SITE?
O PRIMEIRO SITE CRIADO AINDA
EXISTE
O PRIMEIRO SITE DA HISTÓRIA FOI
CRIADO EM DEZEMBRO DE 1990
PELO PESQUISADOR TIM BERNERS
LEE COM O OBJETIVO DE
COMPARTILHAR INFORMAÇÕES
SOBRE A EMPRESA ONDE
TRABALHAVA, A ORGANIZAÇÃO
EUROPEIA PARA PESQUISA
NUCLEAR.
THE WORLD WIDE WEB P
ROJECT

CONECTIVIDADE
MAIS DE METADE (CERCA DE 4,5
BILHÕES) DA POPULAÇÃO
MUNDIAL ESTÁ CONECTADA À
INTERNET ATUALMENTE. O
TRÁFEGO DIGITAL CRESCE
CONSTANTEMENTE E, NO BRASIL,
MAIS DE 42% DESSE TRÁFEGO É
FEITO POR ROBÔS, BOA PARTE
COM INTENÇÕES DUVIDOSAS
CRESCIMENTO DA INTERNET
DESACELERA E 2,7 BILHÕES
FICAM FORA DA REDE | ONU

TRÁFEGO
A PRIMEIRA WEBCAM SURGIU
PARA VIGIAR O CAFÉ.
EM 1993, PESQUISADORES DA
UNIVERSIDADE DE CAMBRIDGE
TINHAM UM DILEMA: SEMPRE QUE
IAM BUSCAR CAFÉ NA CAFETERIA
ELA ESTAVA VAZIA. PARA
SOLUCIONAR ESSA QUESTÃO ELES
INSTALARAM UMA CÂMERA NO
LOCAL E A CONECTARAM À REDE
LOCAL, PERMITINDO SABER DE
LONGE SE HAVIA OU NÃO CAFÉ.

WEB?
A WEB, OU WORLD WIDE WEB (WWW), É UM
SISTEMA DE DOCUMENTOS E INFORMAÇÕES
INTERLIGADOS POR HIPERLINKS, ACESSÍVEIS PELA
INTERNET. CRIADA EM 1989 POR TIM BERNERS-
LEE, ELA REVOLUCIONOU O ACESSO AO
CONHECIMENTO E TRANSFORMOU A
COMUNICAÇÃO GLOBAL.

WEB?
ELA PERMITE AO USUÁRIO ACESSAR “PÁGINAS
WEB” — DOCUMENTOS DIGITAIS ESCRITOS EM
HTML E ARMAZENADOS EM SERVIDORES — DE
QUALQUER LUGAR DO PLANETA, DESDE QUE
TENHA UMA CONEXÃO À INTERNET.

Dispositivos que solicitam
serviços e recursos da
internet.
(Celulares, Notebooks,
computadores, etc)...
Arquitetura cliente - servidor
Cliente Servidor
Dispositivos que fornecem
serviços e recursos

Arquitetura cliente - servidor
Arquitetura centralizada e redundante

Qual o problema
dessa arquitetura?
Estudo de caso
Servidor
Clientes

Estudo de caso
Servidor
Clientes

Estudo de caso
Servidor de redundâncica
Clientes
Servidor

DEEPWEB?
TUDO QUE ESTÁ NA WEB É ACESSÍVEL?

CLIENTE VS
SERVIDOR
01 02 03
Lorem ipsum dolor sit
amet, consectetur
adipiscing elit. Ut
efficitur sagittis leo,
sit amet consectetur
dolor dapibus vitae.
Proin odio neque,
efficitur at justo et,
sagittis eleifend
neque.
amet, consectetur
adipiscing elit. Ut
Proin odio neque,
sagittis eleifend
neque.
amet, consectetur
adipiscing elit. Ut
Proin odio neque,
sagittis eleifend
neque.

THEORITICAL
FRAMEWORK
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Praesent rutrum maximus mauris sed sodales. Ut
rhoncus lacinia nisi eu tempus. Proin justo eros, mollis
laoreet massa non, tincidunt pharetra leo.
Fusce vitae sagittis dolor. Sed magna dolor, molestie
vel libero id, tempus malesuada tortor. Duis
ullamcorper lacus sed est ultricies, at imperdiet orci
scelerisque.

Lorem ipsum dolor sit amet,
consectetur adipisicing elit.
Donec quis erat et quam
iaculis faucibus at sit amet
nibh.
Methodology
Quantitative Qualitative
Lorem ipsum dolor sit amet,
nibh.

Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Ut efficitur sagittis leo, sit
amet consectetur dolor dapibus vitae.
Proin odio neque, efficitur at justo et,
sagittis eleifend neque.
IMPLEMENTATION

RESULT Lorem ipsum dolor sit amet,
nibh.

Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco
laboris nisi.
CONCLUSION

Frontend : conceitos e aplicações- 01.pptx

Mais conteúdo relacionado

Semelhante a Frontend : conceitos e aplicações- 01.pptx

Frontend : conceitos e aplicações- 01.pptx