Disciplinas

code --user-data-dir ~/.vscode-clean --extensions-dir ~/.vscode-clean/extensions ./dev/LGP1

Lembrete: ← significa "recebe" (atribuição), diferente do = da matemática.

Antes de escrever qualquer programa, um programador precisa ter clareza sobre o que o programa deve fazer e em que ordem. Essa descrição de passos, independente de linguagem, é o q

Para programar em C++ você precisa de duas coisas: um editor (onde você escreve o código) e um compilador (o programa que transforma seu código em algo que o computador executa). N

1. No trecho abaixo, cout << a / b; mostra 3, e não 3.33.... Qual é a explicação?

Conforme você programa, seu código muda o tempo todo. O Git é uma ferramenta que guarda o histórico desse código: cada vez que você salva um ponto do trabalho (um commit), fica reg

Na semana passada aprendemos a descrever algoritmos com fluxograma e pseudocódigo. Agora damos o passo seguinte: transformar esses algoritmos em um programa de verdade, escrito em

1. O trecho abaixo mostra qual valor na tela?

Nas duas semanas passadas, você aprendeu a estrutura de um programa em C++ e como guardar valores em variáveis. Mas repare numa coisa: todo valor usado até agora era fixo, escrito

1. No trecho abaixo, qual é o valor de pedagio se classe valer 1?

Nas duas semanas passadas, você aprendeu a tomar decisões com o if, o else, decisões aninhadas, e a cadeia de else if. Mas repare numa coisa: até agora, todo programa que você escr

1. Qual é a saída do trecho abaixo?

Você já conhece dois laços de repetição: o while, que testa a condição antes de cada repetição, e o do-while, que garante pelo menos uma execução. Mas repare numa situação bem comu

1. Qual é o índice do último elemento de um array declarado como int valores[8];?

Até agora, cada variável do seu programa guardava um único valor: uma idade, uma nota, um preço. Mas imagine um programa que precisa guardar as cinco notas de uma turma pequena, ca

1. Qual é a saída do trecho abaixo?

Imagine um programa que precisa calcular o preço com desconto de vários produtos, um de cada vez, sempre com a mesma fórmula. Sem uma forma de nomear esse cálculo, você acaba copia

1. Numa função com parâmetro por valor, o que acontece com o argumento original quando a função altera o valor do parâmetro dentro do corpo?

Na etapa passada, você aprendeu a definir e chamar funções, com parâmetros e valores de retorno. Mas ficou uma pergunta em aberto: quando você passa um valor pra um parâmetro, o qu

Nesta aula, vamos entender o que acontece nos bastidores quando um navegador abre um site: o modelo cliente-servidor, o protocolo HTTP, a anatomia das URLs, os métodos, os códigos

Até aqui, a aplicação sabe apenas ler: os dados chegam ao banco por migrações escritas pelo desenvolvedor, ou por comandos digitados direto no terminal do MySQL. Um sistema real pr

Disciplina: Programação para Web 3 Assunto: INSERT, formulários de cadastro e persistência de dados Professor: Prof. Me. Danilo Bueno Grupos: duplas Duração: 4 aulas de 50 minutos

Nas últimas duas aulas você aprendeu que um servidor escuta requisições e que o Spring Boot organiza o código que responde a elas em controllers. Mas uma requisição carrega muito m

Disciplina: Programação para Web 3 Assunto: Métodos HTTP, parâmetros, cabeçalhos, status codes e formulários HTML Professor: Prof. Me. Danilo Bueno Grupos: duplas Duração: 4 aulas

Um banco de dados sem nenhum código que o consulte é só um arquivo caro guardando informação parada. Esta aula fecha essa lacuna: mostra como um método Java executa um SELECT, rece

Disciplina: Programação para Web 3 Assunto: SELECT, ResultSet, JdbcTemplate, injeção de dependência e exibição em páginas Professor: Prof. Me. Danilo Bueno Grupos: duplas Duração:

Preencher um formulário na Web quase nunca termina na própria página do formulário: um cadastro leva a uma tela de boas-vindas, uma compra leva a uma confirmação, uma mensagem de c

Disciplina: Programação para Web 3 Assunto: Formulários com FreeMarker, validação com retorno ao formulário e fluxo de navegação (redirect) Professor: Prof. Me. Danilo Bueno Grupos

Na aula passada vimos que um servidor recebe requisições HTTP e devolve respostas. Mas quem escreve o programa que fica do lado de lá? Como esse código decide o que responder para

Disciplina: Programação para Web 3 Assunto: Organização de aplicações Web (MVC, Spring Boot, Controllers e rotas) Professor: Prof. Me. Danilo Bueno Grupos: duplas Duração: 4 aulas

Até aqui, a aplicação tem poucos endereços, e cada um deles devolve sempre a mesma coisa: a listagem inteira, o formulário em branco, a página de contato. Nada no endereço muda con

Disciplina: Programação para Web 3 Assunto: URLs parametrizadas, Path Variables e páginas de detalhes Professor: Prof. Me. Danilo Bueno Grupos: duplas Duração: 4 aulas de 50 minuto

