Ranking das linguagens de
programação mais utilizadas
TIOBE Index PyPL Index Redmonk
Tiobe Index
Mantido pela empresa de mesmo nome
fundada em 2000 e especializada em
assessoria e qualidade de software. Acabou se tornando uma das referências de pesquisa para se conhecer as linguagens mais populares.
O índice atualizado (outubro/2017) conta com a
Tiobe Index
Java – 12.431 % C – 8.374 % C++ – 5.007 % C# – 3.858% Python – 3.803 % JavaScript – 3.010% PHP – 2.790% Visual Basic .Net – 2.735% Assembly language – 2.374% Ruby – 2.324% Java C C++ C# Python JavaScript
PHP Visual Basic .Net Assembly language
PyPL index
O índice de popularidade de linguagem de
programação PYPL é criado por meio da
análise da frequência de acesso aos tutoriais das linguagens pesquisados no Google.
Quanto mais um tutorial de linguagem de
programação for pesquisado, mais popular o idioma é assumido. É um indicador importante.
O PyPL divulga as linguagens mais populares,
PyPL index
Java – 22.6 % Python – 16.4 % PHP – 9.1 % C# – 8.2 % Javascript – 8.0 % C++ – 6.6 % C – 6.5 % R – 3.7 % Objective-C – 3.6 % Swift – 2.8 %Redmonk
Terceiro índice que vale a pena conhecer e
acompanhar. O último ranking disponível é o do mês de junho.
O Redmonk não disponibiliza as porcentagens.
Cada índice varia devido às diferentes
metodologias, tamanho das amostras e espaço geográfico da pesquisa.
Redmonk
JavaScript Java Python PHP C# C++ CSS Ruby C Objective-CSpectrum IEEE
Uma ferramenta interessante é o ranking
interativo da Spectrum IEEE.
A publicação da prestigiosa IEEE(Institute of
Electronic and Electrical Engineers) permite utilizar filtros para saber o ranking de forma mais específica.
Por exemplo, saber as linguagens mais usadas
Enquanto o HTML é a linguagem que estrutura
uma página e o CSS a deixa bonita, o Javascript faz a página funcionar.
• O código em uma página pode ser concebido em três visões distintas: Estrutura e conteúdo: HTML Apresentação: CSS Comportamento: JavaScript • Vantagens:
Reuso de partes do projeto Modularidade
Flexibilidade e facilidade de manutenção Legibilidade
• As 3 visões de concepção de uma página nos dão a visão em camadas, em vez de um código
“macarronado” ou “remendado”
Quase todas as páginas da internet tem um
código em Javascript.
Todo programador web deve aprender
Javascript independente da linguagem utilizada no “backend”.
Essa linguagem é responsável por executar
scripts do lado do cliente, sem a necessidade de passar pela interpretação do servidor.
Características
É uma linguagem poderosa, com grande aplicação do lado cliente (browser)
É uma linguagem de scripts que permite interatividade nas páginas web
É incluída na página HTML e interpretada pelo navegador
É simples, porém pode-se criar construções complexas e criativas
JavaScript não é Java. São linguagens com aplicações e recursos totalmente distintos
O que se pode fazer com JS
• Validar entrada de dados em formulários: verifica campos não preenchidos ou preenchidos
incorretamente;
• Realizar operações matemáticas e computação; • Abrir janelas do navegador, trocar informações
entre janelas, manipular propriedades como
histórico, barra de status, plug-ins, applets etc.; • Interagir com o conteúdo do documento tratando
toda a página como uma estrutura de objetos;
• Interagir com o usuário através do tratamento de eventos.
19
JavaScript e Java
Muita gente confunde JavaScript com Java, por
isso é preciso deixar isso bem claro. São duas linguagens de programação distintas. Em
outras palavras…
JavaScript não é Java!
Essa confusão entre as duas linguagens existe
desde o lançamento do JavaScript e se deve, claro, aos seus nomes.
Mas existe uma razão para elas possuírem
JavaScript e Java
Sim! A Linguagem JavaScript estava sendo
desenvolvida pela empresa Netscape, que
negociava na época uma parceria com a Sun Microsystems (do Java). Assim, para aproveitar um pouco do sucesso da linguagem Java, em uma estratégia de Marketing, a linguagem que antes era chamada de LiveScript, foi lançada com o nome de JavaScript.
JavaScript e Java
Além dos nomes, as sintaxes de Java e
JavaScript também são parecidas.
Mas isso também têm explicação: ambas,
assim como muitas linguagens da época, foram baseadas em C, daí a semelhança.
23
Só para deixar claro:
Mas o que é JavaScript?
Linguagem de programação criada para
navegadores, com o objetivo de proporcionar maior interatividade às páginas web.
Suportada hoje por todos os navegadores e
considerado a linguagem de programação Web mais popular do mercado.
Client-side x Server-side
o que é executado na interface do usuário é
considerado client-side, como o que aparece na sua tela (imagens, textos, cores, etc etc).
o que é executado no servidor é server-side,
por exemplo, a interação de um website com o banco de dados, local onde estão
armazenados arquivos HTML, imagens, vídeos, dados de texto e demais arquivos.
Por que o JavaScript é tão especial?
Pode-se trabalhar elementos no client-side:
alterar a estrutura do documento HTML, modificar estilos CSS, realizar ações
interativas, validar formulários.
Atualmente, devido a constante evolução da
linguagem, a tecnologia pode ser utilizada inclusive no lado server-side e aplicações mobile. Desta forma, tornando-se uma das linguagens mais versáteis existentes.
Afinal, qual é a melhor linguagem de
programação?
Não há! Não existe uma linguagem melhor que
outra, cada uma tem suas características que a tornam mais adequada para cada projeto. É
muito importante que se identifique as
necessidades da aplicação e busque uma
linguagem que ofereça os melhores recursos para atendê-las.
Alguns exemplos:
Para desenvolvedores front-end: JavaScript
Para desenvolvedores back-end: Java, PHP, C,
C++, Python, Ruby, C# e por aí vai
Para desenvolvedores mobile: Java, Swift,
Objective-C e JavaScript
Para Cientistas de Dados: Python ou R Para iniciantes: Python ou Ruby
Por que estudar JavaScript?
JavaScript é uma das três linguagens que todo
desenvolvedor WEB deve aprender:
1. HTML para definir conteúdo das páginas; 2. CSS para especificar o layout das páginas; 3. JavaScript para programar o comportamento
30
Reconhecendo código JavaScript
<script type="text/javascript"> //...
Formas de uso
Dentro próprio código HTML:
<a href="#" onclick="alert('alo mundo!')">Diga alô</a>
Separado em uma tag de script (preferencialmente dentro da tag <head></head>):
<script type="text/javascript">
alert("alo mundo"); </script>
Dentro de um arquivo “texto” com extensão .js sendo chamado por uma tag script:
São dois arquivos texto:
Um com HTML com extensão .html
Outro com JavaScript com extensão .js Uma tag HTML “unirá” os arquivos
Dois arquivos separados?
estrutura comportamento
33
Componentes de um código
JavaScript
<script type=“text/javascript”>
// Isso é um Comentário!
alert("Ola, JavaScript");
</script> Chamada à Função (procedimento) Parâmetro da Função Terminador de Instrução
34
Componentes de um código
JavaScript
<h1 id="titulo">Clique aqui!</h1> <script type="text/javascript"> var oi = function() { alert("Oi, JavaScript!"); } document.getElementById("titulo").onclick = oi; </script> Definição de função (procedimento) Registro de Evento35 <html> <head> </head> <body> <p align="center"><strong> <h1 id="titulo"><center>Clique aqui!</center></h1> <script type="text/javascript"> var exibirMensagem=function() {
alert("Oi, isto é JavaScript!"); } document.getElementById("titulo").onclick = exibirMensagem; </script> </strong></p> </body> </html>
Tag <noscript>
Conteúdo alternativo ao dispositivo caso o usuário não tenha suporte ao JavaScript
<script type="text/javascript">
alert("Parabéns, você está aprendendo JavaScript.");
</script> <noscript>
<p>Parabéns, você está aprendendo JavaScript.</p>
• Quando o navegador não tem suporte ao Javascript, para que conteúdo não seja exibido na forma textual, o script deve vir entre as tags de comentário do HTML
<script Language = JavaScript> <!-- O script aqui. -->
</script>
Dessa forma, ele será tratado como tal e não será exibido.
Comentários
// uma linha /* */ bloco
<script type="text/javascript">
// Isto é um comentário de uma linha.
/* Isto é um comentário de várias linhas, e o interpretador ignora todo esse conteúdo.
O que nos permite a criação de notas e lembretes em nossos códigos. */
Case sensitive
JS é case sensitive
<script type="text/javascript">
var txtMsg = "Você foi introduzido ao JavaScript.";
alert(txtmsg); // Isto irá causar um erro. //-->
Final de declarações
Opcional
Usar ponto e virgula (;) ao final de declarações que usam mesma linha
Boa prática recomenda usar sempre ;
alert("Estes detalhes..."); alert("... são importantes"); alert("Notou...")
Linguagem JavaScript
Tipos de dados
number, Boolean, string ,function, object
Variáveis
global x local
To var or Not to var?!!
Operadores
similares aos das linguagens C++ e Java
(ex. x += y é equivalente a x = x + y)
Linguagem JavaScript
Controle de fluxo e repetição
if ... else, while, do ... while, for,
with, switch e case
break, continue e rotulada. for ... In
Funções
retornam valor, retornam expressão manipulam argumentos extras
passagem de parâmetro por valor
Modelo de Objetos
JavaScript
JavaScript organiza hierarquicamente os objetos em uma página
Objetos JavaScript
Objetos de navegação:
window, frame, document, form, button, checkbox, hidden, fileUpload, password, radio, reset, select, submit, text,
textarea, link, anchor, applet, image,
plugin, area, history, location, navigator.. Objetos JavaScript x tags HTML.
Objetos predefinidos da linguagem
nunca são visíveis na página por exemplo: String e Array