Java

Boa noite pessoal ... consegui parar um pouco agora para continuar nossa conversa sobre linguagens de programação. Como podem ver, ser programador é uma profissão que está em alta atualmente. No meu caso, estou trabalhando na montagem de um portal para uma imobiliária, usando nosso querido PHP. Vai levar uns dias, mas o resultado vai ser bom - tanto profissionalmente quanto financeiramente.

Logo do Java - por que Java??? E por que café???

Muito bem, mas o negócio hoje é outro: Java. Se um dia você fizer um curso de Análise de Sistemas, Ciências da Computação ou outro curso de TI, pode ter certeza: Java é figurinha marcada. Ele vai estar lá. E o motivo é simples: ele é uma das linguagens de programação mais utilizadas no mundo para aplicativos. Se você der uma olhada no índice Tiobe, o Java está sempre numa briga com a linguagem C pelo primeiro lugar.

A história do Java é bem interessante. Tudo começou em 1992, com um projeto chamado Green Project chefiado por três programadores, entre eles James Gosling, considerado o pai do Java. O objetivo do Project Green era uma mostrar uma futura convergência entre computadores e eletrodomésticos, algo do tipo"Os Jetsons".

Para tanto, os programadores da Sun Microsystem trabalharam durante meses para produzir o *7 (lê-se Start Seven) um controle remoto com uma interface touch screen. Este aparelho podia controlar diversos dispositivos e aplicações e usava uma linguagem criada por Gosling chamada Oak - que significava "carvalho". Outro detalhe legal é que o *7 tinha um mascote que ensinava como usar o equipamento. Quem era o mascote? O Duke, que mais tarde foi usado como mascote do Java (e foi desenhado pensando no símbolo do Star Treck, do qual Gosling sempre gostou ... pudera né ...)

Duke: "Vida longa e próspera"

O mais engraçado é que a idéia do *7 hoje é realidade, mas na época do seu lançamento ele não encontrou mercado. Como dizem, foi a idéia certa na época errada. No entanto, o pessoal da Sun viu no Oak uma saída. Na época, a internet estava aparecendo e eles decidiram adaptar o Oak para ser usado como linguagem dos navegadores. Em maio de 1995, eles lançaram a Plataforma Java. Foi um estouro. Foi, de longe, a linguagem adotada pela maioria dos desenvolvedores. Só em 2004, mais de 3 milhões de desenvolvedores usavam Java para programar.

Uma curiosidade: sabe de onde veio o nome Java? Pois bem, veio como uma homenagem à ilha de Java, de onde vinha o café que os programadores da Sun tanto tomavam. Na verdade, programador e café sempre tiveram uma história juntos.

E quais as vantagens do Java? Ele não é uma linguagem rápida, como é o caso da linguagem C/C++. Mas, além de ter uma certa similaridade com esta última linguagem, o Java possui uma facilidade na criação de programas, mostra uma simplificação na especificação, tanto na programação quanto no ambiente de execução, além de disponibilizar um vasto conjunto de bibliotecas. Ah, e a Oracle (atual proprietária da antiga Sun Microsystens) disponibiliza todo o material usado na Java gratuitamente, como atualizações e documentação.

James Gosling

E como posso programar em Java? Bem, apesar de tudo o que disse aqui, requer um pouco de conhecimento de Lógica de Programação e de um pouco de Java. Isso por que, antes de mais nada, é necessário instalar o que chamamos JVM (Java Virtual Machine). Após desenvolvermos o programa, enviamos o mesmo para a JVM, que o codifica em linguagem de máquina. Após isso, é só dar o comando e o programa é executado.

Este JVM é outra vantagem do Java. Um único programa pode ser executado em qualquer máquina que tenha um JVM, seja um PC, celular ou até mesmo um eletroeletrônico.

Mas, vamos então a nossa famosa frase "Hello World" em Java. Para fazer algo mais legal, mandei que o sistema apresentasse a mensagem numa janela gráfica, por isso temos na primeira linha um import. Olhe como seria a programação:

import javax.swing.JOptionPane;

public class OlaMundo {

public static void main (String args []){



JOptionPane.showMessageDialog (null, "Hello World!");

}
}

Com a nossa JVM devidamente instalada, mandamos um comando para o terminal. Primeiramente, precisamos codificar nosso programa. Assim, digitamos no terminal o comando Javac e o nome do arquivo. Nesse caso, ficaria assim: javac OlaMundo.java

