SlideShare uma empresa Scribd logo
1 de 17
Baixar para ler offline
Aula #01
O que é programação, entrada e saída?
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”.

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

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

C
C++
C#
VB.NET

Java

.php

.py

.ruby

.js

CLR

JVM

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?

Ramon Kayo - 2013/2014
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.

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

entrada

entrada
Programa

Programa
saída

saída

Programa

Por que este tipo d
e
programa não exis
te

?

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

Ramon Kayo - 2013/2014
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?

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

Ramon Kayo - 2013/2014
Dados e Informações
●

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

Dados

Informações

?

Informações

!

Dado e informação são a mesma coisa?

Dados

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

Por quê?

Ramon Kayo - 2013/2014
Dados e Informações
●

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

Dados

Temperatura do corpo: 39 graus Celsius
Saldo bancário: -R$250,00
Idade: 18 anos
Peso: 120kg / Altura: 1,60m

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

Informações

!

A pessoa está com febre
A pessoa está devendo
A pessoa é maior de idade
A pessoa está acima do peso

Ramon Kayo - 2013/2014
Batch e Online
●

Um programa batch é um programa que
inicia, executa uma tarefa e termina.

●

Um programa online fica sempre
disponível esperando a requisição do
usuário.

Início
Início
Lê entrada

Busca dados
bancários

Imprime
extrato

Fim

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

Processa dados

Mostra
informações

Fim

Ramon Kayo - 2013/2014
Exercícios
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?

Dados

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

Programa

Informações

Ramon Kayo - 2013/2014
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

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

Ramon Kayo - 2013/2014
Fazendo saída em Javascript
1.

Abra o bloco de notas

2.

Escreva

<script>
alert(‘HELLO, WORLD!’);
</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

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

Ramon Kayo - 2013/2014
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>

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

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

Ramon Kayo - 2013/2014
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>

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

Ramon Kayo - 2013/2014
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>
//alert(‘HELLO, WORLD’);
prompt(‘Digite seu nome:’);
</script>

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

Ramon Kayo - 2013/2014
Respostas
Respostas
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?

Dados

Programa

Ano de nascimento

Recebe ano de nascimento

Ano atual

Informações
Idade ao final do ano

Recebe ano atual
Calcula ano atual - ano nascimento
Mostra resultado

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

Ramon Kayo - 2013/2014
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>
//alert(‘HELLO, WORLD’);
prompt(‘Digite seu nome:’);
</script>

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

Ramon Kayo - 2013/2014

Mais conteúdo relacionado

Mais procurados

Introdução à Programação
Introdução à ProgramaçãoIntrodução à Programação
Introdução à ProgramaçãoMario Sergio
 
Informática - Sistema operacional - interface gráfica
Informática - Sistema operacional - interface gráficaInformática - Sistema operacional - interface gráfica
Informática - Sistema operacional - interface gráficaMauro Pereira
 
Fluxograma (Lógica de Programação)
Fluxograma (Lógica de Programação)Fluxograma (Lógica de Programação)
Fluxograma (Lógica de Programação)Gercélia Ramos
 
Introdução a JavaScript
Introdução a JavaScriptIntrodução a JavaScript
Introdução a JavaScriptBruno Catão
 
Lógica de programação { para iniciantes }
Lógica de programação { para iniciantes }Lógica de programação { para iniciantes }
Lógica de programação { para iniciantes }Mariana Camargo
 
Desvendando a linguagem JavaScript
Desvendando a linguagem JavaScriptDesvendando a linguagem JavaScript
Desvendando a linguagem JavaScriptRodrigo Branas
 
Introdução a Linguagem de Programação C
Introdução a Linguagem de Programação CIntrodução a Linguagem de Programação C
Introdução a Linguagem de Programação CGercélia Ramos
 
Aula Lógica de Programação - cap1
Aula Lógica de Programação - cap1 Aula Lógica de Programação - cap1
Aula Lógica de Programação - cap1 Cloves da Rocha
 
