Programação para Web 1

A disciplina de Programação para Web 1 (PWEB1) do Curso Superior de Bacharelado em Engenharia de Software do IFPB tem como objetivo apresentar os conceitos fundamentais de estruturação, estilização e programação de aplicações Web, desenvolvendo um projeto em equipe ao longo da disciplina, com publicação na Web e uso de boas práticas de desenvolvimento. Sua carga horária apresenta um total de 67 horas aula e será ministrada pelo professor Diego Pessoa. Para as aulas serão utilizadas exposições e atividades práticas, além de avaliações individuais e em grupo.

Conteúdo

A disciplina apresenta o seguinte conteúdo, que será dividido conforme este roteiro de aula:

• Unidade 1 - Introdução à Web
  • Fundamentos de uma aplicação Web
  • Exibindo a arquitetura da Web entre o cliente e servidor (URL, HTTP, HTML)
  • Finalidade do HTML e CSS
• Unidade 2 - HTML Unidade 2 - HTML
  • Introdução ao HTML
  • Estrutura de um documento HTML: elementos, atributos e entidades
  • Estrutura de uma aplicação Web Front End
  • Títulos, Parágrafos, Marcações de ênfase, Imagens, Listas, Links
  • Tabela
  • Formulários
  • Integrações com serviços Web
• Unidade 3 - CSS
  • Introdução ao CSS
  • Definir o que é uma Linguagem de Estilo
  • Sintaxe e estrutura do CSS: Seletores, Propriedades, Funções, At-rules e media queries
  • Cascata e Herança
  • Estilo de tipografia
  • Plano de fundo
  • Box model
  • Posicionamento de elementos
  • Layout com CSS
  • Design Responsivo
  • Mobile-first
• Unidade 4 - Práticas com Desenvolvimento para Web
  • Componentes de Aplicação Web
  • Introdução aos componentes Web
  • Criando uma galeria de componentes Web
  • Reutilizando componentes Web de terceiros
  • Introdução ao Controle de Versão
  • Publicando conteúdo estático na Web
  • Introdução aos servidores Web
  • Publicar páginas com Github Pages
• Unidade 5 - Introdução à Programação Web no lado Servidor
  • Estrutura básica de uma aplicação Web com backend
  • Criação de rotas, tratamento de requisições e envio de respostas
  • Integração entre formulários e o servidor para persistência e processamento de dados
  • Geração dinâmica de páginas Web a partir de dados no servidor

Sobre o código fonte gerados durante as aulas, ele estará disponível no repositório de códigos da disciplina: https://github.com/diegoep/pweb1-2025-1.

Horário e ambiente

As aulas da disciplina serão alocados nesse horário e ambiente:

Avaliações

A nota final será computada através da média ponderada das três maiores avaliações:

• Exercícios:
  • Avaliação I
  • Avaliação II
• Projeto (padlet, ifpb/projects):
  • Avaliação III: Projeto - Etapa I;
  • Avaliação IV: Projeto - Etapa II.

Estas salas do Google Classroom https://classroom.google.com/c/NzYzMzc0Mzc2NTYw serão utilizadas para enviar todas as avaliações.

Comunicação

Toda a comunicação será realizada usando este chat do Google Chat.

Bibliografia

Bibliografia Básica

Bibliografia Complementar

E para completar ainda mais a listagem existe estes exemplares como outros indicações.

Ferramentas

• Editor
  • Visual Studio Code
• Design
  • Figma
• Navegador
  • Chrome (Web Developer)
• Versionamento de código
  • Git

Editar esta página