Canal do slack: 

https://join.slack.com/t/ufpb-web-2021-2/shared_invite/zt-1695fo8th-cBhw3FH0INaGlIIi5M1Ruw

Lista de alunos e Link da sala virtual :

https://8x8.vc/ryuk/raonikulesza

   Material 1 - Apresentação da disciplina   

  

TopDevWeb 21.2 - 1.o Encontro - Apresentação da disciplina

  

Tarefa 1 - Ler e assistir os vídeos dos links 1.1 até 1.5 (ver abaixo) e responder:

1. Faça um timeline com os principais acontecimentos na Internet, Web e HTML
2. Na sua opnião qual o reflexo hoje da guerra dos navegadores e da bolha da Internet na Web?

    Link 1.1 - História da Web (W3C) (Site)   

    Link 1.2 - História da Web (Wikipedia) (Site)   

    Link 1.3 - História da Internet (Gustavo Guanabara) (Site)   

    Link 1.4 - História da HTML (Gustavo Guanabara) (Site)   

    Link 1.5 - A verdadeira história da Internet (The true story of Internet) (Site)   

  Tarefa 1 - História da Internet, Web e padrões  

Inicia em 24/02/2022 às 0h 0 e finaliza em 03/03/2022 às 14h 0

  

TopDevWeb 21.2 - 2.o Encontro - Histórico back-end

  

1. Por que é importante que as páginas da web estejam em conformidade com os padrões?
2. Como o HTML mudou ao longo do tempo ? E qual foi a importancia do WHAT Working Group?
3. Considerando os tipos de conteúdo atualmente suportados na Web a partir do HTML5, o que está faltando? Que tipo de conteúdo adicional as pessoas podem desejar na Web do futuro?

    Livro referência sobre a história detalhada dos padrões Web e HTML5 (Dive into HTML5) (Site)   

  Material 2: Introdução ao HTML e CSS   

HTML Básico

Exercícios de prova  1-6 (páginas 18 até 19)

Exercícios de fixação 1-6 (páginas 26 até 31)

Exercícios de fixação 6-9 (páginas 36 até 38)

Elementos de texto

Exercícios de fixação 10-13 (páginas 40 até 41)

Exercícios de fixação 14-37 (páginas 52 até 58)

Listas, Iframes, Links, Âncoras, Imagens URLs, Tabelas e Formulários

Exercícios de fixação 38-53 (páginas 62 até 68)

Exercícios de fixação 54-60 (páginas 70 até 75)

Exercícios de fixação 61-66 (páginas 83 até 85)

Exercícios de fixação 67-69 (páginas 91 até 93)

Exercícios de fixação 70-71 (páginas 97 até 88)

Checkboxes e Radios, Seleção de cores, Botões, Drop-down list, Fieldset, Autocomplete, Elementos desabilitados, Campos fixos, Validação, Partes de um documento HTML, Divisão de conteúdo, Agrupando elementos e Exercícios Complementares

Exercícios de fixação 72-77 (páginas 101 até 103)

Exercícios de fixação 78-79 (páginas 105 até 106)

Exercícios de fixação 84-87 (páginas 112 até 115)

Exercícios de fixação 88-89 (páginas 117 até 118)

Exercícios de fixação 90-91 (páginas 123 até 124)

Exercícios complementares 01-21 (páginas 125 até 133)

CSS Básico

Exercícios de fixação 01-05 (páginas 150 até 153)

Exercícios de fixação 06-08 (páginas 163 até 168)

Exercícios de fixação 09-11 (páginas 170 até 171)

Exercícios de fixação 12-14 (páginas 176 até 176)

Exercícios de fixação 27-29 (páginas 194 até 195)

Exercícios de fixação 30-32 (páginas 196 até 197)

Exercícios de fixação 39-41 (páginas 207 até 209)

CSS complementar (ler da página 209 até 300)

Exercícios de fixação 42-44 (páginas 211 até 213)

Exercícios de fixação 45-47 (páginas 213 até 217)

Exercícios de fixação 48-50 (página 221)

