JAVASCRIPT. Prof. Fellipe Aleixo
|
|
|
- Luciano Rosa Vidal
- 8 Há anos
- Visualizações:
Transcrição
1 JAVASCRIPT Prof. Fellipe Aleixo
2 JAVASCRIPT É a linguagem de script da Web Adicionam funcionalidades às páginas HTML Validação de entrada Comunicação com servidores Web Entre outros... Como qualquer linguagem de programação, você só irá aprender testando, faça isso com todos os exemplos Teste também as suas variações
3 LINGUAGEM DE SCRIPT Trata-se de uma linguagem de programação leve O seu código pode ser inserido em páginas Web Esse código é executado pelos navegadores modernos É fácil de aprender
4 EXEMPLOS INICIAIS Código Javascript escrevendo na saída HTML <script> document.write("<h1>this is a heading</h1>"); document.write("<p>this is a paragraph</p>"); </script> Javascript reagindo a eventos <button type="button" onclick="alert('welcome!')">click Me!</button> Javascript mudando o código HTML x = document.getelementbyid("demo") //Encontrar o elemento x.innerhtml = "Hello JavaScript"; //Alterar o conteúdo
5 EXEMPLOS INICIAIS Mudar dinamicamente a origem (src) de uma imagem Mudar o estilo de um elemento HTML (um atributo) x = document.getelementbyid("demo") //Find the element x.style.color = "#ff0000"; //Change the style
6 EXEMPLOS INICIAIS Verificar se a entrada fornecida pelo usuário é valida if isnan(x) {alert("not Numeric")};
7 JAVASCRIPT Código Javascript deve ser inserido entre as tags <script> e </script> Pode ser colocado no <body> ou <head> da página HTML <script> alert("my First JavaScript"); </script> Antigamente era necessário a definição de uma propriedade da tag <script> que era a type="text/javascript Não é mais necessário Javascript é a linguagem de script padrão
8 FUNÇÕES E EVENTOS As instruções Javascript são executadas quando uma página é carregada Podemos desejar que um código seja executado quando um evento ocorrer, como o clique do mouse Se o código Javascript é colocado em uma função, esta função pode ser chamada quando um evento ocorrer
9 JAVASCRIPT NO <HEAD> OU <BODY> Você pode colocar vários código Javascript em um HTML Podem ser colocados no <head> ou <body>, ou em ambos É uma prática comum que as funções Javascript sejam colocadas no cabeçalho, ou no final do corpo da página
10 JAVASCRIPT NO <HEAD> OU <BODY> <!DOCTYPE html> <html> <head> <script> function myfunction() { document.getelementbyid("demo").innerhtml= 1a. função JavaScript"; } </script> </head> <body> <h1>my Web Page</h1> <p id="demo">a Paragraph</p> <button type="button" onclick="myfunction()">try it</button> </body> </html>
11 JAVASCRIPTS EXTERNOS Scripts podem ser colocados em arquivos externos Arquivos externos podem conter códigos a serem utilizados por diversas páginas Web Arquivos externos Javascript possuem a extensão.js Ao utilizar scripts externos, a propriedade src da tag <script> deve apontar para esse arquivo
12 JAVASCRIPTS EXTERNOS <!DOCTYPE html> <html> <body> <h1>my Web Page</h1> <p id="demo">a Paragraph.</p> <button type="button" onclick="myfunction()">try it</button> <p><strong>note:</strong> myfunction is stored in an external file called "myscript.js".</p> <script src="myscript.js"></script> </body> </html>
13 MANIPULANDO ELEMENTOS HTML Javascript é utilizada tipicamente para a manipulação de elementos HTML Para acessar elementos HTML, é utilizado o método document.getelementbyid(id) O atributo id é utilizado para identificar o elemento HTML
14 MANIPULANDO ELEMENTOS HTML <!DOCTYPE html> <html> <body> <h1>my First Web Page</h1> <p id="demo">my First Paragraph</p> <script> document.getelementbyid("demo").innerhtml="my First JavaScript"; </script> </body> </html>
15 ESCREVENDO DA SAÍDA HTML Exemplo escrever um elemento <p> na saída HTML <!DOCTYPE html> <html> <body> <h1>my First Web Page</h1> <script> document.write("<p>my First JavaScript</p>"); </script> </body> </html>
16 WARNING O método document.write() é utilizado para escrever diretamente na saída do documento Se esse método for executado após o documento ser carregado, a página HTML em questão será sobrescrita
17 WARNING <!DOCTYPE html> <html> <body> <h1>my First Web Page</h1> <p>my First Paragraph.</p> <button onclick="myfunction()">try it</button> <script> function myfunction() { document.write("oops! The document disappeared!"); } </script> </body> </html>
18 INSTRUÇÕES JAVASCRIPT Instruções Javascript são comandos para o navegador O propósito das instruções é dizer ao navegador o que fazer document.getelementbyid("demo").innerhtml="hello Dolly"; Essa instrução solicita ao navegador escrever Hello Dolly dentro do elemento HTML identificado com o id= demo O ponto e vírgula é usado para separar as instruções Com ; mais de uma instrução pode ser adicionada em uma linha
19 BLOCOS DE CÓDIGO Instruções Javascript pode ser agrupadas em blocos de código Blocos iniciam com abre chave { e finalizam com fecha chave } O propósito de um bloco é fazer com que uma sequência de instruções executem juntas Um bom exemplo são as funções
20 RESTRIÇÕES JAVASCRIPT Javascript diferencia maiúsculas das minúsculas A função getelementbyid getelementbyid A variável myvariable MyVariable Javascript ignora espaços em branco extras É possível a quebra de uma instrução que está utilizando uma string de texto dividindo esta string document.write("hello \ World!");
21 COMENTÁRIOS JAVASCRIPT Comentários de uma única linha iniciam com // // Write to a heading: document.getelementbyid("myh1").innerhtml="welcome to my Homepage"; // Write to a paragraph: document.getelementbyid("myp").innerhtml= First paragraph"; Comentários de várias linhas iniciam com /* e finalizam com */ /* The code below will write to a heading and to a paragraph, and will represent the start of my homepage: */ document.getelementbyid("myh1").innerhtml="welcome to my Homepage"; document.getelementbyid("myp").innerhtml= First paragraph";
22 VARIÁVEIS JAVASCRIPT Variáveis podem ser usadas para armazenar valores (x = 5) ou expressões (z = x + y) As variáveis podem possuir nomes curtos, e seus nomes Devem ser iniciar com uma letra Nomes de variáveis também podem iniciar com $ e _ São diferenciadas as maiúsculas das minúsculas Tipos da dados Tipo texto (string) valor entre aspas duplas (ou simples) Tipo numérico Outros: Boolean, Array, Object, Null, Undefined
23 VARIÁVEIS JAVASCRIPT Exemplos: var pi = 3.14; var person = "John Doe"; var answer = 'Yes I am!';
24 DECLARANDO VARIÁVEIS JAVASCRIPT Através da utilização da palavra-chave var Ex.: var carro; Após a declaração a variável está vazia (undefined) Para atribuir valores utiliza-se o operador = carro = Chevrolet ; Também é possível declarar e atribuir valor inicial var carro = Chevrolet ;
25 DECLARANDO VARIÁVEIS JAVASCRIPT Exemplo: <p id="demo"></p> var carname="volvo"; document.getelementbyid("demo").innerhtml = carname; A instrução var pode ser usada para declarar várias variáveis var lastname = "Doe", age = 30, job = "carpenter"; // ou var lastname = "Doe", age = 30, job = "carpenter";
26 DECLARANDO VARIÁVEIS JAVASCRIPT var answer = "It's alright"; var answer = "He is called 'Johnny'"; var answer = 'He is called "Johnny"'; var x1 = 34.00; var x2 = 34; // Written with decimals // Written without decimals var y = 123e5; // var z = 123e-5; // var x = true; var y = false; var cars = new Array(); cars[0] = "Saab"; cars[1] = "Volvo"; cars[2] = "BMW"; // ou var cars = new Array("Saab","Volvo","BMW");
27 TIPOS DINÂMICOS As variáveis Javascript possuem tipos dinâmicos Uma mesma variável pode armazenar dados de diferentes tipos var x; var x = 5; var x = "John"; // Now x is undefined // Now x is a Number // Now x is a String
28 OBJETOS JAVASCRIPT Um objeto é definido entre abre e fecha chaves As propriedades de um objeto são definidas em pares nome e valor, separados por vírgula var person={firstname:"john", lastname:"doe", id:5566}; var person={ firstname : "John", lastname : "Doe", id : 5566 }; // Acesso às propriedades de um objeto name = person.lastname; name = person["lastname"];
29 UNDEFINED E NULL undefined é o valor de uma variável sem valor atribuído Uma variável pode ser esvaziada, atribuindo-se null Ex.: cars = null; person = null; Declarando tipos de variáveis utilizando a expressão new var carname var x var y var cars var person = new String; = new Number; = new Boolean; = new Array; = new Object;
30 PROPRIEDADES E MÉTODOS Propriedades são valores associados à objetos Métodos são ações que um objeto pode realizar Exemplo: um objeto carro Pode incluir as propriedades: nome, modelo, peso, cor, etc. Pode incluir os métodos: ligar(), acelerar(), frear(), etc. Quase tudo em Javascript são objetos Strings, Functions, Arrays, Dates...
31 PROPRIEDADES E MÉTODOS Objeto String: var txt = new String("Hello World"); Exemplo de propriedade txt.length Exemplo de método txt.indexof("world")
32 CRIANDO OBJETOS É possível criar objetos e ir adicionando propriedades ao mesmo person = new Object(); person.firstname = "John"; person.lastname = "Doe"; person.age = 50; person.eyecolor = "blue";
33 CRIANDO OBJETOS Para acessar propriedades de objetos <nome do objeto>.<nome da propriedade> Da mesma forma para os métodos Exemplos: var message = "Hello World!"; var x = message.length; var message = "Hello world!"; var x = message.touppercase();
34 FUNÇÕES JAVASCRIPT Bloco de código que é executado quando alguém chama Uma função pode ser invocada em resposta a um evento Sintaxe: function functionname(argument1, argument2) { some code to be executed; } Exemplo ( <button onclick="myfunction('harry Potter','Wizard')">Try #1</button> <button onclick="myfunction('bob','builder')">try #2</button> <script> function myfunction(name,job) { alert("welcome " + name + ", the " + job); } </script>
35 FUNÇÕES JAVASCRIPT Funções podem ter um valor de retorno Instrução return function myfunction() { var x = 5; return x; }... var myvar = myfunction(); Exemplo ( function myfunction(a,b) { return a * b; } document.getelementbyid("demo").innerhtml=myfunction(4,3);
36 FUNÇÕES JAVASCRIPT O return também pode ser utilizado para antecipar o final de uma função o retorno de um valor é opcional Variáveis globais vs. Variáveis locais Variável declarada em uma função se torna local só podendo ser acessada dentro da mesma Variáveis de mesmo nome podem ser usadas em diferentes funções As variáveis locais são deletadas ao término da execução da função Variáveis declaradas fora das função são globais acessíveis a partir de todo script de uma página, bem como suas funções Ao atribuir valor a uma variável não declarada (var) a mesma é automaticamente declarada como global
37 OPERADORES JAVASCRIPT Atribuição à = X += Y à X = X + Y X -= Y à X = X - Y X *= Y à X = X * Y X /= Y à X = X / Y X %= Y à X = X % Y Aritméticos Adição à + Subtração à - Multiplicação à * Divisão à / Resto da divisão inteira (módulo) à % Incremento à ++ Decremento à -- Concatenação de strings à +
38 OPERADORES JAVASCRIPT Adicionando strings e números quais os resultados? x = 5 + 5; y = 5 + 5; z = Hello + 5; Confira:
39 OPERADORES JAVASCRIPT Comparações no Javascript (dado x = 5): Operador Descrição Exemplo Resultado == Igual a x == 8 false x == 5 true === Exatamente igual a (tipo e valor) x === 5 false x === 5 true!= Diferente x!= 8 true!== Diferente no tipo ou valor x!== 5 true x!== 5 false > Maior que x > 8 false < Menor que x < 8 true >= Maior ou igual x >= 8 false <= Menor ou igual x <= 8 true
40 OPERADORES JAVASCRIPT Operadores lógicos (dados x = 6 e y = 3): Operador Descrição Exemplo && and lógico x < 10 && y > 1) is true or lógico (x==5 y==5) is false! not lógico!(x==y) is true Operador condicional variablename = (condition)?value1:value2; voteable = (age<18)?"too young":"old enough";
41 CONDICIONAIS Instrução if if (time < 20) { x = "Good day ; } Instrução if...else if (time < 20) { x = "Good day"; } else { x = "Good evening ; }
42 CONDICIONAIS Instrução if...else if...else if (time < 10) { x = "Good morning"; } else if (time < 20) { x = "Good day"; } else { x = "Good evening"; }
43 CONDICIONAIS Instrução switch A palavra-chave default pode ser utilizada para definir as operações a serem realizadas quando nenhuma das opções for satisfeita var day = new Date().getDay(); switch (day) { case 0: x="today it's Sunday"; break; case 1: x="today it's Monday"; break; case 2: x="today it's Tuesday"; break; case 3: x="today it's Wednesday"; break; case 4: x="today it's Thursday"; break; case 5: x="today it's Friday"; break; case 6: x="today it's Saturday"; break; }
44 LAÇO FOR Repete um dado bloco de instruções uma determinada quantidade de vezes for (var i = 0; i < cars.length; i++) { document.write(cars[i] + "<br>"); } for (var i = 0, len = cars.length; i < len; i++) { document.write(cars[i] + "<br>"); }
45 LAÇO FOR/IN Itera nas propriedades de um objeto var person={fname:"john",lname:"doe",age:25}; for (x in person) { txt = txt + person[x]; } Itera segundo uma determinada condição while (i < 5) { x = x + "The number is " + i + "<br>"; i++; }
46 LAÇO DO-WILE Semelhante ao while, só que com o teste no final do laço do { x = x + "The number is " + i + "<br>"; i++; } while (i < 5);
47 BREAK E CONTINUE Instruções break e continue possibilitam sair de um laço Break Utilizada no switch, após a execução de uma das opções O laço é interrompido, e a execução continua após o mesmo for (i = 0; i < 10; i++) { if (i == 3) { break; } x = x + "The number is " + i + "<br>"; }
48 BREAK E CONTINUE Continue Interrompe a execução da iteração corrente de um laço E continua com a próxima iteração do laço for (i = 0; i <= 10; i++) { if (i == 3) continue; x = x + "The number is " + i + "<br>"; }
49 ERROS Vários erros podem ocorrer na execução de um Javascript Exemplos: Erros de sintaxe Entradas erradas Falta de suporte a alguma das características da linguagem Quando algo dá errado, o motor Javascript para e gera uma mensagem de erro Lança (throw) um erro
50 TRY-CATCH A instrução try permite a definição de um bloco de código que espera (de alguma forma) que erros aconteçam A instrução catch permite a definição de um bloco de código que será executado caso ocorra um erro no bloco try Sintaxe: try { //Run some code here } catch(err) { //Handle errors here }
51 TRY-CATCH <!DOCTYPE html> <html> <head> <script> var txt=""; function message() { try { adddlert("welcome guest!"); } catch(err) { txt = "There was an error on this page.\n\n"; txt += "Error description: " + err.message + "\n\n"; txt += "Click OK to continue.\n\n"; alert(txt); } } </script> </head> <body> <input type="button" value="view message" onclick="message()"> </body> </html>
52 THROW A instrução throw permite lançar erros customizados Exemplo ( <script> function myfunction() { try { var x = document.getelementbyid("demo").value; if(x == "") throw "empty"; if(isnan(x)) throw "not a number"; if(x > 10) throw "too high"; if(x < 5) throw "too low"; } catch(err) { var y = document.getelementbyid("mess"); y.innerhtml = "Error: " + err + "."; } } </script> <h1>my First JavaScript</h1> <p>please input a number between 5 and 10:</p> <input id="demo" type="text"> <button type="button" onclick="myfunction()">test Input</button> <p id="mess"></p>
53 VALIDAÇÃO Javascript pode ser utilizado para validar a entrada do usuário antes que esta seja enviada para o servidor Campos obrigatórios foram deixados em branco? O usuário informou um válido? O usuário informou uma data válida? O usuário entrou com um texto em um campo numérico? Campos requeridos ( function validateform() { var x = document.forms["myform"]["fname"].value; if (x == null x == " ) { alert("first name must be filled out"); return false; } }
54 VALIDAÇÃO Validação de function validateform() { var x = document.forms["myform"][" "].value; var atpos = x.indexof("@"); var dotpos = x.lastindexof("."); if (atpos < 1 dotpos < atpos+2 dotpos+2 >= x.length) { alert("not a valid address"); return false; } }
55 REFERÊNCIAS JAVASCRIPT Você pode encontrar referências sobre os objetos javascript, objetos ligados ao navegador e objetos HTML DOM Estas referências contêm exemplos de cada objeto, suas propriedades e seus métodos Objetos internos do Javascript Objetos ligados ao navegador Objetos HTML DOM
56 JAVASCRIPT Aprenda Javascript através de exemplos JavaScript Examples JavaScript Objects Examples JavaScript Browser Objects Examples JavaScript HTML DOM Examples Depois teste os seus conhecimentos com um quiz
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
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
O 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
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
Internet 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 --------------------------------------------------------
Instituto 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
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
Para testar seu primeiro código utilizando PHP, abra um editor de texto (bloco de notas no Windows) e digite o código abaixo:
Disciplina: Tópicos Especiais em TI PHP Este material foi produzido com base nos livros e documentos citados abaixo, que possuem direitos autorais sobre o conteúdo. Favor adquiri-los para dar continuidade
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
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
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
CAPITULO 5 COMANDO DE FLUXO IF
CAPITULO 5 COMANDO DE FLUXO IF Sempre que for necessária a tomada de decisão dentro de um programa, você terá que utilizar um comando condicional, pois é por meio dele que o PHP decidirá que lógica deverá
Curso: 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.
Programaçã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
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
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
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:
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
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
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
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 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
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 (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
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
JavaScript 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,
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
Scriptlets 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,
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
PHP. 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
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
Componentes da linguagem C++
Componentes da linguagem C++ C++ é uma linguagem de programação orientada a objetos (OO) que oferece suporte às características OO, além de permitir você realizar outras tarefas, similarmente a outras
<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
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
JSP - 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:...
Programação Básica em Arduino Aula 2
Programação Básica em Arduino Aula 2 Execução: Laboratório de Automação e Robótica Móvel Variáveis são lugares (posições) na memória principal que servem para armazenar dados. As variáveis são acessadas
Utilizando Janelas e Frames
Utilizando Janelas e Frames Aprenderemos agora algumas técnicas mais específicas para fazer o JavaScript trabalhar com várias partes das páginas e navegadores da Web. Controlando janelas com objetos Já
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
Introdução à Programação
Introdução à Programação Introdução a Linguagem C Construções Básicas Programa em C #include int main ( ) { Palavras Reservadas } float celsius ; float farenheit ; celsius = 30; farenheit = 9.0/5
Introdução ao Javascript. Parte 2 Prof. Victor Hugo Lopes
Introdução ao Javascript Parte 2 Prof. Victor Hugo Lopes agenda Estruturas de comandos Modularização A primeira estrutura de comando da linguagem é baseada na noção da estrutura sequencial, no estilo top-down:
2 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
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
A Linguagem Java. Alberto Costa Neto DComp - UFS
A Linguagem Java Alberto Costa Neto DComp - UFS 1 Roteiro Comentários Variáveis Tipos Primitivos de Dados Casting Comandos de Entrada e Saída Operadores Constantes 2 Comentários /** Classe para impressão
Linguagem 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
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 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
Capítulo 4. Programação em ASP
Índice: CAPÍTULO 4. PROGRAMAÇÃO EM ASP...2 4.1 REGISTRAR...2 4.1.1 Códigos para configuração do objeto...2 4.1.2 Formulário para transferir dados da impressão digital...3 4.1.3 Código Javascript para registro
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 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
Introdução aos cálculos de datas
Page 1 of 7 Windows SharePoint Services Introdução aos cálculos de datas Aplica-se a: Microsoft Office SharePoint Server 2007 Ocultar tudo Você pode usar fórmulas e funções em listas ou bibliotecas para
Algoritmo. Linguagem natural: o Ambígua o Imprecisa o Incompleta. Pseudocódigo: o Portugol (livro texto) o Visualg (linguagem) Fluxograma
Roteiro: Conceitos básicos de algoritmo, linguagem, processador de linguagem e ambiente de programação; Aspectos fundamentais da organização e do funcionamento de um computador; Construções básicas de
Universidade da Beira Interior Cursos: Matemática /Informática e Ensino da Informática
Folha 1-1 Introdução à Linguagem de Programação JAVA 1 Usando o editor do ambiente de desenvolvimento JBUILDER pretende-se construir e executar o programa abaixo. class Primeiro { public static void main(string[]
PHP() é 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
2.3. PHP Tipos de dados e operadores
Programação para Internet II 2.3. PHP Tipos de dados e operadores Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Tipos de dados Embora não seja necessário declarar os tipos de dados das variáveis,
Caracterí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
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
Lista 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
Criar a classe Aula.java com o seguinte código: Compilar e Executar
Introdução à Java Prof. Bruno Gomes bruno.gomes@ifrn.edu.br Programação Orientada a Objetos Código Exemplo da Aula Criar a classe Aula.java com o seguinte código: public class Aula { public static void
Programação WEB II. Introdução. Variáveis, Constantes, Operadores, Estruturas de Seleção e Repetição Arrays e Vetores. Thiago Miranda dos Santos Souza
Introdução Variáveis, Constantes, Operadores, Estruturas de Seleção e Repetição Arrays e Vetores Apresentação Thiago Miranda Email: mirandathiago@gmail.com Site: www.thiagomiranda.net Ementa da Disciplina
JavaScript: Validação de Formulários. Prof. Ivanilton Polato ipolato@utfpr.edu.br ipolato@gmail.com
JavaScript: Validação de Formulários Prof. Ivanilton Polato ipolato@utfpr.edu.br ipolato@gmail.com Validação de Formulários Um dos usos mais frequentes do JS é a validação de formulários. Além de garantir
Instituto Federal do Sertão-PE. Curso de JavaScript. Professor: Felipe Correia
Instituto Federal do Sertão-PE Curso de JavaScript Professor: Felipe Correia Conteúdo Parte I Introdução Saída Sintaxe Declarações Comentários Variáveis Parte II Tipos de dados Funções Escopo Eventos Strings
Introduçã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:
Aula 1. // exemplo1.cpp /* Incluímos a biblioteca C++ padrão de entrada e saída */ #include <iostream>
Aula 1 C é uma linguagem de programação estruturada desenvolvida por Dennis Ritchie nos laboratórios Bell entre 1969 e 1972; Algumas características: É case-sensitive, ou seja, o compilador difere letras
PÓ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
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
Fundamentos de Programação II. Introdução à linguagem de programação C++
Fundamentos de Programação II Introdução à linguagem de programação C++ Prof. Rafael Henrique D. Zottesso Material cedido por Prof. Msc. Everton Fernando Baro Agenda IDE HelloWorld Variáveis Operadores
Minicurso de Python Aula 1. Raphael Lupchinski Marcelo Millani
Minicurso de Python Aula 1 Raphael Lupchinski Marcelo Millani Introdução Python é uma linguagem de programação poderosa e fácil de aprender Possui estruturas de dados eficientes e de alto nível, além de
Manual de Programação Basic. Manual de auxílio para personalização de mensagens com o uso de programação BASIC
Manual de Programação Basic Manual de auxílio para personalização de mensagens com o uso de programação BASIC Manual de programação Basic Introdução Este documento tem o propósito de detalhar o uso da
Ajax Asynchronous JavaScript and Xml
Ajax Asynchronous JavaScript and Xml Ajax permite construir aplicações Web mais interativas, responsivas, e fáceis de usar que aplicações Web tradicionais. Numa aplicação Web tradicional quando se prime
2. OPERADORES... 6 3. ALGORITMOS, FLUXOGRAMAS E PROGRAMAS... 8 4. FUNÇÕES... 10
1. TIPOS DE DADOS... 3 1.1 DEFINIÇÃO DE DADOS... 3 1.2 - DEFINIÇÃO DE VARIÁVEIS... 3 1.3 - VARIÁVEIS EM C... 3 1.3.1. NOME DAS VARIÁVEIS... 3 1.3.2 - TIPOS BÁSICOS... 3 1.3.3 DECLARAÇÃO DE VARIÁVEIS...
INTRODUÇÃO À LINGUAGEM C++
INTRODUÇÃO À LINGUAGEM C++ 1 - VARIÁVEIS Variáveis espaço de memória reservado para armazenar tipos de dados, com um nome para referenciar seu conteúdo. Observações importantes Todas as variáveis devem
Prof. Esp. Adriano Carvalho
Prof. Esp. Adriano Carvalho O que é um Programa? Um arquivo contendo uma sequência de comandos em uma linguagem de programação especifica Esses comandosrespeitam regras de como serem escritos e quais
Resumo da Matéria de Linguagem de Programação. Linguagem C
Resumo da Matéria de Linguagem de Programação Linguagem C Vitor H. Migoto de Gouvêa 2011 Sumário Como instalar um programa para executar o C...3 Sintaxe inicial da Linguagem de Programação C...4 Variáveis
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
Conteúdo Programático de PHP
Conteúdo Programático de PHP 1 Por que PHP? No mercado atual existem diversas tecnologias especializadas na integração de banco de dados com a WEB, sendo o PHP a linguagem que mais se desenvolve, tendo
Programaçã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
APOSTILA PHP PARTE 1
APOSTILA PHP PARTE 1 1. Introdução O que é PHP? PHP significa: PHP Hypertext Preprocessor. Realmente, o produto foi originalmente chamado de Personal Home Page Tools ; mas como se expandiu em escopo, um
1-03/11/03 INTRODUÇÃO
1-03/11/03 INTRODUÇÃO JavaScript é uma linguagem que permite injetar lógica em páginas escritas em HTML (HiperText Mark-up Language). As páginas HTML podem ser escritas utilizando-se editores de texto,
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
Integração TOTVS Microsiga Protheus e Fluig ECM
08/2013 Sumário Sumário... 2 1 Objetivo... 3 2 Integração manual... 3 2.1 Formulário... 3 2.1.1 ECM... 3 2.1.2 Protheus... 4 2.1.3 MVC... 5 2.1.4 Rotina Automática (Modelo 1)... 6 2.2 Processo... 7 2.3
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
Curso de Programação Computadores
3 O Primeiro Programa em C Unesp Campus de Guaratinguetá Curso de Programação Computadores Prof. Aníbal Tavares Profa. Cassilda Ribeiro 3 O Primeiro Programa em C 3.1 - Introdução Depois dos conceitos
Algoritmos com VisuAlg
Algoritmos com VisuAlg Prof Gerson Volney Lagemann Depto Eng de Produção e Sistemas UDESC - CCT Algoritmos com VisuAlg Introdução A linguagem VisuAlg é simples, seu objetivo é disponibilizar um ambiente
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
INTRODUÇÃO 12. DOCUMENTAÇÃO INTRODUÇÃO INTRODUÇÃO
INTRODUÇÃO 12. DOCUMENTAÇÃO Na plataforma Java SE 7, há cerca de 4000 classes e interfaces disponíveis para utilizarmos em nossas aplicações Podemos visualizar a documentação dessas classes e interfaces
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
Programação para Android. Aula 07: Persistência de dados Shared Preferences, Internal e External Storage
Programação para Android Aula 07: Persistência de dados Shared Preferences, Internal e External Storage Persistência de dados Na maioria das aplicações precisamos ter algum tipo de persistência de dados.
Sintaxe Básica de Java Parte 1
Sintaxe Básica de Java Parte 1 Universidade Católica de Pernambuco Ciência da Computação Prof. Márcio Bueno poonoite@marcioubeno.com Fonte: Material da Profª Karina Oliveira Estrutura de Programa Um programa
JDBC Java Database Connectivity
5 JDBC Java Database Connectivity Prof. Autor: Daniel Morais dos Reis e-tec Brasil Programação Avançada Para Web Página1 Meta Trabalhar com bancos de dados em aplicações web em JSP através das classes
Especialização em desenvolvimento para web com interfaces ricas. Tratamento de exceções em Java Prof. Fabrízzio A. A. M. N. Soares
Especialização em desenvolvimento para web com interfaces ricas Tratamento de exceções em Java Prof. Fabrízzio A. A. M. N. Soares Objetivos Conceito de exceções Tratar exceções pelo uso de try, catch e
Panorâmica geral sobre PHP. PHP é uma linguagem que permite fazer. um ficheiro em PHP contem código PHP misturado com HTML.
Panorâmica geral sobre PHP PHP é uma linguagem que permite fazer páginas dinâmicas. um ficheiro em PHP contem código PHP misturado com HTML. em vez de PHP podíamos utilizar outra linguagem qualquer desde
Programação Web Aula 4 - Javascript Parte 1 - O Núcleo
Programação Web Aula 4 - Javascript Parte 1 - O Núcleo Bruno Müller Junior Departamento de Informática UFPR 10 de Março de 2014 1 Abordagem 2 Orientação a Objeto Objetos de Javascript Objetos de Javascript
PROGRAMAÇÃO ORIENTADA A OBJETOS -TRATAMENTO DE EXCEÇÕES. Prof. Angelo Augusto Frozza, M.Sc. frozza@ifc-camboriu.edu.br
PROGRAMAÇÃO ORIENTADA A OBJETOS -TRATAMENTO DE EXCEÇÕES Prof. Angelo Augusto Frozza, M.Sc. frozza@ifc-camboriu.edu.br ROTEIRO 5. Tratamento de Exceções Introdução e conceitos Capturando exceção usando
Programação Web com Webdev 19 Julio Cesar Pedroso Conteúdo
Conteúdo INTRODUÇÃO... 6 Como acessar a ajuda on line?... 6 Conhecendo o WebDev... 8 Iniciando o WebDev... 8 Ambiente de desenvolvimento... 8 O Editor... 8 A barra de menus... 10 Os botões... 10 Os painéis...
PHP: 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