JavaScript. Programação de Servidores. Marx Gomes Van der Linden
|
|
- Samuel de Almada Caldas
- 8 Há anos
- Visualizações:
Transcrição
1 JavaScript Programação de Servidores Marx Gomes Van der Linden
2 JavaScript É uma linguagem de programação interpretada pelo navegador Programação para web no cliente. Padronizada pela W3C e suportada por todos os navegadores modernos. 2
3 Destaques da Linguagem Controlar a aparência e conteúdo do documento Escrever código em documento enquanto ele está sendo interpretado pelo browser Controlar o browser Abrir novas janelas, exibir mensagens na barra de status, etc. Manipular formulários HTML 3
4 JavaScript Java! Java é uma linguagem orientada a objetos desenvolvida pela Sun Microsystems com um escopo bastante amplo (não necessariamente ligado à web) O nome JavaScript foi escolhido por mera questão de marketing... Seu nome ia ser LiveScript 4
5 Código JavaScript Blocos <script> Usado para definir funções que serão usadas dentro da mesma página, gerar HTML Arquivos externos Definir funções que serão usadas por várias páginas (.js) Junto à tags HTML Manipulação de eventos 5
6 Bloco <script> <html> <head> <title>.::javascript::.</title> </head> <body> <script language="javascript"> document.write("hello World!"); </script> </body> </html> 6
7 Semelhanças entre Javascript e PHP Estruturas de controle if-else switch-case-default while, do-while for continue, break Comentários (Não há suporte a #) // /* */ 7
8 Semelhanças entre Javascript e PHP Operadores: + (exceto concatenação), -, *, /, ++, --?, : &&,,! (não há sinônimos alfabéticos) =, ==,!=, <, <=, >, >= (Não existe === ou!==) 8
9 Sintaxe e Estrutura Ponto e vírgula opcional Inserido automaticamente a = 3; b = 4; c = 5 d = 6 a = 3; b = 4; 9
10 Sintaxe e Estrutura Declaração de variáveis Não é necessário inicializar a variável na declaração Nesse caso o valor é indefinido (undefined) 10
11 Tipos de Dados e Literais Tipos Primitivos string number boolean undefined null 11
12 Tipos de dados Assim como em PHP, os tipos de dados em Javascript são implícitos Interpretador faz tudo automaticamente Strings "Texto de uma string" Números 15, 15.6, 18.23e10 Arrays e tipos complexos 12
13 Variáveis Uma variável associa um nome a um valor na memória do computador. Javascript permite declarações explícitas ou implícitas de variáveis. Não é usado o caractere $ 13
14 Variáveis Declaração implícita Atribui-se um valor a um identificador cujo nome não seja uma palavra reservada salario = 1000; nome = "João"; Declaração explicita Usa-se a palavra reservada var para definir que o identificador a seguir é uma variável var salario; var nome; 14
15 Variáveis Declaração de variáveis var i; var soma; var i, soma; var i = "olá, mundo" var soma = 0, y = 10, x = 20; 15
16 Strings Literais entre aspas simples ( e ) ou duplas ( e ) var frase = "aspas duplas"; var frase2 = 'aspas simples'; 16
17 Operador de Contatenação O operador + tem duas funções em Javascript: Número + Número Adição String + String Número + String Concatenação String + Número 17
18 Concatenação var ola = 'Hello'; var mundo = 'World' document.write(ola + ' ' + mundo + '!' ); Hello World! 18
19 Conversão de Tipos Em JavaScript, os tipos das variáveis são implícitos O tipo da variável depende do valor assumido naquele instante y = 10 y = "nome" A conversão de tipos é automática e transparente ao usuário 19
20 Conversão de Tipos var a = 9; var b = 4; var c = '4' document.write( a + b + '<br>' ); document.write( a b + '<br>' ); document.write( a c + '<br>' ); document.write( a + c + '<br>' ); Saída:
21 Funções Uma função (ou subrotina, procedimento...) é um pedaço de código reutilizável. A função é definida apenas uma vez, e pode ser utilizada um número indefinido de vezes. Em Javascript, não é necessário fazer declaração de funções. Uma função é definida com o uso da palavra function. Sintaxe quase idêntica a PHP. 21
22 Exemplo function exibemensagem(nome, cor){ document.write( 'Olá, <span style="color:' + cor + '">' + nome + '</span>!'); } exibemensagem('fulano de Tal', 'blue'); Saída: Olá, <span style="color:blue">fulano de Tal</span>! 22
23 Objetos Javascript define um tipo especial de variável chamado Objeto. Objetos não pertencem a classes explicitamente definidas. Um objeto em Javascript é uma associação de múltiplos valores, organizados por nomes. Tipo de dados especial que contém conjuntos de dados de outros tipos. Parecido com o array de PHP. 23
24 Objetos Para criar um objeto vazio, usa-se a sintaxe: var nome = {}; Um objeto pode conter, em hierarquia. Variáveis de tipo primitivo. Outros objetos. Funções (métodos). Acessados com a sintaxe: pai.filho 24
25 Objetos var endereco = {}; endereco.rua = "Av. Epitácio Pessoa"; document.write(endereco.rua + " <br>\n"); var usuario = {}; usuario.nome = "Fulano de Tal"; usuario.end = endereco; document.write(usuario.nome + " <br>\n"); document.write(usuario.end.rua+ " <br>\n"); Av. Epitácio Pessoa Fulano de Tal Av. Epitácio Pessoa 25
26 Eventos Um evento é um acontecimento ocorrido em algum momento durante O carregamento da página pelo navegador. ou A utilização da da página pelo usuário. A cada evento, pode-se associar um código Javascript. 26
27 Exemplos de Eventos Objeto é clicado pelo mouse. O mouse passa por cima de um objeto. Texto de um formulário é modificado. Formulário é enviado. Página é carregada. Página é fechada
28 Eventos A maneira mais fácil de se associar um evento a um código Javascript é através das propriedades HTML. Todas começam com on... Não há distinção entre maiúsculas e minúsculas HTML Javascript 28
29 Eventos em HTML Evento Tags Descrição onclick Quase todas Botão do mouse (aperta e solta) onmousedown Quase todas Botão do mouse (aperta) onmousemove Quase todas Seta do mouse se move por cima onmouseout Quase todas Seta do mouse sai onkeydown onselect Elementos de formulário e body Pressiona tecla input, textarea Seleciona texto onload body, img Carrega elemento 29
30 Exemplo <img src="javascript.jpg" onclick="alert('olá!')"> 30
31 Document Object Model O mecanismo de Document Object Model (DOM) é a ferramenta que permite a total integração entre Javascript e o documento HTML no qual ele está integrado. Web sites dinâmicos = Aplicações Web 31
32 Document Object Model O mecanismo de DOM mapeia o documento HTML como uma árvore composta por nós (Node). O nó-raiz que, contém todas as tags, é chamado document. 32
33 Exemplo 33
34 Exemplo 34
35 Node Propriedades de um nó (Node): nodename Nome do nó nodevalue Valor do nó nodetype Tipo do nó (inteiro, constante) ownerdocument Pai do nó firstchild Primeiro filho lastchild Último filho childnodes Lista contendo todos os filhos 35
36 Acesso a Elementos Específicos Para cada nó, o DOM define três métodos que podem ser usados para encontrar mais facilmente elementos específicos: getelementsbytagname() getelementsbyname() getelementbyid() 36
37 getelementbyid() Retorna um único elemento HTML, o qual tem o atributo id especificado. Geralmente, é a melhor a maneira de se acessar um elemento específico. Exemplo: <img id="js" src="javascript.jpg"> <img id="goomba" src="goomba.jpg"> <script> var goomba = document.getelementbyid('goomba'); </script> 37
38 Atributos Os atributos HTML de uma tag são mapeados como propriedades do elemento DOM: <html><head><title>teste</title></head> <script> function mudaimg(){ var goomba = document.getelementbyid('goomba'); goomba.src = 'spikey.png'; } </script><body> <img id="goomba" src="goomba.jpg"> <p style="text-align:center" onclick="mudaimg()">mudar imagem</p> </body></html> 38
39 Saída 39
40 Saída 40
41 CSS e Javascript É possível utilizar Javascript para modificar a classe de um elemento HTML. Como class é uma palavra reservada (embora não usada) em Javascript, a propriedade equivalente se chama classname. 41
42 Exemplo <html><head><title>teste</title><style>.c1 { background-color: green; color: white;}.c2 { background-color: blue; color: black; } </style></head><body> <p id="p1" class="c1" onclick="muda()"> The book is on the table.</p> </body><script> function muda(){ var p = document.getelementbyid('p1'); if(p.classname == 'c1') p.classname = 'c2' else p.classname = 'c1'; } 42 </script></html>
43 Saída Clique 43
44 Estilos Os estilos de um objeto são acessados através da propriedade style. Cada atributo CSS é mapeado para uma propriedade equivalente em style. Atributo em CSS background-color color font-family font-weight Propriedade em Javascript style.backgroundcolor style.color style.font style.fontweight 44
45 Exemplo <html><head><title>teste</title><style> div { border:1px solid black; width: 20em ; text-align:center; background-color:#d5eaff } </style><script> function liga(){ document.getelementbyid('meudiv'). style.backgroundcolor = 'red'; } function desliga(){ document.getelementbyid('meudiv'). style.backgroundcolor = '#D5EAFF'; } </script><body> <div id="meudiv" onmouseover="liga()" onmouseout="desliga()">passe o mouse</div> 45 </body></html>
46 Saída 46
47 Visibilidade de Elementos A propriedade CSS display controla como um elemento é exibido na tela. Valores: block Elemento de bloco inline Elemento inline hidden Não exibe É possível explorar essa propriedade em Javascript para alternar a visibilidade de elementos. 47
48 Exemplo (1/2) <html><head><title>teste</title><style> div { border:1px solid black; width: 20em ; text-align:center; background-color:#d5eaff } </style><script> function exibe(){ document.getelementbyid('bloco'). style.display = 'block'; } function esconde(){ document.getelementbyid('bloco'). style.display = 'none'; } </script> 48
49 Exemplo (2/2) <body> <p><a href="#" onclick="exibe()">exibe</a>, <a href="#" onclick="esconde()">esconde</a> </p> <div id="bloco" style="display:none">lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi dapibus. Quisque vehicula, massa non lobortis tempus, tortor nisi accumsan mauris, quis iaculis elit lacus nec lacus. Morbi ac risus. Sed adipiscing ante at magna. In tempus nunc sed risus. Donec pretium magna a dui ultrices viverra.</div> <p><em>fim.</em></p> </body> 49 </html>
50 Saída 50
51 Expressões Regulares Uma Expressão Regular em Javascript é um objeto, que pode ser criado diretamente através de uma atribuição. var exp = /abc/; Para testar se uma expressão corresponde a uma string, usa-se o método test. 51
52 test var regex = /(l[ae]){2}/; if(regex.test("abacate")){ document.write("abacate ok!"); } if(regex.test("paralalepípedo")){ document.write("paralalepípedo ok!"); } Paralalepípedo ok! 52
53 Validação de Formulários Javascript pode ser usado para fazer a validação de campos de um formulário no lado do cliente. Não pode ser visto como um mecanismo de segurança! Evento onsubmit do formulário Só é enviado se retornar true Uso do DOM e de expressões regulares 53
54 Formulário <form method="post" action="proc.php" onsubmit="return valida()"> <p> Nome: <input name="nome" type="text" id="nome" /> </p> <p> Data de nascimento: <input name="datanasc" type="text" id="datanasc" /> </p> <p> <input name=" " type="text" id=" "/> </p> <p> <input type="submit" name="submit" value="submit" /> </p> </form> 54
55 Formulário 55
56 <script> function valida(){ var nome = document.getelementbyid("nome").value; if(nome.length < 10){ alert("insira um nome com, no mínimo 10 caracteres."); return false; } var datanasc = document.getelementbyid("datanasc").value; var dnregex = /^\d\d?[\/\-\.]\d\d?[\/\-\.](\d\d){1,2}$/; if(!dnregex.test(datanasc)){ alert("insira uma data de nascimento válida."); return false; } 56
57 var = document.getelementbyid(" ").value; var regex = /^[\da-z]([\w-.]*[\w+])*@([\da-z][\w-]*[\daz]\.)+[a-z]{2,9}$/; if(! regex.test( )){ alert("insira um válido."); return false; } } </script> 57
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
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 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 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 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 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 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 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 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 maisPHP: Funções. Programação de Servidores Marx Gomes Van der Linden
PHP: Funções Programação de Servidores Marx Gomes Van der Linden Funções Uma função (ou subrotina, procedimento...) é um pedaço de código reutilizável. A função é definida apenas uma vez, e pode ser utilizada
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 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 maisLista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique.
Lista de Revisão 1. Nos sistemas web, geralmente os usuários apresentam dois problemas típicos, a desorientação e a sobrecarga cognitiva. Discorra sobre esses problemas. 2. Apresente as principais diferenças
Leia maisInformá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
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 maisExercícios Práticos de HTML e JavaScript. <FORM ACTION="mailto:teste@gmail.com" METHOD="POST" ENCTYPE="text/plain" NAME="cadastro">
Exercícios Práticos de HTML e JavaScript Exercício 1: Formulário Padrão HTML SEM JavaScript
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 maisINTRODUÇÃO AO DESENVOLVIMENTO WEB
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Formulários Os formulários em HTML são usados para selecionar diferentes tipos de entradas do usuário. Um formulário é uma área que
Leia maisOs 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
Leia maisScriptlets e Formulários
2 Scriptlets e Formulários Prof. Autor: Daniel Morais dos Reis e-tec Brasil Programação Avançada Para Web Página1 Meta Permitir ao aluno aprender a criar um novo projeto Java para web no Netbeans IDE,
Leia maisLaborató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
Leia maisProgramando em PHP. Conceitos Básicos
Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Conceitos Básicos Todo o escopo deste estudo estará voltado para a criação de sites com o uso dos diversos recursos de programação web
Leia maisDHTML - MÓDULO 1: VISÃO GERAL E INTRODUÇÃO Por Marcelo Camargo Visão geral
Apostila retirada de http://www.ibestmasters.com.br DHTML - MÓDULO 1: VISÃO GERAL E INTRODUÇÃO Por Marcelo Camargo Visão geral A tecnologia DHTML (Dynamic HTML) foi apresentada inicialmente como um conjunto
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 maisInstituto Federal do Sertão-PE. Curso de PHP. Professor: Felipe Correia
Instituto Federal do Sertão-PE Curso de PHP Professor: Felipe Correia Conteúdo Parte I Parte II Introdução Funções de strings Instalação Constantes Sintaxe Operadores Variáveis if else elseif Echo/Print
Leia maisPROGRAMAÇÃ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
Leia maisindica o nome do campo pelo qual podemos acessar.
Formulários Em geral Com o Javascript, os formulários Html tomam outra dimensão. Não esqueça que em Javascript, podemos acessar cada elemento de um formulário para, por exemplo, ler ou escrever um valor,
Leia maisProgramação Web Prof. Wladimir
Programação Web Prof. Wladimir Linguagem PHP @wre2008 1 Sumário PHP: Tipos de dados; Manipulação de dados; Utilizando formulário. @wre2008 2 Tipos de dados As variáveis são declaradas no momento de sua
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 maisWeb 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
Leia maisValidação de formulários utilizando Javascript
Validação de formulários utilizando Javascript A validação de formulários é um dos usos mais comuns na programação Javascript. A validação de dados por meio da programação Javascript é muito fácil e rápida
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 maisColégio da Policia Militar do Estado do Tocantins. HTML5 e CSS3 Formulários Prof. Gleison Batista de Sousa
Colégio da Policia Militar do Estado do Tocantins HTML5 e CSS3 Formulários Prof. Gleison Batista de Sousa Formulários Avançando no HTML e CSS Nesta aula vamos aprender como criar uma página de contato
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 maisDesenvolvimento 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
Leia maisDesenvolvimento de Aplicações Web. Prof. José Eduardo A. de O. Teixeira www.vqv.com.br / j.edu@vqv.com.br
Desenvolvimento de Aplicações Web Programação Contextualização de aplicações Web: navegadores e servidores como interpretadores, tecnologias do lado do cliente (XHTML, CSS, Javascript) e do lado do servidor
Leia mais<b>, <big>, <em>, <i>, <small>, <strong>, <sub>, <sup>,... <table>, <tbody>, <thead>, <th>, <tr>, td
HTML Hypertext Markup Language Draft 1991; 1.1 1992; 2.0 1993; 3.0 1995; 4.0 1997; 4.01 1999; 5.0 (2011?) Linguagem g de marcação básica utilizada na WEB, que consiste de elementos envolvidos pelos sinais
Leia maisPROGRAMAÇÃ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
Leia maisProgramação Web com PHP. Prof. Wylliams Barbosa Santos wylliamss@gmail.com Optativa IV Projetos de Sistemas Web
Programação Web com PHP Prof. Wylliams Barbosa Santos wylliamss@gmail.com Optativa IV Projetos de Sistemas Web Agenda O que é PHP? O que da pra fazer com PHP? Como a web funciona? Onde, quando e por que
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 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 maisJavaScript. 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
Leia maisIntrodução à Linguagem
Introdução à Linguagem Curso de Nivelamento do PPGMNE Janeiro / 2011 Juliano J. Scremin jjscremin@jjscremin.t5.com.br Um pouco de história Um pouco de história: Nascimento do Python Um pouco de história:
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 maisPHP. Hypertext Pre-Processor
PHP Hypertext Pre-Processor O que é o PHP? Uma linguagem de scripting é uma linguagem cujo código não tem de ser compilado para ser executado! O código escrito é interpretado em tempo de execução para
Leia maisLinguagem de Programação. Introdução ao PHP. Prof Mauricio Lederer Ciência da Computação - UNIANDRADE 1
Linguagem de Programação Introdução ao PHP 1 O que é PHP? - significa: Hypertext Preprocessor - uma das linguagens mais utilizadas para web - transforma sites estáticos em dinâmicos - atualização de páginas
Leia maiscss Cascading Style Sheets CSS CASCADING STYLE SHEETS
css Cascading Style Sheets CSS CASCADING STYLE SHEETS Oque é o CSS Cascading Style Sheets - Folhas de Estilo em Cascata Não é uma linguagem de programação, é uma linguagem de estilo. Define a apresentação
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 maisBasicamente iremos precisar de uma base de dados na qual iremos armazenar os registros feitos pelos vistantes: Vamos armazenar os seguintes dados:
Livro de Visitas Basicamente iremos precisar de uma base de dados na qual iremos armazenar os registros feitos pelos vistantes: Vamos armazenar os seguintes dados: ID nome email mensagem data O código
Leia maisProgramação para a Internet II 2.13. PHP AJAX. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt
Programação para a Internet II 2.13. PHP AJAX Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Ajax não é uma tecnologia! É um conceito! Consiste no uso do objecto XMLHttpRequest que se encontra implementado
Leia maisFormulário (Send & Recieve) Prof. Celso H. Masotti
Formulário (Send & Recieve) Prof. Celso H. Masotti O Send e o Recieve A partir desse momento os exercícios serão realizados com dois arquivos, um de envio de dados (send) e o que recebe esse dados (recieve)
Leia mais0,5 pelo negrito das palavras ID, Nome, E-mail e Analisar em outro momento.
IFES - Campus Cachoeiro de Itapemirim-ES Curso Técnico em Informática Disciplina: Programação Web Professor: Flávio Izo e Rafael Vargas Data: 07/04/2015 Aluno: GABARITO Valor: 12,5 Conteúdo: HTML + Formulários
Leia maisJavaScript Introdução e Sintaxe
JavaScript Introdução e Sintaxe Ferramentas para Internet Marx Gomes Van der Linden ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) Objetivos Apresentar os principais conceitos
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 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 maisCaracterísticas do PHP. Começando a programar
PHP Introdução Olá pessoal. Desculpe o atraso na publicação da aula. Pude perceber pelas respostas (poucas) ao fórum que a realização da atividade do módulo I foi relativamente tranquila. Assistam ao vídeo
Leia maisUtilizando Janelas e Frames
Utilizando Janelas e Frames Aprenderemos agora algumas técnicas mais específicas para fazer o JavaScript trabalhar com várias partes das páginas e navegadores da Web. Controlando janelas com objetos Já
Leia maisDesenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes
Desenvolvimento Web XHTML Formulários Prof. Bruno E. G. Gomes 2014 Introdução Um recurso bastante utilizado no desenvolvimento Web é o envio de dados de uma página para o servidor quando fornecemos informações,
Leia maisDicas para Javascript (parte1) <style TYPE="text/css"><!--a.menu {color:000000;}a.menu:hover {color:cc0000;}-- ></style>
Dicas para Javascript (parte1) 1 - DETECTANDO A RESOLUÇÃO DO USUÁRIO
Leia maismkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos
Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Criando uma Calculadora Primeiramente deve se criar uma estrutura para armazenar os arquivos necessários para o funcionamento da calculadora.
Leia maisProgramação web Prof. Wladimir
Programação web Prof. Wladimir Linguagem PHP Cookie e Sessão @wre2008 1 Sumário Header; Cookie; Sessão; Exemplos. @wre2008 2 Header Esta função permite que um script php redirecione para outra página.
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 maisPÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL
PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Introdução Aula 10: Introdução à linguagem PHP O PHP é uma linguagem interpretada de uso livre, utilizada originalmente para o desenvolvimento
Leia maisW o r d p r e s s 1- TELA DE LOGIN
S U M Á R I O 1Tela de Login...2 2 Painel......3 3 Post...4 4 Ferramentas de Post...10 5 Páginas...14 6 Ferramentas de páginas...21 7 Mídias...25 8 Links......30 1 1- TELA DE LOGIN Para ter acesso ao wordpress
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 maisCurso: Ciência da Computação Disciplina: Construção de Compiladores Período: 2010-1 Prof. Dr. Raimundo Moura
UFPI CCN DIE Curso: Ciência da Computação Disciplina: Construção de Compiladores Período: 2010-1 Prof. Dr. Raimundo Moura O projeto Desenvolver um compilador de um subconjunto básico da linguagem PORTUGOL.
Leia maisCurso 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
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 maisA lógica de programação ajuda a facilitar o desenvolvimento dos futuros programas que você desenvolverá.
INTRODUÇÃO A lógica de programação é extremamente necessária para as pessoas que queiram trabalhar na área de programação, seja em qualquer linguagem de programação, como por exemplo: Pascal, Visual Basic,
Leia maisCOMO FUNCIONA UM FORMULÁRIO
FORMULÁRIOS Constitui-se numa das formas de a máquina cliente enviar informações para que um programa no servidor receba estes dados, processe-os e devolva uma resposta ao usuário, por meio do navegador,
Leia maisWORKSHOP. 2ª Sessão 08/10/15
WORKSHOP 2ª Sessão 08/10/15 HTML e CSS http://neecist.org/workshop JavaScript: O que é? Linguagem de programação interpretada pelo browser Corre do lado do cliente Permite manipular elementos da página
Leia maisProgramação para Internet I. 8. JavaScript. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt
Programação para Internet I 8. JavaScript Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Trata-se de uma linguagem de programação bastante completa! No entanto, é geralmente conhecida como linguagem
Leia mais2 Orientação a objetos na prática
2 Orientação a objetos na prática Aula 04 Sumário Capítulo 1 Introdução e conceitos básicos 1.4 Orientação a Objetos 1.4.1 Classe 1.4.2 Objetos 1.4.3 Métodos e atributos 1.4.4 Encapsulamento 1.4.5 Métodos
Leia maisProgramação Web Prof. Wladimir
Programação Web Prof. Wladimir HTML - Formulários @wre2008 1 Sumário Formulários HTML @wre2008 2 Formulários: Muitos elementos de um formulário html são definidos pela tag . Cada tipo de elemento
Leia maisPROGRAMAÇÃO WEB DO LADO DO CLIENTE
PROGRAMAÇÃO WEB DO LADO DO CLIENTE FORMULÁRIO Na linguagem HTML é permitido que o usuário interaja com o servidor através de formulários ligados a scripts desenvolvidos em linguagens como PHP, Servlets,
Leia maisPROGRAMAÇÃO MANUAL DE INSTRUÇÕES SEJA BEM VINDO VERSÃO 1.4 10/01/2013 UDS SOLUÇÕES DIGITAIS
VERSÃO 1.4 10/01/2013 UDS SOLUÇÕES DIGITAIS PROGRAMAÇÃO MANUAL DE INSTRUÇÕES Instruções, métodos e recomendações para desenvolvimento de sistemas na UDS. 1 Sumário Apresentação... 3 Estrutura de pastas:...
Leia maisLINGUAGEM DE PROGRAMAÇÃO WEB
LINGUAGEM DE PROGRAMAÇÃO WEB GABRIELA TREVISAN Ambiente de Desenvolvimento Após instalar o Wamp Server, inicie o servidor. Um ícone aparecerá na SystemTray. A cor do ícone indica seu estado: Verde: servidor
Leia mais2 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
Leia maisProgramaçã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
Leia maisPHP() é uma linguagem de integração de servidor que permite a criação de paginas dinâmicas. Como todas
O que é PHP? Acrônimo de PHP: Hipertext Language PostProcessor Inicialmente escrita para o desenvolvimento de aplicações Web Facilidade para iniciantes e recursos poderosos para programadores profissionais
Leia maisDWR 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
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 maisMudanç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.
Leia mais7. 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
Leia mais6. Introdução à Linguagem PHP
6. Introdução à Linguagem PHP A comunicação na Web exige dois agentes: o cliente web e o servidor web. O cliente requer informação (a partir de uma página HTML acessada pelo navegador) e o servidor fornece
Leia maisProgramação Web Prof. Wladimir
Programação Web Prof. Wladimir Linguagem de Script e PHP @wre2008 1 Sumário Introdução; PHP: Introdução. Enviando dados para o servidor HTTP; PHP: Instalação; Formato básico de um programa PHP; Manipulação
Leia maisHTML 5 + CSS APRESENTANDO O CSS ESTILOS LOCAIS
APRESENTANDO O CSS CSS Cascading Style Sheets, ou, em português, Folha de Estilo em Cascata - é uma linguagem de estilo que pode ser utilizada na formatação de documentos HTML. Com CSS, podemos criar regras
Leia maisConteúdo Dinâmico. Introdução. Interação Browser x Servidor Web. Interação Browser x Servidor Web
Introdução Formulários rios & Conteúdo Dinâmico Mário Antonio Meireles Teixeira Dept o. de Informática - UFMA A Web surgiu inicialmente como uma nova forma de comunicação de informações, fazendo uso de
Leia maisPROGRAMAÇÃO DE COMPUTADORES (Teoria)
PC PROGRAMAÇÃO DE COMPUTADORES (Teoria) Aula 01 Prof. Ricardo Veras (prof.rveras@gmail.com) ALGORITMOS "Seqüência ordenada de passos, que deve ser seguida para a realização de um tarefa" "Algoritmo é um
Leia maisMINISTÉRIO DO DESENVOLVIMENTO AGRÁRIO SUBSECRETARIA DE PLANEJAMENTO, ORÇAMENTO E ADMINISTRAÇÃO COORDENAÇÃO-GERAL DE MODERNIZAÇÃO E INFORMÁTICA
MINISTÉRIO DO DESENVOLVIMENTO AGRÁRIO SUBSECRETARIA DE PLANEJAMENTO, ORÇAMENTO E ADMINISTRAÇÃO COORDENAÇÃO-GERAL DE MODERNIZAÇÃO E INFORMÁTICA SACI LIVRE SISTEMA DE ADMINISTRAÇÃO DE CONTEÚDO INSTITUCIONAL
Leia maisFORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT)
FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT) Formulários (FORMS): Um formulário é uma área que pode conter elementos de formulário. Elementos de formulário são elementos que permitem ao usuário
Leia maisHTML / 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
Leia mais