Aula 02 - Tipos de dados, Variáveis, Constantes e Operadores Aritméticos
Aula 02 - Tipos de dados, Variáveis, Constantes e Operadores AritméticosAula 02 - Tipos de dados, Variáveis, Constantes e Operadores Aritméticos
Aula 02 - Tipos de dados, Variáveis, Constantes e Operadores AritméticosMessias Batista
 
Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)Bruno Grange
 
Desenhando Componentes de Software com UML
Desenhando Componentes de Software com UMLDesenhando Componentes de Software com UML
Desenhando Componentes de Software com UMLRildo (@rildosan) Santos
 
Apresentação python fábio jr alves
Apresentação python   fábio jr alvesApresentação python   fábio jr alves
Apresentação python fábio jr alvesGrupython Ufla
 
Aula 2 - Introdução à programação de computadores - parte1
Aula 2 - Introdução à programação de computadores - parte1Aula 2 - Introdução à programação de computadores - parte1
Aula 2 - Introdução à programação de computadores - parte1Pacc UAB
 
Segurança e protecção dos sistemas operativos
Segurança e protecção dos sistemas operativosSegurança e protecção dos sistemas operativos
Segurança e protecção dos sistemas operativosRodrigovieira99
 
Aula 01 - JavaScript: Introdução
Aula 01 - JavaScript: IntroduçãoAula 01 - JavaScript: Introdução
Aula 01 - JavaScript: IntroduçãoJessyka Lage
 

Mais procurados (20)

Introdução à Programação
Introdução à ProgramaçãoIntrodução à Programação
Introdução à Programação
 
Algoritmo - tipos de dados
Algoritmo - tipos de dadosAlgoritmo - tipos de dados
Algoritmo - tipos de dados
 
Informática - Sistema operacional - interface gráfica
Informática - Sistema operacional - interface gráficaInformática - Sistema operacional - interface gráfica
Informática - Sistema operacional - interface gráfica
 
Fluxograma (Lógica de Programação)
Fluxograma (Lógica de Programação)Fluxograma (Lógica de Programação)
Fluxograma (Lógica de Programação)
 
Introdução a JavaScript
Introdução a JavaScriptIntrodução a JavaScript
Introdução a JavaScript
 
Lógica de Programação
Lógica de ProgramaçãoLógica de Programação
Lógica de Programação
 
Lógica de programação { para iniciantes }
Lógica de programação { para iniciantes }Lógica de programação { para iniciantes }
Lógica de programação { para iniciantes }
 
Desvendando a linguagem JavaScript
Desvendando a linguagem JavaScriptDesvendando a linguagem JavaScript
Desvendando a linguagem JavaScript
 
Aula 6 - Constantes e variáveis
Aula 6 - Constantes e variáveisAula 6 - Constantes e variáveis
Aula 6 - Constantes e variáveis
 
Logica Programação. ...
Logica Programação. ...Logica Programação. ...
Logica Programação. ...
 
Introdução a Linguagem de Programação C
Introdução a Linguagem de Programação CIntrodução a Linguagem de Programação C
Introdução a Linguagem de Programação C
 
Aula Lógica de Programação - cap1
Aula Lógica de Programação - cap1 Aula Lógica de Programação - cap1
Aula Lógica de Programação - cap1
 
Aula 02 - Tipos de dados, Variáveis, Constantes e Operadores Aritméticos
Aula 02 - Tipos de dados, Variáveis, Constantes e Operadores AritméticosAula 02 - Tipos de dados, Variáveis, Constantes e Operadores Aritméticos
Aula 02 - Tipos de dados, Variáveis, Constantes e Operadores Aritméticos
 
Aula02 - JavaScript
Aula02 - JavaScriptAula02 - JavaScript
Aula02 - JavaScript
 
Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)
 
Desenhando Componentes de Software com UML
Desenhando Componentes de Software com UMLDesenhando Componentes de Software com UML
Desenhando Componentes de Software com UML
 
Apresentação python fábio jr alves
Apresentação python   fábio jr alvesApresentação python   fábio jr alves
Apresentação python fábio jr alves
 
Aula 2 - Introdução à programação de computadores - parte1
Aula 2 - Introdução à programação de computadores - parte1Aula 2 - Introdução à programação de computadores - parte1
Aula 2 - Introdução à programação de computadores - parte1
 