Programa, terminal com os comandos e a janela com a frase "Hello World!" - é o Java!!!!

Se não aparecer nenhum erro no terminal, damos o comando java e o nome do arquivo. No nosso caso, ficaria java Olamundo. Pronto, o programa está no ar.

Sinceramente, acho o Java o máximo (embora seja programador PHP e exista uma certa rivalidade entre PHP e Java ... mas, as duas linguagens são boas, fazer o que ...) Uma dica legal, o professor Gustavo Guanabara está lançando um curso básico, grátis, de Java, pelo que soube, sairá após o carnaval. Se quiser, veja o site http://www.cursoemvideo.com/. Além do certificado, pode ter certeza, você vai aprender Java ... o cara é bom ... E assim, eu me despeço, com essa imagem do Duke na xícara de café ... Ah, meninos e meninas, na próxima semana vamos falar de uma linguagem antiga, mas briga direto com Java : a linguagem C ... Até a próxima ...

Duke e a xícara

PHP - Hypertext Preprocessor

Olá pessoal ... continuando a nossa série sobre linguagens computacionais, vamos falar sobre uma linguagem que particularmente gosto muito - a primeira que aprendi e que me tem dado uma boa renda rsrs - o PHP.

O Elefante do PHP

A sigla PHP vem do inglês PHP Hypertext Preprocessor ou Préprocessamento de hipertexto. É uma linguagem interpretada livre, muito flexivel e dinâmica. Inclusive, devido a essa flexibilidade, alguns programadores rotulam o PHP como uma linguagem fraca. Mas quem diz isso se engana. Na verdade, o PHP é uma linguagem muito popular e usada. No momento em que estava fazendo este post, o PHP estava na sexta posição do Index Tiobe.



Esta linguagem foi desenvolvida pelo programador dinamarquês Rasmus Lerdorf em 1995. Originalmente, o PHP foi desenvolvido apenas para gerar aplicações para homepages, como envio de formulários, pesquisas etc. No entanto, com o passar do tempo, o PHP evoluiu a tal ponto que hoje é usado não apenas para aplicações para internet, mas para a criação de sistemas. Por exemplo, quando estudei esta linguagem, tive que entregar como trabalho um sistema de Caixa Eletrônico, com todas as funcionalidades em PHP. Foi uma experiência bem interessante.

Rasmus Lerdorf

Uma característica interessante do PHP é o fato de ele atuar do lado do servidor. Tanto que para programarmos em PHP, precisamos transformar nosso PC em um servidor, para a visualização da página. Para tanto, usamos pacotes disponíveis como o WAMP, LAMP ou o EasyPHP. Outro detalhe é a combinação com outras linguagens, como o HTML. No PHP, conseguimos integrar as tags desta linguagem de marcação com arquivos ou comandos da linguagem de programação, o que é algo bem interessante.

E o elefante mascote da linguagem? Segundo Rasmus, se juntarmos a sigla PHP parece formar a figura de um elefante ... bem tem gente que vê isso, outros não ... tente achar um elefante aqui ...

Mas vamos fazer uma pequena programação em PHP? Seria mais para vermos como funciona, mas como eu disse, para conseguir fazer a visualização, precisa baixar um pacote com os softwares de servidor, caso contrário, só veremos o código no nosso navegador.

Vamos continuar com nosso "Hello World" ... No caso, apenas para entendimento, notem o início das tags em HTML.

<!DOCTYPE HTML>

<html lang pt-br>

<head>
<meta charset "UTF-8"/>
<title>Meu primeiro código em PHP</title>
</head>

<body>
<?php

echo "Hello World!";

?>

</body>
</html>

No caso acima, o código PHP está entre as tags <?php ?>. Elas são usadas para fazer a abertura de um bloco em PHP dentro do código HTML. Apenas ressaltando, que o documento deve ter a extensão PHP para funcionar. A função echo (leia-se como escreve) pede para que a palavra entre aspas seja impressa na tela. E o ponto-e-virgula no final indica o fim da programação.

EasyPHP em funcionamento - o PC agora é um servidor

Quem quer aprender PHP deve se preparar para passar por três passos. É interessante que as linguagens de programação se parecem e muito com linguas estrangeiras. Você inicia estudando o básico, depois o intermediário e finalmente o avançado. É comum os estudantes, ao estudarem o PHP básico, já quererem montar formulários para homepages ou fazer conexão com bancos de dados. Uma dica que eu dou é: siga o fluxo. Não queira avançar o sinal, pois geralmente resulta em frustração.

