Osmar J. Silva

Java, C/C++, Python, C#, LISP, AutoLisp, AutoCAD e VBA

+55 (062) 98553-6711

José de Angelis

PHP, Python, C#, JavaScript, Laravel, Google Ads e SEO

+55 (062) 98243-1195

React.js ::: Dicas & Truques ::: Passos Iniciais

Aprenda a desenvolver aplicações React diretamente no HTML, sem usar a ferramenta create-react-app

Quantidade de visualizações: 1700 vezes

Embora seja recomendável usar a ferramenta create-react-app para criar suas aplicações React, às vezes gostaríamos de testar algumas idéias diretamente no código HTML, ou seja, sem precisar passar pelo processo "npx create-react-app" -> "npm start" -> "npm run build".

Tudo que temos que fazer é incluir três scripts, a saber, react.production.min.js, react-dom.production.min.js e babel.min.js. Estes scripts estão disponíveis para inclusão via CDN (o mais recomendado) ou você pode baixá-los para uso local, o que, com certeza, vai deixar o processo de desenvolvimento ainda mais rápido. Para obter os CDS ou fazer o download individual dos mesmos, basta pesquisá-los no Google por seus nomes.

Nesta dica eu optei por baixar os scripts e rodá-los a partir da minha máquina de desenvolvimento. Os dois primeiros scripts nos permitem escrever código React em nossos códigos JavaScript, e o terceiro, babel.min.js, nos permite usar a síntáxe JSX (JavaScript XML) e também dar suporte ao JavaScript ES6 para os navegadores mais antigos.

Então, vamos escrever código? Veja a listagem a seguir:

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
<title>Estudos React</title>
  
<script src="js/react.production.min.js"></script>
<script src="js/react-dom.production.min.js"></script>
<script src="js/babel.min.js"></script> 
 
</head>
<body>

<h1>Primeira aplicação React direto no HTML</h1>
  
<div id="minha_app"></div>

<script type="text/babel">
  // vmaos criar um novo compomente React
  class Mensagem extends React.Component{
    render() {
      return <h1>Olá, bem-vindo(a) ao React!</h1>
    }
  };
 
  // vamos exibir o componente Mensagem na div minha_app
  ReactDOM.render(<Mensagem />, document.getElementById('minha_app'));
</script>

</body>
</html>

Ao abrir esta página no navegador teremos o seguinte resultado:

Primeira aplicação React direto no HTML
Olá, bem-vindo(a) ao React!

Pronto! Agora você pode testar idéias no React de forma bem rápida e fácil. Mas, lembre-se, em aplicações mais complexas, o uso da ferramenta create-react-app continua sendo o mais recomendado.

Delphi ::: Dicas & Truques ::: Arrays e Matrix (Vetores e Matrizes)

Como usar arrays (vetores e matrizes) em Delphi

Quantidade de visualizações: 74227 vezes

Em programação de computadores, um array, também conhecido como vector (para arrays uni-dimensionais) ou matriz (para arrays bi-dimensionais), é uma das mais simples estruturas de dados. Os arrays mantêm uma série de elementos de dados, geralmente do mesmo tamanho e tipo de dados. Elementos individuais são acessados por sua posição no array. A posição é dada por um índice, também chamado de subscrição. O índice geralmente utiliza uma seqüência de números inteiros, (ao contrário de um array associativo) mas o índex pode ter qualquer valor ordinal. Alguns arrays são multi-dimensionais, significando que eles são indexados por um número fixo de números inteiros, por exemplo, por um seqüência (ou sucessão) finita de quatro números inteiros. Geralmente, arrays uni- e bi-dimensionais são os mais comuns.

Os arrays podem ser considerados como as estruturas de dado mais simples que é possível imaginar. Têm a vantagem de que os seus elementos são acessíveis de forma rápida, mas têm uma notável limitação: são de tamanho fixo, mas podem ser incrementados ou diminuídos com determinados algoritmos, geralmente envolvendo a cópia de elementos de um array para outro e reinicializando o original com a nova dimensão. Os vetores podem ser implementados desta forma.

