Sistemas Web
arturmarques.com | entrada ; home| contacto ; contact

Atenção: teste escrito 2024-05-15, na sala e hora da aula.

Sessões seguintes (2 semanas finais) reservadas para apresentação de trabalhos, ordem a sortear.


Semana (#08/15) de 2024-04-07

2024-04-12

Python Flask, continuação: view functions, routes, HTML dinâmico, acesso a dados submetidos por GET e POST.

Escrita de uma versão do projeto "GS" com memória TSV server-side, utilizando Python Flask.

Ficou disponível: sw_flask_240412.zip

2024-04-10

Continuação e conclusão do sistema Web "GS", utilizando apenas HTML+JS.

Introdução a Python Flask.

Ficou disponível: sw_240410.zip ; sw_flask_240410.zip

Semana (#07/15) de 2024-03-31

2024-04-05

O módulo Python http.server para servir HTML e CGI a partir de scripts .py (exemplo de execução: python -m http.server --cgi 8000)

HTML: elementos select, option.

Continuação do sistema "GS" / "Alternative Google Searcher".

Ficou disponível: sw_240405.zip

2024-04-03

O ambiente CGI.
Métodos GET e POST.
Diferentes formas de encoding e sua adequação a dados diferentes (sensíveis, binários, texto).
Inputs submit.

Exercícios relacionados.

Início do sistema "GS" / "Alternative Google Searcher".

Ficou disponível sw_240403.zip

Semana (#06/15) de 2024-03-17

2024-03-22

HTML + JS, "boot pattern".

DHTML por diferentes técnicas:
- manipulação de innerHTML e textContent;
- criação em runtime de elementos e utilização de appendChild;
- criação em runtime de fragmentos e utilização de appendChild.

Exercícios diversos.

Ficou disponível: sw_240322.zip

2024-03-20

HTML: elementos form, input, script.
Inputs: text, button.

JS: externalização, padrões, eventos, event handlers.
Eventos: load, click.

HTML dinâmico via reescrita de innerHTML.

Exercícios diversos.

Ficou disponível sw_240320.zip

Semana (#05/15) de 2024-03-10

2024-03-15

JS, continuação.

Exercícios com funções, avaliação completa vs. por curto-circuito, operadores.

Ficou disponível: sw_240315.zip

2024-03-13

Introdução formal ao JavaScript (JS).

Tipos de dados. Operadores. Functions. Parâmetros. Argumentos. Passagem por valor. Objectos.

Operador de atribuição. Operadores aritméticos. Operadores booleanos. Operadores relacionais.

Exercícios diversos.

Ficou disponível: sw_240313.zip

Semana (#04/15) de 2024-03-03

2024-03-08

HTML5, continuação.

Elementos diversos: img, figure, map.

Exercícios.

Ficou disponível: sw_imgs.zip ; sw_240308.zip

2024-03-06

HTML5, continuação.

Elementos diversos: table, thead, tbody, tfoot, tr, td, details, summary, dl, dt, ol, ul, li.

Conteúdo dinâmico com JS.

Exercícios.

Ficou disponível: sw_240306.zip

Semana (#03/15) de 2024-02-25

2024-03-01

HTML5, continuação.

Exercícios.

Elementos diversos: h*, abbr, mark, header, hgroup, hr, script.

Notação para símbolos especiais. Delimitação com &;

Primeiro contacto com JavaScript (JS).

Ficou disponível: sw_240301.zip

2024-02-28

Primeiros documentos HTML.

Meta-informação em head, conteúdo em body. Elementos title e meta. Importância da meta-informação. Conceitos de search-engine spamming e search-engine optimization (SEO).

Atributos. Valorização de atributos. Custom-attributes.

Arquitetura cliente-servidor. Servidores de http.

Elementos diversos: div, section, article, header, h1, p, br, span, i, em, b, strong, u, span, meta.

Exercícios.

Ficou disponível: sw_240228.zip

Semana (#02/15) de 2024-02-18

2024-02-23

Instalação de um ambiente de desenvolvimento adequado.

Introdução ao HTML5.

2024-02-21

Continuação e conclusão do "contexto atual da Web".

Semana (#01/15) de 2024-02-11

2024-02-16

Contexto atual da Web.

Estão disponíveis os seguintes documentos de apoio, para as sessões de contexto:
sw_01_www_context_v9.pdf
sw_01_um_pouco_de_historia.pdf

2024-02-14

Apresentação.

Contexto atual da Web.

Está disponível a ficha da disciplina.

Software sugerido para a disciplina:

Firefox: https://www.mozilla.com/en-US/firefox

Firefox Developer Tools (F12): https://developer.mozilla.org/en-US/docs/Tools

PyCharm: https://www.jetbrains.com/pycharm/


Sistemas Web
arturmarques.com | entrada ; home| contacto; contact