Bibliotecas JavaScript
Pessoal,
Chegamos a nosso último tópico!
Segue, abaixo e no link.
PUCPR > Bacharelado em Sistemas de Informação > 1o e 2o Períodos
Pessoal,
Chegamos a nosso último tópico!
Segue, abaixo e no link.
Na última aula, trabalhamos com a linguagem JavaScript.
No começo de nossa disciplina, lá na Aula 03, ou seja, antes mesmo de você ter o primeiro contato com qualquer linguagem de programação fizemos o exercício O03, o qual já lidava com alguns conceitos de JavaScript.
Sua tarefa hoje será REFAZER o exercício O03. A diferença, agora, é [...]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<body>
<form action="">
<label for="nome">Nome:</label>
<input type="text" id="nome" name="nome"><br>
<label for="nascimento">Data nascimento:</label>
<input type="text" id="nasc" name="nasc"><br>
<input type="button" id="btConfirmar" value="Novo">
<div id="listaContatos"></div>
</form>
<script type="text/javascript">
var idContato = 1;
var contatos = [];
var criarContato = function(pnome, pnascimento) {
var contato = { id: idContato++, nome: pnome, nascimento: pnascimento};
return [...]
Carregando…
Na aula passada, nós tivemos nosso primeiro contato com a linguagem JavaScript.
Hoje, desenvolveremos um exemplo prático de um aplicativo nesta linguagem.
Faremos o protótipo de uma agenda de contatos. A implementação desta agenda será útil para ilustrar como é a prática de trabalho com JavaScript, como depuramos nosso código e, principalmente, como representamos objetos e vetores.
Esta [...]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
#resultado { font-size: xx-large; color: red;}
</style>
</head>
<body>
<form action="">
<label for="nome">Nome: </label>
<input type="text" name="nome" id="nome"><br>
<label for="peso">Peso:</label>
<input type="text" name="peso" id="peso"><br>
<label for="altura">Altura:</label>
<input type="text" name="altura" id="altura"><br>
<input type="button" value="Calcular IMC"
id="btIMC" name="btIMC">
</form>
<div id="resultado"></div>
<script type="text/javascript">
var calcularIMC = function () {
var nome, peso, altura, imc;
nome = document.getElementById("nome").value;
peso = document.getElementById("peso").value;
altura = document.getElementById("altura").value;
imc = peso / [...]
Resumo referente à aula:
http://www.brunocampagnolo.com/2009_2/js/intro/
Pedido por alguns alunos no fim da aula de 10/6:
http://www.electricprism.com/aeron/slideshow/
Nesta semana, além do lançamento da versão final do Internet Explorer 8 pela Microsoft também acontece o lançamento do site Chrome Experiments pelo Google.
Este portal organiza um conjunto de experiências interativas, jogos e mini-aplicativos com o objetivo de mostrar o poder do navegador Google Chrome em relação ao desenvolvimento de programas na linguagem JavaScript que [...]
Este é um exercício opcional, mas é altamente recomendável que você o faça. Exercícios opcionais podem (ou não) ser usados em uma avaliação, mas sempre são úteis para explorar algum conceito importante em nossa disciplina.
1) Acesse o link do Poster sobre a Linguagem JavaScript. Imprima e tenha este poster como referência para nossa disciplina!
2) Execute, [...]
Olá, Pessoal,
Executem os fragmentos de código no poster linkado.
Após executarem TODOS os códigos, resolvam o exercício O03!
Esta é nossa última aula de introdução geral à disciplina de Laboratório de Informática.
Após conhecermos as linguagens HTML e CSS nas aulas anteriores, vamos conhecer a linguagem JavaScript na aula de hoje.
Download da aula aqui.
Comentários