Segurança e protecção dos sistemas operativos
Segurança e protecção dos sistemas operativosSegurança e protecção dos sistemas operativos
Segurança e protecção dos sistemas operativos
 
Aula 01 - JavaScript: Introdução
Aula 01 - JavaScript: IntroduçãoAula 01 - JavaScript: Introdução
Aula 01 - JavaScript: Introdução
 

Destaque

Lógica de Programação com Javascript - Aula #05
Lógica de Programação com Javascript - Aula #05Lógica de Programação com Javascript - Aula #05
Lógica de Programação com Javascript - Aula #05Ramon Kayo
 
Javascript (parte 1)
Javascript (parte 1)Javascript (parte 1)
Javascript (parte 1)Alex Camargo
 
Algoritmos e Estrutura de Dados - Aula 01
Algoritmos e Estrutura de Dados - Aula 01Algoritmos e Estrutura de Dados - Aula 01
Algoritmos e Estrutura de Dados - Aula 01thomasdacosta
 
08 Trabalhando com mais de uma tabela (Relacionamento)
08 Trabalhando com mais de uma tabela (Relacionamento)08 Trabalhando com mais de uma tabela (Relacionamento)
08 Trabalhando com mais de uma tabela (Relacionamento)Centro Paula Souza
 
Algoritmos e Estrutura de Dados - Aula 02
Algoritmos e Estrutura de Dados - Aula 02Algoritmos e Estrutura de Dados - Aula 02
Algoritmos e Estrutura de Dados - Aula 02thomasdacosta
 
JavaScript - Aula Introdutória
JavaScript - Aula IntrodutóriaJavaScript - Aula Introdutória
JavaScript - Aula Introdutórialucasleite
 
Javascript (parte 2)
Javascript (parte 2)Javascript (parte 2)
Javascript (parte 2)Alex Camargo
 
Desenvolvimento-web-com-html-css-e-javascript
Desenvolvimento-web-com-html-css-e-javascriptDesenvolvimento-web-com-html-css-e-javascript
Desenvolvimento-web-com-html-css-e-javascriptManuel Fernando
 
javscript para iniciantes
javscript para iniciantesjavscript para iniciantes
javscript para iniciantesbradock1964
 
10 Java Script - Exemplos práticos
10 Java Script - Exemplos práticos10 Java Script - Exemplos práticos
10 Java Script - Exemplos práticosCentro Paula Souza
 
Introdução básica ao JavaScript
Introdução básica ao JavaScriptIntrodução básica ao JavaScript
Introdução básica ao JavaScriptCarlos Eduardo Kadu
 
[Curso Java Basico] Exercicios Aula 19
[Curso Java Basico] Exercicios Aula 19[Curso Java Basico] Exercicios Aula 19
[Curso Java Basico] Exercicios Aula 19Loiane Groner
 
How to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksHow to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksSlideShare
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShareSlideShare
 

Destaque (20)

Lógica de Programação com Javascript - Aula #05
Lógica de Programação com Javascript - Aula #05Lógica de Programação com Javascript - Aula #05
Lógica de Programação com Javascript - Aula #05
 
Algoritmos
AlgoritmosAlgoritmos
Algoritmos
 
Javascript (parte 1)
Javascript (parte 1)Javascript (parte 1)
Javascript (parte 1)
 
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
Curso de Desenvolvimento Web - Módulo 03 - JavaScriptCurso de Desenvolvimento Web - Módulo 03 - JavaScript
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
 
Algoritmos e Estrutura de Dados - Aula 01
Algoritmos e Estrutura de Dados - Aula 01Algoritmos e Estrutura de Dados - Aula 01
Algoritmos e Estrutura de Dados - Aula 01
 
08 Trabalhando com mais de uma tabela (Relacionamento)
08 Trabalhando com mais de uma tabela (Relacionamento)08 Trabalhando com mais de uma tabela (Relacionamento)
08 Trabalhando com mais de uma tabela (Relacionamento)
 
Algoritmos e Estrutura de Dados - Aula 02
Algoritmos e Estrutura de Dados - Aula 02Algoritmos e Estrutura de Dados - Aula 02
Algoritmos e Estrutura de Dados - Aula 02
 
