Arquivo para JavaScript - Bóson Treinamentos em Ciência e Tecnologia https://www.bosontreinamentos.com.br/tag/javascript/ Artigos e Tutoriais sobre Desenvolvimento de Software, Bancos de Dados SQL, Linux, Lógica de Programação, Inteligência Artificial, Hardware, Eletrônica, Arduino, Técnicas e Teorias de Estudo e Aprendizagem, Carreira em TI, Ciências Cognitivas, e muito mais! Thu, 12 Sep 2024 13:36:31 +0000 pt-BR hourly 1 https://wordpress.org/?v=7.1.1 Como gerar números primos em JavaScript https://www.bosontreinamentos.com.br/programacao-em-javascript/como-gerar-numeros-primos-em-javascript/ https://www.bosontreinamentos.com.br/programacao-em-javascript/como-gerar-numeros-primos-em-javascript/?noamp=mobile#respond Thu, 12 Sep 2024 13:36:31 +0000 https://www.bosontreinamentos.com.br/?p=20278 Gerar números primos em JavaScript Neste tutorial vou mostrar como criar um script relativamente simples em JavaScript que permite aos usuários gerarem uma lista com números primos, iniciando em 2 (que é o primeiro número primo) até um valor informado pelo usuário, que será o limite da lista gerada. Um número é considerado primo se ele for maior que um e divisível (no caso, divisão inteira) apenas por si próprio e por 1. Por exemplo: O número 23 é um número primo, pois ele só é divisível por 23 (ele próprio) e por 1. Já o número 24 não é primo, pois além de ser divisível por si mesmo e por 1, ele também é divisível por outros números, como 2, 3, 4 e 6. O número 1 não é considerado um número primo na matemática. Script que gera números primos em JavaScript O nosso script deverá realizar as seguintes tarefas: Calcular e mostrar na tela os números primos de 2 até um valor fornecido pelo usuário, usando JavaScript O numero fornecido pelo usuário será digitado em uma caixa de texto em uma página HTML Os números gerados serão exibidos no corpo do documento, um por linha. A geração dos [...]

O post Como gerar números primos em JavaScript apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

]]> Gerar números primos em JavaScript

Neste tutorial vou mostrar como criar um script relativamente simples em JavaScript que permite aos usuários gerarem uma lista com números primos, iniciando em 2 (que é o primeiro número primo) até um valor informado pelo usuário, que será o limite da lista gerada.

Um número é considerado primo se ele for maior que um e divisível (no caso, divisão inteira) apenas por si próprio e por 1. Por exemplo:

  • O número 23 é um número primo, pois ele só é divisível por 23 (ele próprio) e por 1.
  • Já o número 24 não é primo, pois além de ser divisível por si mesmo e por 1, ele também é divisível por outros números, como 2, 3, 4 e 6.

O número 1 não é considerado um número primo na matemática.

Script que gera números primos em JavaScript

O nosso script deverá realizar as seguintes tarefas:

  1. Calcular e mostrar na tela os números primos de 2 até um valor fornecido pelo usuário, usando JavaScript
  2. O numero fornecido pelo usuário será digitado em uma caixa de texto em uma página HTML
  3. Os números gerados serão exibidos no corpo do documento, um por linha.
  4. A geração dos valores se dará após o usuário clicar em um botão btnGeraPrimos.
  5. O código JavaScript será declarado no cabeçalho da página HTML, para melhor organização do código, e invocado no botão.
  6. Adicionar validação: se o usuário fornecer um número negativo, avisar que não é possível gerar a sequência de primos.
  7. Mais validação: se o usuário informar um caractere que não seja um número, será avisado de que não é possível gerar a sequência de primos.

Também iremos estilizar o formulário e a saída gerada usando CSS, em um arquivo separado de folha de estilos, que chamaremos de estilos.css.

Vamos à codificação.

Códigos em HTML, CSS e JavaScript

1. Página HTML com JavaScript: arquivo index.html

<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gerador de Números Primos</title>
    <link rel="stylesheet" href="estilos.css">
    <script>
        // Função para verificar se um número é primo
        function ePrimo(num) {
            if (num < 2) return false;
            for (let i = 2; i <= Math.sqrt(num); i++) {
                if (num % i === 0) return false;
            }
            return true;
        }

        // Função para gerar e exibir os números primos
        function gerarPrimos() {
            // Limpa as mensagens e a saída anterior
            document.getElementById('mensagemErro').innerHTML = '';
            document.getElementById('saida').innerHTML = '';
            // Obter o valor inserido pelo usuário
            let valor = document.getElementById('inputNumero').value;
            // Verificar se o valor é um número válido
            if (isNaN(valor) || valor.trim() === '') {
                document.getElementById('mensagemErro').innerHTML = 'Por favor, insira um número válido.';
                return;
            }
            valor = parseInt(valor);

            // Validação de número negativo
            if (valor < 2) {
                document.getElementById('mensagemErro').innerHTML = 'Por favor, insira um número maior que 1 para gerar números primos.';
                return;
            }
            let primos = [];
            // Calcular os números primos
            for (let i = 2; i <= valor; i++) {
                if (ePrimo(i)) {
                    primos.push(i);
                }
            }

            // Exibir os números primos
            const saida = document.getElementById('saida');
            if (primos.length > 0) {
                primos.forEach(function(primo) {
                    saida.innerHTML += primo + '<br>';
                });
            } else {
                saida.innerHTML = 'Nenhum número primo encontrado.';
            }
        }
    </script>
</head>

<body>
<div class="container">
    <h1>Gerador de Primos</h1>
    <label for="inputNumero">Digite um número:</label>
    <input type="text" id="inputNumero" placeholder="Ex: 50">
    <div class="error" id="mensagemErro"></div>
    <button id="btnGeraPrimos" onclick="gerarPrimos()">Gerar Primos</button>
    <div class="output" id="saida"></div>
</div>
</body>
</html>

2. Folha de estilos externa: arquivo estilos.css

body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.container {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 400px;
    width: 100%;
}
h1 {
    text-align: center;
    color: #333;
}
label {
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
}
input[type="text"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
}
.error {
    color: red;
    font-size: 14px;
    margin-bottom: 10px;
}
.success {
    color: green;
}
button {
    width: 100%;
    padding: 10px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
}
button:hover {
    background-color: #45a049;
}
.output {
    margin-top: 20px;
    background-color: #f9f9f9;
    padding: 10px;
    border-radius: 5px;
    height: 200px;
    overflow-y: auto;
    border: 1px solid #ccc;
}

Teste da aplicação

Vamos abrir a página e pedir para que sejam gerados os números primos até 33:

Gerador de Números Primos em JavaScript

Caso o usuário tente gerar a sequência fornecendo um número negativo ou um caractere não-numérico, será exibida a mensagem de erro e a sequência de números primos não será gerada:

Como gerar números primos com JavaScript

Foi fornecido o número -5 (negativo), por isso a mensagem de erro.

Funcionamento do Código

HTML: O formulário possui um campo de entrada (input) no qual o usuário digita um número, e um botão para invocar a função JavaScript que gera os números primos. Há uma área para exibir os erros de validação logo abaixo e uma área de saída para exibir os números primos.

CSS: A página está estilizada para ter uma aparência limpa e amigável, como é sempre recomendável. Centralizamos o formulário na página e os elementos como caixas de texto e botões têm um design agradável, com cor de fundo verde para o botão e texto de mensagem de erro em vermelho – mas você pode alterar isso à vontade, evidentemente.

A saída dos números primos será em uma área de rolagem (output), que facilita a visualização dos números, caso sejam gerados muitos.

JavaScript: O código JavaScript foi inserido no cabeçalho da página, e consiste em duas funções com tarefas específicas:

  • ePrimo: Função que verifica se um número é primo. Ela percorre os divisores do número até sua raiz quadrada.
  • gerarPrimos: Função principal que é chamada ao clicar no botão. Ela valida a entrada do usuário, calcula os números primos até o valor fornecido, e os exibe no corpo da página.

Também são realizadas validações: Se o valor fornecido não for um número, ou se for um número negativo, uma mensagem de erro é exibida.

Conclusão

Neste post mostrei um script simples para gerar uma listagem de números primos, que você pode – e deve – usar para estudar a linguagem e se aprofundar nas suas técnicas de programação.

Nos próximos artigos veremos scripts para resolver diversos outros problemas, sempre com esse foco: o aprendizado da linguagem JavaScript.

Até!

