Aula 04 – Exercício F01
Link para especificação
Responda aqui e aqui
PUCPR > Bacharelado em Sistemas de Informação > 3o e 4o Períodos
Link para especificação
Responda aqui e aqui
Olá, Pessoal,
Conforme já havia adiantado no Sábado, hoje não estarei disponível para nossa aula.
Infelizmente não consegui ninguém para reposição meu lugar.
Combinaremos reposição a contento a seguir.
Aproveitem o tempo livre para estudo do framework jQuery e conclusão dos exercícios passados se for o caso.
Abraços a todos!
http://jsbin.com/ajoco/edit
http://jsbin.com/umiwo/edit
Exercício opcional para resolução no dia 21/02/2009.
Exercícios opcionais podem (ou não) serem considerados na nota final.
Edite o arquivo do exercício e faça o que se pede
Se preferir, edite o arquivo no JS Bin.
Cada exercício é um comando individual e é independente do anterior.
Você deve resolver o exercício usando a biblioteca jQuery.
Exiba uma mensagem qualquer cada [...]
Turma,
Começaremos a trabalhar com a biblioteca jQuery. Tal biblioteca facilitará muito nosso trabalho com criação de interfaces ricas.
Hoje, nosso foco será:
Instalação da biblioteca
Funções básicas
Seletores CSS Avançados da jQuery
Abaixo, a apresentação referente à aula:
Versão JavaScript
Versão Java
Versão Flash
Além do meu material, recomendo também a leitura e exploração de:
Tradução do Guia Básico
Artigo sobre jQuery voltado à parte [...]
Abaixo, os exemplos mostrados na primeira aula sobre jQuery.
Exemplo de JavaScript intrusivo:
<a onclick="executeAlgumaCoisa()" href="#">Clique aqui</a>
Exemplo de JavaScript não-intrusivo:
<a href="pagina.html" id="meuLink">Clique Aqui</a>
…
// Associe o clique no link com id 'meuLink' à execução da função executeAlgumaCoisa
document.getElementsById("meuLink").onclick = executeAlgumaCoisa;
…
function executeAlgumaCoisa()
{
…
}
Exemplo básico em jQuery:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Exemplo basico jQuery</title>
[...]
Pessoal,
Observem dica para o uso do evento onchange em JavaScript.
calculadora.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Page</title>
<script type="text/javascript" src="calculadora.js">
</script>
</head>
<body onload="configurar()">
<form action="">
<p>
<input id="txtVal1" type="text" />
</p>
<p>
<input id="txtVal2" type="text" />
</p>
<p>
<input id="btMais" type="button" [...]
Código desenvolvido em aula.
Preenchido apenas a funcionalidade de soma.
Executar código
Editar código
Calculadora.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Page</title>
<script type="text/javascript" src="calculadora.js">
</script>
</head>
<body onload="configurar()">
<form action="">
<p>
<input id="txtVal1" type="text" />
</p>
<p>
<input id="txtVal2" type="text" />
</p>
<p>
<input id="btMais" [...]
Em nossa próxima aula, começaremos o trabalho com o framework jQuery.
Assim, é necessária uma revisão do que vimos no ano passado em nossa disciplina de Laboratório de Informática 1 e 2 principalmente em relação à linguagem JavaScript e ao uso das extensões do Firefox.
Esta revisão se dará através do Exercício de Revisão 01.
Leia com atenção [...]
Pessoal, abaixo a divisão das turmas.
Procurei seguir ao máximo a escolha pessoal de cada um na nossa aula anterior.
Por favor, confiram com atenção! Enviarei essa divisão para os demais professores também.
Nesta aula, nosso objetivo será apresentar o que é a disciplina de Tecnologia de Programação 1 e 2.
Download 00-apresentacaofinal-ppt
Comentários