Baixe o app para aproveitar ainda mais
Prévia do material em texto
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 03 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 browsers”..04 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. 05 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. 06 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> 07 Descubra aqui como se tornar um especialista em programação JavaScript https://go.hotmart.com/R17806013C?src=ebook_JS https://go.hotmart.com/R17806013C?src=ebook_JS 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. 09 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. 10 https://go.hotmart.com/R17806013C?src=ebook_html 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. 11 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 criarum 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> 12 https://go.hotmart.com/R17806013C?src=ebook_html 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). 13 Clique Aqui Para Aprender Mais Sobre Essa Ferramenta HTML5 https://go.hotmart.com/R17806013C?src=ebook_html https://go.hotmart.com/R17806013C?src=ebook_html 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. 15 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 /> 16 <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); 17 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á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! 18 Aprenda o PHP do zero de forma fácil e prática. https://go.hotmart.com/R17806013C?src=ebook_php https://go.hotmart.com/R17806013C?src=ebook_php 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 diferentes dispositivos.20 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çãocom 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. 21 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”); } } 22 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. 23 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. 24 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: ') 25 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() 26 Clique Aqui para se tornar um ESPECIALISTA nessas linguagens ! https://go.hotmart.com/R17806013C?src=ebookfinal https://go.hotmart.com/R17806013C?src=ebookfinal
Compartilhar