O post Como gerar números primos em JavaScript apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

]]> https://www.bosontreinamentos.com.br/programacao-em-javascript/como-gerar-numeros-primos-em-javascript/feed/ 0 Exercícios de JavaScript Resolvidos – Funções https://www.bosontreinamentos.com.br/programacao-em-javascript/exercicios-de-javascript-resolvidos-funcoes/ https://www.bosontreinamentos.com.br/programacao-em-javascript/exercicios-de-javascript-resolvidos-funcoes/?noamp=mobile#respond Thu, 24 Nov 2022 12:09:31 +0000 http://www.bosontreinamentos.com.br/?p=18689 Exercícios de JavaScript Resolvidos – Funções Funções, em programação, são conjuntos de instruções que podem ser executadas como um único comando. Permitem efetuar reuso de código, poupando muitas linhas de programação nos scripts. Podem ainda receber parâmetros e retornar valores, ou simplesmente executar uma tarefa. Saber criar e utilizar funções é uma habilidade crucial em qualquer linguagem de programação, e não seria diferente em programação para Web. Neste artigo trago diversos exercícios sobre funções em JavaScript, com resolução sugerida no final, para você praticar programação na linguagem. Lista de Exercícios – Funções em JavaScript 1. Escreva uma função em JavaScript que mostre na tela a mensagem “Bom dia, Mundo!!!”. 2. Escreva uma função que retorne o cubo de um número fornecido pelo usuário. 3. Escreva uma função em JavaScript que realize a conversão de uma temperatura fornecida em graus Fahrenheit (F) para Celsius (C). Dica: para converter uma temperatura em F para C, subtraia 32 da temperatura e multiplique o resultado por 0,5556 (ou 5/9). 4. Escreva uma função que retorne a área de um triângulo, a partir dos valores de base e altura fornecidos. 5. Escreva uma função que encontre a área e o perímetro de um círculo, de acordo [...]

O post Exercícios de JavaScript Resolvidos – Funções apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

]]> Exercícios de JavaScript Resolvidos – Funções

Funções, em programação, são conjuntos de instruções que podem ser executadas como um único comando. Permitem efetuar reuso de código, poupando muitas linhas de programação nos scripts.

Podem ainda receber parâmetros e retornar valores, ou simplesmente executar uma tarefa.

Saber criar e utilizar funções é uma habilidade crucial em qualquer linguagem de programação, e não seria diferente em programação para Web.

Neste artigo trago diversos exercícios sobre funções em JavaScript, com resolução sugerida no final, para você praticar programação na linguagem.

Lista de Exercícios – Funções em JavaScript

1. Escreva uma função em JavaScript que mostre na tela a mensagem “Bom dia, Mundo!!!”.

2. Escreva uma função que retorne o cubo de um número fornecido pelo usuário.

3. Escreva uma função em JavaScript que realize a conversão de uma temperatura fornecida em graus Fahrenheit (F) para Celsius (C).

Dica: para converter uma temperatura em F para C, subtraia 32 da temperatura e multiplique o resultado por 0,5556 (ou 5/9).

4. Escreva uma função que retorne a área de um triângulo, a partir dos valores de base e altura fornecidos.

5. Escreva uma função que encontre a área e o perímetro de um círculo, de acordo com o raio fornecido.

6. Escreva uma função que mostre na tela um número fornecido pelo usuário, porém invertido. Por exemplo, o usuário fornece o número 875 e a função mostra na tela o número 578.

7. Escreva uma função que permita contar o número de vogais contidas em uma string fornecida pelo usuário. Por exemplo, o usuário informa a string “Beterraba”, e a função retorna o número 4 (há 4 vogais nessa palavra).

Obs. Ignore vogais acentuadas, para simplificar.

8. Escreva uma função que informe o retorno de um investimento (montante) com base nos valores do capital inicial, tempo em meses e taxa de juros mensal, fornecidos pelo usuário.

Use a fórmula: M = C * (1+i)t
Onde:

  • C = Capital inicial investido
  • i = Taxa de juros, em percentual
  • t = Tempo do investimento, em meses

Exiba o resultado com duas casas decimais.

9. Escreva uma função que calcule e retorne o fatorial de um número inteiro fornecido pelo usuário.

10. Escreva uma função em JavaScript que conte quantas vezes um caractere aparece em uma string. Tanto o caractere quanto a string devem ser fornecidos pelo usuário.

11. Escreva uma função que verifica se um número fornecido pelo usuário em um prompt é primo ou não.

Resolução dos exercícios de JavaScript

1.

function mostraMensagem() {
    document.write("Bom dia, Mundo!!!");
}

2.

function calculaCubo(num) {
    return num*num*num;
}

Teste – Calcular o cubo de 6:

document.write(calculaCubo(6));

3.

function converteFparaC(F) {
    var celsius = (F - 32) * (5 / 9)
    return celsius;
}

Teste: Converter a temperatura de ebulição da água em Fahrenheit (212°F) para Celsius.

document.write(converteFparaC(212));

4.

function areaTriangulo(b, a) {
    var area = (b * a) / 2
    return area;
}

Exemplo: Qual a área de um triângulo cuja base mede 5cm e a altura, 10cm?

var base = 5
var altura = 10
document.write("Área do triângulo: " + areaTriangulo(base, altura) + " cm²");

5.

function calculaCirculo(raio) {
    return `Perímetro: ${2*Math.PI*raio} <br> Área: ${Math.PI*raio*raio}`;
}

Teste com um círculo de raio 10:

document.write(calculaCirculo(10));

6.

function inverteNum(num) {
    var inverso = 0;
    while(num != 0)
    {
        inverso = inverso * 10;
        inverso = inverso + num % 10;
        num = Math.trunc(num/10); // Remover casas decimais
    }
    return inverso;
}

Teste com o número 875:

document.write(inverteNum(875));

7.

function contaVogais(texto) {
    var cont = 0;
    texto=texto.toLowerCase();
    for(var i=0; i<texto.length; i++){
        if(texto.charAt(i)=="a"||texto.charAt(i)=="e"||texto.charAt(i)=="i"||texto.charAt(i)=="o"||texto.charAt(i)=="u"){
            cont++; //Incrementa a contagem de vogais
        }
    }
    return cont;
}

Teste com a palavra “JavaScript”:

n = contaVogais("JavaScript");
document.write("Número de vogais: " + n);

8.

function retornoInvestimento(c, i, t) {
    var m = c * (1 + i) ** t;
    return m;
}

Exemplo: Qual o montante (total) a ser recebido de um investimento de R$ 10.000,00 em um título que rende 0,5% ao mês, por um período de 2 anos (24 meses)?

var capital = 10000
var txJuros = 0.5 / 100
var periodo = 24
var montante = retornoInvestimento(capital, txJuros, periodo);
document.write("Montante a resgatar: " + montante.toFixed(2));

9.

function calcFatorial(num) {
    if(num < 0) {
        return "Número inválido";
    }
    if(num==1 || num==0){
        return 1; // Caso base
    }
    return num*calcFatorial(num-1);
}

Teste: calcular fatorial de 5:

document.write(calcFatorial(5));

10.

function contaLetras(texto, letra) {
    var cont=0;
    texto=texto.toLowerCase(); //Coloca texto em minúsculas
    for(var i=0; i<texto.length; i++){
        if(texto.charAt(i) == letra){
            cont++; //Incrementa contagem
        }
    }
    return cont;
}

Teste: quantas vezes a letra “a” aparece na palavra “JavaScript”?

document.write(contaLetras("JavaScript", "a"));

11. 

function numeroPrimo(n) {

// Verificar se número é igual a 1 (não é primo)
    if (n === 1) {
        return "Número 1 não é primo.";
    }
// Verificar se número é menor do 1 (não são primos)
    else if (n < 1) {
        return "Números menores que 1 não são primos.";
    }
    else {
        for (i = 2; i < n; i++) {
            if (n % i == 0) {
                primo = false;
                break;
            }
        }
    }

    if (primo) {
        return `${n} é um número primo`;
    }
    else {
        return `${n} não é um número primo`;
    }
}

Teste: verificar se um número é primo:

const numero = parseInt(prompt("Digite um número inteiro qualquer, positivo:"));
let primo = true;
res = numeroPrimo(numero);
document.write(res);

 

O post Exercícios de JavaScript Resolvidos – Funções apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

]]> https://www.bosontreinamentos.com.br/programacao-em-javascript/exercicios-de-javascript-resolvidos-funcoes/feed/ 0 5 Linguagens de Programação para aprender em 2021 https://www.bosontreinamentos.com.br/carreira/5-linguagens-de-programacao-para-aprender-em-2021/ https://www.bosontreinamentos.com.br/carreira/5-linguagens-de-programacao-para-aprender-em-2021/?noamp=mobile#comments Fri, 18 Dec 2020 12:48:47 +0000 http://www.bosontreinamentos.com.br/?p=17357 5 Linguagens de Programação para aprender em 2021 Finalmente chegamos ao final do ano de 2020. Para boa parte das pessoas, um ano para esquecer – para mim, sem dúvida, um dos piores períodos em diversos quesitos. Esperamos que o próximo ano seja melhor – e vamos trabalhar para que isso se concretize. Uma das melhores coisas que podemos fazer é nos prepararmos de forma metódica e planejada, e estudar para enriquecer nosso currículo profissional e avançar em nossas carreiras é o caminho a seguir. Por conta disso trago neste artigo algumas dicas de linguagens de programação que valem a pena estudar durante o ano vindouro, de forma bem objetiva e clara: apenas linguagens com real potencial de trazer benefícios ao estudante / profissional. Escolher uma linguagem de programação Aprender uma nova linguagem de programação não é uma tarefa simples, principalmente se você for iniciante. O processo pode ser demorado, complicado e frustrante – e no final você pode acabar usando seu tempo precioso para estudar uma linguagem de programação que não terá tanta utilidade em suas vida profissional. Por isso é importante saber escolher qual linguagem (ou quais) você irá estudar. As opções são muitas, e algumas linguagens que [...]