Toda aplicação construída até aqui perde os dados no instante em que o processo Java termina: uma lista em memória existe só enquanto o servidor está de pé. Sites reais não funcion

Disciplina: Programação para Web 3 Assunto: Bancos de dados relacionais, MySQL e versionamento de esquema com Flyway Professor: Prof. Me. Danilo Bueno Grupos: duplas Duração: 4 aul

Disciplina: Programação para Web 3 Assunto: Geração dinâmica de páginas, templates e FreeMarker Professor: Prof. Me. Danilo Bueno Grupos: duplas Duração: 4 aulas de 50 minutos (em

Todo site que você acessa hoje, de uma rede social a um site de notícias, mostra páginas parecidas com conteúdos diferentes: o mesmo layout de perfil para cada usuário, a mesma est

Disciplina: Programação para Web 3 Assunto: Como a Web funciona (cliente-servidor, HTTP, URL, status, DevTools) Professor: Prof. Me. Danilo Bueno Grupos: duplas Duração: 4 aulas de

Toda vez que você digita um endereço no navegador, curte uma foto ou envia um formulário, uma conversa acontece nos bastidores entre duas partes: o seu navegador e um computador re

Revisão de Box Model e Flexbox, seguida de uma introdução à hospedagem com o Cloudflare.

Antes de avançar para novos conteúdos, vamos revisar como margin, padding e border controlam o espaço ao redor e dentro de um elemento.

Imagine que você está desenvolvendo a página de um site que precisa se adaptar a diferentes tamanhos de tela. Você foi encarregado de criar uma seção com um título e um parágrafo q

Crie uma página chamada rwd-query-font.html com um título e um parágrafo de texto. No CSS, utilize as consultas de mídia (@media) para fazer as seguintes alterações: quando a largu

Estes exercícios repetem o fluxo que fizemos juntos nas aulas anteriores. Se travar em algum comando, veja os slides da aula.

Todo mundo que já escreveu um trabalho no computador conhece a pasta com trabalho.docx, trabalhov2.docx, trabalhofinal.docx e trabalhofinalAGORAVAI.docx. Funciona, mal e mal, enqua

Estes exercícios colocam em prática o que vimos nos slides sobre frameworks CSS, usando o Bootstrap como exemplo de framework component-based. Diferente dos exercícios anteriores,

Todos os exercícios abaixo pedem os dados com prompt() e mostram o resultado com alert(). Lembre-se: prompt() sempre devolve uma string, então valores numéricos precisam ser conver

Objetivo: Criar uma lista de tarefas (to-do list) e manipulá-la.

Nas últimas aulas vocês viram os três pilares do Web Design Responsivo: layouts fluídos, mídias fluídas e media queries. Agora é hora de colocar isso à prova, em equipe.

Cada rodada apresenta um problema real de responsividade. O grupo discute e decide uma única alternativa (A, B, C ou D). Quando o professor pedir, todos os grupos revelam a respost

Este teste cobre tudo o que foi visto até agora: propriedades básicas de CSS, Box Model, Flexbox (propriedades do container), Hospedagem e o tripé do Web Design Responsivo.

[email protected] · website/docs · github

HTML não é case-sensitive. No entanto, é uma prática recomendada escrever todas as tags em letras minúsculas para maior consistência e legibilidade.

Assim como os engenheiros seguem restritas diretrizes de design, ou restaurantes têm regulamentos de saúde e segurança, assim também os desenvolvedores web têm um conjunto de regra

“A escolha do tipo de lista a ser usada — ou se deve ou não usar uma lista — depende do conteúdo e da opção semanticamente mais apropriada para exibir esse conteúdo.”

Um conjunto estruturado de dados compostos de linhas e colunas

Não decida entre usar a validação do lado do cliente ou do servidor - você precisará de ambas.

Conteúdo do FAQ para que você não precise inventar Utilize o texto abaixo para criar a seção de perguntas e respostas da página.

Como planejar uma estrutura básica do site e escrever o HTML para representar essa estrutura.

“Folha de estilo em cascata é um mecanismo simples para adicionar estilos (p.ex, fontes, cores, espaçamentos) aos documentos Web (W3C).”

/ propriedade abreviada (shorthand) / margin: 20px; / margem de 20px em todos os lados / margin: 10px 20px; / margem vertical de 10px e horizontal de 20px / margin: 10px 15px 20px

Você vai criar o seu documento HTML com as 9 imagens e atribuir um container para elas destacado abaixo.

Bloco (gera quebra de linha)

Vamos criar um layout composto por um cabeçalho superior, um menu lateral, uma área de conteúdo principal e um rodapé. O objetivo é utilizar o CSS Grid para organizar essas peças e

A partir deste momento, os filhos diretos deste container se tornam grid items e começam a se comportar de uma maneira nova e especial.

IMPORTANTE: as equipes não podem ter o mesmo design.

Exemplos de erros que ele encontra:

“Um framework é um conjunto padronizado de conceitos, práticas e critérios para lidar com um tipo comum de problema, que pode ser usado como referência para nos ajudar a abordar e

O software no localhost é apenas código em desenvolvimento. A Implantação é o que transforma esse código em uma solução ativa.

Nesta aula, vamos aprender sobre pré-processadores CSS, que são ferramentas que permitem escrever CSS de forma mais eficiente e organizada. Vamos explorar conceitos como variáveis,

JavaScript executa uma instrução de cada vez, em sequência. Isso é o que chamamos de execução síncrona — cada linha espera a anterior terminar.

Disciplina: Programação Web 2 Assunto: Fetch API, Promises, async/await Professor: Me. Danilo Bueno Grupos: duplas Duração: 4 aulas de 50 minutos (em sala)

O Document Object Model (DOM) é a representação do HTML de uma página como uma estrutura de dados acessível pelo JavaScript. É a ponte entre o seu código JS e o que o usuário vê na

Disciplina: Programação Web 2 Assunto: DOM — Document Object Model Professor: Me. Danilo Bueno Grupos: duplas Duração: 4 aulas de 50 minutos (em sala)

Um evento é uma ação que acontece no navegador — um clique, uma tecla pressionada, o envio de um formulário, o carregamento da página.

Disciplina: Programação Web 2 Assunto: Eventos e Interatividade Professor: Me. Danilo Bueno Grupos: duplas Duração: 4 aulas de 50 minutos (em sala)

Antes de qualquer código, você precisa saber onde executar JavaScript. O navegador já vem com um ambiente completo para rodar JS — sem instalar nada.

Disciplina: Programação Web 2 Assunto: JavaScript ES6 Professor: Me. Danilo Bueno Grupos: duplas Duração: 4 aulas de 50 minutos (em sala)

À medida que um projeto cresce, as folhas de estilo crescem junto. Um arquivo CSS de um site real pode ter centenas ou milhares de linhas — e aí começam os problemas:

Disciplina: Programação Web 2 Professor: Me. Danilo Bueno Duplas: 2 integrantes Duração: 4 aulas de 50 minutos (em sala)

Disciplina: Programação Web 2

Na aula anterior você criou componentes Vue. Mas eles tinham um problema: os dados eram hardcoded — fixos no próprio arquivo.

Disciplina: Programação Web 2 Assunto: Props e Comunicação entre Componentes Professor: Me. Danilo Bueno Grupos: duplas Duração: 4 aulas de 50 minutos em sala (+ 1 aula de teoria)

Quando você usa o Gmail, clica em "Enviados" e a lista muda sem a página piscar. Quando você navega pelo Spotify, a música continua tocando enquanto você vai para outra tela. Nos d

Disciplina: Programação Web 2 Assunto: Roteamento Client-Side com Vue Router Professor: Me. Danilo Bueno Grupos: duplas Duração: 4 aulas de 50 minutos em sala

A web começou como uma coleção de documentos estáticos. Com o tempo, passou a hospedar aplicações interativas — e-mail, mapas, redes sociais, dashboards. Essa mudança criou um prob

Disciplina: Programação Web 2 Assunto: SPAs e Frameworks JavaScript Client-Side Professor: Me. Danilo Bueno Grupos: duplas Duração: 3 aulas de 50 minutos em sala (+ 1 aula de teori

Quando você usa o Instagram e o número de curtidas muda sem recarregar a página, ou adiciona um produto ao carrinho e o ícone atualiza na hora — por baixo está acontecendo algo sim

Disciplina: Programação Web 2 Assunto: Estado e Reatividade Professor: Me. Danilo Bueno Grupos: duplas Duração: 4 aulas de 50 minutos em sala

Disciplina: Programação Web 2 Professor: Me. Danilo Bueno Grupos: 4 integrantes Duração: 4 aulas de 50 minutos (em sala)

Contexto: Nas semanas anteriores, focamos em construir layouts incríveis para telas grandes (Desktops). Agora, o seu objetivo é utilizar Media Queries para adaptar esses mesmos com

Disciplina: Linguagem de Programação Web II Curso Técnico em Informática

::left:: ### Java, como programar - Deitel

Quando o Instagram cai...

Pense: quando você joga online, o jogo é hospedado em servidores. Aqui é a mesma ideia!

Problemas: - HTML inline: Construção manual da string HTML - Sem separação de conceitos: Lógica Java misturada com apresentação - Limitações: Dificuldade de manutenção, sem reutili

Disciplina: Programação Web 2 Professor: Me. Danilo Bueno Formato: grupos de 3 a 4 estudantes Duração: 2 aulas (50 min cada)

@GetMapping("/soma") public String somaForm() { return "somaForm.html"; }

Na programação:

Até então utilizamos uma lista de objetos para armazenar os dados:

Importante: O CRUD no contexto de aplicações web é utilizado para realizar operações no banco de dados para manipulação dos REGISTROS da tabela.

O método save recebe um objeto User e salva no banco de dados:

Operação responsável por atualizar os dados de um registro existente no banco de dados.

::left:: !Livro Java, como programar - Deitel