Desenvolvimento WEB1 Profa Wanessa Machado do Amaral. Javascript - introdução
|
|
|
- Octavio Fidalgo
- 6 Há anos
- Visualizações:
Transcrição
1 Desenvolvimento WEB1 Profa Wanessa Machado do Amaral Javascript - introdução
2 Histórico No início da Internet as páginas eram pouco ou nada interativas Eram documentos que apresentavam seu conteúdo exatamente como foram criados para serem exibidos no navegador. Existiam algumas tecnologias para a geração de páginas no lado do servidor, mas havia limitações no que diz respeito a como o usuário consumia aquele conteúdo.
3 Histórico Navegar através de links e enviar informações através de formulários era basicamente tudo o que se podia fazer. Visando o potencial da Internet para o público geral e a necessidade de haver uma interação maior do usuário com as páginas, a Netscape, criadora do navegador mais popular do início dos anos 90, de mesmo nome, criou o Livescript, uma linguagem simples que permitia a execução de scripts contidos nas páginas dentro do próprio navegador.
4 Histórico JavaScript é a linguagem de programação mais popular no desenvolvimento Web. Suportada por todos os navegadores
5 Modos de se executar Javascript Existem várias formas de executar códigos javascript em um página: Console Embutido (tag <script>) Arquivo externo O Console é uma ferramenta presente na maioria dos browsers Chrome F12 depois aba Console ou Control + Shift + C; no Firefox, pelo atalho Control + Shift + K.
6 Javascript console Teste algumas contas digitando diretamente no console: > > 14 * 3 42 > > 25 / 5 5 > 23 % 2 1
7 Variáveis Para armazenarmos um valor para uso posterior, podemos criar uma variável: undefined > var resultado = 102 / 17;
8 > resultado 6 > resultado = resultado Variáveis
9 Variáveis Também podemos alterar o valor de uma variável usando essas operações com uma sintaxe bem compacta: > var idade = 10; > idade += 10; // idade vale 20 > idade -= 5; // idade vale 15 > idade /= 3; // idade vale 5 > idade *= 10; // idade vale 50
10 Tipos de dados Numéricos var pi = ; var raio = 20; var perimetro = 2 * pi * raio
11 Tipos de dados String Uma string em JavaScript é utilizada para armazenar trechos de texto: var empresa = "IFSP"; Para exibirmos o valor da variável empresa fora do console, podemos executar o seguinte comando: alert(empresa);
12 Javascript Embutidos no HTML O console nos permite testar códigos diretamente no navegador. Porém, não podemos pedir aos usuários do site que sempre abram o console, copiem um código e colem para ele ser executado. Para inserirmos um código JavaScript em uma página, é necessário utilizar a tag <script> : <script> </script> alert("olá, Mundo!");
13 Javascript No arquivo HTML <script src="js/hello.js"></script> Arquivo externo js/hello.js alert("olá, Mundo!"); Neste caso o Arquivo externo.js não precisa conter a tag <script>
14 DOM Para permitir alterações na página, ao carregar o HTML, os navegadores carregam em memória uma estrutura de dados que representa cada uma das nossas tags no javascript. Essa estrutura é chamada de DOM (Document Object Model). Essa estrutura pode ser acessada através da variável global document.
15 DOM Esse comando usa os seletores CSS para encontrar os elementos na página: document.queryselector("h1") Ou document.queryselector(".class") document.queryselector("#id")
16 DOM Se você vai utilizar várias vezes um mesmo elemento da página, é possível salvar o resultado de qualquer queryselector numa variável: var titulo = document.queryselector("h1") titulo.textcontent = "Novo título" Ao alterarmos os elementos da página, o navegador sincroniza as mudanças e alteram a aplicação em tempo real.
17 DOM É possível selecionar vários elementos na página, várias tags com a classe.secao por exemplo. Se o retorno esperado é mais de um elemento, usamos queryselectorall que devolve uma lista de elementos (array). document.queryselectorall(".cartao") Podemos então acessar elementos nessa lista através da posição dele (começando em zero) e usando o colchetes: // primeiro cartão document.queryselectorall(".cartao")[0]
18 </head> Exemplo: tabela zebrada <head> <meta charset="utf-8" /> <title>zebra</title> <style>.zebraon{background:silver} </style> <script> window.onload=function(){ var zebrar=document.queryselectorall('.zebra tbody tr') for(var i=0;i<zebrar.length;i+=2) zebrar[i].classname='zebraon' } </script>
19 Exemplo: tabela zebrada <body> <table class="zebra"> <thead><tr> <th>vendedor</th> <th>total</th> </tr></thead> <tbody><tr> <td>manoel</td> <td>12.300,00</td> </tr><tr> <td>joaquim</td> <td>21.300,00</td> </tr><tr> <td>maria</td> </tr></tbody> </table> </body> </html> <td>13.200,00</td>
20 FUNÇÕES E OS EVENTOS DO DOM Para guardarmos um código para ser executado em algum outro momento, por exemplo, quando o usuário clicar num botão, é necessário utilizar de dois recursos do JavaScript no navegador. O primeiro é a a criação de uma função: function mostraalerta() { alert("funciona!"); } Para chamar a função mostraalerta só precisamos utilizar o nome da função e logo depois abrir e fechar parênteses. mostraalerta()
21 Para mostrar a mensagem quando clica num botão No html: <button name="button">click me</button> No Javascript: var titulo = document.queryselector("button"); titulo.onclick = mostraalerta;
22 Mais exemplos Para alterar o conteúdo de <p> com id="demo": document.getelementbyid("demo").innerhtml = "Paragraph changed!"; Exemplo: <p id="demo" onclick="myfunction()">click me to change my HTML content (innerhtml).</p> <script> function myfunction() { document.getelementbyid("demo").innerhtml = "Paragraph changed!"; } </script>
23 Quais eventos existem? Existem diversos eventos que podem ser utilizados em diversos elementos para que a interação do usuário dispare alguma função: oninput: quando um elemento input tem seu value modificado onclick: clica com o mouse ondblclick: clica duas vezes com o mouse onmousemove: mexe o mouse onmousedown: aperta o botão do mouse onmouseup: solta o botão do mouse (útil com os dois acima para gerenciar drag'n'drop) onkeypress: ao pressionar e soltar uma tecla onkeydown: ao pressionar uma tecla.
24 Quais eventos existem? onkeyup: ao soltar uma tecla. Mesmo acima. onblur: quando um elemento perde foco onfocus: quando um elemento ganha foco onchange: quando um input, select ou textarea tem seu valor alterado onload: quando a página é carregada onunload: quando a página é fechada onsubmit: disparado antes de submeter o formulário. Útil para realizar validações
25 Javascript condicionais (IFs) var icecream = 'chocolate'; if (icecream == 'chocolate') { alert('yay, I love chocolate ice cream!'); } else { alert('awwww, but chocolate is my favorite...'); }
26 Javascript condicionais (IFs) IF para desigualdade em Javascript: if (i!= 5)
27 Repetição em Javascript Laços Enquanto: while (i <= 10) Laços Para: for (i = 0; i <= 5; i++)
28 Comentários em Javascript Para adicionar comentários ao seu código: //This is a comment Ou /*This comment has more than one line*/
29 Arrays var colors = ["red", "green", "blue"]
30 Funçãos matemátias Aredondamento: Math.round(7.25) Máximo: Math.max(x, y)
31 Mais exemplos bacanas e fáceis em Javascript Inputs modificando após clique <input type="text" value="usuario" onblur="if(this.value == '') { this.value='usuario';}" onfocus="if(this.value == 'usuario') { this.value='';}"/> <input value="senha" onblur="if(this.value == '') { this.value='senha'; this.type='text';}" onfocus="if(this.value == 'senha'){ this.value=''; this.type='password';}"/>
32 Exemplo onblur x onfocus
33 Mais exemplos bacanas e fáceis em Javascript Redirecionamento do site (tem que inciar com <script>window.location = "
34 Mais exemplos bacanas e fáceis em Javascript Mostrar data <script type="text/javascript">document.write(date());</script>
35 Mais exemplos bacanas e fáceis em Javascript Pegar a URL <script>document.write(window.location.href);</script>
36 <table border="1" cellpadding="20"> <tr> <td id="celula1" onclick="cor()">nome da Célula </td> </tr> </table> Mais exemplos bacanas e fáceis em Javascript mudar de cor ao clicar em cima de uma célula da tabela <script language="javascript"> function cor(celula){ celula = document.getelementbyid("celula1"); celula.style.backgroundcolor="#66ff33" } </script>
37 Mais exemplos bacanas e fáceis em Javascript Uma cor ao passar mouse e outra ao clicar: <table border="1" cellpadding="20"> <tr> <td id="celula1" onclick="cor()" onmousemove="cor2()">nome da Célula </td> </tr> </table>
38 Tabelas x cores alternadas
39 Mais exemplos bacanas e fáceis em Javascript Janela de Confirmação <script language="javascript"> function confirmbox() { if (confirm("voce deseja mesmo ir para o Site do Google?")) { location.href=" } </script> </p><form> Clique no Botão abaixo para ir para o Site do Google: <input value="clique aqui para abri o site do Google" onclick="confirmbox()" type="button"> </form>
40 Mais exemplos bacanas e fáceis em Javascript Alertas em sequencia em botão simples <form> <input type="button" Value=" Alerta " onclick="alert('esta é uma mensagem gerada a partir do clique em um botão de alerta');alert('aqui temos a segunda mensagem gerada pela segunda janela');alert('uma terceira mensagem!')")> </form>
41 Mais exemplos bacanas e fáceis em Javascript alerta ao passar o mouse em cima de imagem ou frase <a href="" onmouseover = "alert('esta é uma mensagem gerada pelo recurso OnMouseOver em uma frase.')")><img src="endereço_da_imagem" border="0" width="14" height="14"/>passe o cursor em cima desta frase.</a>
42 Mais exemplos bacanas e fáceis em Javascript Mensagem de alerta customizada pelo usuário <form> <textarea name="text" rows="3" cols="30"></textarea> <p> <input value="alerta Teste!" onclick="alert(this.form.text.value)" type="button"> <input name="cancel" value="apague" type="reset"> </form>
43 Mais exemplos bacanas e fáceis em Javascript Janela de alerta após o carregamento completo da página <body onload="window.alert('a tag body foi carregada')">
44 Mais exemplos bacanas e fáceis em Javascript Abrir uma nova janela <input value="abrir Janela" onclick="window.open('endereço_web_ou_local.html', 'Exemplo', 'toolbar=no,location=no,directories=no,status=no,menubar=no, scrollbars=no,resizable=no,copyhistory=yes,width=300,height= 150')" type="button"> </form>
45 Mais exemplos bacanas e fáceis em Javascript Janela de PROMPT <script language="javascript" TYPE="text/javascript"> var nome; do { nome = prompt ("Qual é o seu nome?"); } while (nome == null nome == ""); alert ("Seu nome é "+nome); </script>
46 Mais exemplos bacanas e fáceis em Javascript Imprimir a página <input type="button" value="imprima essa página" onclick="window.print();" />
47 Manipulando Strings Uma variável que armazena um string permite, por exemplo, consultar o seu tamanho e realizar transformações em seu valor. var empresa = "Caelum"; empresa.length; // tamanho da string empresa.replace("lum","tano"); // retorna Caetano
48 Manipulando Strings O JavaScript possui funções de conversão de string para number: var textointeiro = "10"; var inteiro = parseint(textointeiro); var textofloat = "10.22"; var float = parsefloat(textofloat);
49 Concatenar Strings É possível concatenar (juntar) tipos diferentes e o JavaScript se encarregará de realizar a conversão entre os tipos, podendo resultar em algo não esperado. var s1 = "Caelum"; var s2 = "Inovação"; console.log(s1 + s2); // imprime CaelumInovação
50 Concatenar Strings e Númericos var num1 = 2; var num2 = 3; var nome = "Caelum" // Exemplo 1: O que ele imprimirá? console.log(num1 + nome + num2); // imprime 2Caelum3
51 NAN Veja o código abaixo: console.log(10-"curso") O resultado é NaN (not a number). Isto significa que todas operações matemáticas só podem ser feitas com números.
52 ARGUMENTOS EM FUNÇÕES É possível definir que a função vai ter algum valor variável que vamos definir quando quisermos executá-la: function mostraalerta(texto) { // Dentro da função "texto" conterá o valor passado na execução. alert(texto); } // Ao chamar a função é necessário definir o valor do "texto" mostraalerta("funciona com argumento!");
53 Arrays O array é útil quando precisamos trabalhar com diversos valores armazenados: var palavras = ["Caelum", "Ensino"]; palavras.push("inovação"); // adiciona a string "Inovação"
54 Arrays Também é possível guardar valores de tipos diferentes: var variostipos = ["Caelum", 10, [1,2]]; Lembre-se que o tamanho de um array vai de 0 até o seu tamanho 1. console.log(variostipos[1]) // imprime 10!
55 ADICIONANDO ELEMENTO PELO ÍNDICE No lugar de usar a função push, que adiciona o elemento como último do array é possível fazer: var palavras = ["Caelum", "Ensino"]; palavras[9] = "Inovação"; Isso alterará o tamanho do array para dez e adicionará na última posição a string "Inovação", deixando as posições intermediárias com o valor undefined.
56 BLOCOS DE REPETIÇÃO var palavras = ["Caelum", "Ensino"]; for (var i = 0; i < palavras.length; i+ +) { alert(palavras[i]); }
57 BLOCOS DE REPETIÇÃO var contador = 1; while (contador <= 10) { alert(contador + " Mississípi..."); contador++; } alert("valor do contador: " + contador);
58 // executa a minhafuncao daqui um segundo settimeout(minhafuncao, 1000); FUNÇÕES TEMPORAIS Em JavaScript, podemos criar um timer para executar um trecho de código após um certo tempo, ou ainda executar algo de tempos em tempos. A função settimeout permite que agendemos alguma função para execução no futuro e recebe o nome da função a ser executada e o número de milissegundos a esperar:
59 FUNÇÕES TEMPORAIS Se for um código recorrente, podemos usar o setinterval que recebe os mesmos argumentos mas executa a função indefinidamente de tempos em tempos: // executa a minhafuncao de um em um segundo setinterval(minhafuncao, 1000);
60 BANNER ROTATIVO
61 BANNER ROTATIVO var banners = ["1.png", "2.png"]; var banneratual = 0; function trocabanner() { banneratual = (banneratual + 1) % 2; document.queryselector('.destaqueimg').s rc = banners[banneratual]; } setinterval(trocabanner, 4000);
62 BANNER ROTATIVO No HTML: <img class="destaqueimg" src="1.png" width="900px" height="300px" border="0" alt="banner">
63 Links adicionais
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
Introdução a Javascript
Introdução a Javascript André Tavares da Silva [email protected] Introdução Javascript Javascript é uma linguagem que permite injetar lógica em páginas escritas em HTML Podem estar "soltos" ou atrelados
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
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
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
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
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
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 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
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: Validação de Formulários. Prof. Ivanilton Polato [email protected] [email protected]
JavaScript: Validação de Formulários Prof. Ivanilton Polato [email protected] [email protected] Validação de Formulários Um dos usos mais frequentes do JS é a validação de formulários. Além de garantir
JAVASCRIPT Laboratórios de Informática João Paulo Barraca, André Zúquete, Diogo Gomes
http://cseweb.ucsd.edu/~lerner/js.jpg JAVASCRIPT Laboratórios de Informática 2014-2015 João Paulo Barraca, André Zúquete, Diogo Gomes HTML, CSS, Javascript HTML define estrutura CSS define estilo Javascript
Introdução. Surge em 1995 (Brendan Eich, programador da Netscape) com o nome de Livescript
Surge em 1995 (Brendan Eich, programador da Netscape) com o nome de Livescript É uma linguagem de programação (linguagem de script) Javascript e Java Torna a sua página HTML: Atraente; Interactiva; Inteligente.
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
Minicurso de JavaScript PET Sistemas de Informação Terceiro Dia Anthony Tailer. Clécio Santos. Rhauani Fazul.
Minicurso de JavaScript PET Sistemas de Informação Terceiro Dia.09.06 Anthony Tailer. Clécio Santos. Rhauani Fazul. Romeu Casarotto O que será visto hoje?.09.06 Funções Eventos Melhores práticas Erros
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
INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT
v1.1 INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT AULA 7 CRIANDO INTERAÇÕES COM JAVASCRIPT (PARTE 2) Eder Franco @ FPF Tech The road so far... JavaScript Desenvolvida para criar interações
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
Aplicativos móveis com HTML5
Aplicativos móveis com HTML5 Preparando o ambiente de desenvolvimento O código HTML pode ser escrito em qualquer editor de texto comum. Você pode utilizar o editor padrão do seu sistema operacional (Bloco
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
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 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
Recursos Complementares (Tabelas e Formulários)
Linguagem de Programação para Web Recursos Complementares (Tabelas e Formulários) Prof. Mauro Lopes 1-31 30 Objetivo Nesta aula iremos trabalhar o conceito de tabelas e todas as tags associadas ao seu
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
Aula 17 Introdução ao jquery
Aula 17 Introdução ao jquery jquery é uma biblioteca JavaScript criada por John Resig e disponibilizada como software livre e aberto, ou seja, de emprego e uso regido segundo licença conforme as regras
Tutorial 1 Configuração Apache Tomcat no NetBeans 8.0 (passo a passo)
Nome do laboratório: Laboratório de Programação Ferramenta 1 -NetBeans 8.0 WEB Elaborado por: Osmar de Oliveira Braz Junior Descrição Este tutorial tem como objetivo mostrar a construção de aplicações
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
Dreamweaver CS5 -5- CAPÍTULO 1... Iniciando e conhecendo o dreamweaver...8 Interfaces...23 Criando e confi gurando sites...24 Exercícios...
DREAMWEAVER CS5 INTRODUÇÃO O Dreamweaver CS5 é um editor avançado de páginas para Internet, pois possui ferramentas para usuários que não são familiarizados com as linguagens HTML, Java e PHP. Com o Dreamweaver
COM222 DESENVOLVIMENTO DE SISTEMAS WEB. Aula 03: JavaScript Parte II
COM222 DESENVOLVIMENTO DE SISTEMAS WEB Aula 03: JavaScript Parte II Conteúdo da aula Programação controlada por eventos e processamento de formulários Programação controlada por eventos onload, onunload
Universidade 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:
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu. Introdução ao Javascript #1
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu JS Introdução ao Javascript #1 JavaScript é uma linguagem de programação. Desenvolvida
MATLAB Avançado. Melissa Weber Mendonça
MATLAB Avançado Melissa Weber Mendonça [email protected] O que é o MATLAB? Linguagem computacional de alto nível e um ambiente interativo para computação numérica, visualização e programação. Console:
Técnico em Informática. Web JavaScript. Profª Ana Paula Mandelli
Técnico em Informática Web JavaScript Profª Ana Paula Mandelli [email protected] Para o JavaScript - NetBeans O NetBeans é um ambiente de desenvolvimento integrado (IDE) Java desenvolvido pela
Aula 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
Primeiro 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
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
Tecnologias 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
Introdução à linguagem JavaScript
MIEEC SIEM ano letivo 2014/15 Introdução à linguagem JavaScript José A. Faria ([email protected]) FEUP, DEGI Setembro 2014 Introdução ao JavaScript O JavaScript é uma linguagem utilizada sobretudo em client
Desenvolvimento de Aplicações para. Prof.: Bruno Rafael de Oliveira Rodrigues
Desenvolvimento de Aplicações para Internet Prof.: Bruno Rafael de Oliveira Rodrigues Videos nas Páginas Existem várias maneiras de inserir um vídeo em sua página. O vídeo pode aparecer sob a forma de
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
Exercícios Práticos de HTML e JavaScript. <FORM ACTION="mailto:[email protected]" 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 PARA INTERNET RICA FUNDAMENTOS DO JAVASCRIPT
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO JAVASCRIPT Prof. Dr. Daniel Caetano 2012-2 Objetivos Apresentar a natureza da linguagem JavaScript Apresentar o JavaScript com ferramenta de manipulação de
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
Capítulo 9 - Imagens. Imagens
Capítulo 9 - Imagens 9 Imagens EM JAVASCRIPT, É POSSÍVEL MANIPULAR COM AS IMAGENS DE UMA PÁGINA, alterando a URL que localiza o arquivo de imagem. Assim, pode-se trocar a imagem que está sendo exibida
Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação. jquery
Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação jquery Desenvolvimento de Sistemas para WEB Site: http://jeiks.net E-mail: [email protected]
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
Programação WEB I DOM (Document Object Manager)
Programação WEB I DOM (Document Object Manager) DOM Significa Modelo de Objetos de Documentos e tem por finalidade descrever e padronizar os objetos e seus relacionamentos em uma aplicação. Tem a finalidade
Programação Web Aula 2 XHTML/CSS/XML
Programação Web Aula 2 XHTML/CSS/XML Departamento de Informática UFPR 17 de Fevereiro de 2014 1 Histórico 2 Funcionamento 3 Atributos 4 HTML5 Estrutura de uma arquivo HTML5 Validação Tags básicas Seleção
Manual Site Unidéias.Net
Manual Site Unidéias.Net Outubro 2015 Acesso ao site O site está publicado e disponível no endereço www.unideias.net. Acesso ao Sistema (módulo de Blog e Projetos) Para acessar o sistema e gerenciar suas
Construção de Sites 2. Prof. Christiano Lima Santos
Construção de Sites 2 Prof. Christiano Lima Santos Conteúdo do Curso JavaScript jquery Ajax Framework Bootstrap CMS WordPress Quem sou eu? Formação: Graduado em Ciência da Computação (Universidade Federal
INTRODUÇÃO AO JQUERY PARTE 2. Prof. Me. Hélio Esperidião
INTRODUÇÃO AO JQUERY PARTE 2 Prof. Me. Hélio Esperidião ATRIBUINDO EVENTOS A TAGS OU SELETORES Nome do seletor ou nome do id precedido de # Nome do evento Bloco de código que deve ser executado caso o
JavaScript. Prof. Msc. Juliano Gomes Weber ([email protected]) 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 ([email protected]) JavaScript Notas de Aula Aula 12 1º Semestre - 2011 Tecnologias Web [email protected] Introdução Com JavaScript implementamos
Manual do usuário people
Manual do usuário people http://people.ufpr.br/ Sumário 1. O que é?... 3 2. Como é feito o acesso... 3 3. O Que pode ser feito no people.ufpr.br?... 3 4. Espaço de Armazenamento... 3 5. Como é feito a
Meios de Comunicação de Dados.
Meios de Comunicação de Dados www.profjvidal.com Instalação do ELASTIX Configurando a Máquina Virtual Abra o VirtualBox e clique em novo no canto superior esquerdo. Depois selecione conforme na imagem
COM222 DESENVOLVIMENTO DE SISTEMAS WEB. Aula 01: HTML e CSS
COM222 DESENVOLVIMENTO DE SISTEMAS WEB Aula 01: HTML e CSS 2 Conteúdo Noções introdutórias HTML CSS HTML: HyperText Markup Language 3 Linguagem usada para construir páginas Web Função principal Estruturar
MANUAL DE PUBLICAÇÃO NO PORTAL CAMPUS MATÃO
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DE SÃO PAULO CAMPUS MATÃO MANUAL DE PUBLICAÇÃO NO PORTAL CAMPUS MATÃO AUTOR: COORDENADORIA DE TECNOLOGIA DA INFORMAÇÃO CAMPUS MATÃO MATÃO 2016 SUMÁRIO
JavaScript (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
O que é o JavaScript?
JavaScript 1 Introdução O JavaScript é utilizado por milhões de páginas na web para melhorar o design, validar forms, e muito mais O JavaScript foi inicialmente desenvolvido pela Netscape e é a linguagem
Apostila - Desenvolvimento web com PHP
José Roberto Madureira Junior Adaní Cusin Sacilotti Reginaldo Sacilotti Apostila - Desenvolvimento web com PHP Primeira Edição São Paulo 2017 Sumário 1 INTRODUÇÃO AO PHP... 1 1.1 PREPARAÇÃO DO AMBIENTE
Java Script Pág: 1. Índice
Java Script Pág: 1 Índice Índice... 1 Introdução ao JavaScript Básico... 2 Configurações... 2 Usando o Java Script.... 2 Comandos: script language - alert - /script... 3 Variáveis... 4 Regras para criar
TRABALHO FINAL 20 Pontos
Técnico em Informática Integrado ao Ensino Médio Algoritmos e Banco de Dados Profa. Cleiane Gonçalves Oliveira TRABALHO FINAL 20 Pontos O trabalho final deverá constar os três seguintes tipos de funções:
O 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
Para acessar a TV Corporativa, deve-se informar o endereço do Servidor, barra(/) mge,
OBJETIVOS A mobilidade da informação nos dias de hoje, ultrapassou diversas fronteiras, inclusive a da disponibilidade. O Sankhya-W surgiu para atender essa necessidade. Com ele, será possível levar informações
Desenvolvimento Web. HTML 5 Parte I. Prof. Vicente Paulo de Camargo
Parte I Prof. Vicente Paulo de Camargo Páginas com podem ser desenvolvidas com editor de texto simples Existem, no entanto, alguns editores interessantes, que facilitam a edição de páginas É o caso de
AULA 2: INTRODUÇÃO A PYTHON. Luís Feliphe Silva Costa
AULA 2: INTRODUÇÃO A PYTHON Luís Feliphe Silva Costa Sumário Variáveis simples Entrada e Saída de dados Operadores Estruturas Condicionais Estruturas de repetição Funções Tratamento de erros Variáveis
Programação WEB. Prof. André Gustavo Duarte de Almeida [email protected] www3.ifrn.edu.br/~andrealmeida. Aula II jquery UI
Prof. André Gustavo Duarte de Almeida [email protected] www3.ifrn.edu.br/~andrealmeida Aula II jquery UI Introdução O que é jquery UI? Biblioteca que fornece maior nível de abstração para interação
Introdução ao SciLab. SciLab O que é? Onde obter o programa:
Introdução ao SciLab SciLab O que é? SciLab é uma plataforma interativa para computação numérica composta de uma rica coleção de algoritmos numéricos e de uma linguagem de programação associada. CN04 2010
PROGRAMAÇÃO PARA INTERNET. Fonte: Raul Paradeda
PROGRAMAÇÃO PARA INTERNET Introdução à AJAX Fonte: Raul Paradeda INTRODUÇÃO Para entender o que é o AJAX é necessário ter o prévio conhecimento de: HTML / XHTML; Javascript; CSS; XML. INTRODUÇÃO Ao pesquisar