O post 5 Linguagens de Programação para aprender em 2021 apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

]]> 5 Linguagens de Programação para aprender em 2021

Finalmente chegamos ao final do ano de 2020. Para boa parte das pessoas, um ano para esquecer – para mim, sem dúvida, um dos piores períodos em diversos quesitos.

Esperamos que o próximo ano seja melhor – e vamos trabalhar para que isso se concretize. Uma das melhores coisas que podemos fazer é nos prepararmos de forma metódica e planejada, e estudar para enriquecer nosso currículo profissional e avançar em nossas carreiras é o caminho a seguir.

Por conta disso trago neste artigo algumas dicas de linguagens de programação que valem a pena estudar durante o ano vindouro, de forma bem objetiva e clara: apenas linguagens com real potencial de trazer benefícios ao estudante / profissional.

Escolher uma linguagem de programação

Aprender uma nova linguagem de programação não é uma tarefa simples, principalmente se você for iniciante. O processo pode ser demorado, complicado e frustrante – e no final você pode acabar usando seu tempo precioso para estudar uma linguagem de programação que não terá tanta utilidade em suas vida profissional.

Por isso é importante saber escolher qual linguagem (ou quais) você irá estudar. As opções são muitas, e algumas linguagens que hoje parecem muito importantes talvez percam relevância no futuro, ao passo que linguagens mais “obscuras” podem se tornar de uso comum e muito procuradas pelos profissionais e pelas empresas.

Existem literalmente centenas de linguagens de programação disponíveis hoje, e a demanda por essas linguagens varia ano a ano, com novas linguagens surgindo, outras se tornando mais populares, e outras tantas sendo menos utilizadas até se tornarem praticamente obsoletas.

Escolher uma linguagem de programação pode ser complicado – afinal, você pode acabar usando seu precioso tempo para aprender uma linguagem que, daqui a um ano (ou alguns meses!) não será mais relevante no mercado. Então, como escolher a linguagem (ou linguagens) mais indicadas para aprendizado, que tenham maior potencial de retorno para sua carreira?

Se você é iniciante no mundo do desenvolvimento de sistemas, a dica é investir nas linguagens mais consagradas, que tem ampla aceitação no mercado e utilização profunda pelas empresas – levando em consideração alguns fatores como crescimento de sua popularidade, nichos de atuação, novos entrantes (novas linguagens) que as possam substituir, quantidade de frameworks e bibliotecas disponíveis, demanda no mercado de trabalho, e outros.

As primeiras linguagens de programação com as quais tive contato foram Delphi, C, Basic e Assembly. Destas, apenas a linguagem C ainda é relevante nos dias de hoje – e, curiosamente, uma das mais importantes e estudadas ainda!

Porém as outras três acabaram se tornando obsoletas (Basic, Delphi) ou sendo usadas apenas em nichos muito específicos (Assembly, de novo Delphi). O mesmo deve acontecer com a maioria das linguagens mais novas que temos disponíveis – algumas serão usadas de forma intensiva pelos próximos anos ou até décadas, ao passo que outras são deixadas de lado rapidamente, substituídas por outras linguagens com mais recursos, mais performáticas ou simplesmente mais fáceis de aprender.

Neste artigo listo algumas das linguagens de programação que eu, pessoalmente, acredito que sejam importantes em 2021, e nas quais pode valer a pena investir tempo de estudo (e dinheiro, em alguns casos).

Bem, sem mais delongas, vamos à lista de linguagens para aprender em 2021!

JavaScript

Programação em Javascript

O JavaScript é uma das linguagens mais usadas no mundo, encontrando aplicação em dispositivos móveis, desenvolvimento de jogos, Internet das Coisas e, principalmente, desenvolvimento Web.

Amplamente empregada no desenvolvimento de aplicações front-end para websites, também pode ser usada em aplicações de back-end (lado servidor), com o ambiente de execução NodeJS.

Não é exatamente uma linguagem simples de se aprender, devido à sua sintaxe, comandos e integração com outras linguagens, mas sem dúvida é uma das mais importantes, e você deve estudar JavaScript com certeza absoluta se tem a mínima intenção de trabalhar com desenvolvimento para Web e afins. O JS é executado normalmente em um navegador, oferecendo uma interface bastante responsiva para as aplicações web, sem a necessidade de compilação de código.

C++ (e C)

Linguagem de Programação C++

O C++ é a linguagem mais antiga dessa minha lista, mas não por isso menos importante que as demais.

Na prática, eu listaria C/C++, pois as duas linguagens tem muitos pontos em comum – mas o paradigma orientado a objetos do C++ faz com que seja mais simples (menos complicado?) desenvolver sistemas nesta linguagem. Mas recomendo também a linguagem C, uma das mais usadas no mundo hoje e a mais importante da história da programação.

Desenvolvida por Bjarne Stroustrup em 1985, o C++ é uma das linguagens mais eficientes e flexíveis que existem, permitindo a criação de aplicações de alta performance e alta confiabilidade, sendo empregada em áreas diversas como Programação de Sistemas, Desenvolvimento de Jogos, Aplicações para Web e Desktop, Área Financeira, Sistemas Embarcados, Aplicações de Tempo Real, Veículos Autônomos e Inteligência Artificial, entre outras.

E é justamente essa demanda de sistemas autônomos, embarcados e jogos de alta performance que fazem com que o C/C++ esteja presente nesta lista. São linguagens antigas e ao mesmo tempo suportam as tecnologias do futuro!

Uma das grandes desvantagens do C++ é sua curva de aprendizado acentuada, pois possui uma sintaxe complexa, e seu sistema de orientação a objetos não é tão claro quanto, por exemplo, o da linguagem Java. Também peca em alguns pontos como a alocação de memória dinâmica ou coletor de lixo. Não é recomendada como linguagem de escolha para iniciantes em programação.
Porém, aplicações escritas em C e C++ são extremamente rápidas, sendo insubstituíveis em muitos casos.

Java

Linguagem Java da Oracle

Criada por James Gosling em 1995 na Sun Microsystems, é provavelmente a linguagem mais usada atualmente em ambiente empresarial. Totalmente orientada a objetos, aplicações escritas em Java podem rodar em qualquer plataforma, bastando para isso ter alguma implementação de Máquina Virtual Java instalada (JVM). É ideal para aplicações de computação distribuída, além de suportar multithreading.

Suas principais aplicações são no desenvolvimento de aplicações Desktop (como o notório programa da Imposto de Renda!), aplicações Web e Mobile (para Android), e nas áreas de serviços Financeiros e aplicações Científicas, entre outras. O Java possui uma variedade enorme de bibliotecas open source e diversas APIs, que facilitam o desenvolvimento de aplicações que envolvam bancos de dados, conectividade à redes, manipulação de formatos variados de dados e muito mais.

Uma de suas desvantagens é o fato do ambiente Java se relativamente “pesado”, demandando recursos de hardware específicos, além de ser mais lenta (é interpretada) em comparação com aplicações escritas em linguagens como C/C++ (que são compiladas). O gerenciamento de memória também não é excelente.

PHP

Curso de PHP com MySQL - Mascote

Podem fazer memes e falarem o que quiserem, mas o PHP ainda é linguagem dominante em aplicações Web Back End. Quase 1/4 dos websites na Internet usam PHP de alguma forma, sendo empregada primariamente na criação de websites dinâmicos e blogs, como os criados usando a plataforma WordPress.

Linguagem multiparadigma (funcional, imperativa, orientada a objetos) lançada em 1995, o PHP possui um vasto ecossistema de aplicações e bibliotecas, e uma grande comunidade para suporte, alé de diversos frameworks que facilitam o desenvolvimento de aplicações na linguagem (como o Laravel).

O PHP hoje sofre competição de linguagens como o Python e o JavaScript (Node), mas ainda impera no quesito linguagem server-side para web. Sua facilidade de aprendizado e a grande quantidade de bibliotecas e frameworks a tornam uma linguagem ideal para quem está iniciando em desenvolvimento web e deseja se inserir no mercado de trabalho sem necessariamente trabalhar com front end (HTML/CSS).