Na prática: STF e CobiT
Na prática: STF e CobiTNa prática: STF e CobiT
Na prática: STF e CobiT
 
JavaScript - Aula Introdutória
JavaScript - Aula IntrodutóriaJavaScript - Aula Introdutória
JavaScript - Aula Introdutória
 
Javascript (parte 2)
Javascript (parte 2)Javascript (parte 2)
Javascript (parte 2)
 
Apostila CSS e Java Script
Apostila  CSS e Java ScriptApostila  CSS e Java Script
Apostila CSS e Java Script
 
Desenvolvimento-web-com-html-css-e-javascript
Desenvolvimento-web-com-html-css-e-javascriptDesenvolvimento-web-com-html-css-e-javascript
Desenvolvimento-web-com-html-css-e-javascript
 
javscript para iniciantes
javscript para iniciantesjavscript para iniciantes
javscript para iniciantes
 
10 Java Script - Exemplos práticos
10 Java Script - Exemplos práticos10 Java Script - Exemplos práticos
10 Java Script - Exemplos práticos
 
Introdução básica ao JavaScript
Introdução básica ao JavaScriptIntrodução básica ao JavaScript
Introdução básica ao JavaScript
 
[Curso Java Basico] Exercicios Aula 19
[Curso Java Basico] Exercicios Aula 19[Curso Java Basico] Exercicios Aula 19
[Curso Java Basico] Exercicios Aula 19
 
Estrutura de Dados - Grafos
Estrutura de Dados - GrafosEstrutura de Dados - Grafos
Estrutura de Dados - Grafos
 
Javascript aula 01 - visão geral
Javascript   aula 01 - visão geralJavascript   aula 01 - visão geral
Javascript aula 01 - visão geral
 
How to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksHow to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & Tricks
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShare
 

Semelhante a Programação, entrada e saída em JS

Curso de logica de programação aula 1com imagens
Curso de logica de programação aula 1com imagensCurso de logica de programação aula 1com imagens
Curso de logica de programação aula 1com imagensAntonio Tadeu Segat
 
Curso de logica de programação aula 1
Curso de logica de programação aula 1Curso de logica de programação aula 1
Curso de logica de programação aula 1Antonio Tadeu Segat
 
Curso logica de programação aula 1
Curso  logica de programação aula 1Curso  logica de programação aula 1
Curso logica de programação aula 1Antonio Tadeu Segat
 
Curso de logica de programação aula 1
Curso de logica de programação aula 1Curso de logica de programação aula 1
Curso de logica de programação aula 1Antonio Tadeu Segat
 
Ebook logica-de-programacao-para-iniciantes
Ebook logica-de-programacao-para-iniciantesEbook logica-de-programacao-para-iniciantes
Ebook logica-de-programacao-para-iniciantesMarcio Lima
 
Porque escolhi Kotlin para ensinar programação
Porque escolhi Kotlin para ensinar programaçãoPorque escolhi Kotlin para ensinar programação
Porque escolhi Kotlin para ensinar programaçãoPedro Alves
 
AULA 06 - REVISÃO DE CONCEITOS INICIAIS DE ALGORITMOS
AULA 06 - REVISÃO DE CONCEITOS INICIAIS DE ALGORITMOSAULA 06 - REVISÃO DE CONCEITOS INICIAIS DE ALGORITMOS
AULA 06 - REVISÃO DE CONCEITOS INICIAIS DE ALGORITMOSprofjotamarcosduarte
 
Aula 3 - Programação 1
Aula 3 - Programação 1Aula 3 - Programação 1
Aula 3 - Programação 1Isaac Barros
 
INFORMATICA LOGICA DE PROGRAMAÇÃO E ALGORITIMOS AULA- 01.ppt
INFORMATICA LOGICA DE PROGRAMAÇÃO E ALGORITIMOS AULA- 01.pptINFORMATICA LOGICA DE PROGRAMAÇÃO E ALGORITIMOS AULA- 01.ppt
INFORMATICA LOGICA DE PROGRAMAÇÃO E ALGORITIMOS AULA- 01.pptPatricaNascimento1
 