Em Delphi um array é declarado da seguinte forma:

var
  valores: array[1..10] of Integer;

Aqui nós temos um array chamado valores que contém 10 elementos do tipo Integer. Estes elementos podem ser acessados por índices que variarão de 1 a 10, ou seja, podemos acessar o 5º elemento da seguinte forma:

procedure TForm1.Button1Click(Sender: TObject);
var
  valores: array[1..10] of Integer;
begin
  valores[5] := 20;
end;

Este tipo de array que ora criamos é chamado de array estático, em contraposição aos arrays dinâmicos, os quais podem ter seus tamanhos redimensionados durante a execução do programa.

A forma mais prática de se trabalhar com arrays em Delphi é usando laços. Veja:

procedure TForm1.Button1Click(Sender: TObject);
var
  valores: array[1..5] of Integer;
  i, soma: Integer;
begin
  // vamos preencher o array com os valores de 1 a 5
  for i := 1 to 5 do
    begin
      valores[i] := i;
    end;

  // vamos percorrer o array novamente e obter a soma dos
  // valores de seus elementos
  soma := 0;
  for i := 1 to 5 do
    begin
      soma := soma + valores[i];
    end;

  // vamos exibir o resultado
  ShowMessage('A soma dos valores é: ' + IntToStr(soma));
end;

Aqui nós declaramos um array de 5 elementos do tipo Integer e inicializamos seus elementos com os valores de 1 a 5. Em seguida percorremos todo o array novamente para obter a soma dos valores dos elementos.

É possível também declarar e já inicializar um array. Veja:

procedure TForm1.Button1Click(Sender: TObject);
const
  valores: array[1..5] of Integer = (3, 2, 6, 12, 9);
var
  i, soma: Integer;
begin
  // vamos percorrer o array novamente e obter a soma dos
  // valores de seus elementos
  soma := 0;
  for i := 1 to 5 do
    begin
      soma := soma + valores[i];
    end;

  // vamos exibir o resultado
  ShowMessage('A soma dos valores é: ' + IntToStr(soma));
end;

Note que aqui eu declarei o array como uma constante. Isso aconteceu porque o Delphi não permite que inicializemos variáveis locais ([DCC Error] Unit1.pas(32): E2195 Cannot initialize local variables). Caso você realmente precise do array como variável e não constante, e deseje inicializá-lo juntamente com a declaração, mova-o para a seção interface do formulário ou classe.

Para finalizar, veja que é possível criar arrays de todos os tipos em Delphi. Veja no trecho de código abaixo como usamos um array de Char para guardar uma palavra e exibí-la normal e depois invertida:

procedure TForm1.Button1Click(Sender: TObject);
const
  letras: array[1..5] of Char = ('O', 's', 'm', 'a', 'r');
var
  i: Integer;
  resultado: String;
begin
  resultado := '';

  // vamos exibir a palavra na forma normal
  for i := 1 to 5 do
    resultado := resultado + letras[i];

  // exibe o resultado
  ShowMessage(resultado);

  // vamos exibir a palavra invertida
  resultado := '';
  for i := 5 downto 1 do
    resultado := resultado + letras[i];

  // exibe o resultado
  ShowMessage(resultado);
end;

Para fins de compatibilidade, esta dica foi escrita usando Delphi 2009.

Java ::: Java para Engenharia ::: Unidades de Medida

Como converter Centímetros Cúbicos em Metros Cúbicos em Java - Java para Física e Engenharia

Quantidade de visualizações: 541 vezes

Em muitas situações nós temos uma medida de volume em cm³ e queremos transformá-la em m³, que é a medida de volume do Sistema Internacional (SI). Para isso só precisamos dividir os centímetros cúbicos por 1.000.000. Veja a fórmula:

\[\text{Metros Cúbicos} = \frac{\text{Centímetros Cúbidos}}{1.000.000} \]

Agora veja o código Java que pede para o usuário informar a medida de volume em centímetros cúbicos e a converte para metros cúbicos. Note que mostrei como exibir o resultado em notação científica e sem notação científica:

package estudos;

import java.util.Scanner;

public class Estudos {
  public static void main(String[] args) {
    // para ler a entrada do usuário
    Scanner entrada = new Scanner(System.in);
    
    // vamos ler a medida em centímetros cúbicos
    System.out.print("Informe os centímetros cúbicos: ");
    double cent_cubicos = Double.parseDouble(entrada.nextLine());
    
    // agora calculamos os metros cúbicos
    double met_cubicos = cent_cubicos / 1000000.00;
    
    // e mostramos o resultado
    System.out.println("Você informou " + cent_cubicos +
      " centímetros cúbicos.");
    System.out.println("Isso equivale a " + met_cubicos +
      " metros cúbicos.");
    System.out.printf("Sem notação científica: %f\n",
      met_cubicos);
  }
}

Ao executar este código Java nós teremos o seguinte resultado:

Informe os centímetros cúbicos: 35
Você informou 35.0 centímetros cúbicos.
Isso equivale a 3.5E-5 metros cúbicos.
Sem notação científica: 0,000035

JavaScript ::: Dicas & Truques ::: Formatação de datas, strings e números

Como exibir apenas dois dígitos após o ponto decimal em JavaScript usando a função toFixed() do objeto Number

Quantidade de visualizações: 13157 vezes

Nesta dica mostrarei como podemos usar a função toFixed() do objeto Number da linguagem JavaScript para convertermos um valor de ponto flutuante em uma string (em texto). Durante a conversão nós vamos especificar que queremos apenas dois dígitos depois do ponto decimal.

Veja o código JavaScript completo para o exemplo:

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; 
  charset=iso-8859-1" />
<title>Estudos JavaScript</title>
</head>
<body>
  
<script type="text/javascript">
  // vamos obter o valor de 
  // PI 3.141592653589793
  var valor = Math.PI;
  document.write("PI: " + valor);
  
  // agora vamos converter o valor de PI para
  // string e arredondar para o número de
  // decimais desejados
  var res = valor.toFixed(2);
  document.write("<br>Resultado: " + res);
</script>
   
</body>
</html>

Ao executar este código JavaScript nós teremos o seguinte resultado:

PI: 3.141592653589793
Resultado: 3.14

Nossas 20 dicas & truques de programação mais populares

C++ - Como usar a classe/contêiner vector da STL em seus programas C++

Java - Como obter a quantidade de itens em uma ArrayList em Java usando seu método size()

C - Como calcular MDC em C

Python - Como verificar se uma string contém apenas caracteres de espaços em Python usando a função isspace()

Ruby - Como testar se um diretório existe em Ruby usando a função File.exist()

Revit C# - Como criar um formulário Windows Forms a partir do Revit C#

Delphi - Como usar a propriedade PickList para definir ou obter a lista de escolhas para uma determinada coluna do TDBGrid do Delphi

PHP - Como usar a função strpos() do PHP para encontrar a posição da primeira ocorrência de uma substring em uma string

C# - Como ordenar um array de strings em ordem alfabética em C# usando a classe StringComparer

Delphi - Como adicionar ou subtrair dias de uma data em Delphi usando a função IncDay()

C# - Como exibir a data e hora atual no formato longo em C# usando o sinalizador {0:F} da função Format() da classe String

Portugol - Como resolver uma equação do segundo grau em Portugol - Como calcular Bhaskara em Portugol

Firebird - Como usar os tipos de dados DATE, TIME e TIMESTAMP do Firebird

PHP - PHP para iniciantes - Como contar a quantidade de palavras em uma string usando as funções explode() e count() do PHP

C++ - Programação MIDI usando C++ - Como usar um vetor de chars para construir uma mensagem MIDI e passá-lo para a função midiOutShortMsg() da API do Windows

Dart - Exercício Resolvido de Dart - Como testar se um ano é bissexto em Dart - Um programa que lê um ano com quatro dígitos e informa se ele é bissexto ou não