As maiores criticas ao PHP recaem sobre características de segurança e gerenciamento de erros um pouco deficiente, que demandam um maior cuidado ao desenvolver sistemas e aplicações que tratam dados mais sensíveis. Além disso não é tão veloz quanto se espera de uma linguagem de back end.

Python

Logotipo Python

Python, desenvolvida por Guido van Rossum em Amsterdam, na Holanda em 1990, é minha escolha número um para 2021. Uma das linguagens mais versáteis que existem atualmente, pode ser empregada no desenvolvimento de aplicações para inúmeras áreas, sendo dominante em Ciência de Dados, Machine Learning e Automação em geral. Mas o Python também pode ser utilizado para desenvolver aplicações Web, Desktop, para servidores de Rede, IoT (Internet das Coisas) e muito mais.

Além disso, sua sintaxe muito clara e organizada permite que seja aprendida com bastante facilidade, e em menor tempo que as outras linguagens, sendo por isso muito recomendada para iniciantes em programação em geral. É uma das linguagens mais utilizadas no mundo atualmente, além de ser altamente extensível com o emprego de suas inúmeras bibliotecas, como Matplotlib, Pandas, NumPy e diversas outras.

De acordo com o índice TIOBE de linguagens de programação, o Python é a terceira linguagem mais popular no mundo, atrás apenas das linguagens C e Java (desta última por uma pequena margem de menos de 0,4%):

Índice TIOBE de linguagens de programação - dezembro de 2020

Índice TIOBE – 12/2020. Fonte: www.tiobe.com/tiobe-index/

Sua maior desvantagem é que o Python é relativamente lento em comparação com outras linguagens, pois se trata de uma linguagem interpretada, de modo que para algumas aplicações, como sistemas de tempo real, não é a tecnologia mais indicada.

Outras linguagens

Além das cinco linguagens de programação citadas anteriormente, destaco mais duas (dessa vez, apostas) que podem ter impacto em seu currículo e em sua carreira. Uma delas é a linguagem Go (Golang), que vem crescendo paulatinamente, e a outra é a linguagem R, de nicho mais específico (ciência de dados / análise estatística), bastante utilizada no meio profissional.

Linguagem Go

Golang - Linguagem Go de Programação

Linguagem de programação criada pelo Google, também conhecida como Golang. Uma de suas principais características é o excelente suporte a multithreading, sendo ideal para o desenvolvimento de aplicações para sistemas distribuídos de grande porte.

É uma linguagem relativamente simples de aprender, devido à sua sintaxe clara e objetiva, mas ainda assim não tão fácil quanto o Python. Porém é bem rápida, sendo compilada em código de máquina, e se você trabalha em projetos de software de grande porte, que emprega processamento pesado em paralelizado, a linguagem Go é uma ótima escolha.

Linguagem R

Linguagem R

A linguagem R, desenvolvida por Robert Gentleman e Ross Ihaka na Universidade de Auckland (Nova Zelândia) em 1992, é uma linguagem de código aberto para análise de dados estatística, amplamente empregada nas áreas de Ciência de Dados, Computação Estatística, Big Data e Aprendizado de Máquina. Seu aprendizado não é tão simples quanto o da linguagem Python, porém possui um rico ecossistema de pacotes, bibliotecas e ferramentas, incluindo bibliotecas para visualização gráfica de dados de alto padrão.

Permite o desenvolvimento de algoritmos para aprendizado de máquina altamente complexos e poderosos, e por conta dessas características é usada por muitas organizações atualmente.

Entre os pontos fracos do R podemos citar o gerenciamento de memória, não tão eficiente, e a falta de padrões de segurança mais elevados. Mas isso acaba não afetando o uso da linguagem, pois seu rico conjunto de ferramentas compensa facilmente essas deficiências.

Conclusão

Mostrei neste artigo cinco linguagens de programação para aprender em 2021 (que eu acredito serem relevantes em 2021), e nas quais vale a pena investir seu tempo de estudo. Não há nenhuma novidade ou grande surpresa na lista, pois afinal as linguagens apresentadas são as dominantes no mercado em seus nichos específicos, e todas tem grande potencial de te ajudar a alavancar sua carreira em tecnologia. 

É evidente que, se você pretende trabalhar, por exemplo, com desenvolvimento Web, deve dar preferência ao estudo de JavaScript e PHP em vez de C/C++ ou R; já se pretende trabalhar com ciência de dados, deve focar seus esforços no Python e linguagem R (e outras, como a linguagem Julia – assunto para um outro artigo!).

É isso aí! Bom final de ano a todos (e que o ano termine logo), e nos vemos em 2021. Abraço!

 

O post 5 Linguagens de Programação para aprender em 2021 apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

]]> https://www.bosontreinamentos.com.br/carreira/5-linguagens-de-programacao-para-aprender-em-2021/feed/ 3 Como converter strings para números em JavaScript https://www.bosontreinamentos.com.br/programacao-em-javascript/como-converter-strings-para-numeros-em-javascript/ https://www.bosontreinamentos.com.br/programacao-em-javascript/como-converter-strings-para-numeros-em-javascript/?noamp=mobile#respond Sat, 09 Feb 2019 16:34:59 +0000 http://www.bosontreinamentos.com.br/?p=14262 Converter strings para números em JavaScript Em JavaScript, assim como na maioria das linguagens de programação, podemos representar valores numéricos como números mesmo, ou como strings. Geralmente usamos a representação como string quando é necessário exibir resultados ou informações para o usuário, e não precisamos realizar cálculos com os valores numéricos. Porém, para ser capaz de realizar cálculos numéricos com os valores (por exemplo, advindos de um formulário), é necessário que esses valores estejam representados no formato adequado, ou seja, que sejam do tipo numérico. Caso contrário, as operações aritméticas podem falhar: uma soma pode ser interpretada como uma concatenação de strings, por exemplo. Neste artigo vou mostrar três funções simples que podem ser utilizadas para realizar a conversão de strings para valores numéricos explicitamente. Converter string para inteiro: Método parseInt() Podemos converter uma string em um valor numérico inteiro empregando o método parseInt(). Sintaxe: parseInt(numero, base) numero é o valor de string que deve ser convertido em tipo numérico (deve ser um número que está sendo representado como string; caracteres de texto não podem ser convertidos). base é a base numérica a utilizar. O padrão é 10, caso nenhuma base seja informada. O método retorna NaN (Not a Number) [...]

O post Como converter strings para números em JavaScript apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

]]> Converter strings para números em JavaScript

Em JavaScript, assim como na maioria das linguagens de programação, podemos representar valores numéricos como números mesmo, ou como strings.

Geralmente usamos a representação como string quando é necessário exibir resultados ou informações para o usuário, e não precisamos realizar cálculos com os valores numéricos.

Porém, para ser capaz de realizar cálculos numéricos com os valores (por exemplo, advindos de um formulário), é necessário que esses valores estejam representados no formato adequado, ou seja, que sejam do tipo numérico. Caso contrário, as operações aritméticas podem falhar: uma soma pode ser interpretada como uma concatenação de strings, por exemplo.

Neste artigo vou mostrar três funções simples que podem ser utilizadas para realizar a conversão de strings para valores numéricos explicitamente.

Converter string para inteiro: Método parseInt()

Podemos converter uma string em um valor numérico inteiro empregando o método parseInt().

Sintaxe:

parseInt(numero, base)
  • numero é o valor de string que deve ser convertido em tipo numérico (deve ser um número que está sendo representado como string; caracteres de texto não podem ser convertidos).
  • base é a base numérica a utilizar. O padrão é 10, caso nenhuma base seja informada.

O método retorna NaN (Not a Number) se o valor não puder ser convertido em inteiro.

Exemplo:

var entrada = '30';
var numInteiro = parseInt(entrada, 10);
//ou simplesmente
var numInteiro = parseInt(entrada, 10);

Converter string para decimal: Método parseFloat()

Podemos também converter uma string em um valor numérico de ponto flutuante empregando o método parseFloat().

Sintaxe:

parseFloat(numero)
  • numero é o valor de string que deve ser convertido em tipo numérico (caracteres de texto não podem ser convertidos).

Exemplo:

var entrada = '3.1415';
var pi = parseFlot(entrada);

Converter strings para números: o objeto Number()

O objeto Number() também pode ser empregado para realizar a conversão de uma string em valor numérico. O número retornado pode ser um inteiro ou um número de ponto flutuante.

Se uma string de texto for passada para este método, será retornado o valor “NaN”, que significa “Not a Number” (Não é um Número).

Sintaxe:

Number(valor)
  • valor é a string que deve ser convertida em tipo numérico (caracteres de texto não podem ser convertidos).

O método Number também pode converter valores de data em números, retornando o número de milissegundos decorridos desde 01/01/1970 00:00:00 UTC.

