Você está na página 1de 26

Programação Compilada:

Como programar nas 5


principais linguagens
SUMÁRIO
JavaScript: a linguagem de programação mais conhecida na Internet 3
Utilizações do JS 4
Programando em JS 5
HTML5: a mais nova evolução do HTML 8
Criando um formulário com placeholder 11
Criando uma caixa de busca 12
HTML5 e outros recursos 12
PHP: moderna e livre 14
Programando em PHP 15
Java: orientação a objetos 19
Algumas características do Java 20
Java e JavaScript 21
Python: fácil e robusta 22
Download Phyton 23
Começando a programar em Phyton 24
JavaScript: a linguagem de
programação mais conhecida
na Internet
Se você utiliza a Internet com frequência,
provavelmente já ouviu falar em JavaScript.
Caso atue na área de TI, certamente já
conhece alguma coisa sobre essa popular
linguagem de programação, muito utilizada na
web – na verdade, é a linguagem web mais
usada no mundo. Os sites mais modernos e a
imensa maioria das aplicações web recorrem
ao JavaScript.

É importante dizer que JavaScript (JS) e Java


são duas linguagens de programação
diferentes e uma não tem a ver com a outra.
JavaScript foi inicialmente uma aplicação
cliente-side (lado do cliente), mas com o
tempo firmou-se como uma tecnologia que
pode ser empregada tanto no cliente-side
quanto no server-side (lado do servidor).

O nome da linguagem não é o mais


apropriado, é verdade, já que JavaScript não
é Java e não se resume a scripts, sendo uma
linguagem de programação completa.

A linguagem JavaScript surgiu com o nome


de LiveScript, em 1995, idealizada por
Brendan Eich que era funcionário da
Netscape. Naquele ano a Microsoft lançou o
navegador Internet Explorer para competir
com o Netscape, inaugurando a “guerra dos
03 browsers”..
Nesse contexto, o LiveScript foi lançado na versão beta do Netscape 2.0
e seu nome viria a ser mudado ainda em 1995.

JS está calcada na linguagem de programação ECMAScript, padronizada


pela Ecma International. A ECMA tem um sistema de comunicação que
permite implementar o run-time do JS, envolvendo Mozilla, Google,
Microsoft e Apple.

JavaScript é um elemento essencial para blogs e lojas virtuais. Porém, os


recursos do JavaScript são muito amplos: pode-se criar desde uma
interação com a rolagem de uma página até animações, galeria de
imagens, validações, bancos de dados NoSQL e interação com HTML
(HyperText Markup Language, Linguagem de Marcação de Hipertexto em
português) e CSS (Cascading Style Sheets, Folhas de Estilo em Cascata
em português, uma maneira de criar o estilo de um documento web).
Juntos, esses três – HTML, CSS e JavaScript – sustentam a estrutura da
web atual.

JavaScript é uma linguagem bastante simples, e assim pode ser


facilmente aprendida. Ela é fundamentada em eventos, frameworks e
bibliotecas como jQuery. Algumas das vantagens de se utilizar o JS são a
criação de aplicações web robustas e sistemas completos, e ainda a
relevância no mercado de trabalho de TI.

Essa linguagem favorece a responsividade de um site, quer dizer, a


capacidade de adaptação a diferentes tamanhos de tela, como por
exemplo nos smartphones e tablets. JS também é compatível com todos
os browsers.

Utilizações do JS
É possível perceber duas tendências do JavaScript: aplicativos para
desktop (Spotify, por exemplo) e subsets de JavaScript (asm.js), que
executam programas com outras linguagens como C.

04
Algumas possibilidades que o JavaScript dá são:

o Selecionar as informações apresentadas na página web conforme o


comportamento do usuário.
o Sistemas de autocomplete, como no Google, campos que salvam
buscas e dão sugestões automáticas.
o Validação de formulários, ou seja, caso o usuário digite errado em um
campo, não precisará recarregar a página.
o Janelas de aviso.
o Interação com HTML.
o Interação com CSS.

Programando em JS
Vamos ver um exemplo de programação em JavaScript, uma janela com
o clássico “Hello World JavaScript”.

