JavaS. Apresentação JavaScript Marcelo Fey. Apresentação JavaScript,, prof. Marcelo Fey pag. 1
|
|
|
- Milton Vieira
- 5 Há anos
- Visualizações:
Transcrição
1 JavaS Apresentação JavaScript Marcelo Fey Apresentação JavaScript,, prof. Marcelo Fey pag. 1
2 Introdução O objetivo deste material é apresentar a linguagem Javascript, muito utilizada atualmente, em conjunto com HTML, para construir paginas dinâmicas e interfaces de aplicações no ambiente Web. A partir deste estudo, espera-se posicionar a tecnologia Javascript no contexto do desenvolvimento Web, a fim de que desenvolvedores conheçam o potencial das linguagens interpretadas pelos navegadores. Apresentação JavaScript,, prof. Marcelo Fey pag. 2
3 O que é Javascript Javascript é uma linguagem de script (scripts são miniprogramas interpretados e voltados para execução de tarefas especificas) com uma sintaxe bastante similar a C, C++, Pascal e Delphi. e é uma linguagem de script orientada a objetos. Os comandos e funções de Javascript são inseridos dentro de um documento da Web, junto com tags HTML e texto. Quando o navegador de um usuário acessa este documento, ele formata a página, executando o programa nela inserido. Apresentação JavaScript,, prof. Marcelo Fey pag. 3
4 O que é Javascript É uma linguagem orientada a objetos com um conjunto de objetos já embutidos. Sempre que algo acontece em uma página Web, ocorre um evento. Eventos podem ser qualquer coisa: um botão recebe um clique, o mouse é arrastado, uma página é carregada, um formulário é enviado, e assim por diante. Javascript é uma linguagem dirigida por eventos, no sentido de que é projetada para reagir quando um evento ocorre. Apresentação JavaScript,, prof. Marcelo Fey pag. 4
5 O que é Javascript A linguagem Javascript foi projetada para manipular e apresentar informação através de um navegador. Ela não é capaz de recuperar informações de outro arquivo ou salvar dados em um servidor da Web, ou no computador do usuário. Isto significa que não é possível escrever um programa Javascript que, por exemplo, ler os diretórios de um computador, ou apagando arquivos do usuário. Apresentação JavaScript,, prof. Marcelo Fey pag. 5
6 O que é Javascript Javascript é uma linguagem independente de plataforma, ou seja, o código escrito nesta linguagem não depende de uma plataforma específica (Windows, Macintosh, UNIX, etc.), depende apenas do navegador que a interpreta. Dessa forma, quer o usuário tenha um navegador para Windows, Macintosh ou UNIX, o código Javascript será executado sem que nenhuma adaptação seja necessária. No contexto de navegador, podemos sim encontrar diferenças em seus comportamentos. Apresentação JavaScript,, prof. Marcelo Fey pag. 6
7 Elemento SCRIPT Container tag: <SCRIPT>...</SCRIPT> Dentro de um documento HTML, a linguagem Javascript é delimitada pelo par de tags <SCRIPT> e </SCRIPT>. Podemos posicionar a tag <SCRIPT> dentro dos elementos <HEAD> e </HEAD>, <BODY> e </BODY>, ou ambos é possível incorporar múltiplos elementos <SCRIPT> dentro de um documento. Scripts dentro da tag <HEAD> são carregados antes que o resto da página seja carregado, tornando-se um excelente lugar para colocar suas funções Javascript, assim garantir que elas estejam disponíveis para outras partes da página! Apresentação JavaScript,, prof. Marcelo Fey pag. 7
8 Elemento SCRIPT Antes de começar Para conseguir usar as funcionalidades no navegador do usuário, precisamos verificar se a tecnologia está ativa no mesmo. <script> document.write( JavaScript Ativado!"); </script> <noscript> JavaScript desativado! </noscript> Apresentação JavaScript,, prof. Marcelo Fey pag. 8
9 Elemento SCRIPT Usabilidade Similar ao uso do CSS, podemos imcorporar seu uso de diferentes maneiras: Inline <TAG_HTML EVENTO= Comando JavaScript > OutLine <SCRIPT>...Comandos ou Funções JavaScript... </SCRIPT> File <HEAD> <SCRIPT SRC= funcoes.js ></SCRIPT> </HEAD> Apresentação JavaScript,, prof. Marcelo Fey pag. 9
10 Elemento SCRIPT Criando o primeiro script O exemplo abaixo imprime a frase Bom dia! na página. Observe que, apesar de não existirem elementos entre as marcações <BODY> e </BODY>, esta frase é exibida. Isto ocorre porque a função document.write() instrui o navegador a colocar o que estiver entre apóstrofos na página. <html> <head> <script> document.write( Texto inserido pelo JavaSacript! "); </script> </head> <body> </body> </html> Apresentação JavaScript,, prof. Marcelo Fey pag. 10
11 Elemento SCRIPT Criando o segundo script Uma das razões de utilizar Javascript é a possibilidade de montar um texto para ser exibido, incluindo valores de variáveis que podem ser inseridos pelo usuário. <script language="javascript > var nome; nome = window.prompt("digite o seu nome:"); document.write("bom dia, " + nome + "!<BR> * * * "); </script> Apresentação JavaScript,, prof. Marcelo Fey pag. 11
12 Eventos Javascript é uma linguagem dirigida por eventos. Eventos (tais como, clicar no mouse, ou pressionar um botão, etc.) são utilizados para controlar a interação do usuário com o aplicativo. function exibe() { if (!(confirm( Quer encerrar? ) ) { documento.write ( Oi, pessoal da Internet! ); } }... <a OnClick= exibe() > Clica aqui! </a> Apresentação JavaScript,, prof. Marcelo Fey pag. 12
13 Manipuladores de eventos Manipuladores de eventos Javascript servem para interfacear um script com atividades do sistema ou ações do usuário. Eles são divididos em 2 categorias: eventos de sistema eventos de mouse. Apresentação JavaScript,, prof. Marcelo Fey pag. 13
14 Manipuladores de eventos Eventos de sistema Os eventos de sistema disponíveis na tag BODY: OnLoad (quando carregar ) OnUnload (quando descarregar ) Eles não exigem a interação do usuário para serem ativados. Apresentação JavaScript,, prof. Marcelo Fey pag. 14
15 Manipuladores de eventos ONLOAD Este evento é ativado após a página HTML ser completamente carregada. Ele pode ser associado as tags <BODY> ou <FRAMESET>. Apresentação JavaScript,, prof. Marcelo Fey pag. 15
16 Manipuladores de eventos ONLOAD <html> <head> <script> function chegada(){ } </script> </head> window.alert( Seja bem-vindo ao nosso site! ); <body OnLoad= chegada() > </body> </html> Veja que interessante utilização do evento <I>OnLoad</I>. Apresentação JavaScript,, prof. Marcelo Fey pag. 16
17 Manipuladores de eventos ONUNLOAD Este evento é ativado após a página HTML ser abandonada (seja através do clique sobre algum link, ou sobre os botões de avanço/retrocesso do browser). Ele pode ser associado as tags <BODY> ou <FRAMESET> Apresentação JavaScript,, prof. Marcelo Fey pag. 17
18 Manipuladores de eventos Eventos mouse. OnClick OnFocus ( quando Clicado) ( quando entra em Focu) OnBlur ( quando retira o Focu ) OnChange ( quando for alterado ) OnSelect ( quando for selecionado ) OnSubmit ( quando for submetido) OnMouseOver( quando o mouse passa em cima) Eles exigem a interação do usuário para serem ativados. (através do mouse ou não) Apresentação JavaScript,, prof. Marcelo Fey pag. 18
19 Manipuladores de eventos ONCLICK O evento mais básico de mouse é tratado pelo manipulador OnClick. Este evento é ativado sempre que se dá um clique sobre um objeto que aceita evento de clique de mouse. Objetos que aceitam um evento OnClick são links, caixas de verificação e botões. Apresentação JavaScript,, prof. Marcelo Fey pag. 19
20 Manipuladores de eventos ONCLICK <html> <head> <script> } </script> </head> <body> function mensagem() { window.alert( Você clicou neste campo ); <a href= exemplo3.html OnClick= mensagem() > <i>link</i> comum</a><br> <form> </form> </body> </html> <input type= radio OnClick= mensagem() ><i>radio</i> <br> <input type= checkbox OnClick= mensagem() ><i>checkbox</i> <br> <input type= reset OnClick= mensagem() > <br> <input type= submit OnClick= mensagem() > <br> Apresentação JavaScript,, prof. Marcelo Fey pag. 20
21 Manipuladores de eventos ONFOCUS O foco ocorre quando um objeto torna-se o item em foco. Isto acontece quando o usuário clicar ou alternar para um objeto específico na pagina. Este evento pode ser associado aos objetos text, password, textarea e select (definidos pelas tags <INPUT>, <TEXTAREA> e <SELECT>). Apresentação JavaScript,, prof. Marcelo Fey pag. 21
22 Manipuladores de eventos ONFOCUS <html> <head> <script> function foco() { window.alert( O campo está em foco ); } </script> </head> <body> <form> Nome: <input name= nome type= text ><br> <input name= type= text OnFocus= foco() ><br> Telefone: <input name= telefone type= text > </form> </body> </html> Apresentação JavaScript,, prof. Marcelo Fey pag. 22
23 Manipuladores de eventos ONBLUR Este evento é ativado quando um objeto torna-se fora de foco - quando se muda para outra janela, ou aplicativo, ou quando se passa para outro objeto utilizando cliques do mouse, ou a tecla TAB. Ele é associado aos objetos text, password, textarea e select (definidos pelas tags <INPUT>, <TEXTAREA> e <SELECT>). Apresentação JavaScript,, prof. Marcelo Fey pag. 23
24 Manipuladores de eventos ONBLUR <html> <head> <script> function semfoco() { window.alert( O campo perdeu o foco ); } </script> </head> <body> <form> Nome: <input name= nome type= text > <br> <input name= type= text OnBlur= semfoco() > <br> Telefone: <input name= telefone type= text > </form> </body> </html> Apresentação JavaScript,, prof. Marcelo Fey pag. 24
25 Manipuladores de eventos ONCHANGE Este evento é ativado sempre que um objeto perde o foco e o seu valor é alterado. Ele é associado aos objetos text, password, textarea e select (definidos pelas tags <INPUT>, <TEXTAREA> e <SELECT>). Apresentação JavaScript,, prof. Marcelo Fey pag. 25
26 Manipuladores de eventos ONCHANGE <html> <head> <script> function mudou1() { document.form1.completo.value=document.form1.nome.value; } </script> </head> <body> <form name=form1> Nome: <input name="nome" type="text" OnChange="mudou1() /> <br> Sobrenome: <input name="sobrenome" type="text /> </form> </body> </html> Apresentação JavaScript,, prof. Marcelo Fey pag. 26
27 Manipuladores de eventos ONSELECT Este evento é ativado quando o usuário seleciona (deixa em destaque) parte do texto em um dos objetos aos quais está associado. São eles: text, password e textarea (definidos pelas tags <INPUT> e <TEXTAREA>). Apresentação JavaScript,, prof. Marcelo Fey pag. 27
28 Manipuladores de eventos ONSELECT <html> <head> <script> function selecao() { window.alert("campo selecionado"); } </script> </head> <body> <form> Campo input texto: <input type="text" OnSelect="selecao()"> Campo input senha: <input type="password" OnSelect="selecao()"> Campo textarea: <textarea OnSelect="selecao() ></textarea> </form> </body> </html> Apresentação JavaScript,, prof. Marcelo Fey pag. 28
29 Manipuladores de eventos ONSUBMIT Este evento é ativado no momento de enviar os dados do formulário. Ele é associado ao objeto form (definido pela tag <FORM>). function submete() { window.alert("evento OnSubmit ativado!"); }... <form name=form1 OnSubmit="submete()"> <input type=submit> </form> Apresentação JavaScript,, prof. Marcelo Fey pag. 29
30 Manipuladores de eventos ONSUBMIT Muitas vezes, os dados que são inseridos em um formulário precisam ser separados, analisados, manipulados ou verificados quanto a erros antes de serem transmitidos para o servidor. O evento OnSubmit permite a captura e, se necessário, a interrupção do envio dos dados de um formulário. Isto é realizado chamando-se a função a partir do manipulador OnSubmit, fazendo com que ela retorne verdadeiro ou falso. Se a função associada ao manipulador retornar falso, os dados do formulário não serão enviados. Esta funcionalidade pode ser verificada a partir do código a seguir. Apresentação JavaScript,, prof. Marcelo Fey pag. 30
31 Manipuladores de eventos ONSUBMIT <html> <head> <script> } function submete() { </script> </head> <body> if (document.form1.campo1.value == "" document.form1.campo2.value == " ) return false; else return true; <form name=form1 action="exemplo8b.html" OnSubmit="return submete()"> Campo 1: <input type="text" size=10 name=campo1> <br> Campo 2: <input type="text" size=10 name=campo2> <p> <input type=submit> </form> </body> </html> Apresentação JavaScript,, prof. Marcelo Fey pag. 31
32 Manipuladores de eventos ONMOUSEOVER Este evento é ativado quando o ponteiro do mouse passa sobre um objeto do tipo links ou botões. function ativa() { window.alert("evento OnMouseOver ativado!"); } <input type="submit" value="botão Submit" OnMouseOver="ativa()"> Apresentação JavaScript,, prof. Marcelo Fey pag. 32
33 Construções de Javascript Javascript apresenta algumas restrições quanto ao nome de variáveis/funções: Não é permitido colocar espaço em branco em um nome; Não é permitido incluir um hífen ( - ) em um nome; Não é permitido colocar os seguintes caracteres em um nome:., ;? Embora seja possível usar dígitos em um nome, ele precisa começar com uma letra; Não é permitido utilizar, como nome de uma nova variável/função, alguma das palavras reservadas de Javascript, segue a relação: abstract, boolean, break, byte, case, catch, char, class, const, continue, default, do, double, else, extends, false, final, finally, float, for, function, goto, if, implements, import, in, instanceof, nt, interface, long, native, new, null, package, private, protected, public, return, short, static, super, switch, synchronized, this, throw, throws, transient, true, try, var, void, while, with. Apresentação JavaScript,, prof. Marcelo Fey pag. 33
34 Declaração de Variáveis Cada variável tem que ser declarada como global ou local. A única diferença entre estes dois tipos em Javascript é onde elas estão localizadas dentro do código. É possível definir variáveis antes de atribuir um valor a elas, ou no momento em que fizer a atribuição. Variáveis Locais: São definidas dentro do corpo de uma função. Elas são validas apenas dentro do corpo da função onde foram definidas (escopo limitado). Variáveis Globais: São definidas fora de todos os corpos de funções de um arquivo Javascript. Elas são validas dentro de qualquer função do arquivo. Apresentação JavaScript,, prof. Marcelo Fey pag. 34
35 Declaração de Variáveis Variáveis Locais e Variáveis Globais var total = 0; // Global function adiciona(valor){ var a = valor + 10; // Local } total = total + a; function subtrai(valor){ var b = valor - 10; // Local } total = total - b; Apresentação JavaScript,, prof. Marcelo Fey pag. 35
36 Tipos de Valores Existem 4 (quatro) tipos de variáveis reconhecidos por Javascript: Número: qualquer número positivo ou negativo. Este número pode ser inteiro no formato decimal, hexadecimal ou octal. Pode também ser número de ponto flutuante com/sem exponencial; Booleano: true ou false (sem aspas); String: conjunto de caracteres limitados por aspas/apóstrofos. Nulo: null (palavra chave que denota o valor nulo). Apresentação JavaScript,, prof. Marcelo Fey pag. 36
37 Expressões Expressão é um conjunto de literais (constantes), variáveis e operadores que, avaliados, resultam em um único valor (número, String ou booleano). Existem 3 (três) tipos de expressões em Javascript: expressões aritméticas: resultam em um número; expressões de String: resultam em uma sequência de caracteres; expressões lógicas: resultam em verdadeiro ou falso; Apresentação JavaScript,, prof. Marcelo Fey pag. 37
38 Operadores Operadores são símbolos especiais que controlam como uma expressão deve ser avaliada. Os operadores podem, ainda, ser classificados de acordo com o tipo dos operandos que manipulam: operadores aritméticos, operadores de comparação, operadores de String, operadores lógicos, operadores bit a bit operadores de atribuição. Apresentação JavaScript,, prof. Marcelo Fey pag. 38
39 Operadores OPERADORES ARITMÉTICOS Operadores aritméticos constroem expressões aritméticas. Eles recebem e retornam números. Apresentação JavaScript,, prof. Marcelo Fey pag. 39
40 Operadores OPERADORES DE COMPARAÇÃO Um operador de comparação compara seus operandos e retorna um valor booleano. Estes operandos podem ser números ou String. Apresentação JavaScript,, prof. Marcelo Fey pag. 40
41 Operadores OPERADORES LÓGICOS Os operadores lógicos retornam valores booleanos. Apresentação JavaScript,, prof. Marcelo Fey pag. 41
42 Operadores OPERADORES DE ATRIBUIÇÃO Javascript dá suporte a um método abreviado de escrever operações. Apresentação JavaScript,, prof. Marcelo Fey pag. 42
43 Objetos HIERARQUIA O nível mais alto de objetos em Javascript consiste naqueles objetos que pertencem a navigator (navegador). Diretamente abaixo deste nível, estão os objetos window (janela). Cada janela tem uma árvore de níveis que se ramifica a partir dela. Estas árvores consistem em location (localização), history (histórico) e document (documento). A cada nível há outros objetos e abaixo da árvore de documentos há outra ramificação. No browser, os objetos seguem a mesma estrutura hierárquica da página HTML: de acordo com essa hierarquia, os descendentes dos objetos são propriedades dos mesmos. Apresentação JavaScript,, prof. Marcelo Fey pag. 43
44 Objetos Apresentação JavaScript,, prof. Marcelo Fey pag. 44
45 Objetos Apresentação JavaScript,, prof. Marcelo Fey pag. 45
46 Objetos Declaração for... in Repete uma variável sobre todas as propriedades de um objeto. Este é um tipo especial de declaração de laço que varre todas as propriedades de um objeto. Sintaxe: for (propriedade in objeto) { declarações } Onde, objeto é o objeto em que se está trabalhando, e propriedade é o nome da propriedade do objeto. A cada iteração do laço, propriedade recebe uma propriedade diferente do objeto. O laço se encerra quando todas as propriedades de um objeto já foram visitadas. Apresentação JavaScript,, prof. Marcelo Fey pag. 46
47 Objetos Declaração for... in <html> <head> <title>javascript</title></head> <body> <h3>propriedades do Documento</h3> <hr> <script> for (val in document) document.write( val + "<br>"); </script> </body> </html> Apresentação JavaScript,, prof. Marcelo Fey pag. 47
48 Objetos Declaração for... in <html> <head> <title>javascript</title></head> <body> <h3>propriedades do Documento</h3> <hr> <script> for (val in document) document.write( val + "<br>"); </script> </body> </html> Apresentação JavaScript,, prof. Marcelo Fey pag. 48
49 A Natureza Orientada a Objetos de Html Javascript considera HTML uma linguagem orientada a objetos, na qual os diversos tags HTML correspondem a diferentes tipos de objetos Javascript. <html> <head> <title>minha pagina</title> </head> <body> <form name= formulario1 > <input type= button name= botao1 > </form> </body> </html> A partir do código acima, obtemos os seguintes objetos Javascript: document.title document.formulario1 document.formulario1.botao1 : título da página : formulário da página : botão do formulário Apresentação JavaScript,, prof. Marcelo Fey pag. 49
50 A Natureza Orientada a Objetos de Html OBJETO NAVIGATOR Este objeto dá informações sobre o navegador. appname: retorna o nome do browser do usuário. appversion: retorna a versão do browser e a versão do sistema operacional appcodename: retorna o nome do código de desenvolvimento interno do desenvolvedor de um browser específico. useragent: usada em cabec alhos HTTP para fins de idenöficação, é a combinação das propriedades appcodename e appversion. Servidores Web usam esta informação para identificar os recursos que o navegador dispõe. Apresentação JavaScript,, prof. Marcelo Fey pag. 50
51 A Natureza Orientada a Objetos de Html OBJETO LOCATION Este objeto é utilizado para identificar o documento corrente. protocol: retorna o protocolo de transporte do documento. hostname: identifica o nome do computador hospedeiro. port: especifica a porta para o endereço. Esta informação é utilizada apenas se uma porta não padrão estiver sendo usada. pathname: define o caminho e o nome do arquivo. search: retorna quaisquer comandos de consulta que possam estar embutidos na URL corrente. Valores de search são separados do resto da URL por um sinal de interrogação (? ). hash: retorna quaisquer a ncoras que possam ter sido passadas na URL. Valores de hash são separados do resto da URL por um sinal de cerquilha ( # ). Apresentação JavaScript,, prof. Marcelo Fey pag. 51
52 A Natureza Orientada a Objetos de Html OBJETO CHECKBOX Utilizado na construção de caixas de verificação. Suas propriedades são: name: especifica o nome da caixa. value: especifica o valor da caixa. nomeform.nomecheckbox.value = 1 checked: valor booleano que especifica o estado de seleção da caixa (selecionada ou não-selecionada). if ( nomeform.nomecheckbox.checked == true ) { } comandos defaultchecked: valor booleano que especifica o estado default de seleção da caixa. Apresentação JavaScript,, prof. Marcelo Fey pag. 52
53 A Natureza Orientada a Objetos de Html OBJETO RADIO Corresponde a um array de botões, onde todos os botões compartilham a mesma propriedade name. Suas propriedades são: name: especifica o nome do objeto. checked e defaultchecked: funcionamento idêntico ao definido em checkbox. length: especifica o comprimento do array. Apresentação JavaScript,, prof. Marcelo Fey pag. 53
54 A Natureza Orientada a Objetos de Html OBJETOS INPUTs Utilizado para entrada/saída de dados. name: especifica o nome do objeto. value: especifica o valor do objeto. defaultvalue: especifica o valor default do objeto. Apresentação JavaScript,, prof. Marcelo Fey pag. 54
55 A Natureza Orientada a Objetos de Html OBJETO SELECT Utilizado para construir caixas de seleção. name: especifica o nome do objeto. options: array que contém uma entrada para cada opção de uma caixa de seleção. length: especifica o comprimento do array de opções. O exemplo a seguir identifica que opções foram selecionadas na caixa de seleção. Apresentação JavaScript,, prof. Marcelo Fey pag. 55
56 A Natureza Orientada a Objetos de Html OBJETO SELECT function listselected(obj) { for (i=0; i < obj.length; i++) { document.write( + obj.options[i].name + ); if (!obj.options[i].selected) { document.write( não está selecionada<br> ); } else { document.write( está selecionada<br> ); } } Apresentação JavaScript,, prof. Marcelo Fey pag. 56
57 A Natureza Orientada a Objetos de Html Apresentação JavaScript,, prof. Marcelo Fey pag. 57 OBJETO ARRAY É possível criar um vetor através do objeto Array, pré-definido no Javascript. O primeiro elemento é o de número 0.
58 A Natureza Orientada a Objetos de Html OBJETO STRING Em Javascript, toda string é um objeto, e, portanto, tem métodos e propriedades associadas. length: retorna o comprimento de um string. indexof( ): retorna a posição da primeira ocorrência do caractere procurado. Sintaxe: string.indexof(caracter_procurado, posição_inicial_de_busca) charat( ) : retorna o caracter encontrado na posição indicada. Sintaxe: string.charat(posição) touppercase( ) : traduz todo caracter dentro de uma string para letra maiúscula. tolowercase( ) : traduz todo caracter dentro de uma string para letra minúscula. substring( ) : retorna uma seque ncia de caracteres de uma string maior. Sintaxe: string.substring( ini, fim ) ambos valores numéricos. Apresentação JavaScript,, prof. Marcelo Fey pag. 58
59 A Natureza Orientada a Objetos de Html OBJETO DATE O objeto Date lhe ajuda a manipular datas. Para criar um objeto do tipo Date, deve-se utilizar a seguinte sintaxe: var minhadata = new Date(); Se não for indicado nenhum para metro, será criado um objeto com a data e a hora atual do sistema. Apresentação JavaScript,, prof. Marcelo Fey pag. 59
60 A Natureza Orientada a Objetos de Html OBJETO DATE var d = new Date(); var dia = d.getdate(); var mes= d.getmonth() + 1; //Months are zero based var ano = d.getfullyear(); document.write(dia+ "-" + mes+ "-" + ano); Ou var d1=new Date(); d1.tostring('yyyy-mm-dd'); d1.tostring('dddd, MMMM,yyyy'); Apresentação JavaScript,, prof. Marcelo Fey pag. 60
61 A Natureza Orientada a Objetos de Html OBJETO WINDOW O objeto window representa a janela do navegador ou um frame. É criado um objeto window sempre que o navegador encontra uma tag <BODY> ou <FRAMESET>. Também são criados objetos para cada frame definido. Propriedades mais utilizadas: defaultstatus: a mensagem que será exibida quando não tiver nenhuma outra na status bar do navegador. Height: esta propriedade contém a altura, em pixels, da janela do navegador; Width: semelhante à propriedadeanterior, porém trabalha com alargura; Apresentação JavaScript,, prof. Marcelo Fey pag. 61
62 A Natureza Orientada a Objetos de Html OBJETO WINDOW name: representa o nome da janela; status: especifica a mensagem a ser exibida na status bar do navegador. É muito útil para comunicar ao usuário pequenas mensagens. alert( ): exibe uma mensagem para o usuário; back( ): é equivalente a apertar o botão back do navegador. forward():temo mesmo efeito do botão forward do navegador. Apresentação JavaScript,, prof. Marcelo Fey pag. 62
63 A Natureza Orientada a Objetos de Html OBJETO WINDOW open( ): abre uma nova janela. O método recebe como para metros uma URL (o endereço da página que vai ficar na nova janela), o nome da janela e uma string com suas carcterísticas; close( ): fecha a janela especificada. O Javascript somente pode fechar automaticamente janelas abertas por ele. Caso contrário, aparece uma caixa de confirmação para o usuário; confirm( ): exibe uma caixa de mensagem para o usuário com duas opções: OK e Cancel. Caso o usuário pressione OK, o método retorna true. Caso contrário, false. Ele recebe como para metro uma string com a mensagem a ser exibida para o usuário; Apresentação JavaScript,, prof. Marcelo Fey pag. 63
64 A Natureza Orientada a Objetos de Html OBJETO WINDOW prompt( ): exibe uma caixa de mensagem e campo para o usuário entrar com uma string. O método retorna a string digitada pelo usuário. São aceitos dois para metros. O primeiro é uma string com a mensagem a ser exibida e o segundo é o valor padrão da string a ser digitada pelo usuário. Apresentação JavaScript,, prof. Marcelo Fey pag. 64
65 Orientação a Objetos em JavaScript Apresentação JavaScript,, prof. Marcelo Fey pag. 65
Introdução a Javascript
Introdução a Javascript André Tavares da Silva andre.silva@udesc.br Introdução Javascript Javascript é uma linguagem que permite injetar lógica em páginas escritas em HTML Podem estar "soltos" ou atrelados
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
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
Javascript. Javascript
Javascript 1 1 INTRODUÇÃO...3 2 JAVASCRIPT...3 2.1 O QUE É JAVASCRIPT...3 2.1.1 CARACTERÍSTICAS BÁSICAS...3 2.1.2 O QUE JAVASCRIPT NÃO É...4 2.1.3 PARTICULARIDADES E LIMITAÇÕES...4 2.2 ELEMENTO SCRIPT...5
Aplicações e Serviços de Internet
Aplicações e Serviços de Internet Scripting no Cliente JavaScript & DOM Controlo de Dados Conteúdo JavaScript DOM 2 2 Lado Cliente: Como chamar JavaScript?. Escrever sua função* e inseri-la na página HTML
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
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
Tipos, Literais, Operadores
Tipos, Literais, Operadores Identificadores São palavras utilizadas para nomear variáveis, métodos e classes Na linguagem Java, o identificador sempre começa por letra, sublinhado(_) ou cifrão ($) Não
Tipos, Literais, Operadores
Tipos, Literais, Operadores Identificadores São palavras utilizadas para nomear variáveis, métodos e classes Na linguagem Java, o identificador sempre começa por letra, sublinhado(_) ou cifrão ($) Não
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
Linguagem Java - Introdução
Linguagem Java - Introdução Identificadores válidos resultado teste01 _numeroclientes $fortuna Identificadores Identificadores inválidos 101dalmatas 34 #x Palavras reservadas abstract assert*** boolean
Universidade de Mogi das Cruzes Implementação Orientada a Objetos - Profª. Danielle Martin. Guia da Sintaxe do Java
Guia da Sintaxe do Java TIPOS PRIMITIVOS DE DADOS DO JAVA São os tipos nativos de dados do Java, que podem ser usados na declaração de atributos, variáveis, parâmetros. Tipo primitivo Tamanho Valor padrão
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
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
JavaScript: Validação de Formulários. Prof. Ivanilton Polato ipolato@utfpr.edu.br ipolato@gmail.com
JavaScript: Validação de Formulários Prof. Ivanilton Polato ipolato@utfpr.edu.br ipolato@gmail.com Validação de Formulários Um dos usos mais frequentes do JS é a validação de formulários. Além de garantir
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
Linguagem de Programação II Implementação
Linguagem de Programação II Implementação Prof. Alessandro Borges 2 Tópicos Implementação em Java Variáveis Palavras reservadas Pacotes Identificador this Acessando membros de outros objetos API Java Nossa
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...
Instituto Superior de Engenharia de Lisboa
Instituto Superior de Engenharia de Lisboa Introdução à Programação (PG) Docente: Pedro Viçoso Fazenda (pfazenda@cedet.isel.ipl.pt) Professor Responsável: Pedro Alexandre Pereira (palex@cc.isel.ipl.pt)
JavaScript. Professora Lucélia Oliveira
2010 JavaScript Professora Lucélia Oliveira Sumário INTRODUÇÃO... 3 Exemplos práticos... 4 Variáveis... 5 Operadores... 6 Lista de Exerícios 01... 7 Estruturas de controle... 8 Estrutura If... 8 Estrutura
Noçõ linguagem Java. Profs. Marcel Hugo e Jomi Fred Hübner. Departamento de Sistemas e Computação Universidade Regional de Blumenau - FURB
Noçõ ções básicas b da linguagem Java Profs. Marcel Hugo e Jomi Fred Hübner Departamento de Sistemas e Computação Universidade Regional de Blumenau - FURB Introduçã ção Origem Funcionamento Vantagens Linguagem
HyperText Markup Language HTML. Formulário
HyperText Markup Language HTML Formulário Prof. Luis Nícolas de Amorim Trigo nicolas.trigo@ifsertao-pe.edu.br http://professor.ifsertao-pe.edu.br/nicolas.trigo/ Introdução O usuário interage com os serviços
Palavras Reservadas da Linguagem Java
Palavras Reservadas da Linguagem Java Palavras Reservadas da Linguagem Java: Categorias Tipos de dados primitivos Literais Pseudo-variáveis Desvio e controle de fluxo Pacotes Exceções Modificadores de
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: ebertonsm@gmail.com eberton.marinho@ifrn.edu.br
Capturando teclas: Movimentando um Sprite utilizando teclado
Capturando teclas: Movimentando um Sprite utilizando teclado Como capturar as teclas do nosso teclado, para que possamos trabalhar o controle de um sprite ou mesmo de qualquer outro elemento que faz parte
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
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
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
PROGRAMAÇÃO I E N T R A DA E S A Í DA D E DA D O S
PROGRAMAÇÃO I VA R I Á V E I S, C O N S TA N T E S, O P E R A D O R E S E N T R A DA E S A Í DA D E DA D O S Variáveis 2 Variáveis são locais onde são armazenados os valores na memória. Toda variável é
Construção de Sites Aula 6
Construção de Sites Aula 6 Programa Instrutor Universidade Federal do Paraná Pró-reitoria de Assuntos Estudantis Departamento de Informática 17 de Agosto de 2010 Indice 1 Eventos onload e onunload 2 3
MsC. João Maria MsC. Liviane Melo
Disciplina: Programação Orientada à Objetos AULA 02 Corpo docente: MsC. Alexandro Vladno Edmilson Campos MsC. Fábio Procópio Esp. Felipe Dantas MsC. João Maria MsC. Liviane Melo 2 Tipo Tamanho Alcance
Prof Evandro Manara Miletto. parte 1
Prof Evandro Manara Miletto parte 1 Sumário Introdução Variáveis e tipos de dados Operadores O que é JavaScript? JavaScript é uma linguagem de programação criada pela Netscape para adicionar interatividade
Autoria Web. Professor: Diego Oliveira. Conteúdo 03: Tags de Formulário
Autoria Web Professor: Diego Oliveira Conteúdo 03: Tags de Formulário Caminhos Os caminhos dentro de um projeto HTML podem ser Relativos ou Absolutos O caminho Relativo é o caminho a partir da página em
Informática I. Aula 8. Aula 8-19/09/2007 1
Informática I Aula 8 http://www.ic.uff.br/~bianca/informatica1/ Aula 8-19/09/2007 1 Ementa Noções Básicas de Computação (Hardware, Software e Internet) HTML e Páginas Web Internet e a Web Javascript e
Análise de Programação
Análise de Programação Fundamentos da Linguagem de Programação Java Prof. Gilberto B. Oliveira Variáveis Atributos: Variáveis Declaradas fora de um método, sem o modificador static Variáveis membro ou
indica o nome do campo pelo qual podemos acessar.
Formulários Em geral Com o Javascript, os formulários Html tomam outra dimensão. Não esqueça que em Javascript, podemos acessar cada elemento de um formulário para, por exemplo, ler ou escrever um valor,
Introdução à linguagem JavaScript
MIEEC SIEM ano letivo 2014/15 Introdução à linguagem JavaScript José A. Faria (jfaria@fe.up.pt) FEUP, DEGI Setembro 2014 Introdução ao JavaScript O JavaScript é uma linguagem utilizada sobretudo em client
Construção de SitesAula5
Construção de Sites Aula5 Universidade Federal do Paraná Pró-reitoria de Assuntos Estudantis Departamento de Informática 9 de Agosto de 2010 Indice Introdução ao JavaScript 1 Introdução ao JavaScript 2
Prof Evandro Manara Miletto. parte 2
Prof Evandro Manara Miletto parte 2 Sumário Estruturas de Controle Eventos Estruturas de controle características Estruturas de controle (ou condicionais) são executadas caso um teste seja atendido Permite
Programação de Computadores I Introdução ao C PROFESSORA CINTIA CAETANO
Programação de Computadores I Introdução ao C PROFESSORA CINTIA CAETANO Introdução Criada em 1972, por Dennis Ritchie; Centro de Pesquisas da Bell Laboratories; Para utilização no S.O. UNIX; C é uma linguagem
Exercícios Práticos de HTML e JavaScript. <FORM ACTION="mailto:teste@gmail.com" METHOD="POST" ENCTYPE="text/plain" NAME="cadastro">
Exercícios Práticos de HTML e JavaScript Exercício 1: Formulário Padrão HTML SEM JavaScript
PROGRAMAÇÃO ORIENTADA A OBJETOS I. Prof. Me. Hélio Esperidião
PROGRAMAÇÃO ORIENTADA A OBJETOS I Prof. Me. Hélio Esperidião AVALIAÇÃO 2 avaliações + Lista de Exercícios 1 Prova + 1 Projeto Prova (0-8) + 2 pontos para lista de exercícios entregue no dia da prova. Projeto(0-10)
Webdesigner II. Introdução ao JavaScript
Webdesigner II Introdução ao JavaScript 1 Variáveis Variáveis são usadas para armazenar valores temporários Usamos a palavra reservada var para defini-las Em JS, as variáveis são fracamente tipadas, ou
Métodos de Programação
Métodos de Programação Programação Notas Introdutórias Javascript não é Java, linguagens diferentes com fins diferentes. Java > Linguagem de programação tradicional Javascript > Linguagem para Web de complemento
Tecnologias para Web Design
Tecnologias para Javascript e DOM Introdução à Scripts Um script do lado cliente é um programa que acompanha um documento HTML Pode estar incluído no próprio documento embutido ou acompanha-lo num arquivo
Controle de tipos; classes; formulários; eventos; validações.
Disciplina: Autoria Web AULA 14 Controle de tipos; classes; formulários; eventos; validações. Adaptado do professor Bruno Gomes, IFRN Edmilson Campos, Prof. MsC. http://edmilsoncampos.net edmilson.campos@ifrn.edu.br
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
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
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: ebertonsm@gmail.com eberton.marinho@gmail.com
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.2. Estrutura de Programas e Representação
Introdução ao Javascript. Parte 3 Prof. Victor Hugo Lopes
Introdução ao Javascript Parte 3 Prof. Victor Hugo Lopes agenda Trabalhando com Eventos DOM na prática: trabalhando com propriedades http://goo.gl/tkjhmb Eventos Evento é um acontecimento que ocorre a
SIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS JAVASCRIPT O Objeto Window Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte por quaisquer meios,
Formulários são áreas onde se inserem campos que permitem uma troca de informações maior entre usuários e desenvolvedores de sites HTML Até o momento,
HTML Formulários são áreas onde se inserem campos que permitem uma troca de informações maior entre usuários e desenvolvedores de sites HTML Até o momento, HTML mostrou-se uma linguagem bastante adequada
Desenvolvimento de Sistemas Web Prof. Leandro Roberto. Aula 18 JavaScript: Eventos MySQL PHP (insert, update e delete)
Desenvolvimento de Sistemas Web Prof. Leandro Roberto Aula 18 JavaScript: Eventos MySQL PHP (insert, update e delete) JavaScript Eventos Alguns eventos de uma página HTML podem ser interceptados e programados
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
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
Notas de Aula 01: Introdução à linguagem de programação Java e ao ambiente de desenvolvimento NetBeans
Notas de Aula 01: Introdução à linguagem de programação Java e ao ambiente de desenvolvimento NetBeans Objetivos da aula: Introduzir conceitos da linguagem Java Apresentar um histórico da linguagem Apresentar
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
Ranking das linguagens de programação mais utilizadas. TIOBE Index PyPL Index Redmonk IEEE Spectrum
Webdesigner Ranking das linguagens de programação mais utilizadas TIOBE Index PyPL Index Redmonk IEEE Spectrum Tiobe Index Mantido pela empresa de mesmo nome fundada em 2000 e especializada em assessoria
Tabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/06/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 Tabelas INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 3 Largamente suportado(browser); Controlar
Programação WEB I Funções
Programação WEB I Funções Funções As funções podem ser definidas como um conjunto de instruções, agrupadas para executar uma determinada tarefa. Dentro de uma função pode existir uma chamada a outra função.
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
Módulo 03. Identificadores, Palavras Reservadas, e Tipos
Módulo 03 Identificadores, Palavras Reservadas, e Tipos Objetivos Utilizar comentários em um programa. Distinguir entre identificadores válidos e não-válidos. Reconhecer palavras-reservadas da tecnologia
Classes o Objetos. Classes, objetos, métodos e variáveis de instância
Classes o Objetos Um recurso comum de cada aplicativo feito até agora é que todas as instruções que realizavam tarefas localizavam-se no método main. Se você tornar parte de uma equipe de desenvolvimento
Aula 1 POO 1 Prática. Profa. Elaine Faria UFU
Aula 1 POO 1 Prática Profa. Elaine Faria UFU - 2019 Introdução Java Linguagem de programação poderosa Utiliza o paradigma Orientado a Objetos Muito utilizada em aplicativos para Internet e para redes Difundida
Programação científica C++
Programação científica C++ NIELSEN CASTELO DAMASCENO Slide 2 Expressões Combinação de dados e operadores que resulta em um valor. expressão x = 2 * y + 4; variável operador constante Memória do computador
Computação L2. Linguagem C++ Observação: Material Baseado na Disciplina Computação Eletrônica.
Computação L2 Linguagem C++ ovsj@cin.ufpe.br Observação: Material Baseado na Disciplina Computação Eletrônica. Alfabeto São os símbolos ( caracteres ) permitidos na linguagem: Letras (maiúsculas e minúsculas);
Curso de HTML aula 4. Sumário. 1 Formulários. 1.1 Construindo formulários com o FORM. 1.2 Método:
Sumário 1 Formulários... 1 1.1 Construindo formulários com o FORM... 1 1.2 Método:... 1 1.3 INPUT... 2 2 Outros valores para type... 3 2.1 TYPE="RADIO"... 3 2.2 TYPE="PASSWORD"... 3 2.3 TYPE="CHECKBOX"...
Professor Jefferson Chaves Jefferson de Oliveira Chaves
Professor Jefferson Chaves jefferson.chaves@ifc-araquari.edu.br Introdução ao Ambiente Cliente x Servidor; Os métodos GET e POST; Formulários HTML; Validação de dados; HTML, CSS e JavaScript (somente
Tabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/04/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 Tabelas INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 3 Largamente suportado(browser); Controlar
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
INTRODUÇÃO AO JQUERY PROF. ME. HÉLIO ESPERIDIÃO
INTRODUÇÃO AO JQUERY PROF. ME. HÉLIO ESPERIDIÃO Introdução JQuery é uma biblioteca JavaScript desenvolvida para simplificar os scripts client-side que interagem com o HTML. Ela foi lançada em janeiro de
PROF. DANIELA PIRES. Aplicações para Web. Aplicações para Web - FMU - 2012 - Prof. Daniela Pires
PROF. DANIELA PIRES Aplicações para Web 1 *JavaScript * Validação de Formulários * HTML Dinâmico 2 *Linguagem de scripting * orientada para objeto * interpretada pelo browser *versão atual: 1.3 (para IE)
Algoritmos II prof. Daniel Oliveira
Algoritmos II prof. Daniel Oliveira Revisar conceitos abordados na disciplina anterior Abordar conceitos vistos com a linguagem C# Variáveis e listas Expressões Estruturas de controle do tipo condicional
Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto
Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Um Formulário é uma área com entrada de dados disponível para o usuário. A ideia básica do formulário é apresentar campos
HTML. Leonardo Gresta Paulino Murta
HTML Leonardo Gresta Paulino Murta leomurta@gmail.com Introdução a HTML Formulários em HTML Critério para escolha de campos Agenda Leonardo Murta HTML 2 HTML HyperText Markup Language Criada por Tim Berners-
Minicurso de JavaScript PET Sistemas de Informação Segundo Dia Anthony Tailer. Clecio dos Santos. Rhauani Fazul.
Minicurso de JavaScript PET Sistemas de Informação Segundo Dia 13.09.2016 Anthony Tailer. Clecio dos Santos. Rhauani Fazul. Romeu Casarotto Anteriormente 12.09.2016 Introdução Como usar? Saídas Sintaxe
Programação para web HTML: Formulários
Programação para web HTML: Formulários Professor: Harlley Lima E-mail: harlley@decom.cefetmg.br Departamento de Computação Centro Federal de Educação Tecnológica de Minas Gerais Belo Horizonte, 9 de março
Sintaxe da linguagem Java
Sintaxe da linguagem Java (PG) Centro de Cálculo Instituto Superior de Engenharia de Lisboa Pedro Alexandre Pereira (palex@cc.isel.ipl.pt) Classe pública com método main Uma classe pública com nome A tem
C A P I T U L O 5 C O M A N D O D E F L U X O
C A P I T U L O 5 C O M A N D O D E F L U X O Sempre que for necessária uma tomada de decisão dentro de um programa, você terá que utilizar um comando condicional, pois é por meio dele que o PHP decidirá
AULA 2 VISÃO BÁSICA DE CLASSES EM PHP
AULA 2 VISÃO BÁSICA DE CLASSES EM PHP Antes de mais nada, vamos conhecer alguns conceitos, que serão importantes para o entendimento mais efetivos dos assuntos que trataremos durante a leitura desta apostila.
Desenvolvimento de Aplicações para Internet
Desenvolvimento de Aplicações para Internet CSS Celso Olivete Júnior olivete@fct.unesp.br HTML Formatando o documento... Formulário Responsável por fazer a interação entre os dados fornecidos pelo usuário
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
Desenvolvimento Web. Versão 2 Jan/2019. Professor Emiliano S. Monteiro
Desenvolvimento Web Versão 2 Jan/2019 Professor Emiliano S. Monteiro Alinhamento, figuras, tabelas, elementos do formulário, div e iframes Professor Emiliano S. Monteiro Exercício Continua Exercício Exercício
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
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 AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT
v1.1 06/04/2017 INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT AULA 3 TRABALHANDO COM FORMULÁRIOS Eder Franco @ FPF Tech Agenda 1. Introdução 2. A tag form e seu atributos 3. As tags
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.
Programação de Computadores II TCC Profs.: Anselmo Montenegro (1) & Marcos Lage (2) (1) (2)
Programação de Computadores II TCC-00174 Profs.: Anselmo Montenegro (1) & Marcos Lage (2) (1) www.ic.uff.br/~anselmo (2) www.ic.uff.br/~mlage Conteúdo: Introdução ao Java Histórico 1991 Início em 1991:
JSP Prof. Daniela Pires. VARIAVEIS... 2 Tipos de Dados... 2 String Float Integer Boolean... 3
Conteúdo VARIAVEIS... 2 Tipos de Dados... 2 String... 2 Float... 3 Integer... 3 Boolean... 3 Variáveis... 4 O que são variáveis?... 4 Tipo de variáveis... 5 Concatenação:... 6 1 VARIAVEIS Antes de falarmos
O que faz um servidor/navegador web? 14/03/2016 Rômulo da Silva Lima Slid e 2
HTML O que faz um servidor/navegador web? e 2 O que é? HyperText Markup Language Utilizada para produzir páginas WEB Documentos escritos na linguagem HTML podem ser traduzidos por browser O HTML utiliza
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á
- os dados entrados fazem parte do corpo da mensagem enviada para o servidor; - transfere grande quantidade de dados.
Formulários Um formulário é um modelo para a entrada de um conjunto de dados. O primeiro passo para fazer formulários é aprender as etiquetas que desenham as janelinhas de entrada de dados, para depois
Escrever scripts de PHP com HTML
Escrever scripts de PHP com HTML PHP é uma linguagem de programação de scripts para serem interpretados no lado dos servidores. Numa fase inicial (1995), PHP surgiu com o significado de Personal Home Pages