Exercícios de fixação 51-53 (páginas 225 até 228)

Exercícios de fixação 54-65 (páginas 232 até 238)

Exercícios de fixação 66-68 (páginas 241 até 242)

Exercícios de fixação 69-71 (páginas 243 até 244)

Prova 01-17 (páginas 297 até 303)

Javascript básico (ler da página 305 até 373)

Exercícios de fixação 09-20 (páginas 320 até 324)

Exercícios de fixação 21-41 (páginas 328 até 334)

Exercícios de fixação 42-50 (páginas 328 até 338)

Exercícios de fixação 51-83 (páginas 342 até 349)

Exercícios de fixação 84-87 (páginas 352 até 353)

Exercícios de fixação 88-90 (páginas 358 até 360)

Exercícios de fixação 91-93 (páginas 361 até 362)

Exercícios de fixação 94-97 (página  364)

Exercícios de fixação 98-100 (páginas 365 até 366)

Exercícios complementares 01-09 (páginas 367 até 368)

Prova 01-11 (páginas 370 até 373)

   Tutorial HTML, CSS e Javascript  (Livro)   

  

TopDevWeb 21.2 - 5.o Encontro - Introdução ao Javascript

  

Tarefas da semana do dia 28/03 à 01/04

1. Definir grupo no canal #projeto do Slack com no máximo 5 pesssoas:
   
   https://ufpb-web-2021-2.slack.com/archives/C039ACHA684
   
   
2. Baixar esqueleto do projeto: 
   
   https://www.dropbox.com/s/kz3yijdar9d37mh/mirror-fashion.zip?dl=0
   
   
3. Desenvolver em HTML e CSS a página sobre do projeto (caso queira, o grupo pode mudar o tema): 
   
   https://www.dropbox.com/s/iegtxfn17i97wdd/sobre_referencia.png?dl=0
   
   
4. Desenvolver em HTML, CSS e Javascript o Home baseado em (caso queira, o grupo pode mudar o tema) nos slides 99 e 100 e 101 do Material 2
   
   https://sig-arq.ufpb.br/arquivos/20220270013c4d40376559b150c220ee2/SW-212-02-Intro_HTML.pdf
   
   
   
   

Apresentação de implementações de sistemas Web e arquitetura de 2 camadas

  Projeto 2: Sistemas Web em 3 camadas

Implementar uma camada de persistencia utlizando um framework/API para utilização de um Banco de Dados relacional

• Arquitetura (IMPORTANTE: que padrões de projeto de persistencia empregaram)
• Tecnologias e fluxo de desenvolvimento (libs, frameworks, instalação, configuração e build)
• Código-fonte exibindo um cenário de uso
• Lições aprendidas

Data entrega: dd/mm - 23:59h (Apresentação na sala de aula)

Tarefa 2:

Terminar a aplicação Mirrorfashion para realizar todas as operações de CRUD (Adicionar, Listar, Remover e Editar)para a tabela EMPLOYEE e uma tela de login.

As entidades podem ser armazenada em banco de dados HBSQLDB. 

  Código-fonte - Mirror Fashion JEE (Servlet e JSP)   

  Tarefa 2 - Aplicação JEE - 2 camadas  

Inicia em 26/04/2022 às 0h 0 e finaliza em 17/05/2022 às 23h 59

Projeto Final - Entrega - 27/06/2022

1- Implementar uma API para gerenciamento de uma entidade e que utilize um banco de dados. Deve ser implantada para ter acesso remoto público e documentação (Postman, Insomnia, OpenAPI-Swagger etc.) (3,5)

2 - Implementar uma App Web (server-side ou SPA) que se conecte a API para implementar o CRUD da entidade (3,5)

Adicionais:

1. Mais de uma entidade com uso de outra API/Microserviço (2,0)
2. Uso de banco NoSQL (0,5)
3. API Gateways (1,0)
4. Autenticação (1,0)
5. Gerenciamento de sessão (0,5)

  Projeto Final  

Inicia em 14/06/2022 às 0h 0 e finaliza em 27/06/2022 às 23h 59