Exemplo:

var entrada = '600';
var result = Number(entrada);

No geral, se você souber qual o tipo de número esperado, recomenda-se usar o método apropriado (parseInt ou parseFloat), em vez do objeto Number.

 

O post Como converter strings para números em JavaScript apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

]]> https://www.bosontreinamentos.com.br/programacao-em-javascript/como-converter-strings-para-numeros-em-javascript/feed/ 0 Curso de JavaScript – Método getElementById() https://www.bosontreinamentos.com.br/programacao-em-javascript/curso-de-javascript-metodo-getelementbyid/ https://www.bosontreinamentos.com.br/programacao-em-javascript/curso-de-javascript-metodo-getelementbyid/?noamp=mobile#comments Wed, 30 Jan 2019 13:55:07 +0000 http://www.bosontreinamentos.com.br/?p=14165 Método getElementById() O método getElementById() permite obter um elemento do documento a partir de seu atributo ID especificado. É um método importante e muito empregado para obter informações ou manipular um elemento em um documento HTML. É suportado atualmente por todos os navegadores mais comuns. Este método retorna o valor null se nenhum elemento com o id especificado for encontrado. Sintaxe: document.getElementById("ID"); Onde o parâmetro ID é o valor do atributo id do elemento que desejamos obter. Uma observação importante: o atributo ID é uma string case-sensitive, ou seja, que diferencia maiúsculas de minúsculas. Como trabalhar com a propriedade value Podemos utilizar a propriedade value para obter e manipular o valor inserido em um controle como textbox, password, textarea ou outros controles específicos em um formulário: var item = document.getElementById("id-controle"); // Para verificar o valor: console.log(item.value); Podemos modificar o valor do controle por meio da propriedade value também: item.value = "Novo valor atribuído"; Como trabalhar com a propriedade innerHTML Podemos também obter ou modificar o valor presente em um elemento fora de um formulário, como um parágrafo <p> ou <span>, usando a propriedade innerHTML: 1 – Ler o valor de um elemento de id ID_elemento: var x = document.getElementById("ID_elemento").innerHTML; 2 [...]

O post Curso de JavaScript – Método getElementById() apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

]]> Método getElementById()

O método getElementById() permite obter um elemento do documento a partir de seu atributo ID especificado.

É um método importante e muito empregado para obter informações ou manipular um elemento em um documento HTML. É suportado atualmente por todos os navegadores mais comuns.

Este método retorna o valor null se nenhum elemento com o id especificado for encontrado.

Sintaxe:

document.getElementById("ID");

Onde o parâmetro ID é o valor do atributo id do elemento que desejamos obter.

Uma observação importante: o atributo ID é uma string case-sensitive, ou seja, que diferencia maiúsculas de minúsculas.

Como trabalhar com a propriedade value

Podemos utilizar a propriedade value para obter e manipular o valor inserido em um controle como textbox, password, textarea ou outros controles específicos em um formulário:

var item = document.getElementById("id-controle");

// Para verificar o valor:
console.log(item.value);

Podemos modificar o valor do controle por meio da propriedade value também:

item.value = "Novo valor atribuído";

Como trabalhar com a propriedade innerHTML

Podemos também obter ou modificar o valor presente em um elemento fora de um formulário, como um parágrafo <p> ou <span>, usando a propriedade innerHTML:

1 – Ler o valor de um elemento de id ID_elemento:

var x = document.getElementById("ID_elemento").innerHTML;

2 – Modificar o valor de um elemento de id ID_elemento:

document.getElementById("ID_elemento").innerHTML = "Novo valor";

Exemplos

Exemplo 01

Capturamos o texto digitado em uma caixa de texto do tipo input box e realizamos algumas ações sobre esse valor:

  • Exibir uma mensagem em uma caixa de alerta
  • Copiar o valor dessa caixa de texto para outra caixa de texto
  • Escrever o valor no corpo da página, usando um elemento <span> e a propriedade innerHTML do objeto.
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<title>getElementById JavaScript</title>
<meta charset="UTF-8">

<script>
function mensagem() {
var valorNome = document.getElementById("idNome").value;

// Exibir mensagem em caixa de alerta:
alert("Bem-vindo, " + valorNome);

// Copiar valor de uma caixa de texto para outra:
document.getElementById("idNomeDigitado").value = document.getElementById("idNome").value;

// Escrever na página (usando conteiner span):
document.getElementById("mostraValor").innerHTML = "Muito bem, " + valorNome + " !"; 
}
</script>
</head>

<body>
<p>Usando JavaScript getElementById</p>
<form name="teste" method="GET" >
<input type="text" name="nome" id="idNome"><br>
<input type="text" name="nomeDigitado" id="idNomeDigitado"> 
<button type="button" name="botao" id="idBotao" onclick="mensagem();">Clique Aqui</button>
</form>

<p><span id="mostraValor"></span></p>
</body>
</html>

Exemplo 02

Alteramos a cor de um elemento da página pressionando botões. Para isso vamos alterar as propriedades style.color, style.backgroundColor e style.borderBottom do elemento. Para isso criaremos duas funções distintas, mudaCor() e mudaCorFundo():

<!DOCTYPE html>
<html lang="pt-BR">
<head>
<title>Exemplo getElementById</title>
<meta charset="UTF-8">

<script>
estado = 0;
function mudaCor(cor) {
  var elemento = document.getElementById("item");
  elemento.style.color = cor;
}
    
function mudaCorFundo(cor) {
  var elemento = document.getElementById("item");
  if (estado == 0) {
    elemento.style.backgroundColor = "lightblue";
    elemento.style.borderBottom = "3px solid purple";
    estado = 1;
  }
  else {
    elemento.style.backgroundColor = "white";
    elemento.style.borderBottom = "none"; 
    estado = 0;
  }
}
</script>
</head>
<body>
<p>Se inscreva no canal da <span id="item">Bóson Treinamentos em Tecnologia</span>!</p>
<button onclick="mudaCor('green');">Verde</button>
<button onclick="mudaCor('magenta');">Magenta</button>
<br><br>
<button onclick="mudaCorFundo('blue');">Cor de fundo Azul</button>
</body>
</html>

Exemplo 03

Vamos criar um script que permite calcular o quadrado de um número digitado em uma caixa de input, exibindo o resultado em outra caixa de input e também no corpo da página:

<!DOCTYPE html>
<html lang="pt-BR">
<head>
<title>getElementById JavaScript</title>
<meta charset="UTF-8">

<script>
function calculaQuadrado() {
var valor = document.getElementById("idNumero").value;

// Calcular quadrado e inserir valor calculado na caixa de texto adequada:
var quadrado = valor * valor; 
document.getElementById("idCalculado").value = quadrado

// Escrever na página (usando conteiner span):
document.getElementById("calculaValor").innerHTML = "O quadrado calculado é " + quadrado + " .";

document.getElementById("numeroDigitado").innerHTML = "O quadrado de " + valor + " é: ";

// Para testes apenas:
console.log(idNumero.value);
}
</script>
</head>

<body>

<h2>Calcular o quadrado de um número</h2>

<form name="formTeste" method="GET" >
<input type="text" name="numero" id="idNumero"><br><br>
<button type="button" name="botao" id="idBotao" onclick="calculaQudrado();">Calcular Quadrado!</button><br><br>
<label for="idcalculado"><span id="numeroDigitado"></span></label>
<input type="text" name="valorQuadrado" id="idCalculado"> 
</form>

<p><span id="calculaValor"></span></p>
</body>
</html>

Exemplo 04

Agora vamos trabalhar com uma caixa de cores (HTML5), que nos permitirá selecionar as cores do texto e de fundo a serem aplicadas em um conteiner <span>:

<!DOCTYPE html>
<html lang="pt-BR">
<head>
<title>Exemplo getElementById</title>
<meta charset="UTF-8">

<script>
estado = 0;

function mudaCores() {
  var elemento = document.getElementById("item");
  var cor = document.querySelector("#paletaCor");
  var corFundo = document.querySelector("#paletaCorFundo");
  if (estado == 0) {
    elemento.style.color = cor.value;
    elemento.style.backgroundColor = corFundo.value;
    elemento.style.border = "3px solid purple";
    elemento.style.fontSize = "200%";
    estado = 1;
  }
  else {
    elemento.style.color = "black";
    elemento.style.backgroundColor = "white";
    elemento.style.border = "none"; 
    elemento.style.fontSize = "100%";
    estado = 0;
  }
}
</script>
</head>

<body>

<p>Se inscreva no canal da <span id="item">Bóson Treinamentos em Tecnologia</span>!</p>
<label for="paletaCor">Cor do texto:</label>
<input type="color" value="#0000ff" id="paletaCor">

<label for="paletaCorFundo">Cor do fundo:</label>
<input type="color" value="#0000ff" id="paletaCorFundo">
<br><br>
<button onclick="mudaCores();">Aplica Cores Selecionadas</button>