jQuery - Como usar o método appendTo() do jQuery para adicionar todo o conteúdo de um elemento ao final de outro elemento HTML

Java - Como adicionar espaço entre o GridBagLayout do Java Swing e as bordas da janela JFrame usando o método setBorder()

C++ - Algoritmos Resolvidos de C++ - Escreva um programa C++ que efetue a soma dos elementos da diagonal principal de uma matriz

Java - Como calcular a área de um Triângulo Equilátero em Java - Java para Geometria, Trigonometria e Álgebra Linear

Você também poderá gostar das dicas e truques de programação abaixo

Excel - Como converter graus em radianos no Excel usando a função RADIANOS() - Trigonometria no Excel

JavaScript - Como retornar o tamanho de uma string em JavaScript usando a propriedade length do objeto String

Java - Exercícios Resolvidos de Java - Escreva um programa (algorítmo) Java que usa o laço for para exibir uma tabela de conversões de milhas para quilômetros

Python - Como calcular o coeficiente angular de uma reta em Python dados dois pontos no plano cartesiano

PHP - Curso de PHP - Como obter a quantidade de linhas em um arquivo

Java - Java Reflection - Como exibir os nomes de todas as superclasses de uma determinada classe usando introspecção em Java

Java - Como inverter a ordem dos elementos de uma ArrayList do Java usando a função reverse() da classe Collections

PHP - Manipulação de texto em PHP - Como acessar e modificar os caracteres individuais de uma string

Python - Como gerar um vetor com valores igualmente espaçados usando a função linspace() da biblioteca NumPy do Python - Python NumPy para Engenharia

Java - Como inserir um item em uma determinada posição da ArrayList do Java usando o método add()

Java - Exercícios Resolvidos de Java - Como retornar o maior elemento em cada uma das colunas de uma matriz usando Java

Python - Como gerar um número randômico em Python usando a função rand() do módulo random da NumPy

Java - Regressão linear - Como calcular o coeficiente de correlação linear de Pearson em Java - Java para Machine Learning

VB.NET - Como calcular juros simples e montante em VB.NET

Java - Exercícios Resolvidos de Java - Como pesquisar um valor em uma árvore binária de busca usando uma função recursiva

Python - Como testar se uma string contém apenas letras em Python usando a função isalpha()

C# - Como adicionar itens ao final de uma ArrayList do C# usando o método Add()

Java - Datas e horas em Java - Como obter o dia do mês usando as constantes DATE e DAY_OF_MONTH da classe Calendar

Python - Como embaralhar os elementos de um array em Python usando random.shuffle()

PHP - Como obter o valor de PI em PHP

Nossas 20 dicas & truques de programação mais recentes

Python - Código completo para um visualizador de fotos e imagens em PyQt - Carregar imagens com botões de próxima imagem e imagem anterior

Python - Como calcular a previsão de cargas de iluminação em instalações elétricas residenciais usando Python - Python para Instalações Elétricas Prediais

C++ - Exercício Resolvido de C++ - Escreva um programa C++ para alocar dinamicamente um inteiro, um caractere e uma string

Excel VBA - Como usar o evento Worksheet_Change do Excel VBA para detectar a linha e a coluna da célula que foi modificada

Python - Como criar um programa de desenho de linhas no estilo AutoCAD usando PyQt

Python - Como desenhar um ponto na janela principal de uma aplicação PyQt usando a função drawPoint() da classe QPainter

Java - Exercícios Resolvidos de Java - Uma pousada estipulou o preço para a sua diária em R$ 30,00 e mais uma taxa de serviços diários de

Portugol - Exercícios Resolvidos de Portugol - Uma pousada estipulou o preço para a sua diária em R$ 30,00 e mais uma taxa de serviços diários de

Python - Cálculo de estribos em vigas de concreto armado usando Python - Armadura mínima transversal normativa

VBA - Como adicionar dias à data atual em VBA usando a função DateAdd() - Datas e horas em VBA

VBA - Como exibir a data e hora atual em VBA usando a função Now() - Datas e horas em VBA

