Objetivo da Disciplina

• Apresentar os fundamentos históricos e conceituais do desenvolvimento de aplicações Web.
• Proporcionar compreensão das camadas cliente‑servidor, protocolos HTTP/HTTPS e modelos de requisição/resposta.
• Capacitar o estudante na construção de interfaces utilizando HTML5, CSS3 e JavaScript.
• Introduzir a manipulação de dados persistentes por meio de bancos relacionais (SQL) e NoSQL, com foco em integração via APIs RESTful.

Temas abordados

• Conceito de Web
• Protocolo HTTP
• Linguagem de Marcação HTML
• CSS3
• Javascript
• Padrões arquiteturais: MVC e MVVM
• Frameworks: Django, React, etc.
• APIs

Avaliação

Foco no processo e não apenas no produto final.

• Média Final (MF): MF = 0.5TEO + 0.5PROJ
• Prova de Recuperação (REC): MF = (MF+REC)/2

Mais detalhes sobre o projeto nas próximas semanas, quando tivermos momentum ("embalo")

Bibliografia Básica

• William Pereira Alves. HTML & CSS: aprenda como construir páginas web. Editora Expressa, 2021. Disponível em: https://app.minhabiblioteca.com.br/reader/books/9786558110187
• TERUEL, E. C. HTML 5: Guia prático. Editora Grupo GEN, 2013. Disponível em: https://app.minhabiblioteca.com.br/reader/books/9788536519296
• Cláudio Luís Vieira Oliveira; Humberto Augusto Piovesana Zanetti. Javascript descomplicado - Programação para WEB, IOT e dispositivos móveis. Editora Grupo GEN. 2020. Disponível em: https://app.minhabiblioteca.com.br/reader/books/9788536533100
• HTML Living Standard.
• Mozilla Developer Network (MDN) Web Docs.

Contexto da Disciplina

Postos de trabalho com crescimento mais rápido (projeção 2025-2030). Fonte: The Future of Jobs - Report 2025, WEF

Contexto da Disciplina

Trabalhabilidade > Empregabilidade

"In the next five years, 170 million jobs are projected to be created and 92 million jobs to be displaced (...)." - The Future of Jobs - Report 2025, WEF.

Como se preparar para posições de trabalho que ainda não existem?

Dicas

• Evite a ilusão da proficiência: Sensação de que se conhece algo Não há mais necessidade de praticar   Decisões equivocadas sobre o que aprender

• Evite confundir a fluência textual com a dominação do conteúdo.
• Ninguém escapa a curva do esquecimento
• Nesta disciplina você pode se arriscar.
  • Aversão à experimentação e ao risco, reduz o desempenho sob pressão

Web é um grafo

• Nós: Páginas.
• Arestas: (Hyper)Links.
• Um link pode ser entendido como uma referência ou citação a uma página.
• Ideia que fez o Google ser gigante: algoritmo PageRank links são votos (de importância/relevância).

Internet e Web são sistemas distribuídos

Internet: rede de redes, uma inter‑network

• Cada rede possui hosts e links. Ex.: redes domésticas, provedores de internet (ISPs), etc.
• Conectividade para dispositivos heterogêneos possibilitada por vários protocolos:
  • IPv4 e IPv6 para conectividade host‑para‑host (IP = Internet Protocol)
  • DNS traduz nomes legíveis por humanos para endereços IP
  • TCP, UDP para conectividade processo‑para‑processo (ex.: o processo do navegador dialoga com o processo remoto do servidor web)

Web: aplicação que utiliza a Internet

• Clientes e servidores comunicam via HTTP (e.g., requisições GET do HTTP)

Dúvidas e Discussão