Desafios e Lista de Exercícios Resolvidos: Java | Python | VisuAlg | Portugol | C | C# | VB.NET | C++
Você está aqui: React ::: Dicas & Truques ::: Aplicações com código fonte completo

Como criar um "Hello, World" em React - Curso de React para iniciantes

Quantidade de visualizações: 415 vezes
Em outra dica do site nós falamos sobre o que é o React, como instalar e como testar este framework JavaScript.

Agora vamos, de forma bem rápida, escrever a famosa aplicação "Hello, World!" em React. A aplicação "Olá, Mundo!" é, em geral, o primeiro código que escrevemos em uma determinada linguagem de programação ou framework, com o propósito de testar a instalação e os componentes baixados.

Como criar uma aplicação React usando o CLI do React

Para criar a nossa aplicação "Hello, World!" em React nós vamos utilizar a ferramenta create-react-app, que é instalada usando o npm do Node.js. Então, se você ainda não tem essa ferramenta instalada, reveja nossas dicas anteriores.

O primeiro passo é criar um diretório para a nossa aplicação. Para este exemplo eu criei um diretório chamado "C:\estudos_react". Em seguida, via janela de terminal, navegue até este diretório e dispare o seguinte comando:

Este trecho de código ou resolução de exercício faz parte da Coleção 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, AutoCAD, Civil 3D, Revit, PyQGIS, Golang, Pascal, Ruby, PHP, e várias outras linguagens.

Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.

Apenas R$ 10,90 (3 Meses de Acesso)

Quero Ser Apoiador(a)


Muita coisa vai acontecer agora. Recomendo que você busque um copo de café e se sente confortavelmente, pois uns 100MB de arquivos serão baixados e instalados. Depois disso nós veremos a seguinte mensagem:

Success! Created hello-world at c:\estudos_react\hello-world
Inside that directory, you can run several commands:

npm start
Starts the development server.

npm run build
Bundles the app into static files for production.

npm test
Starts the test runner.

npm run eject
Removes this tool and copies build dependencies, configuration files
and scripts into the app directory. If you do this, you can?t go back!

We suggest that you begin by typing:

cd hello-world
npm start

Happy hacking!

Se você viu essas mensagens, então é sinal de que tudo correu bem. Na mesma janela de terminal, dispare os comandos a seguir:

Este trecho de código ou resolução de exercício faz parte da Coleção 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, AutoCAD, Civil 3D, Revit, PyQGIS, Golang, Pascal, Ruby, PHP, e várias outras linguagens.

Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.

Apenas R$ 10,90 (3 Meses de Acesso)

Quero Ser Apoiador(a)


Depois de alguns segundos você verá uma mensagem indicando que o
Webpack compilou os arquivos com sucesso e poderemos acessar a aplicação React no endereço http://localhost:3000.

Obteve resultado parecido? Deixe o servidor e o navegador abertos e vamos escrever a nossa aplicação "Hello, World!" agora.

Como criar o componente "Hello, World"

Para a criação da nossa aplicação "Olá, Mundo!" em React, nós já vamos aprender como criar um componente. Em React, os componentes são criados como um arquivo .jsx ou .js. Assim, vamos em frente e criar o componente HelloWorld.js.

Dentro do diretório "C:\estudos_react\hello-world\src" crie um arquivo HelloWorld.js com o seguinte conteúdo:

Este trecho de código ou resolução de exercício faz parte da Coleção 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, AutoCAD, Civil 3D, Revit, PyQGIS, Golang, Pascal, Ruby, PHP, e várias outras linguagens.

Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.

Apenas R$ 10,90 (3 Meses de Acesso)

Quero Ser Apoiador(a)


O nosso componente é um dos mais simples que se pode criar em React, mas não se preocupe. Nossa intenção é mostrar como o framework funciona na prática. Tudo que o nosso componente React possui é um botão Button que exibe uma mensagem window.alert() ao ser clicado.

