Roteiro. Desenvolvimento de Aplicações Web. JavaScript. Script. Script
|
|
- Márcia Marreiro Espírito Santo
- 8 Há anos
- Visualizações:
Transcrição
1 Roteiro Desenvolvimento de Aplicações Web JavaScript Roberto Vedoato Introdução Conceitos Usos Formas de inserção Sintaxe Variáveis Tipos de dados e literais Identificadores e palavras reservadas Operadores e expressões Estruturas de controle Funções Objetos DOM Eventos Caixas de Diálogo JavaScript 2 Script Script Um programa script do lado cliente é um roteiro que acompanha um documento HTML Pode estar embutido no próprio documento ou acompanhá-lo num arquivo externo Pode ser solto ou atrelado a ocorrência de eventos Quando soltos são executados na seqüência em que aparecem Atrelados a eventos são executados apenas quando o evento ocorre O navegador deve ser capaz de interpretar uma determinada linguagem para que o programa script possa ser executado Existem diversas linguagens script que pode ser interpretadas por browsers Javascript (Netscape) e JScript (Microsoft) ECMAScript (recomendada pelo W3C) VBScript Etc. JavaScript 3 JavaScript 4
2 Tipos de Linguagens Compiladas geração de código executável depende da plataforma de execução tradução lenta X execução rápida Interpretadas sem geração de código independente de plataforma execução lenta Híbridas geração de código intermediário independente de plataforma de execução tradução rápida X execução não tão rápida JavaScript Proposta pela Netscape em 1995 para ser executada no Navigator 2.0 Versão atual: 1.3 (para IE) - ECMA (para Mozilla Firefox) ECMA JavaScript é uma linguagem de script baseada em objetos Trata suas estruturas básicas, propriedades do navegador e elementos de um documento HTML como objetos JavaScript 5 JavaScript 6 JavaScript Permite a criação de páginas interativas e dinâmicas, que são interpretadas localmente pelo navegador, sem precisar recorrer a execução remota de programas no servidor Usa HTML como interface, diferentemente de plugins e applets que usam HTML apenas como base para exibição, mas que tem uma interface própria inserida na janela do navegador Tem sintaxe semelhante a Java e C++ É sensível ao caso (maiúsculas diferentes de minúsculas) Usos Possibilita extensões à documento HTML Permite realizar cálculos e computação Pode modificar o conteúdo de um documento dinamicamente Permite processar entradas de um formulário HTML Pode ser ativado por eventos que afetam um documento Pode estar relacionado a controles para produzir elementos de interfaces gráficas JavaScript 7 JavaScript 8
3 Java x JavaScript Formas de inserção Blocos Script Java: linguagem híbrida, fortemente tipada, orientada a objetos, com classes, objetos, herança e polimorfismo JavaScript: linguagem interpretada, fracamente tipada, baseada em objetos, sem classes, herança e polimorfismo Códigos executáveis em páginas HTML (páginas dinâmicas) Java: classes compiladas e carregadas remotamente JavaScript: instruções dispersas ao longo da página HTML O elemento HTML SCRIPT permite inserir um script num documento HTML O script deve estar delimitado pelas tags <SCRIPT>... </SCRIPT> Usado para definir funções usadas pela página, gerar HTML em novas páginas ou alterar a interpretação do HTML da página pelo navegador Podem estar tanto no cabeçalho (geralmente funções associadas a eventos) quanto no corpo de um documento. Podem existir diversas declarações num mesmo documento JavaScript 9 JavaScript 10 Formas de inserção Blocos Script Formas de inserção Blocos Script O elemento noscript indica ao browser uma alternativa quando ele não entende uma linguagem script <SCRIPT type="text/javascript"> Instruções JavaScript... </SCRIPT> <NOSCRIPT> <P>Seu browser não suporta scripts. Acesse <a href= URL">versão sem scritps </a> </NOSCRIPT> Pode esconder um script com comentários fazendo com que o navegador ignore o programa script <SCRIPT type="text/javascript"> <!-- Instruções JavaScript... --> </SCRIPT> JavaScript 11 JavaScript 12
4 Formas de inserção - Anexados Um script descrito em um arquivo externo pode ser associado a um documento através do atributo src na tag <SCRIPT> <SCRIPT src = URL > Usado para definir funções que serão usadas por várias páginas de um site O arquivo deve ter a extensão.js e conter apenas código JavaScript O servidor Web deve estar configurado para relacionar a extensão.js como o tipo MIME application/x-javascript Formas de inserção Em descritores Instruções JavaScript podem serem inseridas dentro de descritores HTML sensíveis a eventos Usadas para tratar eventos do usuário em links, botões e componentes de entrada de dados, durante a exibição do documento Os eventos serão vistos posteriormente As três formas de inserção podem ser usadas concomitantemente num mesmo documento JavaScript 13 JavaScript 14 Especificação da Linguagem Script Exemplo de especificação HTML não especifica nenhuma linguagem script preferencial Deve-se especificar qual a linguagem script padrão de um documento usando a tag meta com atributos < META http-equiv= Content-Script-type content= type > Onde type pode ser text/javascript text/vbscript etc. JavaScript 15 <HTML> <HEAD> <TITLE>... </TITLE> <META http-equiv= Content-Script-type content= text/javascript > </HEAD> <BODY> <SCRIPT type= text/javascript > Instruções JavaScript... </SCRIPT> </BODY> </HTML> JavaScript 16
5 Especificação e Compatibilidade Variáveis <script type="text/javascript"> compatível com qualquer browser <script language="javascript"> compatível com qualquer browser <script language="javascript1.3"> browser deve ser compatível com JS 1.3 (por exemplo, Internet Explorer 6) <script language="javascript1.5"> browser deve ser compatível com JS 1.5 (por exemplo, Mozilla Firefox) O atributo language no elemento SCRIPT é opcional para JavaScript Variáveis Globais criadas fora de uma função e usadas em todo o programa consideradas como propriedades da janela que contém o documento Locais existem apenas na função A declaração não é obrigatória var nome_da_variável Identificadores iniciadas por letra ou _ nome contém letras e dígitos JavaScript 17 JavaScript 18 Variáveis Variáveis Tipos Primitivos Number (decimais, octais 0 e hexadecimais 0x ) Boolean (Lógicas true, false) String (cadeia de caracteres Unicode) Null (nulo) Undefined (indefinido) Fracamente tipada s = texto ; s = false; s = 1234; oct = 0677; hexa = 0xffac; soma = s + oct + hexa Qualquer valor entre aspas é uma string Para converter um número ou valor booleano em string basta concatenar com uma string vazia. Exemplo 1 : a = 10; b = "" + a; // b contém a string 10 Exemplo 2 : texto = : ; // 8:35 texto = (3 + 5) + : + (3 + 5); // 8:8 Para a conversão de strings em números utiliza-se as funções nativas: parseint(string) e parsefloat(string) JavaScript 19 JavaScript 20
6 Caracteres especiais e Comentários Operadores Matemáticos Caracteres especiais \n - newline \r - carriage return \f - form feed \t - horizontal tab \b - backspace \\ \ \ Comentários // - comentário de linha /*... */ - comentário de bloco JavaScript * / concatenação, adição subtração multiplicação divisão % resto da divisão ++ incremento unário -- decremento unário JavaScript 22 Operadores de Atribuição Operadores Lógicos e Relacionais = Atribuição += Soma ou concatenação e atribuição -= Subtração e atribuição *= Multiplicação e atribuição /= Divisão e atribuição %=Resto e atribuição == igual!= diferente < > menor que maior que <= menor ou igual >= maior ou igual && E lógico OU lógico JavaScript 23 JavaScript 24
7 Estruturas de Controle Palavras reservadas Estruturas de Controle if (expressão) {... } else {... } while (expressão) {...} do {...} while (expressão) for (inicialização; expressão; incremento ou decremento) {... } for (variavel_indice in Objeto) {... } Similar a Delphi, lê todas as propriedades de um objeto e extrai seus valores Blocos como em C e Java, delimitados por {... } abstract boolean break byte case cath char class const continue default do double else extends false final finally float for function goto if implements import in instanceof int interface long native null package private protected public return short static super switch synchronized this throw throws transient true try var void while with JavaScript 25 JavaScript 26 Funções Nativas Funções do usuário parseint (string, base) converte para inteiro numa base (opcional) parsefloat (string, base) converte para float numa base (opcional) escape (string) converte um string em ASCII portável Exemplo: nome = escape(joão); // Jo%E3o unescape (string) converte ASCII portável em string isfinite (valor) verdadeiro se o argumento é finito isnan (valor) verdadeiro se o argumento não é um número eval (string) interpreta o string passado como parâmetro como código JS. Oferece acesso direto ao interpretador JS. Exemplo: result = eval( / 12 ); Uma vez criada uma função pode ser usada globalmente function nomedafunção (param1,..., paramn) {...} Para retornar um valor utiliza-se uma instrução return function soma () { a = 2; b = 3; return a + b; } Identificadores usados para nomes de função são propriedades do contexto onde foram definidos. Não pode haver uma variável global com o mesmo nome de uma função Pode-se copiar a definição da função para outra variável, por exemplo: sum = soma; JavaScript 27 JavaScript 28
8 Funções do usuário Objetos Exemplo function idade( anos) { if (anos >= 18) { alert ( Maior de Idade ) } else { alert ( Menor de idade ) } Javascript é uma linguagem baseada em objetos. Objetos consistem de: Uma coleção de propriedades Métodos que realizam operações nos dados das propriedades Existem classes nativas Object, Array, Boolean, String, Number, Math, Date, Function Todos tipos primitivos e não nulos tem uma representação em obejto Objetos são instâncias de classes definidas com new var nomevar = new ClassName; var data = new Date(); O acesso aos métodos é na forma nomeobjeto.nomemétodo(parâmetros) Exemplo nomestring.bold(); nomestring.fontsize(10); r = Math.random(); JavaScript 29 JavaScript 30 Objetos Classes Objetos são representados por variáveis do tipo object Esse tipo é capaz de armazenar coleções de variáveis como sendo suas propriedades Exemplo1: // Cria objeto1 e atribui seus campos var objeto1 = new Object; objeto1.x = 3; objeto1.y = 4; objeto1.z = 5; // Cria objeto2 a partir dos valores objeto2 = {x:3, y:4, z:5 }; Exemplo2: // Cria variável do tipo objeto que armazena um objeto Date dataatual = new Date(1006, 09, 04); JavaScript 31 Definindo o Construtor da classe Círculo function Circulo(x, y, r) { this.x = x; this.y = y; this.raio = r; } Cria objeto c1 da classe Circulo. O que transforma a função em construtor é a chamada com o operador new var c1 = new Circulo(0,0,15); JavaScript 32
9 Métodos Métodos e propriedades Para definir métodos para uma classe, basta criar uma função e copiá-la para uma propriedade do construtor function metodo1() { document.write( Coordenadas + this.x + this.y); } function Circulo(x, y, r) { this.x = x; this.y = y; this.raio = r; this.imprimecoordendas = metodo1; } Quando não temos acesso ao construtor, podemos criar novos métodos e propriedades permanentes usando a sua propriedade prototype Exemplo adicionando propriedade ao tipo Date d = new Date(); Date.prototype.ano = d.getyear() ; JavaScript 33 JavaScript 34 Estruturas e Operadores para Objetos this this with typeof void for... in JavaScript 35 Referência ao próprio objeto. Usados: Em atributos de eventos nos Objetos HTML Dentro de construtores e métodos de Objetos JavaScritpt Exemplo <input type=button value="cadastrar" onclick="escrever(this.form.area)" > this refere-se ao objeto button, form é a propriedade do objeto que faz referência ao form onde está contido, e Area é uma propriedade desse form pai JavaScript 36
10 with (objeto) typeof e constructor.name Útil quando precisamos utilizar várias propriedades de um mesmo objeto Exemplo with (c1) // objeto do tipo circulo { x = 13; y = 50; raio = 100; } typeof Retorna uma string identificando o tipo do objeto primitivo ( Exemplo var coisa; // typeof coisa: undefined var boo = true; // typeof boo: boolean var c = new Circulo(3, 4, 5); // typeof c: object typeof Circulo // function typeof Document // function JavaScript 37 JavaScript 38 void for (variável in Objeto) Usado para descartar o valor retornado de uma função Exemplo <a href= javascript:void(cadastraform()) > Cadastrar </a> Usado para ler todas as propriedades de um objeto, e extraír os seus valores. for (variavel in nome_do_objeto) { // declarações usando variavel } Exemplo de função que retorna todas propriedades de um objeto function mostraprops(objeto) { props = ""; for (idx in objeto) { props += idx + " = " + objeto[idx] + "\n"; } return props; } JavaScript 39 JavaScript 40
11 Classes e Objetos Nativos Arrays Global Object (objeto genérico) Number String Boolean Date Array Math (único que não possui construtor, pois é objeto e não classe) Function (objeto que representa funções,métodos e construtores) var a = new Array (12); var b = new Array (2); a[0] = 15; a[1] = 20; b[0] = new Array (4); b[1] = new Array (7); b[1][4] = 24; // simples // cria linhas // cria colunas O tamanho dos vetores pode ser redefinido! JavaScript 41 JavaScript 42 Objeto Math Objeto String E LN10 LN2 PI SQRT1_2 SQRT2 abs acos asin atan ceil cos exp floor max min pow random round sin sqrt tan length big blink bold charat fixed fontcolor fontsize indexof italics lastindexof link small strike sub substring sup tolowercase touppercase JavaScript 43 JavaScript 44
12 Objeto Date DOM getmonth setmonth getdate setdate getday gethours sethours getminutes setminutes getseconds setseconds gettime settime gettimezoneoffset getyear setyear togmtstring tolocalestring Elementos de um documento HTML podem ser modificados dinamicamente por programas scripts DOM (Document Object Model) é um modelo de objetos utilizado em documentos HMTL, que define uma hierarquia de objetos O DOM relaciona cada elemento HTML, respeitando sua hierarquia, a um objeto JavaScript que possui métodos e propriedades associadas Exemplos: <BODY> objeto Document <FORM> objeto Form <INPUT TYPE= text > objeto Text JavaScript 45 JavaScript 46 Equivalência de expressões HTML e DOM Equivalência de expressões HTML e DOM <TITLE>Test Document</TITLE> <P><B>Hello World!<\B> <TITLE>Test Document</TITLE> <SCRIPT type="text/javascript"> document.write("<p><b>hello World!<\/b>") </SCRIPT> JavaScript 47 O nome de um objeto associado a um elemento pode ser definido em HTML, através do atributo NAME <IMG name= figura1 src= fig.jpg > Document.figura1.src= fig.jpg <P name= pinicial style= color:black > Document.pinicial.color=black <FORM name= form1 > <INPUT type= text name= endereco > Document.form1.endereco Document.form1.endereco = Rua da Silva A = Document.form1.endereco JavaScript 48
13 Hierarquia DOM DOM - Objetos de um navegador Window window document frames history navigator location document document plugins all anchors applets body embeds objeto de mais alto nível Navigator indicando o navegador Document contém propriedades e objetos do documento corrente Legenda object event screen filters forms images links plugins Location propriedades baseadas na URL atual History contem as URLs previamente acessadas collection scripts stylesheets JavaScript 49 JavaScript 50 DOM Objetos de um documento DOM Objetos de um formulário Link Image Area Anchor Object Plugin Form Div ou Layer Button Radio Checkbox Select Text Textarea Password Hidden Submit Reset File JavaScript 51 JavaScript 52
14 Métodos Úteis Exemplo de Objetos numa Página document.write document.writeln window.prompt window.confirm window.alert windows.close history.back Observação: a referência a janela principal window pode ser omitida JavaScript 53 image[0] form[0].nome form[0]. window document body Caso não dermos nomes aos objetos, podemos referenciá-los pelas propriedades de Document JavaScript 54 Eventos Eventos Eventos ocorrem quando o usuário interage com o navegador ou por ações do sistema operacional ou do próprio navegador Um evento pode ser associado a um elemento HTML e a uma função script. Quando ele ocorre a função é executada Há diversos eventos programáveis em adição aos 3 eventos nativos e não programáveis do HMTL. Clique em: Link ou imagem mapeada Botão submit Botão reset Quando acionados em eventos nativos do HTML utiliza-se uma URL javascript: <a href= javascript:alert( Selecionou o link ) > link </a> JavaScript 55 Os eventos programáveis são usados através de atributos HTML em elementos específicos Sempre iniciam com o prefixo ON Exemplo <FORM> <INPUT TYPE= button ONCLICK= alert( Você acionou o botão! ) VALUE= Clique aqui"> </FORM> Os valores recebidos pelos atributos é código JavaScript Aspas duplas são usadas para representar o atributo HTML e que aspas simples são usadas dentro do método alert() JavaScript é sensível ao caso (alert), HMTL não (onclick, ONCLICK)! JavaScript 56
15 Eventos Eventos Os objetos para interação são divididos em Input (propriedade type) Password, text, hidden, checkbox, radio, button, reset, submit Textarea Select Valores lidos a partir de um campo de formulário em uma página HTML ou janela de entrada de dados sempre são strings. JavaScript 57 Evento funcionalidade elemento onde é suportado onload na carga do documento - <body> onunload na descarga do documento - <body> onclick quando o objeto recebe um clique do mouse. <a>, <input> onselect quando o objeto é selecionado. <input type=text> e <textarea> onchange quando o objeto perde o foco e houve mudança de conteúdo <input type=text>, <textarea>, e <select> onfocus quando o objeto recebe o foco <body>, <form>, <input>, <textarea>, <select> e <option> onblur quando o obejto perde o foco. <body>, <form>, <input>, <textarea>, <select> e <option> onsubmit antes de enviar um formulário <input type=submit>, onreset antes de limpar um formulário <form> onerror - quando ocorre um erro na carga de uma pagina ou imagem - <body> e <img> onabort quando a carga de uma imagem é cancelada - <img> onmousedown, onmouseup, onmouseover, onmousemove, onmouseout movimentos do mouse - <a> e <area> JavaScript 58 Caixas de Diálogo Apenas observação alert (mensagem) Com retorno de confirmação (OK ou CANCELAR) confirm (mensagem) Ver exemplo2 Com caixa de texto retorno = prompt (mensagem, texto inicial) Onde: Receptor: campo que recebe a informação digitada pelo usuário Mensagem: aparece como rótulo da caixa de input Texto de entrada: opcional, aparece na linha de digitação Ver exemplo3 JavaScript 59 DHTML HTML Dinâmico consiste da junção das tecnologias HTML CSS DOM Scripts É a manipulação de elementos de um documento HTML e dos estilos CSS por um programa script de acordo com o DOM (modelo de objetos do documento) Scripts são ativados por eventos e modificam objetos HTML e CSS JavaScript 60
16 Documentação Mozilla.org Referência Rápida _index.html JavaScript 61
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)
Leia maisTecnologias 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
Leia maisJavaScript. Prof. Msc. Juliano Gomes Weber (jgw@unijui.edu.br) Notas de Aula Aula 12 1º Semestre - 2011. UNIJUÍ DETEC Ciência da Computação
UNIJUÍ DETEC Ciência da Computação Prof. Msc. Juliano Gomes Weber (jgw@unijui.edu.br) JavaScript Notas de Aula Aula 12 1º Semestre - 2011 Tecnologias Web jgw@unijui.edu.br Introdução Com JavaScript implementamos
Leia maisJavaScript: 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
Leia mais4. A Linguagem JavaScript
4. A Linguagem JavaScript! A linguagem XHTML, por não ser uma linguagem de programação e sim uma linguagem de marcação, não permite interação entre o usuário e a página, além de clicar em um link, fazendo
Leia maisHTML Básico Formulários. Matheus Meira
HTML Básico Formulários Matheus Meira 1 Objetivos Neste apresentação conheceremos os fundamentos básicos de HTML para a manipulação com servlets e jsp. Serão vistos Formulários Links Elementos de disparo
Leia maisAula de JavaScript 05/03/10
Objetos Sabe-se que variável são contêiners que podem armazenar um número, uma string de texto ou outro valor. O JavaScript também suporta objetos. Objetos são contêiners que podem armazenar dados e inclusive
Leia maisJavaScript Eventos e Objetos Nativos
JavaScript Eventos e Objetos Nativos Ferramentas para Internet Marx Gomes Van der Linden ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) Eventos Um evento é um acontecimento
Leia maisJavaScript 2.0X 1.0 3.0X 1.1 4.0 4.05 1.2 4.06 4.61 1.3 5.0 1.4 6.0 1.5
JavaScript Diego R. Frank, Leonardo Seibt FIT Faculdades de Informática de Taquara Fundação Educacional Encosta Inferior do Nordeste Av. Oscar Martins Rangel, 4500 Taquara RS Brasil difrank@terra.com.br,
Leia maisTECNOLOGIAS WEB. Unidade 2 Introdução a Construção de Páginas Estáticas. Luiz Leão luizleao@gmail.com http://luizleao.com
Luiz Leão luizleao@gmail.com http://luizleao.com CONTEÚDO PROGRAMÁTICO DESTA UNIDADE HTML TAG S HTML LINGUAGEM HTML Hypertext Markup Language Interpretada pelo navegador Não linearidade da informação Formatação
Leia maisSintaxe Geral Tipos de Dados. Prof. Angelo Augusto Frozza, M.Sc.
Sintaxe Geral Tipos de Dados Comentários Comentários: De linha: // comentário 1 // comentário 2 De bloco: /* linha 1 linha 2 linha n */ De documentação: /** linha1 * linha2 */ Programa Exemplo: ExemploComentario.java
Leia maisTecnologias Web. Formulários HTML
Tecnologias Web Formulários HTML Cristiano Lehrer, M.Sc. Tag form (1/2) Todo formulário em HTML é construído usando elementos dentro de um bloco . O bloco define a URL que receberá o formulário
Leia maisIncorporando JavaScript em HTML
Incorporando JavaScript em HTML Existem quatro maneiras de incorporar JavaScript em HTML. Vamos abordar as três primeiras, por ser mais comum: Entre as tags dentro do código HTML. A partir
Leia maisUniversidade Federal do Espírito Santo CCA UFES. Centro de Ciências Agrárias CCA UFES Departamento de Computação. JavaScript
Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação Universidade Federal do Espírito Santo CCA UFES JavaScript Desenvolvimento de Sistemas para WEB Site:
Leia maisJavaScript (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
Leia maisJavaScript (Funções, Eventos e Manipulação de Formulários)
Linguagem de Programação para Web JavaScript (Funções, Eventos e Manipulação de Formulários) Prof. Mauro Lopes 1-31 23 Objetivos Iremos avançar um pouco mais em nosso estudo sobre o JavaScript. Iremos
Leia maisO 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
Leia maisIntroduçã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
Leia maisProgramação WEB II. Formulários Em PHP. Métodos GET e POST progweb2@thiagomiranda.net. Thiago Miranda dos Santos Souza
Formulários Em PHP Métodos GET e POST progweb2@thiagomiranda.net Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Entender o funcionamento
Leia maisProgramação para web JavaScript
Programação para web JavaScript 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, 4 de maio 2016
Leia maisUENF Curso de Javascript Prof. Sérgio Rodrigues Pg 1 ÍNDICE
UENF Curso de Javascript Prof. Sérgio Rodrigues Pg 1 ÍNDICE Javascript - Módulo I 02 Introdução 02 Escrevendo no documento 02 Criando variáveis 03 Mensagens 04 Alerta 04 Confirmação 04 Receptor 05 Operadores
Leia maisinsfcanceof new public switch transient while byte continue extends for int null
Palavras -chave de JAV A abstract catch do final implements long private static throw void boolean char double finally import native protected super throws volatile break class float insfcanceof new public
Leia maisRespondendo a eventos
Respondendo a eventos Até agora, a maioria dos scripts que você escreveu foi executado de uma forma tranqüila e ordenada, movendo-se da primeira instrução para a última. Agora aprenderemos a utilizar a
Leia maisLinguagem de Programação JAVA. Técnico em Informática Professora Michelle Nery
Linguagem de Programação JAVA Técnico em Informática Professora Michelle Nery Agenda Regras paravariáveis Identificadores Válidos Convenção de Nomenclatura Palavras-chaves em Java Tipos de Variáveis em
Leia maisPrimeiro contato com JavaScript
Primeiro contato com JavaScript Visão Geral JavaScript É uma linguagem em formato script; Permite dinamizar funções do site e criar interatividade em páginas web. O JavaScript permite: Coletar dados dos
Leia maisProgramação de Computadores - I. Profª Beatriz Profº Israel
Programação de Computadores - I Profª Beatriz Profº Israel As 52 Palavras Reservadas O que são palavras reservadas São palavras que já existem na linguagem Java, e tem sua função já definida. NÃO podem
Leia maisLinguagem de. Aula 06. Profa Cristiane Koehler cristiane.koehler@canoas.ifrs.edu.br
Linguagem de Programação IV -PHP Aula 06 Profa Cristiane Koehler cristiane.koehler@canoas.ifrs.edu.br Criação de Formulários o Um formulário consiste em uma série de campos que são preenchidos pelo usuário
Leia maisO que é o Javascript?
O que é o Javascript? JavaScript é uma linguagem para criação de Home-Pages. Funções escritas em JavaScript podem ser embutidas dentro de seu documento HTML. Com JavaScript você tem muitas possibilidades
Leia maisA Linguagem Java. Alberto Costa Neto DComp - UFS
A Linguagem Java Alberto Costa Neto DComp - UFS 1 Roteiro Comentários Variáveis Tipos Primitivos de Dados Casting Comandos de Entrada e Saída Operadores Constantes 2 Comentários /** Classe para impressão
Leia maisProgramação Engenharia Informática (11543) 1º ano, 1º semestre Tecnologias e Sistemas de Informação (6619) 1º ano, 1º semestre
Programação Engenharia Informática (11543) 1º ano, 1º semestre Tecnologias e Sistemas de Informação (6619) 1º ano, 1º semestre Cap. 02 Fundamentos de Linguagens Sumário : Linguagem, alfabeto e gramática
Leia maisAlgoritmos e Programação
Universidade Federal do Vale do São Francisco Curso de Engenharia da Produção / Elétrica Algoritmos e Programação Parte 05 Prof. Jorge Cavalcanti jorge.cavalcanti@univasf.edu.br www.univasf.edu.br/~jorge.cavalcanti
Leia mais1-03/11/03 INTRODUÇÃO
1-03/11/03 INTRODUÇÃO JavaScript é uma linguagem que permite injetar lógica em páginas escritas em HTML (HiperText Mark-up Language). As páginas HTML podem ser escritas utilizando-se editores de texto,
Leia maisEscrito por Sáb, 15 de Outubro de 2011 21:16 - Última atualização Seg, 26 de Março de 2012 03:31
Preço R$ 129.00 Compre aqui Entre definitivamente para o mundo de desenvolvimento web. Curso Webdesigner, criação de Sites com HTML, DHTML, javascript e CSS + dreamweaver cs4. São 147 videoaulas, 2 dvd
Leia maisConteú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
Leia maisHTML. Sessão 8 HTML. Criação de Páginas WEB. Formulários
HTML Sessão 8 HTML Falta ver de que forma podemos trocar informações com nosso visitante. Este aspecto é primordial para a grande quantidade de acções que se podem realizar : Comprar um artigo, preencher
Leia maisProgramação de Servidores CST Redes de Computadores
Programação de Servidores CST Redes de Computadores Marx Gomes Van der Linden http://marx.vanderlinden.com.br ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) HMTL Arquivo-texto
Leia maisDESENVOLVIMENTO WEB I - 7122
6.2 - Formulários: Um dos recursos mais fascinantes da linguagem HTML é a possibilidade de criar formulários eletrônicos. Usando um formulário o usuário pode interagir com o servidor, enviando dados que
Leia mais6.2 - Formulários: form <form action="url_de_script" method="método">...</form> form action method POST GET exceto outros formulários form
6.2 - Formulários: Um dos recursos mais fascinantes da linguagem HTML é a possibilidade de criar formulários eletrônicos. Usando um formulário o usuário pode interagir com o servidor, enviando dados que
Leia maisUniversidade da Beira Interior Cursos: Matemática /Informática e Ensino da Informática
Folha 1-1 Introdução à Linguagem de Programação JAVA 1 Usando o editor do ambiente de desenvolvimento JBUILDER pretende-se construir e executar o programa abaixo. class Primeiro { public static void main(string[]
Leia maisPÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Aula 06: Introdução Linguagem HTML
PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Aula 06: Introdução Linguagem HTML O Desenvolvimento Web O desenvolvimento web é o termo utilizado para descrever atividade relacionada
Leia maisAPOSTILA DE JAVA SCRIPT
APOSTILA DE JAVA Introdução Operadores lógicos Operadores matemáticos Controles especiais Controles condicionais Eventos Criando variáveis Escrevendo no documento Mensagens Criando funções Funções intrinsecas
Leia maisAula 12: Funções. Pré-requisitos: Todas as aulas anteriores deste módulo. 1. Aproveitando Códigos no Programa
Aula 12: Funções Nesta aula explicaremos o que são e como usar funções nos seus programas em JavaScript. Você aprenderá como elas podem receber e retornar valores à estrutura que as acionou. Entenderá
Leia maisIntrodução à Tecnologia Web 2010 HTML HyperText Markup Language XHTML extensible HyperText Markup Language Elementos da Seção do Cabeçalho
IntroduçãoàTecnologiaWeb2010 HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage ElementosdaSeçãodoCabeçalho ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br ProfªMSc.ElizabeteMunzlinger
Leia maisTestando e Comparando Valores
Testando e Comparando Valores A Instrução if Um dos recursos mais importantes de uma linguagem de computador é a capacidade de testar e comparar valores, permitindo que seu programa se comporte diferentemente
Leia maisAula 2. Objetivos. Encapsulamento na linguagem Java; Utilizando a referência this.
Aula 2 Objetivos Encapsulamento na linguagem Java; Utilizando a referência this. Encapsulamento, data hiding é um conceito bastante importante em orientação a objetos. É utilizado para restringir o acesso
Leia maisComputação II Orientação a Objetos
Computação II Orientação a Objetos Fabio Mascarenhas - 2014.1 http://www.dcc.ufrj.br/~fabiom/java Introdução Esse não é um curso de Java! O objetivo é aprender os conceitos da programação orientada a objetos,
Leia maisJavaScript Aplicações Interativas para a Web
JavaScript Aplicações Interativas para a Web ADRIANO GOMES LIMA BELO HORIZONTE 2006 INTRODUÇÃO A LINGUAGEM JAVASCRIPT...9 JAVA E JAVASCRIPT...9 VBSCRIPT E JAVASCRIPT... 10 AS VERSÕES DO JAVASCRIPT... 10
Leia maisMODULO 4 DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICAS. Redes de Comunicação
MODULO 4 DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICAS Redes de Comunicação Regras para um website eficaz Categorização dos conteúdos estrutura lógica dos conteúdos Condensação conteúdos simples e directos
Leia maisINTRODUÇÃO À LINGUAGEM C++
INTRODUÇÃO À LINGUAGEM C++ 1 - VARIÁVEIS Variáveis espaço de memória reservado para armazenar tipos de dados, com um nome para referenciar seu conteúdo. Observações importantes Todas as variáveis devem
Leia maisDesenvolvimento de aplicações Web. Java Server Pages
Desenvolvimento de aplicações Web Java Server Pages Hamilton Lima - athanazio@pobox.com 2003 Como funciona? Servidor web 2 Internet 1 Browser 3 Arquivo jsp 4 JSP Compilado 2 Passo a passo 1 browser envia
Leia maisLinguagem de Programação I
Linguagem de Programação I Curso de Sistemas de Informação Karla Donato Fook karladf@ifma.edu.br DESU / DAI 2016 Linguagem de Programação C 2 1 Linguagem de Programação C Os programas em C consistem em
Leia maisDesenvolvimento em Ambiente Web. HTML - Introdução
Desenvolvimento em Ambiente Web HTML - Introdução O que é HTML? HTML é uma linguagem para descrever a estrutura de uma página WEB. Ela permite: Publicar documentos online com cabeçalhos, texto, tabelas,
Leia maisO que é o JavaScript?
JavaScript 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
Leia maisAula 2: Listas e Links
Aula 2: Listas e Links Nesta segunda aula, você aprenderá a utilizar listas numeradas ou não, a entender o que são listas de definições e como fazer referências a outros documentos. Vamos entender a diferença
Leia maisIntroduçã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
Leia maisWeb Design Aula 11: XHTML
Web Design Aula 11: XHTML Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação HTML 1.0-2.0: Havia hipertextos, não havia preocupação com a apresentação HTML 3: Guerra dos Browser (Microsoft
Leia maisFunções e objetos. Funções nativas
Capítulo 3 Funções e objetos 3 Funções e objetos NO ÚLTIMO CAPÍTULO APRESENTAMOS AS ESTRUTURAS FUNDAMENTAIS de JavaScript, que estão presentes em qualquer linguagem estruturada. Neste capítulo, apresentaremos
Leia maisJavaScript Aplicações Interativas para a Web
JavaScript Aplicações Interativas para a Web ADRIANO GOMES LIMA BELO HORIZONTE 2006 INTRODUÇÃO A LINGUAGEM JAVASCRIPT...9 JAVA E JAVASCRIPT...9 VBSCRIPT E JAVASCRIPT... 10 AS VERSÕES DO JAVASCRIPT... 10
Leia maisWEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira
WEBDESIGN Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Formulários e JavaScript Como visto anteriormente, JavaScript pode ser usada para
Leia maisTecnologias para apresentação de dados - Java Script. Aécio Costa
Tecnologias para apresentação de dados - Java Script Aécio Costa Foi originalmente implementada como parte dos navegadores web para que scripts pudessem ser executados do lado do cliente e interagissem
Leia mais3 Classes e instanciação de objectos (em Java)
3 Classes e instanciação de objectos (em Java) Suponhamos que queremos criar uma classe que especifique a estrutura e o comportamento de objectos do tipo Contador. As instâncias da classe Contador devem
Leia maisProf 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
Leia maisLINGUAGEM DE PROGRAMAÇÃO WEB
LINGUAGEM DE PROGRAMAÇÃO WEB GABRIELA TREVISAN Formulários e Aula 3 Relembrando HTML 5 Tag Form o Utilizada para marcar a região do formulário. o Os atributos mais importantes são o method e o action.
Leia maisFormatos de publicidade
1 Formatos de publicidade Superfull 728x90 px Superfull 728x90 px E-mail marketing E-mail marketing Anuncie no ZAP Publicidade Anuncie no ZAP Publicidade Formato disponível para a home de imóveis, revista
Leia maisQuem sou eu? Ana Paula Alves de Lima. Formação: E-mail: paulapeniel@gmail.com
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA INFORMÁTICA E METODOLOGIA - SUBSEQUENTE 1 Quem sou eu? Ana Paula Alves de Lima Formação: Bacharel em Sistemas de Informação;
Leia maisLinguagem Javascript. Referências. Capacidades de Javascript. O que é JavaScript? Tipos de JavaScript. Versões de Javascript
Linguagem Javascript João Sérgio S. Assis Núcleo de Computação Eletrônica da UFRJ Tel. (021) 2598-3214 Fax. (021) 2 270-8554 e-mail: joao@nce.ufrj.br Slides originais: Maurício Bomfim Referências Bibliográficas:
Leia maisHTML: Formulários Programação de Servidores
HTML: Formulários Programação de Servidores Marx Gomes Van der Linden ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) Exemplo 2 Criando um Formulário Um formulário é composto
Leia maisProgramação: Tipos, Variáveis e Expressões
Programação de Computadores I Aula 05 Programação: Tipos, Variáveis e Expressões José Romildo Malaquias Departamento de Computação Universidade Federal de Ouro Preto 2011-1 1/56 Valores Valor é uma entidade
Leia maisManual de Integração Via Gadget. Passo a passo para realizar a integração entre websites e a plataforma Virtual Target.
Manual de Integração Via Gadget Passo a passo para realizar a integração entre websites e a plataforma Virtual Target. Manual de Integração Via Gadget 1. Introdução 1.1. O que é? Virtual Target Gadgets
Leia maisCONCEITOS DE LINGUAGEM DE PROGRAMAÇÃO CARACTERÍSTICAS. João Gabriel Ganem Barbosa
CONCEITOS DE LINGUAGEM DE PROGRAMAÇÃO CARACTERÍSTICAS João Gabriel Ganem Barbosa Sumário Motivação História Linha do Tempo Divisão Conceitos Paradigmas Geração Tipos de Dados Operadores Estruturada vs
Leia maisLista de operadores de comparação - > Maior que - < Menor que - <= Menor ou igual a - >= Maior ou igual a - === Igual a -!
Página1 Javascript JavaScript (JS) é uma linguagem de programação client side Funciona no navegador do usuário. É uma linguagem baseada em objetos. "Walmir".length; 6 Para que serve - fazer websites responder
Leia maisInternet e Programação Web
COLÉGIO ESTADUAL PEDRO MACEDO Ensino Profissionalizante Internet e Programação Web 3 Técnico Prof. Cesar 2014 1 SUMÁRIO Criar sites dinâmicos em PHP --------------------------------------------------------
Leia maisIntrodução a Servlets e JSP. Prof. Samuel Martins samuellunamartins at gmail dot com Faculdade São Miguel
Introdução a Servlets e JSP samuellunamartins at gmail dot com Conteúdo da aula Introdução a HTML Introdução a Servlets Preparando o ambiente de programação Exemplo de Servlets 2 Websites na década de
Leia maisProgramação WEB II. Conhecendo o PHP. Prof: Kelly E. Medeiros Bacharel em Sistema de Informação. Módulo III
Programação WEB II Conhecendo o PHP Módulo III Prof: Kelly E. Medeiros Bacharel em Sistema de Informação 1 Conhecendo o PHP Com o NotePad++ aberto com um arquivo em branco, devemos fazer uma pequena configuração
Leia maisProf.: Melba Lima Gorza Aula Introdutória de HTML. Componentes do HTML. Estrutura de um documento XHTML
Prof.: Melba Lima Gorza Aula Introdutória de HTML Componentes do HTML Estrutura de um documento XHTML primeiro Documento XHTML meu primeiro documento XHTML
Leia maisIntrodução. Introdução a HTML. A Linguagem HTML. Estrutura de uma Página. Mário Antonio Meireles Teixeira
Introdução Introdução a HTML Mário Antonio Meireles Teixeira Dept o. de Informática - UFMA mario@deinf.ufma.br Página Web: É um documento composto de texto e códigos especiais, chamados tags, que especificam
Leia maisHTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web;
HTML Introdução Introdução ao HTML HTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web; É uma linguagem de hipertexto; Permite escrever texto de forma estruturada, que está
Leia maisCarregando dados do Banco de Dados MySQL através de uma tag SELECT
Carregando dados do Banco de Dados MySQL através de uma tag SELECT Como já vimos todo o processo de criação do Objeto XMLHttpRequest e como efetuar a comunicação com o servidor através das funções de OPEN
Leia maisCriando um script simples
Criando um script simples As ferramentas de script Diferente de muitas linguagens de programação, você não precisará de quaisquer softwares especiais para criar scripts de JavaScript. A primeira coisa
Leia maisCapí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
Leia maisConversão de Tipos e Arrays
Conversão de Tipos e Arrays Universidade Católica de Pernambuco Ciência da Computação Prof. Márcio Bueno poonoite@marciobueno.com Fonte: Material da Profª Karina Oliveira Conversão de Tipos Permite converter
Leia maisAlgoritmos em Javascript
Algoritmos em Javascript Sumário Algoritmos 1 O que é um programa? 1 Entrada e Saída de Dados 3 Programando 4 O que é necessário para programar 4 em JavaScript? Variáveis 5 Tipos de Variáveis 6 Arrays
Leia maisDesenvolvimento OO com Java Orientação a objetos básica
Desenvolvimento OO com Java Orientação a objetos básica Vítor E. Silva Souza (vitor.souza@ufes.br) http://www.inf.ufes.br/~vitorsouza Departamento de Informática Centro Tecnológico Universidade Federal
Leia maisJavascript. 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
Leia maisJSP - ORIENTADO A OBJETOS
JSP Orientação a Objetos... 2 CLASSE:... 2 MÉTODOS:... 2 Método de Retorno... 2 Método de Execução... 2 Tipos de Dados... 3 Boolean... 3 Float... 3 Integer... 4 String... 4 Array... 4 Primeira:... 4 Segunda:...
Leia maisInserindo e Listando registros
Inserindo e Listando registros Dando prosseguimento à aula anterior, agora precisaremos construir uma rotina que faça a inserção no banco de dados Escola. A ação agora é inserir o aluno na tabela alunos
Leia maisCurso Distribuido Gratuitamente Por: www.e-book-gratuito.blogspot.com Entre em nosso Site para mais Cursos e Apostilas Grátis!
Curso Distribuido Gratuitamente Por: www.e-book-gratuito.blogspot.com Entre em nosso Site para mais Cursos e Apostilas Grátis! www.baixebr.blogspot.com Curso Distribuido Gratuitamente Por: www.e-book-gratuito.blogspot.com
Leia maisIntroduçã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
Leia maisPersonal Home Page PHP. Prof. Luiz Claudio F. de Souza www.luizclaudiofs.blogspot.com
Personal Home Page PHP 1 O que é PHP? PHP (Personal Home Page) é uma linguagem que permite criar sites WEB dinâmicos, possibilitando uma interação com o usuário através de formulários, parâmetros da URL
Leia maisPROGRAMAÇÃO ORIENTADA A OBJETO EM PHP
PROGRAMAÇÃO ORIENTADA A OBJETO EM PHP O PHP através da versão 5, veio desenvolvido com suporte a programação orientada a objetos. O que significa isso? Que a partir da versão 5 é possível criar bibliotecas
Leia maisUNIDADE III JAVA SERVER PAGES
UNIDADE III JAVA SERVER PAGES MODELO JSP Um dos principais objetivos da tecnologia J2EE é fazer com que as tarefas sejam realizadas de forma separada. Eliminando as dependências, componentes J2EE tornam-se
Leia mais