Postagens

Mostrando postagens de outubro, 2017

Conhecendo JavaScript - Funções

Imagem
Funções As funções na programação tem como objetivo agrupar um bloco de código e ou encapsular um conteúdo . E através dessa função permitir que seja acessado/retornado esse conteúdo para aplicação, Site ou Sistema. A definição de uma função é bem simples, no JavaScritp temos que escrever em minusculo no inicio  function nome_Da_Função ( parametro ){ //bloco de código }. Para fazer a chamada dessa função usamos o nome da função (), não a limites para chamar a função isso nos possibilita ter reuso de código e organização.  Exemplo 1 <script type="text/javascript"> primeiraFuncao(); function primeiraFuncao(){ alert("Estamos na Função"); } </script> Podemos também passar parametros para serem utilizados dentro da função, no caso uma função sem retorno.  Exemplo 2 <script type="text/javascript"> primeiraFuncao("Roberto Carlos"); function primeiraFuncao(cantor){ document.write("Minha Avo Gost...

Conhecendo JavaScript - Estruturas de Repetição

Imagem
Estruturas de Repetição Estruturas de repetição também conhecida como Loops ou laços,  é uma estrutura que nos permite fazer repetição de um bloco de códigos ou de um comando até uma determinada condição de parada, onde finaliza sua repetição. No JavaScript existe três estruturas de controle : while / do while / for Antes de começarmos vamos criar um novo arquivo.html para testar nosso scritp. While While traduzindo para o português significa  "enquanto", dessa maneira podemos pensar nessa estrutura que ela vai realizar sua repetição "Enquanto" algo não for satisfeito, ou seja, uma condição que faça ela parar, no caso de uma condição que não satisfaça ela fica no "enquanto" em entra em um loop infinito o que não é desejado. As condições como já vimos no if -  operadores de comparação e lógicos eles nos retornam true ou false, no caso do while se for true continua a repetição, false faz parar.  Sua sintaxe; while(condicao){  //comando } ...

Conhecendo JavaScript - Operadores Aritméticos

Imagem
Operadores Aritméticos.  Operadores Aritméticos são operadores que nos permitem fazer cálculos, no JavaScript à sete tipos operadores básicos. Segue tabela: Operador Nome Função + Adição Soma Valores - Subtração Subtração entre valores  * Multiplicação Multiplicação dos Valores / Divisão Divisão dos Valores % Módulo Resto da operação de divisão ++ Incremento Pré/pos incremento -- Decremento Pré/pos decremento Efetuando Operações Matemáticas. Vamos realizar na prática nossos testes, primeiro vamos criar um novo arquivo.html Vou apenas passar de forma simplificada, e fica a critério do Estudante/Leitor de fazer os teste e de maneira repetitiva ampliar e fixar o conhecimento, é um conteúdo fácil de compreender pois já é algo que faz parte do nosso dia dia.   Adicão. Exemplo com duas variáveis que cada uma recebe um valor. var num1 = 9; var num2 = 5; document.write("A soma dos valores :" +...

Conhecendo JavaScript - Switch

Imagem
Comando Switch Neste post vai ser apresentado o Comando Switch, de forma bem simplificada o comando switch é uma estrutura condicional igual ao if, porem sua escrita é diferente, ele recebe um valor como chave, e essa chave no switch irá direcionar o fluxo para o bloco de código dessa mesma chave. Sua sintaxe: switch(){     case 1 :  //se opcao = 1;       break:     case 2 : //se opcao = 2;       break:     case 3 : //se opcao = 3       break:     default: //aqui é opcional, igual o else = se opcao não encontrada } O switch pode receber uma variável ou uma expressão onde será feita uma comparação com os CASES, direcionando para o bloco de código do case comparado, caso não tenha um case ele direciona para fora do switch ou para o default, o default é opcional. É necessário o uso da palavra reservada BREAK, pois apos a conclusão do bloco de código ela faz o fluxo da instrução...

Conhecendo JavaScript - Estrutura de Controle If /else

Imagem
Estrutura de Controle IF/ Else    A estrutura de controle ou estrutura de decisão  if / else é bem simples de ser utilizada e traz muito do conceito de fluxo de programa, através de uma condição onde avalia um resultado, uma logica, que possa ser testada ou verificada. Como em outras linguagens  no javascript é igual, vou apresentar um pouco da sintaxe. IF     A forma de escrita simples com apenas if ( no português SE ), escreve-se if abre e fecha parenteses ( _ ) depois abre e fecha chaves { }. Dentro dos parenteses é efeito o teste, e dentro das chaves fica a instrução que vai ser executada se for verdadeiro o teste, ou seja, passar no teste caso contrario o fluxo do programa não passa por essa parte do código. if ( condição) { // se for verdadeiro passa   } IF / ELSE Em uma leitura bem simplificada if significa SE e else OUTRO, pode se pensar assim... SE algo for verdadeiro faça isso, caso não satisfaça siga para OUTRO código, O...

Conhecendo JavaScript - Array

Imagem
Arrays Array também conhecido pelo nome de Vetores, são lista ordenadas com índices, onde usamos o índice para localizar algo nessa lista. Exemplo:   Lista de Material Escolar  1 - Lápis.  2- Tesoura.  3 - Papel  4 - Borracha No mundo da programação segue a mesma ideia onde uma variável armazena índice e valores, e assim, podemos acessar a esse índice como uma chave para chegar até o que queremos nessa lista, veremos como criar um array na prática. Para Criação de uma Variável no JavaScript é necessário dizer que ela recebe o Objeto do tipo Array variavel = Array( ); Criando o Array,   ( Modelo 1). var lista_Mat_Escola  = Array( ); lista_Mat_Escola[1] = "Lápis"; lista_Mat_Escola[2] = "Tesoura"; lista_Mat_Escola[3] = "Papel"; lista_Mat_Escola[4] = "Borracha"; alert(lista_Mat_Escola[3]); Imagem Exemplo. (*Obs vamos criar uma nova pagina Arrays.html para novos testes ). Criando o Array,   ( Modelo 2). var ...

Conhecendo JavaScript - Variáveis

Imagem
Variáveis JavaScript. As variáveis são endereços em memoria que possibilita armazenar dados de forma temporária.  Como em outras linguagens JavaScript também tem suas variáveis, seus tipos de variáveis são bem semelhantes ao java. Usa-se a palavra reservada "var" antes da declaração da Variável. Suas regras de declaração, - Não podem ser iniciadas com números - Não podem ser utilizado caracteres especias como (ç ,^ ,~ ). - Não pode ser iguais as palavras  reservadas da linguagem. JavaScript é Case Sensitive : Significa que ele faz diferenciação de palavras maiuscula de minuscula.  Exemplo:  var curso  "é diferente de" var Curso "ou ate de," var CURso. var numero = 1;  (certo) var 123_numero = 1; (Errado - não pode começar com numero) *A utilização do "Var" não é obrigatória, mas é indicado, por motivo de facilitar ao interpretador javascript e também ajuda na leitura do código posteriormente. Conhecendo na prática . Vamos...

Conhecendo JavaScript

Imagem
- JavaScript é uma linguagem de programação interpretada. Foi originalmente implementada como parte dos navegadores web para que scripts pudessem ser executados do lado cliente e interagissem com o usuário sem a necessidade de passar pelo servidor, controlando o Navegador e realizando comunicação assíncrona e alterando o conteúdo do documento exibido. JavaScript não é o Java, Java é uma linguagem de programação muito mais abrangente mas pode se dizer que é uma linguagem Server-side para nosso escopo de estudo. O JavaScript é uma linguagem de programação Client-Side. Embora muita da base da programação seja bem semelhante ao java. Incluindo JavaScript no HTML. Para adicionar o JavaScript em nossas páginas é necessário o uso de um script, ele pode ser adicionador diretamente no código da página, ou em um arquivo externo .JS. Ele pode ser adicionado no começo do arquivo dentro de head, dentro do body ou até mesmo fora do html, ou sejá, pode ser inserido em qualquer lugar, mais ...