Lógica de Programação com Javascript - Aula #01

Aula #01O que é programação, entrada e saída?

Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014

Programas de computadores

● Programar é definir como e quando estas tarefas são realizadas

Imagine que você precisa ensinar alguém, por carta, a preparar um Miojo. O que você escreveria na carta?

● Um conjunto de instruções ordenado de maneira lógica para executar uma tarefa é chamado de “algoritmo”.

Ramon Kayo - 2013/2014

Programas de computadores

● Programas de computadores são arquivos que realizam tarefas

● Um programa é escrito em um linguagem de programação apropriada

Compilada Interpretada

CC++C#

VB.NET

Java .php .py .ruby .js

JVMCLR PHP Python Ruby Navegador

Cada linguagem tem seus objetivos, prós e contras, mas apesar das diferentes linguagens, a lógica de um programa

obedece os mesmos conceitos em qualquer ambiente. Quando se aprende uma linguagem, aprender um segunda é

muito mais fácil.

Aula #01 - O que é programação, entrada e saída?


Entrada e Saída

Há dois tipos de programas de computadores, em relação à entrada e saída:

● Quando um programa de computador recebe dados de fora (e.g. usuário digitando, buscando do banco de

dados, lendo de arquivos), dizemos que ele está recebendo uma entrada.

● Quando um programa de computador devolve dados para fora (e.g. mostrando na tela, salvando no banco de

dados, imprimindo em papel), dizemos que ele está dando uma saída.

Programa

entrada

saída

Programasaída

Programa

entrada

Por que este tipo de programa não existe?



Dados e Informações

● Um programa de computador que interage com usuários é feito para fornecer informações.

Dados Informações ?Dado e informação são a mesma coisa?




● Um programa de computador que interage com usuários é feito para fornecer informações.

Dados Informações ?Dado e informação são a mesma coisa?

Dados Informações ! Por quê?




● Informações e dados são coisas diferentes. Informações são as conclusões sobre os dados.

Dados Informações !Temperatura do corpo: 39 graus Celsius A pessoa está com febre

Saldo bancário: -R$250,00 A pessoa está devendo

Idade: 18 anos A pessoa é maior de idade

Peso: 120kg / Altura: 1,60m A pessoa está acima do peso



Batch e Online

● Um programa batch é um programa que

inicia, executa uma tarefa e termina.

Início

Fim

Busca dados bancários

Imprime extrato

● Um programa online fica sempre

disponível esperando a requisição do

usuário.

Início

Fim

Processa dados

Mostra informações

Lê entrada



Exercícios

Dados Programa Informações

1. Sabendo que um programa fica disponível para receber o ano em que uma pessoa nasceu e calcular a idade

que ela terá ao final do ano, responda:

a. Este programa é batch ou online? Por que?

b. Este programa tem entradas e saídas? Quais?

c. Quais são as prováveis instruções que este programa contém?

Informações



Fazendo saída em Javascript

1. Abra o bloco de notas

2. Escreva


<script>

alert(‘HELLO, WORLD!’); //os comandos em Javascript terminam com ;

</script>

3. Salve o arquivo como “aula1.html” - não se esqueça de conferir se ele está sendo salvo como HTML

4. Abra o arquivo com seu navegador


Fazendo saída em Javascript

1. Abra o bloco de notas

2. Escreva


<script>

alert(‘HELLO, WORLD!’);

</script>




Fazendo entrada em Javascript

1. Abra o arquivo “aula1.html” com o bloco de notas

2. Altere para:


<script>

//alert(‘HELLO, WORLD’);

prompt(‘Digite seu nome:’);

</script>




Comentários

● Em Javascript, existem dois tipos de comentários: em linha ou em bloco.


<script>

//comentário de linha

alert(‘Linha não comentada’);

/* comentário de bloco

ainda comentado

alert(‘Linha comentada (não funciona)’);

*/

</script>


Exercícios

2. Sobre o programa abaixo, responda:

a. O que significa // ? Para que serve?

b. O que acontece se as aspas simples ‘ forem trocadas para aspas duplas “? E se forem misturadas?

c. Como fazer para mostrar o conteúdo que o usuário digitou?


<script>



</script>

Respostas


Respostas

Dados Programa Informações

1. Sabendo que um programa fica disponível para receber o ano em que uma pessoa nasceu e calcular a idade

que ela terá ao final do ano, responda:

a. Este programa é batch ou online? Por que? Online, pois fica disponível.

b. Este programa tem entradas e saídas? Quais?

c. Quais são as prováveis instruções que este programa contém?

Informações

Ano de nascimento

Ano atual

Idade ao final do anoRecebe ano de nascimento

Calcula ano atual - ano nascimento

Mostra resultado

Recebe ano atual



Respostas

2. Sobre o programa abaixo, responda:

a. O que significa // ? Para que serve?

É um comentário. É ignorado pelo computador e serve para documentar o programa.

b. O que acontece se as aspas simples ‘ forem trocadas para aspas duplas “? E se forem misturadas?

Tanto faz, contanto que não sejam misturadas. Se misturadas, o programa não funciona.

c. Como fazer para mostrar o conteúdo que o usuário digitou?

É necessário guardar o conteúdo em algum lugar e depois mostrar.


<script>



</script>

Lógica de Programação com Javascript - Aula #01

Technology

Transcript of Lógica de Programação com Javascript - Aula #01