Primeiro você terá que criar um documento HTML e salvá-lo como


“TesteJS.html”. Ao adicionar um script em uma página HTML, você deve
sempre especificar que o fez através da tag script:

<script type="text/javascript">
</script>

Escreva, entre as tags <script>, o comando window.alert(”) para abrir


uma janela quando o navegador for carregado, e dentro dos parênteses
digite o texto a ser mostrado.

05
Veja o código completo do Hello World a seguir:

<!doctype html>

<html lang="pt-br">

<head>

<title> Exemplo Básico de JavaScript </title>

<meta charset="utf-8">

</head>

<body>

<h1>Parabéns, você começou a programar em JavaScript!</h1>

<script type="text/javascript">

window.alert('Hello World');

</script>

</body>

</html>

06
Descubra aqui como se
tornar um especialista
em programação
JavaScript
HTML5: a mais nova evolução
do HTML
O HiperText Markup Language – mais
conhecido como HTML – é a linguagem de
programação mais popular da Internet na
atualidade. Fundamentada em HTML, CSS e
JavaScript, foi desenvolvida visando à
publicação de amplo conteúdo na web: texto,
imagens, vídeo, áudio, entre outros. Com o
passar do tempo, essa linguagem veio a ser
aprimorada até chegar ao HTML5, sucessor
do HTML4 (longínquo 1997) e que apresenta
um conjunto maior de tecnologias chamado
HTML5 & friends.

Advindo de um consórcio entre a W3C (World


Wide Web Consortium) e a WHATWG (Web
Hypertext Application Technology Working
Group), o HTML5 permite mais tags para
substituir scripts, independência de plataforma
e menor utilização de plugins externos.
Especialmente voltado aos desenvolvedores
da web aberta, possibilita que se crie um
conteúdo com maior precisão e que haja uma
melhor comunicação com o servidor.

Mas não é só isso. O HTML5 possibilita que


se escreva a estrutura de um documento web
com semânticas padronizadas, armazenando
dados em páginas web localmente do lado do
cliente, e operando offline com mais
eficiência.

08
Trata-se de uma linguagem ultramoderna, capaz de otimizar áudio e
vídeo na web e proporcionar uma rica gama de alternativas de
representação gráfica que conta com efeitos 2D e 3D. Pode, ainda,
aumentar a velocidade e ampliar a integração e compatibilidade por meio
de vários métodos e dispositivos de entrada e saída.

Começando a programar
A estrutura básica do documento HTML foi pouco alterada durante sua
evolução até a versão 5. Veja:

<!DOCTYPE html>

<html lang="pt-br">

<head>

<meta charset="utf-8"/>

<title>Estrutura básica</title>

</head>

<body>

</body>

</html>

Você só precisa do Bloco de Notas para criar sua primeira página em


HTML5. É muito simples.

09
Digite:

<!DOCTYPE html>

<html>

<head>

<title>Minha primeira página</title>

</head>

<body>

<h1>Hello World!</h1>

<p>Seja bem-vindo à minha primeira página na web com


HTML5.</p>

<img src="imagem_teste.jpg" alt="Imagem Teste" />

<iframe width="560" height="315"


src="https://www.youtube.com/embed/ywOWK8otWNA"
frameborder="0" allow="autoplay; encrypted-media"
allowfullscreen></iframe>

</body>

</html>

Então, salve este arquivo com algum nome.html. Você também precisa
guardar uma imagem na mesma pasta com o nome de
“imagem_teste.jpg”, ou então deverá escolher outro nome e modificar
dentro da tag <img src=“nome-da-imagem.jpg”>. Agora, abra o arquivo
“primeirapagina.html”, que você já salvou, em um navegador,
preferencialmente o Chrome, a fim de visualizar sua primeira página web.

10
Criando um formulário com
placeholder
O HTML5 apresenta cinco novidades no que
se refere à entrada dos formulários: progress
(andamento da tarefa), meter (medida escalar
em um intervalo conhecido), datalist (menus
suspensos), keygen (criação de um par de
chaves) e output (exibição de resultados de
um cálculo). Há vários novos tipos de entrada
e de atributos.