</body>
</html>

Visualização:

Usando o método getElementById e caixa de Cores HTML para alterar cor de texto

Usando o método getElementById e caixa de Cores HTML para alterar cor de texto

Note que usamos um novo método: document.querySelector(). Este método permite ler um elemento HTML, recebendo como parâmetro um seletor CSS – no caso, usamos o ID da caixa de cores (elemento color). Se for usado o método getElementById() obteremos o mesmo resultado aqui – tente alterar o método para testar!

Falaremos de forma mais aprofundada sobre o querySelector() em outra lição.

 

O post Curso de JavaScript – Método getElementById() apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

]]> https://www.bosontreinamentos.com.br/programacao-em-javascript/curso-de-javascript-metodo-getelementbyid/feed/ 2 Data e Hora em JavaScript 03 – métodos set do objeto Date (setters) https://www.bosontreinamentos.com.br/programacao-em-javascript/data-e-hora-em-javascript-03-metodos-set-objeto-date-setters/ https://www.bosontreinamentos.com.br/programacao-em-javascript/data-e-hora-em-javascript-03-metodos-set-objeto-date-setters/?noamp=mobile#respond Mon, 06 Mar 2017 21:52:12 +0000 http://www.bosontreinamentos.com.br/?p=9088 Métodos set do objeto Date (setters) Os métodos set do objeto Date são utilizados para alterar (ajustar)  partes da data e hora armazenada. A tabela a seguir mostra os métodos setters mais comuns do objeto Date. Método Descrição setDate() Configura o dia do mês, entre 1 e 31 setFullYear() Configura o ano com 4 dígitos setHours() Ajusta a hora, entre 0 e 23 setMilliseconds() Configura os milissegundos, entre 0 e 999 setMinutes() Configura os minutos da hora, entre 0 e 59 setMonth() Configura o mês, entre 0 e 11 (0 é janeiro) setSeconds() Configura os segundos do minuto, entre 0 e 59 setTime() Configura o tempo em milissegundos decorridos desde 01/01/1970 Exemplos de aplicação dos setters do objeto Date: O código a seguir ilustra o uso dos métodos set do objeto Date em JavaScript: <html> <head> <title>Datas em JavaScript: Setters</title> </head> <body> <script> // Array com os nomes dos meses do ano: var mes = ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"]; var semana = ["Domingo", "Segunda-feira", "Terça-feira", "Quarta-feira", "Quinta-feira", "Sexta-feira", "Sábado"]; var hoje = new Date(); //Data e hora atuais // Exibindo os valores iniciais de data e hora no navegador: document.write("Exibindo os valores iniciais [...]

O post Data e Hora em JavaScript 03 – métodos set do objeto Date (setters) apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

]]> Métodos set do objeto Date (setters)

Os métodos set do objeto Date são utilizados para alterar (ajustar)  partes da data e hora armazenada.

A tabela a seguir mostra os métodos setters mais comuns do objeto Date.

Método Descrição
setDate() Configura o dia do mês, entre 1 e 31
setFullYear() Configura o ano com 4 dígitos
setHours() Ajusta a hora, entre 0 e 23
setMilliseconds() Configura os milissegundos, entre 0 e 999
setMinutes() Configura os minutos da hora, entre 0 e 59
setMonth() Configura o mês, entre 0 e 11 (0 é janeiro)
setSeconds() Configura os segundos do minuto, entre 0 e 59
setTime() Configura o tempo em milissegundos decorridos desde 01/01/1970

Exemplos de aplicação dos setters do objeto Date:

O código a seguir ilustra o uso dos métodos set do objeto Date em JavaScript:

<html>
<head>
<title>Datas em JavaScript: Setters</title>
</head>
<body>
<script>
// Array com os nomes dos meses do ano:
var mes = ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"];
var semana = ["Domingo", "Segunda-feira", "Terça-feira", "Quarta-feira", "Quinta-feira", "Sexta-feira", "Sábado"];
var hoje = new Date(); //Data e hora atuais

// Exibindo os valores iniciais de data e hora no navegador:
document.write("Exibindo os valores iniciais de data e hora no navegador: </br>");
document.write("Dia do mês: ", hoje.getDate(), "<br/>");
document.write("Mês: ", mes[hoje.getMonth()], "<br/>");
document.write("Ano: ", hoje.getFullYear(), "<br/>");
document.write("Dia da semana: ", semana[hoje.getDay()], "<br/>");
document.write("Hora: ", hoje.getHours(), "<br/>");
document.write("Minutos: ", hoje.getMinutes(), "<br/>");
document.write("Segundos: ", hoje.getSeconds(), "<br/>");

// Função que permite alterar data e hora:
function alteraData() {
 hoje.setDate(document.getElementById("dia").value);
 hoje.setMonth(document.getElementById("mes").value - 1);
 hoje.setFullYear(document.getElementById("ano").value);
 alert("Data: " + semana[hoje.getDay()] + ", " + hoje.getDate() + " de " + mes[hoje.getMonth()] + " de " + hoje.getFullYear());
}
</script>

<form name="Datas">
<p>Preencha os campos a seguir para alterar a data e clique no botão "Alterar Data"</p>
<label>Dia:</label>
<input type="text" name="dia" id="dia" size=4 placeholder="Dia"/><br/>
<label>Mês:</label>
<select name="mes" id="mes">
 <option value="1">Janeiro</option>
 <option value="2">Fevereiro</option>
 <option value="3">Março</option>
 <option value="4">Abril</option>
 <option value="5">Maio</option>
 <option value="6">Junho</option>
 <option value="7">Julho</option>
 <option value="8">Agosto</option>
 <option value="9">Setembro</option>
 <option value="10">Outubro</option>
 <option value="11">Novembro</option>
 <option value="12">Dezembro</option>
</select>
<label>Ano:</label>
<input type="text" name="ano" id="ano" size=4 placeholder="Ano"/><br/>
<button name="alterarData" type="button" onclick="alteraData();">Alterar Data</button><br/>
</form>
</body>
</html>

Anterior: Visualizando Data e Hora com métodos get do objeto Date em JavaScript

O post Data e Hora em JavaScript 03 – métodos set do objeto Date (setters) apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

]]> https://www.bosontreinamentos.com.br/programacao-em-javascript/data-e-hora-em-javascript-03-metodos-set-objeto-date-setters/feed/ 0 Data e Hora em JavaScript 02 – métodos get do objeto Date (getters) https://www.bosontreinamentos.com.br/programacao-em-javascript/data-e-hora-em-javascript-02-metodos-get-do-objeto-date-getters/ https://www.bosontreinamentos.com.br/programacao-em-javascript/data-e-hora-em-javascript-02-metodos-get-do-objeto-date-getters/?noamp=mobile#comments Mon, 06 Mar 2017 21:23:40 +0000 http://www.bosontreinamentos.com.br/?p=9085 Métodos get do objeto Date (getters) Os métodos get do objeto Date são utilizados para obtermos partes da data e hora armazenada. A tabela a seguir mostra os métodos getters mais comuns do objeto Date. Método Descrição getDate() Retorna o dia do mês, entre 1 e 31 getDay() Dia da semana, entre 0 e 6 (0 é domingo) getFullYear() Ano com 4 dígitos getHours() Hora, entre 0 e 23 getMilliseconds() Milissegundos, entre 0 e 999 getMinutes() Minutos da hora, entre 0 e 59 getMonth() Mês, entre 0 e 11 (0 é janeiro) getSeconds() Segundos do minuto, entre 0 e 59 getTime() Milissegundos decorridos desde 01/01/1970 Exemplos de aplicação dos getters do objeto Date: O código a seguir ilustra o uso dos métodos get do objeto Date em JavaScript: <html> <head> <title>Datas em JavaScript</title> </head> <body> <script> // Array com os nomes dos meses do ano: var mes = ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"]; var hoje = new Date(); //Data e hora atuais var novadata = new Date(2015,11,21); //atribuindo data var milissegundos = new Date(1488569383588); //milissegundos desde 01/01/70 var dataDeString = new Date("2015/11/21"); //passando string // Exibindo os valores no navegador: document.write("Mês: ", hoje.getMonth(), [...]

O post Data e Hora em JavaScript 02 – métodos get do objeto Date (getters) apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

]]> Métodos get do objeto Date (getters)

Os métodos get do objeto Date são utilizados para obtermos partes da data e hora armazenada.

A tabela a seguir mostra os métodos getters mais comuns do objeto Date.

Método Descrição
getDate() Retorna o dia do mês, entre 1 e 31
getDay() Dia da semana, entre 0 e 6 (0 é domingo)
getFullYear() Ano com 4 dígitos
getHours() Hora, entre 0 e 23
getMilliseconds() Milissegundos, entre 0 e 999
getMinutes() Minutos da hora, entre 0 e 59
getMonth() Mês, entre 0 e 11 (0 é janeiro)
getSeconds() Segundos do minuto, entre 0 e 59
getTime() Milissegundos decorridos desde 01/01/1970

