Programação Web Back-end
Aula - Visão Geral da Web
Diego Addan
dagoncalves@utfpr.edu.br
Universidade Tecnológica Federal do Paraná (UTFPR)
Câmpus Cornélio Procópio
Departamento de Computação
1
Conteúdo
1 Apresentações
2 Web
3 Material de apoio e
ferramentas
Apresentações
3
O Professor
2013 - Mestrado em modelagem computacional
2019 - Doutorado em computação gráfica
2021 - Pós-doutorando em IHC
2022 - Pós-doutorando em aprendizado federado
Interesseses: Síntese automática otimização
Educação Interação
Multi-ambiente
4
A turma
■ Quem trabalha com web?
■ front-end, back-end, full-stack?
■ Quais tecnologias vocês utilizam?
5
Temas de Estudo
1 HTTP : arquitetura cliente-servidor, definições,
requisição/resposta, cabeçalhos, parâmetros, CGI (8h).
2 Programação no servidor : recebimento de requisições, envio de
respostas, tratamento de parâmetros, cookies/sessões (16h).
3 Tratamento de exceções : mecanismo de exceções, tipos,
captura/lançamento, criar classes, sistema de registro (8h).
4 Manipulação de arquivos : sistema de arquivos, tipos, formatos e
operações (8h).
5 Banco de dados : conexão, APIs, operações, mapeamento
objetorelacional e aplicação (20h).
6
Resultados de aprendizagem (Parte 1)
1 Projetar aplicações web que utilizem o protocolo HTTP e servidores
web com conteúdo dinâmico, com eficácia e clareza.
2 Implementar aplicações web que recebam e interpretem parâmetros,
utilizem cookies/sessões/tokens para armazenar informações do
usuário, com qualidade e robustez.
7
Resultados de aprendizagem (Parte 2)
3 Aplicar mecanismos para tratar exceções em aplicações web de
maneira autônoma e eficiente.
4 Projetar sistemas de registro e armazenamento de arquivos de log
em aplicações web de maneira autônoma e eficiente.
5 Atuar em projetos implementando mecanismos de persistência com
o banco de dados, integrando as funcionalidades de uma aplicação
web, utilizando métodos e ferramentas de engenharia de software.
8
Programação e Avaliação
■ Disponível no Moodle
9
Web
10
Surgimento
Fonte: https://curatti.com/the-evolution-of-the-world-wide-web-infographic/
11
Arquitetura
Fonte: https://www.programmersought.com/article/89906289504/
12
HyperText Transfer Protocol (HTTP)
‘Idioma’ utilizado para a comunicação entre o navegador e o
servidor web
Fonte: https://developer.mozilla.org/en-US/docs/Web/HTTP/Overview
13
HyperText Marckup Language (HTML)
■ HTML é a linguagem padrão para definição de
conteúdo na web
■ Document Object Model ( DOM ) é a representação
estruturada de um documento apresentado no navegador
■ CSS corresponde a estilização/formatação do conteúdo
■ Javascript é o motor que permite melhorar a interação
dos usuários com conteúdo apresentado no navegador
14
Navegador
■ Realiza as requisições e processa as respostas
■ Encapsula os detalhes do protocolo HTTP apresentado
no navegador
Dica cultural: A guerra dos navegadores
15
Destaques históricos
■ Anos 90
▶ Primeiros navegadores e sites
■ Anos 2000
▶ Bolha das ponto com
▶ Web 2: redes sociais, blogs, colaboração
▶ Uso do Ajax
■ Última década
▶ Sistemas web ricos
▶ Front-end / Back-end
▶ Web como serviço
16
Material de apoio e ferramentas
17
Ambiente de trabalho
■ Vs Code
■ Git/GitHub
■ Docker
■ Navegador
■ Tecnologias: Node / MySQL / Mongo
18
Sites de apoio
■ W3C
https://www.w3.org/
■ W3 Schools
https://www.w3schools.com/
■ Mozzila Developer
https://developer.mozilla.org/pt-BR/docs/Web
19