Uma das grandes novidades do HTML5 para


os formulários web é o recurso capaz de criar
um texto como placeholder em campos de
entrada (input). Tal texto é exibido dentro do
campo de entrada enquanto esse espaço
estiver vazio ou desfocado. Uma vez que seja
clicado ou acessado por tab, desaparece.
Vejamos um formulário com placeholder:

<form>

<input name="q" placeholder="Pesquisar no blog">

<input type="submit" value="Search">

</form>

11
A mensagem “Pesquisar no blog” aparecerá no campo de entrada. É
importante dizer que nem todos os navegadores suportam o recurso do
placeholder, assim como algumas particularidades do HTML5.

Criando uma caixa de busca


É muito fácil criar uma caixa de busca com HTML5. Você pode colocá-la
em qualquer site.

<form>

<input name="q" type="search">

<input type="submit" value="Buscar">

</form>

“Buscar” irá aparecer no botão ao lado do campo de busca.

HTML5 e outros recursos


O HTML5 suporta perfeitamente JavaScript (linguagem de programação
baseada em scripts) e CSS3 (Cascading Style Sheets, “folhas de estilo
em cascata”, permite definir a exibição dos elementos de uma página,
documento ou aplicação web através de um link para uma página com os
estilos).

12
Clique Aqui Para
Aprender Mais Sobre
Essa Ferramenta
HTML5
PHP: moderna e livre
PHP é uma linguagem de código-fonte aberto bastante empregada hoje
em dia, especialmente em aplicativos web. PHP é um acrônimo de
Hypertext Preprocessor e é caracterizado como uma linguagem de script
que procura soluções velozes, simples e eficientes. Pode ser inserida na
linguagem HTML e é facilmente adaptável, comportando algumas
variantes como o PHP-GTK.

PHP também é uma linguagem de script do lado do servidor (back-end –


o cliente solicita informações ao servidor, que deve responder a todas as
requisições), e pode fazer qualquer coisa que outro programa CGI esteja
apto a fazer, como coletar dados de formulários, criar páginas, enviar e
receber cookies etc.

A linguagem PHP tem, essencialmente, como principais bases:


1 Velocidade e robustez;
2 Portabilidade – adaptação a diferentes plataformas;
3 Sintaxe parecida com as linguagens C/C++ e Perl;
4 Open-source (fonte aberta).

A versão 5 do PHP foi lançada em junho de 2004, inaugurando um


modelo de orientação a objetos e incluindo a reformulação de
construtores e destrutores. O tratamento de objetos de PHP foi reeditado,
gerando melhor desempenho e melhorias. O código do PHP 5, porém,
ainda tem problemas pelo fato de ser uma linguagem de tipagem fraca.

Podemos encontrar PHP facilmente em aplicativos da Internet. O


Facebook, por exemplo, começou através do PHP, embora, atualmente,
utilize a linguagem apenas internamente e para serviços específicos.
WordPress é outra plataforma que emprega bastante esse tipo de
programação.

14
Programando em PHP
PHP pode ser utilizado em diversos sistemas operacionais como Linux,
Unix (HP-UX, Solaris e OpenBSD), Microsoft Windows, Mac OS X, RISC
OS e outros. Essa linguagem é extremamente simples para o iniciante,
porém disponibiliza muitos recursos para o programador profissional.

A fim de programar em PHP, você pode recorrer a um editor especial,


como PHP Editor, PHP Anywere, Bluefish, Eclipse PDT e Notepad++,
mas qualquer editor de texto pode ser utilizado para escrever scripts
PHP. Para testar os scripts você precisará de um servidor com suporte a
essa tecnologia, por exemplo Apache. Você pode acessar os resultados
de seu programa PHP em um browser, visualizando a página PHP
através do servidor web.

A tag de abertura de um código PHP é um sinal de “menor que” (<), um


sinal de interrogação (?) e a sigla php. Já a tag de fechamento é um
ponto interrogação (?) e um sinal de “maior que” (>).

Como é a programação em PHP? Vamos, primeiramente, criar um


simples formulário em HTML utilizando PHP:

<form action="enviar.php" method="post">

<label>Nome

<input type="text" id="nome" name="nome" /></label>

<br />

<label>E-mail:

<input type="text" id="email" name="email" /></label>

<br />

15
<label>Mensagem:

<textarea id="mensagem" name="mensagem" /></label>

<br />

<input type="submit" value="Enviar" />

</form>

Agora, vamos criar o arquivo enviar.php:

<?

$nome = $_POST['nome'];

$email = $_POST['email'];

$mensagem = $_POST['mensagem'];

$conteudo = "Nome: $nome <br>E-mail: $email<br>Mensagem: $mensagem";

$seuemail = "seunome@dominio.com.br";

$headers = "MIME-Version: 1.0\r\n";

$headers .= "Content-type: text/html; charset=iso-8859-1\r\n";

$headers .= "From: $email \r\n";

$assunto = "Contato do site";

$enviar = mail($seuemail, $assunto, $conteudo, $headers);

16
if($enviar) {

echo "<script type='text/javascript'> alert('Contato Enviado com Sucesso!');


window.location.href='contato.html'; </script>";

else

echo "<script type='text/javascript'> alert('Ocorreu algum erro ao enviar o


formul&aacute;rio'); </script>";

?>

Como vimos, a expressão <? inicia qualquer código PHP. As três linhas
abaixo definem três variáveis para guardar os dados enviados ao
formulário. A quinta linha apresenta o conteúdo que você receberá no seu
e-mail, e a sexta, a variável que contém o e-mail que irá receber o
contato. Já a sétima, oitava e nona linhas constroem o cabeçalho do e-
mail.

A décima é uma variável com o assunto do e-mail que você irá receber, e
finalmente na décima primeira linha temos a variável $enviar, uma
variável boolenana (retorna apenas verdadeiro ou falso) com a função
mail, responsável de fato pelo envio do e-mail. O restante do código é
uma condição para saber se o e-mail foi enviado com sucesso ou se
houve algum problema. O usuário deve receber uma mensagem
avisando que o e-mail foi enviado com sucesso, ou que houve algum erro
no envio.

Simples, não? As possibilidades do PHP são imensas, podendo ser


integrado com diferentes linguagens de programação para obter os
maiores resultados. Experimente!

17
Aprenda o PHP do
zero de forma fácil e
prática.
Java: orientação a objetos
Java é, resumidamente, uma linguagem de
programação orientada a objetos – mas mais
abrangente que isso – e faz parte da
Plataforma Java. O que significa a Orientação
a Objetos, também chamada de Programação
Orientada a Objetos (POO) ou Object-
Oriented Programming (OOP)? Em geral, é
um paradigma para a programação de
sistemas no qual todos os elementos
inseridos são objetos. Isso permite que a
programação apresente uma linguagem
próxima ao cotidiano.

A linguagem Java é uma obra da Sun


Microsystems, datando de 1995. Em 1999, o
Java ganhou sua segunda versão e erigiu as
bases para aplicações corporativas, a partir
do Java 2 Platform.

Cinco anos após ter sido criada, Java já podia


ser encontrada em vários dispositivos como
caixas de banco, celulares, câmeras,
computadores desktops e servidores.

Houve até robôs controlados por Java, por


meio de dispositivos móveis que tinham J2ME
instalado. Em 2006, essa linguagem foi
lançada como open source – código aberto –
a fim de se tornar mais popular. Esse código
utilizou uma licença GNU – General Public
License, a mesma do sistema operacional
Linux. Depois viria o JavaFX, produto para
construir sites e aplicações Java em
19 diferentes dispositivos.
Hoje, a linguagem Java é propriedade da Oracle, que pagou mais de 7
bilhões de dólares pela Sun em 2009. Em 2011, o Java se tornou a
segunda linguagem mais utilizada no mundo, popularizada com a
Internet, visto que suas aplicações poderiam ser executadas no browser
através dos Java Applets.

Nesse mesmo ano surgiu o Java 7, e em 2013 o Java EE 7 iria


proporcionar uma estrutura escalável para o desenvolvimento de
aplicações HTML5, entre outras facilidades. Em 2014 foi lançado o Java
8, com novidades interessantes como os recursos de programação
funcional (lambdas) e melhorias na integração com JavaScript.

Atualmente o Java é utilizado por quase metade dos desenvolvedores


consultados pela comunidade Stack Overflow. Você pode instalar o Java
no seu dispositivo para executar aplicações escritas independentemente
do sistema operacional.

Algumas características do Java


Java é uma linguagem de plataforma, como citado. Plataformas são
componentes para rodar instruções, ou a própria linguagem de
programação e plug-ins de aplicações Java. No Java, o desenvolvedor
define o papel de cada um dos objetos, bem como a interação entre eles.
Um exemplo: em um sistema para um supermercado, há objetos
“Cliente” e objetos que simulam as ações do cliente.

Java tem a linguagem C++ como “madrinha”: sua sintaxe deriva dela,
com a vantagem de ser mais simples. Nessas linguagens, o código é
escrito dentro de uma classe e tudo se torna um objeto, exceto os tipos
intrínsecos (caracteres, números reais e ordinais e valores booleanos)
que não se caracterizam como classes.

20
A Linguagem Java pode ser utilizada em diferentes sistemas
operacionais, com segurança e robustez. Aplicações em Java geralmente
são executadas em qualquer plataforma que tenha instalada a Java
Virtual Machine (JVM). Java utiliza o “Garbage Collector” para gerenciar
o ciclo de vida dos objetos. Outro aspecto é o Java Runtime, responsável
por remover os objetos da memória quando estes não estiverem mais
sendo utilizados.

Java e JavaScript
JavaScript não é uma linguagem fundamentada no Java e vice-versa,
embora seja verdade que o JavaScript foi arquitetado para se parecer
com o Java, porém de maneira mais simples e totalmente voltada para
páginas web. Em suma, JavaScript é uma linguagem de scripts que
acessa objetos de outras aplicações.

Programando em Java
Os programadores têm uma tradição de criar um código “Olá Mundo”
para aqueles que estiverem aprendendo uma linguagem de
programação. Vamos, então, dar um exemplo de como seria um “Olá
Mundo” em Java, algo bem simples:

public class OlaMundo {

public static void main(String[] args) {

System.out.println(“Ola Mundo”);

21
Python: fácil e robusta
Python é uma linguagem de programação que foi primeiramente publicada em
1991 por Guido van Rossum. Ela se caracteriza por ser multiplataforma e
propícia a desenvolver aplicações para web, games, desktop e também
dispositivos móveis.

O nome “Phyton” é inspirado na espécie de cobra Pythonidae, uma das mais


peçonhentas do mundo, presente na África e na Ásia: o animal é forte,
altamente sagaz e pode chegar a um tamanho considerável, próximo aos dez
metros de comprimento. Essas características são associadas à linguagem
Python.

Dentre outras vantagens, a linguagem Python permite que se escreva o mesmo


requisito em um menor número de linhas de código que em outras linguagens.
Ela vem sendo bastante requisitada na web e em aplicações de processamento
de texto, machine learning e recomendação de conteúdo. Pode ser utilizada
para resolver qualquer problema, tendo em vista a amplitude de seus recursos.

Primeiramente, você precisa instalar a linguagem Phyton no sistema


operacional do seu dispositivo. Ela é legível, tem uma fácil manutenção e
suporte para mecanismos de reutilização de software. Uma boa notícia é que a
maior parte dos programas Phyton pode ser executada em quase todas as
plataformas, basta você copiar o código de um ambiente e colar em outro, por
exemplo, do Windows para o Linux. Phyton também possui uma robusta
biblioteca padronizada com recursos para muitas tarefas de desenvolvimento
de software. Ela pode também ser ampliada por meio de bibliotecas de outras
pessoas.

Phyton pode ser utilizada para criar scripts e permite a comunicação com
aplicações de outras linguagens como C, C++, Java e C#. Na linguagem
Phyton, todas as coisas são representadas por um objeto e todas as variáveis
consistem em uma referência, armazenando endereços de memória em lugar
de valores. Em um programa Python uma variável não possui tipo fixo, mas
simplesmente o tipo do conteúdo.

22
Alguns dos benefícios da Phyton são: fácil de aprender, simples, possui
sintaxe intuitiva, farta documentação, bibliotecas abertas, possibilidade
de reutilização de módulos e ótimo mercado de trabalho para
desenvolvedores. Em recentes pesquisas, a linguagem Python aparece
em primeiro lugar entre as linguagens mais utilizadas, ultrapassando
Java e C++.

Download Phyton
Todos os programas escritos em Python exigem um interpretador. Esse
programa deverá ler o código-fonte, interpretando as instruções dadas
em tempo real. Antes de utilizar a linguagem Phyton, você precisa
realizar o download na página oficial da Python. Essa instalação contém
um interpretador, bibliotecas-padrão da linguagem e documentação.

O interpretador pode se comportar diferentemente conforme a plataforma


utilizada, por exemplo, no Windows ele é executado por prompt de
comandos ou com a interface IDLE (Python GUI), já Linux e Macs têm
Phyton instalado.

Para executar programas em Python, basta que você digite o código na


linha de comando, chamada “Shell do Python”. Acesse o menu Executar
do Windows e digite python. Em seguida, verá uma janela com
informações referentes a compilador e versão.

No entanto, você pode acessar a linguagem Python através do prompt de


comandos do próprio Windows, ao digitar python. Usuários de Mac OS
podem utilizar o interpretador através do menu Aplicativos > Utilitários >
Terminal, digitando o comando anterior – em Phyton, um comando
corresponde a uma instrução passível de ser executada pelo
interpretador. No Linux, uma janela terminal pode ser empregada para
programar em Python.

23
Você escolhe se vai utilizar o interpretador Phyton puro ou outro
interpretador. Boa parte dos programadores usa o interpretador ipython,
que tem mais recursos, por exemplo, é possível colorir mensagens de
erro. Ainda, o módulo matemático já vem embutido no interpretador
Phyton puro, mas você encontrará outros módulos para o seu projeto,
como Django e Numpy, baixando-os de um repositório.

No repositório oficial Phyton, há mais de cem mil projetos cadastrados.


Caso não encontre o que procura, você pode criar um novo módulo.
Procurar no Google e no StackOverflow também é de grande valia.

Começando a programar em Phyton


Um programa em Python pode ser um arquivo *.py ou uma pasta com
sub-pastas reunindo arquivos de código Python *.py e informações sobre
o programa.

Vamos ver como criar um programa em Phyton para você cadastrar a


escalação de um time no Cartola FC, com dez jogadores de linha, um
goleiro e um treinador. Você poderá salvar o programa em um arquivo e
mostrar a escalação com a posição de cada um.

print('************* DP CARTOLA FC *************')

nome_time = input("Nome do Time: ")

arquivo = open(nome_time+".txt", 'w')

print('INFORME GOLEIRO: ')

goleiro = input("1- ")

arquivo.write(goleiro+ "(G)" + "\n")

print('INFORME JOGADORES: ')

24
for i in range(2,12):

jogador = input(str(i)+"- ")

arquivo.write(jogador+ "(J)" +"\n")

print('INFORME TREINADOR: ')

tecnico = input("TÉCNICO: ")

arquivo.write(tecnico+ "(T)" +"\n")

print('ESCALAÇÃO GERAL: ')

arquivo = open(nome_time+".txt", 'r')

print(arquivo.read())

print('ESCALAÇÃO POR POSIÇÃO: ')

opcao = input('Informe a posição: \n 1- Goleiro\n 2-Jogador\n 3-


Técnico: \n Opção: ')

arquivo = open(nome_time+".txt", 'r')

escalacao = arquivo.readlines()

if opcao == '1':

print(escalacao[0])

elif opcao == '2':

for i in range (1,10):

print(escalacao[i])

else:

print(escalacao[11])

arquivo.close()

input()

25
Clique Aqui para se
tornar um
ESPECIALISTA
nessas linguagens !

Créditos do código:
http://www.desafiosdeti.com.br

Você também pode gostar