Exemplos de aplicação dos getters do objeto Date:

O código a seguir ilustra o uso dos métodos get do objeto Date em JavaScript:

<html>
<head>
<title>Datas em JavaScript</title>
</head>
<body>
<script>
// Array com os nomes dos meses do ano:
var mes = ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"];
var hoje = new Date(); //Data e hora atuais
var novadata = new Date(2015,11,21); //atribuindo data
var milissegundos = new Date(1488569383588); //milissegundos desde 01/01/70
var dataDeString = new Date("2015/11/21"); //passando string
// Exibindo os valores no navegador:
document.write("Mês: ", hoje.getMonth(), "<br/>");
document.write("Ano: ", hoje.getFullYear(), "<br/>");
document.write("Dia do mês: ", hoje.getDate(), "<br/>");
document.write("Dia da semana: ", hoje.getDay(), "<br/>");
document.write("Hora: ", hoje.getHours(), "<br/>");
document.write("Minutos: ", hoje.getMinutes(), "<br/>");
document.write("Segundos: ", hoje.getSeconds(), "<br/>");
document.write("Milissegundos desde 01/01/70: ", hoje.getTime(), "<br/>");
document.write("Ano (obtido a partir dos millisegundos): ", milissegundos.getFullYear(), "</br>");
document.write("Data atribuída na criação do objeto: ", novadata.getDate(), " de ", mes[novadata.getMonth()], " de ", novadata.getFullYear(), "</br>");
document.write("Data passada por string: ", dataDeString.getDate(), " de ", mes[dataDeString.getMonth()], " de ", dataDeString.getFullYear(), "</br>");
document.write("Data passada por string: ", dataDeString.getDate(), " de ", dataDeString.getMonth(), " de ", dataDeString.getFullYear(), "</br>");
document.write("Data passada por string em milissegundos: ", dataDeString.getTime());
</script>
</body>
</html>

Anterior: Data e hora em JavaScript: introdução ao objeto Date

Próximo: Ajustando Data e Hora no JavaScript – métodos setters do objeto Date

 

O post Data e Hora em JavaScript 02 – métodos get do objeto Date (getters) apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

]]> https://www.bosontreinamentos.com.br/programacao-em-javascript/data-e-hora-em-javascript-02-metodos-get-do-objeto-date-getters/feed/ 1 Data e Hora em Javascript: o objeto Date https://www.bosontreinamentos.com.br/programacao-em-javascript/data-e-hora-o-objeto-date-em-javascript/ https://www.bosontreinamentos.com.br/programacao-em-javascript/data-e-hora-o-objeto-date-em-javascript/?noamp=mobile#comments Mon, 06 Mar 2017 21:05:30 +0000 http://www.bosontreinamentos.com.br/?p=9081 Data e Hora em Javascript: o objeto Date O objeto Date é um objeto embutido do JavaScript que permite trabalhar com datas e horas. Com ele, podemos armazenar datas e realizar operações sobre elas, por meio dos métodos do objeto. As datas em JS são baseadas em um valor de tempo que corresponde ao número de milissegundos decorridos desde 01 de Janeiro de 1970, 00:00:00 UTC (O que chamamos de “época Unix”). Datas anteriores a esse dia são armazenadas na forma de número negativo de milissegundos. A faixa de datas suportadas pelo JS é de -100.000.000 de dias (anterior a 01/01/70) até 100.000.000 de dias após 01/01/1970. Os objetos Date em JS somente podem ser instanciados chamando-se seu construtor, ou seja, usando o comando new. Caso o objeto Date seja invocado como uma função (sem o operador new), será retornada uma string contendo a data e hora atuais. Sintaxe para criação de objetos Date Podemos criar um objeto Date de quatro formas distintas, como segue: Objeto contendo a data e hora atuais. Basta invocar o construtor, sem passar nenhum argumento: var data = new Date(); Passando o valor da data em milissegundos decorridos a partir de 01/01/1970, 00:00:00 (número inteiro): var data [...]

O post Data e Hora em Javascript: o objeto Date apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

]]> Data e Hora em Javascript: o objeto Date

O objeto Date é um objeto embutido do JavaScript que permite trabalhar com datas e horas.

Com ele, podemos armazenar datas e realizar operações sobre elas, por meio dos métodos do objeto.

As datas em JS são baseadas em um valor de tempo que corresponde ao número de milissegundos decorridos desde 01 de Janeiro de 1970, 00:00:00 UTC (O que chamamos de “época Unix”).

Datas anteriores a esse dia são armazenadas na forma de número negativo de milissegundos.

A faixa de datas suportadas pelo JS é de -100.000.000 de dias (anterior a 01/01/70) até 100.000.000 de dias após 01/01/1970.

Os objetos Date em JS somente podem ser instanciados chamando-se seu construtor, ou seja, usando o comando new.

Caso o objeto Date seja invocado como uma função (sem o operador new), será retornada uma string contendo a data e hora atuais.

Sintaxe para criação de objetos Date

Podemos criar um objeto Date de quatro formas distintas, como segue:

  1. Objeto contendo a data e hora atuais. Basta invocar o construtor, sem passar nenhum argumento:
var data = new Date();
  1. Passando o valor da data em milissegundos decorridos a partir de 01/01/1970, 00:00:00 (número inteiro):
var data = new Date(milissegundos);
  1. Passando uma data, com dia, mês e ano (mês é contado a partir do zero = janeiro):
var data = new Date(ano, mês, dia);

Se o ano for passado com dois dígitos, será mapeado como um ano entre 1900 e 1999.

Opcionalmente podemos também passar horas, minutos, segundos e milissegundos, nessa ordem. Na verdade, o único argumento obrigatório nesse método é o ano; o mês e o dia também são opcionais.

  1. Passando a data em uma string de formato específico:
var nome = new Date(string_de_Data);

Exemplos de criação de objeto Date

O código a seguir ilustra a criação de objetos Date em JavaScript:

<html>
<head>
<title>Datas em JavaScript</title>
</head>
<body>
<script>
// Array com os nomes dos meses do ano:
var mes = ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"];

var hoje = new Date(); //Data e hora atuais
var novadata = new Date(2015,11,21); //atribuindo data
var milissegundos = new Date(1488569383588); //milissegundos desde 01/01/70
var dataDeString = new Date("2015/11/21"); //passando uma string com a data
// Invocando o objeto Date como uma função (sem operador new):
document.write("Data: ", Date(), "<br/>");
document.write("Data em milissegundos: ", Date.now(), "<br/><br/>");
</script>

</body>
</html>

Visualizar e alterar objetos de data

Para visualizarmos os elementos de data e hora dos objetos instanciados, vamos nos utilizar dos métodos get do objeto Date (getters).

Podemos alterar os valores dos elementos de data e hora com o uso dos métodos set (setters).

Esses serão os assuntos das próximas lições.

O post Data e Hora em Javascript: o objeto Date apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

]]> https://www.bosontreinamentos.com.br/programacao-em-javascript/data-e-hora-o-objeto-date-em-javascript/feed/ 1 Curso Básico de JavaScript – Convertendo tipos de dados https://www.bosontreinamentos.com.br/programacao-em-javascript/curso-basico-de-javascript-convertendo-tipos-de-dados/ https://www.bosontreinamentos.com.br/programacao-em-javascript/curso-basico-de-javascript-convertendo-tipos-de-dados/?noamp=mobile#respond Wed, 14 Sep 2016 18:33:59 +0000 http://www.bosontreinamentos.com.br/?p=8114 Convertendo tipos de dados em JavaScript Às vezes precisamos informar em nosso código exatamente o tipo de dados que deve ser usado no processamento de informações. Como o JavaScript é uma linguagem não-tipada, existe o risco de um tipo de dado ser interpretado de forma errônea em alguns casos particulares, causando problemas no processamento dos dados. Podemos converter entre tipos de dados usando funções específicas no JavaScript, como os métodos parseInt() e parseFloat(), entre outras. Operador typeof Como operador typeof() podemos descobrir o tipo de um dado ou de uma variável. Veja os exemplos a seguir: <script> document.write(typeof "Fábio" + "<br />"); document.write(typeof 345.89 + "<br />"); document.write(typeof 12 + "<br />"); document.write(typeof true + "<br />"); </script> Converter números para strings Para converter um número em string, use o método String(), como no exemplo a seguir: <script> n = 20; document.write("A variável n é do tipo " + typeof n + "<br />"); n = String(n); document.write("A variável n agora é do tipo " + typeof n + "<br />"); </script> Podemos também usar o método toString() do objeto Number para realizar essa conversão: n = n.toString(); Convertendo valores lógicos para strings O método global String() também pode converter [...]