Quem quiser aprender PHP, dou duas sugestões: o curso do Professor Gustavo Guanabara (tem apenas o básico, mas é muito bom (http://cursoemvideo.com/) e o canal no YouTube chamado Ponto Canal, do Emerson Carvalho (https://www.youtube.com/user/PontoCanalOficial/playlists) tem um curso mais avançado de PHP que ajuda a aprender as funcionalidades desta linguagem interessante. Vale a pena conferir.

E é isso ... se você quiser aprender PHP, aproveite estas dicas e descubra este universo da programação que, para quem gosta, é cheio de novidades ... na próxima postagem, vamos para outra linguagem que gosto muito de trabalhar, principalmente na programação de aplicativos - JAVA ... até a próxima ...

JavaScript

Boa tarde pessoal ... Vamos então falar hoje propriamente da nossa primeira linguagem de programação: o JavaScript. Tanto o HTML quanto o CSS, como notaram, tem suas funções e são linguagens computacionais, mas não são consideradas linguagens de programação. Já o JavaScript (ou JS) pode ser chamado assim. Na verdade, ele trabalha em conjunto com os dois já citados.

Logo JS

O JS é considerado uma linguagem de programação interpretada (ou script), ou seja, são executadas em programas ou no interior de outras linguagens de programação. Sua principal função é criar uma interação com o usuário, tornando a navegação de homepages mais agradável e interessante. Com o JS, conseguimos fazer vários efeitos  com objetos, como transação de fotos, caixas de texto que aparecem com um clique, animações, alertas automáticos entre outras coisas.

Muitas vezes as pessoas se confundem o JavaScript com a linguagem de progamação Java. Na verdade, as similaridades ficam apenas no nome mesmo. O JS foi desenvolvido pelo programador americano Brendan Eich da Netscape. No início do projeto, a linguagem foi batizada como Mocha, mas teve seu nome mudado para LiveScript por ocasião do seu lançamento. Em dezembro de 1995 foi rebatizado como JavaScript. A mudança de nome gerou muita confusão, uma vez que a grande maioria das pessoas achava que o JS era baseado em Java. Muitos até hoje encaram esta mudança de nome como uma jogada de marketing, visto o sucesso da linguagem Java. Se foi jogada ou não, o JS deu certo: teve uma aceitação muito grande como uma linguagem de script client-side de páginas web.

Exemplo de Menu com JS

Para fazermos funcionar o código do JavaScript dentro de uma página HTML, usamos as tags <script></script>. Entre estas duas tags, escrevemos nosso código em JavaScript. Vamos pegar a página que estamos trabalhando (aquela do "Olá Mundo") e vamos fazer uma aplicação de JavaScript, a título de aprendizado. Vamos criar um botão que, ao ser clicado, mostrará um alerta com a seguinte mensagem: "Olá Mundo. Seja bem vindo!". Veja como ficaria o código:

<!DOCTYPE HTML>

<html lang="pt-br">

<head>

<meta charset="UTF-8"/>
<title>Teste - Olá m᠍undo</title>
<meta name="description" content="Este meu primeiro trabalho usando HTML"/>

 <script>
            window.onload = function () {
                document.getElementById("hello").addEventListener("click", function () {
                    alert("Olá Mundo. Seja bem vindo!");
                }, false);
            };
        </script>

<style type="text/css">
h1{
font-size: 20px;
color: red; }
h2{
font-size: 18px;
color: green; }
p {
font-size: 15px;
color: grey; }
</style>
</head>
<body>

<h1>Edson Ricardo Czarneski</h1>
<h2>Hello World ...</h2>

<p>Ou olá mundo, para quem prefir ...</p>
<p>Para interagir, vamos fazer o seguinte: aperte o botão abaixo e veja o que acontece:</p>
<button id="hello">Dizer "Olá"</button>

</body>
</html>

Como dissemos, o código em JavaScript está entre as duas tags <script></script>. Na verdade, quando escrevemos o código, é como se dissemos ao computador: "Ei, quando você abrir o documento, prepare essa ação: quando clicar no botão chamado "hello", você me mostra esta imagem, ok ..." Se você salvar este código e executar no navegador, o resultado será esse:

Caixa de Diálogo com JS

Existem também as bibliotecas em JS que simplificam os scripts que interagem com o HTML. Um exemplo de biblioteca JS é o JQuery, muito utilizada e difundida entre os desenvolvedores. Se quiser ver um exemplo de JQuery sendo usado visite a nossa página www.edsonrczarneski.eti.br. A apresentação de slides que temos no início da homepage foi feita usando a biblioteca JQuery,

Outra coisa a ser levado em conta no que diz respeito ao JS é o suporte oferecido pelos navegadores. Atualmente noto que o problema é menor, mas ainda existe. Muitos navegadores tem um suporte um tanto limitado ao uso do JS. Por exemplo, ha algum tempo atrás, desenvolvi uma homepage com JS, onde o usuário, ao passar o mouse sobre o menu, via mudanças de figuras relacionadas. Ao ver a aplicação em diversos navegadores, notei que a maioria rodava sem problemas, mas alguns (como o miserável do IE, que vai mudar logo) não executava o script. Dava erro e a figura ficava estática. Assim, sempre é bom verificar como nosso script se comporta com, pelo menos, os navegadores mais conhecidos.

Então é isso. JavaScript oferece muitas possibilidades aos desenvolvedores, embora vale lembrar que usar demais pode fazer com que a página fique muito pesada, o que não seria interessante. Mas vale a pena usar esta linguagem para melhorar a interação com o usuário. No próximo post, vamos falar de uma linguagem de programação, uma das minhas favoritas (a primeira que aprendi...) e que é muito utilizada por desenvolvedores de sistemas web: o PHP ... Até lá ...



 

CSS - Cascading Style Sheets

Bom dia pessoal ... depois de duas semanas de férias, estamos voltando às atividades. Quer dizer, começo amanhã, mas ando meio desesperado em mexer com um código rsrs ... meio que vício mesmo.


Pois bem, continuando com nossos artigos de linguagem, vamos falar hoje do CSS (Cascading Style Sheets ou Folhas de Estilo em Cascata). Trata-se de uma linguagem de folhas de estilo, usada geralmente com o HTML. Através desta linguagem, conseguimos dar forma à nossa homepage, incluindo posições de figuras, fontes de letras, cor, margens e uma infinidade de outras coisas. É interessante o por que do nome Cascata: as propriedades do CSS, aplicadas aos marcadores, estende-se pelo documento, como uma cascata aos marcadores aninhados.

Existem três formas de incorporarmos o CSS em uma página da web, cada um apropriado para determinada situação. São elas:

• Importado ou Referenciado: neste caso, fazemos os códigos de CSS em um arquivo separado e importamos na página HTML usando a seguinte tag: <link rel="stylesheet" type="text/css" href="estilo.css"/>.  Esta forma é mais apropriada, e geralmente a mais usada, quando temos muitas páginas de um site que usam o mesmo estilo. Desta maneira, precisamos apenas de um arquivo CSS que pode ser importado e aplicado para várias páginas.
• Incorporado: neste caso, as regras estão declaradas dentro do próprio documento, no cabeçalho da página. Neste caso, usamos quando vamos fazer uma única página web.
• Em Linha: quando as regras são declaradas dentro do próprio marcador HTML. Se aplica como no caso anterior e quando só será aplicado a determinada parte do documento: Exemplo: numa página, apenas um parágrafo terá uma fonte de 12 pixels e uma margem esquerda de 10 px. Podemos escrever <p style "font size:12px; margin-left:10px;">Texto do parágrafo.</p>

Outro detalhe interessante são as unidades de medidas usadas em CSS. Usa-se muito o pixel (px) que é uma unidade fixa, e o em (%), usado muito em sites responsivos (que se adaptam a dispositivos móveis). Abaixo temos uma pequena tabela de conversão de unidades de CSS.

Para vermos um exemplo prático, vamos pegar o código que digitamos no artigo anterior. Vamos fazer cada linha de uma cor e uma fonte diferente. O código será incorporado, visto ser uma página só. Abaixo como ficaria o código CSS:

No caso, a primeira linha será vermelha com fonte 20 pixels, a segunda verde com 18 pixels e a terceira será cinza com fonte 15 pixels. Olha o resultado:

Muito legal não é mesmo? Podemos fazer muita coisa com o CSS. Assim, quem quer fazer um site, além do HTML, tem que aprender o CSS. No próximo artigo, vamos falar de outra linguagem muito importante, que dá a interação nas páginas WEB: o JavaScript ... até lá ...