VBA - Como exibir a data atual em VBA usando a função Date - Datas e horas em VBA

VBA - Como usar o laço de repetição For Next em nossas aplicações VBA

VBA - Como extrair uma substring à direita de uma string em VBA usando a função Right()

VBA - Como extrair uma substring à esquerda de uma string em VBA usando a função Left()

Python - Cálculo de estribos em vigas de concreto armado usando Python - Verificação da compressão diagonal do concreto

Excel - Como gerar números aleatórios inteiros entre 1 e 10 no Excel usando as funções ALEATÓRIO() e INT()

Excel - Como gerar números aleatórios no Excel usando a função ALEATÓRIO() - Excel para Matemática e Estatística

Python - Como gerar valores igualmente espaçados em Python sem o uso de bibliotecas externas

Java - Como gerar valores igualmente espaçados em Java sem o uso de bibliotecas externas

Últimos Projetos e Códigos Fonte Liberados Para Apoiadores do Site

Python - Como criar uma Agenda de Contatos em Python + MySQL - Projeto completo com código fonte - Versão console

Python - Como criar o jogo Pedra, Papel, Tesoura em Python - Jogo completo em Python com código comentado

Java - Como criar o jogo Pedra, Papel, Tesoura em Java - Jogo completo em Java com código comentado

Java - Como criar um Jogo da Velha em Java - Jogo completo com código fonte comentado - Versão console

PHP - Software de Gestão Financeira com código fonte em PHP, MySQL, Bootstrap, jQuery - Inclui cadastro de clientes, fornecedores e ticket de atendimento

PHP - Calendário de Eventos em PHP e MySQL - Código fonte completo com opções de cadastrar, listar, excluir, editar e listar eventos

PHP - Como criar um Cadastro de Usuários em PHP e MySQL - Cadastrar, Listar, Editar, Exluir e Pesquisar - Código fonte completo

Java - Sistema para Biblioteca usando Programação Orientada a Objetos em Java - Projeto completo com código fonte - Versão console

Java - Simulação de Sistema Bancário usando Programação Orientada a Objetos em Java - Projeto completo com código fonte - Versão console

PHP - Controle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidades

Últimos Exercícios Resolvidos

C++ - Exercício Resolvido de C++ - Escreva um programa C++ para alocar dinamicamente um inteiro, um caractere e uma string

Java - Exercícios Resolvidos de Java - Uma pousada estipulou o preço para a sua diária em R$ 30,00 e mais uma taxa de serviços diários de

Portugol - Exercícios Resolvidos de Portugol - Uma pousada estipulou o preço para a sua diária em R$ 30,00 e mais uma taxa de serviços diários de

Portugol - Exercícios Resolvidos de Portugol - Sabe-se que a Camiseteria Kanashiro está com uma promoção de camisetas nos seguintes tamanhos e valores

Python - Exercício Resolvido de Python - Calcular o número de Reynolds e identificar se o escoamento é liminar ou turbulento sabendo-se que em uma tubulação com diâmetro de 40 mm

Java - Exercícios Resolvidos de Java - Escreva um programa Java que cria um objeto da classe Calendar para a data e hora atual e mostre os valores máximos para o ano, mês, dia e semana

Java - Exercícios Resolvidos de Java - Escreva um programa Java que construa um objeto da classe Calendar representando a data e hora atual e mostre os valores individuais de ano, mês, dia

Java - Exercícios Resolvidos de Java - Escreva um programa Java que pede para o usuário informar o dia, mês e ano e construa uma data usando um objeto da classe Calendar