Aprenda a programar-luciano_ramalho
Aprenda a programar-luciano_ramalhoAprenda a programar-luciano_ramalho
Aprenda a programar-luciano_ramalhoFelipeDi
 
Aprenda a programar-luciano_ramalho
Aprenda a programar-luciano_ramalhoAprenda a programar-luciano_ramalho
Aprenda a programar-luciano_ramalhoWeldir Fernando Dias
 
Introdução á programação - 1ª parte
Introdução á programação - 1ª parteIntrodução á programação - 1ª parte
Introdução á programação - 1ª parteLuis Fernandes
 
Aprenda a programar python
Aprenda a programar pythonAprenda a programar python
Aprenda a programar pythonLourenço Junior
 
Combatendo o Código Procedural - TDC 2012 Florianópolis - Trilha PHP
Combatendo o Código Procedural - TDC 2012 Florianópolis - Trilha PHPCombatendo o Código Procedural - TDC 2012 Florianópolis - Trilha PHP
Combatendo o Código Procedural - TDC 2012 Florianópolis - Trilha PHPRodrigo Dos Santos
 
Desenvolva para o Mundo II - Inovação + Internacionalização de sistemas com Z...
Desenvolva para o Mundo II - Inovação + Internacionalização de sistemas com Z...Desenvolva para o Mundo II - Inovação + Internacionalização de sistemas com Z...
Desenvolva para o Mundo II - Inovação + Internacionalização de sistemas com Z...Eduardo Bona
 

Semelhante a Programação, entrada e saída em JS (20)

Curso de logica de programação aula 1com imagens
Curso de logica de programação aula 1com imagensCurso de logica de programação aula 1com imagens
Curso de logica de programação aula 1com imagens
 
Mergulhando no ecossistema .NET
Mergulhando no ecossistema .NETMergulhando no ecossistema .NET
Mergulhando no ecossistema .NET
 
Curso de logica de programação aula 1
Curso de logica de programação aula 1Curso de logica de programação aula 1
Curso de logica de programação aula 1
 
Curso logica de programação aula 1
Curso  logica de programação aula 1Curso  logica de programação aula 1
Curso logica de programação aula 1
 
Projecto final Programação - 1º Ano
Projecto final Programação - 1º AnoProjecto final Programação - 1º Ano
Projecto final Programação - 1º Ano
 
Estudantes Digitais
Estudantes DigitaisEstudantes Digitais
Estudantes Digitais
 
Curso de logica de programação aula 1
Curso de logica de programação aula 1Curso de logica de programação aula 1
Curso de logica de programação aula 1
 
Ebook logica-de-programacao-para-iniciantes
Ebook logica-de-programacao-para-iniciantesEbook logica-de-programacao-para-iniciantes
Ebook logica-de-programacao-para-iniciantes
 
Porque escolhi Kotlin para ensinar programação
Porque escolhi Kotlin para ensinar programaçãoPorque escolhi Kotlin para ensinar programação
Porque escolhi Kotlin para ensinar programação
 
AULA 06 - REVISÃO DE CONCEITOS INICIAIS DE ALGORITMOS
AULA 06 - REVISÃO DE CONCEITOS INICIAIS DE ALGORITMOSAULA 06 - REVISÃO DE CONCEITOS INICIAIS DE ALGORITMOS
AULA 06 - REVISÃO DE CONCEITOS INICIAIS DE ALGORITMOS
 
PHP Tools for Fast coding
PHP Tools for Fast codingPHP Tools for Fast coding
PHP Tools for Fast coding
 
Por que Java?
Por que Java?Por que Java?
Por que Java?
 
Aula 3 - Programação 1
Aula 3 - Programação 1Aula 3 - Programação 1
Aula 3 - Programação 1
 
INFORMATICA LOGICA DE PROGRAMAÇÃO E ALGORITIMOS AULA- 01.ppt
INFORMATICA LOGICA DE PROGRAMAÇÃO E ALGORITIMOS AULA- 01.pptINFORMATICA LOGICA DE PROGRAMAÇÃO E ALGORITIMOS AULA- 01.ppt
INFORMATICA LOGICA DE PROGRAMAÇÃO E ALGORITIMOS AULA- 01.ppt
 