O post Curso Básico de JavaScript – Convertendo tipos de dados apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

]]> Convertendo tipos de dados em JavaScript

Às vezes precisamos informar em nosso código exatamente o tipo de dados que deve ser usado no processamento de informações.

Como o JavaScript é uma linguagem não-tipada, existe o risco de um tipo de dado ser interpretado de forma errônea em alguns casos particulares, causando problemas no processamento dos dados.

Podemos converter entre tipos de dados usando funções específicas no JavaScript, como os métodos parseInt() e parseFloat(), entre outras.

Operador typeof

Como operador typeof() podemos descobrir o tipo de um dado ou de uma variável. Veja os exemplos a seguir:

<script>
  document.write(typeof "Fábio" + "<br />");
  document.write(typeof 345.89 + "<br />");
  document.write(typeof 12 + "<br />");
  document.write(typeof true + "<br />");
</script>

Operador typeof() em JavaScript

Converter números para strings

Para converter um número em string, use o método String(), como no exemplo a seguir:

<script>
  n = 20;
  document.write("A variável n é do tipo " + typeof n + "<br />");
  n = String(n);
  document.write("A variável n agora é do tipo " + typeof n + "<br />");
</script>

Convertendo números para strings em javaScript

Podemos também usar o método toString() do objeto Number para realizar essa conversão:

n = n.toString();

Convertendo valores lógicos para strings

O método global String() também pode converter um valor lógico (booleano) para string:

<script>
b = true;
document.write("A variável b é do tipo " + typeof b + "<br />");
b = String(b);
document.write("A variável b agora é do tipo " + typeof b + "<br />");
</script>

Convertendo tipo de dados boolean para string em JavaScript

Podemos também usar o método toString() do objeto Boolean:

b = b.toString();

Convertendo uma string em número

Para converter uma string em um número podemos usar o método Number():

<script>
 a = "10";
 b = "23.6";
 document.write("A variável a é do tipo " + typeof a + "<br />");
 document.write("A variável b é do tipo " + typeof b + "<br />");
 a = Number(a);
 b = Number(b);
 document.write("A variável a agora é do tipo " + typeof a + "<br />");
 document.write("A variável b agora é do tipo " + typeof b + "<br />");
</script>

Convertendo tipo string para number em JavaScript

Convertendo string para número inteiro

Podemos converter uma string especificamente para um inteiro usando o método parseInt():

<script>
 a = "10";
 document.write("A variável a é do tipo " + typeof a + "<br />");
 a = parseInt(a);
 document.write("A variável a agora é do tipo " + typeof a + "<br />");
 document.write("Valor de a: " + a +  "<br />");
 b = "12.45";
 document.write("A variável b é do tipo " + typeof b + "<br />");
 document.write("Valor de b: " + b + "<br />");
 b = parseInt(b);
 document.write("A variável b agora é do tipo " + typeof b + "<br />");
 document.write("Valor de a: " + a +  "<br />");
 document.write("Valor de b: " + b);
</script>

Convertendo string para número de ponto flutuante (float)

Podemos converter uma string especificamente para um número de ponto flutuante usando o método parseFloat():

<script>
 a = "10";
 document.write("A variável a é do tipo " + typeof a + "<br />");
 a = parseFloat(a);
 document.write("A variável a agora é do tipo " + typeof a + "<br />");
</script>

Precisão de ponto flutuante

Quando trabalhamos com números de ponto flutuante. podemos controlar a precisão que será retornada (quantidade de casas decimais exibidas) usando o método toFixed(), o qual retorna uma string:

<script>
 a = 10.2;
 document.write("O valor de a é " + a.toFixed(2));
</script>

Precisão de números de ponto flutuante no JavaScript

Os valores são arredondados com o método toFixed() se o número de casas a exibir for menor que o número de casas decimais que o número possui.

Tanto toFixed() quanto toPrecision() (próxima seção) são métodos do objeto Number.

Comprimento de ponto flutuante

Quando trabalhamos com números de ponto flutuante, podemos controlar o comprimento total do número que será retornado usando o método toPrecision(), o qual retorna uma string:

<script>
 a = 10.2;
 document.write("O valor de a é " + a.toPrecision(5));
</script>

Neste exemplo o número 5 significa “exiba cinco dígitos”, incluindo o número em si e suas casas decimais.

Próximo: Operadores Relacionais

O post Curso Básico de JavaScript – Convertendo tipos de dados apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

]]> https://www.bosontreinamentos.com.br/programacao-em-javascript/curso-basico-de-javascript-convertendo-tipos-de-dados/feed/ 0 Curso básico de JavaScript – Operadores Aritméticos https://www.bosontreinamentos.com.br/programacao-em-javascript/curso-basico-de-javascript-operadores-aritmeticos/ https://www.bosontreinamentos.com.br/programacao-em-javascript/curso-basico-de-javascript-operadores-aritmeticos/?noamp=mobile#respond Mon, 12 Sep 2016 19:59:41 +0000 http://www.bosontreinamentos.com.br/?p=8082 Operadores Aritméticos em JavaScript Os operadores aritméticos são utilizados para a realização de cálculos simples em JavaScript. Representam as operações matemáticos básicas de soma, subtração, divisão e multiplicação, além de algumas operações especiais, como o módulo e incremento / decremento. O Módulo é o resto de uma divisão inteira. Por exemplo, se dividirmos 9 por 4 temos como resultado o valor 2,5; porém, se aplicarmos uma operação de módulo entre 9 e 4, teremos como resultado o valor 2 para a divisão inteira, e o resto igual a 1, que é o valor retornado pela operação de módulo. Incrementar significa aumentar o valor de algo, e decrementar significa diminuir o valor de algo (uma variável, por exemplo). Neste caso, o operador de incremento aumenta o valor de uma variável em 1, e o operador de decremento diminui o valor da variável em 1. A tabela a seguir mostra os operadores aritméticos e seus significados: Operador Significado + Soma – Subtração * Multiplicação / Divisão (normal) % Módulo ++ Incremento — Decremento Vejamos um exemplo de uso de operadores aritméticos em JavaScript. Exemplo 01: No código abaixo declaramos duas variáveis, a e b, cujos valores atribuídos são 10 e 20 respectivamente, e então [...]

O post Curso básico de JavaScript – Operadores Aritméticos apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

]]> Operadores Aritméticos em JavaScript

Os operadores aritméticos são utilizados para a realização de cálculos simples em JavaScript.

Representam as operações matemáticos básicas de soma, subtração, divisão e multiplicação, além de algumas operações especiais, como o módulo e incremento / decremento.

O Módulo é o resto de uma divisão inteira. Por exemplo, se dividirmos 9 por 4 temos como resultado o valor 2,5; porém, se aplicarmos uma operação de módulo entre 9 e 4, teremos como resultado o valor 2 para a divisão inteira, e o resto igual a 1, que é o valor retornado pela operação de módulo.

Incrementar significa aumentar o valor de algo, e decrementar significa diminuir o valor de algo (uma variável, por exemplo). Neste caso, o operador de incremento aumenta o valor de uma variável em 1, e o operador de decremento diminui o valor da variável em 1.

A tabela a seguir mostra os operadores aritméticos e seus significados:

Operador Significado
+ Soma
– Subtração
* Multiplicação
/ Divisão (normal)
% Módulo
++ Incremento
— Decremento

Vejamos um exemplo de uso de operadores aritméticos em JavaScript.

Exemplo 01: No código abaixo declaramos duas variáveis, a e b, cujos valores atribuídos são 10 e 20 respectivamente, e então aplicamos os operadores aritméticos mostrados em operações sucessivas para demonstrar seu funcionamento:

<script type="text/javascript">
    var a = 10;
    var b = 20;
    document.write("Soma: " + (a + b) + "<br />");
    document.write("Subtração: " + (a - b) + "<br />");
    document.write("Multiplicação: " + (a * b) + "<br />");
    document.write("Divisão: " + (a / b) + "<br />");
    document.write("Módulo: " + (b % a) + "<br />");
    document.write("Incremento: " + (++a) + "<br />");
    document.write("Decremento: " + (--b) + "<br />");
</script>

Exemplo 02: No próximo exemplo temos um script que calcula a área de um terreno a partir dos valores de largura e comprimento informados pelo usuário, em metros:

<script>
    alert("Vamos calcular a área de um terreno.");
    var a = prompt("Digite a largura em metros:");
    var b = prompt("Digite o comprimento, em metros:");
    var s = a * b;
    document.write("A área do terreno é de " + s + " metros <br />");
</script>

Próximo: Convertendo Tipos de Dados

O post Curso básico de JavaScript – Operadores Aritméticos apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

]]> https://www.bosontreinamentos.com.br/programacao-em-javascript/curso-basico-de-javascript-operadores-aritmeticos/feed/ 0