Agora, dentro do diretório "C:\estudos_react\hello-world\src", localize o arquivo App.js e altere seu código para a seguinte listagem:

Este trecho de código ou resolução de exercício faz parte da Coleção 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, AutoCAD, Civil 3D, Revit, PyQGIS, Golang, Pascal, Ruby, PHP, e várias outras linguagens.

Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.

Apenas R$ 10,90 (3 Meses de Acesso)

Quero Ser Apoiador(a)


Pronto! Agora é só abrir a aplicação novamente e conferir o resultado no navegador. Se tudo correu bem você deverá ver um botão na página. Clique nele e uma mensagem window.alert() será exibida.

Agora você pode brincar com o código à vontade. Experimente alterar o CSS, adicionar mais funções ao componente React, criar novos componentes, adicionar um formulário, etc. Sua criatividade é o limite. Bons estudos.

Link para compartilhar na Internet ou com seus amigos:

PHP ::: Boletos Bancários, Arquivos de Remessa e Retornos do Banco ::: Caixa Econômica Federal - Banco 104

Boleto Bancário PHP - Como calcular o Dígito Verificador do Nosso Número (Módulo 11) - Boleto Caixa Econômica

Quantidade de visualizações: 2603 vezes
Nesta dica mostrarei, passo-a-passo, como calcular o Dígito Verificador do Nosso Número para o boleto e arquivos de remessa da Caixa Econômica Federal (Banco 104).

O Nosso Número é o número de identificação do título no Banco. Este número deve ser único nos seus sistemas, pois, sua combinação com o código do cedente o torno único também no sistema bancário. Além disso, é o Nosso Número que permite ao Banco e a empresa identificar os dados da
cobrança que deram origem ao bloqueto.

Na Especificação do Código de Barras para Bloquetos de Cobrança Sem Registro e Registrada no SIGCB (67.119 v005 micro), o Nosso Número é composto de 17 posições, sendo as 02 posições iniciais para identificar a Carteira e as 15 posições restantes são para livre utilização pelo Cedente.
Seu formato é XYNNNNNNNNNNNNNNN-D, onde:
a) X = Modalidade/Carteira de Cobrança (1-Registrada/2-Sem Registro);
b) Y = Emissão do bloqueto (4-Cedente);
c) NNNNNNNNNNNNNNN = Nosso Número (15 posições livres do Cedente);
d) D = Dígito Verificador do Nosso Número calculado através do Modulo 11, conforme código que mostrarei a seguir. Nos boletos e arquivos de remessa da Caixa, o Dígito Verificador do Nosso Número admite 0 (zero), diferentemente do DV Geral do Código de Barras (que também mostro como calcular em dicas dessa seção).

O cálculo que mostrarei a seguir é baseado no Módulo 11 e está de acordo com as instruções do Manual de Leiaute de Arquivo Eletrônico Padrão CNAB 240 - Cobrança Bancária Caixa - SIGCB - Versão 67.118 v024 micro e Especificação do Código de Barras para Bloquetos de Cobrança Sem Registro e Registrada no SIGCB (67.119 v005 micro). Tenha certeza de verificar sua versão do manual antes de usar o código apresentado.

Dito isso, veja o código PHP completo para uma função que recebe o Nosso Número e retorna seu dígito verificador:

Este trecho de código ou resolução de exercício faz parte da Coleção 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, AutoCAD, Civil 3D, Revit, PyQGIS, Golang, Pascal, Ruby, PHP, e várias outras linguagens.

Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.

Apenas R$ 10,90 (3 Meses de Acesso)

Quero Ser Apoiador(a)


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

O dígito verificador para o nosso número 14000000000028288 é: 5


PHP ::: Dicas & Truques ::: Formulários

Como obter o valor do item selecionado em um element HTML select (menu de lista) de seleção única usando PHP