Aprenda a programar-luciano_ramalho
Aprenda a programar-luciano_ramalhoAprenda a programar-luciano_ramalho
Aprenda a programar-luciano_ramalho
 
Aprenda a programar-luciano_ramalho
Aprenda a programar-luciano_ramalhoAprenda a programar-luciano_ramalho
Aprenda a programar-luciano_ramalho
 
Introdução á programação - 1ª parte
Introdução á programação - 1ª parteIntrodução á programação - 1ª parte
Introdução á programação - 1ª parte
 
Aprenda a programar python
Aprenda a programar pythonAprenda a programar python
Aprenda a programar python
 
Combatendo o Código Procedural - TDC 2012 Florianópolis - Trilha PHP
Combatendo o Código Procedural - TDC 2012 Florianópolis - Trilha PHPCombatendo o Código Procedural - TDC 2012 Florianópolis - Trilha PHP
Combatendo o Código Procedural - TDC 2012 Florianópolis - Trilha PHP
 
Desenvolva para o Mundo II - Inovação + Internacionalização de sistemas com Z...
Desenvolva para o Mundo II - Inovação + Internacionalização de sistemas com Z...Desenvolva para o Mundo II - Inovação + Internacionalização de sistemas com Z...
Desenvolva para o Mundo II - Inovação + Internacionalização de sistemas com Z...
 

Programação, entrada e saída em JS

  • 1. Aula #01 O que é programação, entrada e saída?
  • 2. 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”. Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014
  • 3. Programas de computadores ● Programas de computadores são arquivos que realizam tarefas ● Um programa é escrito em um linguagem de programação apropriada Compilada Interpretada C C++ C# VB.NET Java .php .py .ruby .js CLR JVM 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? Ramon Kayo - 2013/2014
  • 4. 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. Há dois tipos de programas de computadores, em relação à entrada e saída: entrada entrada Programa Programa saída saída Programa Por que este tipo d e programa não exis te ? Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014
  • 5. 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? Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014
  • 6. Dados e Informações ● Um programa de computador que interage com usuários é feito para fornecer informações. Dados Informações ? Informações ! Dado e informação são a mesma coisa? Dados Aula #01 - O que é programação, entrada e saída? Por quê? Ramon Kayo - 2013/2014
  • 7. Dados e Informações ● Informações e dados são coisas diferentes. Informações são as conclusões sobre os dados. Dados Temperatura do corpo: 39 graus Celsius Saldo bancário: -R$250,00 Idade: 18 anos Peso: 120kg / Altura: 1,60m Aula #01 - O que é programação, entrada e saída? Informações ! A pessoa está com febre A pessoa está devendo A pessoa é maior de idade A pessoa está acima do peso Ramon Kayo - 2013/2014
  • 8. Batch e Online ● Um programa batch é um programa que inicia, executa uma tarefa e termina. ● Um programa online fica sempre disponível esperando a requisição do usuário. Início Início Lê entrada Busca dados bancários Imprime extrato Fim Aula #01 - O que é programação, entrada e saída? Processa dados Mostra informações Fim Ramon Kayo - 2013/2014
  • 9. Exercícios 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? Dados Aula #01 - O que é programação, entrada e saída? Programa Informações Ramon Kayo - 2013/2014
  • 10. 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 Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014
  • 11. Fazendo saída em Javascript 1. Abra o bloco de notas 2. Escreva <script> alert(‘HELLO, WORLD!’); </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 Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014
  • 12. 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> 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 Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014
  • 13. 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> Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014
  • 14. 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> //alert(‘HELLO, WORLD’); prompt(‘Digite seu nome:’); </script> Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014
  • 16. Respostas 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? Dados Programa Ano de nascimento Recebe ano de nascimento Ano atual Informações Idade ao final do ano Recebe ano atual Calcula ano atual - ano nascimento Mostra resultado Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014
  • 17. 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> //alert(‘HELLO, WORLD’); prompt(‘Digite seu nome:’); </script> Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014