APOSTILA DE PROGRAMAÇÃO WEB
|
|
|
- Artur Caldeira Bicalho
- 8 Há anos
- Visualizações:
Transcrição
1 LICENCIATURA EM COMPUTAÇÃO PROFESSOR LUIS NÍCOLAS DE AMORIM TRIGO APOSTILA DE PROGRAMAÇÃO WEB JavaScript
2 Programação Web - JavaScript 2 INTRODUÇÃO JavaScript é uma linguagem inicialmente conhecida como LiveScript, desenvolvida pela Netscape, para tornar mais poderoso o seu browser, proporcionando maior interatividade com os usuários. Os programas JavaScript permitem que manipulemos praticamente tudo no browser do usuário, desde apresentação de novas janelas, manipulação de imagens e muitas outras ações que podem tornar nossas páginas extremamente interativas. Os programas JavaScript são colocados diretamente nas páginas HTML e são delimitadas pelas <SCRIPT> e </SCRIPT>. Podemos inserir todo o código necessário entre estas tags, ou chamar uma biblioteca JavaScript. <SCRIPT LANGUAGE="Javascript">...</SCRIPT> <SCRIPT LANGUAGE="Javascript" SRC="arquivo.js"></SCRIPT> As tags que delimitam o código Javascript são <SCRIPT> e </SCRIPT>. O atributo language recebe o valor "Javascript". Estas tags podem ficar entre as tags <HEAD> e </HEAD>. Isso quando a execução do código deva ser antes do carregamento da parte visual do site. Também podem ficar entre as tags <BODY> e </BODY>. Assim, o código será executado durante o carregamento da parte visual do site. <HTML> <HEAD> <TITLE>Novo Documento</TITLE> <SCRIPT LANGUAGE= Javascript >... </SCRIPT> </HEAD> <BODY>... </BODY> </HTML> <HTML> <HEAD> <TITLE>Novo Documento</TITLE> </HEAD> <BODY>... <SCRIPT LANGUAGE= Javascript >... </SCRIPT>... </BODY> </HTML>
3 Programação Web - JavaScript 3 ESTRUTURA JavaScript entende os vários elementos de um documento HTML. Para esta linguagem script os formulários, imagens, janelas e o próprio documento aberto são todos objetos distinto que obedecem a hierarquias. // para uma única linha (obs: não precisa ser fechado no final da linha). /* quando o que vamos escrever tem mais de uma linha, ou seja o texto tem várias linhas e é preciso fechar no final */ NAVIGATOR Este objeto contém informações sobre o navegador (browser) que está sendo utilizado. Os exemplos citados nas duas primeiras propriedades são do Internet Explorer e Mozilla Firefox, respectivamente. appname - Especifica o nome do navegador. Ex.: navigator.appname; pode obter Microsoft Internet Explorer ou Netscape.
4 Programação Web - JavaScript 4 appversion Especifica a versão do navegador. Ex.: navigator.appversion pode obter 4.0 (compatible; MSIE 6.0; Windows NT 5.0; FDM) ou 5.0 (Windows; pt-br). platform Indica o tipo da máquina para que o navegador foi compilado. Ex.: navigator.platform pode obter principais valores como Win32, Win16, Mac68k, MacPPC, Unix. DOCUMENT Este objeto contém informações sobre o documento web atual. PROPRIEDADES alinkcolor Especifica a cor do link ativo (momento do mouse clicado no link). Ex.: document.alinkcolor = red ; // também pode FF0000 bgcolor Especifica a cor de fundo do documento. Ex.: document.bgcolor = aqua ; fgcolor Especifica a cor do texto do documento. Ex.: document.fgcolor = blue ; lastmodified Especifica a data e a hora da última modificação do documento. Ex.: document.lastmodified; linkcolor Especifica a cor do link padrão. Ex.: document.linkcolor = red ; title Obtém o título do documento. Ex.: document.title; URL Obtém o endereço do documento. Ex.: document.url; vlinkcolor Especifica a cor do link visitado (link já acessado). Ex.: document.vlinkcolor = orange ; MÉTODOS write Escreve um ou mais expressões HTML no documento. Ex.: document.write( <p>hello World!</p><p>Esta página foi modificada em: +document.lastmodified); WINDOW Este objeto contém informações sobre a janela atual.
5 Programação Web - JavaScript 5 MÉTODOS alert Abre uma janela de alerta (Contém somente um botão OK). Ex.: window.alert( Hello World! ); blur Retira o foco do navegador (Semelhante a selecionar outra janela). Ex.: window.blur(); close Fecha a janela do navegador. Ex.: window.close(); confirm Abre uma janela de alerta (Contêm os botões OK e Cancelar). Ex.: window.confirm(); open Abre uma nova janela (popup). Ex.: window.open(<documento web>,<nome>,<parâmetros>); directories à Barra de diretórios [ 0 1 ] height à Altura em pixels location à Barra de endereço [ 0 1 ] menubar à Barra de Menu (Arquivo, Editar, etc...) [ 0 1 ] resizable à Se a janela pode ser redimensionada ou não [ 0 1 ] scrollbars à Barra de Rolagem [ 0 1 ] status à Barra de Status [ 0 1 ] titlebar à Barra de Título [ 0 1 ] toolbar à Barra de Ferramentas [ 0 1 ] width à Largura em pixels print Imprime (manda para a impressora) o documento. Ex.: window.print(); prompt Abre uma janela de alerta (Contêm um campo text, os botões OK e Cancelar). Ex.: window.prompt(); PRINCIPAIS EVENTOS OnClick à Quando o botão do mouse é clicado. OnMouseOver à Quando o mouse sobrevoa o elemento. OnMouseOut à Quando o mouse deixa de sobrevoar o elemento. OnChange à Quando clica no SELECT, em um valor diferente do atual. OnLoad à Quando carrega o site. OnUnload à Quando fecha o site. Exemplo: <a href="#" onclick="window.alert('onclick')" onmouseover="window.alert('onmouseover')" onmouseout="window.alert('onmouseout')">popup</a>
6 Programação Web - JavaScript 6 DICA Figura como link e outra figura aparecer quando mouse sobrevoar. <a > </a> href="index.html" onmouseover="document.images['nome'].src = 'arquivo de imagem ';" onmouseout="document.images['nome'].src = 'arquivo de imagem ';" <img > name="nome" src="arquivo de imagem" border="0" TIPOS DE VARIÁVEIS Variáveis servem para armazenar "coisas" que serão utilizadas no decorrer de um programa ou parte dele. Eu poderia dizer que armazenam valores ou dados, mas acredito que "coisas" é uma definição melhor: pois podem ser números, cadeias de caracteres, objetos e até, estranhamente, funções! Em Javascript lidamos com alguns tipos básicos. São eles: numérico, booleano e cadeia de caracteres. Para facilitar a abordagem, vamos esquecer que variáveis podem guardar referência a funções ou se referir a objetos e consideremos a existência de apenas esses três tipos de dados básicos - são, afinal de contas, os únicos citados que podem ser classificados como "tipos básicos". NUMÉRICO Variáveis do tipo numérico guardarão números que poderão ser positivos, nulos ou negativos, inteiros ou pontos flutuantes. Com eles pode-se fazer operações matemáticas em geral. Na verdade, é provável que JavaScript separe inteiros de flutuantes, mas isso é totalmente transparente ao usuário. BOOLEANO Variáveis do tipo booleano armazenam apenas verdadeiro ou falso, em Javascript, como na maioria das linguagens, representados, respectivamente, por true e false. Algumas linguagens não trazem este tipo, exigindo o uso de números: 1 representando verdadeiro e 0 representando falso.
7 Programação Web - JavaScript 7 SEQÜÊNCIA DE CARACTERES Variáveis do tipo cadeia de caracteres armazenam cadeias ou seqüências - de caracteres. Um caractere pode ser uma letra, um número, uma exclamação, arroba, etc.. Qualquer símbolo gráfico que possa fazer parte de um arquivo de texto puro. Eles são representados com uma regra própria, que é a mesma de muitas linguagens existentes: devem ser colocados entre aspas ( " ) ou apóstofros ( ' ). Se você utilizar aspas, os apóstofros que aparecerem no código serão tratados como caracteres, e vice-versa. Para imprimir alguns caracteres especiais, você pode utilizar a contra-barra (\). Ela indica que o que vem depois representa um caractere especial. Assim, um \n representa uma quebra de linha (do texto, não do HTML), o \" representa aspas mesmo e \\ se refere ao caractere (\). TIPAGEM DINÂMICA Você não precisará se preocupar tanto com tipos em JavaScript. Isso porque, como já foi dito, ela oferece tipagem dinâmica, o que quer dizer que uma variável é tratada como variável, não como variável inteira ou variável booleana. Assim, uma variável pode assumir qualquer tipo no decorrer do programa. Variáveis não precisam ser declaradas, mas sua declaração é muito importante para mantermos programas bem-organizados. Para declarar uma variável, utilize a palavra-chave var antes do nome. Cada variável deve ser declarada apenas uma vez (ou nenhuma, se não quiser fazêlo). OPERADORES Há cinco grupos de operadores, basicamente falando: lógicos, comparativos, aritméticos, de strings e de atribuição. LÓGICOS Operadores lógicos retornam um booleano a partir de um ou mais booleanos. Há o E ou AND (&&), que retorna verdadeiro se, e somente se os dois valores passados forem verdadeiros. Seu uso é como em "A &&B". O OU ou OR ( ) retorna verdadeiro se pelo menos um dos valores passados for verdadeiro. Seu uso, similar ao do E, é como em "A B". Há, para concluir, a negação (!), que retorna verdadeiro se o valor recebido for falso. Seu uso é como em "!A". Pode-se agrupar esses operadores e variáveis em expressões complexas e, como em expressões aritméticas, utilizar parênteses para controlar a ordem em que a expressão será avaliada. Exemplo de expressão lógica (A, B, C e D são variáveis booleanas): ( A && (B (!(C D) ) ) ). Isso será verdadeiro para as seguintes combinações de A, B, C e D: VVFF, VVFV, VVVF, VVVV e VFFF. Tente visualizar isso.
8 Programação Web - JavaScript 8 COMPARATIVOS Operadores comparativos recebem dois valores e os comparam, retornando um booleano. Existem para serem utilizados em expressões lógicas. A igualdade (==) compara duas variáveis de qualquer tipo básico e retorna verdadeiro se: são numericamente iguais (no caso de números) ou são literalmente iguais (no caso de strings). Seu uso é como em "A==B", "A==2.3" ou "A=='Console'". A desigualdade (!=) funciona como "!(A==B)" funcionaria para "A==B". Ela nega a igualdade e é usada como em "A!=B", "A!=7.8" ou "A!='Terminal'". Os outros quatro operadores são exclusivamente numéricos: são o maior que (>), o menor que (<), o maior que ou igual a (>=) e o menor que ou igual a (<=). Seu uso é bastante intuitivo: "A>B" retornaria verdadeiro para A=2 e B=-3, por exemplo. O (A<=B) equivale à expressão: ( (A < B) (A == B) ). ARITMÉTICOS Operadores aritméticos recebem números e retornam números. São os já conhecidos: soma ( + ) - de uso como em "A + B" ; subtração ( ) - de uso como em "A B" -; multiplicação ( * ) - de uso como em "A * B" - divisão ( / ) - de uso como em "A /B" - e mais outros. Há o resto de uma divisão inteira, que é usado como em "A%B" e para "16%5" retornará "1", por exemplo. A potência ( ^ ) é como em "A ^ B" e para "5 ^ 2" resultará "25". CONCATENAÇÃO O operador de string que existe é a concatenação, representada por "+". Assim, " " + 'enviado!', resultará na string " enviado!". ATRIBUIÇÃO Os operadores de atribuição servem basicamente para atribuirmos valores a variáveis. O principal é o de atribuição simples (=), que é utilizado na forma "A=B", B podendo ser uma variável, uma expressão lógica, aritmética, de string... Os outros operadores - exceto os lógicos - podem ser associados ao igual, criando-se outros operadores de atribuição. A saber: (+=) como incrementação para valores numéricos, "A+=B" incrementa "A" com "B"; (+=) como concatenação para strings, "A+=B" adiciona o valor de "B" à string "A"; ( = ) decrementação para valores numéricos, decrementa "B" de "A" e se "hora" tem valor "8", "hora =5" dará à "hora" valor "3"; ( *= ), (/=) e ( %= ) funcionam da mesma forma. Entre os operadores de atribuição, há os operadores especiais de incremento (++) e decremento (--). O operador de incremento aumenta o valor da variável em 1. Já o de decremento faz exatamente o contrário, decrementando o valor da variável de 1. Esses operadores podem ser utilizados aplicados a uma variável como um comando ou dentro de expressões aritméticas. Neste
9 Programação Web - JavaScript 9 caso, haverá diferença entre colocá-los antes ou depois da variável. Quando antes, primeiro é feito a alteração e, depois, a expressão é avaliada. Quando depois, a variável só é incrementada ou decrementada depois de a análise à expressão ter sido concluída. Isso quer dizer, para ser mais preciso, que: x = 2 * y++ resultará, para x, em um valor diferente de x = 2 * ++y Vamos supor que, antes de tudo, y tenha o valor "5". No primeiro caso, terminaremos com x=10 e y=6. No segundo, x será 12 e y, 6. ESTRUTURAS DE DECISÃO As estruturas de decisão servem para executar uma dada operação (ou, como sempre pode ser, um conjunto de operações), dependendo de uma determinada condição ser verdadeira. Há dois tipos básicos de estruturas de decisão: o IF e o SWITCH. IF / IF ELSE O if (se) pode ser utilizado de duas formas diferentes. A forma mais simples é quando queremos que um código seja executado caso uma dada expressão seja verdadeira. A forma é: if (condicao){ comando; Por exemplo, o código a seguir não permite que x assuma valor superior a 100. Assim, após passar por este trecho de código, x necessariamente será menor que ou igual a 100. if (x > 100){ x = 0; A forma completa do if traz também a opção "else", a ser executada caso a condição não seja verdadeira. Sua forma é if (condicao){ comando-se-verdadeiro; else{ comando-se-falso;
10 Programação Web - JavaScript 10 Assim podemos fazer com que o código possa seguir um entre dois caminhos distintos, dependendo de um dado valor. No exemplo a seguir temos um trecho de código que verifica se x é par ou ímpar. if ( (x % 2) == 0){ statusdex = "x é par"; else{ statusdex = "x é ímpar"; SWITCH O switch permite que, ao invés de optar entre apenas duas opções, possamos optar entre várias opções, uma para cada valor de uma dada variável ou expressão aritmética. O normal é que o switch seja utilizado para números, mas em JavaScript ele pode ser utilizado para variáveis do tipo string também! Veja o uso: switch (variavel) { case opcao1: comando; case opcao2: comando;... case opcaon: comando; O switch verificará se a variável é "opcao1". Se não for, ele fará a verificação com "opcao2", e assim por diante até encontrar a igualdade. Quando encontrá-la, o switch simplesmente não verificará mais nada e executará todo o código que vier até o fim do switch, inclusive o das verificações seguintes. Por isso, uma forma mais utilizada do switch é: switch (variavel) { case opcao1: comando; break; case opcao2: comando; break;... case opcaon: comando; break; No código apresentado, ao encontrar um case que seja igual à variável, o switch executa o comando e pára. Para mais de um comando, basta colocar o break no fim. Mais de uma opção pode ser colocada em um case, como em todas as estruturas de repetição e decisão. Para isso, basta que coloquemos todos os comandos entre chaves onde colocaríamos um comando apenas. Mas vejamos um exemplo de switch: vamos fazer um trecho de código que escreva na tela a posição de alguns dos jogadores da Seleção na Copa switch (jogador) { case "Marcos" : document.write("é o goleiro titular, camisa 1!"); break; case "Ronaldo": document.write("o camisa 9 está de volta e é artilheiro.");
11 Programação Web - JavaScript 11 break; case "Rivaldo": document.write("herdou a camisa 10 foi o 'real' melhor da copa."); break; case "Edmilson": document.write("zagueiro, mas acho que ainda não falaram pra ele.") break; default: document.write( Este jogador não está cadastrado ); Observe que no final da estrutura contém um comando default, que recebe os casos não tratados pelo SWITCH. O default é opcional, a ausência dele simplesmente os casos não tratados passam despercebidos. ESTRUTURA DE REPETIÇÃO Trata-se de um comando simples - ou um bloco de comandos - que será executado mais de uma vez dentro do código maior. JavaScript utiliza as três estruturas de repetição básicas do C: o while, e o for, este último, além da forma tradicional, de uma outra maneira bastante útil para listas associativas. WHILE O while (enquanto) repete um comando ou conjunto de comandos enquanto uma determinada expressão lógica for verdadeira. Por exemplo, o código while (x < 10){ x++; incrementará x um determinado número de vezes. Quantas vezes? Depende... Talvez nenhuma. Ele incrementará x o número de vezes que for preciso para que x não seja mais menor que 10. FOR O for (para) faz uma operação um determinado número de vezes, percorrendo dado intervalo. Seu uso convencional é da seguinte forma: for (i = 0; i < 10; i++){ alert(i); Desta forma, a variável i será inicializada com 0 e serão jogadas ao usuário 10 janelas de alerta, cada uma apresentando um número, do 0 até o 9, pois a cada iteração o i é aumentado em De um modo geral, há três expressões. A primeira é um comando que será executado apenas antes da primeira iteração. A segunda é uma expressão booleana que serve de condição.
12 Programação Web - JavaScript 12 Toda vez que for iniciar uma nova iteração, o JavaScript checará se a expressão retorna verdadeiro. Caso retorne, ele pára; senão ele continua. A terceira é outro comando, mas este é executado depois de toda a iteração. Desta forma, o uso convencional do for é: for ( inicializacao(); booleano; operacao() ){ comandos(); E isso equivale a: inicializacao(); while (booleano) { comandos(); operacao(); FUNCTION Declara uma função do Javascript com os parâmetros especificados. Os parâmetros aceitáveis incluem strings, números e objetos. function nome() { comandos; para retornar. Para retornar um valor, a função deve ter uma indicação do retorno que especifique o valor OBSERVAÇÃO: Para delimitar a quantidade de casas decimais, utilize o método tofixed(quant). EXEMPLOS Crie um documento web que peça que o usuário forneça o nome e, em seguida, diga se é brasileiro. Se isto for verdade, imprima a seguinte mensagem Olá Fulano!, senão imprima Hello Fulano!. <SCRIPT> var nome, br; nome = window.prompt( Digite o seu nome:, ); br = window.confirm( Você é Brasileiro? ); if(br == true){ document.write( Olá, + nome +! ); else{ document.write( Hello, + nome +! ); </SCRIPT>
13 Programação Web - JavaScript 13 Crie um documento web que imprima todos os números entre 1 e 100, inclusive estes, alinhados verticalmente. <SCRIPT> var n = 1; while (n <= 100) { document.write(n + '<br>'); n++; </SCRIPT> MANIPULAÇÃO DE OBJETOS Cada campo, cada tag é considerada um objeto contendo suas propriedades e estados. É através do identificador que conseguimos acessar/manipular essas propriedades e alterar estados. Existem duas formas de uso destes identificadores, pelos atributos NAME e ID. Pelo atributo NAME conseguimos acessar a propriedade ou o estado a partir do identificador de maior nível hierárquico até chegar no estilo ou atributo da tag, conforme mostra a seguir: NAMEDOFORM.NAMEDOCAMPO.ATRIBUTODOCAMPO ou NAMEDATAGDEMAIORNIVEL.NAMEDATAGDEMENORNIVEL.ATRIBUTODATAGDEMENORNIVEL seguir: Outra forma de acesso é através do atributo ID. O acesso é ocorrido através do comando a document.getelementbyid( VALOR_ID ).ATRIBUTO Crie um documento web que, através de um SELECT, sendo as cores branco, preto, vermelho, verde e azul as opções de seleção, possa alterar a cor de fundo deste documento. <html> <head> <title> Exemplo Javascript Manipulação de valores de objetos</title> </head> <script> function mudarcores(){ document.bgcolor = f.cores.value; function mudarcorestexto(){ document.fgcolor = document.getelementbyid('corestexto').value; </script> <body> <form name='f' > <p>mude a cor do fundo: <select onclick='mudarcores()' name='cores'> <option value='white'>branco</option> <option value='black'>preto</option>
14 Programação Web - JavaScript 14 <option value='red'>vermelho</option> <option value='green'>verde</option> <option value='blue'>azul</option> </select></p> </form> <BR><BR><BR> <form name='f' > <p>mude a cor do TEXTO: <select onclick='mudarcorestexto()' id='corestexto'> <option value='white'>branco</option> <option value='black'>preto</option> <option value='red'>vermelho</option> <option value='green'>verde</option> <option value='blue'>azul</option> </select></p> </form> </body> </html> Veja o exemplo abaixo: <html> <head> <title>título</title> </head> <script> function escrevernome(){ f1.nome1.value=f1.op1.value; f1.nome2.value=f1.op2.value; function imprimir(){ if(f1.opcoes[0].checked == true){ f1.resultado.value = f1.nome1.value; else{ f1.resultado.value = f1.nome2.value; </script> <body> <form name='f1'> <p>digite 1ª opção: <input type='text' name='op1' ></p> <p>digite 2ª opção: <input type='text' name='op2' ></p> <p><input type='button' onclick='escrevernome()' name='enviar1' value='enviar'></p> <hr noshade width="100%" size="2"> <p><input type="radio" name="opcoes" value="f2.nome1.value"><input style="border: 0px white none" type='text' name='nome1' readonly></p> <p><input type="radio" name="opcoes" value="f2.nome2.value"><input style="border: 0px white none" type='text' name='nome2' readonly></p> <p><input type='button' onclick='imprimir()' name='enviar2' value='enviar'></p> <hr noshade width="100%" size="2"> <p><input style="border: 0px white none; font-size: 30pt" type='text' name='resultado' readonly></p> </form> </body> </html>
15 Programação Web - JavaScript 15 EXERCÍCIO 1. O preço unitário de um refrigerante de lata é de R$ 1.50, mas se for comprar acima de um pacote (um pacote contém 12 refrigerantes de lata) o preço unitário cai para R$ Crie um documento web que calcule e escreva o custo total da compra. 2. Escreva um documento web que mostre os números inteiros pares que estão entre 11 e 152, alinhados horizontalmente e separados por espaço. 3. Escreva um documento web que leia os nomes de dois times e o número de gols marcados por cada um. Verifique o resultado e imprima o nome do vencedor. Caso não haja vencedor, deverá ser impressa a palavra EMPATE.
Construção de Sites 2. Prof. Christiano Lima Santos
Construção de Sites 2 Prof. Christiano Lima Santos Introdução a JavaScript Parte 01 Como usar JavaScript em uma página 1.1 Forma #1 aplicando diretamente à tag HTML teste
Java: Linguagem de programação (OOP) JavaScipt: Linguagem de scripts (OOP)
Executado do lado do cliente, interage com o usuário sem a necessidade do script passar pelo servidor. Desenvolvida por Brendan Eich, da Netscape Communications Corporation em 1995 (LiveScript). 1ª linguagem
Variáveis primitivas e Controle de fluxo
Variáveis primitivas e Controle de fluxo Material baseado na apostila FJ-11: Java e Orientação a Objetos do curso Caelum, Ensino e Inovação, disponível para download em http://www.caelum.com.br/apostilas/
JavaScript (Elementos de Programação e Programação Básica)
Linguagem de Programação para Web JavaScript (Elementos de Programação e Programação Básica) Prof. Mauro Lopes 1 Objetivos Iniciaremos aqui o nosso estudo sobre a Linguagem de Programação JavaScript. Apresentaremos
Curso básico de JavaScript Aula 2
Tópicos 1 JavaScript é case sensitive... 1 2 Comentários... 1 3 Saídas do JavaScript... 1 4 Entrada de dados usando window.prompt( )... 3 5 Variáveis... 3 1.1 Regras para criar uma variável... 3 6 Literais...
Introdução a Javascript
Introdução a Javascript André Tavares da Silva [email protected] Introdução Javascript Javascript é uma linguagem que permite injetar lógica em páginas escritas em HTML Podem estar "soltos" ou atrelados
Programação WEB I BOM (Browser Object Manager)
Programação WEB I BOM (Browser Object Manager) Objetos Window Métodos já conhecidos: Window.alert( Texto ); Window.prompt( Digite algo, ); Window.confirm( Deseja mesmo fazer isso ); Window Abrir uma Janela
Introdução ao Javascript
Programação WEB I Introdução ao Javascript Apresentação da Disciplina,Introdução a linguagem Javascript Objetivos da Disciplina Apresentar os principais conceitos da linguagem Javascript referente à programação
4. Constantes. Constantes pré-definidas
4. Constantes Constantes pré-definidas O PHP possui algumas constantes pré-definidas, indicando a versão do PHP, o Sistema Operacional do servidor, o arquivo em execução, e diversas outras informações.
JavaScript (ou JScript)
1. Introdução JavaScript (ou JScript) Uma linguagem como o JavaScript permite criar interfaces interativas na web (permite a interação do usuário). Para desenvolver web sites interativos precisamos de
INTRODUÇÃO. JavaScript PROF. ME. HÉLIO ESPERIDIÃO
INTRODUÇÃO JavaScript PROF. ME. HÉLIO ESPERIDIÃO 1 É uma linguagem de programação interpretada, que pode ser usada junto com o HTML. O que é JavaScript? Esta linguagem é interpretada pelo navegador. Permite
C A P I T U L O 2 S I N T A X E B Á S I C A - V A R I Á V E I S E C O N S T A N T E S E M P H P
C A P I T U L O 2 S I N T A X E B Á S I C A - V A R I Á V E I S E C O N S T A N T E S E M P H P SINTAXE BÁSICA Neste capítulo vamos apresentar a estrutura básica do PHP. Para iniciar a construção de um
Revisão da Linguagem C Prof. Evandro L. L. Rodrigues
SEL0433 Aplicação de Microprocessadores I Revisão da Linguagem C Prof. Evandro L. L. Rodrigues Estrutura de um programa C Diretivas de pré processamento Declaração de variáveis globais Declaração de protótipos
Desenvolvimento Web. JavaScript aula II variáveis (cont.) e diálogos. Professor: Bruno Gomes
INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA CURSO TÉCNICO INTEGRADO EM INFORMÁTICA CAMPUS CURRAIS NOVOS Desenvolvimento Web JavaScript aula II variáveis (cont.) e diálogos Professor: Bruno Gomes
Aula 11 Introdução ao Java Script
Aula 11 Introdução ao Java Script Java Script é uma linguagem que permite trabalhar com a Lógica em páginas escritas em HTML (HiperText Mark-up Language). As páginas HTML podem ser escritas utilizando-se
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu. Introdução ao Javascript #1
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu JS Introdução ao Javascript #1 JavaScript é uma linguagem de programação. Desenvolvida
Apostila - Desenvolvimento web com PHP
José Roberto Madureira Junior Adaní Cusin Sacilotti Reginaldo Sacilotti Apostila - Desenvolvimento web com PHP Primeira Edição São Paulo 2017 Sumário 1 INTRODUÇÃO AO PHP... 1 1.1 PREPARAÇÃO DO AMBIENTE
PROGRAMAÇÃO ESTRUTURADA E ORIENTADA A OBJETOS
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RIO GRANDE DO NORTE PROGRAMAÇÃO ESTRUTURADA E ORIENTADA A OBJETOS Docente: Éberton da Silva Marinho e-mail: [email protected] [email protected]
Os componentes HTML possuem a capacidade de configurar eventos
Javascripts (JS) Eventos no HTML Os componentes HTML possuem a capacidade de configurar eventos Estes eventos são tratados por um código específico, criado pelo programador, em funções javascript Alguns
Introdução à HTML Dinámico. O linguagem JavaScript.
Introdução à HTML Dinámico. O linguagem JavaScript. Conferencia 7 MSc. Yoenis Pantoja Zaldívar O que já sabemos XHTML regras, etiquetas CSS selectores, propriedades (modelo de caixa, formateo visual) Situação
Java Script Pág: 1. Índice
Java Script Pág: 1 Índice Índice... 1 Introdução ao JavaScript Básico... 2 Configurações... 2 Usando o Java Script.... 2 Comandos: script language - alert - /script... 3 Variáveis... 4 Regras para criar
Estrutura de um Algoritmo, Variáveis, Comandos de Entrada e Saída e Expressões Aritméticas
Estrutura de um Algoritmo, Variáveis, Comandos de Entrada e Saída e Expressões Aritméticas Estrutura de um Programa em Linguagem Algorítmica Nesse curso nós vamos utilizar a linguagem algorítmica para
Linguagem C: Introdução
Linguagem C: Introdução Linguagem C É uma Linguagem de programação genérica que é utilizada para a criação de programas diversos como: Processadores de texto Planilhas eletrônicas Sistemas operacionais
Algoritmos. Algoritmos e Linguagem de Programação - Prof Carlos Vetorazzi
Algoritmos Algoritmos e Linguagem de Programação - Prof Carlos Vetorazzi Conceitos Linhas de Código de um Algoritmo ou Programa escrita do programa linha a linha, ou seja, a sintaxe do programa, podendo-se
JAVASCRIPT Laboratórios de Informática João Paulo Barraca, André Zúquete, Diogo Gomes
http://cseweb.ucsd.edu/~lerner/js.jpg JAVASCRIPT Laboratórios de Informática 2014-2015 João Paulo Barraca, André Zúquete, Diogo Gomes HTML, CSS, Javascript HTML define estrutura CSS define estilo Javascript
Introdução à Computação - aulas 01 e 02 -
MAC2166 Introdução à Computação - aulas 01 e 02 - Mauro Cesar Bernardes 25/Fevereiro/2014 Agenda Instalação do Python Python Shell Variáveis Operadores relacionais Operadores numéricos Comando de saída
Utilizando Janelas e Frames
Utilizando Janelas e Frames Aprenderemos agora algumas técnicas mais específicas para fazer o JavaScript trabalhar com várias partes das páginas e navegadores da Web. Controlando janelas com objetos Já
O código JavaScript deve ser colocado entre tags de comentário para ficar escondido no caso de navegadores antigos que não reconhecem a linguagem.
1 - O que é JAVASCRIPT? É uma linguagem de script orientada a objetos, usada para aumentar a interatividade de páginas Web. O JavaScript foi introduzido pela Netscape em seu navegador 2.0 e posteriormente
Prof. Esp. Andrew Rodrigues 1
Prof. Esp. Andrew Rodrigues www.andrewrodrigues.com.br www.andrewrodrigues.com.br 1 PHP em Ação PHP é uma linguagem de programação que pode fazer todo o tipo de coisas: avaliar dados de formulários enviados
Introdução à Linguagem C++
Introdução à Linguagem C++ C++: Definição C++ C A Linguagem de Programação C++ pode ser definida como uma extensão da Linguagem C; Todo código de programação em Linguagem C pode a priori ser compilado
Linguagem de Programação III - PHP
Linguagem de Programação III - PHP Aula 1 Scripts PHP, VB.NET da Microsoft, C#, javascript, etc Sintaxe PHP Tudo que estiver delimitado por será processado no servidor. O navegador cliente
3. Linguagem de Programação C
Introdução à Computação I IBM1006 3. Linguagem de Programação C Prof. Renato Tinós Departamento de Computação e Matemática (FFCLRP/USP) 1 Principais Tópicos 3.4. Estruturas de Controle 3.4.1. Comandos
JavaScript Introdução e Sintaxe
JavaScript Introdução e Sintaxe Ferramentas para Internet Marx Gomes Van der Linden ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) Objetivos Apresentar os principais conceitos
Universidade Federal de Uberlândia Faculdade de Computação. Linguagem C: Operadores relacionais e lógicos estruturas condicionais If...
Universidade Federal de Uberlândia Faculdade de Computação Linguagem C: Operadores relacionais e lógicos estruturas condicionais If... Else Switch Prof. Renato Pimentel 1 Operações relacionais Operações
O que é o JavaScript?
JavaScript 1 Introdução O JavaScript é utilizado por milhões de páginas na web para melhorar o design, validar forms, e muito mais O JavaScript foi inicialmente desenvolvido pela Netscape e é a linguagem
Arquitetura Von Neumann Dados e instruções são obtidos da mesma forma, simplificando o desenho do microprocessador;
1 Microprocessador Um microprocessador é um circuito eletrônico capaz de realizar diversas tarefas conforme os comandos específicos. Para isso ele deve ler esses comandos da memória de programa (ROM) e
Variáveis e Entrada de Dados Marco André Lopes Mendes marcoandre.googlepages.
Variáveis e Entrada de Dados Marco André Lopes Mendes [email protected] [email protected] marcoandre.googlepages.com Algoritmos é a base Primeiro programa Este programa possui apenas uma
Programação Orientada a Objetos II Java Segunda aula. Prof. Rogério Albuquerque de Almeida
Programação Orientada a Objetos II Java Segunda aula 1 Programação Orientada a Objeto II Tipos de Dados e Variáveis Operadores Operadores aritméticos Operadores relacionais Operadores lógicos Operadores
Introdução. Surge em 1995 (Brendan Eich, programador da Netscape) com o nome de Livescript
Surge em 1995 (Brendan Eich, programador da Netscape) com o nome de Livescript É uma linguagem de programação (linguagem de script) Javascript e Java Torna a sua página HTML: Atraente; Interactiva; Inteligente.
HTML BÁSICO E TEMPLATE VIEW. Gabrielle Amorim Porto
HTML BÁSICO E TEMPLATE VIEW Gabrielle Amorim Porto HTML BÁSICO E TEMPLATE VIEW Hypertext Markup Language Linguagem de marcação de hipertexto; Descreve a estrutura das páginas Web utilizando tags. HTML
Conteúdo. DHTML tópicos Hamilton Lima - 2002-2004
DHTML tópicos Hamilton Lima - 2002-2004 Conteúdo 1. meu primeiro script... 2 2. DOM Document Object Model...2 3. tipo de execução de scripts...2 4. resposta a um evento... 3 5. tipos de dados, variaveis
AULA 2: INTRODUÇÃO A PYTHON. Luís Feliphe Silva Costa
AULA 2: INTRODUÇÃO A PYTHON Luís Feliphe Silva Costa Sumário Variáveis simples Entrada e Saída de dados Operadores Estruturas Condicionais Estruturas de repetição Funções Tratamento de erros Variáveis
08/05/2012. Tipos de dados. Tipos de dados. Elementos Básicos. Tipos de dados. Elementos Básicos Tipos de dados. Dados e seus tipos:
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 Elementos Básicos Tipos de dados Dados e seus tipos: Computadores lidam com diversos tipos de dados: numéricos,
Linguagem C. Programação Estruturada. Estruturas de Controle. Prof. Luis Nícolas de Amorim Trigo
Programação Estruturada Linguagem C Estruturas de Controle Prof. Luis Nícolas de Amorim Trigo [email protected] Sumário Introdução Tipos de Estruturas de Controle Estruturas de Seleção Simples
Programação de Computadores:
Instituto de C Programação de Computadores: Introdução ao FORTRAN Luis Martí Instituto de Computação Universidade Federal Fluminense [email protected] - http://lmarti.com Introdução ao FORTRAN Cinco aspectos
Programação de Computadores III
Programação de Computadores III Introdução ao FORTRAN Professor Leandro Augusto Frata Fernandes [email protected] Material disponível em http://www.ic.uff.br/~laffernandes/teaching/2013.1/tcc-00.157
Programação Estruturada
Programação Estruturada Introdução à linguagem C Professores Emílio Francesquini e Carla Negri Lintzmayer 2018.Q3 Centro de Matemática, Computação e Cognição Universidade Federal do ABC Programação estruturada
Mini apostila de Python - Oficina de Vestibulandos. PET Computação - UFPR September 2016
Mini apostila de Python - Oficina de Vestibulandos PET Computação - UFPR September 2016 1 Sumário 1 Introdução 3 2 Obtenção e Instalação 3 3 Variáveis 3 4 Operações Matemáticas 5 5 Entrada de Dados 6 6
Bacharelado em Ciência e Tecnologia Processamento da Informação. Equivalência Portugol Java. Linguagem Java
Linguagem Java Objetivos Compreender como desenvolver algoritmos básicos em JAVA Aprender como escrever programas na Linguagem JAVA baseando-se na Linguagem Portugol aprender as sintaxes equivalentes entre
ALGORITMOS E APLICAÇÕES. FATEC IPIRANGA ADS Noturno 1º semestre de 2012 Prof. Luiz Carlos de Jesus Junior
ALGORITMOS E APLICAÇÕES FATEC IPIRANGA ADS Noturno 1º semestre de 2012 Prof. Luiz Carlos de Jesus Junior Formato Básico do Pseudocódigo Tipos de dados O VisuAlg prevê quatro tipos de dados: inteiro, real,
Comandos em C (cont.)
Comandos em C (cont.) Operador ternário:? O operador condicional possui uma opção um pouco estranha. É o único operador C que opera sobre três expressões. Sua sintaxe geral possui a seguinte construção:
Tipos Primitivos, estruturas de iteração e decisão.
Tipos Primitivos, estruturas de iteração e decisão. André Luis Meneses Silva [email protected] http://br.geocities.com/programacao2ufs/ Agenda Tipos Primitivos de Dados Variáveis e Constantes es Comandos
Programação de Computadores III
Programação de Computadores III Introdução ao FORTRAN Professor Hugo de Oliveira Barbalho [email protected] Material produzido pelo professor: Leandro Augusto Frata Fernandes ([email protected])
CIT Aula 02 Variáveis e Estruturas de desvio condicional. Autor: Max Rodrigues Marques Carga Horária: 2 h 22/07/15 1
CIT 2015.2 Aula 02 Variáveis e Estruturas de desvio condicional Autor: Max Rodrigues Marques Carga Horária: 2 h 22/07/15 1 Variáveis Uma variável nada mais é que um nome que damos a uma determinada posição
Programação Orientada a Objetos
Programação Orientada a Objetos Professor: Diego Oliveira Conteúdo 05: Linguagem Java Conteúdo da Aula Linguagem Java Tipos Primitivos Operadores Aritiméticos Operadores Lógicos Precedência de Operadores
Algoritmos. Conceitos e Comandos
Algoritmos Conceitos e Comandos Trabalho - Reposição Arquitetura Funcional do Computador Para próxima aula 16/03/2018 Valerá duas presenças. Variável Uma variável é um local na memória principal, isto
Capítulo 9 - Imagens. Imagens
Capítulo 9 - Imagens 9 Imagens EM JAVASCRIPT, É POSSÍVEL MANIPULAR COM AS IMAGENS DE UMA PÁGINA, alterando a URL que localiza o arquivo de imagem. Assim, pode-se trocar a imagem que está sendo exibida
WEBDESIGN. Professor: Paulo Marcos Trentin - Escola CDI de Videira
WEBDESIGN Professor: Paulo Marcos Trentin - [email protected] http://www.paulotrentin.com.br Escola CDI de Videira Introdução ao JavaScript É uma linguagem client-side que possui diversas aplicações,
Introdução a Programação
Introdução a Programação Prof. André Gustavo Duarte de Almeida [email protected] docente.ifrn.edu.br/andrealmeida Aula 02 Primeiro Programa Roteiro Primeiros Passos Variáveis Expressões Comandos
Aula 11: Desvios e Laços
Aula 11: Desvios e Laços Nesta aula explicaremos alguns comandos que podem alterar o fluxo dos seus programas em JavaScript. Você aprenderá a estrutura dos comandos de desvios e laços. Entenderá como funcionam
Programação de Computadores I Dados, Operadores e Expressões PROFESSORA CINTIA CAETANO
Programação de Computadores I Dados, Operadores e Expressões PROFESSORA CINTIA CAETANO Dados em Algoritmos Quando escrevemos nossos programas, trabalhamos com: Dados que nós fornecemos ao programa Dados
Algoritmos e Programação
Algoritmos e Programação Aula 3 Introdução a Linguagem C Profa. Marina Gomes [email protected] 1 Aula de Hoje - Criar programas simples em C utilizando a estrutura básica; - Declarar variáveis;
Apostila de Fortran. É uma pseudo-linguagem a qual oferece recursos para que o programador possa codificar e testar os seus algoritmos.
Apostila de Fortran Fortran Uma das linguagens de programação mais velhas, o FORTRAN foi desenvolvido por uma equipe de programadores conduzida por John Backus na IBM, e foi primeiramente publicada em
Técnico em Informática. Web JavaScript. Profª Ana Paula Mandelli
Técnico em Informática Web JavaScript Profª Ana Paula Mandelli [email protected] Para o JavaScript - NetBeans O NetBeans é um ambiente de desenvolvimento integrado (IDE) Java desenvolvido pela
Aula 12 Aplicação e prática do JS
Aula 12 Aplicação e prática do JS Características importantes Sua sintaxe é parecida com C, C++ e Java, devido aos seus comandos serem os mesmos utilizados nas Linguagens citadas. É uma programação baseada
INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT
v1.1 INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT AULA 7 CRIANDO INTERAÇÕES COM JAVASCRIPT (PARTE 2) Eder Franco @ FPF Tech The road so far... JavaScript Desenvolvida para criar interações
ALGORITMOS E ESTRUTURA DE DADOS
ALGORITMOS E ESTRUTURA DE DADOS Algoritmos Tipos de Dados Prof. André Peixoto - Todo o trabalho realizado por um computador é baseado na manipulação dos dados/informações contidas em sua memória. Podemos
Estruturas da linguagem C. 1. Identificadores, tipos primitivos, variáveis e constantes, operadores e expressões.
1 Estruturas da linguagem C 1. Identificadores, tipos primitivos, variáveis e constantes, operadores e expressões. Identificadores Os identificadores seguem a duas regras: 1. Devem ser começados por letras
Introdução à linguagem HTML. Volnys Borges Bernal
1 Introdução à linguagem HTML Volnys Borges Bernal 2013-2015 Volnys Bernal 2 Introdução à linguagem HTML Sumário Visão geral Primeira página Principais tags Principais atributos Formulários 2011-2015 Volnys
Laboratório de Programação II
Laboratório de Programação II Aula 02 Prof. Diemesleno Souza Carvalho [email protected] http://www.diemesleno.com.br Na aula passada vimos... Na aula passada vimos... 01 Introdução à linguagem C;
Algoritmo e Programação Matemática
Algoritmo e Programação Matemática Fundamentos de Algoritmos Parte 1 Renato Dourado Maia Instituto de Ciências Agrárias Universidade Federal de Minas Gerais Dados A funcionalidade principal de um computador
5. Expressões aritméticas
5. Expressões aritméticas 5.1. Conceito de Expressão O conceito de expressão em termos computacionais está intimamente ligado ao conceito de expressão (ou fórmula) matemática, onde um conjunto de variáveis
Apostila - Desenvolvimento web com PHP
José Roberto Madureira Junior Adaní Cusin Sacilotti Adriana Rodrigues Reginaldo Sacilotti Apostila - Desenvolvimento web com PHP Primeira Edição São Paulo 2017 Sumário 1 INTRODUÇÃO AO PHP... 1 1.1 PREPARAÇÃO
Minicurso de JavaScript PET Sistemas de Informação Terceiro Dia Anthony Tailer. Clécio Santos. Rhauani Fazul.
Minicurso de JavaScript PET Sistemas de Informação Terceiro Dia.09.06 Anthony Tailer. Clécio Santos. Rhauani Fazul. Romeu Casarotto O que será visto hoje?.09.06 Funções Eventos Melhores práticas Erros
Como criar um menu pop-up no Dreamweaver
Como criar um menu pop-up no Dreamweaver Introdução: Seguindo o crescimento do conteúdo em sites de Internet, a necessidade por uma fácil navegação nas páginas cresce igualmente. Um menu pop-up pode ser
JAVASCRIPT. Desenvolvimento Web I
JAVASCRIPT Desenvolvimento Web I JavaScript HTML Conteúdo - ( Markup language) CSS Apresentação (Style Sheet language) JavaScript (Programming language) Uso de JavaScript : Validação de formulários, galerias
Exercitando a Programação com PHP
José Roberto Madureira Junior Adaní Cusin Sacilotti Adriana Rodrigues Reginaldo Sacilotti Exercitando a Programação com PHP Primeira Edição São Paulo 2016 Sumário 1 INTRODUÇÃO AO PHP... 1 1.1 PREPARAÇÃO
Módulo 17E. Revisões de HTML. A) Noções básicas de HTML
Módulo 17E Revisões de HTML A) Noções básicas de HTML Estrutura básica de um documento Um documento HTML começa com a tag de abertura e termina com a tag de fecho . De seguida, temos a considerar
Fundamentos de Programação em Python
Fundamentos de Programação em Python Diego Silveira Costa Nascimento Instituto Federal de Educação, Ciência e Tecnologia do Rio Grande do Norte [email protected] 23 de junho de 2017 Ementa do
7 Operadores e Expressões
7 Operadores e Expressões 7.1 Definição de operador, expressão e operando Um operador é um símbolo utilizado para identificar que uma determinada operação deve ser realizada sobre um ou mais parâmetros,
VARIÁVEIS NUMÉRICAS : integer - Números inteiros entre e real - Números reais de 11 algarismos significativos.
TURBO PASCAL Histórico Origem: desenvolvida nos anos entre 1968 e 1970 por Nicklaus Wirth na Universidade Técnica de Zurique, Suíça. Em 1970 é disponibilizado o primeiro compilador para a linguagem. Objetivo:
Desenvolvimento de Sistemas para WEB Site:
Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação Desenvolvimento de Sistemas para WEB Site: http://jeiks.net E-mail: [email protected] Introdução