Quantidade de visualizações: 21182 vezes
Os controles do tipo combobox ou select da linguagem HTML são úteis quando queremos fornecer uma lista de itens a partir da qual o usuário poderá selecionar apenas um ítem (ou vários itens, no caso de uma lista de seleção múltipla.

Nesta dica mostrarei como usar PHP para obter o item que o usuário selecionou. Veja o código completo abaixo.

Vamos começar com a página HTML que contém o elemento <select>:

Este trecho de código ou resolução de exercício faz parte da Coleção 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, AutoCAD, Civil 3D, Revit, PyQGIS, Golang, Pascal, Ruby, PHP, e várias outras linguagens.

Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.

Apenas R$ 10,90 (3 Meses de Acesso)

Quero Ser Apoiador(a)


Agora, para obter o valor do item selecionado podemos usar o seguinte código PHP:

Este trecho de código ou resolução de exercício faz parte da Coleção 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, AutoCAD, Civil 3D, Revit, PyQGIS, Golang, Pascal, Ruby, PHP, e várias outras linguagens.

Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.

Apenas R$ 10,90 (3 Meses de Acesso)

Quero Ser Apoiador(a)


Quando você abrir a página HTML, selecionar um item e clicar o botão Enviar, você verá o seguinte resultado na página PHP:

Sua linguagem favorita é: Delphi

Esta dica foi revisada no PHP 8.


C# ::: Dicas & Truques ::: Strings e Caracteres

Como retornar uma substring de uma string C# usando o método Substring() da classe String - C# para iniciantes

Quantidade de visualizações: 32277 vezes
Esta dica mostra como obter parte de uma palavra, frase ou texto, ou seja, extrair uma substring a partir de uma string. Isso pode ser feito por meio da função Substring() da classe String da linguagem C#. Veja que temos que fornecer o índice do primeiro caractere (começando em 0) e a quantidade de caracteres que serão obtidos.

Veja o código completo para o exemplo:

Este trecho de código ou resolução de exercício faz parte da Coleção 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, AutoCAD, Civil 3D, Revit, PyQGIS, Golang, Pascal, Ruby, PHP, e várias outras linguagens.

Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.

Apenas R$ 10,90 (3 Meses de Acesso)

Quero Ser Apoiador(a)


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

A frase é: Gosto muito de C#
Substring obtida: muito


Java ::: Dicas & Truques ::: Arquivos e Diretórios

Como verificar se um arquivo ou diretório existe em Java usando o método exists() da classe File

Quantidade de visualizações: 12964 vezes
Em algumas situações nós precisamos checar a existência de um arquivo ou diretório em Java. Para isso nós podemos usar o método exists() da classe File, do pacote java.io.

Este método recebe uma string contendo o caminho do arquivo ou diretório e retorna true se o arquivo ou diretório indicado existir, e false em caso contrário. Veja um exemplo:

Este trecho de código ou resolução de exercício faz parte da Coleção 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, AutoCAD, Civil 3D, Revit, PyQGIS, Golang, Pascal, Ruby, PHP, e várias outras linguagens.

Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.

Apenas R$ 10,90 (3 Meses de Acesso)

Quero Ser Apoiador(a)


O arquivo existe no caminho indicado.

É importante observar que o método exists() pode disparar uma exceção do tipo Security Exception se o arquivo ou diretório não possuir permissão de acesso ou escrita.


Python ::: Desafios e Lista de Exercícios Resolvidos ::: Python Básico

Exercício Resolvido de Python - Ler três números inteiros e indicar se eles estão em ordem crescente ou decrescente

Quantidade de visualizações: 651 vezes
Pergunta/Tarefa:

Escreva um programa Python que pede para o usuário informar três números inteiros e informa se eles estão em ordem crescente ou decrescente. Se os números estiverem em ordem crescente, escreva "Ordem Crescente". Se estiverem em ordem decrescente, escreva "Ordem Decrescente". Do contrário escreva "Sem ordem definida".

Sua saída deverá ser parecida com:

Primeiro número: 4
Segundo número: 8
Terceiro número: 11
Ordem Crescente
Resposta/Solução:

Veja a resolução comentada deste exercício em Python:

Este trecho de código ou resolução de exercício faz parte da Coleção 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, AutoCAD, Civil 3D, Revit, PyQGIS, Golang, Pascal, Ruby, PHP, e várias outras linguagens.

Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.

Apenas R$ 10,90 (3 Meses de Acesso)

Quero Ser Apoiador(a)



Mais Desafios de Programação e Exercícios e Algoritmos Resolvidos de Python

Veja mais Dicas e truques de Python

Dicas e truques de outras linguagens

Quem Somos

Osmar J. Silva
Programador Freelancer
WhatsApp +55 (062) 98553-6711

Goiânia-GO
Programador Freelancer - Full Stack Developer, Professional Java Developer, PHP, C/C++, Python Programmer, wxWidgets Professional C++ Programmer, Freelance Programmer. Formado em Ciência da Computação pela UNIP (Universidade Paulista Campus Goiânia) e cursando Engenharia Civil pela PUC-Goiás. Possuo conhecimentos avançados de Java, Python, JavaScript, C, C++, PHP, C#, VB.NET, Delphi, Android, Perl, e várias tecnologias que envolvem o desenvolvimento web, desktop, front-end e back-end. Atuo há mais de 20 anos como programador freelancer, atendendo clientes no Brasil, Portugal, Argentina e vários outros paises.
Entre em contato comigo para, juntos, vermos em que posso contribuir para resolver ou agilizar o desenvolvimento de seus códigos.
José de Angelis
Programador Freelancer
WhatsApp +55 (062) 98243-1195

Goiânia-GO
Programador Freelancer - Formado em Sistemas de Informação pela Faculdade Delta, Pós graduado em Engenharia de Software (PUC MINAS), Pós graduado Marketing Digital (IGTI) com ênfase em Growth Hacking. Mais de 15 anos de experiência em programação Web. Marketing Digital focado em desempenho, desenvolvimento de estratégia competitiva, analise de concorrência, SEO, webvitals, e Adwords, Métricas de retorno. Especialista Google Certificado desde 2011 Possui domínio nas linguagens PHP, C#, JavaScript, MySQL e frameworks Laravel, jQuery, flutter. Atualmente aluno de mestrado em Ciência da Computação (UFG)
Não basta ter um site. É necessário ter um site que é localizado e converte usuários em clientes. Se sua página não faz isso, Fale comigo e vamos fazer uma analise e conseguir resultados mais satisfatórios..

Linguagens Mais Populares

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

Códigos Fonte

Programa de Gestão Financeira Controle de Contas a Pagar e a Receber com Cadastro de Clientes e FornecedoresSoftware de Gestão Financeira com código fonte em PHP, MySQL, Bootstrap, jQuery - Inclui cadastro de clientes, fornecedores e ticket de atendimento
Diga adeus às planilhas do Excel e tenha 100% de controle sobre suas contas a pagar e a receber, gestão de receitas e despesas, cadastro de clientes e fornecedores com fotos e histórico de atendimentos. Código fonte completo e funcional, com instruções para instalação e configuração do banco de dados MySQL. Fácil de modificar e adicionar novas funcionalidades. Clique aqui e saiba mais
Controle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidadesControle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidades
Tenha o seu próprio sistema de controle de estoque web. com cadastro de produtos, categorias, fornecedores, entradas e saídas de produtos, com relatórios por data, margem de lucro e muito mais. Código simples e fácil de modificar. Acompanha instruções para instalação e criação do banco de dados MySQL. Clique aqui e saiba mais


© 2024 Arquivo de Códigos - Todos os direitos reservados
Neste momento há 14 usuários muito felizes estudando em nosso site.