Ranking das linguagens de programação mais utilizadas. TIOBE Index PyPL Index Redmonk IEEE Spectrum

Transcrição

1 Webdesigner

2 Ranking das linguagens de programação mais utilizadas TIOBE Index PyPL Index Redmonk IEEE Spectrum

3 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 seguinte lista:

4 Tiobe Index Java % C % C % PHP C# 3.858% Python % JavaScript JavaScript 3.010% PHP 2.790% Python Visual Basic.Net 2.735% Assembly language 2.374% Ruby 2.324% C# Ruby Assembly language Visual Basic.Net C++ Java C

5 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, (julho/2017).

6 PyPL index Java 22.6 % Python 16.4 % PHP 9.1 % C# 8.2 % Javascript 8.0 % C % C 6.5 % R 3.7 % Objective-C 3.6 % Swift 2.8 %

7 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. O Top 10 é o seguinte:

8 Redmonk JavaScript Java Python PHP C# C++ CSS Ruby C Objective-C

9

10 Spectrum 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 na área de sistemas embarcados.

11 Linguagem de Programação Web Enquanto o HTML é a linguagem que estrutura uma página e o CSS a deixa bonita, o Javascript faz a página funcionar.

12 Linguagem de Programação Web 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

13 Linguagem de Programação Web

14 Linguagem de Programação Web 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

15

16 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.

17 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

18 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 NÃO é JAVA 19

20 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 nomes parecidos?

21 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.

22 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 23 Só para deixar claro: JavaScript NÃO é JAVA

24 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.

25 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.

26 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.

27 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.

28 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

29 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 das páginas

30 30 Reconhecendo código JavaScript <script type="text/javascript"> //... </script>

31 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: <script type="text/javascript" src="script.js"></script>

32 Dois arquivos separados? 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 <script>..</script> comportamento estrutura

33 Componentes de um código JavaScript 33 <script type= text/javascript > // Isso é um Comentário! alert("ola, JavaScript"); </script> Terminador de Instrução Chamada à Função (procedimento) Parâmetro da Função

34 Componentes de um código JavaScript 34 <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 Evento

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

36 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> </noscript>

37 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.

38 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. */ </script>

39 Case sensitive JS é case sensitive <script type="text/javascript"> <!-- var txtmsg = "Você foi introduzido ao JavaScript."; alert(txtmsg); // Isto irá causar um erro. //--> </script>

40 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...") alert("a diferença?")

41 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) Operadores relacionais (comparações)

42 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 ou por referência

43 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

44 Referências isitadas-pelo-mercado/ ento-veja.htm -ate-julho/