Conceitos de Programação Cliente em Sistemas Web

Prévia do material em texto

Programação Cliente em Sistemas web
Prof. Jorge Ferreira
Aula 3-CONCEITOS DE SISTEMAS PARA INTERNET
2
Conteúdo Programático desta aula
Sintaxe JavaScript
Integração com o navegador
Validação e Controle de Formulários.
Programação cliente em sistemas web
3
O que é JavaScript?
JavaScript não é Java. Foi criado pela Netscape.
É Cliente-Side, é executada no computador do usuário.
Os comandos são embutidos nas páginas HTML.
Nem todos os navegadores executam o JavaScript da mesma forma.
Programação cliente em sistemas web
4
Exemplo de JavaScript
<script>
<!—
document.write("Bem Vindo ao Curso de Programação”);
// —>
</script>
Programação cliente em sistemas web
5
Tipos de dados
Number (numérico - para valores inteiros e reais)
Boolean (lógico - para valores lógicos do tipo falso/verdadeiro)
String (caractere - sequencia de caracteres delimitados por aspas)
Programação cliente em sistemas web
6
Operadores aritméticos
+ adição - subtração * multiplicação / divisão
% divisão ++ incremento - - decremento
Programação cliente em sistemas web
7
Operadores de Igualdade
= = x é igual a y
! = x não é igual a y
Operadores Relacionais
> maior que
< menor que
>= maior ou igual
<= menor ou igual
Programação cliente em sistemas web
8
Estrutura de seleção if/else
<script>
<!—
var num1;var num2;
num1= prompt("Entre Valor 1", ‘Aqui');
num2= prompt("Entre Valor 2", ‘Aqui');
if(num1>num2)
document.write("O primeiro e maior “);
else
document.write("O segundo e maior “);
//—>
</script>
9
Programação cliente em sistemas web
10
JavaScript - while(repetição)
<script>
<!—
var i=1;
while (i<=10) {
document.write('Mensagem '+i+'<br />’);
}
//—>
</script>
Programação cliente em sistemas web
11
DO WHILE
<script>
<!—
var i=1;
do {
document.write('Mensagem ‘+i+'<br>');
i +=1;
}
while (i <= 10)
//—>
</script>
Programação cliente em sistemas web
12
Instrução FOR
<script>
<!—
var i;
for (i=1; i<=10; i++) {
document.write(i + ‘<br>');
}
//—>
</script>
Programação cliente em sistemas web
13
Entrada de dados
<script>
<!—
var name;
name = window.prompt("Entre com seu nome”);
document.write("Olá" + nome + "Bem Vindo!”);
// —>
</script>
Programação cliente em sistemas web
14
Programação cliente em sistemas web
15
VETORES E MATRIZES
Uma das técnicas de programação mais importantes é a utilização do conceito de vetores e matrizes. Permite trabalhar com agrupamento de vários dados em uma mesma variável. 
Desta forma economiza-se o volume de variáveis dentro do programa deixando os dados agrupados de forma mais organizada.
Programação cliente em sistemas web
16
Vetor ou Matriz de uma dimensão
Vetor ou array é um grupo de posições da memória, todas com o mesmo nome e normalmente e normalmente do mesmo tipo. Os arrays de JavaScript são entidades dinâmicas, no sentido de que podem mudar de tamanho depois de serem criados. O primeiro elemento em cada array é o zero. Portanto, o primeiro elemento do array c é mencionado como c[0], o segundo elemento do array c é mencionado como c[1] e assim por diante. O número entre os colchetes chama-se índice.
Programação cliente em sistemas web
17
Objetos
O JavaScript usa objetos para realizar muitas tarefas, sendo, portanto, conhecido como linguagem de programação baseada em objetos.
Programação cliente em sistemas web
18
Objeto Math
Os métodos do objeto Math permitem que você realize muitos cálculos matemáticos comuns.
Chamamos os métodos de um objeto escrevendo o nome do objeto seguido de um ponto(.) e o nome do método.
Dentro dos parênteses, após o nome do método, encontra-se o seu argumento ou lista de argumentos, separados por vírgula.
Programação cliente em sistemas web
19
Objeto String
Uma string é uma série de caracteres que são tratados como uma unidade. 
Uma string pode incluir letras, dígitos e diversos caracteres especiais.
Uma string pode ser atribuída a uma variável em uma declaração:
var color = “blue”;
Programação cliente em sistemas web
20
FORMULÁRIO E VALIDAÇÃO
Um formulário é basicamente um conjunto de campos que serão preenchidos por um usuário.Os dados informados são passados para um provedor de hospedagem (servidor WEB) e normalmente armazenados em arquivos ou banco de dados, os quais serão gerenciados por linguagens servidoras do tipo: CGI, JSP, PERL, ASP, PHP, etc.
Programação cliente em sistemas web
Jorge Ferreira da Silva
Professor Universitário, Empresário na área de Desenvolvimento de Sites e Sistemas pela Empresa Mk-Desenvolvimento de Software LTDA - Desde 2009. Com especialização concluída em Dezembro de 2010, na área de Análise, Projeto e Gerência de Sistemas pela Universidade Estácio de Sá, pós-graduação em Docência do Ensino Superior pela Universidade Cândido Mendes e pós graduação em docência do ensino médio e fundamental. Também possui graduação em Ciência da Computação pela Universidade Veiga de Almeida (2004) , graduação em Superior de Tecnologia em Informática pela Universidade Veiga de Almeida (2000).
http://lattes.cnpq.br/4587014427208613
Programação cliente em sistemas web
Obrigado! Até a próxima aula.