LÓGICA DA PROGRAMAÇÃO
Mostrando postagens com marcador CONTEÚDO. Mostrar todas as postagens

SLIDE COM CONTEÚDO BÁSICO:  

Postado por SOL

ACHEI LEGAL:

OBJETIVOS DO JAVASCRIPT  

Postado por SOL

  1. Criar roteiros dinâmicos, dentro da página HTML, produzindo interação com o usuário;
  2. Criar mensagens que rolam na tela;
  3. Validar campos de formulário;
  4. Produzir animações, imagens e texto;
  5. Criar efeito sobre os movimentos do mouse;
  6. Desenvolver roteiros do lado do servidor;
  7. Identificar plug-ins;
  8. Interagir com mini-aplicativos java.

LAÇOS DE REPETIÇÃO - FOR  

Postado por SOL


Expressão for


A expressão for permite de executar um bloco de instruções um certo número de vez em função da realização de um certo critério. Sua sintaxe é:

    for (valor inicial ; condição ; progressão) {
    instruções;
    }

Pegamos um exemplo concreto

    for (i=1, i<10,>

Na primeira passagem, a variável i, é inicializada a 1. Sendo a variável inferior a 10. Ela é então incrementada de uma unidade pelo operador de incrementação i++

(i vale então 2) e as instruções executam-se.
No fim da execução das instruções, voltamos ao contador. A variável i (que vale 2) é ainda inferior a 10. Ela é aumentada de 1 e as instruções prosseguem, até que i vale 10. A variável i não satisfaz mais a condição i<10. O ciclo interrompa-se e o programa continua depois da chaveta fechada

OPERADORES DE INCREMENTAÇÃO 2  

Postado por SOL

OPERADORES DE INCREMENTAÇÃO  

Postado por SOL

OPERADORES LÓGICOS  

Postado por SOL

OPEADORES DE ASSOCIAÇÃO  

Postado por SOL

OPERADORES DE COMPARAÇÃO  

Postado por SOL

OPERADORES DE CÁLCULO  

Postado por SOL

SWITCH-CASE  

Postado por SOL

EXPRESSÃO CONDICIONAL "IF ELSE ENCADEADA"  

Postado por SOL

EXPRESSÃO CONDICIONAL "IF ELSE"  

Postado por SOL


De maneira um pouco mais evoluídos, tem-se a expressão if...else

    if (condição verdadeira) {
    instrução1;
    }
    else {
    instrução2;
    }

Se a for verdadeira (true), o bloco de instruções 1 se executa. Se ela não for (false), o bloco de instruções 2 se executa.

Graça aos operadores lógicos "e" e "ou", a expressão de teste pode testar uma associação de condições. Assim if ((condição1) && (condição2)), testará se a condição 1 e a condição 2 é realizada. E if ((condição1) || (condição2)), testará se uma ao menos das condições é verdadeira.

Para ser mais completo (e para aqueles que gostam da escrita concisa), também há:

    (expressão) ? instrução a : instrução b

Se a expressão entre parêntese é verdadeira, a instrução a é executada. Se a expressão entre parêntese volta falsa, é a instrução b que se executa-se.

EXPRESSÃO CONDICIONAL "IF"  

Postado por SOL

Expressão if


Num momento ou outro da programação, teremos necessidade de testar uma condição. O que vai permitir executar ou não uma série de instruções.

Na sua formulação a mais simples, a expressão if apresenta-se assim:

    if (condição verdadeira) {
    uma ou várias instruções;
    }

Assim, se a condição é verdadeira, as instruções executam-se. Se ela não é, as instruções não se executam-se e o programa passa para o comando seguinte.


MANIPULAÇÃO DE VARIÁVEIS  

Postado por SOL

SCREEN TIRADO DESSE TUTORIAL ABAIXO. CLIQUE NA IMAGEM PARA AMPLIAR.

Uso de variavel  

Postado por SOL

Tem-se como definição de variavel tudo aquilo que é sujeito a variações, que é incerto instavel ou inconstante . E quando se fala de computadores, temos que ter em mente que o volume de informações a serem tratadas é grande e diversificado. Todo dado a ser armazenado na memoria de um computador deve ser previamente identificado ou seja, primeiro é necessario saber qual o seu tipo para depois fazer o seu armazenamento adequado.

LAÇOS DE REPETIÇÃO  

Postado por SOL

Utilizamos este tipo de estrutura quando desejamos repetir a execução de um trecho do programa um número finito de vezes:

Exemplo 1:



I=0

NO JAVASCRIPT:

VAR I;

FOR (I=0; I<10;I=I+1) {
alert (I);
}

COMO ABAIXO:

CRIE UM PROGRAMA QUE EXIBA NA TELA OS NºS DE 01 A 10:
<html>
<head>
<title> LACOS DE REPETICAO 1 </title>
</head>
<body>
<script type = "Text/Javascript">

//CRIE UM PROGRAMA QUE EXIBA NA TELA OS NºS DE 01 A 09

var I;

for (I=0;I<10;I=I+1){ document.write (I +"
");
}

</script>
</body>
</html>

VISUALIZAÇÃO:

DADOS E TIPOS DE DADOS  

Postado por SOL

Dados representam informações que são processadas pelo computador.
Essas informações são caracterizadas por quatro tipos:

  1. Tipos Inteiros: São dados numéricos positivos ou negativos, excluindo valores fracionados. Ex: 45, -100, 0, etc.
  2. Tipos Reais: São dados numéricos positivos ou negativos e também números fracionados. Ex: 35,-56,5.8,-45,857,etc.
  3. Tipos Caracteres: São dados literais sequênciais, contendo letras, números e símbolos especiais. Uma sequência de caracteres deve ser indicada entre (" "). Este tipo também é conhecido como string alfanumérico, literal ou cadeia. Ex: "Lógica da Programação", "Rua Alfa, 42, apto", "Fone:574-9900", "11089-000", etc.
  4. Tipos Lógicos: São tipos boleanos, os dados com valores verdadeiro e falso, sendo que esse tipo de dado representará um de dois valores. Ex: F,M,S,C, etc.

SÍMBOLOGIA BÁSICA  

Postado por SOL

TERMINAL:
Símbolo utilizado como ponto para indicar o início e/ou o fim do fluxo do programa.


SETA DE FLUXO DE DADOS:
Permite indicar o sentido do fluxo de dados. Serve exclusivamente para conectar os símbolos ou bloco existentes.

PROCESSAMENTO:
Símbolo ou bloco que se utiliza para indicar cáculos (algorítmos), a efetuar atribuições de valores ou qualquer manipulação de dados que tenha um bloco específico para sua descrição.

CONECTOR:
Utilizado quando é preciso particionar o diagrama. Quando ocorrer mais de uma partição, é colocada uma letra ou número dentro do símbolo de conexão para identificar os pares de ligação.
CONECTOR:
Específico para indicar conexão do fluxo em outra página.
PREPARAÇÃO:
Refere-se a um determinado grupo de operações não incluídas na diagramação bem como na elaboração de uma chave que modificará a execução de um determinado programa.
TECLADO:
Serão as informações recebidas ou fornecidas de ou para um computador.

DISPLAY:
Para informações exibidas por dispositivos visuais, vídeo ou monitor.

DEFINIÇÃO DE FLUXOGRAMA  

Postado por SOL

Fluxograma é uma ferramenta usada pelo profissional de análise de sistemas. Tem como finalidade descrever o fluxo, seja manual ou mecânico, especificando os suportes usados para os dados e as informações.
Usa símbolos convencionais, permitindo poucas variações. Representado por alguns dados, do processamento de dados e da saída de dados, acompanhados dos procedimentos requeridos pelo analista de sistemas, e a serem realizados pelo programador através do desenvolvimento do raciocínio lógico, o quel deverá solucionar o problema do programa a ser processado pelo computador.
Exemplo:

INTRODUÇÃO À LÓGICA DE PROGRAMAÇÃO  

Postado por SOL

Muitos programadores preparam um programa iniciando com um fluxograma para demonstrar sua linha de raciocínio lógico, tendo por objetivo esclarecer a sequência de operações a serem efetuadas por um programa.
Esta técnica permite uma posterior codificação, praticamente em qualquer linguagem de programação.
Exemplo:

A técnica mais importante no projeto da lógica de programas é chamada: programação estruturada, a qual consiste em uma metodologia do projeto, objetivando:
1-Aglilizar a codificação da escrita da programação;
2-Permitir a verificação de possíveis falhas apresentadas pelo programa;
3-Facilitar as alterações e atualizações dos programas...

... e deve ser composta de 4 passos fundamentais:

1- Escrever as instruções em sequências ligadas entre si apenas por estruturas sequenciais repetitivas ou de selecionamento;
2-Escrever instruções em grupos pequenos ou combinados;
3-Distribuir módulos do programa entre os diferentes programadores que trabalharão sob a supervisão de um programador sênior;
4-Revisar o trabalho executado em reuniões regulares e previamente programadas.