INTRODUÇÃO

Programação para Desenvolvimento Web I

Prof. Mr. Fabio Abrantes Diniz

fabio.abrantes.diniz@gmail.com
motivação
 Surgimento da Web
• Como tudo começou?
 Surgimento da Web
• Como tudo começou?
 Surgimento da Web
• Como tudo começou?
 Surgimento da Web
• Como tudo começou?
Surgimento da Internet
Internet x Web
WWW – World Wide Web
W3C, o que é?
Histórico
Evolução da Web
 Evolução da Web

• A idéia da Web 1.0

Evolução da Web
 Evolução da Web

• A idéia da web 2.0

Evolução da Web
Evolução da Web
Evolução da Web
 Evolução da Web
• Volumes de dados na Web
Evolução da Web
Evolução da Web
Evolução da Web
Evolução da Web
Evolução da Web
Evolução da Web
Evolução da Web
Evolução da Web
Evolução da Web
Evolução da Web
Evolução da Web
 Evolução da Web
• Web 4.0
 Evolução da Web
• Web 4.0
Evolução da Web
Conceitos Básicos
 Conceitos Básicos
• Cliente/Servidor
 Conceitos Básicos
• Sever-Side-Render vs Client-Side-
Render
 Conceitos Básicos
• URLs
 Conceitos Básicos
• Partes de uma URL
 Conceitos Básicos
• Partes de uma URL
 Conceitos Básicos
• URLs
 Conceitos Básicos
• Protocolos e Protocolo HTTP
 Conceitos Básicos
• Protocolos e Protocolo HTTP
 Conceitos Básicos
• Protocolos e Protocolo HTTP
 Conceitos Básicos
• Protocolos e Protocolo HTTP
 Conceitos Básicos
• Protocolos e Protocolo HTTP
 Conceitos Básicos
• Protocolos e Protocolo HTTP
 Conceitos Básicos
• Application Programming Interface (API)
▪ Objetivo:
✓ conjunto de normas que possibilita a comunicação entre
plataformas por meio de uma série de padrões e protocolos.
 Conceitos Básicos
• Protocolos de API mais populares
▪ REST (Representational State Transfer)
✓ aplicações cliente troquem dados com um servidor usando
verbos HTTP
▪ GraphQL (Graph Query Language)
✓ é uma linguagem de consulta de API que define as
especificações de como uma aplicação cliente deve solicitar
dados de um servidor remoto.
▪ SOAP (Simple Object Access Protocol)
✓ aplicações rodando em diferentes linguagens e
plataformas pudessem se comunicar.
Conceitos Básicos
 Conceitos Básicos
• Arquitetura de software
▪ Inclui as decisões de projeto mais importantes em um sistema.
✓ Definição dos módulos principais de um sistema.
✓ Escolha da linguagem de programação, do banco de dados que serão
usados no desenvolvimento.
• Padrão Arquitetural
▪ focam em soluções para problemas específicos de arquitetura
✓ Ex MVC é um padrão arquitetural que resolve o problema de separar
apresentação e modelo em sistemas de interfaces gráficas
✓ Ex: Arquitetura Limpa é um padrão arquitetural com o objetivo de
promover a implementação de sistemas que favorecem reusabilidade
de código, coesão, independência de tecnologia e testabilidade.
 Conceitos Básicos
• Padrões arquiteturais para aplicações
Web
Frameworks e Linguagens
 Roadmap do
Desenvolvedor Web
• Proposta:
▪ Dar uma ideia sobre o atual panorama e guiá-lo
✓ se você estiver confuso sobre qual o próximo aprendizado

▪ Um maior conhecimento das diferentes estruturas e

soluções disponíveis poderá escolher a ferramenta que
melhor se aplica às suas demandas.
• Para quem está começando agora
▪ Dê enfoque no que te dá produtividade e o restante
marque como ver depois.
 Roadmap do Desenvolvedor Web

https://www.tabnews.com.br/delatorre/dica-roadmaps-de-estudo-para-backend-frontend-devops-dba-blockchain-qa-mobile
 Roadmap do Front-end

• Acesse esse link

 Roadmap do back-end

• Acesse esse link

 Roadmap do Devops
• Acesse esse link