C - Exercícios Resolvidos de C - Escreva um programa C que peça para o usuário informar um ano e informe o dia da semana que o ano começou (domingo, segunda-feira

C - Exercícios Resolvidos de C - Escreva um programa C que informa o número de dias em um determinado mês e ano. Seu código deverá solicitar ao usuário o número correspondente

Java - Exercícios Resolvidos de Java - Escreva um programa Java que pede para o usuário informar sua data de nascimento e mostre a idade em anos, meses e dias

Java - Exercícios Resolvidos de Java - Escreva um programa Java que mostre a data atual e a data que será daqui a 10 dias, ou seja, a data atual acrescida de 10 dias

Portugol - Exercícios Resolvidos de Portugol - Escreva um programa Portugol para mover todos os zeros para o final do vetor, sem alterar a ordem dos elementos já presentes no array

VisuAlg - Exercícios Resolvidos de VisuAlg - Um programa que lê duas notas, calcula a média aritmética e exibe uma mensagem de reprovado, exame ou aprovado

Portugol - Exercícios Resolvidos de Portugol - Um programa que lê duas notas, calcula a média aritmética e exibe uma mensagem de reprovado, exame ou aprovado

Python - Exercícios Resolvidos de Python - Faça um programa que leia a idade e o sexo de 5 pessoas, mostrando no final: a) Quantos homens foram cadastrados

Python - Exercícios Resolvidos de Python - Escreva um programa Python que pergunte a velocidade de um carro. Caso ultrapasse 80km/h, exiba uma mensagem dizendo que

C++ - Exercícios Resolvidos de C++ - Escreva um programa C++ que pergunte a velocidade de um carro. Caso ultrapasse 80km/h, exiba uma mensagem dizendo que

C - Exercícios Resolvidos de C - Escreva um programa C que pergunte a velocidade de um carro. Caso ultrapasse 80km/h, exiba uma mensagem dizendo que

VisuAlg - Exercícios Resolvidos de VisuAlg - Escreva um programa VisuAlg que pergunte a velocidade de um carro. Caso ultrapasse 80km/h, exiba uma mensagem dizendo que

E-Books em PDF

E-Book 650 Dicas, Truques e Exercícios Resolvidos de Python - PDF com 1.200 páginas

Domine lógica de programação e a linguagem Python com o nosso E-Book 650 Dicas, Truques e Exercícios Exercícios de Python, para você estudar onde e quando quiser.

Este e-book contém dicas, truques e exercícios resolvidos abrangendo os tópicos: Python básico, matemática e estatística, banco de dados, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.

Ver Conteúdo do E-book

E-Book 350 Exercícios Resolvidos de Java - PDF com 500 páginas

Domine lógica de programação e a linguagem Java com o nosso E-Book 350 Exercícios Exercícios de Java, para você estudar onde e quando quiser.

Este e-book contém exercícios resolvidos abrangendo os tópicos: Java básico, matemática e estatística, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.

Ver Conteúdo do E-book

Linguagens Mais Populares

1º lugar: Java
2º lugar: Python
3º lugar: C#
4º lugar: PHP
5º lugar: C
6º lugar: Delphi
7º lugar: JavaScript
8º lugar: C++
9º lugar: VB.NET
10º lugar: Ruby

React.js ::: Dicas & Truques ::: Passos Iniciais

Aprenda a desenvolver aplicações React diretamente no HTML, sem usar a ferramenta create-react-app

Delphi ::: Dicas & Truques ::: Arrays e Matrix (Vetores e Matrizes)

Como usar arrays (vetores e matrizes) em Delphi

Java ::: Java para Engenharia ::: Unidades de Medida

Como converter Centímetros Cúbicos em Metros Cúbicos em Java - Java para Física e Engenharia

JavaScript ::: Dicas & Truques ::: Formatação de datas, strings e números

Como exibir apenas dois dígitos após o ponto decimal em JavaScript usando a função toFixed() do objeto Number

Questões de Concurso para Engenharia Civil

Exercícios Resolvidos

Bancos de Dados

Questões de Concurso

Frameworks

Projetos e Códigos Fonte

Especializações

Calculadoras

Ferramentas

Todas as Linguagens, Frameworks, Biliotecas e Bancos de Dados

Compre pelo WhatsApp: +55 (062) 98553-6711

E-Book 350 Exercícios Resolvidos de Java - Com comentários em Português

PDF COM 500 PÁGINAS

Apenas R$ 19,90