SlideShare une entreprise Scribd logo
1  sur  17
Télécharger pour lire hors ligne
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

Contenu connexe

Tendances

Aula 02 - Introdução ao PHP
Aula 02 - Introdução ao PHPAula 02 - Introdução ao PHP
Aula 02 - Introdução ao PHPDaniel Brandão
 
Apostila Lógica de Programação
Apostila Lógica de ProgramaçãoApostila Lógica de Programação
Apostila Lógica de ProgramaçãoRicardo Terra
 
Introdução ao Desenvolvimento Android
Introdução ao Desenvolvimento AndroidIntrodução ao Desenvolvimento Android
Introdução ao Desenvolvimento AndroidJosé Alexandre Macedo
 
Introdução ao Google Cloud Platform: Computação em Nuvem do Google
Introdução ao Google Cloud Platform: Computação em Nuvem do GoogleIntrodução ao Google Cloud Platform: Computação em Nuvem do Google
Introdução ao Google Cloud Platform: Computação em Nuvem do GoogleJose Papo, MSc
 
Caderno de exercícios cobol
Caderno de exercícios   cobolCaderno de exercícios   cobol
Caderno de exercícios cobolAlunosEscola
 
Aula 1 - Introdução ao Mobile
Aula 1 - Introdução ao MobileAula 1 - Introdução ao Mobile
Aula 1 - Introdução ao MobileCloves da Rocha
 
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 de HTML5 - Aula 01
Curso de HTML5 - Aula 01   Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01 Léo Dias
 
Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)Bruno Grange
 
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
 
Bootstrap praticas mais usadas
Bootstrap praticas mais usadas Bootstrap praticas mais usadas
Bootstrap praticas mais usadas Marconi Pacheco
 
Árvores: Conceitos e binárias
Árvores:  Conceitos e bináriasÁrvores:  Conceitos e binárias
Árvores: Conceitos e bináriasSérgio Souza Costa
 

Tendances (20)

Aula03 - JavaScript
Aula03 - JavaScriptAula03 - JavaScript
Aula03 - JavaScript
 
Aula 02 - Introdução ao PHP
Aula 02 - Introdução ao PHPAula 02 - Introdução ao PHP
Aula 02 - Introdução ao PHP
 
Algoritmo - tipos de dados
Algoritmo - tipos de dadosAlgoritmo - tipos de dados
Algoritmo - tipos de dados
 
Apostila Lógica de Programação
Apostila Lógica de ProgramaçãoApostila Lógica de Programação
Apostila Lógica de Programação
 
Introdução ao Desenvolvimento Android
Introdução ao Desenvolvimento AndroidIntrodução ao Desenvolvimento Android
Introdução ao Desenvolvimento Android
 
Introdução ao Google Cloud Platform: Computação em Nuvem do Google
Introdução ao Google Cloud Platform: Computação em Nuvem do GoogleIntrodução ao Google Cloud Platform: Computação em Nuvem do Google
Introdução ao Google Cloud Platform: Computação em Nuvem do Google
 
Caderno de exercícios cobol
Caderno de exercícios   cobolCaderno de exercícios   cobol
Caderno de exercícios cobol
 
Python - Introdução
Python - IntroduçãoPython - Introdução
Python - Introdução
 
Curso javascript básico
Curso javascript básicoCurso javascript básico
Curso javascript básico
 
Curso de Desenvolvimento Web - Módulo 01 - HTML
Curso de Desenvolvimento Web - Módulo 01 - HTMLCurso de Desenvolvimento Web - Módulo 01 - HTML
Curso de Desenvolvimento Web - Módulo 01 - HTML
 
Aula02 - JavaScript
Aula02 - JavaScriptAula02 - JavaScript
Aula02 - JavaScript
 
Aula 07 - Visualg e Pseudocódigo
Aula 07 - Visualg e PseudocódigoAula 07 - Visualg e Pseudocódigo
Aula 07 - Visualg e Pseudocódigo
 
Flutter do zero a publicacao
Flutter do zero a publicacaoFlutter do zero a publicacao
Flutter do zero a publicacao
 
Aula 1 - Introdução ao Mobile
Aula 1 - Introdução ao MobileAula 1 - Introdução ao Mobile
Aula 1 - Introdução ao Mobile
 
Introdução básica ao JavaScript
Introdução básica ao JavaScriptIntrodução básica ao JavaScript
Introdução básica ao JavaScript
 
Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01   Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01
 
Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)
 
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 }
 
Bootstrap praticas mais usadas
Bootstrap praticas mais usadas Bootstrap praticas mais usadas
Bootstrap praticas mais usadas
 
Árvores: Conceitos e binárias
Árvores:  Conceitos e bináriasÁrvores:  Conceitos e binárias
Árvores: Conceitos e binárias
 

En vedette

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
 
[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
 

En vedette (19)

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
 
[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
 

Similaire à 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 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_ramalhoWeldir Fernando Dias
 
Aprenda a programar-luciano_ramalho
Aprenda a programar-luciano_ramalhoAprenda a programar-luciano_ramalho
Aprenda a programar-luciano_ramalhoFelipeDi
 
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
 
Formacao completa-java-web-alex-fernando-egidio
Formacao completa-java-web-alex-fernando-egidioFormacao completa-java-web-alex-fernando-egidio
Formacao completa-java-web-alex-fernando-egidioFlávio Lima
 

Similaire à 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
 
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...
 
Formacao completa-java-web-alex-fernando-egidio
Formacao completa-java-web-alex-fernando-egidioFormacao completa-java-web-alex-fernando-egidio
Formacao completa-java-web-alex-fernando-egidio
 

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