Até agora aprendemos formas para nomear e processar dados em Javascript.
|
|
|
- Juliana de Vieira Osório
- 8 Há anos
- Visualizações:
Transcrição
1 Manipular HTML
2 Recapitulando Até agora aprendemos formas para nomear e processar dados em Javascript. Os tipos de dados primários de que falámos (String, Number e Boolean) são exactamente isso - pequenas peças abstractas de informação simples, de um determinado tipo, que podem ser manipulados de formas pré-definidas. Não possuem outras propriedades para além do seu próprio valor. Já os arrays correspondem a tipos de dados compostos, sendo mais complexos que os primários. Para além de poderem conter muito mais informação que os primários, possuem também eles métodos próprios para os manipularmos (p.e.: myarray.length(), entre outros).
3 Recapitulando Da mesma forma, as estruturas de controlo como as condições if else e os ciclos for representam processos lineares simples - não têm uma estrutura complexa e são apenas uma lista simples de instruções que são executadas se determinadas condições se verificarem. Mas então e as funções? São entidades com nome próprio que podem ser reutilizadas usando inputs diferentes, sendo portanto mais complexas que os anteriores.
4 Objectos em Javascript Existe ainda em Javascript um tipo de dados mais complexo a que damos o nome de objecto (object). Os objectos permitem-nos descrever uma entidade que tem uma estrutura mais complexa e que se assemelha mais a algo que existe no mundo real. Os arrays e as funções são ambos tipos especiais de objectos no Javascript. Também podemos definir os nossos próprios objectos para representar estruturas de dados complexas. Tal como objectos no mundo real, os objectos em Javascript têm atributos, a que chamamos propriedades, e coisas que podem fazer, chamados métodos.
5 Objectos em Javascript Por exemplo, podemos criar um objecto que representa um cão em javascript. Teria propriedades como cor, raça e utilidade e métodos como ladrar e perseguirgatos. Os objectos definem-se assim: var cao = { cor : preto e branco, // propriedade raça : Border Collie, // propriedade utilidade : Pastoreio, // propriedade ladrar : function() { // método console.log( AU AU ); }, perseguirgatos : function( localizacaogato ){ // método console.log( Corre para: + localizacaogato ); } }
6 Objectos em Javascript Podemos usar a notação por pontos (dot notation) para aceder às propriedades e métodos de um objecto. Por exemplo: cao.cor; // devolve preto e branco cao.ladrar(); // executa a função ladrar Um exemplo de um objecto e respectivo método que já usamos recorrentemente é o console.log(). A consola é um objecto que tem um método com o nome log. Mas neste caso, não somos nós que a criamos, a consola já existe no browser. Para além de alguns objectos que estão embebidos no browser, como a console, também podemos aceder a qualquer coisa no nosso documento HTML como um objecto. A isto chamamos o Document Object Model, ou DOM para abreviar.
7 O Document Object Model (DOM) O DOM permite que o nosso javascript aceda e manipule partes da nossa página web. Quando o browser lê um documento de HTML, ele constrói uma estrutura em árvore de objectos que representam os elementos da página. Quando usamos as developer tools do Chrome ou Firefox para ver os elementos de HTML estamos a olhar para o DOM. O chato da interacção do Javascript com páginas web é que não é muito fácil aceder a elementos específicos do nosso HTML directamente. Precisamos de começar no inicio da nossa estrutura de árvore e partir daí, começando no elemento <html>, que tem um nome especial no DOM - document. Tal como o objecto cão, os objectos de elementos têm alguns metodos a que podemos aceder. O primeiro método de que vamos falar é o getelementbyid. É fácil usá-lo, uma vez que só devolve um elemento (porque só podemos usar um id uma vez no HTML).
8 getelementbyid Podemos usar o método getelementbyid do elemento document usando a notação com pontos que referi num dos slides anteriores. document.getelementbyid();" Este método vai procurar por um outro elemento dentro do document que tenha um determinado id. Para isso, precisamos de passar uma string, que corresponda ao id do elemento que procuramos, como argumento: document.getelementbyid( galeria-imagens );" É uma boa prática atribuir a nossa referência do elemento HTML a uma variável, para que não tenhamos de procurar por ele cada vez que precisamos de o usar: var galeria = document.getelementbyid( galeria-imagens );
9 getelementsbytagname OK! Agora temos uma referência a um elemento que queremos que se transforme numa galeria de imagens. Mas e como acederia aos elementos que corresponde às imagens da galeria? O método getelementsbytagname devolve um array de elementos de um tipo especifico: var imagensgaleria = galeria.getelementsbytagname( li );" Este método vai procurar todos os elementos <li> dentro do elemento galeria.
10 Aceder aos atributos de elementos O DOM também nos fornece formas de aceder aos atributos (como propriedades de um objecto) de um elemento. Podemos ler o valor de um atributo e mesmo atribuir novos valores. Para isso, usamos a notação de pontos para referenciar o nome de um atributo: elemento.id // devolve o valor do atributo id do elemento elemento.id = new-id ; // define o valor do atributo id para new-id " Existe um atributo que é ligeiramente diferente é a class. Como class é uma palavra reservada em Javascript, precisamos de usar uma palavra para identificar o atributo da classe - classname. elemento.classname = on ;
11 element.style Podemos aceder aos estilos de um elemento usando o atributo style e os nomes das propriedades do estilo. Se o nome da propriedade tem mais que uma palavra deve usar-se o camel case. Por exemplo: // background-color no css element.style.backgroundcolor = red ;" O javascript não consegue ler declarações de estilos que não estejam inline (no próprio elemento), portanto, se estiverem a usar uma folha de estilos externa (e devem estar!), o Javascript não vai conseguir ler esses estilos. Mas podemos sempre ler estilos que foram criados pelo Javascript e podemos obviamente definir novos. Pôr declarações de estilos directamente no javascript não é a melhor prática, porque devemos separar o estilo da funcionalidade e conteúdo. Assim, devemos usar o javascript para aplicar classes (CSS) e lidamos com os estilos no CSS.
12 Criar novos elementos Para além de aceder aos elementos no nosso HTML, também podemos adicionar e remover elementos usando Javascript. Para adicionar elementos precisamos, primeiro, de os criar no document usando o método createelement e só depois o anexamos a um elemento existente. var novoelemento = document.createelement( a );" Nesta altura, o elemento foi criado mas ainda não aparece na nossa página. Antes de anexar o novo elemento a um existente precisamos de definir os atributos necessários: novoelemento.src = novoelemento.classname = elemento-link ;" Também podemos ter de adicionar texto ao nosso elemento antes dele aparecer na página. Não podemos fazer isto com um atributo, por isso precisamos de aceder a outra propriedade de um elemento - innerhtml.
13 innerhtml O innerhtml é o conteúdo de um elemento, devolvido como uma string. Podemos inserir uma string que contenha tags de HTML usando o innerhtml, mas é preciso ter em conta de que não temos referências no Javascript a esses elementos a menos que as criemos posteriormente. No HTML: <p id= porco >Babe</p> No JS: var paragporco = document.getelementbyid( porco ); paragporco.innerhtml // Babe paragporco.innerhtml = <span>babe</span> foi-se! ;" De volta ao HTML, ficamos com: <p id= porco ><span>babe</span> foi-se!</p>
14 appendchild() Agora que o nosso novo elemento está pronto a ser adicionado à página, podemos anexa-lo a um elemento existente. O novo elemento vai aparecer no final do elemento pai. galeria.appendchild(novoelemento); Podíamos ter incluído estes elementos no nosso HTML logo no inicio, mas isso criaria uma experiência confusa para utilizadores sem javascript. Elementos interactivos que só precisam de ser adicionados quando o nosso script corre, devem ser adicionados pelo script em si. Podemos incluir os estilos para estes elementos no nosso ficheiro CSS, e se os caminhos estiverem bem feitos só aparecem quando os elementos tiverem sido adicionados à página.
15 Eventos
16 Eventos Já falamos sobre o Document Object Model, e como nos permite manipular elementos de uma página web. Na maior parte das vezes, queremos que esta manipulação aconteça como resultado da interacção do utilizador com a página. E é nesta altura que os eventos aparecem. Um evento é um tipo de objecto que é criado quando o utilizador interage com uma página web. Os eventos estão relacionados com o elemento com que o utilizador interagiu. Por exemplo, quando um utilizador clica num link, um evento de click é criado para esse elemento <a>. Para executar algum código quando um evento em particular acontece, precisamos de criar um event listener : element.onclick = function() { // código a ser executado quando o click acontece }
17 Eventos Existem uma série de tipos diferentes de eventos. Podem ver uma lista mais completa em: Ok foi fácil não foi? Mas nem tudo é um mar de rosas. Os browsers também usam eventos para ajudar a responder às interacções do utilizador. É o comportamento padrão do browser. Se estivermos a ouvir por um evento num elemento que não tem respostas padrão embutidas (como uma <div>) o nosso código vai funcionar perfeitamente. Então e se adicionarmos um event listener a um elemento que tem uma resposta pré-definida para o evento, como um evento de click num link? É boa prática usar links como controladores da interactividade da nossa página, mas para além de correr o nosso código do onclick, o browser também vai fazer o que faz sempre que há um click num link, que é seguir o link.
18 Eventos Então como podemos nós desligar o comportamento pré-definido do browser para o evento que queremos usar? Os event handlers ( o pedaço de código que lida com o evento ) tem um argumento especial que é passado automaticamente - e é uma referência ao objecto de evento que foi criado. Isto quer dizer que dentro da nossa função que lida com o evento (event handler) podemos aceder aos métodos e propriedades do evento em si. Este objecto de evento tem um método que impede o browser de reagir ao evento e que se chama preventdefault. Para aceder ao objecto de evento temos de o passar como um argumento. É o único argumento que vai ser passada para a função que lida com o evento (event handler). element.onclick = function (evento) { evento.preventdefault(); }
19 this Por vezes precisamos de fazer algo com ou ao elemento com que o utilizador interagiu. Para isso, podemos usar a palavra reservada this como uma referência a esse elemento, na nossa função de event handler. element.onmouseover = function (evento) { console.log(this); } element.onmouseout = function (evento) { this.style.backgroundcolor = "red"; " " this.innerhtml = "I've been clicked!"; }
20 jquery Uma introdução
21 Introdução ao jquery O jquery é uma framework de Javascript que é leve e muito simples de usar. Permite-nos executar tarefas comuns, como animações e gerir eventos, com extrema facilidade. O jquery também usa os selectores de CSS para nos ajudar a encontrar elementos, rápido e facilmente, numa página web. O jquery está escrito em Javascript - para o usarmos só temos de incluir o ficheiro base do plugin na nossa página. <script src= jquery.js ></script>
22 Sintaxe do jquery O jquery funciona criando objectos especiais que representam um elemento ou um conjunto de elementos. Para criar um objecto de jquery temos de usar a seguinte sintaxe: var todososlinks = jquery( a );" Nota: em jquery, usar jquery ou $ é exactamente a mesma coisa. Podemos usar qualquer selector válido de CSS3, contido numa string dentro dos parêntesis. O jquery devolve então um único objecto que contêm as referências a todos os elementos da página que corresponde à string inserida. var carros = $( div.kia,.ford, #ferrari );" Tendo agora noção de como podemos encontrar elementos usando os métodos básicos de Javascript, é fácil compreender o quão fácil se torna realizar a mesma tarefa usando o jquery.
23 Funções de jquery O jquery tem uma série de funções de atalho que podemos aplicar a um ou a vários elementos. Por exemplo: jquery( div.kia ).css( color, white );" Certifiquem-se de que usam a documentação do jquery para descobrir que valores devem passar como argumentos nas diversas funções do jquery. $( #ferrari ).addclass( super-carro );" É preferível usar o método do jquery addclass, em oposição ao elemento.classname, porque ao contrário deste último, o addclass não substitui o atributo class do elemento.
24 Chaining ( encadeamento ) O jquery usa um conceito a que damos o nome de chaining (encadeamento) para facilitar a aplicação de várias funções a um elemento de uma vez só. Usamos a notação por pontos para encadear as funções no jquery: $(.ford ).css( color, red ).addclass( focus ).fadeto(3000, 0.3);
25 Eventos Para criar funções que lidam com eventos ( Event handlers ) usamos a mesma notação por pontos que usamos para outras funções de jquery. jquery( a ).click();" Em vez de passarmos strings ou números como argumentos da função, passamos uma função anónima que vai ser executada de cada vez que o evento acontece: $( a ).click(function(event){ $( a ).css( background, red ); event.preventdefault(); });
26 Um vs Muitos Já mencionei que podemos aplicar funções de jquery a um elemento ou a um conjunto de elementos da mesma maneira. Isso é porque estamos a criar um objecto jquery e a aplicar-lhe uma função, independentemente da quantidade de elementos correspondentes existentes. Nos bastidores, o jquery está na realidade a percorrer, por nós usando com um ciclo, todos os elementos correspondentes e a aplicar essa função a cada um deles. Podemos aceder directamente ao elemento actual do ciclo usando o this, mas para podermos utilizar qualquer uma das operações de jquery temos de criar um objecto jquery para ele. Fazemos isso envolvendo a referência do elemento, ou seja, o this, com jquery: jquery(this) ou $(this). todososlinks.click(function(event){ jquery(this).addclass( active ); event.preventdefault(); });" Neste exemplo, apenas o link em que clickamos é que vai passar a ter a classe active associada.
27 Toggle O jquery inclui várias funções do tipo toggle que permitem que o comportamento de um elemento se alterne entre estados on e off. Os estados de mouse hover são um bom exemplo disso. A função de hover do jquery recebe duas funções como argumentos - a primeira é executada no mouseover e a segunda no mouseout. todososlinks.hover( function(){ jquery(this).css( background, red ); }, function(){ jquery(this).css( background, none ); } );" Existe também uma função toggle() que faz o mesmo que a acima mencionada, para clicks alternados.
28 Animação As funções de animação do jquery são muito lineares e fáceis de usar. As animações são definidas usando propriedades de CSS para que não tenhamos de nos lembrar de mais um conjunto de nomes de propriedades e/ou sintaxe. A função animate() recebe um objecto literal como o primeiro parâmetro com qualquer propriedade de CSS que tenha um valor numérico como a propriedade do objecto. O segundo argumento define a duração da animação. Podem ver os restantes argumentos em $( div.kia ).hover( function(){ jquery(this).animate({ height, 100px }, 3000); }, function(){ jquery(this).animate({ height, 50px }, 1500); } );
29 Document Ready Por esta altura do campeonato, já devemos estar a incluir os nossos ficheiros (ou código) de Javascript no final da nossa página HTML. Assim garantimos que os elementos que podemos querer manipular no Javascript são carregados primeiro. Isto funciona bem em páginas simples, mas em páginas mais complexas podemos continuar a ter problemas com elementos dentro de vários graus de nesting, que podem não estar carregados na altura em que o Javascript é lido. Podemos usar o método onload do objecto DOM da window para verificar se a página está carregada: window.onload = function(){ // o código entra aqui }" Esta função só é executada quando TODOS os elementos da página (incluindo imagens) foram carregados. Nalguns sites isto pode demorar muito tempo, por isso o jquery oferece-nos um método mais rápido que não espera que as imagens carreguem. É por isso boa prática usar este método do jquery em páginas mais complexas: jquery(document).ready(function(){ // o código entra aqui });
30 Debug Uma pequena nota
31 Consola e JSLint Já todos sentimos na pele, nesta altura, como pequenos erros podem causar grandes problemas nos nossos scripts. Um ponto ou uma chaveta fora de sitio e o nosso código vai todo ao ar! Felizmente temos à nossa disposição algumas ferramentas que nos podem ajudar a verificar o nosso código e a evitar erros. Já usamos com muita frequência a consola durante as nossas aulas, e já todos vimos que quando temos um erro no nosso script aparece uma mensagem na consola. É importante perder algum tempo a ler as mensagens que aí são impressas e ver em que linha é que nos é dito que o erro acontece, uma vez que são dicas importantes para nos ajudar a descobrir o problema. Outra ferramenta util é o JSLint. O JSLint é uma ferramenta de controlo de qualidade de código que verifica se a nossa sintaxe está correcta e se estamos a usar as melhores práticas no nosso código. É, por isso, sempre uma boa ideia certificarmos-nos que o nosso código passa no JSLint.
Javascript 101. Parte 2
Javascript 101 Parte 2 Recapitulando O Javascript é uma linguagem de programação funcional Os nossos scripts são executados linha a linha à medida que são carregados. O código que está dentro de uma função
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
jquery Apostila Básica
jquery Apostila Básica INTRODUÇÃO 3 CAPÍTULO 1 POR ONDE INICIAR 3 CAPÍTULO 2 MEU PRIMEIRO SCRIPT! 4 EXERCÍCIOS...5 CAPÍTULO 3 ADICIONANDO CSS 6 EXERCÍCIOS...7 CAPÍTULO 4 MODIFICANDO APENAS PARTE DO DOCUMENTO
Aula 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
O 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
Web Design. Prof. Felippe
Web Design Prof. Felippe 2015 Sobre a disciplina Fornecer ao aluno subsídios para o projeto e desenvolvimento de interfaces de sistemas Web eficientes, amigáveis e intuitivas. Conceitos fundamentais sobre
jquery André Tavares da Silva andre.silva@udesc.br
jquery André Tavares da Silva andre.silva@udesc.br jquery jquery é uma biblioteca em JavaScript; Seu objetivo é simplificar a programação em JavaScript; jquery foi desenvolvida para ser de aprendizado
2 echo "PHP e outros.";
PHP (Hypertext Preprocessor) Antes de qualquer coisa, precisamos entender o que é o PHP: O PHP(Hypertext Preprocessor) é uma linguagem interpretada gratuita, usada originalmente apenas para o desenvolvimento
Criando 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
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Objetivo. O objetivo da disciplina é conhecer os princípios da programação de
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO JQUERY
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO JQUERY Prof. Dr. Daniel Caetano 2012-1 Objetivos Introduzir o framework JQuery Capacitar para a construção de documentos JQuery simples Compreender os mecanismos
Prática 6 ActionScript
Prática 6 ActionScript 1. Objetivos Se familiarizar com o ActionScript. Usar comandos e funções básicas. 2. Recursos Necessários Computador com o programa Macromedia Flash MX ou superior. 3. Conceitos
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
Lista 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
Aula 9: Fundamentos do JQuery Fonte: Plano de Aula Oficial da Disciplina
Programação para Internet Rica 1 Aula 9: Fundamentos do JQuery Fonte: Plano de Aula Oficial da Disciplina Objetivo: Capacitar o aluno para o trabalho com o framework JQuery. INTRODUÇÃO JQuery é uma biblioteca
WEBDESIGN. 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 Novo projeto com NetBeans A partir de hoje, vamos trabalhar com projetos no NetBeans
MANUAL DO ANIMAIL 1.0.0.1142 Terti Software
O Animail é um software para criar campanhas de envio de email (email Marketing). Você pode criar diversas campanhas para públicos diferenciados. Tela Principal do sistema Para melhor apresentar o sistema,
WEBDESIGN. 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 Recursos avançados com CSS Uma vez entendido o uso básico e treinado muito, chegou
Respondendo 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
Conectar diferentes pesquisas na internet por um menu
Conectar diferentes pesquisas na internet por um menu Pré requisitos: Elaboração de questionário Formulário multimídia Publicação na internet Uso de senhas na Web Visualização condicionada ao perfil A
Orientação a Objetos
1. Domínio e Aplicação Orientação a Objetos Um domínio é composto pelas entidades, informações e processos relacionados a um determinado contexto. Uma aplicação pode ser desenvolvida para automatizar ou
AJAX no GASweb. Mas e afinal, para que usamos o AJAX?
Nível - Avançado AJAX no GASweb Por: Pablo Hadler AJAX (Asynchronous Javascript and XML) foi criado com o princípio de ser uma maneira rápida e otimizada de podermos fazer requisições Web, sendo esta totalmente
DOCUMENTAÇÃO DO FRAMEWORK - versão 2.0
DOCUMENTAÇÃO DO FRAMEWORK - versão 2.0 Índice 1 - Objetivo 2 - Descrição do ambiente 2.1. Tecnologias utilizadas 2.2. Estrutura de pastas 2.3. Bibliotecas já incluídas 3 - Características gerais 4 - Criando
02 - Usando o SiteMaster - Informações importantes
01 - Apresentação do SiteMaster - News Edition O SiteMaster foi desenvolvido para ser um sistema simples de gerenciamento de notícias, instalado em seu próprio computador e com configuração simplificada,
Transcições de Ficheiros
Transcições de Ficheiros Muitas pessoas usam ficheiros externos swfs hoje em dia, porque este são uma boa forma de estruturar um site e de o gerir, mas tenho também a vantagem de o mesmo ser de tamanho
3 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
Algoritmos 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
SUMÁRIO 1. AULA 6 ENDEREÇAMENTO IP:... 2
SUMÁRIO 1. AULA 6 ENDEREÇAMENTO IP:... 2 1.1 Introdução... 2 1.2 Estrutura do IP... 3 1.3 Tipos de IP... 3 1.4 Classes de IP... 4 1.5 Máscara de Sub-Rede... 6 1.6 Atribuindo um IP ao computador... 7 2
JavaScript. JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos.
JavaScript JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos. Pode ser usada dentro do próprio arquivo HTML ou estruturada em um
O Manual do ssc. Peter H. Grasch
Peter H. Grasch 2 Conteúdo 1 Introdução 6 2 Usar o ssc 7 2.1 Gerir os utilizadores.................................... 7 2.1.1 Adicionar um utilizador.............................. 8 2.1.1.1 Associar-se
Microsoft Access: Criar relações para um novo banco de dados. Vitor Valerio de Souza Campos
Microsoft Access: Criar relações para um novo banco de Vitor Valerio de Souza Campos Conteúdo do curso Visão geral: relações são essenciais Lição: inclui oito seções Tarefas práticas sugeridas Teste Cartão
CAPÍTULO 3 - TIPOS DE DADOS E IDENTIFICADORES
CAPÍTULO 3 - TIPOS DE DADOS E IDENTIFICADORES 3.1 - IDENTIFICADORES Os objetos que usamos no nosso algoritmo são uma representação simbólica de um valor de dado. Assim, quando executamos a seguinte instrução:
Programação WEB I Estruturas de controle e repetição
Programação WEB I Estruturas de controle e repetição Operadores de Incremento Operadores de incremento servem como expressões de atalho para realizar incrementos em variáveis Operadores de Incremento Vamos
Incorporando 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
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
NOVIDADES DO JAVA PARA PROGRAMADORES C
PROGRAMAÇÃO SERVIDOR EM SISTEMAS WEB NOVIDADES DO JAVA PARA PROGRAMADORES C Prof. Dr. Daniel Caetano 2012-1 Objetivos Apresentar o Conceito de Classes e Objetos Capacitar para a criação de objetos simples
Facebook Instruções de integração com PayPal
Facebook Instruções de integração com PayPal Há diversas formas de utilizar o PayPal para receber pagamentos na plataforma do Facebook. Primeiro você precisa decidir suas necessidades para a opção mais
Memória Flash. PdP. Autor: Tiago Lone Nível: Básico Criação: 11/12/2005 Última versão: 18/12/2006. Pesquisa e Desenvolvimento de Produtos
TUTORIAL Memória Flash Autor: Tiago Lone Nível: Básico Criação: 11/12/2005 Última versão: 18/12/2006 PdP Pesquisa e Desenvolvimento de Produtos http://www.maxwellbohr.com.br contato@maxwellbohr.com.br
JSP trata-se de uma tecnologia que possibilita o desenvolvimento de páginas web dinâmicas utilizando todas as potencialidades do Java como linguagem
1 JSP trata-se de uma tecnologia que possibilita o desenvolvimento de páginas web dinâmicas utilizando todas as potencialidades do Java como linguagem orientada a objectos. Tal como em ASP e PHP, os ficheiros
Informática I. Aula 6. http://www.ic.uff.br/~bianca/informatica1/ Aula 6-12/09/2007 1
Informática I Aula 6 http://www.ic.uff.br/~bianca/informatica1/ Aula 6-12/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
MANUAL DE INTEGRAÇÃO Versão 1.0
MANUAL DE INTEGRAÇÃO Versão 1.0 Criando um VA Dentro do sistema do valogi.co, ao tentar subir qualquer aplicativo, o sistema exige que sejam passados dois arquivos: um do tipo imagem e o outro do tipo
O Googlebot não consegue aceder a ficheiros CSS e JS em seu blog
O Googlebot não consegue aceder a ficheiros CSS e JS em seu blog O Googlebot não consegue aceder a ficheiros CSS e JS em seu blog? Aprenda agora como resolver essa mensagem. Recentemente muitos blogueiros
Actualizaç ões e novas funcionalidades. Inoxnet. Versã o 1.70. (c) EBASE Lda. www.inoxnet.com
Actualizaç ões e novas funcionalidades Inoxnet Versã o 1.70 (c) EBASE Lda www.inoxnet.com Índice PORTAL DO INOXNET...3 Modelos... 3 Suporte... 3 Links ú teis... 3 BACK-OFFICE DO WEBSITE...3 Menu... 3 Editor
Oficina de Construção de Páginas Web
COMPETÊNCIAS BÁSICAS EM TIC NAS EB1 Oficina de Construção de Páginas Web Criação e Publicação Guião Páginas WWW com o editor do Microsoft Office Word 2003 1. Introdução. 2. Abrir uma página Web. 3. Guardar
1) Ao ser executado o código abaixo, em PHP, qual será o resultado impresso em tela?
Exercícios sobre Linguagem PHP: 1) Ao ser executado o código abaixo, em PHP, qual será o resultado impresso em tela? 2) Considere a linguagem de programação PHP e seus operadores. A execução da sentença:
Plataforma de Benefícios Públicos Acesso externo
Índice 1. Acesso à Plataforma... 2 2. Consulta dos Programas de Beneficios Públicos em Curso... 3 3. Entrar na Plataforma... 4 4. Consultar/Entregar Documentos... 5 5. Consultar... 7 6. Entregar Comprovativos
Ferramenta de Testagem IECL Orientações para o Aluno (PT)
Ferramenta de Testagem IECL Orientações para o Aluno (PT) Índice 1 INTRODUÇÃO 3 2 REALIZAÇÃO DOS TESTES 3 2.1 Login 3 2.2 Verificação do áudio para o teste de Audição 5 2.3 Realização de um teste 5 3 Informação
Como mandar mensagens OSC pelo Flash via Flosc
Como mandar mensagens OSC pelo Flash via Flosc Primeiro, deve-se baixar o Flosc. Existe uma base de dados Flosc no sourceforge, mas essa base está em formato.swc, só possível de ser lido pelo Flex (hoje
Desenvolvendo Websites com PHP
Desenvolvendo Websites com PHP Aprenda a criar Websites dinâmicos e interativos com PHP e bancos de dados Juliano Niederauer 19 Capítulo 1 O que é o PHP? O PHP é uma das linguagens mais utilizadas na Web.
Laboratório 4 Validação do Formulário
Laboratório 4 Validação do Formulário Introdução Agora que já definimos os nossos documentos usando xhtml e já os embelezámos através da utilização das CSS, está na hora de validar a informação que o utilizador
- Aulas 57, 58, 59 e 60 - Técnicas de programação. Funções
1 - Aulas 57, 58, 59 e 60 - Técnicas de programação. Funções Um programa pode possuir determinados processos realizados repetidas vezes ao longo da execução do programa. Estes processos podem se agrupar
Abaixo você conhecerá algumas técnicas de SEO utilizadas para obter grande sucesso com as postagens no WordPress.
1 TUTORIAL PARA DEIXAR POSTAGENS E PÁGINAS BEM POSICIONADAS Abaixo você conhecerá algumas técnicas de SEO utilizadas para obter grande sucesso com as postagens no WordPress. Conhecimento básico de Html
WEBDESIGN. 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
Programaçã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
COMPETÊNCIAS BÁSICAS EM TIC NAS EB1
COMPETÊNCIAS BÁSICAS EM TIC NAS EB1 Oficina do Correio Para saber mais sobre Correio electrónico 1. Dicas para melhor gerir e organizar o Correio Electrónico utilizando o Outlook Express Criar Pastas Escrever
Utilizando a ferramenta de criação de aulas
http://portaldoprofessor.mec.gov.br/ 04 Roteiro Utilizando a ferramenta de criação de aulas Ministério da Educação Utilizando a ferramenta de criação de aulas Para criar uma sugestão de aula é necessário
O Novo Portal Etilux também foi criado para ser um facilitador para nossa Força de Vendas, abrangendo as seguintes características:
INTRODUÇÃO: O Novo Portal Etilux também foi criado para ser um facilitador para nossa Força de Vendas, abrangendo as seguintes características: Ser uma alternativa para substituição dos volumosos e pesados
Mudança de formatos no HTML. CSS - Cascading Style Sheets. A prioridade para o efeito cascata. A prioridade para o efeito cascata
Mudança de formatos no HTML título CSS - Cascading Style Sheets e os problemas do HTML Para mudar a cor de uma única linha de uma página seria relativamente fácil.
DWR DIRECTED WEB REMOTING
DWR DIRECTED WEB REMOTING Vamos ver neste artigo como personalizar uma tabela gerada pelo addrows(). Grids Personalizadas com addrow() O DWR tem uma lib chamada util.js, que é nela que se localiza as principais
EAmb V.1 ESPOSENDE AMBIENTE. GestProcessos Online. Manual do Utilizador
EAmb V.1 ESPOSENDE AMBIENTE GestProcessos Online Manual do Utilizador GestProcessos Online GABINETE DE SISTEMAS DE INFORMAÇÃO E COMUNICAÇÃO EAmb Esposende Ambiente, EEM Rua da Ribeira 4740-245 - Esposende
Usando o Excel ESTATÍSTICA. Funções
Funções Podemos usar no Excel fórmulas ou funções. Anteriormente já vimos algumas fórmulas. Vamos agora ver o exemplo de algumas funções que podem ser úteis para o trabalho de Excel. Para começar podemos
Manual de Gerenciamento de Conteúdo
Manual de Gerenciamento de Conteúdo 1 Sumário 1) O que é um Gerenciador de Conteúdo...3 2) Como o Site está Estruturado...3 3) Como Gerenciar o Conteúdo do Site...5 3.1) Adicionar Itens no Menu de Navegação...6
AMBIENTE DE PROGRAMAÇÃO PYTHON
Computadores e Programação Engª Biomédica Departamento de Física Faculdade de Ciências e Tecnologia da Universidade de Coimbra Ano Lectivo 2003/2004 FICHA 1 AMBIENTE DE PROGRAMAÇÃO PYTHON 1.1. Objectivos
CRIAR UMA ANIMAÇÃO BÁSICA NO FLASH MX
CRIAR UMA ANIMAÇÃO BÁSICA NO FLASH MX Introdução Este tutorial vai-te ajudar a compreender os princípios básicos do Flash MX - tal como layers, tweens, cores, texto, linhas e formas. No final deste tutorial
Ao redigir este pequeno guia pretendi ser conciso, indo directamente ao essencial.
Introdução O referenciamento é hoje um componente indispensável para ter um site ou blog de sucesso na Internet. Porquê? Simplesmente porque se inicialmente as primeiras visitas do seu site ou blog são
Este trabalho tem como objetivo praticar o uso de tipos abstratos de dados e estruturas do tipo Lista.
Universidade Federal do Espírito Santo Departamento de Informática Estruturas de Dados I (INF09292) 1 o Trabalho Prático Período: 2013/1 Prof a Patrícia Dockhorn Costa Email: pdcosta@inf.ufes.br Data de
Barra de ferramentas padrão. Barra de formatação. Barra de desenho Painel de Tarefas
Microsoft Power Point 2003 No Microsoft PowerPoint 2003, você cria sua apresentação usando apenas um arquivo, ele contém tudo o que você precisa uma estrutura para sua apresentação, os slides, o material
PROF. DANIELA PIRES. Aplicações para Web. Aplicações para Web - FMU - 2012 - Prof. Daniela Pires
PROF. DANIELA PIRES Aplicações para Web 1 *Oficialmente: *Uma biblioteca escrita em Javascript *Uma definição melhor: *jquery é uma Biblioteca JavaScript que simplifica a manipulação de um documento HTML
Como Gerar documento em PDF com várias Imagens
Como Gerar documento em PDF com várias Imagens Para Gerar documento em PDF com várias Imagens, temos que seguir dois passos: 1. Inserir Imagens no Word 2. Gerar PDF a partir de documento do Word 1- Inserir
MDaemon GroupWare. Versão 1 Manual do Usuário. plugin para o Microsoft Outlook. Trabalhe em Equipe Usando o Outlook e o MDaemon
MDaemon GroupWare plugin para o Microsoft Outlook Trabalhe em Equipe Usando o Outlook e o MDaemon Versão 1 Manual do Usuário MDaemon GroupWare Plugin for Microsoft Outlook Conteúdo 2003 Alt-N Technologies.
1 Code::Blocks Criação de projetos
Programação MEEC Índice 1Code::Blocks Criação de projetos...1 2Code::Blocks Localização do projeto...5 3Code::Blocks Abertura de projetos já existentes...7 4Code::Blocks Funcionamento...8 5Code::Blocks
AULA 4 VISÃO BÁSICA DE CLASSES EM PHP
AULA 4 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.
Análise e Desenvolvimento de Sistemas ADS Programação Orientada a Obejeto POO 3º Semestre AULA 03 - INTRODUÇÃO À PROGRAMAÇÃO ORIENTADA A OBJETO (POO)
Análise e Desenvolvimento de Sistemas ADS Programação Orientada a Obejeto POO 3º Semestre AULA 03 - INTRODUÇÃO À PROGRAMAÇÃO ORIENTADA A OBJETO (POO) Parte: 1 Prof. Cristóvão Cunha Objetivos de aprendizagem
APLICAÇÃO REDE APLICAÇÃO APRESENTAÇÃO SESSÃO TRANSPORTE REDE LINK DE DADOS FÍSICA 1/5 PROTOCOLOS DE REDE
1/5 PROTOCOLOS DE O Modelo OSI O OSI é um modelo usado para entender como os protocolos de rede funcionam. Para facilitar a interconexão de sistemas de computadores, a ISO (International Standards Organization)
Construção Páginas de Internet
Construção Páginas de Internet Definir um Site no Frontpage Objectivos da sessão: No final da sessão os formandos deverão ser capazes de: Saber o que são os metadados do Frontpage; Distinguir entre Sites
15. OLHA QUEM ESTÁ NA WEB!
7 a e 8 a SÉRIES / ENSINO MÉDIO 15. OLHA QUEM ESTÁ NA WEB! Sua home page para publicar na Internet SOFTWARES NECESSÁRIOS: MICROSOFT WORD 2000 MICROSOFT PUBLISHER 2000 SOFTWARE OPCIONAL: INTERNET EXPLORER
Novo Formato de Logins Manual de Consulta
Gestão Integrada de Acessos Novo Formato de Logins Manual de Consulta Gestão Integrada de Acessos Histórico de Alterações Versão Descrição Autor Data 1.0 Versão inicial DSI/PPQ 2014-07-11 Controlo do documento
Manual do Instar Mail v2.0
Manual do Instar Mail v2.0 Sumário Conteúdo Menu Principal... 2 Menu Cliente... 3 Pagina Categorias do Instar-Mail... 4 Importação... 4 Campanhas... 8 Cadastramento de campanhas do Instar-Mail... 9 Ações
WF Processos. Manual de Instruções
WF Processos Manual de Instruções O WF Processos é um sistema simples e fácil de ser utilizado, contudo para ajudar os novos usuários a se familiarizarem com o sistema, criamos este manual. Recomendamos
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
No final desta sessão o formando deverá ser capaz de aceder ao Word e iniciar um novo documento.
Sessão nº 2 Iniciar um novo documento Objectivos: No final desta sessão o formando deverá ser capaz de aceder ao Word e iniciar um novo documento. Iniciar um novo documento Ao iniciar-se o Word, este apresenta
Agentes Inteligentes segundo o Chimera
Agentes Inteligentes segundo o Chimera C Heuristic I M E R A No ambiente de desenvolvimento de Agentes Inteligentes Chimera, uma extensão do LPA Win-Prolog, um agente é funcionalmente composto por: Código,
COLÉGIO ESTADUAL PAULO LEMINSKI APOSTILA SOBRE O BROFFICE IMPRESS
COLÉGIO ESTADUAL PAULO LEMINSKI APOSTILA SOBRE O BROFFICE IMPRESS CURITIBA 2014 2 Conteúdo Definição:... 2 Detalhando a tela:... 4 BARRA DE FERRAMENTAS DESENHO... 4 PREENCHIMENTOS... 5 RÉGUAS E GUIAS...
Os objetivos indicados aplicam-se a duas linguagens de programação: C e PHP
AGRUPAMENTO DE ESCOLAS DE SANTA COMBA DÃO CURSO PROFISSIONAL DE TÉCNICO DE GESTÃO E PROGRAMAÇÃO DE SISTEMAS INFORMÁTICOS 2012-2015 PROGRAMAÇÃO E SISTEMAS DE INFORMAÇÃO MÓDULO 2 Mecanismos de Controlo de
Introdução ao PHP. Prof. Késsia Marchi
Introdução ao PHP Prof. Késsia Marchi PHP Originalmente PHP era um assíncrono para Personal Home Page. De acordo com convenções para atribuições de nomes recursivas do GNU foi alterado para PHP Hypertext
Aula 2 Modelo Simplificado de Computador
Aula 2 Modelo Simplificado de Computador Um computador pode ser esquematizado de maneira bastante simplificada da seguinte forma: Modelo Simplificado de Computador: Memória Dispositivo de Entrada Processador
Acronis Servidor de Licença. Manual do Utilizador
Acronis Servidor de Licença Manual do Utilizador ÍNDICE 1. INTRODUÇÃO... 3 1.1 Descrição geral... 3 1.2 Política de licenças... 3 2. SISTEMAS OPERATIVOS SUPORTADOS... 4 3. INSTALAR O SERVIDOR DE LICENÇA
HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).
HTML / JAVASCRIPT Estamos iniciando o estudo do HTML através das TAGS (comandos) para construir formulários. Isso facilitará a continuidade dos nossos estudos da linguagem de programação JavaScript, a
7. Cascading Style Sheets (CSS)
7. Cascading Style Sheets (CSS) O CSS (Folha de Estilo em Cascata) é um padrão de formatação para páginas web que vai além das limitações impostas pelo HTML. O Cascading Style Sheets não é exatamente uma
Múltiplos Estágios processo com três estágios Inquérito de Satisfação Fase II
O seguinte exercício contempla um processo com três estágios. Baseia-se no Inquérito de Satisfação Fase II, sendo, por isso, essencial compreender primeiro o problema antes de começar o tutorial. 1 1.
Universidade do Minho. Licenciatura em Engenharia Informática. Desenvolvimento de Sistemas de Software. Gere Com Saber
Universidade do Minho Gere Com Saber Grupo 3: 430 José Carvalho 4377 Pedro Ribeiro 4394 Tiago Airosa 49333 Bernardino Fernandes 4936 Luís Carvalho Índice ÍNDICE ÍNDICE DE FIGURAS 5 INTRODUÇÃO 7. MODELO
APOSTILA DE EXEMPLO. (Esta é só uma reprodução parcial do conteúdo)
APOSTILA DE EXEMPLO (Esta é só uma reprodução parcial do conteúdo) 1 Índice Aula 1 - Área de trabalho e personalizando o sistema... 3 A área de trabalho... 3 Partes da área de trabalho.... 4 O Menu Iniciar:...
Segmentação de Lista de Contatos
Guia rápido sobre... Segmentação de Lista de Contatos Neste guia... Aprenda a criar combinações precisas para uma segmentação direta e eficaz. Índice 1. Pesquisar Contatos! 3 1.1 Página de pesquisa de
Tutorial Gerar arquivo PDF. Gerando um documento pdf com várias imagens 1- Inserir imagem no Word
Tutorial Gerar arquivo PDF. Com o objetivo de simplificar e diminuir o tamanho de arquivos anexos nos projetos, elaboramos um pequeno tutorial mostrando como gerar um único arquivo no formato pdf contendo
OPERADORES E ESTRUTURAS DE CONTROLE
OPERADORES E ESTRUTURAS DE CONTROLE 3.1 Operadores Os operadores indicam o tipo de operação matemática que será executada gerando novos valores a partir de um ou mais operadores. São muito utilizados em
Novell. Novell Teaming 1.0. novdocx (pt-br) 6 April 2007 EXPLORAR O PORTLET BEM-VINDO DESCUBRA SEU CAMINHO USANDO O NOVELL TEAMING NAVIGATOR
Novell Teaming - Guia de início rápido Novell Teaming 1.0 Julho de 2007 INTRODUÇÃO RÁPIDA www.novell.com Novell Teaming O termo Novell Teaming neste documento se aplica a todas as versões do Novell Teaming,
1. Criar uma nova apresentação
MANUAL DO Baixa da Banheira, 2006 1. Criar uma nova apresentação Para iniciar uma sessão de trabalho no PowerPoint é necessário criar uma nova apresentação para depois trabalhar a mesma. Ao iniciar uma